.hr_banner>img{width: 100%;}



.hr_right>h1{border-bottom: 1px solid #e5e5e5;}
.hr_right>h1>span{background-color: var(--base);color: #fff;font-size: 16px;padding: 0 40px;height: 42px;line-height: 42px;display: inline-block;}

.hr_list{margin-top: 20px;display: flex;flex-wrap: wrap;}
.hr_item{width: 22%;margin-right: 4%;margin-bottom: 20px;}
.hr_item:nth-child(4n){margin-right: 0;}
.hr_item_img{overflow: hidden;}
.hr_item_img>img{height: 180px;transition: .3s;object-fit: cover;}
.hr_item>h1{font-size: 14px;color: #333;text-align: center;line-height: 2;}


.hr_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) {
    .hr_banner>img{height: 14rem;object-fit: cover;}

    .hr_item{width: 48%;}
    .hr_item:nth-child(2n){margin-right: 0;}
    .hr_item>h1{font-size: 1.6rem;}

}