/* CSS重置 */
* {
	margin: 0;
	padding: 0;
}

/*标签选择器*/
body {
	line-height: 30px;
	font-family: "Microsoft YaHei", "微软雅黑";
	font-size: 14px;
	color: #333;
	background: #eef3fa;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
img {	/*去除图片默认下边距*/
	vertical-align:middle;
}
em, strong, th {
	font-style: normal;
}
ol, ul, li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
input {
	border: none;
	outline:medium;
}
a{
	text-decoration: none;
	color: #333;
	font-size: 14px;
	transition: .5s all ease-out;
	-webkit-transition: .5s all ease-out;
	-moz-transition: .5s all ease-out;
	-ms-transition: .5s all ease-out;
}

/* 文字排版 */
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f22 {
	font-size: 22px;
}
.f24 {
	font-size: 24px;
}
.f26 {
	font-size: 26px;
}
.f28 {
	font-size: 28px;
}
.f30 {
	font-size: 30px;
}
.fb {
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
.lh150 {
	line-height: 150%;
}
.lh180 {
	line-height: 180%;
}
.lh200 {
	line-height: 200%;
}
/* 定位 */
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bc {
	margin-left: auto;
	margin-right: auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.over_hidd{
	overflow:hidden;
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.pf {
	position: fixed;
}
.abs-right {
	position: absolute;
	right: 0;
}
.zoom {
	zoom: 1;
}
.hidden {
	visibility: hidden;
}

.dis_none {
	display: none;
}
.dis_block {
	display: block;
}
.hzkx_w{
	width: 1200px;
	margin: 0 auto;
}
.box_siz{
	box-sizing: border-box;
}
.cl_hover:hover{
	color: #1862b2;
}







.main_1{
	height: 35px;
	line-height: 35px;
	background: #f5f5f5;
}
.main_11, .main_112 a{
	color: #999;
}

/*logo*/
.main_2{
	height: 164px;
	line-height: 164px;
	background: url(logo_bg.png) no-repeat 100% 100%;
}
.main_212{
	width: 40%;
	height: 100%;
	line-height: 32px;
}


/*nav*/
.main_3{
	background: #005ba1;
}
.main_31{
	height: 50px;
}
.main_311_div{
	width: 12.5%;
	height: 50px;
	line-height: 50px;
	z-index: 2;
}
.main_311_div .main_311{
	width: 100%;
	color: #fff;
	font-size: 18px;
}
.main_31 a:hover{
	background: #024b83;
}
.main_3111{
	width: 100%;
	background: #024b83;
}
.main_311_div .main_3111 a{
	width: 100%;
	color: #fff;
	font-size: 16px;
}

@keyframes colorChange{
	from{
		transform: rotateZ(0deg);
		background: #21d2f7;
	}
	to{
		transform: rotateZ(360deg);
		background: #2f75e1;
	}
}
@-webkit-keyframes colorChange{
	from{
		transform: rotateZ(0deg);
		background: #21d2f7;
	}
	to{
		transform: rotateZ(360deg);
		background: #2f75e1;
	}
}
@-moz-keyframes colorChange{
	from{
		transform: rotateZ(0deg);
		background: #21d2f7;
	}
	to{
		transform: rotateZ(360deg);
		background: #2f75e1;
	}
}
@-ms-keyframes colorChange{
	from{
		transform: rotateZ(0deg);
		background: #21d2f7;
	}
	to{
		transform: rotateZ(360deg);
		background: #2f75e1;
	}
}

@keyframes colorChange1{
	from{
		background: #20d0f6;
	}
	to{
		background: #1771e0;
	}
}
@-webkit-keyframes colorChange1{
	from{
		background: #20d0f6;
	}
	to{
		background: #1771e0;
	}
}
@-moz-keyframes colorChange1{
	from{
		background: #20d0f6;
	}
	to{
		background: #1771e0;
	}
}
@-ms-keyframes colorChange1{
	from{
		background: #20d0f6;
	}
	to{
		background: #1771e0;
	}
}

/*闪动正方形*/
/*动画效果1*/
.colorChange{
	animation: 2s colorChange linear infinite alternate;
	-webkit-animation: 2s colorChange linear infinite alternate;
	-moz-animation: 2s colorChange linear infinite alternate;
	-ms-animation: 2s colorChange linear infinite alternate;
}
/*动画效果2*/
.colorChange1{
	animation: 2s colorChange1 linear infinite alternate;
	-webkit-animation: 2s colorChange1 linear infinite alternate;
	-moz-animation: 2s colorChange1 linear infinite alternate;
	-ms-animation: 2s colorChange1 linear infinite alternate;
}

.main_221{
	width:20px;
	height: 20px;
	left: 100px;
	top: 30px;
}
.main_222{
	width:40px;
	height: 40px;
	right: 10px;
	top: 30px;
	animation-delay:1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay:1s;
	-ms-animation-delay:1s;
}
.main_223{
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.main_224{
	width:20px;
	height: 20px;
	left: 40%;
	top: 135px;
	animation-delay:1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay:1s;
	-ms-animation-delay:1s;
}
.main_225{
	width:20px;
	height: 20px;
	left: 55%;
	top: 105px;
	animation-delay:1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
}
.main_226{
	width:20px;
	height: 20px;
	left: 15%;
	top: 105px;
	animation-delay:.5s;
	-webkit-animation-delay: .5s;
	-moz-animation-delay:.5s;
	-ms-animation-delay:.5s;
}
.main_227{
	left: 95%;
}
.main_228{
	left: 90%;
	top: 20px;
	animation-delay:0s;
	-webkit-animation-delay: 0s;
	-moz-animation-delay:0s;
	-ms-animation-delay:0s;
}
.main_229{
	width: 30px;
	height: 30px;
	left: 10%;
	top: 85px;
}


/*bottom*/
.main_6{
	background: #005ba1;
}
.main_61{
	width: 700px;
	margin: 0 auto;
}
.main_611{
	width: 15%;
	height: 95px;
	line-height: 95px;
}
.main_612{
	width: 85%;
}
.main_6121{
	padding-top: 20px;
	line-height: 30px;
	color: #fff;
}
.main_612 a{
	color: #fff;
}