* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft YaHei";
}

html,
body {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

ul,
ol,
li {
	list-style-type: none;
}

a {
	color: #666;
	text-decoration: none;
	outline: 0;
}

a:hover {
	text-decoration: none;
}

.header1 {
	width: 100%;
	height: 200px;
	/*background: url(./bg.jpg) no-repeat;*/
	background-size: 100% 100%;
	font-size: 0;
}

.h_main {
	width: 1200px;
	margin: 0 auto;
}

.h_name {
	width: auto;
	margin-top: 55px;
}

.h_col {
	width: 100%;
	text-align: center;
	padding-top: 38px;
}

.h_name2 {
	font-weight: bold;
	color: #1a56a8;
	font-size: 38px;
}

.h_title {
	margin-top: 38px;
}

.content {
	width: 1200px;
	margin: 0 auto;
}

.col {
	margin-top: 50px;
	height: 288px;
	border: 1px solid #ccc;
	text-align: center;
	padding: 35px 52px 45px;
	font-size: 0;
}

.col_main {
	overflow: hidden;
	margin-top: 40px;
	margin-left: -30px;
}

.col_main_left {
	background: #eff6ff;
	height: 122px;
	width: 526px;
	float: left;
	text-align: center;
}

.col_main_left:hover {
	background: #1a56a8;
}

.col_main_left:hover .col_logoname {
	color: #fff;
	height: auto;
	line-height: 122px;
}

.col_main_left:hover .logo1 {
	display: none;
}

.col_main_right {
	float: right;

}

.col_logoname {
	font-size: 18px;
	color: #1a56a8;
}

.logo1 {
	width: 45px;
	margin-top: 18px;
	margin-bottom: 13px;
}

.col2 {
	margin-top: 82px;
	height: 322px;
}

.col2_item {
	width: 130px;
	height: 159px;
	float: left;
	margin-left: 30px;
	color: #207ed6;
	font-size: 18px;
	padding: 0 20px;
	padding-top: 100px;
}

.col2_item:hover {
	background: #1a56a8 !important;
	padding-top: 66px;
}

.col2_item:hover a {
	color: #fff !important;
}

.bot_point {
	text-align: right;
	padding: 56px 0;
	color: #333;
	font-size: 16px;
}

.o_df-hide {
	display: none !important;
}

@media(max-width:767px) {
	.header1 {
		height: auto;
		padding: 0 .22rem;
		position: relative;
		margin-top: 0.4rem;
	}


	.h_main {
		width: 100%;
		margin: 0 auto;
	}

	.h_name {
		width: 70%;
		margin-top: .42rem;
	}

	.h_col {
		width: 100%;
		margin-top: 0;
		padding: 0;
	}

	.h_name2 {
		font-weight: bold;
		color: #1a56a8;
		font-size: .38rem;
	}

	.h_title {
		margin-top: .26rem;
		height: .47rem;
	}

	.content {
		width: 100%;
		padding: 0 .22rem;
	}

	.col {
		margin-top: .40rem;
		height: 2.1rem;
		border: 1px solid #ccc;
		text-align: center;
		padding: .19rem .3rem .26rem;
		font-size: 0;
	}

	.tit01 {
		height: .4rem;
	}

	.col_main {
		margin-top: .17rem;
		margin-left: 0;
	}

	.col_main_left {
		background: #eff6ff;
		height: 1rem;
		width: 3.12rem;
		float: left;
		text-align: center;
	}

	.col_main_right {
		float: right;

	}

	.col_main_left:hover .col_logoname {
		color: #fff;
		height: auto;
		line-height: 1rem;
	}

	.col_logoname {
		font-size: .28rem;
		color: #1a56a8;
	}


	.logo1 {
		width: .27rem;
		margin-top: .1rem;
		margin-bottom: .1rem;
	}

	.col2_item {
		width: 1.45rem;
		height: 1.8rem;
		float: left;
		margin-left: 0.2rem;
		color: #207ed6;
		font-size: .24rem;
		padding: 0 .1rem;
		padding-top: 1.02rem;
		padding-bottom: .2rem;
		background-size: 100% 100%;
	}

	.col2_item:hover {
		background: #1a56a8;
		padding-top: 0.7rem;
	}

	.col2_item:nth-child(n+5) {
		margin-top: .2rem;
	}

	.hiddden {
		display: none;
	}

	.col2 {
		margin-top: .5rem;
		height: auto;
	}

	.col2_main {
		display: flex;
		/* justify-content: center; */
		flex-wrap: wrap;
		margin-left: -.2rem;
	}

	.bot_point {
		text-align: right;
		padding: 20px 0 20px 0;
		color: #333;
		font-size: 16px;
	}

	.o_sf-hide {
		display: none;
	}

	body .o_sf-show {
		display: inline-block !important;
	}
}

a,
b,
div,
i,
img,
span {
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	font-style: normal;
}

.sm,
.md,
.lg,
.xl {
	display: none;
}

.m_fenju {
	height: 16px
}