.pn_banner{position: relative;}
.pn_banner>img{width: 100%;}

.pn_news{padding: 60px 0 0;}
.pn_news_i{display: flex;justify-content: space-between;padding: 60px 0;border-radius: 5px;transition: .3s;gap: 4vw;border-bottom: 1px solid #eee;}
.pn_news_l{width: 10%;text-align: right;align-self: center;}
.pn_news_l>h1{color: #ccc;font-size: 32px;font-weight: 600;}
.pn_news_l>p{color: #aaa;font-size: 18px;line-height: 2;}
.pn_news_m{width: 30%;}
.pn_news_m>img{width: 100%;height: 226px;object-fit: cover;}
.pn_news_r{width: 56%;display: flex;flex-direction: column;align-items: flex-start;}
.pn_news_r>span{font-size: 14px;color: #666;margin: 20px 0;}
.pn_news_r>h1{font-size: 18px;line-height: 1.5;width: 100%;font-weight: 600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pn_news_r>p{line-height: 2;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;margin: 20px 0;font-size: 14px;}
.pn_news_r>i{font-size: 12px;color: #999;padding: 0 40px;line-height: 40px;border-radius: 5px;border: 1px solid var(--base);font-style: normal;color: var(--base);}
.pn_news_i:hover{}
.pn_news_i:hover h1{color: var(--base);}
.pn_news_i:hover i{background-color: var(--base);color: #fff;}

.pn_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: 1200px) {
    .pn_banner>img{height: 13rem;object-fit: cover;}

    .zk_left_l{width: 100%;}

    .pn_news_i{flex-direction: column;padding: 2rem 0;gap: 1rem;}
    .pn_news_l{display: none;}
    .pn_news_m{flex: unset;width: 100%;}
    .pn_news_m>img{width: 100%;height: 20rem;}
    .pn_news_r{flex: unset;margin-top: 2rem;}
    .pn_news_r>h1{font-size: 1.6rem;}
    .pn_news_r>p{margin: 1rem 0;font-size: 1.2rem;}
    .pn_news_r>i{line-height: 4rem;}

}
