.pagation_list {
    background: #fff
}

.pagation_list .layout_ {
    justify-content: space-between
}

.pagation_list .mr {
    padding: 0
}

.new_main {
    background: #f2f5f7;
    padding: calc((42 / 19.2) * 1%) 0 calc((77 / 19.2) * 1%)
}

.new_main .news_item {
    --l-w: calc((421 / 16) * 1%);
    --pd: calc((43 / 16) * 1%);
    margin-top: 50px;
    background: #ffffff
}

.new_main .news_item:first-child {
    margin-top: 0
}

.new_main .news_item:hover {
    background: #eaf1fc
}

.new_main .news_item:hover .title {
    color: var(--color-main)
}

.new_main .news_item:hover .sub {
    background: var(--color-main);
    color: #fff !important
}

.new_main .news_item:hover .sub::after {
    background: url(../images/color/tright_.png) no-repeat center / cover
}

.new_main .news_item .img {
    /* height: auto;
    padding: 0 */
    padding-bottom: calc((269 / 16) * 1%);
}

.new_main .news_item .img img {
    /* position: unset */
}

.new_main .news_item .rrr {
    padding: calc((47 / 16) * 1%) calc((47 / 16) * 1%) calc((47 / 16) * 1%) 0
}

.new_main .news_item .time {
    color: var(--color-main);
    line-height: 28px
}

.new_main .news_item .title {
    margin-top: 7px;
    font-weight: 600;
    font-size: 20px;
    display: block
}

.new_main .news_item .desc {
    margin-top: 13px;
    color: #999999;
    line-height: 24px;
    display: block
}

.new_main .news_item .sub {
    margin-top: 13px;
    border: 1px solid var(--color-main);
    padding: 9px 22px;
    display: inline-flex;
    color: var(--color-main)
}

.new_main .news_item .sub::after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(../images/color/tright.png) no-repeat center / cover;
    margin-left: 3px;
    flex-shrink: 0
}

@media screen and (max-width:950px) {
    .new_main .news_item .img {
        padding-bottom: 70%;
    }

    .new_main .news_item:hover {
        background: unset
    }

    .new_main .news_item .rrr {
        padding: 0 10px 10px
    }
}