@charset "utf-8";
/* CSS Document */
.news{ overflow: hidden; padding: 40px 0;}
.news_item{ width: 100%; padding: 20px 10px; overflow: hidden; border: 1px dashed #bfbfbf; margin-bottom: 27px;}
.date{ width: 7.727%; float: right;}
.content{ width: 92.273%; float: left;}
.date p{ color: #545354; font-size: 40px; text-align: center; margin-bottom: 5px;}
.date span{ color: #727171; font-size: 14px; text-align: center; display: block;}
.content h2{ font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.content h2 a{ color: #221815;}
.content h2 a:hover,.content a:hover,.news_next span a:hover{ color: #0071bf;}
.content span{ color: #727171; font-size: 14px; line-height: 21px;}
.content a{ color: #020202;}

/* 分页样式 */
.page{ padding: 7px; overflow: hidden;}
.page > b{ color:#0071bf; padding:7px 7px; border:1px solid #eee; display:inline-block;}
.page a{padding:7px 7px; border:1px solid #eee; color: #727171; display:inline-block; margin-bottom:5px;}
.page a:hover{ background:#0071bf; color:#fff; border:1px solid #0071bf;}

/* 新闻动态内容页 */
.news_header{ color: #165aa5; font-size: 30px; text-align: center;}
.news_author{ color: #595757; font-size: 16px; text-align: center; margin:20px 0 15px 0;}
.news_author span{ margin-right: 10px;}
.news_content{ padding: 40px 20px; border-top: 1px solid #545354;}
.news_content p{color: #595757;  line-height: 24px; margin-bottom: 30px; font-size: 16px;}
.news_content p img{ width:auto; margin:0 auto;}
.news_content p.red{ color: #e00438;}
.news_next{ overflow: hidden;}
.news_next span{ display: block; color: #595757;  line-height: 24px; margin-bottom: 10px; font-size: 16px;}
.news_next span a{ color: #595757;}

@media all and (max-width:768px){
	.news{ padding: 40px 10px;}	
	.date{ width: 15%;}
	.content{ width: 85%; float: left;}
.news_content p img{ width:100%; margin:0 auto;}
}
@media all and (max-width:425px){
	.date{ width: 20%; margin-bottom:10px;}
	.content{ width: 100%; float: left;}
}
@media all and (max-width:375px){
	.date{ width: 30%;}
	.content{ width: 100%; float: left;}
}
@media all and (max-width:320px){
	.date{ width: 30%;}
	.content{ width:100%; float: left;}
}