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

	.history .next{ right: 0;}
	.history .prev{ left: 0;}
	.technologyThere .next{ right: 0;}
	.technologyThere .prev{ left: 0;}
	.technologyTwo{ padding-left: 6vw;}
	.technologyTwo .button{ right: 36%;}
}

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

	body{ font-size: 14px;}

	.oneNav{ line-height: 90px; font-size: 18px;}
	.zw{ padding-top: 90px; margin-top: -90px;}
	.zwHeader{ height: 90px; }
	.outlinkUl a{ width: 46px; height: 46px;}
	.second-link{ font-size: 16px;}
	/* .second-menu>li{ width: 200px;} */
	.fourth-menu{ font-size: 14px;}
	.third-menu{ margin-top: 5px;}

	.idxNewsUl a{ line-height: 90px;}
	.idxNewsImg .right img{  height: 225px;  }
	.honor .prev, .honor .next{ width: 60px; height: 60px;}
	.honorUl .swiper-slide .img{ height: 320px;}
	 
	.idxMore{ height: 52px;}
	.technologyTwo .button{ right: 28%;}
	.prolist li{ margin-left: 30px; width: calc((100% - 90px)/3);}

	.proinfoImg .next, .proinfoImg .prev{ width: 56px; height: 56px;}

 
	.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;}

	 .idxBan{ height: auto;}
	 .banImg{ height: auto;}
	 .oneNav{ line-height: 80px; font-size: 16px;}
	 .zw{ padding-top: 80px; margin-top: -80px;}
	 .zwHeader{ height: 80px; }
	 .second-link{ font-size: 14px;}
	 .fourth-menu{ width: 160px;}

	 .common.btn{ width: 150px; height: 40px;line-height:40px} 
	 .idxBan .button,.mouse{ bottom: 30px;}
	 .idxMore{ height: 50px;}
	 .idxNewsUl a{ line-height: 80px;}
	 .idxNewsImg .right img{  height: 200px;  }

	 .honorUl .swiper-slide .img{ height: 300px;}
	 .technologyOne li .idxMore{ position: relative; left: auto; bottom: auto;}
	 .technologyTwo .prev, .technologyTwo .next{ width: 50px; height: 50px;}

	 .proRight,.proNav li.proNav-child,.proleftTilte{   padding-right: 2vw;}

	 .prolist li{ margin-left: 20px; width: calc((100% - 60px)/3);}

	 .messageBtn{ margin-left: 12px;}
	 
	 .newsinfoinner{ width: 88%;}
}
.iPad-show{ display: none;} 
@media screen and (max-width:1040px) {
    .iPad-show{ display: block;} 
	.iPad-none,nav,header .right{ display: none !important;}
	.inner,.smallInner{ width: 90%;}
	.newsinfoinner{ width: 90%;}

	.common.btn{   height:38px;line-height:38px} 
	.idxNewsUl a{ line-height: 70px;}
	.footMessage{ width: 40%;}

	header{ height: 60px;}
	.zw{ padding-top: 60px; margin-top: -60px;}
	 .zwHeader{ height: 60px; }
	.logoImg{ height: 50px;}
	header .bigInner{ width: 100%; padding-left: 20px;}
	.cultureUl li .txt{width: calc(100% - 54px);}

	.technologyTwo{ padding-left: 5vw; }
	.technologyTwo .button{ margin-top: 25px; position: relative; top: auto; right: auto; transform: none; display: flex; align-items: center; justify-content: center; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.technologyTwo .next{ margin-top: 0; margin-left: 50px;}

	.caselist li{ width: 48%;  margin-right: 4%;  }
	.caselist li:nth-child(3n){  margin-right: 4%;}
	.caselist li:nth-child(2n){  margin-right: 0;}

	.prolist li{ width: 48%;  margin-left: 2%; }

	.messageBtn{ display: none !important;}
	.wapFlex-iPad{ flex-direction: column; align-items: flex-start; justify-content: flex-start;}
 
	.neiNav{ padding: 0 15px;}
	.proRight{ width: 100%; }
	.maproundUl li,.maptxtUl li{  font-size: 14px;}
	.maptxtUl li:nth-child(1){   top: 33%;}
	.maptxtUl li:nth-child(2){    top: 39%;}
	.maptxtUl li:nth-child(3){     top:50%;}

	.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:750px) {

	body{ font-size: 12px;}
	.mouse{ display: none;} 
	header{  background-color: #181e2a;}
	.bigInner,.inner,.smallInner{ width: 100%; padding: 0 20px;}
	header .bigInner{ width: 100%; padding-left: 20px; padding-right: 0;}

	.banImg{ height: 75vh;}
	.idxBanChart li.on .idxGreen,.idxBanChart li.on .idxGreen2{ z-index: 5; animation: fadeOutUp 4s 7s  ; -webkit-animation: fadeOutUp 4s 7s  ; }
	.idxBanChart li.on .nextidxGreen{ animation: fadeIn 4s 7s  ; -webkit-animation: fadeIn 4s 7s  ; }
	.idxBanChart li.on .nextidxGreen2{ animation: fadeIn2 4s 7s  ; -webkit-animation: fadeIn2 4s 7s  ; }

	.idxBlack{ -webkit-clip-path: polygon(0 100%, 0 60%, 100% 100%); }
	.idxBlue{ -webkit-clip-path: polygon(100% 87.2%,100% 100%, 0 60%, 0 51%); }

	.idxGreen{ -webkit-clip-path: polygon(28% 49%,41.4% 54.2%, 0% 70.4%, 0 60.4%); }
	.idxGreen2{  -webkit-clip-path: polygon(56.6% 60.2%,56.6% 71.6%, 20% 58.5%, 28% 49%);  }

	.idxBanText{ left: 20px; transform: none;  height: calc(50% - 60px); top: 60px; display: flex; align-items: center;  -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxBanLeft{align-items: flex-end;  padding-bottom: 25px;}

	.common.btn{  width: 120px;}
	.idxMore{ height: 40px;}
	.idxAbout::after{ display: none;}
	.idxAbout .common.btn{  width: 42%;}

	.iconfont{ font-size: 16px;}
	.idxNewsImg  .common.btn{  width: 42%;}
	.idxNewsImg  .desc{ margin: 5px 0;}
	.idxNewsImg .right{ margin-top: 12px;}
	.idxNewsUl a { line-height: 50px;}
	.idxNewsUl a:nth-child(2n){ padding-left: 0; }
	.idxNewsUl a:nth-child(2n)::after{ display: none;}
	.outlinkUl a{ width: 38px; height: 38px;}

	.footMessage{ width: 100%; margin-top: 18px; }
	.waves{ opacity: 0.2;}
	footer .bottom{ line-height: 2; align-items: center; justify-content: center; text-align: center;}
	.idxNewsImg .right img{  height:160px;  }
	 .footlogo{ height: 50px;}
	 .neiline{ height: 1px;}

	 .cultureUl li .desc{ height: auto; margin-bottom: 20px;}
	 .history .prev, .history .next,.honor .prev,.honor .next{ display: none !important;}
	 .historyBot .round{ width: 30px; height: 30px;}
	 .history .bottom::after{ top: 15px;}
	 .honorTab{ margin-top: 18px;}
	 .honorUl .swiper-slide .img{ height: 250px;}

	 .technologyOne li:nth-child(2n){ flex-direction: column;}
	 .technologyOne li .idxMore{ height: 38px;}
	 .technologyTwo{ padding-left: 20px;}
	 .technologyLine::after{ height: 3px; top: -1px;}

	 .videoTechnologyItem .img{clip-path: none;-webkit-clip-path: none   }
	 .videoTechnologyImg{ height: 200px;}
	 .technologyThere .prev, .technologyThere .next{ display: none ;}

	 .proRight{   padding-left: 20px; padding-right: 20px;}
	 .prolist li{ width: 100%; margin-left: 0;}

	  
	 .proinfoImg{ margin-bottom: 15px;}
	 .proinfoImg .next, .proinfoImg .prev{ display: none !important;}
	 .messageBtn{ display: flex !important;}
	 .neiBan .txt{ padding-left: 20px; padding-right: 20px;}
	
	 .newslist li .img img{ width: 100%; height:160px; object-fit: cover;}
	 .newslist li .desc{  margin: 8px 0;}
	 
	 .newsinfoinner{  width: 100%;  padding: 0 20px;}
	 .newspage .left{ width: 100%;}
	 .newspage .light-tri{ display: none !important;}
	 .gbookItem{ width: 100%;}
	.gbookItem + .gbookItem{ margin-top: 15px;}

	.contactUl li{ width: 100%; margin-right: 0 !important;}
	.contactUl li .desc{ height: 11.2em;} 

	.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  0 25px;}
	.searchlist li .left{  width: 100%;}

	.idxAbout::after{ display: none !important;}
}


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

	.pig,.cursor-dot{ display: none !important;}

}