@charset "utf-8";
/* CSS Document */
html {
	-webkit-text-size-adjust: none;
}

body {
	font-size: 12px;
	color: #666;
	_overflow: hidden;
	overflow-x: hidden;
	background: #fff;
}
/*------nomal--------*/
body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

ul,li {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

li {
	list-style-type: none;
}

input,
button,
select,
textarea {
	outline: none
}

img {
	border: none;
}

a {
	outline: none;
	cursor: pointer;
	text-decoration: none;
	color: #000;
	-webkit-transition: all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
	transition: all .3s cubic-bezier(0.45,0.65,0.65,0.45) 0s;
}

a:hover {
	text-decoration: none;
}

a,area {
	blr: expression(this.onFocus=this.blur())
}

:focus {
	-moz-outline-style: none;
}

.dis {
	display: none;
}

.clear {
	clear: both;
}
/*-------input--outline-----middle---------*/
input {
	vertical-align: middle;
	font-family: "微软雅黑";
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
}

table {
	border-collapse: collapse;
	font-family: "微软雅黑";
}
/*----- clearfix///给父容器清除浮动-----*/
.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: ' ';
	line-height: 0;
}

.clearfix:after {
	clear: both;
}
 /* chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .justify:before,
	.justify:after {
		content: '.';
		display: inline-block;
		width: 100%;
		overflow: hidden;
		height: 0;
	}
}
/******************************************************************common/////**********************************************************************/
.cont{ width:640px; height:300px; margin:0 auto; display:table;}
header{ position:fixed; left:50%; margin-left:-320px; top:0; width:640px; padding:30px 0; background-color:#fff; display:table; z-index:9;}
.logo{ float:left; width:328px; height:41px;}
.gh {
	float: right;
	width: 34px;
	margin-top: 22px;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
	display: table;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh.selected {
	transform: rotate(90deg);
}

.gh a {
	background-color: #1A498A;
	display: block;
	height: 6px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	width: 100%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}

.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}

.gh.selected:hover a:before {
	transform: translateY(0px) rotate(-55deg);
	-webkit-transform: translateY(0px) rotate(-55deg);
	-ms-transform: translateY(0px) rotate(-55deg);
}

.gh.selected:hover a:after {
	transform: translateY(0px) rotate(55deg);
	-webkit-transform: translateY(0px) rotate(55deg);
	-ms-transform: translateY(0px) rotate(55deg);
}

.gh a:after,
.gh a:before {
	background-color: #1A498A;
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	width: 100%;
	content: " ";
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
	top: 10px;
}

.gh a:before {
	top: -10px;
}

.gh.selected a:after,
.gh.selected a:before {
	top: 0;
}

.gh.selected a:before {
	background-color: #1A498A;
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}

.gh.selected a:after {
	background-color: #1A498A;
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}

.gh.selected a {
	background-color: transparent !important;
}

.mobile-nav {
	position: fixed;
	left: 50%;
	margin-left: -320px;
	top: 100px;
	width: 640px;
	background-color: rgba(4,49,116,1);
	z-index: 9;
	display: none;
}

.mobile-nav ul li {
	width: 100%;
	height: 60px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.mobile-nav ul li a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	color: #fff;
}

.mobile-nav ul li a:hover {
	background-color: #4AA262;
	color: #fff;
}

footer {
	width: 100%;
	padding: 39px 0;
	background-color: #fff;
	text-align: center;
}

footer p {
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #8F8F8F;
}

footer p span {
	display: inline-block;
	margin: 0 12px;
	color: #C4C4C4;
	font-size: 12px;
}

footer p small {
	text-transform: uppercase;
	color: #C4C4C4;
	font-size: 13px;
}