.newslist{overflow:hidden; background:; }
.newslist .list-box ul.s1:after{display:block; content:''; clear:both;}
.newslist .list-box ul.s1 li{float:left;}
.newslist .list-box ul.s1 li>a{transition:.3s;}
.newslist .list-box ul.s1 li>a>span{display:block; overflow:hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.newslist .list-box ul.s1 li>a>span>img{display:block; width:100%;transition: all 0.9s ease-in-out;}
.newslist .list-box ul.s1 li>a:hover>span>img{transform:scale(1.15);} 
.newslist .list-box ul.s1 li>div{display:block;padding: 10px 0;}
.newslist .list-box ul.s1 li>div>i{font-style:normal; display:block; padding:8px 0;color: #424242;font-weight: 600;}
.newslist .list-box ul.s1 li>div>h3{display:block;font-weight: 600;font-size:18px;margin-bottom: 20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist .list-box ul.s1 li>div>a.btn{background-color: rgb(246 246 246);border-radius: 20px;font-weight: 600;padding: 10px 20px;transition: all 0.3s ease-in-out 0s;}
.newslist .list-box ul.s1 li>div>a.btn:hover{color: #fff;background-color: #fc6b00}
@media(min-width:992px){
.news .list-box>ul{margin:0 -8px;}
.newslist .list-box ul.s1 li{width:33.333%; padding:8px;}
}
@media(max-width:991px){
.newslist .list-box ul.s1 li{width:50%; padding:4px 0;}
}
@media(max-width:767px){ 
.newslist .list-box ul.s1 li{width:100%; padding:4px 0;}
.newslist .list-box ul.s1 li>div>i{padding:0;}
}
.newslist .list-box ul.s2 li{border: 1px solid #f6f6f6;border-radius: 10px;box-shadow: rgb(240, 240, 240) 0px 0px 10px inset;}
.newslist .list-box ul.s2 li:after{display:block; content:''; clear:both;}
.newslist .list-box ul.s2 li:hover {background-color: #f6f6f6;}
.newslist .list-box ul.s2 li a{transition:.6s;}
.newslist .list-box ul.s2 li>a>span{float:left; overflow:hidden; width:298px;}
.newslist .list-box ul.s2 li a span img{display:block; transition:.6s;}
.newslist .list-box ul.s2 li a:hover span img{transform:scale(1.05);} 
.newslist .list-box ul.s2 li>div{padding-left:316px;}
.newslist .list-box ul.s2 li>div h3{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist .list-box ul.s2 li>div i{font-style:normal; display:block; padding:8px 0;}
.newslist .list-box ul.s2 li>div p{margin-top: 8px;line-height: 26px;padding-top: 10px;border-top: 1px dotted #ccc;overflow:hidden; height:px;}
@media(min-width:992px){
.newslist{padding-top:28px; padding-bottom:28px;} 
.newslist .list-box{margin-bottom:28px;}
.newslist .list-box ul.s2 li{padding:20px;}
}
@media(max-width:991px){
.newslist{padding-top:18px; padding-bottom:18px;} 
.newslist .list-box{margin-bottom:18px;}
.newslist .list-box ul.s2 li{padding:18px;}
}
@media(max-width:767px){
.newslist .list-box ul.s2 li{padding:15px;}
.newslist .list-box ul.s2 li>a>span{width:100px;}
.newslist .list-box ul.s2 li>div{padding-left:108px;}
.newslist .list-box ul.s2 li>div i{padding:0;}
.newslist .list-box ul.s2 li>div p{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}