.newslist{padding:58px 0; background:#f8f8f8;}
.newslist-list{float:left; width:75%; padding:0 38px 0 0;}
.newslist.left .newslist-list{float:right; padding:0 0 0 38px;}
.newslist-list{float:left; width:75%;}
.newslist-content{background:#fff; padding:16px;}
.newslist-item{border-bottom:1px solid #e8e8e8;}
.newslist-item a{display:block; position:relative; padding:16px; border-radius:3px; overflow:hidden; background:#fff;}
.newslist-item a:before{position:absolute; top:0; left:0; bottom:0; content:''; width:0; transition:.6s; transform:skewX(-30deg); transform-origin:top left; background:#f8f8f8;}
.newslist-item ins{float:left; position:relative; z-index:2;}
.newslist-item ins>img{height:128px; margin-right:16px; display:block;}
.newslist-item span{display:block; position:relative; z-index:2; overflow:hidden;}
.newslist-item span h3{font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:32px; height:32px; transition:.6s; font-size:18px;}
.newslist-item span p{margin:6px 0; overflow:hidden; line-height:26px; height:52px; transition:.6s; color:#686868; }
.newslist-item span u{display:block; text-decoration:none; line-height:26px; height:26px; font-size:14px; transition:.6s; color:#989898;}
.newslist-item a:hover:before{width:100%; transform:skewX(0);}
.newslist-content dir{padding:12px 0;}
.newslist-sub{float:left; width:25%;}
.newslist-recom{padding:8px 18px;}
.newslist-recom li{display:block; position:relative; z-index:2; overflow:hidden; padding:8px 0;}
.newslist-recom li+li{border-top:1px dashed #e8e8e8;}
.newslist-recom li h4{font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist-recom li u{display:block; text-decoration:none; color:#989898;}
@media(max-width:1200px){
.newslist{padding:38px 0;}
.newslist-list,
.newslist.left .newslist-list{float:none; width:auto; padding:0 0 18px 0;}
.newslist-sub{float:none; width:auto;}
}
@media(max-width:767px){
.newslist{padding:18px 0;}
.newslist-content{padding:8px;}
.newslist-item a{padding:8px;}
.newslist-item ins{float:none;}
.newslist-item ins>img{height:auto; margin:0 0 8px 0;}
.newslist-item span h3{height:auto; line-height:1.75; font-size:17px;}
.newslist-item span p{margin:3px 0;}
.newslist-recom{padding:6px 12px;}
}