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

	.inner{ width:1600px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1600px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1600px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1600px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1600px)/2);}

	.smallinner{ width:1520px;   margin: 0 auto;  }
	.pl-smallinner{ padding-left: calc((100vw - 1520px)/2);}
	.pr-smallinner{ padding-right: calc((100vw - 1520px)/2);}
	.ml-smallinner{ margin-left: calc((100vw - 1520px)/2);}
	.mr-smallinner{ margin-right: calc((100vw - 1520px)/2);}  

	.f340{ font-size: 300px;}
	.proInfoImg_product{ font-size: 450px;}

}

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

	.inner{ width:1360px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1360px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1360px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1360px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1360px)/2);}

	.smallinner{ width:1340px;   margin: 0 auto;  }
	.pl-smallinner{ padding-left: calc((100vw - 1340px)/2);}
	.pr-smallinner{ padding-right: calc((100vw - 1340px)/2);}
	.ml-smallinner{ margin-left: calc((100vw - 1340px)/2);}
	.mr-smallinner{ margin-right: calc((100vw - 1340px)/2);}  


	.logoImg{ height: 65px;}
	.oneNav{    line-height: 90px;}
	.zwHeader{ height: 90px;}
	.zw{ margin-top: -100px; padding-top: 100px;}
	.headerTel{ height: 90px;}

	.lanBtn{ height: 90px;}

	footer .center .left{ width: 48%;}
	footer .center .right{ width:48%;}

	.f340{ font-size: 280px;}
	.proInfoImg_product{ font-size: 400px;}


}

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

	body{ font-size: 18px }
	.inner{ width:1240px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1240px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1240px)/2);}

	.smallinner{ width:1240px;   margin: 0 auto;  }
	.pl-smallinner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-smallinner{ padding-right: calc((100vw - 1340px)/2);}
	.ml-smallinner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-smallinner{ margin-right: calc((100vw - 1240px)/2);}  

	.logoImg{ height: 60px;}
	.oneNav{    line-height: 80px; font-size: 20px;}
	.aboutWhyUl li{ font-size: 18px;}
	.zwHeader{ height: 80px;}
	.zw{ margin-top: -90px; padding-top: 90px;}

	.lanBtn{ height: 80px;}

	.idxBanIcon{ width: 70px; height: 70px;}
	.newslist li{ width: calc((100% - 80px)/3); margin-right: 40px;}
	.idxNews  .newslist li{ width: calc((100% - 100px)/3); margin-right:50px;}.newslist li:nth-child(3n){ margin-right: 0;}


	.f340{ font-size: 260px;}
	.proLeft{ width: 20%;}
	.proRight{ width: 78%;}
	.prolist li .img .iconfont{ font-size: 56px;}

	.prolist.appPro{grid-gap: 40px;  }

	.RDCon .play{ width: 90px;}
	.RDoneImg{    margin-top: -80px;}
	.backBtn{ width: 36px;}

	.Cataloglist{  grid-gap: 32px; grid-template-columns: repeat(4,1fr);}
	.Cataloglist li .img{ height: 320px;} 

	.LaboratoryUL{  grid-gap: 30px;}
	.LaboratoryTwoUl{ grid-gap: 40px;}

	.idxPro .prev{ left:9.5%;}
	.idxPro .next{ right: 9.5%;}
	 
	.idxProUl{  grid-gap: 30px; }
     
}

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

	 div.video-wrap{ width: 90vw;height: auto;}
	 body{ font-size: 16px }
	 .inner{ width:88%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}

	.smallinner{width:88%;    }
	.pl-smallinner{ padding-left: 6vw;}
	.pr-smallinner{ padding-right: 6vw;}
	.ml-smallinner{ margin-left: 6vw;}
	.mr-smallinner{ margin-right:6vw;}  

	.logoImg{ height: 55px;}
	.oneNav{    line-height: 70px;  }
	.zwHeader{ height: 70px;}
	.zw{ margin-top: -80px; padding-top: 80px;}

	.lanBtn{ height: 70px;}

	.aboutWhyUl li{ font-size: 16px;}

	.idxBanImg,.banner{ height: 75vh;}
	.idxBanIcon{ width: 60px ; height: 60px;}
	.idxBan .text{ width: 66%;}
	.idxBan .text .font76{}

	.idxPro .mySwiper{ box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
	.newslist li{ width: calc((100% - 60px)/3); margin-right: 30px;}
	.idxNews  .newslist li{ width: calc((100% - 80px)/3); margin-right:40px;}.newslist li:nth-child(3n){ margin-right: 0;}
	  
	.f340{ font-size: 200px;}
	.prolist li .img .iconfont{ font-size: 50px;}
	.prolist{    grid-gap: 20px;}
	.proInfoImg_product{ font-size: 300px;}
	.RDCon .play{ width: 80px;}
	.RDoneImg{    margin-top: -50px;}
	.backBtn{ width: 30px;}

	.Cataloglist{  grid-gap: 26px; grid-template-columns: repeat(4,1fr);}
	.Cataloglist li .img{ height: 280px;} 

	.LaboratoryUL{  grid-gap: 20px;}
	.LaboratoryTwoUl{ grid-gap: 30px;}

	.addresslist{ flex-wrap: wrap;}
	.addresslist li{ width: 48%; margin-right: 4%; margin-bottom: 40px;}
	.addresslist li:nth-child(2n){ margin-right: 0;}

	.prolist.appPro{grid-gap: 30px;  }

	.development .prev{ left: 0px;}
.development .next{ right: 0px;}

.idxPro .prev{ left:2%;}
	.idxPro .next{ right: 2%;}

	.rdListUl li{  top: 90px;}


	.idxProUl{  grid-gap: 20px; }

	.idxProcessUl{   grid-template-columns: repeat(6,1fr);}
 
}


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

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.inner{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}

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

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

	.logoImg{ height:40px;}
	.oneNav{    line-height: 70px; font-size: 16px;}
	.zwHeader{ height: 70px;}
	.zw{ margin-top: -80px; padding-top: 80px;}

	.idxPro .prev{ left: 0%;}
	.idxPro .next{ right: 0%;}

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

	.idxNews  .newslist li{ width: calc((100% - 30px)/2); margin-right:30px;}
	.idxNews .newslist li:nth-child(3n){ margin-right: 30px;}
	.idxNews .newslist li:nth-child(2n){ margin-right: 0;}
	 
	.f340{ font-size: 180px;}
	.proLeft{ width: 25%;}
	.proRight{ width: 73%;}
	.prolist{  grid-gap: 30px; grid-template-columns: repeat(2,1fr);}
	.Cataloglist{  grid-gap: 32px; grid-template-columns: repeat(3,1fr);}
	.Cataloglist li .img{ height: 280px;} 

	.prolist.appPro{grid-gap: 10px;  }
	
	.idxProUl{  grid-gap: 20px; grid-template-columns: repeat(3,1fr);}

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

	body{ font-size: 14px }
	.iconfont{ font-size: 16px;}
	.inner{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}

	.lanBtn{ height: 60px;}

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

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


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

	header .inner{ width: 100%; padding: 0 0 0 20px;}

	.idxBanImg, .banner{ height: 360px;}
	.idxBan .text{ width: 100%;}
	.idxBanIcon{ width: 32px; height: 32px;}
	.idxBan .button .pagination{ width: 100px;}

	.idxBan .font76,.idxBan .font22,.idxBan .idxBanMore{ margin-top: 8px;}
	.idxAbout .w37 img,.briefImg{ width: 100%; height: 200px;}
	.idxProSwiper .pic{ position: relative;  height: 150px; left:25%;  right: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
	.idxProUl .pic{ height: 150px; }

	.wap-weight{ font-weight: bold;}
	.idxWhyRight li.on::after{ width: 3px;}
	.idxWhyRight li{opacity: 1;}
	 
	.idxAutoSweper .swiper-slide{ padding-bottom: 20px;}
	.idxAuto .pagination{    width: 100%;position: relative;right: auto;bottom: auto;z-index: 10;margin-top: 20px;}
	.idxAuto .pagination .swiper-pagination-bullet{ margin: 0 6px;}
	.newslist li{ width:100% !important; margin-right: 0 !important;}
	.idxNews .newslist li + li{ margin-top: 20px;}

	.idxNews  .newslist li{ width: 100% !important; margin-right:0 !important;}

	.outLink a{ width: 40px; height: 40px;}
	.DevelopmentTop .swiper-slide .text{ text-align: center; margin-left: 0; margin-top: 15px;}
	.f340{ font-size:130px;}
	.prolist{  grid-gap: 16px; }
	.proInfoImg_product{  font-size: 180px;}
	.applicationSwiper .swiper-slide{ padding-top: 0 !important;}

	.neiBanImg{   height: 220px; }
	.appMain{ margin-top: 10px;}
	.RDCon .play{ width: 50px;}
	.RDoneImg{ margin-top: 0;}
	.RDtwoImg{ height: 220px; position: relative; left: auto; top: auto;}
	.newSub{ width: 100vw; margin-left: -20px; margin-right: -20px; align-items: flex-start; justify-content: flex-start;}
	.newSub{   overflow-x: scroll; margin-bottom: 0; }
	.newSub::-webkit-scrollbar { height: 2px;}
	.newSub::-webkit-scrollbar-thumb {  background: #c1c1c1; height: 2px; }
	.newSub::-webkit-scrollbar-track {   background: #f1f1f1;height: 2px; }
	.newSub a{ height: 40px; line-height: 40px; margin-right: 0; border-right: 1px solid #e5e5e5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

	.Certificatelist{ border-top:2px solid #f1f2f6; margin-top: 25px;}
	.Certificatelist li{ padding: 15px 0; border-bottom: 2px solid #f1f2f6;}

	.Cataloglist{ margin-top: 25px;}
	 
	.Cataloglist{  grid-gap: 28px; grid-template-columns: repeat(2,1fr);}
	.Cataloglist li .img{ height: 200px;} 
	.mapBox{ height: 300px;}

	.LaboratoryUL{   grid-gap:20px; grid-template-columns: repeat(2,1fr);}
	.LaboratoryTwoUl{   grid-gap: 20px; grid-template-columns: repeat(2,1fr);}
	.appMain .p100{ padding: 0;}

	.idxCompany .w47 + .w47{ margin-top: 15px;}

	.bigImgBox{ height: 200px;}
	.briefInfo::-webkit-scrollbar {width: 5px;}
	.briefInfo::-webkit-scrollbar-thumb { width: 5px; }
	.briefInfo::-webkit-scrollbar-track { width: 5px; }

	.brief .w55{  position: relative; padding: 5px; right: auto; top: auto; background: url(../images/contact_bg2.png) no-repeat center center; background-size: 100% 100%;}

	.posi-a-rdone{left: auto;
		right: -15px;}

		.rdone::before{ height: 70%; top: 32%; width: calc(100% + 20px); right: -10px;}
		.rdListUl{ padding-top: 0;
		
		 }

		 .idxProcessUl{   grid-template-columns: repeat(4,1fr);}

		 .briefInfo{ height: 200px;}
		 .cultureUl li{ flex-wrap: wrap; line-height: 2.2;}
		 .cultureUl li .w20{ width: 50%;}

		 .idxAboutNum{ flex-wrap: wrap;}
		 .idxAboutNum li{ width: 48%; margin-top: 15px;}
		 .idxAboutNum li img{ height: 30px;}
		 .idxAboutNum li .font50{ font-size: 30px;}

}


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

	.prolist li .img .iconfont{ font-size: 36px;}
	.Cataloglist{  grid-gap: 15px; }
	.Cataloglist li .img{ height: 150px;} 

	.LaboratoryUL{   grid-gap:20px; grid-template-columns: repeat(1,1fr);}
	.LaboratoryTwoUl{   grid-gap: 20px; grid-template-columns: repeat(1,1fr);}
	.addresslist li{ width: 100%; margin-right: 0 !important; margin-bottom: 20px;}
	.idxProUl{   grid-template-columns: repeat(1,1fr);}

	.idxProcessUl{   grid-template-columns: repeat(3,1fr);}
}

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