@media only screen and ( max-width: 1600px) {
	
	
	.indexNews li article p{ height:104px ; text-overflow: ellipsis; overflow: hidden;}
	.indexAbout article{ height: 330px; text-overflow: ellipsis; overflow: hidden;}
	.bannerTitle{font-size: 48px; font-size: 3rem;}
	.addressContent{padding-top: 23px;}
	.aboutUsLeft{ display: none;}
	.aboutUsContent{ width: 100%;}	
	.aboutUsContent aside{ position: relative;}
	.aboutUs{ padding: 0; height: auto;}
	.aboutUsMiddle{ position: relative; height: auto;}
	.aboutUsContent article p{ max-width: 100%;}
	.aboutHistoryMiddle span img{ max-width: 50%;}
	.support li span{ padding: 12% 0 5%;}
	.addressContent span{ line-height: 1.3;}
	header .markImg{ padding-left: 20px;} 
	.bannerTitle p{font-size: 14px;}
	
}
@media only screen and ( max-width: 1200px) {
	.bodybox{padding-top: 125px;}
	header{position: fixed; top: 0; width: 94%; background: #fff; left: 3%;}
	header .Navs{ display: block; right: 0px; z-index: 9999; cursor: pointer;}	
	header nav.headerNav{ position: fixed; width: 300px; background: #333; background: rgba(0,0,0,.8); line-height: 50px; padding: 120px 0; overflow-y: scroll; height: 100%; right: -300px; z-index: 999;
		transition: all 1s cubic-bezier(.96,0,.31,.99);
		-moz-transition: all 1s cubic-bezier(.96,0,.31,.99);
		-webkit-transition: all 1s cubic-bezier(.96,0,.31,.99);
	}
	header nav.headerNav a{color: #fff !important; display: block;}
	header nav.headerNav a.on{ color: #333 !important; background: #fff;}
	header nav.headerNav span.after{ display: none;}
	.bodybox.phone header nav.headerNav{ right: -8px;}
	header .markImg{padding-right: 60px;}
	.indexAbout{ width: 100%;}
	.indexAbout section{ padding: 0;}
	.indexAbout .aboutMiddle{ position: relative; padding: 8%  10%; width: 80%; height: auto;}
	.indexAbout article{ height: auto;}
	.indexNews{ width: 100%;}
	footer .GOTOP{ display: none;}
	.contactImg{ width: 100%;}
	.contactMiddle{ position: relative;}
	.contactAddress{ width: 100%;}
	.companyName span{ padding-top: 3%;}
	.companyName small{ padding-top: 1%; margin-bottom: 3%;}
	.indexContact{ padding: 40px 0;}
	.aboutHistory{ padding-bottom: 60%;}
	.aboutHistoryMiddle span img{ max-width: 76%;}
	.support li{ width: 49%;} 
	
}
@media only screen and ( max-width: 992px) {
	.aboutManagementSwiper article section{ width: 100%; padding: 0;}
	.productMenu nav{ height: auto; line-height: 1;}
	.productMenu nav a{ font-size: 12px; vertical-align: top; line-height: 1; padding: 30px 0; height: 20px;}
	.productMenu .swiper-button-next:after,
	.productMenu .swiper-button-prev:after{
		font-size: 12px;
	}
	
	
}
@media only screen and ( max-width: 768px) {
	body,html{font-size: 12px;}
	.indexAbout article{ text-align: left;}
	.indexAboutNews .aboutTitle{text-align: left;}
	.indexAbout section{text-align: left;}
	.bannerTitle{font-size: 2rem; display: none;}
	.banners a.more{ width: auto; height: auto; display: inline-block; padding:5px 20px; line-height: 1.6; bottom: 30%; left: 15%;}
	.bannerTitle{top: 15%; max-width:90%; left: 15%;}
	.banners .swiper-button-prev,
	.banners .swiper-button-next{ display: none;}
	header .markImg{ display: none;}
	.fixedtool{ display: none;}
	.indexNewsTitle{ position: relative; left: 0; top: 0; margin: 0;}
	.indexNews ul{ position: relative;}
	.indexNewsBox{ padding: 0px 0;}
	.indexNews li article{ float: left !important; width: 100%; padding: 0; }
	.indexNews li .newsImg{ width: 100%;}
	.indexNews li{ height: auto; padding-top: 70px;}
	header .mark .search{ display: none;}
	header .mark{right: 49px;}
	.indexNewsTitle{ height: auto; line-height: 100px; text-align: left;} 
	.indexBar h5{ font-size: 16px; font-size: 1rem; max-width: 90%; right: 5%;}
	.indexContact{ padding-top: 0;}
	.companyName{ padding: 0 5%;}
	.addressContent li{ width: 80%; padding-left: 5%; margin: 0; }
	.banners .swiper-pagination{background: none;}
	footer{ line-height: 2; padding: 20px 0; height: auto;}
	footer:after{content: ""; display: block; clear: both;}
	footer .share{margin-right: 5%;}
	.indexProduct .swiper-button-next,
	.indexProduct .swiper-button-prev{ width: 40px; height: 40px;}
	.indexProduct .swiper-button-next:after,
	.indexProduct .swiper-button-prev:after{line-height: 40px;}
	.aboutHistory{ padding-bottom: 130%;}
	.aboutHistoryMiddle span img{ max-width: 60%;}
	.aboutManagementSwiper article img{ width: 80%;}
	.aboutUsContent article{ padding: 30px 5%;}
	
	.contact aside input{ width: 96.66%; margin: 0 1.66%;}
	.news ul li{ width: 100%; margin: 10px auto;}
	.productPage .productPrev,
	.productPage .productNext{ max-width: 80%;}
	
	.productContent li{ width: 100%;}
	.support li{ width: 100%; margin: 10px auto;}
	
	
}