.show-mob {
    display: none;
}

.show-pc {
    display: block;
}

.article .swiper-pagination {
    width: 60px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    position: static;
}

.article .swiper {
    overflow: hidden;
}

span.bold {
    font-weight: bold !important;
}

@media screen and (min-aspect-ratio: 11/10) {

    .article {
        font-family: Manrope, Arial, "Helvetica Neue", Helvetica, sans-serif;
        background-color: #f9f9f9;
        overflow: hidden;
        margin-top: calc(var(--clientWidth)* 3.75 / 100);
    }

    .bread {
        width: calc(var(--clientWidth)* 62.5 / 100);
        margin: 0 auto;
        padding: calc(var(--clientWidth) * 1.354167 / 100) 0 calc(var(--clientWidth) * .520833 / 100);
        color: #8d8d8d;
        font-size: calc(var(--clientWidth)* .833333 / 100);
    }


    .bread a {
        color: #8d8d8d;
        font-size: calc(var(--clientWidth)* .833333 / 100);
    }

    .bread a.active {
        color: #000;
    }


    .article .article_main {
        width: calc(var(--clientWidth)* 62.5/100);
        margin: 0 auto calc(var(--clientWidth)*1.25/100);
        box-sizing: border-box;
        background: #fff;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
        padding: calc(var(--clientWidth) * 1.40625 / 100) calc(var(--clientWidth)*1.25/100);
    }

    .article .article_title {
        font-size: calc(var(--clientWidth)*.01875);
        font-weight: 500;
        line-height: 1.5
    }

    .article .article_title_1 {
        font-size: calc(var(--clientWidth)* 1.666667 / 100);
        font-weight: 500;
        line-height: 1.5;
        margin-top: calc(var(--clientWidth)*1.666667 /100);
        font-weight: bold;
    }

    .article .article_title_data {
        font-size: calc(var(--clientWidth)*.00833333);
        color: #000;
        opacity: .5;
        margin-top: calc(var(--clientWidth)*.00833333);
        line-height: 1.5
    }

    .article .article_tlt {
        font-weight: 500;
        font-size: calc(var(--clientWidth)*1.041667/100);
        line-height: 1.5;
        margin: calc(var(--clientWidth)*.00833333) 0
    }

    .article .article_tlt_1 {
        font-weight: 500;
        font-size: calc(var(--clientWidth)*.9375/100);
        line-height: 1.5;
        margin: calc(var(--clientWidth)*.00833333) 0
    }


    .article .article_du {
        font-size: calc(var(--clientWidth)*.00833333);
        line-height: 1.5
    }

    .article .article_du_1 {
        margin-top: calc(var(--clientWidth)*.625/100);
        margin-bottom: calc(var(--clientWidth)*.00833333)
    }

    .article .article_pic1 {
        width: calc(var(--clientWidth)*.4118);
        margin: calc(var(--clientWidth)*.00833333) 0
    }

    .article .article_pic1 img {
        width: 100%
    }

    .article .article_pic1 {
        width: 100%;
    }

    .article .article_du_2,
    .article .article_du_3,
    .article .article_du_4,
    .article .article_du_5,
    .article .article_du_6 {
        margin-bottom: calc(var(--clientWidth)*.00833333)
    }

    .article .article_title_2 {
        font-size: calc(var(--clientWidth)*1.875/100);
        margin-top: calc(var(--clientWidth)*4.479167/100);
        font-weight: 500;
        line-height: 1.5
    }

    .article .article_tags {
        display: inline-block;
        padding: calc(var(--clientWidth)*.002083) calc(var(--clientWidth)*.0177083);
        text-align: center;
        border-radius: 999px;
        border: #d4d4d4 solid calc(var(--clientWidth)*0.0005208333);
        font-size: calc(var(--clientWidth)*.00833333);
        margin-top: calc(var(--clientWidth)*.00677083);
    }

    .article .article_du {
        letter-spacing: 0.6px;
        line-height: calc(var(--clientWidth) * 1.5625 / 100);
        font-size: calc(var(--clientWidth)* .9375 / 100);
        color: rgb(51, 51, 51);
    }

    .article .article_tlt {
        font-size: calc(var(--clientWidth)* 1.25 / 100);
        margin-top: calc(var(--clientWidth)* 1.875 / 100);
        margin: calc(var(--clientWidth)* 1.302083 / 100) 0;
        font-size: calc(var(--clientWidth)* 1.25 / 100);
        font-weight: 600;
    }

    .positionImage .noTextMob {
        display: none;
    }

    .nav-bg-container {
        width: 100%;
        background-color: #f2f3f5;
    }

    .title_main {
        display: flex;
        gap: calc(var(--clientWidth) * 1.041667 / 100);
    }

    .left_img {
        width: calc(var(--clientWidth) * 20.052083 / 100);
        height: calc(var(--clientWidth) * 11.458333 / 100);
    }

    .left_img img {
        width: calc(var(--clientWidth) * 20.052083 / 100);
        height: calc(var(--clientWidth) * 11.458333 / 100);
    }

    .right_content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: .833333vw;
    }

    .right_title {
        font-size: calc(var(--clientWidth) * 1.25 / 100);
        font-weight: bold;
    }

    .right_desc {
        opacity: 0.6;
        font-size: calc(var(--clientWidth) * .833333 / 100);
        color: #000000;
        letter-spacing: 0;
        line-height: calc(var(--clientWidth) * 1.5625 / 100);
        font-weight: 400;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
    }


    .article .right_desc:hover::after {
        content: attr(data-fulltext);
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        padding: 5px;
    }

    .right_data {
        flex: 1;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: baseline;
    }

    .right_more {
        display: flex;
        align-items: center;
    }

    .right_time {
        opacity: 0.6;
        font-size: calc(var(--clientWidth) * .833333 / 100);
        color: #000000;
        letter-spacing: 0;
        line-height: calc(var(--clientWidth) * 1.5625 / 100);
        font-weight: 400;
        margin-right: calc(var(--clientWidth) * .9375 / 100);
    }

    .right_tab {
        display: flex;
        flex-wrap: wrap;
    }

    .right_tab span {
        opacity: 0.6;
        font-size: calc(var(--clientWidth) * .833333 / 100);
        color: #000000;
        letter-spacing: 0;
        text-align: center;
        line-height: calc(var(--clientWidth) * 1.5625 / 100);
        font-weight: 400;
        display: block;
        margin-right: calc(var(--clientWidth) * .416667 / 100);
        padding: 1px calc(var(--clientWidth) * .833333 / 100);
        border-radius: 999px;
        border: 1px solid #d4d4d4;
    }

    .right_content .right_data .right_btn {
        background: #C7000B;
        border-radius: 999px;
        font-size: calc(var(--clientWidth) * .833333 / 100);
        color: #FFFFFF;
        text-align: center;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: calc(var(--clientWidth) * .364583 / 100) calc(var(--clientWidth) * 1.25 / 100);
        cursor: pointer;
    }




    .download_desc {
        display: flex;
        flex-direction: row-reverse;
        padding-bottom: calc(var(--clientWidth) * .520833 / 100);
        opacity: 0.6;
        font-size: calc(var(--clientWidth) * .833333 / 100);
        color: #000000;
        letter-spacing: 0;
        text-align: right;
        line-height: calc(var(--clientWidth) * 1.5625 / 100);
        margin-top: calc(var(--clientWidth) * 3.645833 / 100);
        font-weight: 400;
    }

    .line {
        /* 一条分割线时隐时现 */
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, #979797 0%, #979797 50%, transparent 56.25%);
        background-size: 16px 10px;
        background-repeat: repeat-x;
        margin: 0 auto calc(var(--clientWidth) * 1.5625 / 100);
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    .article {
        background-color: #fff;
        width: 100%;
        margin: 0 auto;
        padding: 12.5vw 0;
    }

    .bread {
        font-size: 3.333333vw;
        width: 83.333333vw;
        margin: 0 auto;
        padding: 6.25vw 0;
        color: rgba(0, 0, 0, .6);
    }

    .bread a {
        font-size: 3.333333vw;
        color: rgba(0, 0, 0, .6);
    }

    .bread a.active {
        color: #000000;
    }

    .article .article_main {
        width: 83.333333vw;
        margin: 0 auto;
    }

    .article .title_main .left_img {
        margin-bottom: 9.166667vw;
    }

    .article .right_title {
        font-size: 4.444444vw;
        color: #000000;
        letter-spacing: 0;
        font-weight: 500;
        margin-bottom: 3.472222vw;
    }

    .article .right_desc {
        font-size: 3.333333vw;
        color: #000000;
        letter-spacing: 0;
        line-height: 5.277778vw;
        font-weight: 400;
        margin-bottom: 3.472222vw;
        position: relative;
        opacity: .6;
    }


    .article .right_data {
        display: flex;
        flex-direction: column;
        gap: 5.555556vw;
    }

    .article .right_more {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 2.916667vw;
    }

    .article .right_time {
        font-size: 3.333333vw;
        color: #787777;
        font-weight: 400;
    }

    .article .right_tab {
        display: flex;
        gap: 1.111111vw;
    }

    .article .right_tab span {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1px 2.222222vw;
        background: #FFFFFF;
        border: 1px solid rgba(212, 212, 212, 1);
        border-radius: 999px;
        font-size: 3.333333vw;
        color: rgba(0, 0, 0, .6);
    }

    .article .right_btn {
        padding: .833333vw 5.277778vw;
        border-radius: 999px;
        width: max-content;
        background: #C7000B;
        color: #fff;
        font-size: 3.333333vw;
        text-wrap: nowrap;
    }

    .article .download_desc {
        text-align: end;
        font-size: 3.333333vw;
        color: rgba(0, 0, 0, .6);
        margin-top: 9.444444vw;
        margin-bottom: 3.333333vw;
    }

    .line {
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, #979797 0%, #979797 50%, transparent 56.25%);
        background-size: 2.777778vw 1.388889vw;
        background-repeat: repeat-x;
        margin: 0 auto 2.777778vw;
    }

    .article .article_title {
        font-size: calc(var(--clientWidth)*4.444444/100);
        line-height: 1.5;
        margin-top: calc(var(--clientWidth)*8.888889/100)
    }

    .article .article_title_1 {
        font-size: calc(var(--clientWidth)* 3.888889 / 100);
        font-weight: 500;
        line-height: 1.5;
        margin-top: calc(var(--clientWidth)* 5.833333/100);
    }

    .article .article_title_data {
        font-size: calc(var(--clientWidth)*3.333333/100);
        margin-top: calc(var(--clientWidth)*4.166667/100);
        font-weight: 500;
        line-height: 1.5
    }

    .article .article_tlt {
        font-size: calc(var(--clientWidth)*4.444444/100);
        line-height: 1.5;
        margin: 0
    }

    .article .article_tlt_1 {
        font-size: calc(var(--clientWidth)*3.888889/100);
        line-height: 1.5;
        margin: 0
    }

    .article .article_du {
        font-size: calc(var(--clientWidth)*.03333333);
        font-weight: 500;
        line-height: 1.5
    }

    .article .article_du_1 {
        margin-top: calc(var(--clientWidth)*4.166667/100);
        margin-bottom: calc(var(--clientWidth)*2.777778/100)
    }

    .article .article_pic1 {
        width: 100%;
        margin: calc(var(--clientWidth)*.04166667) 0
    }

    .article .article_pic1 img {
        width: 100%;
    }

    .article .article_du_2,
    .article .article_du_3,
    .article .article_du_4,
    .article .article_du_5,
    .article .article_du_6 {
        margin-bottom: 0;
        margin-top: calc(var(--clientWidth)*2.777778/100)
    }

    .article .article_du_3,
    .article .article_du_4,
    .article .article_du_5,
    .article .article_du_6,
    .article .article_du_7 {
        margin-top: 0
    }

    .article .article_du_7 {
        margin-top: calc(var(--clientWidth)*.04166667);
        margin-bottom: calc(var(--clientWidth)*8.333333/100)
    }

    .article .article_title_2 {
        margin-top: calc(var(--clientWidth)*8.388889/100);
        font-size: calc(var(--clientWidth)*4.444444/100)
    }

    .article .article_tags {
        font-size: calc(var(--clientWidth)*2.222222/100);
        padding: calc(var(--clientWidth)*.55/100) calc(var(--clientWidth)*4.5/100);
        border-radius: 999px;
        margin-top: calc(var(--clientWidth)*1.666667/100);
        margin-bottom: calc(var(--clientWidth)*8.333333/100)
    }

    .article .article_tlt {
        font-size: calc(var(--clientWidth)*4.444444 / 100);
    }

    .article .article_du {
        font-weight: 400;
        margin-top: calc(var(--clientWidth)*2.777778 / 100);
        margin-bottom: calc(var(--clientWidth)*2.777778 / 100);
        line-height: 2;
    }

    .article_title {
        margin-top: 0;
    }

    .title_main {
        display: flex;
        flex-direction: column;
    }

    .title_main .right_content {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
    }
}

@media screen and (max-width: 1280px) and (min-width:1189px) {
    .article .article_du {
        font-size: calc(var(--clientWidth)* 1.40625 / 100);
        letter-spacing: 0.6px;
        line-height: 200%;
    }

    .article .article_tlt {
        margin: calc(var(--clientWidth)* 1.875 / 100) 0;
        font-size: calc(var(--clientWidth)* 1.875 / 100);
    }

    .article .article_title_data {
        font-size: calc(var(--clientWidth)* 1.09375 / 100);
    }

    .article .article_main {
        width: calc(var(--clientWidth)* 62.5 / 100);
    }

    .bread {
        width: calc(var(--clientWidth)* 62.5 / 100);
        font-size: 12px;
    }

    .bread a {
        font-size: 12px;
    }

}

@media screen and (max-width: 1536px) and (min-width:1281px) {
    .article .article_du {
        font-size: calc(var(--clientWidth)* 1.171875 / 100);
        letter-spacing: 0.6px;
        line-height: 200%;
    }

    .bread {
        width: calc(var(--clientWidth)* 59.765625 / 100);
        font-size: 12px;
    }

    .bread a {
        font-size: 12px;
    }

    .article .article_tlt {
        margin: calc(var(--clientWidth)* 1.5625 / 100) 0;
        font-size: calc(var(--clientWidth)* 1.5625 / 100);
    }

    .article .article_title_data {
        font-size: calc(var(--clientWidth)* .911458 / 100);
    }

    .article .article_main {
        width: calc(var(--clientWidth)* 59.765625 / 100);
    }

}