.hn_banner>img{width: 100%;}

.hn_news{display: flex;flex-wrap: wrap;margin-top: 60px;}
.hn_news_i{position: relative;width: 18%;margin-right: 2.5%;margin-bottom: 40px;transition: .3s;overflow: hidden;}
.hn_news_i:nth-child(5n){margin-right: 0;}
.hn_item_img{overflow: hidden;}
.hn_item_img>img{width: 100%;object-fit: cover;transition: .3s;height: 140px;}
.hn_news_i>h1{line-height: 2;text-align: center;font-size: 14px;width: 100%;color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.hn_news_i>span{color: #666;font-size: 12px;}
.hn_news_i:hover img{transform: scale(1.1);}

.hn_page{padding: 50px 0;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #efefef;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #efefef;}



@media screen and (max-width: 766px) {
    .hn_banner>img{height: 13rem;object-fit: cover;}

    .hn_news{justify-content: space-between;margin-top: 4rem;}
    .hn_news_i{width: 48%;margin-bottom: 1.5rem;margin-right: 0;}
    .hn_item_img>img{height: 15rem;}
    .hn_news_i>h1{line-height: 2;font-size: 1.4rem;}

}