.news-list-banner {
    width: 100%;
}
.news-list-banner img {
    width: 100%;
    height: 100%;
}

.news-list-wrap {
    width: 100%;
    padding: 0 8.33vw;
    padding-top: 4.58vw;
    margin-bottom: 3.29vw;
}
.news-list-wrap .product_a {
    padding-top: 0;
    height: 5.21vw;
    border: 0.16vw solid #02A1AF;
    margin: 0;
    display: flex;

}
.news-list-wrap .product_a a { 
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
    align-items: center;
    font-family: FZVDLJiaoRuiHeiS;
    font-weight: 800;
    font-size: 2.4vw;
    color: #02A1AF;
    background-color: #fff;
    cursor: pointer;
}
.news-list-wrap .product_a a:nth-of-type(1) {
    border-right: 0.16vw solid #02A1AF;
}
.news-list-wrap .product_a a.active { 
    background-color: #02A1AF;
    color: #fff;
}
.news_bg {
    padding-top: 0;
    padding: 0 8.33vw;
    margin-bottom:  4.17vw;
}
.news_bg .wrap {
    margin: 0;
    padding: 0 4.67vw;
}

.news_bg .wrap .news_con ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.news_bg .wrap .news_con ul li .imgs {
    width: 23.44vw;
    height: 14.17vw;
}
.news_bg .wrap .news_con ul li .imgs img {
    height: 100%;
}

.news_bg .wrap .news_con ul li a .date {
    width: 11.46vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 0.05vw solid #bfbfbf;
}
.news_bg .wrap .news_con ul li a .i_about_r {
    padding-left: 2.46vw;
}
.news_bg .wrap .news_con ul li a .i_about_r h3 {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 2.01vw;
    color: #070707;
    line-height: 2.33vw;
    height: auto;
}
.news_bg .wrap .news_con ul li a .i_about_r .p {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.57vw;
    color: #838383;
    line-height: 1.68vw;
    max-height: none;
}
.news_bg .wrap .news_con ul li a .i_about_r .record {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.news_bg .wrap .news_con ul li a .i_about_r .record .cishu,
.news_bg .wrap .news_con ul li a .i_about_r .record .shijian {
    position: relative;
    padding-left: 2.77vw;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.46vw;
    color: #838383;
    line-height: 2.51vw;
    height: 2.51vw;
}
.news_bg .wrap .news_con ul li a .i_about_r .record .cishu::before {
    position: absolute;
    content: "";
    display: block;
    width: 1.88vw;
    left: 0.26vw;
    top: 0.78vw;
    height: 1.09vw;
    background-image: url("../../images/news-list/o.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.news_bg .wrap .news_con ul li a .i_about_r .record .shijian::before {
    position: absolute;
    content: "";
    display: block;
    width: 1.51vw;
    height: 1.51vw;
    left: 0.26vw;
    top: 0.52vw;
    background-image: url("../../images/news-list/time.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
.news_bg .wrap .news_con ul li a .date .year {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 2.77vw;
    color: #070707;
    line-height: 3.51vw;
}
.news_bg .wrap .news_con ul li a .date .mean {
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 1.46vw;
    color: #070707;
    line-height: 1.99vw;
}
.pages .pagination .page-item, .pages .pagination .page-item {
    border: 0;
    height: 1.88vw;
    line-height: 1.88vw;
}


.pages .pagination .page-item.nums .num {
    width: 1.88vw;
    height: 1.88vw;
    background: rgba(31, 134, 218,0.1);
    border-radius: 0.31vw;
    color: #0084E8;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.26vw;
}

.pages .pagination .page-item.nums .num.active {
    background: rgba(31, 134, 218,1);
    color: #fff;
}
@media screen and (max-width: 750px) {
    .news-list-banner {
        margin-top: 10.67vw;
    }
    .news-list-wrap {
        padding: 0 4vw;
        padding-top: 5.33vw;
        margin-bottom: 4vw;
    }
    .news-list-wrap .product_a {
        height: 9.07vw;
    }
    .news-list-wrap .product_a a {
        font-size: 4vw;
    }
    .news_bg {
        padding: 0 4vw;
    }
    .news_bg .wrap {
        padding: 0;
        width: 100%;
    }
    .news_bg .wrap .news_con ul li .imgs {
        width: 29.33vw;
        height: 17.33vw;
    }
    .news_bg .wrap .news_con ul li a .date {
        display: none;
    }
    .news_bg .wrap .news_con ul li a .i_about_r {
        padding-left: 3.2vw;
        flex: 1;
    }
    .news_bg .wrap .news_con ul li a .i_about_r h3 {
        font-size: 2.93vw;
        line-height: 4.53vw;
    }
    .news_bg .wrap .news_con ul li a .i_about_r .p {
        font-size: 2.4vw;
        line-height: 2.67vw;
    }
    .news_bg .wrap .news_con ul li a .i_about_r .record .cishu, .news_bg .wrap .news_con ul li a .i_about_r .record .shijian {
        font-size: 1.87vw;
        line-height: 3.33vw;
        height: 3.33vw;
        padding-left: 3.33vw;
    }   
    .news_bg .wrap .news_con ul li a .i_about_r .record .cishu::before {
        width: 2.4vw;
        height: 1.47vw;
        top: 1.2vw;
    }
    .news_bg .wrap .news_con ul li a .i_about_r .record .shijian::before {
        width: 1.87vw;
        height: 1.87vw;
        top: 0.8vw;
    }
    .news_con ul {
        padding-top: 10.67vw;
    }
}


@media screen and (max-width: 350px) {
    .news-list-banner {
        margin-top: 15.33vw;
    }
}