.newslist{padding:46px 0; background:#fff;}
.newslist-content{background:#fff; margin:0 -12px;}
.newslist-content:after{display:block; content:''; clear:both;}
.newslist-item{float:left; width:25%; padding:12px;}
.newslist-item a{display:block; position:relative; border-radius:3px; overflow:hidden; background:#fff; border:1px solid #e8e8e8;}
.newslist-item a:hover{box-shadow:0 0 8px rgba(0,0,0,.1);}
.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:#fc6b00;}
.newslist-item ins{display:block; position:relative; z-index:2; overflow:hidden;}
.newslist-item ins>img{display:block; transition:.3s;}
.newslist-item a:hover ins>img{transform:scale(1.08);}
.newslist-item span{display:block;}
.newslist-item span div{padding:16px 0;}
.newslist-item span div:after{display:block; content:''; clear:both;}
.newslist-item span div>u{float:left; position:relative; left:-8px; text-decoration:none; padding:0 16px 0 24px; color:#fff; background:#fc6b00;}
.newslist-item span div>u:before{position:absolute; left:0; bottom:100%; content:''; border-style:solid; border-width:0 0 8px 8px; border-color:transparent transparent #fc6b00 transparent;}
.newslist-item span div>b{float:right; font-weight:normal; padding:0 16px;}
.newslist-item span div>b i{color:#fc6b00;}
.newslist-item span h3{font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 16px;}
.newslist-item span p{margin:6px 0 16px 0; padding:0 16px; overflow:hidden; height:112px; color:#686868;} 
.newslist dir{padding:12px 0;}
@media(max-width:1200px){
.newslist{padding:30px 0;}
.newslist-content{margin:0 -8px;}
.newslist-item{padding:8px;}
}
@media(max-width:992px){
.newslist-item{width:50%;}
}
@media(max-width:767px){
.newslist{padding:14px 0;}
.newslist-content{margin:0 -4px;}
.newslist-item{padding:4px; width:100%;}
}