/* newslist */
.newslist{ width: 100%;}
.newslist ul{ width: 100%; display: block;}
.newslist ul li{ width: 32%; display: inline-block; margin: .3rem 2% 0 0; position: relative;}
.newslist ul li:nth-of-type(3n){ margin-right: 0;}
.newslist li a{ width: 100%; height: auto; transition: all 0.3s ease 0.1s;}
.newslist li .img a:hover img{ opacity: 0.7;}
.newslist li .img{ width: 100%; }
.newslist li .img img{ width: 100%;}
.newslist li dl{ width: 100%; display: block;}
.newslist li dl .date i{ font-family: iconfont; margin-right: .1rem;}
.newslist li dl dt{ width: 100%; font-size: .2rem; color: #6c6c6c; line-height: .3rem; height: .36rem; overflow: hidden; transition: all 0.3s ease 0.1s;}
.newslist li dl a:hover dt{ color: #20853a;}
.newslist li dl dd{ width: 100%; font-size: .14rem; color: #aaa; line-height: .24rem; height: .48rem; overflow: hidden; transition: all 0.3s ease 0.1s;}
.newslist li dl a:hover dd{ color: #000;}
.newslist li dl .date{width: 100%; color: #000; font-size: .14rem; margin: .2rem 0 .16rem; line-height: .3rem;}
.newslist li dl .date span{ background: #20853a; color: #fff; padding: 0 .16rem 0 .2rem; display: inline-block; margin-right: .26rem; position: relative; z-index: 1;}

.newslist center{ font-size: .16rem;}

.newsview img { max-width: 100%; }
.newsview{width: 100%; max-width: 11rem; margin: 0 auto; display: block; min-height: 60vh; position: relative; box-sizing: border-box; padding: .5rem 0;}
.newsview .tit{ width: 100%; box-sizing: border-box; text-align: center; font-size: .24rem; display: inline-block; line-height: .36rem; margin-bottom: .2rem; color: #000; }
.newsview .xinxi{width: 100%; text-align: center; display: inline-block;  font-size: .13rem; letter-spacing: 1px; line-height: 30px; padding: 10px 0; color: #888;}
.newsview .xinxi span{ padding-right: 10px;}
.newsview .ms{ font-size: .15rem; line-height: 1.5; color: #666; padding:10px 0;}

.xx_more{ color: #fff; padding: 0 .38rem; margin: .2rem 0; background: #20853a; line-height: .48rem; display: inline-block; z-index: 2; overflow: hidden; position: relative; font-size: .14rem; text-transform: uppercase;}
.xx_more:hover{ background: #000;}




@media screen and (max-width: 736px) {
    .main{ width: 100%; padding: 0;}
    .newslist ul{ box-sizing: border-box; padding: .2rem;}
    .newslist ul li{ margin: 0 0 .4rem 0; height: auto; width: 100%;}

    .newsview img { max-width: 100%; }
    .newsview{width: 100%; max-width: 100%; margin: 0 auto; display: block; min-height: auto; position: relative; box-sizing: border-box; padding: .2rem;}
    .newsview .tit{ width: 100%; box-sizing: border-box; text-align: center; font-size: .24rem; display: inline-block; line-height: .36rem; margin-bottom: .2rem; color: #000; }
    .newsview .xinxi{width: 100%; text-align: center; display: inline-block;  font-size: .13rem; letter-spacing: 1px; line-height: 30px; padding: 10px 0; color: #888;}
    .newsview .xinxi span{ padding-right: 10px;}
    .newsview .ms{ font-size: .15rem; line-height: 1.5; color: #666; padding:10px 0;}
        
}