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

}

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

    body{ font-size: 14px;}
    #caseSwiper .swiper-slide .img{ height: 220px;}
    .ewmUl img{ width: 110px;}
    footer .bottom img{ height: 45px;}
    .navul .navName{ font-size: 16px;}

    .neiBan{ height:400px;}
    
    .cultureUl li img{ width: 50%;}
    .hororUl li .img{ height: 210px;}

    .prolist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 30px;}
    .prolist li:nth-child(3n){ margin-right: 0;}
    .prolist li .img{ height: 300px;}
    .proImg-top .swiper-slide{ height: 390px;}
     
    .caselist li .img{ height: 250px;}

    .zuList li .img{ height: 300px;}
    .contactEwm{ width: 120px;}
}





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

    .navul li .navName span{ padding: 0 15px;}
    .neiBan{ height:360px;}
    .submenu a{ width: 120px;}
    .hororUl li{ width: calc((100% - 60px) / 4); margin-right: 20px; margin-bottom: 20px;}
.hororUl li:nth-child(4n){ margin-right: 0;}
 
    .prolist li .img{ height: 260px;}

    .proImg-thumbs .swiper-slide,.proInfoTop .next, .proInfoTop .prev{ height: 80px;}
    .proImg-top .swiper-slide{ height: 350px;}
    .caselist li .img{ height: 220px;}

    .contactEwm{ width: 100px;}
    
   
   
}

@media screen and (max-width:1000px) {
   
    .neiBan{ height:300px;}
    .navul{ display: none;}
    .navWap-show{ display: block;}
  
    .h_nav {display: flex;margin-left: 0;}
    .h_nav.close{align-items: center; justify-content: center;}
    header{ display: none;}
    nav{ width: 100%; position: fixed !important; height: 90px; z-index: 100; background-color: #fff; left: 0; top: 0;}
    .wyz li{ display: none;}
    .toTop{ width: 50px; height: 50px;}
    body::before{ width: 100%; height: 90px; display: block; content: '';} 
    #swiperClass .img{ height: 100px;}
    .idxNews .center .left img,.idxNews .center .right img{ height: 220px;}
    .idxAbout .bottom .left .line-clamp9{-webkit-line-clamp:5}
    .idxAbout .bottom .right .paly{  width: 60px; height: 60px;margin-left:-30px;    margin-top: -30px;}
    .idxYs .swiper-slide{ height: 300px;}
    #caseSwiper .swiper-slide .img{ height: 180px;}
    .ewmUl img{ width: 100px;}
    .ewmUl li.ml-70.mr-70{ margin: 0 20px; }

    .submenu a{ width: auto; padding: 0 30px; white-space: nowrap; }
    .location{ display: none;}
    .cultureUl li{ height: 230px;}
    .cultureUl li img{ width: 40%;}


    .hororUl li{ width: calc((100% - 50px) / 3); margin-right: 25px; margin-bottom: 25px;}
    .hororUl li .img{ height: 210px;}
    .hororUl li:nth-child(4n){ margin-right: 25px;}
    .hororUl li:nth-child(3n){ margin-right: 0;}
    .newslist li .img{height: 200px;}


    .prolist li{ width: calc((100% - 60px)/2); margin-right: 30px; margin-bottom: 30px;}
    .prolist li:nth-child(3n){ margin-right: 30px;}
    .prolist li:nth-child(2n){ margin-right: 0;}


    .caselist li{ width: calc((100% - 70px)/2); margin-right: 35px; margin-bottom: 35px;   } 
    .caselist li:nth-child(3n){ margin-right: 35px;}
    .caselist li:nth-child(2n){ margin-right: 0;}

    .videoList li{width: calc((100% - 50px)/2); margin-right: 25px; margin-bottom: 30px}
    .videoList li:nth-child(3n){ margin-right: 25px;}
    .videoList li:nth-child(2n){ margin-right: 0;}
    .videoList li .img{ height: 200px;}

    .zuList li{width: calc((100% - 50px)/2); margin-right: 25px; margin-bottom: 30px}
    .zuList li:nth-child(3n){ margin-right: 25px;}
    .zuList li:nth-child(2n){ margin-right: 0;}
   
   


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

    .contactBox{ margin-top: 0;}
    .w90,.w85,.w80{ width: 100%;  padding: 0 20px;} 
    nav{ height: 60px; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
    body::before{ height: 60px;} 
    nav  .w90 { padding: 0 0 0 20px ;}
    .logoImg{ height: 38px;}
    .nav{height: calc(100vh - 60px); top: 60px;}
    .banner .swiper-pagination{ bottom: 10px !important;}
    .banner .swiper-pagination .swiper-pagination-bullet{ width: 40px;  height: 3px;}
    .swiperClass{ flex-wrap: wrap;}
    .swiperClass a{  flex: calc((100% / 3)); margin-bottom: 10px;}
    .swiperClass a:nth-child(n+7){ display: none;}
    .swiperClass .img{ height: 100px;}
    .idxPro .prev, .idxPro .next{ width: 20px;}
    #proSwiper{    width: calc(100% - 40px);}


    .idxPro .w60 .idxProright2 { display: block;}
    .idxPro .w40 .idxProright { display: none;}
    .idxProright2 li{ height: 250px;   align-items: center; justify-content: center;}
    .idxProright2 li.on{ display: flex;}
    .idxProright2 li  img{ max-width: 100%; max-height: 100%;}
    .tit .idxMore{ display: none;}
    .idxNews .center .left{ width: 100%;}
    .idxNews .center .right{ width: 100%; margin-top: 15px;}
    .idxNews .center .left img{ height: auto;}
    .idxNews .center .right img{ height: 200px;}
    .idxAbout .top { flex-wrap: wrap;}
    .idxAbout .top li{width: calc(100% / 2); margin-bottom: 10px;}
    .idxYs{ display: none;}
    .idxTIT .f30{ font-size: 18PX;}  .idxTIT .f40{ font-size:20px;}
    #caseSwiper .swiper-slide .img{ height: 120px;}
    .idxline{ height: 2px;}
    .idxGbook{ display: none;}
    .ewmUl{ margin-top: 20px;}
    .ewmUl img{ width: 80px;}
    footer .bottom{ text-align: center; line-height: 2;}
    .locaNav .w90 { width: 100%; padding: 0 ;overflow-x: scroll; }
    .locaNav .w90::-webkit-scrollbar {/*婊氬姩鏉℃暣浣撴牱寮?/    /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/  height: 1px;}
    .locaNav .w90::-webkit-scrollbar-thumb {/*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/border-radius: 3px; background: #e5e5e5; height: 1px; }
    .locaNav .w90::-webkit-scrollbar-track {/*婊氬姩鏉￠噷闈㈣建閬?/border-radius: 3px; background: transparent;  height: 1px;}
    
    .muneIcon{ display: none;}
    .neiBan{ height: 200px;}.neiBan .f34{ font-size: 26px;}
    .cultureUl{ display: none;}
    .historyTopItem .img{ padding: 0; margin-bottom: 15px;}
    .POTENTIALCon .txt{ width: 100%;}
    .POTENTIALCon .img{ width: 100%; margin-top: 8px;}
    .wapFlex-fan { flex-direction: column-reverse;}

    .hororUl li{ width: calc((100% - 50px) / 2); margin-right: 25px; margin-bottom: 25px;}
    .hororUl li .img{ height: 180px;}
    .hororUl li:nth-child(4n){ margin-right: 25px;}
    .hororUl li:nth-child(3n){ margin-right: 25px;}
    .hororUl li:nth-child(2n){ margin-right: 0;}

    .neiBan .txt{ background: rgba(0, 0, 0, .25);}
    .neiBan{background-attachment:scroll !important}
   
    .newslist li .img{ width: 100%; height: 150px;}
    .newslist li .txt{ width: 100%;}.newslist li .txt .left{ width: 80%;}
    .newsDesc{ align-items: center; justify-content: center; flex-direction: column; line-height: 2;}
    .newpage { line-height: 2.2;}
    .newpage .justify-end {   flex-direction: row-reverse;}

    .proConLeft{
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     right: 0;
     background-color: #fff;
     z-index: 101;
     display: flex;
     align-items: center;
     justify-content: center;
     transition:all .56s ;
     transform:translateX(105%) ;
     -webkit-transform:translateX(105%) ;
     -moz-transform:translateX(105%) ;
     -ms-transform:translateX(105%) ;
     -o-transform:translateX(105%) ;
     -webkit-transition:all .56s ;
     -moz-transition:all .56s ;
     -ms-transition:all .56s ;
     -o-transition:all .56s ;}
    .proConLeft.show{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
    .proClassUl{ width: calc(100vw - 50px);}
    .proConRight{ width: 100%; margin-top: 16px;}

    .prolist li{ width: 100%; margin-right: 0;}.prolist li:last-child{ margin-bottom: 0;}
    .prolist li:nth-child(3n){ margin-right: 0;}
    .prolist li .img{ height: 210px;}
    .prolist li .line{ margin: 0 auto;}

    .proImg-thumbs .swiper-slide,.proInfoTop .next, .proInfoTop .prev{ height: 60px;}
    .proImg-top .swiper-slide{ height: 300px;}
    .Online .left{ width: 100%;}
    .Online .right,.OnlineInput{ width: 100%;}
    .inputke{ width: 80px;}
    .caselist li .img{ height: 150px;}
    .videoList li .img{ height: 180px;}
    .zuList li .img{ height: 180px;}
    .caseTj .img{ height: 150px; }.caseTj .txt{ padding: 0; margin-top: 15px;}.caseTj .more{ height: 38px;}
}


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

    .hororUl li{ width: 100%; margin-right: 0; margin-bottom: 25px;}
    .hororUl li .img{ height: auto;}
    .hororUl li:nth-child(4n){ margin-right: 0;}
    .hororUl li:nth-child(3n){ margin-right: 0;}
    .hororUl li:nth-child(2n){ margin-right: 0;}

    .caselist li{ width: 100%; margin-right: 0; margin-bottom: 25px;}
    
    .caselist li:nth-child(3n){ margin-right: 0;}


    .videoList li{width: 100%; margin-right: 0; margin-bottom: 25px}
    .videoList li:nth-child(3n){ margin-right: 0;}
    .videoList li:nth-child(2n){ margin-right: 0;}
    .videoList li .img{ height: 200px;}

    .zuList li{width: 100%; margin-right: 0; margin-bottom: 25px}
    .zuList li:nth-child(3n){ margin-right: 0;}
    .zuList li:nth-child(2n){ margin-right: 0;}
     
 }