@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;}
	
	
	.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;}
	.newbox ul li .txt .title{ font-size:22px; margin-bottom:15px;white-space:nowrap;/* 规定文本是否折行 */  
  overflow: hidden;/* 规定超出内容宽度的元素隐藏 */
  text-overflow: ellipsis;}
  .newbox ul li .txt p{ font-size:15px;  overflow: hidden;      
  text-overflow: ellipsis;      
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */      
  -webkit-line-clamp:2; /* 控制最多显示几行 */      
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */}
	
	

}

@media screen and (max-width: 768px) {
	header{ height:90px;}
	.nav{ display:none;}
	h2{font-size:2rem; }
	.dyip { padding:10% 0;}
	.dyip ul li{ width:50%;}
	.derp .box .pics ul li{ width:50%; float:left;height:auto; overflow:hidden;}
	.derp .box .pics ul li:nth-child(3){ width:100%; float:none;}
	.derp .box{ padding:10% 0;}
	.derp .box p{ padding:15px;}
	.i_pro ul li {width: 47%;}
	.dsanp .dsleft{ width:100%; float:none;}
	.dsanp .dsleft img{ width:100%;}.dsanp .dsright{ width:100%; float:none; }
	.footbox .ftleft{ width:100%; float:none;}
	.footbox .bsr{ width:100%; float:none; margin-top:30px;}
	
	
	.abouttex .ableft{ width:100%; float:none;}
	.abouttex .abright{ width:100%; float:none;}
	.abouttex .abright img{ max-width:100%; display: block; margin:auto; clear:both;}
	.nspr ul li {width: 48%;}
	.honor_img ul li {width: 48%;}
	.productsobx .rpoleft {width:99%;float: none;}
	.productsobx .ropright{ float:none; width:100%; margin-top:38px;}
	.newbox ul li .pic{ width:35%;}
	.newbox ul li .txt{ width:62%;}
	
	.news_box{ margin:5% auto; width:100%; height:auto; overflow:hidden; float:none; overflow:hidden; border-right:0px #eaeaea solid; padding:0 3% 0 0;}
	.news_right{ width:100%; float:none; height:auto; overflow:hidden;margin:5% auto; border-top:1px #eaeaea solid; padding-top:30px;}
	
}

@media screen and (min-width:595px) and (max-width:768px){
	
}
@media screen and (max-width:640px) {
.contactbox .rightty{ float:none; width:100%; height:auto; overflow:hidden;}
.contactbox .lsets{ float:none; width:100%; margin-left:0%; margin-top:40px;}
	
}
@media screen and (max-width:460px){
	h2{font-size:2rem; }
	.footbox .ftleft ul li{ width:40%; margin-bottom:18px; padding-left:10%; margin-top:25px; }
	.footbox .bsr dl dt {width:100%;float: none; margin-bottom:38px;}
	.footbox .bsr dl dt img{ max-width:100%; display:block; margin:auto; clear:both;}
	.footbox .bsr dl dd{ line-height:25px; width:100%; float:none; display:block; text-align:center;}
	.nspr ul li {height: 255px;}
	.newbox ul li .pic{width:100%; float:none;}
	.newbox ul li .txt{ float:none; width:100%; margin-top:35px;}
	.newbox ul li{margin-bottom:30px;}
	
}