.newslist{padding:80px 0;}
.newslist-list{margin:0 -12px;}
.newslist-list:after{display: block; content:''; clear: both;}
.newslist-slide{float:left; width:33.333333%; padding:0 12px 50px 12px; position:relative; transition:.3s;}
.newslist-slide.swiper-slide-next{transform:translateY(45px);}
.newslist-slide:before{position:absolute; top:0; left:25px; z-index:6; content:attr(data); font-size:120px; font-weight:bold; line-height:.8; color:#fafafa; transition:.3s;}
.newslist-slide:hover:before{color:#76804722;}
.newslist-slide>aside{display:block; position:relative; z-index:8;}
.newslist-slide>aside>h3{overflow:hidden; margin-top:18px; text-overflow:ellipsis; white-space:nowrap;}
.newslist-slide>aside>em{display:block; font-style:normal; margin-top:10px; color:#989898;}
.newslist-slide>aside>em:before{float:left; width:15px; height:1px; content:''; margin:12px 10px 0 0; background:#768047;}
.newslist-slide>aside>em>i{display: inline-block; padding:0 2px; font-style: normal;}
.newslist-slide>aside>em>i:before{content:'/';}
.newslist-slide>aside>span{display:block; margin-top:15px; padding:0 5px;}
.newslist-slide a.img{display:block; overflow:hidden;}
.newslist-slide a.img>img{display:block; width:100%; transition:.3s;}
.newslist-slide a.img:hover>img{transform:scale(1.05);}
.newslist-slide a.tit{font-size:20px;}
@media(max-width:1200px){
.newslist{padding:40px 0;}
.newslist-list{margin:0 -10px;}
.newslist-slide{padding:0 10px 20px 10px;}
.newslist-slide>aside>span{margin-top:5px;}
.newslist-slide>aside>em{margin-top:0;}
.newslist-slide>aside>p{margin:5px 0 10px 0;}
.newslist-slide a.tit{font-size:18px;}
}
@media(max-width:992px){
.newslist-slide{width:50%;}
}
@media(max-width:767px){
.newslist{padding:15px 0;}
.newslist-list{margin:0 -8px;}
.newslist-slide{padding:15px 8px; width:100%;}
.newslist-slide:nth-child(2n+1){ background:#f8fafd;}
.newslist-slide>aside{padding-top:0;} 
.newslist-slide>aside>h3{margin-top:0;}
.newslist-slide>aside>em{font-size: 14px;}
.newslist-slide>aside>span{display: block; clear: both;}
.newslist-slide a.tit{font-size:16px;}
.newslist-slide a.img{float: left; width: 25%; margin-right:10px;}
.newslist-slide a.img>img{height:60px;}
.newslist-slide:before{font-size:90px;}
.newslist-pager{padding:10px 0;}
}