/* 导航区 */
.news_nav {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background-color: #F5F4F4;
}

.news_nav .nav_tits {
	margin: 0px 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: SourceHanSansCN;
	font-weight: 400;
	line-height: 24px;
	height: 80px;
	width: 127px;
}

.news_nav .active {
	background: #008d4f;
	color: #FFFFFF;
}


/* 新闻列表区 */
.news {
	padding: 67px 0px;
	background-color: #FFFFFF;
}

.news_conts {
	margin: auto;
	display: flex;
	justify-content: center;
	flex-direction: row;
	flex-wrap: wrap;
	width: 80%;
}

.news_cont {
	margin: 0 25px 40px 25px;
	display: flex;
	flex-direction: column;
	width: 344px;
	shape-outside: 450px;
	background-color: #F7F7F7;

}

.news_img {
	width: 100%;
	height: 223px;
}

.news_tit {
	margin: 20px;
	font-size: 17px;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #000000;
	line-height: 28px;
}

.news_desc {
	margin: 0 20px;
	width: 300px;
	display: -webkit-box;
	/* 设置或检索伸缩盒对象的子元素的排列方式 。 */
	-webkit-box-orient: vertical;
	/*  用来限制在一个块元素显示的文本的行数 */
	-webkit-line-clamp: 4;
	overflow: hidden;
	font-size: 13px;
	font-family: SourceHanSansCN;
	font-weight: 500;
	color: #7F7F7F;
	line-height: 23px;
}

.news_time {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px;
}

.news_time .news_ti {
	font-size: 13px;
	font-family: DINAlternate;
	font-weight: bold;
	color: #7F7F7F;
	line-height: 16px;
}

.news_time .check {
	width: 22px;
	height: 6px;
}

/* 分页 */
.zzsc {
	margin: 0 auto;
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page {
	list-style: none;
}

.page>li {
	float: left;
	padding: 5px 20px;
	cursor: pointer;
	user-select: none;
}

.page .pageItem {
	border: solid thin #DDDDDD;
	margin: 5px;
}

.page .pageItemActive {
	border: solid thin #008d4f;
	margin: 5px;
	background-color: #008d4f;
	color: white;
}

.page .pageItem:hover {
	border: solid thin #008d4f;
	background-color: #008d4f;
	color: white;
}

.page .pageItemDisable {
	border: solid thin #DDDDDD;
	margin: 5px;
	background-color: #DDDDDD;
}
.nav_tits.active a {
    color: #fff;
}