/******************
news page css
******************/

.news_list{ width:100%; float:left;}
.news_list li{padding:0;margin:0;width:100%; display:block; margin:20px 0; border-bottom:1px solid #e4e4e4; padding-bottom:30px;}
.news_list li:after{content:'';display:block;clear:both;}
.news_list li .fl{ width:12%; height:110px; background:#b7b7b7; border-radius:2px; color:#fff; text-align:center;transition:all ease-in-out .5s; 
	-webkit-transition:all ease-in-out .5s; 
	-moz-transition:all ease-in-out .5s; float:left; }
.news_list li .fl b{ font-size:50px; margin-top:15px; display:block; float:left; width:100%; line-height:60px;}
.news_list li .fl em{ font-style:normal;}
.news_list li .fr{ float:right; display:block; width:82%; padding:0 20px; }
.news_list li .fr a{ font-size:18px; color:#333; display:block; width:100%; float:left; margin:0 0 15px;}
.news_list li .fr p{padding:0;margin:0;line-height:28px; color:#999; font-size:14px; height:60px; display:block; float:left; width:100%; overflow:hidden;}
.news_list li:hover .fl{ background:#da3220; }
.news_list li:hover .fr a{color:#e11c20; transition:all ease-in-out .5s; 
	-webkit-transition:all ease-in-out .5s; 
	-moz-transition:all ease-in-out .5s; }
.news_list li:hover .fr p{color:#666; transition:all ease-in-out .5s; 
	-webkit-transition:all ease-in-out .5s; 
	-moz-transition:all ease-in-out .5s; }