.ty_news{background-color: #f6f6f6;}

.tn_banner>img{width: 100%;}

.tn_news{margin-top: 50px;}
.tn_news_i{width: 100%;margin-bottom: 30px;padding: 20px;transition: .3s;cursor: pointer;display: flex;}
.tn_news_i:nth-child(3n){margin-right: 0;}
.tn_news_l{width: 35%;height: 230px;overflow: hidden;transform: skew(-10deg);}
.tn_news_l>img{width: 100%;height: 100%;object-fit: cover;transition: .3s;transform: scale(1.2) skew(10deg);transition: .3s;}
.tn_news_r{width: 60%;text-align: left;margin-left: 5%;}
.tn_news_r>h1{font-size: 24px;padding: 20px 0 ;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #666;}
.tn_news_r>span{font-size: 14px;color: #999;}
.tn_news_r>p{line-height: 2;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin: 10px 0;}
.tn_news_r>i{font-size: 14px;color: #666;font-style: normal;line-height: 2;display: inline-block;transition: .3s;}
.tn_news_i:hover .tn_news_l>img{transform: scale(1.3) skew(10deg)}
.tn_news_i:hover .tn_news_r>h1{color: var(--base);}
.tn_news_i:hover .tn_news_r>i{color: var(--base);border-bottom: 1px solid var(--base);}

.tn_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) {
    .tn_banner>img{height: 30vh;object-fit: cover;}

    .tn_news_i{padding: 0;flex-direction: column;}
    .tn_news_l{transform: unset;width: 100%;height: 15rem;}
    .tn_news_l>img{transform: unset;}
    .tn_news_r{margin-top: 1.5rem;margin-left: 0;width: 100%;}
    .tn_news_r>h1{font-size: 2.2rem;padding: 1rem 0;}
    .tn_news_r>span{font-size: 1.4rem;}
    .tn_news_r>i{font-size: 1.4rem;}
    .tn_news_i:hover .tn_news_l>img{transform: scale(1.1);}

}