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

	.w90{   width: 90%;     }
	.pl-w90{padding-left: 5vw;}
	.pr-w90{padding-right: 5vw;}
	.mr-w90{margin-right: 5vw;}
	.ml-w90{margin-left: 5vw;}

	.w80{ width: 86%;}
	.pl-w80{padding-left: 7vw;}
	.pr-w80{padding-right:7vw;}
	.mr-w80{margin-right: 7vw;}
	.ml-w80{margin-left:7vw}

}

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

	body{ font-size: 14px }

	.oneNav{ line-height: 100px;}
	.logoImg img{ height: 51px;}
	.idxProlist li{width: calc((100% - 90px)/4); margin-right: 30px;}
	.customerList li{width: calc((100% - 90px)/4); margin-right: 30px;}
	.idxProcessIcon{ max-height: 60px;}
	.idxProcessUl .img{ height: 90px;}
	.idxYsUl li,.idxYsUl li .img img{  height: 500px;}
	.idxYsIcon{ width: 60px;}
	header.scroll .oneNav{ line-height: 90px;}
	header.scroll .logoImg img{ height: 51px;}
	nav li::after{ height: 12px;}
	.zw{ margin-top: -90px; padding-top: 90px;}
	.zwHeader{  height: 90px;}
	
	.footLine{ height: 3px;}

	.swiperBtn,.style .prev, .style .next{ width: 60px; height: 60px;}

	.prolist li{ width: calc((100% - 80px)/3); margin-right: 40px;}
	.newslist li{ width: calc((100% - 80px)/3); margin-right: 40px}

	.srcachBox .keys{ width: calc(100% - 70px);}
	.srcachBox .submit{  height: 70px; width: 70px; }
 
     
}

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

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

	 .oneNav{ line-height: 90px; font-size: 16px;}
	.logoImg img{ height: 70px;}
	.idxProlist li{width: calc((100% - 60px)/4); margin-right: 20px;}
	.idxProcessIcon{ max-height: 50px;}
	.idxProcessUl .img{ height: 80px;}
	.idxYsUl li,.idxYsUl li .img img{  height: 450px;}
	.idxYsIcon{ width: 50px;}
	header.scroll .oneNav{ line-height: 80px;}
	header.scroll .logoImg img{ height: 51px;}
	nav li::after{ height: 10px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.zwHeader{  height: 80px;}
	.footLine{ height: 2px;}

	.sarchForm .submit{ width: 20px; height: 20px;}
	.sarchForm{ border-bottom: 2px solid #fff;}

	.honor .next, .team .next{ left: auto; right: 0;}
	.honor .prev, .team .prev{ right: auto; left: 0;}
	.swiperBtn,.style .prev, .style .next{ width: 50px; height: 50px;}
	.honorSwiper .img{ padding-bottom: 100%;}

	.customerList li{width: calc((100% - 60px)/4); margin-right: 20px;}
	.prolist li{ width: calc((100% - 70px)/3); margin-right: 35px;}
	.newslist li{ width: calc((100% - 70px)/3); margin-right: 35px}
 
	.srcachBox .keys{ width: calc(100% - 50px);}
	.srcachBox .submit{  height: 50px; width: 50px; }
}

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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}

	.w80,.w90{   width: 96%;     }
	.pl-w80,.pl-w90{padding-left: 2vw;}
	.pr-w80,.pr-w90{padding-right: 2vw;}
	.mr-w80,.mr-w90{margin-right: 2vw;}
	.ml-w80,.ml-w90{margin-left: 2vw;}

	 
	.oneNav{ line-height: 80px; font-size: 14px;}
	.logoImg img{ height: 60px;}
	.idxProlist li{width: calc((100% - 40px)/3); margin-right: 20px;}
	.idxProlist li:nth-child(4n){ margin-right: 20px;}
	.idxProlist li:nth-child(3n){ margin-right: 0;}

	.idxProcessIcon{ max-height: 40px;}
	.idxProcessUl .img{ height:70px;}
	.idxYsUl li,.idxYsUl li .img img{  height: 400px;}
	.idxYsIcon{ width: 45px;}
	header.scroll .oneNav{ line-height: 70px;}
	header.scroll .logoImg img{ height: 51px;}
	nav li::after{ height: 8px; top: 10px;}
	.zw{ margin-top: -70px; padding-top: 70px;}
	.zwHeader{  height: 70px;}
	.footLine{ height: 2px;}

	.banner{ width: 100%;}

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

	.customerList li{width: calc((100% - 40px)/3); margin-right: 20px;}
	.customerList li:nth-child(4n){ margin-right: 20px;}
	.customerList li:nth-child(3n){ margin-right: 0;}

	.newslist li{ width: calc((100% - 20px)/2); margin-right: 20px;}
	.newslist li:nth-child(3n){ margin-right: 20px;}
	.newslist li:nth-child(2n){ margin-right: 0;}

	.idxBan{ overflow: hidden;}
	.idxBanImg,.idxBan{ height: auto;}

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

	body{ font-size: 12px }
	.iconfont{ font-size: 16px;}

	 

	.w80,.w90,.w1200{  width: calc(100% - 40px);    }
	.pl-w80,.pl-w90{padding-left: 20px;}
	.pr-w80,.pr-w90{padding-right: 20px;}
	.mr-w80,.mr-w90{margin-right: 20px;}
	.ml-w80,.ml-w90{margin-left: 20px;}

	header .w90{  width: 100%; padding-left: 20px;}
	.logoImg img{ height: 51px !important;}

	 
	.idxBanTextUl{ color: #fff; filter: drop-shadow(0 5px 5px var(--blue)); -webkit-filter: drop-shadow(0 5px 5px var(--blue)); }
	.idxBanText{ top: 40%;}
	.idxAboutIcon{    left: -20px;width: 60px;}

	.idxProlist li{width: calc((100% - 20px)/2); margin-right: 20px;}
	
	.idxProlist li:nth-child(3n){ margin-right: 20px;}
	.idxProlist li:nth-child(2n){ margin-right:0 ;}

	.customerList li{width: calc((100% - 20px)/2); margin-right: 20px;}
	
	.customerList li:nth-child(3n){ margin-right: 20px;}
	.customerList li:nth-child(2n){ margin-right:0 ;}

	.idxProcessUl{flex-wrap: wrap;border-top:1px solid #e5e5e5}
	.idxProcessUl li{ flex: auto; width: 50%; flex-direction: row; border-top: none;}
	.idxProcessUl li .num{ position: absolute; top: 0; right: 15px; opacity: .3;}
	.idxProcessUl .img{ height: auto;}
	.idxProcessIcon{ max-height: 38px; max-width: 36px; margin-right: 15px;}

	.idxYsUl li{ width:100%; height:100px; margin-top: 8px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
	.idxYsUl li .img img{ width: 100%;height: 200px; object-fit: cover;}
	.idxYsUl li.on{ width: 100%; height: 200px;}
	.idxYsUl li .text{    writing-mode: horizontal-tb;  }
	.idxYsUl li .text .iconfont{  margin-bottom: 0; margin-right: 10px;}
	footer .bottom{ padding: 15px 0;text-align: center; line-height: 2;}

	.subNav{  width: 100vw; margin-left: -20px; margin-right: -20px; margin-top: 15px;  white-space: nowrap;  overflow-x: scroll; }
	.subNav::-webkit-scrollbar { height:1px;}
	.subNav::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 1px; }
	.subNav::-webkit-scrollbar-track {   background: #f1f1f1;height: 1px; }
	.subNav a{ width: auto; font-size: 14px; flex-shrink: 0; margin: 0; display: block; padding: 0 20px; line-height: 40px; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

	.neiBan::after{ display: none;}
	.pageBan{ padding-bottom: 0;}
	.honorSwiper .img{ padding-bottom: 80%;}
	.placeSwiper .swiper-slide{ transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }

	.proLeft{ padding: 0;  width: 100vw; border-left: 0;   display: flex;  margin-top: 0;  white-space: nowrap;  overflow-x: scroll; }
	.proLeft::-webkit-scrollbar { height:1px;}
	.proLeft::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 1px; }
	.proLeft::-webkit-scrollbar-track {   background: #f1f1f1;height: 1px; }
	.proLeft a{ width: auto; display: inline-block; font-size: 14px; flex-shrink: 0; margin: 0; display: block; padding: 0 20px; line-height: 40px; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.proLeft a.on{ color: #fff;}
	.proLeft a.on::after{ height: 100%; width: 100%;}
	.proRight{ padding: 20px;}
	.proRightOne .icon-dianhua{ font-size: 26px;}
	.proPage{ display: flex; justify-content: space-between; align-items: center;} 
	.proPage a +a{ margin-top: 0;}
	.proPage a{ padding: 0; width: 40%; text-align: center; line-height: 2.6;  display: flex; align-items: center; justify-content: center;}

	.newslist li .tit{ height: auto;}
	.newslist .desc{ height: auto; margin-bottom: 12px;}
	.newslist li .line-clamp2 {-webkit-line-clamp:1;}
	.newslist li .line-clamp3{-webkit-line-clamp:2;}
	.contactMessages .img{ border-radius:10px 10px 0  0 ; -webkit-border-radius:10px 10px 0  0 ; -moz-border-radius:10px 10px 0  0 ; -ms-border-radius:10px 10px 0  0 ; -o-border-radius:10px 10px 0  0 ; }

}

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

	.idxProlist li{width: 100%; margin-right: 0;}
	
	.idxProlist li:nth-child(3n){ margin-right: 0;}
	.idxProlist li:nth-child(2n){ margin-right:0 ;}
	.idxProlist li:nth-child(n + 4){ display: none;}

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

	.customerList li{width: 100%; margin-right: 0;}
	.customerList li:nth-child(3n){ margin-right: 0;}
	.customerList li:nth-child(2n){ margin-right:0 ;}
	.customerList li:nth-child(n + 4){ display: none;}

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

	

}

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