.lc_banner>img{width: 100%;}

.lc_list{display: flex;flex-wrap: wrap;margin-top: 50px;}
/* .lc_item{width: 31%;margin-right: 3.5%;display: inline-block;margin-bottom: 40px;position: relative;background-color: #000;height: 260px;overflow: hidden;transition: .5s;}
.lc_item:nth-child(3n){margin-right: 0;}
.lc_item>img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);}
.lc_item>h1{position: absolute;left: calc(100% - 10px);bottom: 5px;color: #fff;font-weight: lighter;font-size: 20px;transition: .5s;transform: translateX(-100%);white-space: nowrap;}
.lc_item:hover{padding: 20px 20px 44px;}
.lc_item:hover>img{transform: scale(1);}
.lc_item:hover>h1{left: 20px;bottom: 10px;transform: translateX(0);font-size: 18px;font-weight: bold;} */
.lc_item{width: 31%;margin-right: 3.5%;display: inline-block;margin-bottom: 40px;position: relative;height: 300px;transition: .5s;overflow: hidden;z-index: 1;background-position: center;background-repeat: no-repeat;background-size: cover;}
.lc_item:nth-child(3n){margin-right: 0;}
.lc_item>img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.1);}
.lc_item>i{position: absolute;right: 0;left: 0;bottom: 0;height: 50%;opacity: 0;transition: .6s;z-index: -1;background-color: var(--base)}
.lc_item>div{position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: .5s;}
.lc_item>div>h1{color: #fff;font-weight: lighter;font-size: 20px;transition: .5s;}
.lc_item>div>p{color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;height: 0;padding: 0 20px;transition: .5s;line-height: 2;}
.lc_item:hover>i{height: 100%;opacity: 1;}
.lc_item:hover>div{}
.lc_item:hover>div>h1{font-weight: bold;}
.lc_item:hover>div>p{height: 56px;margin-top: 50px;}

.lc_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) {
    .lc_banner>img{height: 100vh;object-fit: cover;}

    .lc_list{margin-top: 5rem;}
    .lc_item{width: 100%;margin-right: 0;margin-bottom: 2rem;height: 26rem;}

}