/* CSS Document */
.hezuo .picli .img{ background-color:#FFFFFF}
#footnav{
	position: fixed; z-index:2;
	left: 0px;
	bottom: 0px; float:left; width:100%; background-color:rgba(0,0,0,0.6); display:none;
}
#footnav a{
	float:left;
	width:33.3333%;
	text-align:center;
	position: relative; line-height:35px; color:#FFFFFF;
}
#footnav a i{ margin-right:5px;}
#footnav a:after{ content:'';
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(0,0,0,0.8);
}
#footnav a:before{content:'';	border-left-width: 1px;
	border-left-style: solid;
	border-left-color:rgba(255,255,255,0.1);
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
}

@media screen and (max-width : 767px){
#footnav{ display:block}
.box_os{ display:none}
.news{ padding-top:0px; padding-bottom:0px;}
blockquote{ margin:auto;}
#left,#right{ min-height:auto;}
.box,.boxs,.box1{width:100%; min-width:0px;}
#nav,.tel{ display:none}
.sidebar,.toolbar{ display:block;}
.sidebar ul,.sidebar ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.pro .etitle .sort { width:100%; float:left;}
.pro .etitle .sort a{ float:left; margin-bottom:5px; padding-top:0px; padding-bottom:0px; width:44%; padding-left:2%; padding-right:2%; margin-right:1%; margin-left:1%;}
.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-size:100% 100%;

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

.about{ width:100%; height:auto;}
.about .img{ margin:auto;}
.about .img img{ max-width:100%;}
.about .econtent{ margin:auto}

.about,#inner{
	width:100%;
	position: relative;
}
.about .econtent{ margin-right:auto}
.pro .econtent .picli{ width:100%; float:left; height:auto; margin:auto; margin-bottom:10px;}
.pro .econtent .picli .img img{ height:auto;}
.news .li img{ max-width:100%;}
.news .li{ max-width:100%; margin:auto; float:none; clear:both; padding-top:10px;}
.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-image: none; height:auto; background-color:#C91217; margin-top:auto; padding-top:20px;
}
.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(3n+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 input{ width:155px;}
iframe,embed{ max-width:100%;}
.abouttv,#about,.about{ overflow:visible; height:auto; top:auto;}
.hezuo{ background-image:none; background-color:#D2D4E1; height:auto; padding-bottom:20px;}
.hezuo .etitle div.title b{background-color:#D2D4E1;background-image:none;}
.hezuo .content1{ display:none}
.hezuo .content{ display:block}
.hezuo .next,.hezuo .prv{ display:none}
.hezuo .picli{ float:left; width:46%; margin-left:2%; margin-right:2%; overflow:hidden;}
.hezuo .picli .img img{ height:auto;max-width:100%;}
.hezuo .picli:nth-child(2n+1) { clear:both}
.hezuo .content{ padding-bottom:90px;}
#left.sorts{ display:none}
}
@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}
}