.kb_news{background-color: #f7f7f7;}

.zn_top{background-color: #f7f7f7;}
.zn_top_c{box-shadow: 0px 6px 32px 0px rgba(0, 0, 0, 0.05);padding: 70px;background-color: rgba(255,255,255,.7);margin-top: -100px;position: relative;z-index: 1;}
.zn_top_c>h2{font-size: 34px;font-weight: 600;color: var(--base);}
.zn_top_c>h1{font-size: 32px;color: #666;margin-top: 20px;}

.zn_news{padding: 100px 0 0;}
.zn_news_i{display: block;margin-bottom: 40px;transition: .3s;}
.zn_news_ic{display: flex;justify-content: space-between;padding: 30px;}
.zn_news_l{flex: 1;text-align: center;padding: 0 0 20px;}
.zn_news_l>h1{color: var(--base);font-size: 42px;font-weight: 600;line-height: 2;}
.zn_news_l>p{color: #666;font-size: 18px;}
.zn_news_m{flex: 2;}
.zn_news_m>img{width: 360px;object-fit: cover;}
.zn_news_r{flex: 4;padding-left: 20px;}
.zn_news_r>h1{font-size: 20px;line-height: 1.5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.zn_news_r>p{line-height: 2;color: #666;margin: 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.zn_news_r>i{padding: 0 30px;line-height: 30px;border: 1px solid #ccc;color: #999;display: inline-block;font-style: normal;}
.zn_news_i:hover{box-shadow: 6px 6px 20px 1px #eee;transform: translateY(-5%);background-color: #fff;}
.zn_news_i:hover .zn_news_r>h1{color: var(--base);}

.zn_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) {
    .kb_nav_c{width: 100%;}
    .kb_nav_w{display: none;}

    .zn_news{padding: 4rem 0;}
    .zn_news_ic{flex-direction: column;padding: 2rem 0;}
    .zn_news_l{display: none;}
    .zn_news_m{flex: unset;width: 100%;}
    .zn_news_m>img{width: 100%;height: 20rem;}
    .zn_news_r{flex: unset;margin-top: 2rem;padding-left: 0;}
    .zn_news_r>h1{font-size: 2rem;}
    .zn_news_r>p{margin: 1rem 0;}

}