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

	.h_nav{ height: 90px; width: 90px;}
	.oneNav{ line-height: 90px;}
	.zwHeader{ height: 90px;}
	.headerSearch{ height: 90px;}
	.zw{margin-top: -90px; padding-top: 90px;}
	/* nav li dl{ top: 105px;} */
	header{padding-right: 120px;}

	.subNav a{ height: 90px;}
	.proInfoText{ padding: 90px;}
}

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

	body{ font-size: 14px;}
	.h_nav{ height: 80px; width: 80px; padding:20px  20px;}
	.oneNav{ line-height: 80px;}
	.zwHeader{ height: 80px;}
	.zw{margin-top: -80px; padding-top: 80px;}
	.headerSearch{ height: 80px;}
	/* nav li dl{ top: 95px;} */
	header{padding-right: 120px;}
	.footEemImg{ width: 100px;}

	.footContact .left{ width: 17vw;}

	.proNavIcon{max-height: 30px;}
	.idxProList li .img{ height: 300px; }
	.idxProList li{ width: calc((100% - 60px)/4); margin-right: 20px;} 
	.idxProList li.hot .img::before{ width: 34px; height: 40px;}

	.idxServiceIcon{ height: 60px;}
     .caseNavIcon{ height: 60px;}

	 .idxNewsItem{ width: calc((100% - 60px)/3);}
	 .newItem .img img{ height: 300px;}
	 .idxNewsRight .img img{ height: 125px;}

	 .idxCaseUl{ width: 65%; }
	 .idxCase .swiper-slide .caseNavIcon,.idxCaseUl li .caseNavIcon{ height: 60px;}

	 footer{ border-radius: 35px 35px 0 0; -webkit-border-radius: 35px 35px 0 0; -moz-border-radius: 35px 35px 0 0; -ms-border-radius: 35px 35px 0 0; -o-border-radius: 35px 35px 0 0; }

	 .subNav a{ height: 80px;}
	 .proSubNav { margin-top: -60px;}
	.proSubNav a{ height: 120px;  }
	.proInfoText{ padding: 80px;}
	.messageIcon{ height: 20px;}

	.caselist li{ width: calc((100% - 80px)/3); margin-right: 40px;}
	.caselist li .round{ width: 80px; height: 80px;}
	.caselist li .txt{ margin-top: -40px;}
	.caselist li:hover .img::after{ width:calc(100% - 30px); height: calc(100% - 30px);  border: 15px solid rgba(0,98,47, .5);    }

	.newsTop .left .pic{ height: 500px;}
	.newsTop .right .img img{ height: 310px;}
	.newsTop .right .text{ height: calc(100% - 310px);}
	.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px;}

	.newsTop .left{ width: calc((100% - ((100% - 60px)/3))  - 30px );}
	.newsTop .right{ width: calc((100% - 60px)/3);}

	.searchTop form .text{ width: calc(100% - 60px);}
	.searchTop form .submit{ width: 60px; height: 60px;}
	.searchlist li .right{ width: 60px; height: 60px;}
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 .w90{ width:min(96%,1720px);   margin: 0 auto;  }

	 .h_nav{ height: 70px; width: 70px;}
	.oneNav{ line-height: 70px;}
	.zwHeader{ height: 70px;}
	.zw{margin-top: -70px; padding-top: 70px;}
	.headerSearch{ height: 70px;}
	/* nav li dl{ top: 85px;} */
	header{padding-right: 120px; padding-left: 2vw;}
	.logoImg{ height: 60px;}
	.oneNav span::after{ height: 1px;}
	.headerTel{ display: none !important;}

	.proNavIcon{ max-height: 25px;}
	.idxProList li .img{ height: 260px; }
	.idxProList li{ width: calc((100% - 45px)/4); margin-right: 15px;} 
	.idxProList li.hot .img::before{ width: 28px; height:33px;}

	.idxServiceIcon{ height: 50px;}
	.idxServiceUl li::before{height: calc(100% + 40px);top: -20px;}
	.idxAbout .button{ width: 60px; height: 60px;left: -30px;margin-top: -30px;}
	.idxCase .swiper-slide .caseNavIcon,.idxCaseUl li .caseNavIcon{ height: 50px;}
	
	.idxNewsItem{ width: calc((100% - 40px)/3);}
	.newItem .img img{ height: 270px;}
	.idxNewsRight .img img{ height: 115px;}

	footer{ border-radius: 30px 30px 0 0; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; -ms-border-radius: 30px 30px 0 0; -o-border-radius: 30px 30px 0 0; }

	.subNav a{ height: 70px;}

	.profile .paly{ width: 80px; height: 80px;}
	.history .bd .swiper-slide{ width:500px; height: 220px; }
	.honorary .prev{ left: 0;}
	.honorary .next{ right:0;}
	.invention .prev{ left:0;}
	.invention .next{ right:0;}
	.appearance .prev, .appearance .next{ display: none !important;}

	.proSubNav { margin-top: -50px;}
	.proSubNav a{ height: 100px;  }
	.proInfoText{ padding: 70px;}

	.caselist li{ width: calc((100% - 60px)/3); margin-right: 30px;}
	.caselist li:hover .img::after{ width:calc(100% - 20px); height: calc(100% - 20px);  border: 10px solid rgba(0,98,47, .5);    }

	.radius20{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
	.newsTop .left .pic{ height: 400px;}
	.newsTop .right .img img{ height: 240px;}
	.newsTop .right .text{ height: calc(100% - 240px);}
	.newslist li{ width: calc((100% - 40px)/3); margin-right:20px;}

	.newsTop .left{ width: calc((100% - ((100% - 40px)/3))  - 20px );}
	.newsTop .right{ width: calc((100% - 60px)/3);}

	.searchTop form .text{ width: calc(100% - 50px);}
	.searchTop form .submit{ width: 50px; height: 50px;}
	.searchlist li .right{ width: 50px; height: 50px;}
}

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

	body{ font-size: 12px; }
	header{ height: 60px;}
	header .right,nav{ display: none !important;}
	.h_nav{ width: 60px; height: 60px; padding: 15px;}
	.logoImg{ height: 50px;}
	.banImg{ height: auto;}
	.idxProList li .img{ height: 220px;}

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

	.idxServiceIcon{ height: 40px;}
	.idxCase .swiper-slide .caseNavIcon,.idxCaseUl li .caseNavIcon{ height: 40px;}

	.zwHeader{ height: 60px;}
	.zw{margin-top: -60px; padding-top: 60px;}

	.z_menu_con{ width: 100%; margin-left: 0; padding: 60px 20px  64px  ;  align-items: flex-start; }
	/* overflow-y: scroll; 
	 .z_menu_con::-webkit-scrollbar {   width: 1px;}
	.z_menu_con::-webkit-scrollbar-thumb { border-radius: 3px; background: var(--green); width: 1px; }
	.z_menu_con::-webkit-scrollbar-track { border-radius: 3px; background: #f2f5f9; width: 1px; } */
	.z_menu_mask::before{  display: none !important;  width: 100vw; right:0 ; height: 100vh; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; }
	.z_menu_mask::after{ display: none !important;  right: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.z_menu_mask{ background: #fff;}
	.z_menu_btm{ display: none !important; }
	.z_menu_nav li h3 a{ font-size: 16px;}
	.z_menu_down a{ font-size: 12px; line-height: 3;}
	.z_menu_nav li{ margin-bottom: 15px;}
	.z_menu_mask .warp,.z_menu_mask.on .warp{ transition:all 0s ; -webkit-transition:all 0s ; -moz-transition:all 0s ; -ms-transition:all 0s ; -o-transition:all 0s ; } 
    .z_menu_mask{ transform:translateX(105%) ; transition: all .8s; -webkit-transform:translateX(105%) ; -moz-transform:translateX(105%) ; -ms-transform:translateX(105%) ; -o-transform:translateX(105%) ; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; }
	.z_menu_mask.on{ transform:translateX(0) ; -webkit-transform:translateX(0) ; -moz-transform:translateX(0) ; -ms-transform:translateX(0) ; -o-transform:translateX(0) ; }

	.subNav a{ height:60px;}
	.history .bd .swiper-slide{ width:500px; height: 200px; }
	.proInfoText{ padding: 25px 60px;}

	.caselist li{ width: calc((100% - 40px)/3); margin-right: 20px;}
	.caselist li .round{ width: 60px; height: 60px;}
	.caselist li .txt{ margin-top: -30px;}
	.caselist li:hover .img::after{ width:calc(100% - 20px); height: calc(100% - 20px);  border: 10px solid rgba(0,98,47, .5);    }

	.newsTop{ display: none !important;}
	.newItem .img img{ height: 220px;}
	
}
@media screen and (max-width:750px) {

	.w90,.w1300{ width:calc(100vw - 40px);   margin: 0 auto;  }
	.idxBan{ margin-top: 60px;}

	
	
	.idxBan .zwHeader{ display: none;}
	
	.idxBan .pagination{ width: 100%; left: 0; right: 0; flex-direction: row; transform: none; top: auto; bottom: 20px; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxBan .pagination .swiper-pagination-bullet::after{ width: 300%; height: 300%;left: -100%;top: -100%; display: none;}
	.idxBan .pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 6px !important;}
	.idxBan .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--green);}

	.idxProNav a .hover{ display: none !important;}
	.idxProNav a{ padding: 10px;}
	.proNavIcon{ max-height: 20px;}
	.idxProNav a.on{  background: var(--green);}
	.idxProList li{ width: 100%; margin-right: 0;} 
	.idxProList li:first-child{margin-top: 0;}	
	.idxProList li .img{ height: 200px;}
	.idxPro  .idxProList li:nth-child(n+3){ display: none;}
	.idxServiceUl{ flex-wrap: wrap;}
	.idxServiceUl li{ width: 50%; border-bottom: 1px solid #c2d8cc;;}
	.idxServiceUl li::before{ height: 100%; top: 0; display: none; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
	.idxServiceIcon{ height: 34px;}
	.idxServiceUl li:nth-child(2)::before,.idxServiceUl li:nth-child(3)::before{ display: block;}
	.idxAbout .button{ display: none !important;}
	.idxAboutSwiper{ margin-top: 20px; border-radius: 20px 0 20px 0; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; -ms-border-radius: 20px 0 20px 0; -o-border-radius: 20px 0 20px 0; }
	 
	.numUl{ flex-wrap: wrap;}
	.numUl li{ width: 50%;;}
	.numUl li:nth-child(n+3){ margin-top: 15px}

	.idxCase{ height: 445px;}
	.idxCase .swiper-slide .caseNavIcon,.idxCaseUl li .caseNavIcon{ height: 34px;}
	.idxCase .right{ border-radius: 15px; margin-top: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
	.idxCaseSwiper-thumbs .font20{ font-size: 12px;}
	.idxCase .idxCaseSwiper-thumbs .swiper-slide::after{ height: 2px;}
	.idxCaseUl li .font20{ font-size: 12px;}

	.idxCaseUl{ width: calc(100% + 40px) ;  right: -20px;  }

	.idxNews .con .idxNewsItem:last-child{ display: none;}
	.idxNewsItem{  width: 100%;}
	.idxNewsItem +.idxNewsItem{ margin-top: 18px; }
	footer{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.newItem .img img{ height: 185px;}

	footer dl{ display: none !important;}
	.footContact .left{ width: 100%;}
	.footContact .right{ margin-left: 0; margin-top: 18px ;  display: flex;}
	.footContact .right>div:nth-child(2){ margin-left: 20px; margin-top: 0;}
	.footEemImg{ width: 85px;}
	footer .bottom .j-gotop,.friendlink,.numIcon{ display: none !important;}
	footer .bottom{text-align: center; line-height: 2;}
	.idxMore{ height: 38px;}

	.subNav a{ height: 50px;}
	.profile .top .pic{ position: relative; right: auto; top: auto; bottom: auto; width: 100%; }
	.profile .paly{ width: 50px; height: 50px;}

	.history .bd .swiper-slide{ width: 100%;}
	.history .ft{ margin-top: 0;}

	.subNav{ width: 100%;  overflow-x: scroll;}
	.subNav::-webkit-scrollbar {  height: 1px;}
	.subNav::-webkit-scrollbar-thumb { border-radius: 0; background: #999;  height: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.subNav::-webkit-scrollbar-track { border-radius: 0; background: #e5e5e5;  height: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.subNav a{ flex: auto; flex-shrink: 0; padding: 0 20px;}

	.honorary .prev,.honorary .next,.invention .prev,.invention .next{  display: none !important; }

	.invention .con{ padding: 0;}
	.testSwiper .swiper-slide,.inventionSwiper .swiper-slide{ padding: 8px  ;}

	.proSubNav { margin-top: 0; width: 100vw; margin-left: -20px; margin-right: -20px;}
	.proSubNav a{ height: 50px; padding: 0 20px; flex-shrink: 0;  }
	.proSubNav a  .font22{ margin-top: 0;}
	.proSubNav a .proNavIcon{ display: none;}
	.proSubNav{  overflow-x: scroll;}
	.proSubNav::-webkit-scrollbar {  height: 1px;}
	.proSubNav::-webkit-scrollbar-thumb { border-radius: 0; background: #999;  height: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.proSubNav::-webkit-scrollbar-track { border-radius: 0; background: #e5e5e5;  height: 1px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	 
	.proInfoText{ padding: 20px;}
	.proInfoText>div{ margin-bottom: 15px;}
	.messageBtn{  width: 50%;}
	.messageIcon{ height: 16px;}
	.newsPage i{ display: none;}

	.caselist li{ width: 100%; margin-right: 0;}
	.caselist li:first-child{ margin-top: 0;}
	.caselist li .tit{  height: auto;}
	.caselist li .line-clamp2{-webkit-line-clamp:1}

	.newslist li{  width: 100%; margin-right: 0;}
	.newsInfoTit{ background: url(../images/newsInfoTitbg.png) no-repeat center bottom; background-size:  auto 5px }
	.contactAddTit{ justify-content: space-between;}
	.contactAddTit li{ width: auto; padding: 0 15px; margin: 0; white-space: nowrap;}
	.mapBox{  height: 300px;}
	.messagesCon{ padding: 20px 0;}
	.messagesBtn::after{ width: 36px; height: 36px;}
	.radius20{ border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
	.joblist li .bottom .wmax{ margin-top: 10px; }

	.searchTop form{ width: 90vw;}
	.searchTop form .text{ width: calc(100% - 40px);}
	.searchTop form .submit{ width: 40px; height: 40px;}
	.searchlist li .right{ width: 40px; height: 40px; display: none;}
	.searchlist{ width: 100%; padding: 0   ;}
	.searchlist li .left{  width: 100%;}
	.cursor-dot{  display: none !important;}
	.waves{ opacity: .1;}
}

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