@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1025px) and (max-width:1810px){
	header .top{ height:auto; overflow:hidden; padding:26px 3% ;}
	.wd{ padding:0 3%;}
}
@media screen and (max-width: 1260px) {
	.nav li a{margin:0 15px !important; }
	header .top { padding: 26px 3%;}
	header .top h1{  float:left; padding-top:10px;}
	.derplist li{width:20%;}
	.wd{ padding:0 3%;}
}

@media screen and (max-width: 980px) {
	.nav,.lan{ display:none;}
	header .top{ padding:12px 0 0 0;}
	.demo-buttons{display: block;}
	header .top h1{ width:90%;  float:none; margin:auto; padding-top:0px;}
	header{ position: relative;}
	

}

@media screen and (max-width: 768px) {
	header{ height:90px;}
	.nav{ display:none;}
	h2{font-size:2rem; }
	.dyip ul li{ width:47%; margin-bottom:5%;}
	.dyip ul li p{ padding:0 3%;}
	.i_pro ul li{ width:47%; float:left;}
	.i_four dl dd .title{ margin-top:0px;}
	.i_four dl dd .txt{ padding:1% 0; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.i_four .i_news ul{ margin-right:0%;}
	.i_four .i_news ul li{ float:none; width:97%; margin-right:0%; }
	.i_three .ileft h3 { font-size: 26px;}
	.i_three .ileft p {padding: 20px 0;}
	.footbox .bsr{ width:100%; float:none; margin-bottom:5%;}
	.footbox .ftbsr{ width:100%; float:none; height:auto; overflow:hidden; padding-left:0%; border-left:0px #389acf solid;}
	.footbox{  padding:10% 0}
	.footcopy {  padding:4% 0;}
	.abouttex .ableft{ width:100%; height:auto; overflow:hidden; line-height:2; float:none; font-size:16px; padding-top:20px;}
	.abouttex .abright{ width:100%; height:auto; overflow:hidden; line-height:1.8; float:none;}
	
	.nspr ul li{ width:48%; height:335px; margin-bottom:5%;}
	.newbox ul li{ margin-bottom:3%; padding:4% 3%;}
	.newbox ul li .txt p{ line-height:23px; color:#999; font-size:14px; height:42px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; display:block; overflow:hidden;}
	.newbox ul li .txt .title{ font-size:20px; margin-bottom:10px; }
	.newbox ul li .pic{ width:35%; float:left;}
	.newbox ul li .txt{ float:right; width:60%;}
	.news_box{ width:100%; float:none;}
	.news_right{ width:100%; float:none;}
	.productsobx .rpoleft,.productsobx .ropright{ width:100%; float:none; margin-bottom:3%;}



	
	
}

@media screen and (min-width:595px) and (max-width:768px){
	
}
@media screen and (max-width:640px) {
	
	
}
@media screen and (max-width:460px){
	h2{font-size:2rem; }
	.i_three .ileft{ width:100%; float:none;  margin-right:0%;}
	.i_three .iright{ width:100%; float:none; margin:20px 0;}
	.i_four dl dt{ width:100%; float:auto; margin-bottom:5%; }
	.i_four dl dd{ width:100%; float:auto; margin-left:0%; }
	.i_four dl dd .mor{ margin:5% 0 0 0;} 
	.i_four .i_news ul li .titlr{ width:70%; }
	.i_four .i_news ul li .tim{ width:30%;}
	.footbox .ftbsr ul li{ width:40%; float:left; height:auto; overflow:hidden; padding-left:10%;}
	.footbox .ftbsr ul li:nth-child(3){ width:40%;}
	.footbox .ftbsr ul li:nth-child(1){ display:none;}
	.nspr ul li{height:285px;}
	.honor_img ul li{width:48%; margin-bottom:3%; }
	.newbox{ height:auto; overflow:hidden; padding:3.2% 0; background:url(../images/newsbg.jpg) repeat-y center top; }
	.newbox ul li .pic{ width:100%; float:none;}
	.newbox ul li .txt{ float:none; width:100%; margin-top:25px;}
	.newbox ul li .txt p{ display:none;}
	.contactbox .rightty{ float:none; width:100%; margin-bottom:3%; }
	.contactbox .lsets{ float:none; width:100%; margin-left:0%}
	
	

	
}