header{
	width:100%;
	background: rgb(236,240,243);
	overflow: hidden;
	color:#444;
	font-size:13px;
	padding:10px 0px;
}
ul{
	list-style: none
}
*{
	margin:0;
	padding:0;
}
.service{
	width:60%;
	float:left;
}
.info{
	width:25%;
	float:right;
}
.info ul a li{
	width:31%;
	float:left;
	margin:0 1%;
	color:#444;
	text-align: center;
}
.info ul {
	list-style: none
}
#logo{
	width:60%;
	float:left;
	overflow: hidden;
}
.ri{
	width:38%;
	float:right;
	overflow: hidden;
}
.l-logo{
	width:40%;
	float:left;
}
.l-text{
	width:58%;
	float:right;
}
.img{
	width:100%;
}
.l-text h2{
	margin-top:15px;
}
.l-ri{
	text-align: right
}

.l-ri img{
	margin-top:20px;
}
h1{
	margin-top:20px;
	margin-bottom: 10px;
	text-align: center
}
.text{
	line-height: 30px;
	color:#ada7a7;
	text-align: center
}
.list li{
	width:23%;
	margin:20px 1%;
	float:left;
	text-align: center;
	color:#333;
	line-height: 30px
}
.active{
	background: rgb(255,255,255,.1)
}
.line{
	margin-top:20px;
	overflow: hidden;
	width:100%;
	
}
.line ul li{
	border-top:1px solid #f3eded;
	border-left:1px solid #f3eded;
	border-bottom:1px solid #f3eded;
	padding:20px 0px;
	width:19.6%;
	text-align: center;
	color:#444;
	float:left;
}
.line ul li:nth-child(5){
	border-right:1px solid #f3eded;
}
.line ul li.act{
	background: rgb(255,97,0);
	color:#fff;
}
#banner{
	position: relative;
	z-index:998;
}

.contact{
	background: #fff;
	border-radius:25px;
	padding:0px 0px;
	width:220px;
	text-align: left;
	overflow: hidden;
	position: absolute;
	font-weight:bold;
	left:44%;
	height:50px;
	color:rgb(255,97,0);
	line-height: 50px;
	bottom:10px;

}
.contact img{
	float:left;
	margin-left:40px;
	margin-top:10px;
}
.lister li{
	box-shadow:0px 0px 10px #f3eded 
}
.lef{
	width:60%;
	float:left;
}
.rig{
	width:38%;
	float:right;
	position: relative;
}
.lef .text{
	text-align: left
}
.lef ul li{
	width:31%;
	float:left;
	margin:10px 1%;
}
.con{
	left:25%;
	width:220px;
}
footer{
	background: rgb(245,245,245);
	padding:20px 0px;
	font-size:12px;
	color:#444;
	overflow: hidden;
}
.bottom ul a li{
	width:10%;
	float:left;
	margin:10px 25px;
	text-align: center
}
.le{
	width:70%;
	float:left;
	overflow: hidden
}
.re{
	width:28%;
	float:left;
	margin-left:2%;
	overflow: hidden
}
.le ul li {
	margin:10px 0px;
	text-indent:30px;
}
.le ul li:nth-child(1){
	background: url(../images/13.jpg)no-repeat;
	background-size: 25px 94px;
	background-position: 0px 0px
}
.le ul li:nth-child(2){
	background: url(../images/13.jpg)no-repeat;
	background-size: 25px 94px;
	background-position: 0px -19px
}
.le ul li:nth-child(3){
	background: url(../images/13.jpg)no-repeat;
	background-size: 25px 94px;
	background-position: 0px -38px
}
.le ul li:nth-child(4){
	background: url(../images/13.jpg)no-repeat;
	background-size: 25px 94px;
	background-position: 0px -57px
}
.le ul li:nth-child(5){
	background: url(../images/13.jpg)no-repeat;
	background-size: 25px 94px;
	background-position: 0px -75px
}
@media screen and (max-width:768px){
	.bottom ul a li{
		width:20%;
	}
	.contact{
		width:40%;
		height:29px;
		left:30%;
	line-height: 29px;
	}
	.contact img{
	float:left;
	margin-left:5px;
	margin-top:0;
}
	header{
		display: none
	}
	.header-content{
		background: none  !important
	}
	#logo,.lef,.rig,.le,.re{
		width:100%;
	}
	.ri{
		display: none
	}
	.list li{
		width:48%;
	}

.l-text h2{ display: none}
}