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

    .w90{ width: 90%; }
    .w76{ width: 90%;  }
}

@media screen and (max-width:1440px) {
     
    body{font-size: 14px;} 
    .serveCon ul .serveConItem{ width: 240px;}
    .serveCon ul .serveConItem:nth-child(1){top: 13%;}
    .serveCon ul .serveConItem:nth-child(3){top: 11%;}
    .serveCon ul .serveConItem:nth-child(5){top: 0%;}
    .serveCon ul .serveConItem:nth-child(6){top: 40%;}
    .idxproUl{    grid-gap: 20px;}
    .idxHotUl{ grid-gap: 15px;}
    .idxproUl li .txt .tit{ font-size: 70px;}

    .video_lie .swiper-slide-active span{ font-size: 16px;}

    .footRight{ width: 30%;}
    .neiBan .txt{ padding-top: 90px;}
    .more{padding: 10px 30px;}
    .prolist li .img img{  height: 400px;  }

    .tjItem .img img{ height: 220px;}

    .ewmUl img{ width: 100px;}

    .guangsec{ height: 490px;}
    .caselist li  .img img{   height:445px;  } 

    .contacneiBan .txt{ padding-bottom: 250px;}
    .contactTop{ margin-top: -250px;}
    .contactImg{ height: 600px;}
    .contactIcon{ width: 70px;}
    .map{   height: 500px;}

    .Picture{ height: 90vh;}
    .Picture .kuan{ width: 150px; height: 150px;}
    .Picture .tit{ left: 5%;}

.footnav{ width:200px; }
    .footnav a{ text-align: center }
    .footForm{ width:300px; }
 
}

@media screen and (max-width:1280px) { 
    .w90{ width: 96%; }
    .w76{ width: 96%;  }
    nav{ font-size: 16px;}
    .oneNav{ padding: 0 20px;}
    .banImg{ height: auto;}
    #banSwiper .txt>img{max-height: 80%;}
    .idxproUl li .txt .tit{ font-size: 50px;}
    div.video-wrap{ width: 90vw;height: auto;}

    .serveCon ul .serveConItem{ width: 200px;}

    .footRight{ width: 30%;}
    .footleft{ width: 68%;}
    .footnav{ width: 180px;}
    .footForm{ width: 280px;}

    .prolist li .img img{  height: 360px;  }
    .guangsec{ height: 450px;}

    .hotlist li{   margin-bottom: 35px; }

    .caselist li{ margin-bottom: 35px;}
    .caselist li  .img img{   height:410px;  } 

    .contacneiBan .txt{ padding-bottom: 180px;}
    .contactTop{ margin-top: -180px;}
    .contactImg{ height: 600px;}
    .contactIcon{ width: 50px;}
    .contactItem .txt{    width: calc(100% - 80px);}
    .map{   height: 400px;}
}

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

     
  
    header.scroll{ height: 60px;}
    header .logo{ height: 40px;}
    header .w76{ height: 60px; width: 100%; padding-left: 5px;}
    .h_nav {display: flex ;}
    .h_nav.close{align-items: center; justify-content: center;}
    nav{ border-top: 1px solid #e5e5e5; position: fixed; transform: translateX(100%) ; transition:all .6s ; top: 60px; right: 0; z-index: 100; height: calc(100vh - 60px) ; background-color: #fff; flex-direction: column; align-items: center; justify-content: center !important; width: 100%; -webkit-transform: translateX(100%) ; -moz-transform: translateX(100%) ; -ms-transform: translateX(100%) ; -o-transform: translateX(100%) ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ;
    }
    nav.show{ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }
    .oneNav{ color: #333; padding: 0; display: block;}
    nav>li{ width: 100%; text-align: center;}
    nav>li.on .oneNav{ color: #da8034;}
    nav  li:hover dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }

    #banSwiper .txt{ padding-top: 60px;}

    .idxproUl li .txt .tit{ font-size: 30px;}

    .hotClass a{ width: auto; height: auto; padding: 5px 25px;}

    .serveCon { display: none;}
    .wapserveCon{ display: block;}

    .more{padding: 10px 20px;}
    .neiBan .txt{ padding-top: 60px; width: 90%; left: 5%;} 

    .prolist li .img img{  height: 300px;  }
    .detailBan{ padding-top: 70px;}

    .guangsec{ height: 390px;}

    .caselist li{ margin-bottom: 28px;}
    .caselist li  .img img{   height:320px;  } 


    .contacneiBan .txt{ padding-bottom: 100px;}
    .contactTop{ margin-top: -100px;}
    .contactImg{ height: 530px;}
    .contactIcon{ width: 50px;}
    .contactItem .txt{    width: calc(100% - 80px);}
    .map{   height:300px;}

    .rightWindow{   background: transparent;  box-shadow: 0 0  0; width: auto; right: 2px;color: #fff;}
    .rightWindow li:nth-child(-n+3){ display: none !important;}
    .rightWindow .img{ background-color: #fff; }
    .rightWindow .img .iconfont{  font-size: 26px;}

    .zahnwei{  padding-top: 60px; margin-top: -60px;}
   
}
@media screen and (max-width:750px) {


    .w76,.w90{ width: 100%; padding: 0 20px;}
    header .w76{   padding-left: 5px; padding-right: 0;}
    body{ font-size: 12px;}
    .banImg{ height: 320px;}
    .banFiex { display: none !important;}

    .idxproUl{grid-template-columns: repeat(1,1fr); grid-gap:15px;}
    .idxproUl li:nth-child(1), .idxproUl li:nth-child(2),.idxproUl li:nth-child(6){grid-column-start: auto;grid-column-end: auto; grid-row-start: auto;grid-row-end: auto;}
    /* .idxproUl li:nth-child(2){grid-column-start: 3;grid-column-end: 4; grid-row-start: 1;grid-row-end: 3;}
    .idxproUl li:nth-child(6){grid-column-start: 2;grid-column-end: 4; grid-row-start: 3;grid-row-end: 4;} */
    .idxproUl li:nth-child(6) .txt,.idxproUl li:nth-child(1) .txt{ width: 100%;}
    .idxproUl li:nth-child(2) .txt{ height: 100%;}
    .idxproUl li img{  height: 200px;}

    .hotClass a{  margin: 0 10px; }
    .idxHotUl{grid-template-columns: repeat(1,1fr); grid-gap:15px;}
    .idxHotUl li:nth-child(1),.idxHotUl li:nth-child(5){grid-column-start: auto;grid-column-end: auto; grid-row-start: auto;grid-row-end: auto;}
    .idxHotUl li .hotImg{ height: 200px;}
    .idxHotUl li .hotTxt{  height: 50px; left: 20px; }
    
    .idxCaseUl li{ width: 48.5% ; margin-right: 3%; margin-bottom: 15px;}
    .idxCaseUl li:nth-child(2n){ margin-right: 0;}
    .video_lie .swiper-slide-active span{ font-size: 12px;}
    .video_lie .swiper-button-next, .video_lie .swiper-container-rtl .swiper-button-prev,.video_lie .swiper-button-prev, .video_lie .swiper-container-rtl .swiper-button-next{ display: none !important;}
    .video_lie .video_lie_icon{ display: block;}

    .video-box{ height: 50vh;}
    .video-box .video-background{ min-height: 50vh;}

    .whoweare img{ width: 60%;}
    .whoweare::after, .whoweare::before{ width: 18%;}
    .idxAboutMore{ width: 120px; height: 41px;}
    .idxAboutMoreline::after, .idxAboutMoreline::before{    width: calc((100% - 120px)/2);}

 
    .footRight{ width: 100%;}
    .footleft{ width: 100%;}
    .footLogo{ height: 40px;}
    .footnav{ width: 100%; line-height: 2.6;justify-content: flex-start;}
    .footnav a{  padding: 0 15px; width: auto;  font-size: 14px; margin-bottom: 10px;}
    .footForm{ width: 280px;}
    .ewmUl img{ width: 80px;}
    footer .center{ flex-direction: column-reverse;}
    .footRight{ display: none;}
    .footleft .bot{ padding: 15px 0; line-height: 2 ;text-align: center; margin-top: 0;}
    .rightBtn{ display: flex; align-items: center;}

    .prolist li{ width: 100%; margin-bottom: 25px; margin-right: 0;}
    .neiBanImg{ width: 100%; height: 280px; object-fit: cover;}
    .prolist li .wapFlex{ justify-content: flex-start; align-items: flex-start;}
    .prolist li .more{ margin-top: 5px;}
    .more{ padding: 5px 10px;}
    .neiBan .txt .ENG{ margin: 8px 0;}
   

    .prolist li .img img{  height: auto;  }
    .newsleft{ width: 100%; border-right: none; padding-right: 0;}
    .location{ padding-bottom: 0; justify-content: flex-end;}
    .detailPage{ align-items:flex-start; justify-content: flex-start;}
    .detailPage a{ width: 100%;}
    .detailPage a.list{ display: none !important;}
    .detailPage a.next{ flex-direction: row; margin-top: 10px;}
    .detailPage a.next .iconfont{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

    .hotlist li{ width: 100%; margin-bottom: 15px; margin-right: 0;}
    .guangsec{ height: 280px;}
    .hotIcon{ width: 50px;}

     .caselist li{ width: 100%; margin-bottom: 15px; margin-right: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .15);}
    .caselist li  .img img{   height:240px;  } 
    .caselist li .tit{ position: relative; bottom: auto; left: auto; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

    .contactTop .left{  width: 100%;}
    .contacneiBan .txt{ padding-bottom: 0;}
    .contactTop{ margin-top: 0; border-radius: 0; padding-top: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
    .contactImg{ height: 200px;}
    .contactTop .right{ width: 100%;}

    .w48 + .w48{ margin-top: 10px;}
    .contactItem{ width: 100%;}
    .contactItem + .contactItem{ margin-top: 15px;}
    .map{   height: 220px;}
    .contactIcon{ width: 40px;}
    .contactItem .txt{    width: calc(100% - 60px);}
    .culture ul li .title .line{ width: 20px;}
    .culture ul li .title .num{ width: 45px; height: 45px; margin: 0 8px;}
    .culture ul li .title .tit{ width: 150px; height: 38px;}
    .culture ul li .con{ padding-left: 28px;}

    .Picture .kuan{ height: 50px; width: 50px;}

    .Picture{ height: 50vh;}
 
    .Picture .kuan.k1{ left: 60%;}
    .Picture .tit{ left:20px;}
    .Picture .tit .more{ padding: 5px 15px;}
    .Picture .kuan.k2{ top: 20vh;}

}

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