@media screen and (min-width:981px) {
    .news-wrap {
        width: 100%;
    }

    .news-wrap-phone {
        display: none;
    }

    .news-wrap .bread-crumbs {
        background: #EFF1F6;
    }

    .news-wrap > .news-content {
        width: 100%;
        margin-top: 50px;
        padding-bottom: 100px;
    }

    .news-wrap > .news-content > .page-title {
        font-size: 36px;
        font-weight: bold;
        text-align: center;
        color: #252525;
        line-height: 50px;
    }

    .news-wrap > .news-content > .news-order {
        width: 100%;
        margin-top: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .news-wrap > .news-content > .news-order .search-wrap {
        width: auto;
    }

    .news-wrap > .news-content > .news-order .search-box {
        width: 339px;
        height: 44px;
        margin-right: 50px;
        position: relative;
        display: inline-block;
    }

    .news-wrap > .news-content > .news-order .search-box select,
    .news-wrap > .news-content > .news-order .search-box input {
        width: 100%;
        height: 100%;
        padding: 11px 20px;
        font-size: 16px;
        color: #252525;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #979797;
        background: transparent;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .news-wrap > .news-content > .news-order .search-box input::-webkit-input-placeholder {
        color: #252525;
    }

    .news-wrap > .news-content > .news-order .search-box input::-moz-placeholder {
        color: #252525;
    }

    .news-wrap > .news-content > .news-order .search-box input::-ms-input-placeholder {
        color: #252525;
    }

    .news-wrap > .news-content > .news-order .search-box .icon-drop {
        width: 13px;
        height: 8px;
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    .news-wrap > .news-content > .news-order .search-box .icon-drop img {
        width: 100%;
        height: 100%;
    }

    .news-wrap > .news-content > .news-order .search-box .icon-search {
        width: 16px;
        height: 17px;
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        cursor: pointer;
    }

    .news-wrap > .news-content > .news-order .search-box .icon-search img {
        width: 100%;
        height: 100%;
    }

    .news-wrap > .news-content > .news-order .order-icon {
        width: 72px;
        height: 100%;
    }

    .news-wrap > .news-content > .news-order .order-icon i {
        width: 26px;
        height: 22px;
        margin-right: 20px;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

    .news-wrap > .news-content > .news-order .order-icon i::before {
        content: "123";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .news-wrap > .news-content > .news-order .order-icon .layout-card::before {
        content: "123";
        background: url("/static/icon/icon-layout-card.svg") no-repeat center;
        background-size: cover;
    }

    .news-wrap > .news-content > .news-order .order-icon .layout-card.active::before {
        content: "123";
        background: url("/static/icon/icon-layout-card-select.svg") no-repeat center;
        background-size: cover;
    }

    .news-wrap > .news-content > .news-order .order-icon .layout-list {
        margin-right: 0;
    }

    .news-wrap > .news-content > .news-order .order-icon .layout-list::before {
        content: "123";
        background: url("/static/icon/icon-layout-list.svg") no-repeat center;
        background-size: cover;
    }

    .news-wrap > .news-content > .news-order .order-icon .layout-list.active::before {
        content: "123";
        background: url("/static/icon/icon-layout-list-select.svg") no-repeat center;
        background-size: cover;
    }

    .news-wrap > .news-content > .group-news-card {
        width: 100%;
        margin-top: 40px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .news-wrap > .news-content > .group-news-card.group-news-list {
        margin-top: 13px;
    }

    .news-wrap > .news-content > .group-news-card.group-news-list .news-item .content .desc {
        height: auto;
        max-height: 44px;
    }

    .news-wrap > .news-content > .group-news-card .news-item {
        width: 31.4%;
        height: auto;
        margin-bottom: 40px;
        margin-right: 2.8%;
        cursor: pointer;
        background: #F8F8F8;
        border-radius: 20px;
        overflow: hidden;
    }

    .news-wrap > .news-content > .group-news-card .news-item.news-list-item {
        width: 100%;
        height: 328px;
        padding: 39px 0;
        margin-right: 0;
        border-bottom: 1px solid rgba(151, 151, 151, 0.3);
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }

    .news-wrap > .news-content > .group-news-card .news-item:nth-child(3n) {
        margin-right: 0;
    }

    .news-wrap > .news-content > .group-news-card .news-item .news-img {
        width: 100%;
        height: 298px;
        overflow: hidden;
    }

    .news-wrap > .news-content > .group-news-card .news-list-item .news-img {
        width: 26.4%;
        height: 100%;
    }

    .news-wrap > .news-content > .group-news-card .news-item .news-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news-wrap > .news-content > .group-news-card .news-item .content {
        width: 100%;
        padding: 20px;
    }

    .news-wrap > .news-content > .group-news-card .news-list-item .content {
        width: 64%;
        height: auto;
        margin-top: 0;
    }

    .news-wrap > .news-content > .group-news-card .news-item .content .title {
        width: 100%;
        font-size: 20px;
        font-weight: bold;
        color: #252525;
        line-height: 28px;
        height: 56px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .news-wrap > .news-content > .group-news-card .news-item:hover {
        background: #FFFFFF;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    }

    .news-wrap > .news-content > .group-news-card .news-item:hover .title {
        color: #BE282D;
    }

    .news-wrap > .news-content > .group-news-card .news-item .content .desc {
        width: 100%;
        height: 44px;
        margin-top: 18px;
        font-size: 16px;
        font-weight: 400;
        color: #2A2E2E;
        line-height: 22px;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .news-wrap > .news-content > .group-news-card .news-list-item .content .desc {
        margin-top: 15px;
    }

    .news-wrap > .news-content > .group-news-card .news-item .content .time {
        width: 100%;
        margin-top: 20px;
        font-size: 16px;
        font-weight: 400;
        color: #2A2E2E;
        line-height: 22px;
    }

    .news-wrap > .news-content > .group-news-card .news-list-item .content .time {
        margin-top: 13px;
    }
    @-moz-document url-prefix() {
        .news-wrap {
            width: 100%;
        }

        .news-wrap-phone {
            display: none;
        }

        .news-wrap .bread-crumbs {
            background: #EFF1F6;
        }

        .news-wrap > .news-content {
            width: 100%;
            margin-top: 50rem;
            padding-bottom: 100rem;
        }

        .news-wrap > .news-content > .page-title {
            font-size: 36rem;
            font-weight: bold;
            text-align: center;
            color: #252525;
            line-height: 50rem;
        }

        .news-wrap > .news-content > .news-order {
            width: 100%;
            margin-top: 35rem;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .news-wrap > .news-content > .news-order .search-wrap {
            width: auto;
        }

        .news-wrap > .news-content > .news-order .search-box {
            width: 339rem;
            height: 44rem;
            margin-right: 50rem;
            position: relative;
            display: inline-block;
        }

        .news-wrap > .news-content > .news-order .search-box select,
        .news-wrap > .news-content > .news-order .search-box input {
            width: 100%;
            height: 100%;
            padding: 11rem 20rem;
            font-size: 16rem;
            color: #252525;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: 1rem solid #979797;
            background: transparent;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

        .news-wrap > .news-content > .news-order .search-box input::-webkit-input-placeholder {
            color: #252525;
        }

        .news-wrap > .news-content > .news-order .search-box input::-moz-placeholder {
            color: #252525;
        }

        .news-wrap > .news-content > .news-order .search-box input::-ms-input-placeholder {
            color: #252525;
        }

        .news-wrap > .news-content > .news-order .search-box .icon-drop {
            width: 13rem;
            height: 8rem;
            display: block;
            position: absolute;
            top: 50%;
            right: 20rem;
            transform: translateY(-50%);
        }

        .news-wrap > .news-content > .news-order .search-box .icon-drop img {
            width: 100%;
            height: 100%;
        }

        .news-wrap > .news-content > .news-order .search-box .icon-search {
            width: 16rem;
            height: 17rem;
            display: block;
            position: absolute;
            top: 50%;
            right: 20rem;
            transform: translateY(-50%);
            cursor: pointer;
        }

        .news-wrap > .news-content > .news-order .search-box .icon-search img {
            width: 100%;
            height: 100%;
        }

        .news-wrap > .news-content > .news-order .order-icon {
            width: 72rem;
            height: 100%;
        }

        .news-wrap > .news-content > .news-order .order-icon i {
            width: 26rem;
            height: 22rem;
            margin-right: 20rem;
            display: inline-block;
            position: relative;
            cursor: pointer;
        }

        .news-wrap > .news-content > .news-order .order-icon i::before {
            content: "123";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .news-wrap > .news-content > .news-order .order-icon .layout-card::before {
            content: "123";
            background: url("/static/icon/icon-layout-card.svg") no-repeat center;
            background-size: cover;
        }

        .news-wrap > .news-content > .news-order .order-icon .layout-card.active::before {
            content: "123";
            background: url("/static/icon/icon-layout-card-select.svg") no-repeat center;
            background-size: cover;
        }

        .news-wrap > .news-content > .news-order .order-icon .layout-list {
            margin-right: 0;
        }

        .news-wrap > .news-content > .news-order .order-icon .layout-list::before {
            content: "123";
            background: url("/static/icon/icon-layout-list.svg") no-repeat center;
            background-size: cover;
        }

        .news-wrap > .news-content > .news-order .order-icon .layout-list.active::before {
            content: "123";
            background: url("/static/icon/icon-layout-list-select.svg") no-repeat center;
            background-size: cover;
        }

        .news-wrap > .news-content > .group-news-card {
            width: 100%;
            margin-top: 40rem;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
        }

        .news-wrap > .news-content > .group-news-card.group-news-list {
            margin-top: 13rem;
        }

        .news-wrap > .news-content > .group-news-card.group-news-list .news-item .content .desc {
            height: auto;
            max-height: 44rem;
        }

        .news-wrap > .news-content > .group-news-card .news-item {
            width: 31.4%;
            height: auto;
            margin-bottom: 40rem;
            margin-right: 2.8%;
            cursor: pointer;
            background: #F8F8F8;
            border-radius: 20rem;
            overflow: hidden;
        }

        .news-wrap > .news-content > .group-news-card .news-item.news-list-item {
            width: 100%;
            height: 328rem;
            padding: 39rem 0;
            margin-right: 0;
            border-bottom: 1rem solid rgba(151, 151, 151, 0.3);
            display: flex;
            flex-direction: row-reverse;
            justify-content: space-between;
            align-items: center;
        }

        .news-wrap > .news-content > .group-news-card .news-item:nth-child(3n) {
            margin-right: 0;
        }

        .news-wrap > .news-content > .group-news-card .news-item .news-img {
            width: 100%;
            height: 298rem;
            overflow: hidden;
        }

        .news-wrap > .news-content > .group-news-card .news-list-item .news-img {
            width: 26.4%;
            height: 100%;
        }

        .news-wrap > .news-content > .group-news-card .news-item .news-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .news-wrap > .news-content > .group-news-card .news-item .content {
            width: 100%;
            padding: 20rem;
        }

        .news-wrap > .news-content > .group-news-card .news-list-item .content {
            width: 64%;
            height: auto;
            margin-top: 0;
        }

        .news-wrap > .news-content > .group-news-card .news-item .content .title {
            width: 100%;
            font-size: 20rem;
            font-weight: bold;
            color: #252525;
            line-height: 28rem;
            height: 56rem;
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
        }

        .news-wrap > .news-content > .group-news-card .news-item:hover {
            background: #FFFFFF;
            box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
        }

        .news-wrap > .news-content > .group-news-card .news-item:hover .title {
            color: #BE282D;
        }

        .news-wrap > .news-content > .group-news-card .news-item .content .desc {
            width: 100%;
            height: 44rem;
            margin-top: 18rem;
            font-size: 16rem;
            font-weight: 400;
            color: #2A2E2E;
            line-height: 22rem;
            overflow: hidden;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .news-wrap > .news-content > .group-news-card .news-list-item .content .desc {
            margin-top: 15rem;
        }

        .news-wrap > .news-content > .group-news-card .news-item .content .time {
            width: 100%;
            margin-top: 20rem;
            font-size: 16rem;
            font-weight: 400;
            color: #2A2E2E;
            line-height: 22rem;
        }

        .news-wrap > .news-content > .group-news-card .news-list-item .content .time {
            margin-top: 13rem;
        }
    }
}

@media screen and (max-width:980px) {
    .news-wrap-phone {
        max-width: 100vw;
        width: 100vw;
        overflow: hidden;
    }

    .news-wrap-web {
        display: none;
    }

    .news-content {
        padding: 0.3rem 0 0;
    }

    .page-banner-item-title {
        font-size: 0.2rem;
        font-weight: 400;
        top: 30%;
    }

    .page-title-box {
        padding-bottom: 0.3rem;
    }

    .page-title-text {
        text-align: center;
        font-size: 0.14rem;
        font-weight: 600;
        color: #262424;
    }

    .page-title-text-line {
        margin: 0.06rem auto 0;
        width: 0.34rem;
        border-bottom: 0.02rem solid #DA2027;
    }

    .group-news-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.25rem;
    }

    .group-news-item:last-child {
        margin-bottom: 0;
    }

    .group-news-item:hover .group-news-item-title {
        color: #BE282D;
    }

    .group-news-item-img {
        min-width: 1.41rem;
        /* height: 0.94rem; */
        background: #D8D8D8;
        border-radius: 0.1rem;
        overflow: hidden;
    }

    .group-news-item-img img {
        width: 1.41rem;
        /* height: 0.94rem; */
    }

    .group-news-item-content {
        flex: 1;
        width: 0;
        padding-left: 0.2rem;
    }

    .group-news-item-title {
        font-size: 0.16rem;
        color: #262424;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .group-news-item-intro {
        font-size: 0.1rem;
        color: #7A7B7D;
        margin-top: 0.03rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        display: -moz-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .group-news-item-time {
        font-size: 0.1rem;
        color: #B4B6B9;
        margin-top: 0.04rem;
    }

    .news-wrap .news-content .page-Pagination .spage-number button[data-page="prev"] {
         border: 1px solid #7A7B7D;
         border-radius: 0;
     }

    .news-wrap .news-content .page-Pagination .spage-number button.active {
        /* color: #7A7B7D;
        border-radius: 50%;
        font-weight: 600; */
        color: #DA2027;
        background: none;
    }

    .news-wrap .news-content .page-Pagination .spage-number button[data-page="next"] {
        border: 1px solid #7A7B7D;
        border-radius: 0;
    }
    #newsPage-phone {
        margin: 0.3rem 0;
    }
}