/* 头部 */
.header{
	height: 400px;
	background-image: url('../img/info-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}

/* 资讯标题 */
.article-head{
	color: #FFFFFF;
	margin-top: 108px;
}
.article-head .title{
	font-size: 36px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.article-head .deputy{
	font-size: 18px;
	color: #FFFFFF;
}

/* 资讯列表 */
.info{
	margin-bottom: 60px;
}
.info .container{
	max-width: 1000px;
}
.info-list li{
	margin-bottom: 20px;
}
.info-list li a{
	display: flex;
	align-items: center;
}
.info-list li .img-warp{
	flex: 0 0 240px;
	aspect-ratio: 3 / 2;
	border-radius: 5px;
	margin-right: 20px;
}
.info-list li .img-warp img{
	border-radius: 5px;
}
.info-list li .txt-warp{
	flex-grow: 1;
}
.info-list li .txt-warp .title{
	font-size: 20px;
	color: #333333;
}
.info-list li .txt-warp .desc{
	font-size: 16px;
	color: #888888;
	margin: 15px 0 30px 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.info-list li .txt-warp .time{
	font-size: 14px;
	color: #888888;
}
.info-list li .txt-warp .time i{
	margin-right: 5px;
}



@media (max-width: 576px){
	.header{
		height: 186px;
		margin-bottom: 20px;
	}
	.article-head {
	    color: #FFFFFF;
	    margin-top: 0.80rem;
	}
	.article-head .title {
	    font-size: 0.5334rem;
	    color: #FFFFFF;
	    margin-bottom: 0.1334rem;
	}
	.article-head .deputy {
	    font-size: 0.42667rem;
	}
	
	/* 资讯列表 */
	.info {
	    margin-bottom: 30px;
	}
	.info-list li {
	    margin-bottom: 10px;
	}
	.info-list li .img-warp{
		flex: 0 0 120px;
		margin-right: 10px;
	}
	.info-list li .txt-warp .title {
	    font-size: 0.4rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.info-list li .txt-warp .desc {
	    font-size: 0.3467rem;
	    margin: 2px 0 4px 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.info-list li .txt-warp .time {
	    font-size: 0.2934rem;
	}
	.info-list li .txt-warp .time i {
	    font-size: 0.32rem;
	}
	
}