@media(min-width: 768px){
	
	/*---------------新闻列表---------------*/
	.news_list{
		overflow: hidden;
		margin-bottom: 11px;
	}	
	.news_list .news_top{
		float: left;
		padding: 0 8px 20px;
		width: 50%;
		box-sizing: border-box;
	}
	.news_list .news_top a{
	    position: relative;
	    display: block;
	    width: 100%;
	    padding-top: 59.347%;
	}
	.news_list .news_top img{
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
	}
	.news_list .news_top .news_top_title{
		margin: 20px 0;
		text-align: center;
		font-size: 18px;
		color: #e70012;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	.news_list .news_top .news_top_description{
		font-size: 14px;
		color: #666;
		text-indent: 2em;
	}
	.news_list .news_item{
		width: 100%;
		box-sizing: border-box;
		padding: 0 5px;
		border-bottom: 1px dashed #666;
		line-height: 2.8em;
		display: block;
		overflow: hidden;
	    font-size: 16px;
		color: #666;
	} 
	.news_list .news_item .news_item_title{
		width: 80%;
		float: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	.news_list .news_item .news_item_title:hover{
		color: #e70012;
	}
	.news_list .news_item .news_publish_time{
		float: right;
    	color: #363636;
	}
	#intro_container .page_container{
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#intro_container .page_container .news_page{
		width: 60px;
		height: 20px;
		margin: 0 8%;
		font-size: 20px; 
		cursor: pointer;
	}
}
@media(max-width: 767px){
	
	/*---------------新闻列表---------------*/
	.news_list{
		overflow: hidden;
		margin: 0.11rem 0;
	}	
	.news_list .news_top{
		float: left;
		padding: 0 6% 0.2rem;
		width: 100%;
		box-sizing: border-box;
	}
	.news_list .news_top img{
		width: 100%;
	}
	.news_list .news_top .news_top_title{
		margin: 20px 0 15px;
		text-align: left;
		font-size: 18px;
		color: #e70012;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	.news_list .news_top .news_top_description{
		font-size: 14px;
		color: #666;
		text-indent: 2em;
	}
	.news_list .news_item{
		width: 88%;
		margin-left: 6%;
		padding: 0;
		border-bottom: 1px dashed #666;
		line-height: 2.8em;
		display: block;
		overflow: hidden;
	    font-size: 16px;
		color: #666;
	} 
	.news_list .news_item .news_item_title{
		width: 65%;
		float: left;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		-moz-text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}
	.news_list .news_item .news_item_title:hover{
		color: #e70012;
	}
	.news_list .news_item .news_publish_time{
		float: right;
    	color: #363636;
	}
	#intro_container .page_container{
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #666;
	}
	#intro_container .page_container .news_page{
		width: 48px;
		height: 20px;
		margin: 0 8%;
		font-size: 16px; 
		cursor: pointer;
	}
}