.body-news{
    margin: .2rem 0 0;
    padding: 0 ;
}
.newslist{ width: 100%; float: left; font-size: 0; }
.newslist li{ width: 32%; display: inline-block; vertical-align: top; margin: 0 2% .3rem 0; background: #f5f5f5; transition: all 0.7s ease;}
.newslist li:nth-child(3n){ margin-right: 0;}
.newslist li a{	width: 100%; height: auto; transition: all 0.3s ease 0.1s;}
.newslist li .img{ width: 100%; float: left;}
.newslist li .img img{ width: 100%; transition: all 0.3s ease 0.1s;}
.newslist li dl{ width: 100%; float: right; box-sizing: border-box; padding: .3rem;}
.newslist li dl dt{ width: 100%; font-size: .16rem; font-weight: bold; color: #000; line-height: .3rem; height: .3rem; overflow: hidden; transition: all 0.3s ease 0.1s;}
.newslist li dl .date{width: 100%; color: #000; font-size: .16rem; line-height: .3rem; }
.newslist li dl dd{ width: 100%; font-size: .14rem; color: #000; line-height: .2rem; height: .6rem; overflow: hidden; margin: .1rem 0 0;}
.newslist li:hover{ transform: translateY(-.15rem); opacity: .7;}
.newslist center{ font-size: 16px;}


@media screen and (max-width: 734px){
    .body-news{ margin: .2rem 0 0; padding: 0 ;}
    .newslist{ width: 100%; float: left; font-size: 0;}
    .newslist li{ width: 92%; margin: 0 4% .3rem; background: #f5f5f5; padding: 0;}
    .newslist li dl{ width: 100%; float: right; box-sizing: border-box; padding: .2rem;}
    .newslist li dl dt{ width: 100%; font-size: .16rem; font-weight: bold; color: #000; line-height: .3rem; height: .3rem; overflow: hidden; transition: all 0.3s ease 0.1s;}
    .newslist li dl .date{width: 100%; color: #000; font-size: .16rem; line-height: .3rem; }
    .newslist li dl dd{ width: 100%; font-size: .14rem; color: #000; line-height: .2rem; height: .6rem; overflow: hidden; margin: .1rem 0 0;}
    .newslist li:hover{ transform: translateY(-.15rem); opacity: .7;}
    .newslist center{ font-size: .24rem;}
    .page_zt{ margin: 0;}
}