.news_list .title{margin:20px 0;}
.news_list .top{ border:1px solid #dfdfdd; margin:20px 0 ; background: #fff; padding: 0  20px;}
.news_list .top .main{margin: 10px 0 0;background: #fff;}
.news_list .top .tab_menu{ padding: 0;margin: 0;}
.news_list .top .tab_menu li{float: left;margin-right: 20px;cursor: pointer;margin-top: 10px;}
.news_list .top .tab_menu li span{ display: inline-block; padding: 0 10px 10px; border-bottom:3px solid #fff;}
.news_list .top .tab_menu li.current span{ color: #307eea; border-color: #307eea;}
.news_list .top .tab_menu li i{ height: 20px; display: inline-block; width: 2px; background: #dfdfdd;margin-left: 20px; vertical-align: middle;}
.news_list .top .publish{overflow: hidden;zoom:1;padding: 0;margin-bottom: 10px;}
.news_list .top .publish a{ display: inline-block; float: right;height:35px; line-height:35px;padding:0 20px;background: #307eea;color:#fff;}
.news_list .center{ margin-bottom: 40px; background: #fff;  padding: 20px 25px;}

.news_list .center ul li{margin:0;transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; border-bottom: 1px solid #dfdfdd; padding-bottom: 20px; margin-bottom: 20px;}
.news_list .center ul li .imgRight img {width: 100%;}
.news_list .center ul li .titleNew{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out;font-size: 20px;font-weight: bold;color: #333;    letter-spacing: 2px;
    margin-bottom: 10px; display: -webkit-box; overflow: hidden;line-height: 28px;-webkit-line-clamp: 1;
    overflow: hidden; text-align: left; -webkit-box-orient: vertical;}
.news_list .center ul li .containerNew{height: 52px;display: -webkit-box;overflow: hidden;
    line-height: 28px;margin-bottom: 10px;-webkit-line-clamp: 2;overflow: hidden;text-align: left;-webkit-box-orient: vertical;    letter-spacing: 1px;}
.news_list .center ul li .author{font-weight: 600;}
.news_list .center ul li span i {display: inline-block;width: 14px; margin-right: 5px; vertical-align: middle;}
/* .news_list .center ul li span i {display: inline-block; background: url(../images/icons.png) no-repeat -34px 0;width: 14px;height: 12px; margin-right: 5px; vertical-align: middle;} */
.news_list .center ul li span i.comment { background-position: -68px 0;width: 16px;height: 14px;}
.news_list .center ul li span{margin-right:20px;}
.news_list .center ul li:hover .titleNew{ color: #307eea;}
.news_list .center ul li:hover{ border-color: #307eea;}
.news_list .center ul li .data-top{display: inline-block; color:#f13d3d;margin-right: 5px;font-weight:600;}
.news_list nav.center{
	padding:0px 5px;
	border:0;
	margin-bottom: 0;
	width: auto;
	float: left;
}
.pagingbox{
	text-align:center;
	width:100%;
}
.news_list p.total{
	font-size: 14px;
    color: #333;
    height: 34px;
    line-height: 34px;
    display: block;
    margin-bottom: 10px;
    width: 100%;
}
.news_list p.total span.num{
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin: 0px 10px;
}
@media (max-width: 767px){
	.sub_content{ padding-top: 20px;}
	.container{ padding: 0 5px;}
	.sub_banner img{height: 125px; width: 100%;}
	.news_list .center ul li{ padding-bottom: 10px;}
	.news_list .center ul li .titleNew{ font-size: 16px;}
	.news_list .center ul li .containerNew{height: 28px;overflow: hidden;line-height: 28px;} 
	.news_list nav.center{width: 100%;float: none;margin-bottom: 15px;}
	.news_list .center {margin-bottom: 20px;padding: 10px;border:none;}
	.news_list p.total{text-align: center;}
	p.title{margin-top: 0 !important; margin-bottom: 20px; }
   .news_list .center ul li span { margin-right: 0; line-height: 28px; width: 47%; display: inline-block; padding: 0 5px 0 0;}
    .news_list .center ul li div{width: 100%;margin-top: 10px;}
}