.qt_banner{position: relative;}
.qt_banner>img{width: 100%;transition: .3s;}

.qt_list{display: flex;flex-wrap: wrap;padding: 60px 0 0;}
.qt_item{position: relative;width: 22%;margin-right: 4%;margin-bottom: 40px;}
.qt_item:nth-child(4n){margin-right: 0;}
.qt_item>img{width: 100%;height: 330px;object-fit: cover;}
.qi_item_w{position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #fff;text-align: center;transition: .6s;overflow: hidden;padding: 340px 15px 0;}
.qi_item_w>h1{font-size: 18px;}
.qi_item_w>p{white-space: pre-wrap;line-height: 1.5;margin-top: 10px;}
.qt_item:hover .qi_item_w{background-color:rgba(0, 0, 0, 0.3);padding-top: 150px;}

.qt_page{padding: 50px 0 100px;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: #f9f9f9;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: #f9f9f9;}


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

    .qt_item{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .qt_item>img{height: 33rem;}
}