.banner-news{ background: url(../images/banner-news.jpg) no-repeat center center / cover;}
/* newslist */
.newslist{ width: 100%;}
.newslist .tit{ display: block; text-align: center; margin-bottom: .34rem;}
.newslist .tit i{ font-family: "iconfont2"; color: #40b1c1; line-height: .54rem; display: block;  font-size: .48rem;}
.newslist .tit h2{ display: block; font-size: .18rem; font-weight: bold; color: #707070; line-height: .27rem;}

.newslist ul{ display: block; font-size: 0;}
.newslist ul li{ display: inline-block; width: 30%; margin: 0 5% 5% 0;}
.newslist ul li:nth-of-type(3n){ margin-right: 0}
.newslist ul li .img{ display: block; box-sizing: border-box; border: 1px solid #ddd;}
.newslist ul li .img img{ display: block; width: 100%; max-width: 100%}
.newslist ul li dl{ display: block;}
.newslist ul li dl dt{ display: block; font-size: .16rem; font-weight: bold; color: #000; overflow: hidden; margin-top: .18rem; line-height: 1.7; text-overflow: ellipsis; white-space: nowrap;}
.newslist ul li dl dd{ display: block; font-size: .14rem; color: #8e8e8e; line-height: .24rem; margin-top: .1rems; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height: .48rem;}
.newslist ul li dl button{ margin: .1rem 0 0; width: 1.2rem; height: .36rem; line-height: .36rem; text-align: center; background: #ccc; color: #fff; font-size: .14rem; text-transform: uppercase; border: none; transition: all 0.3s ease-in-out}
.newslist ul li dl button:hover{ background: #000}


.newslist > center{ width: 100%; font-size: .24rem; display: block; margin: 0; padding: .3rem 0; }

.newsview img { max-width: 100%; }
.newsview{ width: 100%; max-width: 1280px; margin: 0 auto; display: block; min-height: 80vh; position: relative; box-sizing: border-box; padding: .3rem 0;}
.newsview .tit{ width: 100%; text-align: center; font-size: 24px; line-height: 36px; margin-bottom: 20px; color: #000; text-transform: uppercase;}
.newsview .xinxi{width: 100%; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; letter-spacing: 1px; line-height: 30px; padding: 10px 0; color: #888;}
.newsview .xinxi span{ padding: 0 10px;}
.newsview .ms{ font-size: 15px; line-height: 1.5; color: #666; padding:10px 0;}
.xx_more{ color: #fff; padding: 0 38px; background: #000; line-height: 48px; display: inline-block; z-index: 2; overflow: hidden; position: relative; font-size: 14px; text-transform: uppercase;}
.xx_more:hover::before{ background: #000;}
.newsview center{ margin: 0;}

@media screen and ( max-width:768px){
    .newslist ul li{ display: inline-block; width: 96%; margin: 2%;}
    .newsview .tit{ font-size: .18rem; line-height: 1.7; margin-bottom: .15rem;}
    .newsview .xinxi{ font-size: .14rem; letter-spacing: 0; line-height: .26rem; padding: .1rem 0; }
    .newsview .xinxi span{ padding: 0 .1rem;}
    .newsview .ms{ font-size: .14rem; line-height: 1.5; color: #666; padding:10px 0;}
    .xx_more{ padding: 0 .38rem; line-height: .48rem; font-size: .14rem;}
        
}