header {
	border-top: 2px solid #07538a;
}

header .logo {
	float: left;
	line-height: 96px;
}

header .nav {
	float: right;
}

header .nav>ul>li {
	float: left;
	line-height: 96px;
	position: relative;
	margin-right: 1px;
}

header .nav>ul>li.ac a {
	color: #fff;
}

header .nav>ul>li.ac {
	background: #005096;
}

header .nav>ul>li.ac:after {
	background: #005096;
}

header .nav>ul>li:hover {
	background: #005096;
}

header .nav>ul>li:hover a {
	color: #fff;
}

header .nav>ul>li:hover:after {
	background: #005096;
}

header .nav>ul>li>a {
	color: #333333;
	font-size: 15px;
	/* padding-left: 30px; */
	width: auto;
    padding:0 15px;
	line-height: 96px;
	display: inline-block;
	text-align: center
}

header .nav>ul>li a:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #e0e0e0;
	/* margin-left: 30px; */
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
}
header .nav>ul>li a:last-child:after{display: none;}
header .nav_tel{float: right;}
header .nav_tel p{background: url(../images/tel.png) no-repeat;padding-left:70px;line-height: 30px;height: 30px;margin-top: 32px;}
header .nav_tel p a{color: #003477;font-size: 22px;font-family: Impact;}


header .sea {
	float: right;
	line-height: 96px;
	margin-right: -100px;
	cursor: pointer;
}

header .sea input {
	border: none;
	width: 50px;
}

header input::-webkit-input-placeholder {
	/* placeholder颜色  */
	color: #07538a;
	/* placeholder字体大小  */
	font-size: 15px;
	/* placeholder位置  */
}

header .sea i {
	color: #07538a;
	margin-right: 15px;
}

.btn {
	float: right;
	display: none;
	margin-top: 37px;
}

.btn span {
	width: 25px;
	height: 4px;
	display: block;
	margin-bottom: 3px;
	background: #005897;
}

.btn span.ac {
	opacity: 0;
	transform: translateX(100%);
}

.h_ej {
	line-height: 57px;
	background: rgba(255, 255, 255, .8);
	height: 57px;
	width: 100%;
	height: auto !important;
	-moz-box-shadow: 0px 5px 5px #dddfe4 inset;
	/* For Firefox3.6+ */
	-webkit-box-shadow: 0px 5px 5px #dddfe4 inset;
	/* For Chrome5+, Safari5+ */
	box-shadow: 0px 5px 5px #dddfe4 inset;
}

.h_ej {
	display: none;
	position: absolute;
	top: 97px;
	z-index: 2;
}

.h_ej li {
	float: left;
	margin-right: 75px;
	line-height: 57px;
}

.h_ej ul {
	float: left;
	margin-left: 375px;
	display: none;
	width: 80%;
}

.h_ej li a {
	color: #000;
}

.h_ej li a:hover {
	color: #005096;
}

.h_ej i {
	color: #005096;
	margin-right: 5px;
}

.f_bottom {
	border-top: 1px solid rgba(255, 255, 255, .1);
	color: rgba(89, 91, 111, .6);
}

footer {
	background: #292a33;
}

.f_bottom p:first-child {
    color:#858585;
	float: left;
	line-height: 82px;
}

.f_bottom p:last-child {
    color:#858585;
	float: right;
	line-height: 82px;
}

.f_logo {
	float: left;
	padding-right: 8.33%;
	border-right: 1px solid rgba(74, 76, 93, .5);
	width: 13.33%;
}

.f_logo p {
	margin-top: 30px;
	color: rgba(255, 255, 255, .4);
}

.f_logo p:before {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	background: rgba(74, 76, 93, .5);
	margin-bottom: 35px;
}

.f_logo a {
	display: inline-block;
	width: 35px;
	height: 33px;
	border-radius: 50%;
	border: 1px solid rgba(5, 82, 139, .3);
	text-align: center;
	line-height: 35px;
	margin-top: 30px;
}

.f_logo i {
	display: inline-block;
	background: #005897;
	color: #fff;
	border-radius: 50%;
	width: 29px;
	height: 29px
}

footer>.continer {
	padding-bottom: 120px;
}

footer ul {
	float: right;
	max-width: 200px;
	margin-right: 75px;
}

footer ul:nth-child(2) {
	margin-right: 0;
}

footer ul p {
	display: block;
	color: rgba(255, 255, 255, .4);
}

footer ul p:nth-child(2) {
	margin-left: 1.5em;
}

footer ul i {
	color: #005897;
	float: left;
	display: inline-block;
	padding-right: .5em;
}

footer ul li:first-child a {
	color: #e1e4ff;
	font-size: 18px;
}

footer ul li:first-child a:after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	background: #3a3b48;
	margin: 40px 0 30px 0;
}

footer ul li a {
	position: relative;
	color: rgba(255, 255, 255, .4);
}

footer ul li a i {
	position: absolute;
	display: inline-block;
	left: -20px;
	top: -4px;
	opacity: 0;
	color: #33a8fd;
}

footer ul li a:hover {
	color: #33a8fd;
}

footer ul li a:hover i {
	opacity: 1;
}

.top {
	position: fixed;
	right: 0;
	bottom: 20%;
	width: 50px;
	z-index: 20;
}

.top div {
	width: 50px;
	background: #8f9296;
	margin-bottom: 2px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	float: right;
	height: 47px;
	line-height: 47px;
	position: relative;
	/*text-align: center;*/
	/*transform: translateX(150px);*/
	cursor: pointer;
}
.top div:nth-child(2) img{
	position: absolute;
	left: -255%;
	top: 0;
	display: none
}
.top p {
	line-height: 47px;
	color: #fcfbfb;
	text-align: left;
	display: inline-block;
}

.top h4 {
	width: 160px;
	position: absolute;
	left: 88px;
	z-index: 6;
	top: 2px;
	font-size: 24px;
	font-family: helvetica;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	line-height: 47px;
}

.top div:first-child p {
	width: 91px;
}

.top p i {
	display: inline-block;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .2);
	width: 32px;
	height: 32px;
	float: left;
	text-align: center;
	line-height: 32px;
	margin: 8px 8px 0 8px;
	color: #fff;
}

.top div:hover {
	background: #005897;
}

.top div:hover:first-child {
	width: 240px;
}

.top div:hover:nth-child(3) {
	width: 90px;
}

.top div:nth-child(3) p {
	width: 91px;
	text-align: left;
}

.top div:nth-child(3) p i {
	text-align: center;
	margin-bottom: -8px;
}

.top div span {
	width: 41px;
	display: inline-block;
	line-height: initial;
	margin-top: 8px;
}

.top div:last-child a {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
}

.top div:last-child i {
	border: none;
	float: none;
	text-align: center;
	color: #fff;
	text-align: center;
}

.top div a {
	display: inline-block;
}

.free {
	height: 152px;
	background-image: url(../images/free_06.jpg);
	background-size: 100% 100%;
	display: none;
}

.free h2 {
	line-height: 152px;
	float: left;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	margin-left: 130px;
}

.free .continer>div {
	float: right;
	display: inline-block;
	width: 255px;
	height: 44px;
	line-height: 44px;
	border-radius: 44px;
	background: #fff;
	margin-top: 54px;
	margin-right: 130px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.free .continer>div:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: #ccc;
	position: absolute;
	left: -100%;
	top: 0;
}

.free div:hover:before {
	left: 0;
}

.free div a {
	display: block;
	width: 100%;
	height: 100%;
	/*margin-top: -10px;*/
	line-height: 44px;
	color: #005897;
	position: relative;
	z-index: 5;
}

.free i {
	display: inline-block;
	padding-right: 10px;
	position: relative;
}

.free span {
	border-left: 1px solid #cfe0eb;
	padding-left: 10px;
}

.seach {
	float: right;
	line-height: 60px
}

.seach form {
	display: inline-block
}

.seach input {
	height: 28px;
	border: none;
	padding-left: 10px;
	/* outline: none; */
	background: #fff;
	color: #000
}

.seach span {
	font-size: 18px;
	color: #fff;
	border-left: 1px solid #fff;
	padding-left: 20px;
	margin-left: 20px
}