.newslist{padding:20px 0; background:#f8faff;}
.newslist-content{padding:20px 0;}
.newslist-item{margin-top:20px;}
.newslist-item a{display:block; position:relative; overflow:hidden; background:#fff; padding:30px; box-shadow: 0 0 12px rgba(0,0,0,.08); border-radius:3px;}
.newslist-item ins{float:left; position:relative; z-index:2;}
.newslist-item ins>img{height:135px; border-radius:3px; margin-right:30px; transition: .3s; display:block;}
.newslist-item a:hover ins>img{transform: scale(1.05);}
.newslist-item span{display:block; position:relative; z-index:2; overflow:hidden;}
.newslist-item span h3{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1; transition:.6s; font-size:18px;}
.newslist-item span p{margin:15px 0; overflow:hidden; height:72px; transition:.6s; color:#787878; }
.newslist-item span u{display:block; text-decoration:none; font-size:14px; line-height:1; transition:.6s; color:#a8a8a8;}
.newslist-content dir{padding:30px 0;}
@media(max-width:1200px){
.newslist{padding:10px 0;}
.newslist-content{padding:10px 0;}
.newslist-item{margin-top:10px;}
.newslist-item a{padding:20px;}
.newslist-item ins>img{margin-right:20px;}
.newslist-content dir{padding:20px 0;}
}
@media(max-width:767px){
.newslist-content{padding:5px 0;}
.newslist-item{margin-top:10px;}
.newslist-item a{padding:10px;}
.newslist-item ins{float:none;}
.newslist-item ins>img{height:auto; margin:0 0 15px 0;}
.newslist-item span h3{height:auto; font-size:16px;}
.newslist-item span p{margin:6px 0 10px 0; height: auto;}
.newslist-content dir{padding:10px 0;}
}