ul,li{list-style: none;}
a{color: #000000; text-decoration: none;}

.img__banner{margin-top: 50px;}

.news{background-color: #f2f2f2;}
.news-list{width: 80%; margin: 0 auto; padding: 8% 0;}
.news-list-view {
	display: block;
	cursor: pointer;
	border: 0;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	
}
.news-list-view .list-view-inner{width: 100%; height: 100%; display: inline-block;}
.news-list-view li{width: 32%; border: 1px #dddddd solid; margin-bottom: 5%;}

.news-list-view .img-wrap{
	overflow: hidden;
}

.news-list-view .img-wrap img{
	width: 100%;
	transition: all .3s;
}

@media (min-width:769px){
	.news-list-view .list-view-inner:hover .img-wrap img{transform: scale(1.1);}

	.news-list-view .list-view-inner:hover {
		background-color: #fbbe02;
	}
	
	.news-list-view .list-view-inner:hover .news-title,
	.news-list-view .list-view-inner:hover .news-detail,
	.news-list-view .list-view-inner:hover .news-time {
		color: #fff;
	}
}

.news-list-view .txt-wrap {
	padding: 30px;
}

.news-list-view .news-title {
	color: #222;
	font-weight: bold;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2
}

.news-list-view .news-detail {
	margin-top: 15px;
	font-size: 14px;
	color: #888;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3
}

.news-list-view .news-time {
	margin-top: 10px;
	font-size: 14px;
	color: #888
} 

.page-num{text-align: center; font-size: 18px; }
.page-num>*{margin: 0 2px; padding: 5px 12px; color: #999999;}
.page-num a{color: #333333;}
.page-num .act{ background: #FBBE02; color: #FFFFFF;}
@media (min-width:769px){
	.page-num a:hover{ background: #FBBE02; color: #FFFFFF;}
}


@media (max-width:768px){
	.news-list{width: 90%;}
	.news-list-view li{width: 48%;}
	.news-list-view .txt-wrap {padding: 15px 10px;}
}
@media (max-width:500px){
	.news-list-view li{width: 100%;}
	.news-list-view .news-title{font-size: 14px;}
}



.news-show{width: 60%; padding: 12% 0 7%; margin: 0 auto;}
.news-show .title{text-align: center; font-size: 30px;}
.news-show .time{text-align: center; font-size: 18px;margin: 10px 0;}
.news-show .content-area{margin-top: 30px; line-height: 1.8;word-wrap:break-word;}

@media (max-width:768px){
	.news-show{width: 80%;}
	.news-show .title{font-size: 20px;}
	.news-show .time{font-size: 16px;}
	.news-show .content-area{margin-top: 20px; line-height: 1.5;}
}
@media (max-width:500px){
	.news-show{width: 90%;}
	.news-show .title{font-size: 18px;}
	.news-show .time{font-size: 14px;}
	.news-show .content-area{margin-top: 15px; line-height: 1.3;}
}