.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);
    }

    .article.download-page .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);
    }


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

    .article.download-page .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);
    }

    .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: 1.5625vw;
        margin-top: 1.875vw;
        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;
    }

    .article.download-page .positionImage .noTextMob {
        display: none;
    }

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

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

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

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

    .article.download-page .right_content {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: .833333vw;
    }

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

    .article.download-page .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;
    }

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

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

    .article.download-page .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);
    }

    .article.download-page .right_tab {
        display: flex;
        flex-wrap: wrap;
    }

    .article.download-page .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;
    }

    .article.download-page .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;
    }




    .article.download-page .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;
    }

    .article.download-page .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;
    }

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

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

    .article.download-page .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 {
        flex-direction: row-reverse;
        display: flex;
    }
    .article .download_desc {
        text-align: end;
        font-size: 3.333333vw;
        color: rgba(0, 0, 0, .6);
        margin-top: 9.444444vw;
        margin-bottom: 3.333333vw;
    }

    .article.download-page .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%;
    }

    .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: 8.388889vw;
        font-size: 4.444444vw;
        margin-bottom: 2.777778vw;
        font-weight: 500;
    }

    .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.download-page .article_title {
        margin-top: 0;
    }

    .article.download-page .title_main {
        display: flex;
        flex-direction: column;
    }

    .article.download-page .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);
    }

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

    .article.download-page .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%;
    }

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

    .article.download-page .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);
    }

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

@media screen and (min-aspect-ratio: 11/10) {
   .article .bread {
        width: 44.270833vw;
        margin: 0 auto;
        padding: 1.354167vw 0 .520833vw;
        color: #8d8d8d;
        font-size: .833333vw;
    }

    .article .bread a {
        color: #8d8d8d;
        font-size: .833333vw;
    }
}

@media screen and (max-aspect-ratio: 11/10) {
    .article .bread {
        font-size: 3.333333vw;
        width: 83.333333vw;
        margin: 0 auto;
        padding: 4.444444vw 0;
        color: #8d8d8d;
    }

    .article .bread a {
        color: #8d8d8d;
        font-size: 3.333333vw;
    }
}

@media screen and (max-width: 1536px) and (min-width:1281px) {
    .article .bread {
        width: 59.765625vw;
        font-size: .833333vw;
    }

    .article .bread a {
        font-size: .833333vw;
    }
}

@media screen and (max-width: 1280px) and (min-width:1189px) {
    .article .bread {
        width: 44.270833vw;
        font-size: .833333vw;
    }

    .article .bread a {
        font-size: .833333vw;
    }
}
/* award */
.article .article_tlt_award {
    margin-bottom: 0px;
}

.award {
    margin-bottom: var(--padding-bottom, 0);
    margin-top: 13px;
}

.award .award_1 {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: .625vw .407292vw;
}

.award .award_single {
    height: 36px;
    display: flex;
    align-items: center;
    border: 0.72px solid rgba(227, 227, 227, 1);
    border-radius: 33.84px;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0 16px;
}

.award .award_single img {
    margin-right: 8px;
    height: 20px;
    width: auto;
}

.award .award_text {
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 37.32px;
    font-weight: 400;
}
.article .article-award-component .article_tlt_1 {
        font-weight: bold;
        font-size: .9375vw;
        line-height: 1.5625vw;
        margin: var(--padding-top, 0) 0 .520833vw;
    }

    .article .article-award-component .article_tlt {
        margin: var(--padding-top, 0) 0 .833333vw;
        font-size: 1.25vw;
        line-height: 1.5;
        font-weight: bold;
    }
@media screen and (max-aspect-ratio: 11 / 10) {
    .award {
        margin-bottom: var(--padding-bottom-xs, 0);
        margin-top: 4.44444vw;
    }

    .award .award_1 {
        padding-top: 1.944444vw;
        gap: 1.944444vw 2.777778vw;
    }

    .award .award_single {
        height: 5.83333vw;
        margin: 0;
        padding: 0 2.77776vw;
    }

    .award .award_text {
        font-size: 3.33332vw;
        line-height: 5.18332vw;
    }

    .award .award_single img {
        margin-right: 1.38888vw;
        height: 3.19444vw;
    }
    .article .article-award-component .article_tlt {
        font-size: 4.444444vw;
        line-height: 1.5;
        font-weight: bold;
        margin: var(--padding-top-xs, 0) 0 1.388889vw;
    }

    .article .article-award-component .article_tlt_1 {
        font-size: 3.888889vw;
        line-height: 1.5;
        margin: var(--padding-top-xs, 0) 0 1.388889vw;
        font-weight: bold;
    }
}
/**
 * Swiper 5.3.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 29, 2020
 */
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    /* transition-property:transform; */
    /* box-sizing:content-box; */
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
   opacity:1;
   background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
@media screen and (max-aspect-ratio: 11/10) {
    .swiper-pagination-bullet-active {
        background: #000;
    }
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media screen and (min-aspect-ratio: 11/10) {
    .article .article-image-component {
        margin-top: var(--padding-top, 0);
        margin-bottom: var(--padding-bottom, 0);
    }
    .article .article-image-component .article_pic1 {
        width: 100%;
    }

    .article .article-image-component .article_pic1 img {
        width: 100%
    }
}
@media screen and (max-aspect-ratio: 11/10) {
    .article .article-image-component {
        margin-top: var(--padding-top-xs, 0);
        margin-bottom: var(--padding-bottom-xs, 0);
    }
}
@media screen and (min-aspect-ratio: 11/10) {
    .article .article-video-component .video-box {
        margin-top: var(--padding-top, 0);
        margin-bottom: var(--padding-bottom, 0);
        width: 100%;
    }
    .article .article-video-component .article_pic1 {
        width: 100%;
        margin-top: var(--padding-top, 0);
        margin-bottom: var(--padding-bottom, 0);
    }
    .article .article-video-component .video-box video {
        width: 100%;
    }
}
@media screen and (max-aspect-ratio: 11/10) {
    .article .article-video-component .article_pic1 {
        width: 100%;
        margin-top: var(--padding-top-xs, 0);
        margin-bottom: var(--padding-bottom-xs, 0);
    }
    .article .article-video-component .video-box {
        width: 100%;
        margin-top: var(--padding-top-xs, 0);
        margin-bottom: var(--padding-bottom-xs, 0);
    }

    .article .article-video-component .video-box video {
        width: 100%;
    }
}
@media screen and (max-width: 1536px) and (min-width:1281px) {
    .article .article-video-component .article_pic1 {
        margin: var(padding-bottom-sm, 0) 0 2.083333vw;
    }
}

@media screen and (max-width: 1280px) and (min-width:1189px) {
    .article .article-video-component .article_pic1 {
        margin: var(--padding-bottom-pd, 0) 0 2.083333vw;
    }
}

#videoPopup {
    box-shadow: 0 .555556vw 1.111111vw rgba(0,0,0,0.1);
    display:none; 
    position:fixed; 
    left: 0%;
    right: 0%;
    top:0%; 
    bottom:0%; 
    z-index:99999; 
    background-color: black; 
    padding: 5.555556vw 0 5.555556vw 0;
    border: .777778px solid #ccc;
}
#closeBtn {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICA8ZyBpZD0i57uEXzU4MDk1IiBkYXRhLW5hbWU9Iue7hCA1ODA5NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMDUzKSI+CiAgICA8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTU0IiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDUzKSIgZmlsbD0iI2YwZiIgb3BhY2l0eT0iMCIvPgogICAgPHBhdGggaWQ9Iui3r+W+hF8yMzQwMiIgZGF0YS1uYW1lPSLot6/lvoQgMjM0MDIiIGQ9Ik00MzM5LjU2Ny03OS44NjdhMTYuNDY1LDE2LjQ2NSwwLDAsMS02LjQ0OS0xLjMsMTYuNSwxNi41LDAsMCwxLTUuMjY2LTMuNTUsMTYuNTA2LDE2LjUwNiwwLDAsMS0zLjU1LTUuMjY2LDE2LjQ1NiwxNi40NTYsMCwwLDEtMS4zLTYuNDQ5LDE2LjQ1NywxNi40NTcsMCwwLDEsMS4zLTYuNDQ5LDE2LjUwNiwxNi41MDYsMCwwLDEsMy41NS01LjI2NiwxNi41LDE2LjUsMCwwLDEsNS4yNjYtMy41NSwxNi40NjUsMTYuNDY1LDAsMCwxLDYuNDQ5LTEuMywxNi40NjgsMTYuNDY4LDAsMCwxLDYuNDQ5LDEuMywxNi41MjEsMTYuNTIxLDAsMCwxLDUuMjY1LDMuNTUsMTYuNSwxNi41LDAsMCwxLDMuNTUxLDUuMjY2LDE2LjQ3MywxNi40NzMsMCwwLDEsMS4zLDYuNDQ5LDE2LjQ3MywxNi40NzMsMCwwLDEtMS4zLDYuNDQ5LDE2LjUsMTYuNSwwLDAsMS0zLjU1MSw1LjI2NiwxNi41MjEsMTYuNTIxLDAsMCwxLTUuMjY1LDMuNTVBMTYuNDY3LDE2LjQ2NywwLDAsMSw0MzM5LjU2Ny03OS44NjdabTAtMTQuMjI0aDBsMy41MTQsMy41MTRhMS42NDcsMS42NDcsMCwwLDAsMS4xNzEuNDg1LDEuNjQ0LDEuNjQ0LDAsMCwwLDEuMTcxLS40ODUsMS42NDgsMS42NDgsMCwwLDAsLjQ4Ni0xLjE3MiwxLjY0NSwxLjY0NSwwLDAsMC0uNDg2LTEuMTcxbC0zLjUxNC0zLjUxNSwzLjUxNC0zLjUxNWExLjY0NSwxLjY0NSwwLDAsMCwuNDg2LTEuMTcxLDEuNjQ1LDEuNjQ1LDAsMCwwLS40ODYtMS4xNzEsMS42NDEsMS42NDEsMCwwLDAtMS4xNzEtLjQ4NiwxLjY0MiwxLjY0MiwwLDAsMC0xLjE3MS40ODZsLTMuNTE0LDMuNTE0LTMuNTE1LTMuNTE0YTEuNjQ2LDEuNjQ2LDAsMCwwLTEuMTcxLS40ODYsMS42NDUsMS42NDUsMCwwLDAtMS4xNzIuNDg2LDEuNjQxLDEuNjQxLDAsMCwwLS40ODQsMS4xNzEsMS42NDEsMS42NDEsMCwwLDAsLjQ4NCwxLjE3MWwzLjUxNSwzLjUxNS0zLjUxNSwzLjUxNWExLjY1OSwxLjY1OSwwLDAsMCwwLDIuMzQzLDEuNjQ3LDEuNjQ3LDAsMCwwLDEuMTcyLjQ4NSwxLjY0NywxLjY0NywwLDAsMCwxLjE3MS0uNDg1bDMuNTE1LTMuNTE0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQzMTkuNjc2IDExNi4zMTMpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K);
    width: 40px;
    height: 40px;
    position:absolute; 
    top: .694444vw; 
    right: .694444vw; 
    cursor:pointer; 
    font-size: 2.777778vw;
    z-index: 9999;
}
.mt0 {
    position: relative;
    
}
.video-control-btn-container {
    display: flex;
    position: absolute;
    top: 46%;
    left: 47%;
    background-color: #80808080;
    -webkit-backdrop-filter: blur(.5vw);
    backdrop-filter: blur(.5vw);
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    will-change: transform;
    transition: opacity .6s ease;
    overflow: hidden;
    z-index: 2;
}
@media screen and (min-aspect-ratio: 11/10) {
    .article .article-notes-component .decText {
        font-size: .625vw;
        color: #838389;
        letter-spacing: 0;
        line-height: 1.041667vw;
        font-weight: 400;
        padding-bottom: var(--padding-bottom, 0);
    }
}
@media screen and (max-aspect-ratio: 11/10) {
    .article .article-notes-component .decText {
        opacity: 0.5;
        font-size: 3.333333vw;
        color: #000000;
        letter-spacing: 0;
        line-height: 5.333333vw;
        font-weight: 400;
        margin-top: var(--padding-top-xs, 0);
        margin-bottom: var(--padding-bottom-xs, 0);
    }
}

.article_notes {
    opacity: 0.8;
    font-size: 85%;
}

.article_in_text_notes {
    opacity: 0.8;
    font-size: 85%;
}

@media screen and (min-aspect-ratio: 11/10) {
    .section2-content {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        gap: .46875vw;
    }

    .section2-content .section2-content-flex {
        width: 19.583333vw;
        display: flex;
        flex-direction: column;
        background-color: #ffffff;
        box-sizing: border-box;
        border: 1px solid rgb(230, 232, 236);
        border-radius: .3125vw;
        overflow: hidden;
        margin: 0 auto;
        margin-top: .833333vw;
        width: 19.895833vw;
    }
    .section2-content .section2-content-flex.empty-1 {
        border: none;
    }
    .section2-content .section2-content-flex a {
        justify-content: space-between;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
    }

    .section2-content .section2-content-flex .section2-content-txt {
        padding-top: .677083vw;
        padding-left: .625vw;
        padding-right: .625vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1;
        padding-bottom: 1.145833vw;
    }

    .section2-content .section2-content-flex .section2-content-txt p {
        font-size: .833333vw;
        font-weight: 500;
        cursor: pointer;
    }

    .section2-content .section2-content-flex .section2-content-info {
        display: flex;
        justify-content: space-between;
        margin-top: 1.666667vw;
    }

    .section2-content .section2-content-flex .section2-content-info div {
        color: #787777;
        font-size: .729167vw;
        cursor: pointer;
        line-height: 1.5;
    }

    .section2-content .section2-content-flex .section2-content-img {
        overflow: hidden;
    }
}
@media screen and (max-aspect-ratio: 11/10) {
    .section2-content .section2-content-flex {
        border: none;
    }
    .section2-content .section2-content-flex.empty-1 {
        border: none;
    }
    .section2-content {
        margin-top: 4.444444vw;
        display: flex;
        flex-direction: column;
        width: 100%;
        flex-wrap: nowrap;
        margin-top: 0;
        padding-top: .555556vw;
        gap: 4.166666vw;
    }

    .section2-content .section2-content-flex {
        width: 100%;
        border-radius: 2.083333vw;
        overflow: hidden;
        background-color: #fff;
    }

    .section2-content .section2-content-flex .section2-content-info {
        display: flex;
        justify-content: space-between;
        margin-top: 0;
    }

    .section2-content .section2-content-flex .section2-content-img {
        overflow: hidden;
    }

    .section2-content .section2-content-flex img:hover {
        transform: scale(1);
        transition: none;
    }

    .section2-content .section2-content-flex .section2-content-txt {
        padding-top: 2.777778vw;
        padding-bottom: 3.333333vw;
        padding-left: 3.333333vw;
        padding-right: 3.333333vw;
    }

    .section2-content {
        margin-bottom: 0;
    }

    .section2-content .section2-content-flex .section2-content-txt p {
        color: rgb(0, 0, 0);
        font-size: 4.444444vw;
        font-weight: 500;
        margin-bottom: .555556vw;
        cursor: pointer;
        height: 18.75vw;
    }

    .section2-content .section2-content-flex .section2-content-info div {
        color: #787777;
        font-size: 3.333333vw;
        font-weight: 400;
    }
}
@media screen and (min-aspect-ratio: 11/10) {
     .article .related-tags-component .article_tags {
        display: inline-block;
        padding: 4px 34px;
        text-align: center;
        border-radius: 999px;
        border: #d4d4d4 solid 1px;
        font-size: 16px;
        margin-top: 16px;
        margin-bottom: 36px;
    }
}
@media screen and (max-aspect-ratio: 11/10) {
    .article .related-tags-component .article_tags { 
        display: flex;
    }
    .article .related-tags-component .article_tags:not(:last-of-type) {
        padding-bottom: 1.388889vw;
    }

    .related-tags-component .article_tags span {
        border-radius: 999px;
        border: #d4d4d4 solid 1px;
        padding: .555556vw 3.333333vw;
    }
}
/* Import all CSS files in article-page/content directory */