.banner_wrap {
	max-width: 192rem;
	max-height: 60rem;
	margin: 0 auto;
	overflow: hidden;
}

.banner_wrap img {
	width: 100%;
	height: auto;
}

.banner_wrap img:first-child {
	display: block;
}

.col_dep_news {
	width: 90rem;
}

.col_community {
	width: 120rem;
}

.col_contact {
	width: 28rem;
}

.col_notice {
	width: 57rem;
}

.index_vidio {
	width: 100%;
	height: 21.2rem;
	text-align: center;
}

.index_vidio video {
	width: 38rem;
	height: 21.2rem;
}

.n_item a,
.focus_news,
.col_li a,
.pic_ul {
	display: flex;
	justify-content: space-between;
}

.n_tit,
.focus_news_tit,
.col_li_tit,
.pic_li_tit,.n_summary {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.focus_news {
	margin-top: 1.8rem;
}

.focus_news_img,
.focus_news_img img {
	width: 100%;
	max-height: 23.5rem;
}

.focus_news_item {
	width: calc((100% - 6rem)/2);
	padding: 1rem;
	border-top: 0.2rem solid #d8d8d8;
	border-left: 0.2rem solid #d8d8d8;
	border-right: 0.2rem solid #d8d8d8;
	border-bottom: 0.2rem solid #b22923;
	box-shadow: 0.8rem 0.8rem 0.5rem #aaa;
}

.focus_news_dt {
	padding: 0 0 0 3rem;
	background: url(../images/icon_rl.png) no-repeat 0 0.4rem;
	background-size: 2rem 2rem;
	font-size: 1.4rem;
	line-height: 3rem;
	color: #b22923;
}

.focus_news_tit {
	font-size: 1.6rem;
	line-height: 2.6rem;
	-webkit-line-clamp: 2;
}

.n_item {
	padding: 0 0 1.2rem 0;
	margin-bottom: 1.2rem;
	border-bottom: 1px dashed #d8d8d8;
}

.n_dt,
.n_dt2 {
	width: 6rem;
	height: 6rem;
}

.n_dt {
	border: 0.1rem solid #b22923;
}

.n_dt2 {
	border: 0.1rem solid #9d612b;
}

.day,
.day2 {
	display: block;
	line-height: 3rem;
	text-align: center;
	font-size: 2.4rem;
}

.day {
	color: #fff;
	background-color: #b22923;
}

.day2 {
	color: #9d612b;
	background-color: #fff;
}

.year_month,
.year_month2 {
	font-size: 1.2rem;
	line-height: 3rem;
	text-align: center;
	display: block;
}

.year_month {
	color: #333;
	background-color: #fff;
}

.year_month2 {
	color: #fff;
	background-color: #9d612b;
}

.n_wrap {
	display: block;
	width: calc(100% - 7rem);
	padding: 0 0 0 1rem;
}


.n_tit {
	font-size: 1.6rem;
}
.n_summary{
	font-size: 1.2rem;
	color: #777;
}
.n_tit,
.n_summary {
	width: 100%;
	line-height: 3rem;
	height: 3rem;
	-webkit-line-clamp: 1;
}

.n_summary {}

.col_box {
	width: 48rem;
}

.col_li {
	margin: 1.2rem 0;
}

.col_li_date {
	width: 9rem;
	font-size: 1.4rem;
	line-height: 2rem;
	height: 2rem;
	border-right: 1px solid #ccc;
	margin: 0 1rem 0 0;
}

.col_li_tit {
	width: calc(100% - 11rem);
	line-height: 2rem;
	height: 2rem;
	font-size: 1.6rem;
	-webkit-line-clamp: 1;
}

.pic_wrap {
	overflow: hidden;
	width: 100%;
}

.pic_ul {
	width: 100%;
	flex-wrap: nowrap;
}

#college_list {
	animation: scroll 20s linear infinite;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

.pic_li {
	flex: 0 0 auto;
	margin: 0 0 0 2.5rem;
	width: 27rem;
	height: 20rem;
	position: relative;
	box-shadow: 0.8rem 0.8rem 0.5rem #aaa;
	transition: transform 0.3s, box-shadow 0.3s;
}

.pic_li img {
	width: 100%;
	height: 100%;
}

.pic_li_tit {
	position: absolute;
	bottom: 0;
	width: calc(100% - 2rem);
	padding: 0 1rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.6rem;
	-webkit-line-clamp: 1;
	text-align: center;
	color: #fff;
	background-color: rgba(5, 5, 5, 0.5);
}


.pic2_li {
	width: 27rem;
	background-color: #fff;
	padding: 0.5rem;
	border-bottom: 2px solid #b22923;
	box-shadow: 0.8rem 0.8rem 0.5rem #aaa;
}

.pic2_li_t {
	display: flex;
}

.pic2_li_t img {
	width: 12rem;
	height: 9rem;
}

.pic2_li_tit {
	padding: 0 0.5rem;
	line-height: 3rem;
	font-size: 1.6rem;
	-webkit-line-clamp: 3;
	text-align: center;
}

.pic2_li_abs {
	margin: 1rem 0 0;
	line-height: 2rem;
	height: 10rem;
	overflow: hidden;
	font-size: 1.4rem;
	-webkit-line-clamp: 5;
}



.sub_banner {
	background: url(../images/sub_banner.jpg) no-repeat;

}

.sub_banner2 {
	background: url(../images/sub_community_banner.jpg) no-repeat;
}

.sub_banner,
.sub_banner2 {
	max-width: 192rem;
	height: 36rem;
	margin: 0 auto;
	background-size: 100% 100%;
}

.sub_page {
	/* margin-top: 2rem; */
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.subpage_bg {
	background: url(../images/subpage_top_bg.jpg) repeat-x;
}


.aside {
	width: 33rem;
	box-shadow: 0px 1px 9px 0px rgba(48, 55, 102, 0.8);
}

.sub_col,
.sub_col2 {
	height: 9rem;
	line-height: 9rem;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

.sub_col {
	/* background: url(../images/col.jpg); */
	background: #960218;
}

.sub_col2 {
	background: #9d612b;
}

.sub_aside_ul,
.sub_aside_ul2 {}

.sub_aside_li,
.sub_aside_li2 {
	background: #f6f6f6;
	height: 6rem;
	line-height: 6rem;
	text-align: center;
	border-bottom: 1px dotted #e6e6e6;
}

.sub_aside_li a,
.sub_aside_li2 a {
	display: block;
	font-size: 1.6rem;
}


.sub_aside_li a:hover,
.sub_aside_li2 a:hover {
	font-weight: bold;
}

.sub_aside_li a:hover {
	background-color: rgba(178, 41, 35, 0.2);
}

.sub_aside_li2 a:hover {
	background-color: rgba(157, 97, 43, 0.2);
}



.sub_main {
	width: calc(100% - 40rem);
	padding: 2rem;
	background: #fff;
}

.sub_extra,
.sub_extra2 {
	display: flex;
	justify-content: space-between;
}

.sub_extra {
	border-bottom: 0.1rem solid #b22923;
}

.sub_extra2 {
	border-bottom: 0.1rem solid #9d612b;
}

.sub_extra_col,
.sub_extra2_col {
	height: 6rem;
	line-height: 6rem;
	font-size: 2.2rem;
}

.sub_extra_col::before,
.sub_extra2_col::before {
	content: "●";
	padding: 0 1rem 0 0;
}

.sub_extra_col::before {
	color: #b22923;
}

.sub_extra2_col::before {
	color: #9d612b;
}

.sub_extra_col {
	color: #b22923;
}

.sub_extra2_col {
	color: #9d612b;
}

.sub_extra_bread,
.sub_extra_bread a {
	color: #888;
	font-size: 1.4rem;
	line-height: 6rem;
}

.sub_extra_bread a::after {
	content: " > ";
}

.sub_extra_bread a:last-child::after {
	content: "";
}


.sub_item {
	width: 100%;
	font-size: 1.6rem;
	height: 5.5rem;
	line-height: 5.5rem;
	border-bottom: 1px dashed #ccc;
}

.sub_item a {
	display: flex;
	justify-content: space-between;
}

.item_tit,
.item_tit2 {
	width: calc(100% - 16rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	padding: 0 0 0 2rem;
}

.item_tit {
	background: url(../images/icon_t0.png) no-repeat left center;
}

.item_tit2 {
	background: url(../images/icon_t1.png) no-repeat left center;
}

.item_dt {
	width: 14rem;
}

.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;
}

.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) {

	.sub_banner,
	.sub_banner2 {
		display: none;
	}

	.index_vidio video {
		width: 100%;
		height: 21.2rem;
	}

	.sub_page,
	.sub_main,
	.sub_extra,
	.pic_ul,
	.focus2,
	.col_community,
	.community_links_ul {
		flex-wrap: wrap
	}

	.community_links_ul {
		justify-content: center;
	}

	.community_links_li {
		margin: 1rem;
		width: 14rem;
		height: 14rem;
	}

	.community_links_li a {
		font-size: 1.4rem;
	}

	.aside {
		margin: 1rem auto;
	}

	.sub_main,
	.aside,
	.col_dep_news,
	.focus,
	.focus_item,
	.col_notice,
	.col_box,
	.focus_cnt,
	.focus_img,
	.focus2,
	.community_news,
	.focus2_img_wrap,
	.col_community,
	.col_contact {
		width: 100%;
	}

	.focus_abs {
		margin-top: 1rem;
		margin-bottom: 1.5rem;
	}

	.focus,
	.focus_item,
	.focus2 {
		height: auto;
	}

	.focus_item a {
		flex-wrap: wrap;
	}

	.focus_nav {
		bottom: 1rem;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 12rem;
	}

	.focus_img,
	.focus_img img {
		height: auto;
	}

	.pic_li,
	.pic2_li,
	.focus_news_item {
		width: 100%;
		margin: 1rem 0;
	}

	#college_list {
		animation: none;
	}
}

@media screen and (min-width:1200px) and (max-width:1599px) {
	.col_dep_news {
		width: 64rem;
	}

	.col_notice {
		width: 45rem;
	}

	.col_box {
		width: 35rem;
	}
}