@charset "utf-8";
/* CSS Document */

/* header */
.header{position:relative;height:50px;}
.header .logo{display:block;width:130px;height:30px;padding:15px 0 0 10px;}
.header .logo img{display:block;width:100%;}
.header .search{position:absolute;top:0;right:35px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-search.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#0067d2;}
.header .search span{display:none;}
.header .user-icon{position:absolute;top:0;right:70px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-user.png) no-repeat center center;background-size:40%;}
.header .user-icon span{display:none;}
.header .user-icon:hover{background-color:#0067d2;}
.header .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}


/*banner*/
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}

.about,.about1,.about2{
	padding: 5% 10%;

}
.about h2,.about1 h2,.about2 h2{
	font-size: 1.2em;
	text-align: center;
	color: #005748;
}
.about p{
	font-size: 0.8em;
	line-height: 1.6em;
	
}
.about1 img{
	width: 100%;
}
.line{
	display: block;
	width: 80%;
	height: 1px;
	background: #888888;
	margin: 10px auto 0 auto;
}


.about2 ul{
	
	margin: 0 auto;
}
.about2 ul li{
	height: 32px;
	margin-bottom: 3%;
}
.about2 ul li img{
	float: left;
	width: 8%;
	margin-right: 13px;
}
.about2 ul li p{
	font-size: 0.8em;
	
}
.about h3{
	font-size: 1em;
	text-align: center;
	font-weight: normal;
}


/*footer*/
.footer{
	padding: 5% 10%;
	background: #F5F5F5;
}
.footer .up{
	border-bottom: 1px solid #888888;
	padding-bottom: 8%;
	margin-bottom: 8%;
}
.footer .up p.fl{
	font-size: 0.8em;
}
.footer .up p.fl i{
	font-size: 0.8em;
	line-height: 3em;
}
.footer .fr .copy1{
	border-right: 1px solid #888888;

}
.footer .fr .copy1 img{
	width: 36%;
	margin-top: 5%;
}
.footer .fr .copy1 i{
	font-size: 0.8em;
}
.footer .fr .copy2 span{
	font-size: 0.6em;
}
.footer .fr .copy2 span i{
	font-size: 1.5em;
	color: #005748;
}



.foot02 .logo2 img{
    width: 30%;
    margin: 0 auto;
}
.foot02 .foot_nav{
	text-align: center;
	margin: 10px auto;
}
.foot02 .foot_nav ul li{
	float: left;
	font-size: 0.8em;
	text-align: center;
	border-right: 1px solid #888888;
	width: 24%;
}
.foot02 .foot_nav ul li a{
	color: #888888;
}
.foot02 p{
	font-size: 0.8em;
	color: #888888;
	margin-bottom: 1em;
}
.foot02 p a{
	color: #888888;
}
.flow .fl img{
	float: left;
	width: 21%;
	margin-right: 5%;
}
.flow .fl{
	font-size: 0.8em;
	color: #888888;
}
.flow .fr img{
	width: 80%;
}
.foot02 p.foot{
	text-align: center;
	font-size: 0.8em;
	margin-top: 1.2em;
}



/*服务项目*/
.item{
	padding: 5% 10%;
}
.item ul li{
	width: 50%;
	float: left;
	text-align: center;
	height: 200px;
	padding: 0 2%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	
}
.item ul li img{
	width: 30%;
	margin: 0 auto;
}
.item ul li h1{
	font-size: 1em;
	color: #005748;
	line-height: 1.4em;
}
.item ul li p{
	font-size: 0.8em;
	text-align: left;
}


.about .adv{
	margin-top: 15px;
}
.about .adv li{
	float: left;
	width: 20%;
	text-align: center;
}
.about .adv li img{
	width: 60%;
	margin: 0 auto;
}
.about .ser li{
	width: 50%;
	float: left;
	text-align: center;
	margin: 10px 0;
}
.about .ser li img{
	width: 60%;
	margin:0 auto;
}