.banner_wrap {
	max-width: 192rem;
	max-height: 82rem;
	margin: 1rem auto;
	overflow: hidden;
}

.banner_wrap img {
	width: 100%;
	max-height: 48rem;
}

.banner_wrap img:first-child {
	display: block;
}

.col_tabs_wrap,
.col_tab {
	display: flex;
	justify-content: center;
}

.col_tabs_wrap {
	padding: 1rem 0;
	margin: 3rem 0;
	animation-duration: .5s;
	animation-name: fadeInRight;
	border-bottom: 1px solid #dedede;
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.col_tab {
	display: flex;
	height: 4rem;
	line-height: 4rem;
	margin: 0 4rem 0 0;
	font-size: 1.6rem;
	cursor: pointer;
	transition: all .5s linear;
}

.col_tab:last-child {
	margin: 0;
}

span.tab_icon {
	display: none;
	width: 4rem;
	height: 4rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	margin: 0 1rem 0 0;
}

.col_icon1 {
	background-image: url(../images/icon_col1.png);
}

.col_icon2 {
	background-image: url(../images/icon_col2.png);
}

.col_icon3 {
	background-image: url(../images/icon_col3_0.png);
}

.col_icon4 {
	background-image: url(../images/icon_col4_0.png);
}

.col_icon5 {
	background-image: url(../images/icon_col5_0.png);
}

.col_icon6 {
	background-image: url(../images/icon_col6.png);
}

.col_icon7 {
	background-image: url(../images/icon_col7.png);
}

.col_icon8 {
	background-image: url(../images/icon_col8.png);
}

.col_tab_cur {
	font-size: 2rem;
	color: #1e59a8;
	font-weight: bold;
}

.col_tab_cur span.tab_icon {
	display: block;
}

.col_tabs_list_wrap {
	/* min-height: 45rem; */
}

.col_tabs_box {
	display: none;
}

.col_tabs_box:first-child {
	display: block;
}

.col_tabs_list {
	display: flex;
	justify-content: space-between;
}

.col_news {
	width: 32%;
	padding: 0.75rem;
	position: relative;
}

.col_news .date {
	position: absolute;
	left: 2.6rem;
	top: 2.6rem;
	width: 5.8rem;
	height: 6.8rem;
	text-align: center;
	color: #fefefe;
	border-radius: 2px;
	background-color: rgba(30, 89, 168, 0.85);
}

.col_news .date span {
	display: block;
	font-family: 'Arial';
	font-size: 1.4rem;
	line-height: 2.6rem;
	margin-top: 0.6rem;
	padding-left: 0.5rem;
}

.col_news .date b {
	display: block;
	font-size: 2.4rem;
	line-height: 2rem;
}

.col_news img {
	width: 100%;
	min-height: 32rem;
	border-radius: 0.5rem;
}

.col_news_tit {
	font-size: 1.6rem;
	line-height: 2.4rem;
	height: 4.8rem;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-weight: bold;
	letter-spacing: 0.08rem;
	color: #000;
}

.col_news_div {
	background-color: #999;
	height: 0.4rem;
	width: 6%;
	display: block;
	margin: 1rem 0;
}

.col_news_abs {
	font-size: 1.4rem;
	line-height: 2rem;
	height: 4rem;
	color: #999;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.col_news:hover .col_news_div {
	background-color: #1e59a8;
	animation-duration: .5s;
	animation-name: lineChange;
	animation-fill-mode: forwards;
}

.col_news:hover .col_news_tit {
	color: #1e59a8;
}

.col_news:hover .col_news_abs {
	color: #666;
}

@keyframes lineChange {
	0% {
		width: 6%;
	}

	100% {
		width: 15%;
	}
}

.col_tab_more {
	width: 20rem;
	height: 3.6rem;
	text-align: center;
	line-height: 3.6rem;
	background-color: #1e59a8;
	border-radius: 0.6rem;
	margin: 2.5rem auto;
}

.col_tab_more a {
	color: #fff;
	font-size: 1.6rem;
}

#tab2 {
	position: relative;
}

#tab2 .col_tab {
	color: #fff;
}

#tab2 .col_news {
	width: calc(23% - 2px);
	padding: 0;
	background-color: #fff;
	border: 1px solid #ddd;
}

#tab2 .col_news a {
	display: block;
	width: 95%;
	margin: 1rem auto;
}

.tab_bg {
	position: relative;
	width: 100%;
	height: auto;
}

.bg1 {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.9);
	height: 14.5rem;
	width: 100%;
	/* background-size: 100% 23rem; */
}

.news_col,
.news_tit,
.news_dt,
.news_detail {
	display: block;
}

.news_col {
	background-color: #1e59a8;
	color: #fff;
	width: 14rem;
	line-height: 3.6rem;
	font-size: 1.4rem;
	text-align: center;
}

.news_tit {
	font-size: 1.6rem;
	color: #000;
	line-height: 2.4rem;
	height: 4.8rem;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin: 3rem 0;
}

.news_dt {
	margin: 3rem 0;
	background: url(../images/icon_dt.png) no-repeat;
	background-size: 2rem;
	line-height: 2rem;
	padding: 0 0 1rem 2.5rem;
	font-size: 1.4rem;
	color: #1e59a8;
	border-bottom: 1px solid #ddd;
}

.news_detail {
	text-align: left;
	padding: 0 0 0 3rem;
	font-size: 1.4rem;
	color: #1e59a8;
	line-height: 2rem;
	background: url(../images/icon_details.png) no-repeat 120% top;
	background-size: 2rem;
	transition: all .3s linear;
}

#tab2 .col_news:hover .news_detail {
	text-align: right;
	background-position: right top;
	padding: 0 3rem 0 0;
}

#tab3 .col_news {
	width: calc(23% - 2px);
}

#tab3 .col_news a {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.news_dt2 {
	width: 7rem;
	height: 18rem;
	background: url(../images/icon_dt_bg.jpg) no-repeat;
	transition: all .2s linear;
	text-align: center;
	color: #fff;
}

#tab3 .col_news a:hover .news_dt2 {
	background-image: url(../images/icon_dt_bg2.jpg);
}

.news_dt2_day {
	display: block;
	font-size: 2.4rem;
	line-height: 1.8rem;
	padding-top: 2.8rem;
}

.news_dt2_month {
	display: block;
	font-family: 'Arial';
	font-size: 1.4rem;
	line-height: 2.6rem;
	margin-top: 0.6rem;
}

.news_dt2_year {
	line-height: 9.5rem;
	font-size: 1.6rem;
}

.news_cnt {
	width: calc(100% - 8rem);
}

.news_tit2 {
	font-size: 1.6rem;
	color: #000;
	line-height: 2.4rem;
	height: 4.8rem;
	overflow: hidden;
	word-wrap: break-word;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	/* margin: 3rem 0; */
}

#tab3 .news_dt {
	border: none;
	margin: 2rem 0;
}

.col_news:hover .news_tit,
.col_news:hover .news_tit2 {
	color: #1e59a8;
	font-weight: bold;
}

.sub_banner {
	max-width: 192rem;
	height: 36rem;
	margin: 0 auto;
	background: url(../images/sub_banner.jpg) no-repeat;
	background-size: 100% 100%;
}

.sub_page {
	margin-top: 2rem;
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.aside {
	width: 33rem;
	box-shadow: 0px 1px 9px 0px rgba(48, 55, 102, 0.32);
}

.list {}

.item a {
	display: flex;
	justify-content: space-between;
}

.item {
	width: 100%;
	font-size: 1.6rem;
	height: 5rem;
	line-height: 5rem;
	border-bottom: 1px dashed #ccc;
}

.item_tit {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	width: calc(100% - 16rem);
	padding: 0 0 0 2rem;
	background: url(../images/icon_t0.png) no-repeat left center;
}

.item_dt {
	width: 14rem;
}

.sub_col {
	/* background: url(../images/col.jpg); */
	background-color: #1e59a8;
	height: 9rem;
	line-height: 9rem;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

.sub_aside_ul {}

.sub_aside_li {
	background: #fff;
	height: 6rem;
	line-height: 6rem;
	text-align: center;
	border-bottom: 1px solid #dedede;
}

.sub_aside_li a {
	display: block;
	font-size: 1.6rem;
}

.sub_aside_li a:hover::after {
	content: " >";
}

.sub_aside_li a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #015bbb;
}

.sub_main {
	width: calc(100% - 40rem);
	padding: 2rem;
	background: #fff;
}

.sub_extra {
	display: flex;
	justify-content: space-between;
	border-bottom: 0.1rem solid #015bbb;
}

.sub_extra_col::before {
	content: "●";
	color: #015bbb;
	padding: 0 1rem 0 0;
}

.sub_extra_col {
	height: 6rem;
	line-height: 6rem;
	font-size: 2.2rem;
}

.sub_extra_bread,
.sub_extra_bread a {
	color: #888;
	font-size: 1.4rem;
	line-height: 6rem;
}

.sub_contents {
	width: 96%;
	margin: 0.5rem auto;
}

h1.sub_tit {
	font-size: 2rem;
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 2.5rem;
}

.sub_cnt_extra {
	text-align: center;
	color: #888;
	font-size: 1.4rem;
	padding-bottom: 1.2rem;
	border-bottom: 0.1rem solid #cbbda6;
	margin-bottom: 1.5rem;
}

.sub_contents,
.sub_contents a {
	font-size: 1.4rem;
	line-height: 2.6rem;
}

.cnt {
	font-size: 1.4rem;
	line-height: 2.6rem;
	word-break: break-word;
	white-space: normal;
	word-wrap: break-word;
}

.cnt img,
.cnt table,
.cnt video,
.cnt audio,
.cnt embed {
	max-width: 100% !important;
	height: auto !important;
}

.cnt,
.cnt div,
.cnt p,
.cnt span,
.cnt table,
.cnt tr,
.cnt td {
	font-family: ����, SimSun !important;
}


@media screen and (min-width:300px) and (max-width:1199px) {

	.col_tabs_list,
	.col_news,
	#tab2 .col_news,
	#tab3 .col_news,
	.aside,
	.sub_main,
	.sub_extra,
	.sub_extra_col,
	.sub_extra_bread {
		width: calc(100% - 1rem);
		margin: 0;
		padding: 0.5rem;
	}

	.col_news,
	#tab2 .col_news,
	#tab3 .col_news {
		margin: 1rem 0;
	}

	.special_ul img,
	.sub_banner {
		display: none;
	}

	.col_tabs_list,
	.sub_page,
	.sub_main,
	.sub_extra {
		flex-wrap: wrap
	}

	.links {
		padding: 0.5rem;
	}

	.sub_extra_col,
	.sub_extra_bread,
	.sub_extra_bread a {
		height: auto;
		line-height: normal;
	}

	.banner_wrap img {
		height: auto;
	}

}

@media screen and (min-width:1200px) and (max-width:1599px) {}