@media screen and (max-width: 750px)   {

    .news-banner  {
        height: calc(600 * 100vw / 750);
        position: relative;

    }
    /* 添加图片遮罩 */ .news-banner::before  {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 1;

    }
    .news-banner .news-content  {
        position: relative;
        padding: calc(245 * 100vw / 750) 0 0 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        z-index: 2;

    }
    .news-banner .news-content .news-subtitle  {
        width: auto;
        height: calc(36 * 100vw / 750);
        font-size: calc(28 * 100vw / 750);
        line-height: calc(36 * 100vw / 750);
        text-align: center;

    }
    .news-banner .news-content .news-title  {
        width: auto;
        height: calc(106 * 100vw / 750);
        font-size: calc(50 * 100vw / 750);
        text-align: center;

    }
    .news-list  {
        margin-top: calc(80 * 100vw / 750);

    }
    .news-list .news-item  {
        flex-direction: column;
        padding: 0 calc(40 * 100vw / 750);
        gap: calc(30 * 100vw / 750);

    }
    .news-list .news-item+.news-item  {
        margin-top: calc(76 * 100vw / 750);

    }
    .news-item .news-item-left  {
        width: 100%;
        height: calc(350 * 100vw / 750);

    }
    .news-item .news-item-left img  {
        width: 100%;
        height: 100%;
        object-fit: cover;

    }
    .news-item .news-item-right  {
        width: 100%;
        height: calc(352 * 100vw / 750);
        padding: calc(52 * 100vw / 750) calc(42 * 100vw / 750) calc(46 * 100vw / 750) calc(20 * 100vw / 750);

    }
    .news-item .news-item-title  {
        width: calc(600 * 100vw / 750);
        font-size: calc(24 * 100vw / 750);

    }
    .news-item .news-item-content  {
        margin-top: calc(20 * 100vw / 750);
        width: calc(600 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);

    }
    .news-item .news-item-info  {
        height: calc(44 * 100vw / 750);

    }
    .news-item-info .news-item-date  {
        font-size: calc(20 * 100vw / 750);

    }
    .news-item-info .news-btn-arr  {
        width: calc(25 * 100vw / 750);
        height: calc(14 * 100vw / 750);

    }
    .news-item:hover .news-item-info .news-btn-arr  {
        width: calc(44 * 100vw / 750);
        height: calc(44 * 100vw / 750);

    }
    .pagination  {
        margin-top: calc(90 * 100vw / 750);

    }
    .pagination .vie-pager  {
        gap: calc(8 * 100vw / 750);

    }
    .vie-pager .number  {
        min-width: calc(48 * 100vw / 750);
        height: calc(48 * 100vw / 750);
        line-height: calc(48 * 100vw / 750);
        border-radius: calc(24 * 100vw / 750);
        font-size: calc(20 * 100vw / 750);

    }

}