/* ==========================================================================
   新闻模块
============================================================================ */
.news-banner .text h2{font-size: 16px;}
.news-banner .text p{font-size: 12px;}

/* 新闻动态 */
.hotnews .item-box{position: relative;display: block;}
.hotnews .item-box .img{overflow: hidden;}
.hotnews .item-box .img img{width: 100%;transition: .4s;}
.hotnews .item-box .text{position: absolute;width: 100%;left: 0;bottom: 0;padding: 16px 20px;z-index: 3;color: #fff;}
.hotnews .item-box .text h4{margin-bottom: 4px;}
.hotnews .item-box .filter{position: absolute;width: 100%;height: 50%;left: 0;bottom: 0;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));transition: .4s;}
.hotnews .item-box:hover .img img{transition: .4s;transform: scale(1.1);}
.hotnews .item-box:hover .filter{height: 100%;transition: .4s;}

@media screen and (max-width: 992px) {
    .hotnews .item-box .text{padding: 10px 14px;}
}



.news-list li{margin-top: 60px;}
.news-list .img{width: 324px;overflow: hidden;}
.news-list .img img{width: 100%;transition: .4s;}
.news-list a:hover .img img{transition: .4s;transform: scale(1.1);}
.news-list .text{width: calc(100% - 365px);}
.news-list .text h3{line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list .text h5{margin-bottom: 8px;color: #777;margin-top:8px;}
.news-list .text p{line-height: 24px;height: 72px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #666;}
.news-list .text span{color: #bcbcbc;}
.news-list .text i{display: inline-block;width: 16px;height: 16px;background: #bababa;text-align: center;line-height: 16px;border-radius: 100%;color: #fff;font-size: 10px;padding-left: 1px;margin-left: 5px;}


@media screen and (max-width: 992px) {
    .news-list li{margin-top: 40px;}
}

@media screen and (max-width: 992px) {
    .news-list li{margin-top: 24px;}
    .news-list li a{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .news-list .img{width: 100%;}
    .news-list .text{width: 100%;padding-top: 10px;}
    .news-list .text span{margin-top: 10px;}
}