@charset "utf-8";
@media (max-width:1600px){
	.mAboutLeft > h3 > p,.mAboutLeft > h3 > span{  font-size: 30px;}
	.mAboutLeft > div{ height: 224px; line-height: 32px;  font-size: 16px; margin-top: 5%; margin-bottom: 8%;}
	.mAboutLeft > p > a{ padding:0 20px; height: 40px; line-height: 40px; font-size: 16px;  }
}
@media (max-width:1440px){
	.mAboutLeft > h3 > p,.mAboutLeft > h3 > span{  font-size: 24px;}
	.mAboutLeft > div{ height: 196px; line-height: 28px;  font-size: 14px; margin-top: 5%; margin-bottom: 10%;}
	.mAboutLeft > p > a{ padding:0 20px; height: 32px; line-height: 32px; font-size: 16px;  }
}
@media (max-width:1200px){
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	.f1 > .c-con{ padding-left:0; padding-right:0; }
	.logo{ display:block; width:360px; padding-top:20px; padding-bottom:20px; }
	/*.header .hd-right{ height: 90px;}*/
	.header .hd-right > .nav > ul > li > a{ font-size: 14px; }
	.header .hd-right > .nav > ul > li > p{ top:90px;}
	.header-blank{ height:90px;}
	.header .hd-right{  padding-left:5%;}
	.header .hd-right > .nav > ul > li > p{ top:70px;}
	.header-blank{ height:70px;}

	/*******/	
	.mch > h3{ font-size: 32px; }
	.mch > div > p{ font-size: 20px; height: 40px; line-height: 40px; }

	/******/
	.mAboutLeft > h3 > p,.mAboutLeft > h3 > span{  font-size: 20px;}
	.mAboutLeft > div{ height: 168px; line-height: 24px;  font-size: 14px; margin-top: 15px; margin-bottom: 15px;}
	.mAboutLeft > p > a{ padding:0 20px; height: 30px; line-height: 30px; font-size: 14px;  }
	/******/
	.alAboutHeader{ line-height: 48px; height: 48px; font-size: 20px; }
	.alAboutContent{ height: 120px; line-height: 24px; font-size: 14px; }
	/******/
	/*.newsTab > p,.servTab > p{  padding:0 30px; }*/
	.newsHot > div > h3{ font-size: 16px; height: 60px;line-height: 60px; }
	.newsList > ul > li > .nlItem-right > h3{ font-size: 20px; height: 48px;line-height: 48px; }
	.newsHot > div > p,.newsList > ul > li > .nlItem-right > p,.servMain > .servItem > ul > li > a > .siItem-about > p{  height: 48px; line-height: 24px;  font-size: 14px; }
	.newsList > ul > li{  padding:2.5% 0;}
	/*******/
	.onlinePhone{ width:240px; margin-right: 8%;}
	.onlineNav > ul > li,.onlineQTCode > h3{ font-size: 14px; }

	/********/
	.colFlash > p{ width: 100%;  left:0; top:0; margin-left:0; font-size: 36px; box-sizing: border-box; padding:0 3%;}
	/******/
	.objList > ul > li > a > div > h3,.colNewsList > ul > li > h3{ font-size: 16px; }
	.objList > ul > li > a > div > h4,.colNewsList > ul > li > p{ font-size: 14px; }

	/******/
	.colAbout-right > h3{height: 30px;line-height: 30px; font-size: 18px; }
	.colAbout-right > h4{  font-size: 44px; }

	.newsDet-header > h3,.newsDet-back,.prodDet-about > h3,.columnOther > .colOther-honor > h3{ font-size: 20px; }
	
}
@media (max-width:992px){
	.logo{ display:block; width:240px; padding-top:10px; padding-bottom:10px; }
	.header .hd-right{ /*height: 60px;*/ padding:0 0 0 0; }
	.header .hd-right > .nav > ul > li,.hd-right > .nav > ul > li > p > a{ font-size: 12px; }
	.header .hd-right > .nav > ul > li > a{padding:0 0;}
	/*.header .hd-right > .nav > ul > li > p{ top:60px;}
	.header .hd-right > .nav > ul > li > p > a{ height: 30px; line-height: 30px; }*/
	.header-blank{ height:60px;}
	/*******/
	.servList > ul > li{ width:49.2%; margin-right: 0; margin-bottom: 10px; }
	.servList > ul > li:nth-of-type(2n){ float: right; }
	.servList > ul > li > a > h3{  font-size: 18px;}
	.servList > ul > li > a > p{ font-size: 14px; }

	/*******/
	.mAboutLeft > div{ height: 96px; line-height: 24px;  font-size: 14px; margin-top: 15px; margin-bottom: 15px;}

	/******/	
	.newsHot > div{ width: 100%; height: auto; box-sizing: border-box; padding:0 10px 10px 0; }
	.newsHot > div > p{ height: 72px; }
	.newsList > ul > li{  padding:1.5% 0;}
	/*.newsList > ul > li + li{ margin-top: 10px; }	*/
	.newsHot > div > h3{ font-size: 14px; height: 48px;line-height: 48px; }
	.newsList > ul > li > .nlItem-right > h3{ font-size: 16px; height: 36px;line-height: 36px; }
	
	/*******/
	.onlinePhone{ width:210px; margin-right: 5%;}
	.onlineNav > ul > li,.onlineQTCode > h3{ font-size: 14px; }
	/********/
	.colFlash > p{  font-size: 30px;}
	.colNewsHot-right > h3{  height: 40px;line-height: 40px; font-size: 20px; }
	.colNewsHot-right > div{ height: 40px; line-height: 20px;}
	
	/******/
	.colAbout-right > h3{height: 30px;line-height: 30px; font-size: 16px; }
	.colAbout-right > h4{  font-size: 36px; }


	.newsDet-header > h3,.newsDet-back,.prodDet-about > h3,.columnOther > .colOther-honor > h3{ font-size: 18px; }
}
@media (max-width:768px){	
	/*body{ padding-top: 60px; }*/
	.header{ background-color: #FFF; }
	.header .hd-con {justify-content: space-between; }
	.logo{ display:block; width:270px; padding-top:10px; padding-bottom:10px; }
	.header .hd-right{ width: 0px; padding-right:0; display: none; }
	.header{  background-image: url(none);}
	.header .hd-right{ justify-content:flex-end; align-items:center; padding-right:10px; box-sizing: border-box;}
	.header .nav{display: none;}
	.header .nav-btn{ display: flex; }
	.header-blank{ height:60px;}		
	.swiper1 .swiper-pagination-bullet-active{width:12px; }

	/*****/
	.mch{ width: 100%;}
	.mch > h3{ font-size: 22px; }
	.mch > div > p{ font-size: 14px; height: 32px;line-height: 32px;}

	/*******/
	.servList{ box-sizing: border-box; border:1px solid #EEE; border-bottom: 0;}
	.servList > ul > li{ width:50%; margin-right: 0; margin-bottom: 0; box-sizing: border-box; border-bottom:1px solid #EEE; float: left;border-right:1px solid #EEE;}
	.servList > ul > li:nth-of-type(2n){ }
	.servList > ul > li > a{ box-sizing: border-box;}
	.servList > ul > li > a > p{ display: none;}
	.servList > ul > li > a > h3{  font-size: 16px;}

	/*******/
	.mainAbout{  flex-direction: column;  }
	.mAboutImg,.mAboutLeft{ width: 100%;}
	.mAboutLeft{ padding:2% 3% 3% 3%; }
	.mAboutLeft > div{ height: auto; margin-top: 4%;line-height: 30px; margin-bottom: 8%;}
	

	/******/	
	.newsMain .newsItem{ flex-direction: column;}
	.newsHot,.newsList{ width: 100%;}
	.newsHot > div > p,.newsList > ul > li > .nlItem-right > p,.servMain > .servItem > ul > li > a > .siItem-about > p{ height: auto }
	.newsList > ul > li{ margin-top: 10px; }

	
	
	/*******/
	.box{height: 0; }
	.box2{height: auto; }
	/****/
	.partnerList > ul > li{ width: 32%; box-sizing: border-box; padding:3%;}
	.partnerList > ul > li:nth-of-type(6n){ margin-right: 2% }
	.partnerList > ul > li:nth-of-type(3n){ margin-right: 0 }

	/*******/
	.onlinePhone{ margin-right: 0;}
	.online{ flex-direction: column;}
	.onlineNav{ padding-top: 10px; padding-bottom: 10px; }
	.onlineNav > ul > li{ text-align: center; }
	
	/********/
	.colFlash > p{  font-size: 24px;}
	/********/
	.cColProdDetHeader{ height: auto; }
	.cColProdDetHeader > .c-con{ display: block; padding-top: 10px; padding-bottom: 10px; }
	.location,.pdMenu{ width: 100%; height: 32px; text-align: left; }
	.location,.pdMenu > a{ height: 48px; line-height: 48px; }
	.pdMenu > a{ display: inline-block; float: left; width:16.66667%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

	/******/
	.objList > ul > li{ width: 48.5%; margin-right: 0;margin-bottom: 10px;}
	.objList > ul > li:nth-of-type(2n){ float: right; }
	.objList > ul > li > a > div{ width:100%; height: auto; box-sizing: border-box; padding:10px 5px 5px 5px;  }
	.objList > ul > li > a > div > h3/*,.colNewsList > ul > li > h3*/{ font-size: 14px; }
	.objList > ul > li > a > div > h4,.colNewsList > ul > li > p,.colNewsList > ul > li > h4{ font-size: 12px; margin-top: 0;}

	/******/
	.colNewsHot{ flex-direction: column; }
	.colNewsHot-img{ width:100%; display: block; overflow: hidden; flex-shrink: 0; margin-right: 3%;}
	.colNewsHot-img > p{ width: 100%; height: 0; }
	.colNewsHot-right{ margin-top:10px;} 
	.colNewsHot-right > div{ height: auto; }
	.colNewsHot-right > h3{  height: 40px;line-height: 40px; font-size: 18px; }
	
	/******/
	.colAbout{ flex-direction: column; }
	.colAbout-img{ width:100%; margin-left:0; }
	.colAbout-right{ margin-top: 10px; }
	.colAbout-right > h3{height: 30px;line-height: 30px; font-size: 16px; }
	.colAbout-right > h4{  font-size: 30px; }


	.newsDet-header > h3,.newsDet-back,.prodDet-about > h3,.columnOther > .colOther-honor > h3{ font-size: 16px; }
}

@media (max-width:640px){	
	.pdMenu{ height: auto; flex-wrap: wrap; }
	.pdMenu > a{ width:33.33333%; }
}

@media (max-width:480px){
	.swiper1 .swiper-slide > a > .swiperTitle,.colFlashTitle{ font-size: 16px; }	
	
	.servList > ul > li > a > h3{  font-size: 14px;}

	.colNewsList > ul > li{ width: 100%; }
	.colNewsList > ul > li > p{ height: auto; line-height: 20px; }
	
}
	
@media (max-width:375px){		
	
}