@media screen and (max-width:1720px) {
    .topben{ width: calc(((100% - 1440px)/2)/2) ;}
}

 

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

    body{ font-size: 14px;}
    .w1440{ width: 1200px;}
    .topben{ width: calc(((100% - 1200px)/2)/2) ;}

    nav{ width: 50%;}
    .indexPro li a .txt{ padding: 30px; white-space: nowrap;}
    .indexservice{ padding: 80px 0;}
    .indexservice a{ margin-top: 70px;}
    .ewm{ width: 120px;}
    footer .bot{ padding: 20px 0;}

    .neiBan{ height: 580px;}
    .prolist li .img{ height: 300px;}
    .prolist li .num{ font-size: 100px;}
    .prolist li .txt .more{ width: 180px; height: 50px;}
    .prolist li a{ padding: 38px; padding-right: 20px;}

    .pglist{ padding: 30px 0;}

    .location{padding: 50px 0 40px;margin-bottom: 50px;}
    .dingwei a{ line-height: 90px;}
    .proinfoOneUl li{    width: 200px;    padding: 20px 0;}
    .proinfoOneUl{ margin-top: 180px;}
    .swipertabs a{padding: 15px 30px;}
    .proinfoThereUl dl dt { font-size: 18px;}
    .proinfoFour .swiper-slide .txt{ height: 68px;}
    .newslist li .img img{ height: 240px;}

    .newlocation{ padding-top: 130px;}
    .newsInfo .info, .newspage{ padding: 45px;}
    .Culture{ height: 700px;}
    #certify .swiper-slide{ width: 490px;}

    .contactOne img{ width: 150px;}
    .mapBox{ height: 480px;}

    .searchBox .input{    width: 69%;}
}
@media screen and (max-width:1300px) {
     .topben{ display: none;}
     .Culture{ height: 650px; text-align: center;}
     .history .swiper-container .swiper-slide .img{ padding: 15px;}
}

@media screen and (max-width:1200px) {
    .w1440{ width: 1000px;}
    #certify{ width: 1000px;}

    nav{ font-size: 16px; width: 60%;}
    nav>li.on::after{ height: 2px; bottom: 15px;}
    .indexservice{ padding: 50px 0;}
    .indexservice a{ margin-top: 50px;}
    footer .top .nav{ width:   ;}


  
    .prolist li .img{ height: 280px;}
    .prolist li .num{ font-size: 80px;}
    .prolist li .txt .more{ width: 150px; height: 45px;}
    .prolist li a{ padding: 20px;  }

    .classtwo a{ width: 200px; height: 50px;}

    .pglist{ padding: 30px 0;}

    .neiBan{ height: 500px;}

    .newlocation{ padding-top: 105px;}
    .newLeft{ margin-top: -280px;}
    .Culture{  height: 600px;}

    .mapBox{ height: 420px;}
    .searchBox .input{ width: 67%;}

   

}

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

    .w90,  .w1440{ width: 96%;}
    #certify{ width: 96%;}

    .neiBan{ height: 400px;}

    .newslist li{ width: 33.3%;}
    .newslist li .img img{ height: 220px;}
    .newLeft{ margin-top: 0;}
    .newsinftoBan{   height: auto; padding-bottom: 35px;}
    .newsInfo .info, .newspage{ padding: 25px;}
    .newsRight{ padding-left: 25px;}
    .indexnewsUl a .txt .line-clamp2{ height: 50px;}
 
}

@media screen and (max-width:750px) {
    body{ font-size: 12px;}

    header{ height: 60px; background-color: #222; position: fixed; top: 0; left: 0;  width: 100%;}
   
    .LOGO{ height: 35px;}
    .w90,  .w1440{ width: 100%; padding: 0 20px;}
    header .w90{ padding: 0 0 0 20px;}
    .language{ display: none;}
    nav{
        width: 100vw;
        height: calc(100vh - 60px) ;
        top: 60px;
        right: 0;
        position: fixed; align-items: center;
        flex-direction: column;
        background-color: #222;
        justify-content:center !important;
        margin-right:0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
      
        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) ; }

    .indexPro ul{grid-template-columns: repeat(1,1fr);}
    .indexPro li:nth-child(1){    grid-column-end: 2;grid-row-end: 2;}
    .indexPro li:nth-child(1) a{    flex-direction: row;}
    .indexPro li a{ padding: 5px;}
    .indexPro li a .f40{ font-size: 16px;}
    .indexPro li:nth-child(1) .txt{ text-align: left;}
    .indexPro li a .txt{ padding:   15px;}
    .banner{ margin-top: 60px;}
    .banner .swiper-slide img{ width: 100%; height: auto;}
    .banner .swiper-button-prev:after, .banner .swiper-button-next:after{ opacity: 0;}
    .indexservice{ padding: 25px 0;background-attachment: scroll;}
 
    .indexservice a{ width: 150px; height: 45px; margin-top: 20px;}
    .indexnewsUl a .class{ width: auto; padding: 0 15px;}
    .indexnewsUl a figure{ padding: 15px;}
    .indexnewsUl a .opacity6{ padding-right: 15px;}
    .indexnewsUl a figure .more{ margin-top: 20px;}
    .indexNews{ padding: 25px 0;}

    footer .top .nav{ display: none;}
    .ewm{  width: 80px;}
    footer .top{ padding: 25px 0;}

    nav>li.on::after{ display: none;}

    #toolbar{ display: flex;}
    .toolbartop{ display: block;}

    .neiBan{ margin-top: 60px; height: auto; padding: 25px 0;}
    .classtwo a{ width: 48%; margin: 0; margin-bottom: 20px; padding: 0 5px;  justify-content: center; height: 40px;}
    .classtwo a span{ display: none;}
    .classtwo{ flex-wrap: wrap; justify-content: space-between;}

    .prolist li{ width: 100%; margin-bottom: 25px;}
    .prolist li a{ padding:15px ; padding-right: 15px; }
    .prolist li .f34{ font-size: 18px;}
    .prolist li .img{ height: 250px;}
    .prolist li .num{ font-size: 50px; top: 15px; right: 15px;}
    .prolist li .txt .more{ width: 120px; height: 40px;}

    .pglist{ padding: 15px 0;}
    .pglist  span,.pglist .page{ display: none;}
    .classtwo{ padding: 0 20px;}

    .proinfoBan{ padding-top: 60px;}
    .location{ padding: 25px 0; margin-bottom: 25px;}
    .proinfotop .w1440{ flex-direction: column; line-height: 2;}
    .proinfotop .w1440>span{ line-height: 60px;}
    .dingwei a{ line-height: 50px; padding: 0; flex: 1; text-align: center;}
    .dingwei{ width: 100%;}
    .proinfotop.fixed{ top: 60px;}
    .proinfoOne .img{ position: relative;}
    .proinfoOne .w1440{ display: flex; flex-direction: column-reverse}
    .proinfoOne .img{ top: 0; right: auto; text-align: center; max-width: 100%; margin-bottom: 25px;}
    .proinfoOnetip{padding: 5px 15px; font-size: 16px;}
    .proinfoOneUl{ margin-top: 25px;}
    .proinfoOneUl li{margin-right: 15px;}
    .swipertabs{ flex-wrap: wrap; justify-content: space-between; margin-bottom: 20px; padding: 0 20px;}
    .swipertabs a{ margin: 6px  ;     flex: auto; width:42%; font-size: 12px}
    .proinfoTwopage img{ width: 20px;}
    .proinfoThereUl dl{ width: 100%;  height: auto; padding: 12px 0; margin-bottom: 10px;}
    .proinfoThereUl dl dt{ padding-left: 10px; font-size: 14px;}
    .proinfoThereUl dl dd{ padding-left: 15px;    background: url(../images/maohao.png) no-repeat left center;
        background-size: 3px auto;font-size: 14px;}

        .newslist li{ width: 50%;}
        .newslist li .img img{ height: 140px;}
        .newslist li.p20{ padding:8px ;}
        .newslist li .txt{ line-height: 1.6;}

        .newsRight{ display: none;}
        .newLeft{ width: 100%;}
        .newspage{ margin-top: 10px;}
        .newspage a:nth-child(2){ display: none;}
        .newspage a{ width:46%;  }
        .newsinftoBan{ padding: 0; padding-bottom: 1px;}

        .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;}
        .Culture li:first-child { width:100%; }
        .history .swiper-container .swiper-slide .img{  padding: 10px;}
        .history .swiper-container .swiper-slide .img img{ margin-bottom: 10px;}
        #certify .swiper-slide{ width: 300px;}
        .certifypage{ display: none ;}
        .honorNum{ flex-wrap: wrap;}
        .honorNum li{ width: 50%; margin-bottom: 20px;}
        #certify .swiper-container{ padding-bottom: 20px;}
        .introduction .title{ flex-direction: column;align-items: flex-start;}
        .introduction .title .right>img{ height: 50px; margin-top: 18px;}
        .introduction .title .right .txt{ right: auto; left: 0;}

        .titlogo{ height: 35px;}
        .introduction .title .f34{ font-size: 18px;}
        .contactOne{ flex-direction: column;align-items: flex-end;}.contactOne img{ width: 100px;}
        .contactOne .text-right { margin-top: 18px;}
        .contactOne .f40{ font-size: 20px;}
        .contactTwo{flex-wrap: wrap;}
        .contactTwo li{ width: 50%;}.contactTwo li:last-child{ width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
        .contactTwo li img{ height: 22px;}
        .joblist dt{ padding: 8px; line-height:3.2;}
        .joblist dt { flex-wrap: wrap;}
        .joblist dt .f18{ width: 70%;}
        .joblist dd{ padding: 12px;}.w48{ width: 100%;}
        .joblist dd .w48:nth-child(1){ margin-right: 0; margin-bottom: 25px;}
        .mapBox{ height: 300px;}

        .serviceback{ display: none;}
        .searchBox button{ width: 18%;}
        .searchBox .input{ width: 80%; padding: 0 15px;}
        .searchBan{ height: 210px; line-height: 210px; margin-top: 60px;}

        .searchBox{ margin-top: -50px;}
        .searchBox{ padding: 12px;}
        .searchbot .tit{ padding: 25px 0;}
        .searchbot ul a{ padding: 15px; line-height: 2;}.searchbot ul a i{ display: none;}

        .lyBox{ width:96%; }
        .wapflex{ flex-direction:column; }
        .lyBox .dis-flex-between-center>.item{ width:100%; margin-top: 15px }
        .newsInfo img{ height: auto !important;}
}


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

    .right-pop li{ display: none;}
    .right-pop ul li:last-child{ display: flex;}
    .right-pop{ top: 78vh; opacity: .5;}

    .proinfoOneTit.f60{ font-size:28px;}
    .proinfoOneline{width: 60px;    height: 5px;}
    .proinfoFour .mb-40{ margin-bottom: 0;}
    .proinfoFour .swiper-slide .txt{ height: 50px;}
    .proinfoOne .img img{ max-height: 300px;}
    .proinfoOneUl{justify-content: space-between;}
    .proinfoOneUl li{ margin-right: 0; width: 24%;}
    .swipertabs a{ padding: 10px 0; text-align: center;}

    .pglist a{    padding: 0 7px; margin: 0 3px;}
    .pglist *{line-height: 26px;}
    .newsInfo .info{ padding: 10px;}
    .newspage{ padding: 15px 10px;}
    .Culture li .f40{ font-size: 20px;}
    .Culture li .f22{ font-size: 12px;}

    footer .top{ flex-direction: column;}
  
 }