/* CSS Document */

@media screen and (max-width : 767px){
blockquote{ margin:auto;}
#left,#right{ min-height:auto;}
.box,.boxs,.box1{width:100%; min-width:auto; min-width:100%; max-width:100%;}
#cms,#cms1,#left,#left .leftdh{ min-height:auto; height:auto;}
#right,#left{ min-height:0px;}
#nav,.tel{ display:none}
.sidebar,.toolbar{ display:block;}
.sidebar ul,.sidebar ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.case .etitle .box .dp{ width:96%;}

.youshi .econtent .item{

	height: 150px; overflow:hidden;
	
}
.youshi .econtent .item .title{

	height: 85px;
	padding-top: 33px;
	padding-bottom: 33px; margin-right:5px;

}

.youshi .econtent  .item .dp{ line-height:1.2; font-size:12px;}

.youshi .econtent  .t3 .dp{padding-top:25px;}
.logo{ width:100%;}
.toolbar .logo img{ max-width:100%;height:60px;}
#header{ display:none}
.toolbar{
	
    -webkit-box-shadow:0 0 10px rgba(0,0,0, .5);  
  -moz-box-shadow:0 0 10px rgba(0,0,0, .5);
	box-shadow:0 0 10px rgba(0,0,0, .5);
	position: fixed;
	z-index:9999999;
	float:left;
	width:100%;
	height:60px;
	background-color: #FFFFFF;
	Opacity:0.85;
	background-image: url(headerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size:100% 100%;

}
#top1{
	height: 0px;
	margin-top: 60px;
	overflow: hidden;
}

#about{ width:100%; height:auto;}

.youshi .img{ display:none}
#about .about,#about .abouttv,.pro,#inner,.youshi .econtent{
	width:100%;
	position: relative;
}
.about .econtent{ margin-right:auto}
.pro .econtent .picli{ width:100%; float:left; height:auto; margin:auto; margin-bottom:10px;}
.case .econtent .picli{
	width:49%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.case .econtent .picli:nth-child(3n+1){float:left; clear:none}
.case .econtent .picli:nth-child(2n+1){ clear:both; float:right}
.case .econtent .picli:nth-child(2n){ float:left}
.case{ height:auto}
.case .econtent .picli .img img,.pro .econtent .picli .img img{ height:auto}
#news{ width:100%; clear:both;}
#wenda{ float:left; width:100%; clear:both; height:auto;}
#wenda .content1{ display:none}
#wenda .content{ display:block;}
#wenda .econtent{ height:auto;}
#news .content{ width:100%; height:280px; }
#news .tnews img{
	float:left;
	height: 85px;
	width: 125px;
	padding: 2px;
	border: 1px solid #dddddd;
	margin-right: 10px;
}
#news .tnews .right .dp{height: 40px;}
#news .tnews{ height:auto;}
#news .news{ height:auto;}
.footer .copyright{
	padding-left:5px; padding-right:5px;
	background-image: none;box-sizing: border-box; line-height:1.5;
}

.footer1 img{ width:100%; display:block;}
.footer1 {
	background-color: #c4070d;
	background-image: none; height:auto;
}
.footer2 .item,.case .econtent,.pro .econtent,#about,#cms,#cms1{ width:96%; clear:both; margin:auto; float:none; overflow:hidden;}
#left{ float:left; width:100%;}
#right{
	width:100%;
	border: none;
	
}
#postion .postion{ display:none}
#left .leftdh{ width:100%; margin-left:2%; margin-right:2%; margin:auto; float:none;}
#left .leftdh ul li ul{ display:none}
#left .leftdh ul li{ float:left; width:48%;}
#left .leftdh ul li a{box-sizing: border-box; width:100%;}
#left .leftdh ul li:nth-child(2n+1){ clear:both; float:left;margin-left:1%; }
#left .leftdh ul li:nth-child(2n){float:right;margin-right:1%; }
#cms .list:nth-child(4n+1){ clear:none;}
.pro .etitle .box .pinpai{
	clear:both;
	position: relative;
	width: 100%;
	top: auto; text-align:center; padding-top:20px;
}
.pro .etitle .box .sort{ padding-top:0px; margin-top:auto; width:100%; text-align:left; max-width:300px; margin:auto; float:none; clear:both;}
.pro .etitle form{
	float:none;
	width:230px;
	clear:none;
	margin:auto;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	padding-top: 10px;
}
.pro .etitle form input{ width:155px;}
iframe,embed{ max-width:100%;}
.abouttv,#about,.about{ overflow:visible; height:auto; top:auto;}

}
@media screen and (max-width : 350px){
#cms .list{

	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#cms .list:nth-child(2n+1){ clear:both; float:right}
#cms .list:nth-child(2n){ float:left}
}