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

}

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

	body{ font-size: 14px;}
	.w82{ width: 90%; }
	.idxAbout .left{ padding-left: 5vw;}
	footer .right .bottom{ padding-left: 5vw; padding-right: 5vw;}
	footer .left a{ padding-left: 5vw;}
	footer .right .top{padding-left: 5vw; padding-right: 5vw;}
	.proLeft .title{padding-left: 5vw;    height: 80px;}
	.muneUl>li{ padding-left: 5vw;}
	.proRight .location{ padding-right: 5vw; height: 80px;}
	.proRight .box{ padding-right: 5vw;}
	
	

	.oneNav{ line-height: 90px; font-size: 18px;}
	
	.neiBan .text{  padding-top: 90px;}
	.searchBtn{ width: 90px; height: 90px;}
	.proInfoBg{ padding-top: 90px;}
	.zwDiv{ padding-top: 90px; margin-top: -90px;}
	.newinfoZW{ height: 90px;}

	.topsearchBox{   top: 100px;right: 0;  }
	.topsearchKey{ width: calc(100% - 60px); height:60px; } 
	.topsearchSubmit{  height: 60px; width: 60px;}

	.newItem .round{ width: 56px; height: 56px;}
	.idxAdvice::after{ height: 50px;}

	.hotProItm .img{ height: 260px;}
	.prolist li .img{ height: 260px;}
	.culture .left::after{ right: auto; left: 0;}
	.historycon{    max-height: 380px;}
	.swiperBtn{ width: 60px; height: 60px;}

	.Honor .swiper-container .swiper-slide .img{ height: 260px;}
	.prolist li{   margin-bottom:40px;}


	.proinfotext .button a{   height: 50px;}
	.proinfotext .button a img{ max-height: 60%;}

	.newslist li{ width: calc((100% - 60px)/3); margin-bottom: 30px; margin-right: 30px;}
	 
	.joblist .jobIcon{ width: 60px;}
	.joblist li .top .btn{ width: 130px;}

	.contactIco{ width: 100px;}
	.contactEwm{ width: 140px;}

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

	.topsearchBox{ width: 400px;}
 
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 .aboutIcon{ height: 48px;}
	 .banImg{ height: auto;}

	 .oneNav{ line-height: 80px; }
	 .neiBan .text{  padding-top: 80px;}
	.searchBtn{ width: 80px; height: 80px;}
	.proInfoBg{ padding-top: 80px;}
	.zwDiv{ padding-top: 80px; margin-top: -80px;}
	.newinfoZW{ height: 80px;}

	.proLeft .title{    height: 70px;}
	.proRight .location{   height: 70px;} 


	.topsearchBox{   top: 90px;right: 0;  } 
	.topsearchKey{ width: calc(100% - 50px); height:50px; } 
	.topsearchSubmit{  height: 50px; width: 50px;}

	.idxAdvice::after{ height: 60px;}
	.footContact .tip{ width: 4em;}
	.searchBtn{ display: none;}

	.hotProItm .img{ height: 220px;}
	.prolist li .img{ height: 220px;}

	.culture .left::after{ right: 0; left: auto;}

	.Honor .swiper-container .swiper-slide .img{ height: 200px;}
	.prolist li{  margin-bottom:35px;}

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

	.contactIco{ width: 80px;}
	.contactEwm{ width: 120px;}
}

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

	.w82{ width: 96%; }
	header .con{ padding-left: 20px;}
	.idxAbout .left{ padding-left: 2vw;}
	footer .right .bottom{ padding-left: 2vw; padding-right: 2vw;}
	footer .left a{ padding-left: 2vw;}
	footer .right .top{padding-left: 2vw; padding-right: 2vw;}

	.proLeft .title{padding-left: 2vw;    height: 60px;}
	.muneUl>li{ padding-left: 2vw;}
	.proRight .location{ padding-right: 2vw; height: 60px;}
	.proRight .box{ padding-right: 2vw;}


	.oneNav{ line-height: 70px; }
	.zwDiv{ padding-top: 60px; margin-top: -60px;}
	.newinfoZW{ height: 60px;}
	.logoImg{ height: 40px;}
	.aboutIcon{ height: 38px;}
	.proInfoBg{ padding-top:60px;}

	.neiBan .text{  padding-top: 70px;}

	nav{ display: none !important;}
	.iPad-show{ display: block;}
	header.scroll li.on{color: #fff;}

	.p13vh{    padding-top: 50px;padding-bottom: 50px;  }
	.idxPro .right{ padding-left: 50px;}

	.idxHot ul{ flex-wrap: wrap;}
	.hotProItm .img{ height: 180px; margin-top: 30px;}
	.prolist li .img{ height: 180px;}
	.prolist li{ width: 48.5%; margin-right: 3%;  margin-bottom:30px;}
	.prolist li:nth-child(3n){ margin-right: 3%;}
	.prolist li:nth-child(2n){ margin-right: 0;}


	.hotProItm{ width: 48%; margin-right: 4%; margin-bottom: 30px;}
	.idxHot ul li:nth-child(2n){ margin-right: 0;}

	.swiperBtn{ width: 50px; height: 50px;}
	.Honor .swiper-container .swiper-slide .img{ height: 180px;}

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

	.contactimgstyle{  flex-wrap: wrap;}
	.contactimgstyle li{ width: 50%; margin-bottom: 25px;}
	.contactimgstyle li:last-child{ display: flex; align-items: center; justify-content: center; flex-direction: column;}

	.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) {

	.w82{ width: 100%; padding: 0 20px;}
	body{ font-size: 12px;}

	.p13vh{ padding-top: 25px;padding-bottom: 25px;  }

	.neiBan .text{  padding-top: 0;}

	.iconfont{ font-size: 14px;}
	.idxAbout .left{ width: 100%; padding-left: 20px; padding-right: 20px;}
	.idxAbout .right{ width: 100%;}
	.idxAbout .right .w50{ width: 50%;}

	.aboutBgDiqiu{ position: relative; left: auto; bottom: auto; width: 50%;}
	.idxPro .right{ padding: 0; margin-top: 20px;}
	.idxPro .right li{ width: 48%; margin-left: 0; margin-right: 4%; margin-top: 15px;}
	.idxPro .right li:nth-child(2n){ margin-right: 0; }

	.newItem .round{ width: 36px; height: 36px;}
	
	.idxAdvice::after{ display: none;}
	footer .left{ width: 100%;}
	.footIcon{     max-height: 20px;max-width: 20px;}
	.idxTitImg{ width: 40px; margin-top: 8px;}
	footer .right{ width: 100%;}
	footer .right .top dl{ display: none;}
	footer .left a{ padding: 0 20px;}
	.footContact{ line-height: 2.4;}
	footer .right .top{ padding: 20px;}
	footer .right .bottom{ align-items: center; justify-content: center; text-align: center;}

	.introduce .left{ width: 100%; margin-bottom: 20px;}
	.introduce .left .img{ width: 80%; margin-top: 20px;}
	.introduce .right{ width: 100%;}
	.culture .left{ margin-bottom: 20px;}
	.culture .left img{ width: 100%; height: 220px; object-fit: cover; }
	.culture .left::after{ display: none;}
	.neiIdxTitImg{ height: 9px;}

	.history .left,.history .right{ width: 100%;}
	.historyTab{ margin-top: 0;}
	.historycon{max-height: 280px}

	.swiperBtn{ width: 40px; height: 40px;}

	.proLeft{ display: none;}
	.proRight{ width: 100%; }
	.proRight .location{ padding-right: 20px; height: 40px;}
	.proRight .box{ padding: 20px;}

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

	.proinfoimg{ padding-left: 0; margin-bottom: 18px;}
	.proinfotext .button a{ width: 38%; height: 40px;}
	.proinfotext .button a img{ max-height: 45%;}
	.proinfotext .button a:first-child{ width: 60%;}
	.proinfoLine .title::after,.proinfotext .line::before{ height: 1px;}
	.proInfoBg{background: url(../images/proInfoBg.jpg) no-repeat center top #f9fafc;background-size: auto 50vh; }
 
	 
	.solutionList li{ width: 100%; margin-right: 0%; }
	.joblist li .top .text{ padding-left: 0; line-height: 2;  }
	.joblist .jobIcon{  display: none;}
	.joblist li .top .btn{ width: 100px; height: 38px; margin-top: 8px; margin-left: calc(100% - 100px);}
	.joblist li .bottom{ line-height: 2;}
	.joblist li .bottom .left{ width: 100%; text-align: left;}
	.joblist li .bottom .right{ width: 100%; padding-left: 0;}

	.contactimgstyle{ text-align: center;}
	.contactimgstyle li,.contactimgstyle li:last-child{ justify-content: flex-start;}
	.contactIco{ width: 50px;}
	.contactEwm{ width: 80px;}
	.gbookbox .button{ width: 180px;}

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

	.newspage .left{ width: 100%; line-height: 2.6;} 
	.newsleft{ width: 100%;}
	.newspage .light-tri{ display: none;}
	.hotProItm::before{ height: 100%;}

	.banner{ margin-top: 60px;}
}

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

	.idxHot ul li{ width: 100%; margin-bottom: 20px;}
	.idxHot ul li:last-child{ margin-bottom: 0;}
	.hotProItm{ padding: 0;}
	.hotProItm a{ flex-direction: row-reverse; padding-top: 0;}
	.hotProItm .img{ margin-top: 0; justify-content: center; align-items: center; width: 120px; height: 120px; padding: 10px;}
	.hotProItm .text{ align-items: flex-start; justify-content: flex-start; padding-left: 20px; width: calc(100% - 108px);}
	.hotProItm .text .f22{ margin: 5px 0;}
	.hotProItm::after{ height: 100%;}

	.prolist li .img{ height: 150px;}


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


 }