/* css */
@media screen and (max-width:1460px) {
    body{ font-size: 14px;}
    .ptb-65{    padding-top: 50px; padding-bottom: 50px;}
    .schoolTeam{ padding-top: 50px;}
    .w1440{ width: 1200px;  }

    
  

    .videobox{ padding: 40px 30px;}
    .aboutMore .yuan{  width: 60px; height: 60px;}
    .aboutMore .txt{ line-height: 60px;}
    .mouse{ height: 36px;}
    #productsSwiper{ padding-bottom: 120px;}
    footer dd{ font-size: 18px;}
    .customized .input,.customized button{ height: 46px;}
    .customized .box{ margin: 18px 0;}
    nav{ width: 50vw; font-size: 15px;}

    .swiper-pagination-progressbar{  width: 1200px !important;  margin-left: -600px; }

    .neibanner{ height: 700px;}

    .aboutBan .top .left{ width: 34.6%;}
    .aboutBan .top .right{ width: 55.4%;}

    .introduction .bot .left .txt{ width:84%;}
    .yin{ width: 50px;}
    .Culture{ height: 700px;}
    .Team .swiper-slide .img{ width: 300px; height: 300px;}
    .Team{background: url(../images/TeamBg.jpg) no-repeat center top 200px;    background-size: 100% auto;}
    .cooperation ul li{ padding: 15px 0;}

    .maxmain{ padding: 0;width: 1200px; margin: 0 auto;}
    .prolist li .img img{ height: 320px;}
    .prolist li .txt{ padding: 22px;}
    .pglist{ padding: 30px 0;}

    .proClassTwo .w1440{grid-template-columns: repeat(5,1fr);    grid-gap:32px; }
    .proClassTwo .w1440 a{ line-height: 60px;}

    .proInfot .right{    padding: 50px 0 50px 50px;
        padding-right: calc((100vw - 1200px)/2);}
        .process li .tu img{ height: 105px; }

        .swiperBtn{ width: 60px; height: 60px;}
 
        .supportUl li{ padding: 15px;}

        .schoolTeam #schoolTeamSwiper .swiper-slide>img{ width:60%}
        .schoolTeam .right li{ width:130px}

        .Messagebox{ width:90%}

        .newsClass .left a{ line-height: 80px;margin-right:80px}
        .newslist .img img{ height:260px}

        .newTit{padding:30px 0 !important;}
        .newsleft{padding-right: 40px;}
        .newsright{padding-left: 40px;}

        .contactTop .right{ padding: 50px 3vw;}
        .contactTop .right .item{    padding-bottom: 25px;margin-bottom: 25px;}
        .contactTop .right .item .f34{ font-size:26px ;}
        .contactTop .left{ height: 600px;}

        .newBan{ height: 630px;}
}

 

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

    .w1440,.w1200{ width: 1000px;  }
    .swiper-pagination-progressbar{ width: 1000px !important;   margin-left: -500px; }
    .aboutlogo{ width: 150px;}
    footer .top .left{ width: 63%;}
    footer .top .right img{ width: 100px;}
    footer dd{margin-bottom:0}
    .ptb-65{    padding-top: 40px; padding-bottom: 40px;}
    .schoolTeam{ padding-top: 40px;}

    .neibanner{ height: 600px;}
    .yin{ width: 30px;}
    .introduction .bot .left .txt{ width: 90%;}
    .Culture{  height: 600px;}

    .proClassTwo{ padding: 32px 0;}
    .maxmain{ padding: 0;width: 1000px; margin: 0 auto;}
    .prolist li .img img{ height: 280px;}
    .prolist li .txt{ padding: 22px;}
    .pglist{ padding: 30px 0;}
    .proClassTwo .w1440{grid-template-columns: repeat(5,1fr);    grid-gap:32px; }
    .proClassTwo .w1440 a{ line-height: 60px;}
    .prolist li{ margin-bottom: 25px;}
    .proClass a img{ height: 38px;}

    .proInfot .right{padding: 40px 0 40px 40px;
        padding-right: calc((100vw - 1000px)/2);}

        .proInfot .right .desc{ padding: 20px 0;}
        .process li .tu img{ height: 90px;}

        .fiveUl li .txt{ padding: 15px;}
        .fiveUl li .img img{  height: 250px; object-fit: cover;}

        .schoolTeam .right li{ width:100px}
        .schoolTeam #schoolTeamSwiper .swiper-slide>img{ display: none}
        .TeamBox .bottom{ display:block}
        .schoolTeam .swiper-slide .txt{ width:100%; position:relative }

        
}


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

    header .topTel{ display: none;}
    .topIcon{ width: 20vw;}
    nav{ margin-right: 1vw; width: 52vw;}
    .w1440,.w1200{ width: 100%; padding: 0 20px;  }

    .maxmain{ padding: 0 20px;width:100%; }
    .aboutlogo{ width: 100px;}
    .aboutMore .yuan{  width: 50px; height: 50px;}
    .aboutMore .txt{ line-height: 50px;}

    div.video-wrap{ width: 90vw; height: auto;}

    .proInfot{ flex-direction: column;}
    .proInfot .w50{ width: 100%;}
    .proInfot .right{ padding: 20px;}
    .proInfot .right .desc{ margin-bottom: 20px}

    .support{background: url(../images/supportBg.jpg) no-repeat center top #f5f5f5; background-size: 100% 50%;}

    .TeamBox{ flex-direction: column;} .TeamBox .w50{ width:100%}
    .TeamBox .right{ display:none}

    .joinBan .top{ padding:20px}

   
}

@media screen and (max-width:750px) {
    body{ font-size: 12px;}
    .pc-show{ display: none;}
    .wap-show{ display: block;}
    header{ height: 60px;}
    .wap-show{ display: block;}
    .topIcon{ display: none;}
    header .logo{ padding-left: 20px; width: auto; }
    header .logo>img{ height: 32px;}
    nav{
        width: 100vw;
        height: calc(100vh - 60px) ;
        top: 60px;
        right: 0;
        position: fixed;
        flex-direction: column;
        background-color: #fff;
        justify-content:center !important;
        margin-right:0;
        border-top: 1px solid #e5e5e5;
      
        transform: translateX(100%) ;
        -webkit-transform: translateX(100%) ;
        -moz-transform: translateX(100%) ;
        -ms-transform: translateX(100%) ;
        -o-transform: translateX(100%) ;
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
}
   nav  li{ width: 100%; text-align: center;}
    nav a{ line-height: 3; display: block; width: 100%; font-size: 16px;}
    nav.show{ transform: translateX(0) ; -webkit-transform: translateX(0) ; -moz-transform: translateX(0) ; -ms-transform: translateX(0) ; -o-transform: translateX(0) ; }
    .about .w1440{ flex-direction: column;}
    .ptb-65{    padding-top: 25px; padding-bottom: 25px;}
    .schoolTeam{ padding-top:25px;}
    .w50{ width: 100%;}
    .about .txt .f40{ margin-bottom: 15px;}
    .about .txt .mt-50{ margin-top: 15px;}
    .line-height2-4{ line-height: 2;}

    .searchBox{ top: 60px;}
    .searchBox form{ width: 96%; padding: 5px 0;}
    .searchClose{ display: none;}

    .about .right{ width: 100%; margin-top: 20px;}
    .videobox{ left: 50%; width: 70%;}
    .about .ml-60{ margin-left: 20px;}
    .aboutMore .txt{ padding: 0 15px;}
    .aboutMore .yuan{  width: 40px; height: 40px;}
    .aboutMore .txt{ line-height: 40px;}
    .aboutMore{ margin-top: 15px;}
    .about .right>img{ width: 100%; object-fit: cover; height: 300px;}
    .needTypeIt{ line-height: 2;}

    ._slide{ width: 90%; height: 38px; line-height: 38px;}
    ._slide i{ width: 22px; height: 22px;     top: 8px;}

    .swiper-pagination-progressbar{ width: 100% !important;   margin-left: -50% !important; }

    .productsBtn{ display: none;}
   
    #productsSwiper{ padding-bottom: 50px;}
    .products .box{ padding-left: 20px;}

    .join .line{ margin: 20px 0;}
    .join .swiper-slide .f14{ margin-top: 18px;}

    .customized .box{ flex-direction: column;}
    .customized .input{ width: 100%; margin-bottom: 15px;}
    .customized button{ width: 100%;}
    .customized .input, .customized button{ height: 38px;}
    footer .top .left{ display: none;}
    footer .top{  display: none;}
    footer .top .right img{width: 80px;}
    footer .bot{ flex-direction: column;  text-align: center;}
    footer .bot form{ display: none;}

    .neibanner{ margin-top: 60px; height: auto; padding: 30px 0;}

    .aboutBan .top{ flex-direction: column;}
    .aboutBan .top .left .flex-column{ flex-direction: row; align-items: center;}
    .aboutBan .top .left .line{  margin: 0 20px !important;}
    .aboutBan .top .left .flex-column .mt-30{ margin-top: 0;}
    .aboutBan .top .left,.aboutBan .top .right{ width: 100%;}
    .aboutBan .top .right{ margin-top: 20px;}
    .aboutBan .top .right li{ width: 33.3%; white-space: nowrap;}
    .aboutBan .bot{flex-wrap: wrap; margin-top: 0;}
    .aboutBan .bot .item{ width: 50%; margin-top: 20px;}

    .aboutBan .bot .line{ width: 20px; height: 2px;}
    .aboutBan .top .right li img{ height: 30px;}
    .aboutBan .bot .item .f50{ margin-right: 10px;}
    .introduction .bot{ flex-direction: column;}

    .introduction .bot .left .txt{ width: calc(100% - 50px);}
    .introduction .bot .right{ display: none;}

    .Culture{  flex-wrap: wrap; height: auto; flex-wrap: wrap; }

    .Culture li{ width: 50%;padding: 25px 0; border-bottom: 1px solid rgba(255, 255, 255,.3);}
    .Culture li .line{ height: 2px; margin: 15px 0;}

    .Team .swiper-slide .img{ width: 100%; height: 280px;   border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .cooperation ul li{ width: 31%; margin-right:3.5% ; padding: 15px;}
    .cooperation ul li:nth-child(5n){margin-right:3.5% ;}
    .cooperation ul li:nth-child(3n){ margin-right: 0;}

    .proClass{ margin-top: 60px;}
    .proClass .w1440 { flex-wrap: wrap;justify-content: flex-start; padding: 0;}
    .proClass a{ flex: 33.3%; padding: 15px 0;}
    .proClass a img{ height: 28px; }

    .proClassTwo{ padding: 20px 0;}
    .proClassTwo .w1440{    grid-template-columns: repeat(3,1fr);grid-gap: 15px;}
    .proClassTwo .w1440 a{ line-height: 50px; border-radius: 5px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) }
    .prolist li{ width: 48%; margin-right: 4%; margin-bottom: 20px;}
    .prolist li:nth-child(3n){ margin-right: 4%;}
    .prolist li:nth-child(2n){ margin-right: 0;}
    .prolist li .img img{ height: 140px;}
    .prolist li .txt{ padding: 8px;}
    .prolist li .txt .dis-flex-between-center{ flex-direction: column; align-items: flex-start; line-height: 2;}
    .prolist li figure{ text-align: center;}.prolist li figure .f30{ font-size: 14px; padding: 0 12px;}
    .pglist  span,.pglist .page{ display: none;}

    .location{ margin-top: 60px; padding: 20px 0;}
    .location .w1440 .backMore{display: none;}
    .location .w1440 .left{ flex-wrap: wrap; line-height: 2;}
    .tel2{ height: 30px;}
    .tjTit{ margin-bottom: 25px;}
    .process li .tu img{ height: 70px;}
    .process li:nth-child(2n){ display: none;}

    .process ul{ flex-wrap: wrap; justify-content: flex-start; margin-top: 25px;}
    .process ul li{ width: 33.3%; margin-top: 25px;}

    .joinBan{ margin-top: 60px;}
    .swiperBtn{ width: 45px;  height: 45px;}
    .swiperBtn.next{ right: 0}.swiperBtn.prev{ left: 0;}

    .fiveUl li{ margin-left: 0; width: 100%; margin-bottom: 20px;flex-direction:row}
    .fiveUl li:nth-child(-n+2){ width: 100%; margin-bottom: 20px;}
    .fiveUl li .img img{ height: 200px;}
    .fiveUl li:nth-child(-n+2) .img{  width: 40%;}
    .fiveUl li:nth-child(-n+2) .txt{ width: 60%;}
    .fiveUl li .img{  width: 40%;}
    .fiveUl li  .txt{ width: 60%;    align-items: flex-start;   text-align: left;}

    .schoolLogo{flex-direction: column;}.schoolLogo img{ width: 100%; margin-top: 15px;}
    .purpose{background-attachment:scroll}
    .systemUl li{ margin-right:4%; width:48%; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ;
     padding: 15px;margin-bottom:18px }
    .systemUl li:nth-child(2n){margin-right:0;}
    .TeamBox{ padding-bottom: 18px;}

    #trainSwiper .img{ width:100px; height:100px}
    .Messagebox{ width:100%}
    .w48{ width:100%}
    .Messagebox .item{ margin-bottom: 15px; }
    .Messagebox .item{ flex-direction: column;}.Messagebox .item>.w48:nth-child(2){ margin-top: 15px;}
    .Message .w1440{ width:96%}
    .Messagebox .input{    padding: 8px 12px;margin-top: 12px;}
    .Messagebox .submit,.Messagebox .reset{ width:45%; padding: 8px 0;}
    .Messagebox .reset{ margin-left: 10px;}
    .Messagebox .textarea{margin-top: 12px;  padding: 8px 12px;}
    .Message{    background: url(../images/MessageBg.jpg) no-repeat center center;  background-size: 100% 100%;}
    .systemUl li .mt-25{ margin-top: 5px;}
    .systemUl li .mb-25{ margin-bottom: 5px;}
    .purpose{ padding:50px 0}

    .newsClass .left a{ line-height:50px;margin-right:30px}
    .newslist .img img{ height:220px}
    .newslist li{ margin-bottom: 18px;}
    .newslist li a{ flex-direction: column;}.newslist .img{ width:100%}.newslist .txt{ width:100%; padding:15px}.newslist .txt>div:last-child{ margin-top: 15px;}
    .newBan{ height:400px}
    .banDown img{ width:42px}

    .joinBan .top{ display: none;}
    .newTit{ padding:20px !important;}
    .newsleft{ width:100% ; padding:20px 0 ; float: none; border-right: none;}
    .newsright{ display: none;}
    .newspage a:nth-child(2){ display: none;}
      .newspage a{ width:46%;  }
    .newTit .f30{ line-height: 1.6;}

    .contactTop{ flex-direction: column;}
    .contactTop .left{ height: 300px;}
    .contactTop .right{ padding: 20px;}
    .contactTop .right .item .f34{ font-size: 16px;}
    .contactTop .right   .f36{ margin-bottom: 22px;}
    .contactTop .right .item{    padding-bottom: 15px;  margin-bottom: 15px;}
   
    
}

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

    body::after{ width: 100%; height: 60px; background-color: #fff; display: block; content: '';}

    .right-pop{ top: 60vh;}
    .right-pop ul li:nth-child(-n+3){ display: none;  }
    #toolbar { display: flex;}

    .banner .swiper-slide img{ height:auto ; }
 }