/* CSS Document */
#header.nofix{ 
	position: absolute;
}
@media screen and (max-width : 767px){
#footnav{ display:block;}
.footer{ padding-bottom:50px;}
.headerh{ height:60px; height:calc(60px - 8vw); min-height:0;}
#header.nofix{position: fixed;}

#main,#main1,#main2{ background-image:none;width:100%; }
#left,#right{ min-height:auto;}
#left{ display:none}
.box,.boxs,.box1,.box2{width:100%; min-width:auto;}
#nav,.tel{ display:none}
.sidebar,.toolbar{ display:block;}
.sidebar ul,.sidebar ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.toolbar{ width:100%; background-image:url(logo2.jpg); background-image:100% 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;background-color:rgba(255,255,255,0.9); color:#FFFFFF;
	Opacity:0.85;
/*	background-image: url(headerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size:100% 100%;*/

}


#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;}
iframe,embed{ max-width:100%;}
#cms,#cms1,#main,#main2{ width:100%; min-height:100px; float:left}
#right{ width:96%; min-height:100px; float:left; margin-left:2%;}
#cms *,#cms1 *,.about *,.pro .econtent .picli *,.youshi *{ max-width:100%;}
#cms .li .time,.foot1{ display:none}
#foots{min-height:10px; padding-top:10px; padding-bottom:10px;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; min-height:10px;}
#foots .copyright .fr{ float:left; width:100%; height:auto; padding:0px; text-align:center; }
.bgs1 .fr{ display:none}
.about{ min-width:100%;}
.about .fl,.about .fr{ width:100%; height:auto;	position:relative;
	top:auto;
	right:auto; }
.pro .title{ width:90%;	border: 1px solid #ddd;border-radius:3px;box-sizing:boder-box; padding:10px; font-size:14px;}
.pro .econtent .picli{ width:50%; height:auto}
.pro .econtent .picli:nth-child(2n+1){ clear:both}
.youshi .title{
	border: 3px solid #FF0000;
	width:90%;
	margin:auto;
	height:30px;
	position: relative; text-align:center; margin-bottom:15px; background-color:#FFFFFF; 
}
.youshi{ width:100%;}
.youshi .title{ border:none; width:100%; height:auto; margin-top:auto}
.youshi .title .hh1{ font-size:13px; line-height:16px; margin-top:auto; height:auto}
.youshi .title .hh2{font-size:10px;line-height:16px; position:relative; bottom:auto;}
.youshi .econtent .right{ margin-left:0px; float:left; width:96%; margin-left:2%;}
.youshi .econtent .right .h1{ line-height:1.5;}
.youshi .econtent .right .item{ margin-top:5px; margin-bottom:5px;}
.case .econtent{ padding-top:40px;}
.news{ width:100%;}
.news .econtent .picli .title{ line-height:1.5;}
.message{ max-width:100%; background-color:#FFFFFF;}
.message .econtent .item{ width:100%; margin:auto}
.footnav{ display:none}
.footer>.box{ display:none}
.footer{background-color:#2f2f2f;}
.footer .copyright .fl,.footer .copyright .fr{ float:left; width:100%; text-align:center; line-height:1.5;}
#cms .message .tijiao button{
	background-color: #1b4376;}
.about{ height:auto;padding-bottom:10px;}
	.about .econtent{ height:auto;background-color: #008BFF;line-height:1.5; padding-top:10px; padding-bottom:5px; float:left; width:100%;}
.about .more{ text-align:center;}
.pro .econtent .picli .title{ font-size:12px;box-sizing:border-box;}
.pro .sort{ display:none}
.pro .econtent{ clear:both; margin-top:30px;}
.pro .img img{ height:155px;width:100%;}
#cms .list{ width:48%;}
#cms .list .img{ text-align:center}
#cms .list .img span{ display:inline-block;}
#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}
}