.fh_banner>img{width: 100%;}

.fh_l{width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.fh_i{width: calc((100% - 72px) / 3);margin-right: 36px;margin-bottom: 36px;display: block;}
.fh_i:nth-child(3n){margin-right: 0;}
.fh_i_img{overflow: hidden;height: 267px;}
.fh_i_img>img{width: 100%;height: 100%;object-fit: cover;transition: .3s;}
.fh_i>p{height: 40px;line-height: 40px;background-color: var(--base);color: #fff;padding: 0 14px;display: flex;justify-content: space-between;align-items: center;}
.fh_i>p>img{width: 22px;height: 22px;}
.fh_i:hover .fh_i_img>img{transform: scale(1.1);}

.fh_page{margin: 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: #f5f5f5;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: #fff;}

@media screen and (max-width: 766px) {
    .fh_banner>img{height: 50vh;object-fit: cover;}

    .fh_i{width: 100%;margin-right: 0;}
    .fh_i_img{height: 20rem;}
}