@media screen and (min-width: 1000px) {
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 40px;
    }
}
@media screen and (max-width: 1920px) and (min-width: 480px) {
    .header .header-top{
        padding:20px 0;
    }
    .header .nav li {
        padding:16px 0;
    }
    .header .nav li a{
        font-size:18px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 30px;
    }
    .menu{
        padding:16px 0 32px;
    }
    .menu li{
        margin-top:20px;
    }
    .menu li p{
        padding:12px 0;
        font-size:16px;
    }
    .container{
        padding:36px 0;
    }
    .title h1{
        font-size:30px;
        line-height:48px;
    }
    .title h2{
        font-size:14px;
    }
    .title.t2 h1{
        height:55.2px;
        line-height:46px;
        background:url("../img/title-jt.png") no-repeat 80% center;
        background-size:64.8px 55.2px;
    }
    .title.t2 h3{
        margin-top:5px;
        font-size:12px;
    }
    .main {
        padding-top:24px;
    }
    .btn{
        margin:32px auto 0;
        height:40px;
        line-height:40px;
        font-size:16px;
    }
    .home1 .info h1{
        margin-top:12px;
        font-size:18px;
    }
    .home1 .info p{
        margin-top:18px;
        font-size:14px;
        line-height:24px;
    }
    .home3 h1{
        margin-bottom:16px;
        font-size:16px;
        line-height:16px;
    }
    .home3 h1.mt{
        margin-top:32px;
    }
    .home3 p{
        margin-top:14px;
        font-size:16px;
        line-height:22px;
    }
    .home3 h2{
        margin:4px auto 0;
        font-size:14px;
        width:90%;
        line-height:28px;
    }
    .home4 .box > img{
        width:36%;
    }
    .home4 .box .info{
        margin:0 2%;
        padding:10px 0;
        width:60%;
    }
    .home4 .box .info h1{
        font-size:20px;
        line-height:20px;
    }
    .home4 .box .info h2{
        margin-top:10px;
        width:100%;
        font-size:16px;
        line-height:24px;
        height:24px;
    }
    .home4 .box .info h2 img{
        margin-left:-3px;
        bottom:-3px;
        width:6px;
        height:3px;
    }
    .home4 .box .info p{
        margin-top:10px;
        font-size:14px;
        line-height:20px;
    }
    .home5 .tab-ul li{
        padding:12px 0;
    }
    .home5 .tab-ul li h1{
        font-size:16px;
        line-height:16px;
    }
    .home5 .tab-ul li p{
        margin-top:5px;
        font-size:12px;
        line-height:12px;
    }
    .home5 .tab-div{
        margin-bottom:32px;
    }
    .home5 .tab-div > div div.info{
        padding-bottom:8px;
    }
    .home5 .tab-div > div div.info p{
        padding:8px 2%;
        font-size:12px;
        color:#ffffff;
    }
    .home5 .tab-div > div div.info ul{
        width:90%;
    }
    .home5 .tab-div > div div.info ul li{
        margin:0 4% 4px;
        width:42%;
        height:24px;
        font-size:14px;
        line-height:24px;
        text-indent:4%;
    }
    .home5 .box{
        margin-top:16px;
        padding:16px 5%;
    }
    .home5 .box h1{
        font-size:18px;
        line-height:18px;
    }
    .home5 .box p{
        margin-top:6px;
        font-size:14px;
        line-height:20px;
    }
    .home5 .box img{
        width:16px;
        height:6px;
    }
    .home5 .box img.jt1{
        bottom:-6px;
    }
    .home5 .box img.jt1-2{
        bottom:-6px;
    }
    .home6 .box h1{
        margin-top:4px;
        font-size:14px;
        line-height:18px;
        text-indent:5px;
    }
    .home6 .box{
        margin:5px 0.666%;
    }
    .home6 .box h1 span{
        padding:0 10px;
        font-size:12px;
        line-height:18px;
        background-size:13px 18px;
    }
    .home6 .box p{
        font-size:14px;
        line-height:48px;
    }
    .teacher-title h1{
        font-size:32px;
        line-height:32px;
    }
    .teacher-title p{
        margin-top:8px;
        font-size:14px;
        line-height:16px;
    }
    .teacher-container1 .box .img .link{
        padding:16px 0;
    }
    .teacher-container1 .box .img .link a{
        height:32px;
        font-size:16px;
        line-height:32px;
    }
    .teacher-container1 .box .info .name-say{
        padding:10px 4%;
    }
    .teacher-container1 .box .info .name-say h1{
        font-size:22px;
    }
    .teacher-container1 .box .info .name-say h2{
        margin-top:16px;
        font-size:16px;
        line-height:20px;
    }
    .teacher-container1 .box .info .title-of ul{
        margin-top:5px;
    }
    .teacher-container1 .box .info .title-of ul li{
        margin-bottom:5px;
        font-size:14px;
        height:26px;
        line-height:26px;
    }
    .teacher-container1 .box .info p{
        margin-top:6px;
        font-size:14px;
        line-height:24px;
    }
    .teacher-container2 .box ul li{
        margin-bottom:20px;
    }
    .work-title h1{
        padding-left:2%;
        font-size:18px;
        line-height:20px;
    }
    .work-title a{
        width:20px;
        height:20px;
        background:url("../img/next2.png") no-repeat center center;
        background-size:20px 20px;
    }
    .goback{
        margin-top:-15px;
        width:30px;
        height:30px;
        background: url("../img/back.png") no-repeat center center;
        background-size: 30px 30px;
    }
    .class-title{
        padding:30px 0;
    }
    .class-title h1{
        font-size:40px;
        color:#bf095f;
    }
    .class-title h2{
        font-size:28px;
    }
    .class .box{
        margin:0 auto 20px;
        padding-bottom:10px;
        border:5px solid #ffffff;
    }
    .class .box > h1{
        font-size:24px;
        line-height:75px;
        margin-bottom:5px;
    }
    .class .box .info{
        margin-top:30px;
    }
    .class .box .info ul{
        width:48%;
    }
    .class .box .info ul li div p{
        font-size:14px;
        line-height:20px;
    }
    .class .box .info ul li{
        margin-bottom:20px;
    }
    .class .box h2{
        margin-bottom:20px;
        padding:8px 5%;
        font-size:14px;
        line-height:20px;
    }
    .class .box h3 {
        margin-bottom:5px;
        font-size:14px;
        color:#bf095f;
    }
    .class .box a{
        height:40px;
        line-height:40px;
        font-size:16px;
    }
    .class .box h4{
        height:30px;
        line-height:30px;
        font-size:16px;
    }







}


@media screen and (max-width: 480px) {

    .header .header-top{
        padding:14px 0;
    }
    .header .nav li {
        padding:14px 0;
    }
    .header .nav li a{
        font-size:16px;
    }
    .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 20px;
    }
    .menu{
        padding:12px 0 24px;
    }
    .menu li{
        margin-top:15px;
    }
    .menu li p{
        padding:9px 0;
        font-size:14px;
    }
    .container{
        padding:27px 0;
    }
    .title h1{
        font-size:24px;
        line-height:36px;
    }
    .title h2{
        font-size:14px;
    }
    .btn{
        margin:24px auto 0;
        height:30px;
        line-height:30px;
        font-size:14px;
    }
    .main {
        padding-top:18px;
    }
    .home1 .info h1{
        margin-top:10px;
        font-size:16px;
    }
    .home1 .info p{
        margin-top:14px;
        font-size:12px;
        line-height:18px;
    }
    .home3 h1{
        margin-bottom:10px;
        font-size:16px;
        line-height:16px;
    }
    .home3 h1.mt{
        margin-top:24px;
    }
    .home3 p{
        margin-top:10px;
        font-size:14px;
        line-height:20px;
    }
    .home3 h2{
        margin:12px auto 0;
        font-size:12px;
        width:100%;
        line-height:24px;
    }
    .home3 img{
        width:100%;
    }
    .home4 .box .info h1{
        font-size:16px;
        line-height:16px;
    }
    .home4 .box .info h2{
        margin-top:10px;
        font-size:14px;
        line-height:22px;
        height:22px;
    }
    .home4 .box .info p{
        margin-top:10px;
        font-size:14px;
        line-height:18px;
    }
    .home5 .tab-ul li{
        padding:8px 0;
    }
    .home5 .tab-ul li h1{
        font-size:14px;
        line-height:14px;
    }
    .home5 .tab-ul li p{
        margin-top:4px;
    }
    .home5 .tab-div{
        margin-bottom:24px;
    }
    .home5 .tab-div > div div.info{
        padding-bottom:4px;
    }
    .home5 .tab-div > div div.info p{
        padding:6px 2%;
    }
    .home5 .tab-div > div div.info ul{
        width:90%;
    }
    .home5 .tab-div > div div.info ul li{
        margin:0 2% 4px;
        width:46%;
        height:18px;
        font-size:12px;
        line-height:18px;
        text-indent:2%;
    }
    .home5 .box{
        margin-top:12px;
        padding:12px 5%;
    }
    .home5 .box h1{
        font-size:16px;
        line-height:16px;
    }
    .home5 .box p{
        margin-top:10px;
        font-size:12px;
        line-height:18px;
    }
    .home5 .box img{
        width:12px;
        height:4px;
    }
    .home5 .box img.jt1{
        bottom:-4px;
    }
    .home5 .box img.jt1-2{
        bottom:-4px;
    }
    .home6 .box h1{
        font-size:12px;
        line-height:16px;
        text-indent:4px;
    }
    .home6 .box h1 span{
        padding:0 3px;
        font-size:12px;
        line-height:16px;
        background-size:5px 16px;
    }
    .home6 .box p{
        font-size:12px;
        line-height:36px;
    }
    .teacher-title h1{
        font-size:24px;
        line-height:24px;
    }
    .teacher-container1 .box .img .link{
        padding:12px 0;
    }
    .teacher-container1 .box .img .link a{
        height:20px;
        font-size:12px;
        line-height:20px;
    }
    .teacher-container1 .box .info .name-say{
        width:92%;
        padding:10px 4%;
        background:#bf095f;
    }
    .teacher-container1 .box .info .name-say h1{
        font-size:22px;
    }
    .teacher-container1 .box .info .name-say h2{
        margin-top:5px;
        font-size:12px;
        line-height:14px;
    }
    .teacher-container1 .box .info .title-of ul{
        margin-top:5px;
    }
    .teacher-container1 .box .info .title-of ul li{
        margin-bottom:5px;
        font-size:12px;
        height:24px;
        line-height:24px;
    }
    .teacher-container1 .box .info p{
        margin-top:2px;
        font-size:12px;
        line-height:16px;
    }
    .teacher-container2 .box ul li{
        margin-bottom:15px;
    }
    .class-title{
        padding:20px 0;
    }
    .class-title h1{
        font-size:30px;
        color:#bf095f;
    }
    .class-title h2{
        font-size:20px;
    }
    .class .box{
        margin:0 auto 10px;
    }
    .class .box > h1{
        font-size:18px;
        line-height:55px;
    }
    .class .box .info{
        margin-top:20px;
    }
    .class .box .info ul li{
        margin-bottom:10px;
    }
    .class .box .info ul li div{
        background:url("../img/jt4.png") no-repeat left top;
        background-size:5px 5px;
    }
    .class .box .info ul li div h1{
        margin-left:4%;
        width:96%;
        font-size:12px;
        line-height:22px;
        border-bottom:1px solid #aaaaaa;
    }
    .class .box .info ul li div p{
        font-size:12px;
        line-height:18px;
    }
    .class .box h2{
        margin-bottom:10px;
        padding:4px 5%;
        font-size:12px;
        line-height:18px;
    }
    .class .box a{
        height:30px;
        line-height:30px;
        font-size:14px;
    }
    .class .box h4{
        height:20px;
        line-height:20px;
        font-size:14px;
    }





}

@media screen and (max-width: 384px) {
    .header .header-top{
        padding:10px 0;
    }
    .header .nav li {
        padding:12px 0;
    }
    .header .nav li a{
        font-size:14px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
    }
    .menu{
        padding:8px 0 16px;
    }
    .menu li{
        margin-top:10px;
    }
    .menu li p{
        padding:6px 0;
        font-size:12px;
    }
    .title h1{
        font-size:20px;
        line-height:26px;
    }
    .title.t2 h1{
        height:36.8px;
        line-height:30px;
        background:url("../img/title-jt.png") no-repeat 80% center;
        background-size:43.2px 36.8px;
    }
    .container{
        padding:18px 0;
    }
    .home1 .box img{
        width:45%;
        height:auto;
    }
    .home1 .info{
        width:55%;
    }
    .main {
        padding-top:12px;
    }
    .home1 .info h1{
        margin-top:2px;
        font-size:14px;
    }
    .home1 .info p{
        margin-top:5px;
        font-size:12px;
        line-height:18px;
    }
    .home3 p{
        font-size:12px;
    }
    .home4 .box > img{
        width:36%;
    }
    .home4 .box .info{
        padding:5px 0;
    }
    .home4 .box .info h1{
        font-size:12px;
        line-height:12px;
    }
    .home4 .box .info h2{
        margin-top:5px;
        font-size:12px;
        line-height:16px;
        height:16px;
    }
    .home4 .box .info p{
        margin-top:5px;
        font-size:12px;
        line-height:14px;
    }
    .home6 .box h1{
        text-indent:0px;
    }
    .teacher-container2 .box ul li{
        margin-bottom:10px;
    }




}

@media screen and (max-width: 320px) {




}