@charset "utf-8";
/* +--------------------------------------------------------------------**
** | Author: 浅风网络顾问  cl@clphp.net
** +--------------------------------------------------------------------**
** | Copyright (c) 2014 http://www.clphp.net All rights reserved.
** +--------------------------------------------------------------------*/
@font-face {
	font-family:'ambleregular';
	src:url(../Font/Amble-Regular-webfont.ttf) format('truetype');
}
body {
	color:#333;
	font-size:12px;
	font-family:'ambleregular';
	line-height:0.8em;
	background:#FFF;
}
.wrap {
	width:1000px;
	margin:0 auto;
}
.bg {
	background:#00477f;
}

/*header*/
.header {
	height:1490px;
	background:url(../Images/topbg.gif) no-repeat top center;
	border-bottom:1px solid #00477f;
}

.mt80 {
	padding-top:80px;
}
.second-img {
	height:450px;
}
.second-text {
	width:875px;
	margin:30px auto;
	font-size:21px;
	line-height:1.5em;
	letter-spacing:1px;
}
.second-text-one {
	padding:50px 0px 80px 63px;
	font-size:20px;
	font-family:'Cambria';
	color:#FFF;
	line-height:1.6em;
}
.second-text-two {
	padding-left:63px;
	padding-bottom:50px;
	font-size:20px;
	font-family:'Cambria';
	color:#FFF;
	line-height:1.6em;
	letter-spacing:1px;
}
.second-text-two span {
	color:#1194da;
	font-size:22px;
	font-family:'ambleregular';
}

.three {
	height:630px;
	background:url(../Images/three-img.gif) no-repeat;
}
.three-text {
	margin-left:550px;
	padding-top:140px;
}
.three-text ul {
	list-style:none;
}
.three-text ul li {
	font-size:20px;
	font-family:'Cambria';
	line-height:1.6em;
	padding-left:20px;
	background:url(../Images/icon-li.png) no-repeat left center;
}
.three-img {
	margin-top:103px;
}
.three-img img {
	width:195px;
}
.three-bottom {
	padding:120px 30px;
}
.three-bottom-img {
	float:left;
}
.three-bottom-img img {
	border:2px solid #FFF;
}
.three-bottom-text {
	margin-left:480px;
	color:#FFF;
	font-size:20px;
	font-family:'Cambria';
	line-height:1.6em;
}
.three-bottom-text span {
	color:#1194da;
	font-size:22px;
	font-family:'ambleregular';
}

.four {
	height:541px;
	background:url(../Images/four-bg.png) no-repeat top center;
}
.four-text {
	padding-top:160px;
	padding-left:310px;
}
.four-text span{
	height:45px;
	line-height:45px;
	color:#1194da;
	font-size:22px;
	font-family:'ambleregular';
}
.four-text ul {
	list-style:none;
}
.four-text ul li {
	font-size:20px;
	font-family:'Cambria';
	line-height:1.6em;
	padding-left:20px;
	background:url(../Images/icon-li.png) no-repeat left center;
}
.four-img {
	padding:60px 0px;
}

.five-img {
	padding-top:50px;
}
.five-text {
	margin-top:40px;
	font-size:18px;
	font-family:'Cambria';
	line-height:1.6em;
	color:#FFF;
	padding-bottom:50px;
}


#share {
	position:fixed;
	bottom:35%;
	left:95%;
	width:30px;
	zoom:1;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-34+"px");
}
#share a {
	background-image:url(../Images/share.png);
	background-repeat:no-repeat;
	display:block;
	width:30px;
	height:30px;
	margin-bottom:2px;
	overflow:hidden;
	text-indent:-999px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#share a.first {
	background-position:0 0;
	position:absolute;
	bottom:192px;
}
#share a.first:hover {
	background-position:-30px 0px;
}
#share a.second {
	background-position:0px -30px;
	position:absolute;
	bottom:160px;
}
#share a.second:hover {
	background-position:-30px -30px;
}
#share a.three {
	background-position:0px -60px;
	position:absolute;
	bottom:128px;
}
#share a.three:hover {
	background-position:-30px -60px;
}
#share a.four {
	background-position:0 -90px;
	position:absolute;
	bottom:96px;
}
#share a.four:hover {
	background-position:-30px -90px;
}
#share a.five {
	background-position:0 -120px;
	position:absolute;
	bottom:64px;
}
#share a.five:hover {
	background-position:-30px -120px;
}
#share a#totop {
	background-position:0 -210px;
	position:absolute;
	bottom:32px;
	cursor:pointer;
}
#share a#totop:hover {
	background-position:-30px -210px;
}