@charset "UTF-8";

:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    :root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    :root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    :root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Regular_0.f5d83af4.woff2) format("woff2"), url(./HarmonyOS_Sans_SC_Regular_0.297b0884.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Medium_0.aa3c91cf.woff2) format("woff2"), url(./HarmonyOS_Sans_SC_Medium_0.6ed1553e.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Bold_0.7e99117a.woff2) format("woff2"), url(./HarmonyOS_Sans_SC_Bold_0.43a424b8.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Regular.c69b1518.woff2) format("woff2"), url(./Inter-Regular.a7e791e8.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Medium.6f0ca8ad.woff2) format("woff2"), url(./Inter-Medium.99dab2bd.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Bold.fbe3d3f5.woff2) format("woff2"), url(./Inter-Bold.1e9dfd6a.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh] {
    font-family: HarmonyOS Sans SC, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=en],
html[lang=de] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .primary-btn_compo {
        height: 30px !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .aboutUs-text-style {
        font-size: 12px !important;
        top: 4px !important
    }

    .primary-btn_compo>div * {
        font-size: 10px !important
    }

    .primary-btn_compo>div {
        padding: 16px 10px !important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .primary-btn_compo {
        height: 36px !important
    }

    .primary-btn_compo>div * {
        font-size: 14px !important
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    .primary-btn_compo {
        height: 40px !important
    }

    .primary-btn_compo>div * {
        font-size: 14px !important
    }
}

.primary-btn_compo {
    width: fit-content;
    height: 56px;
    display: inline-block;
    color: #fff;
    background: #DD1F1D;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    cursor: pointer
}

.primary-btn_compo.is_large {
    height: 64px;
    font-size: 28px;
    font-weight: 500;
    line-height: normal
}

.primary-btn_compo.is_large>div {
    padding: 16px 42px !important
}

.primary-btn_compo.is_large>div img {
    width: 32px !important;
    height: 32px !important
}

.primary-btn_compo.is_large>div * {
    flex-shrink: 0;
    font-size: 32px
}

.primary-btn_compo.dr_bottom svg {
    transform: rotate(90deg)
}

.primary-btn_compo:not(.is-plain).is-disabled {
    cursor: not-allowed;
    background-color: #e76260cc !important
}

.primary-btn_compo.is-plain {
    color: #333 !important;
    background-color: transparent !important;
    border: 1px solid rgba(8, 20, 51, .2)
}

.primary-btn_compo.is-plain.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.primary-btn_compo.is-white {
    color: #fff !important;
    border-color: #fff !important
}

.primary-btn_compo:not(.is-disabled):not(.is-loading):not(.dr_bottom):hover>div {
    transform: translateY(-100%)
}

.primary-btn_compo:not(.is-disabled):not(.is-loading):not(.dr_bottom):hover>div svg {
    animation: slide-right .3s ease-in-out .28s none
}

.primary-btn_compo:not(.is-disabled):not(.is-loading):not(.dr_right):hover>div {
    transform: translateY(-100%)
}

.primary-btn_compo:not(.is-disabled):not(.is-loading):not(.dr_right):hover>div svg {
    animation: slide-bottom .3s ease-in-out .28s none
}

.primary-btn_compo>div {
    width: 100%;
    height: 100%;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    transition: transform .3s ease-in-out;
    font-size: 0
}

.primary-btn_compo>div img {
    width: 22px !important;
    height: 22px !important
}

.primary-btn_compo>div * {
    flex-shrink: 0;
    font-size: 22px
}

.primary-btn_compo>div span+svg,
.primary-btn_compo>div span+.el-icon {
    margin-left: 8px
}

.primary-btn_compo>div img+span {
    margin-left: 8px
}

@keyframes slide-right {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(12px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes slide-bottom {
    0% {
        transform: rotate(90deg) translate(0)
    }

    50% {
        transform: rotate(90deg) translate(12px)
    }

    to {
        transform: rotate(90deg) translate(0)
    }
}







img{max-height: 100%}




[data-v-e7db32da] .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #dd1f1d
}

[data-v-e7db32da] .el-breadcrumb__item .el-breadcrumb__inner {
    color: #999;
    font-weight: 400!important;
    font-size: 16px!important
}

[data-v-e7db32da] .el-breadcrumb__item .el-breadcrumb__inner.is-link:hover {
    color: #dd1f1d
}





.home-carousel-box{height:100vh;}
.home-carousel-box .swiper-pagination .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                background-color: #ccc;
                opacity: .6;
                transition: all .3s;
                border-radius: 0
            }



            .home-carousel-box .swiper-pagination .swiper-pagination-bullet-active {
                width: 10px;
                height: 10px;
                background-color: #dd1f1d;
                opacity: 1;
                transition: all .3s;
                border-radius: 0
            }



            .home-carousel-box .el-carousel__indicator .el-carousel__button {
                width: 10px;
                height: 10px;
                background-color: #ccc;
                opacity: .6;
                transition: all .3s
            }

            .home-carousel-box .el-carousel__indicator .el-carousel__button:hover {
                background-color: #999
            }

            .home-carousel-box .el-carousel__indicator.is-active .el-carousel__button {
                background-color: #dd1f1d;
                width: 20px;
                opacity: 1
            }

            .home-carousel-box .el-carousel__arrow--left {
                background-color: #dd1f1d !important;
                color: #fff;
                border-radius: 0 !important;
                left: 40px;
                width: 36px;
                height: 36px;
            }

            .home-carousel-box .el-carousel__arrow--right {
                background-color: #dd1f1d !important;
                color: #fff;
                border-radius: 0 !important;
                right: 40px;
                width: 36px;
                height: 36px;
            }


a{text-decoration: none}



/* 遮罩基础 */
.el-overlay.is-drawer {
  display: none;
  background: rgba(0,0,0,0.4);
}
.el-overlay.is-drawer.show {
  display: block;
}

/* 抽屉强制左侧布局，初始在屏幕外面 */
.el-drawer.ltr {
  right: auto !important;
  left: 0 !important;
  width: 60% !important;
  /* 初始位置：完全左移出屏幕 */
  transform: translateX(-100%) !important;
  transition: transform 0.3s ease !important;
}
/* 打开状态：回到可视区域 */
.el-drawer.ltr.open {
  transform: translateX(0) !important;
}











.pageheader_pc .qita_header[data-v-4de69b87] .page-head-box .title_hover[data-v-4de69b87] a{color:#000;}






.home_header[data-v-4de69b87]>.pr .page-head-box .title_hover[data-v-4de69b87] a{color:#fff;}





.home_header[data-v-4de69b87]>.pr{background-color:unset; color: #fff;transition: transform 0.3s ease !important;}

.home_header[data-v-4de69b87].withbg>.pr{background-color:#fff; color: #fff;transition: transform 0.3s ease !important;}
.home_header[data-v-4de69b87].withbg>.pr .page-head-box .title_hover[data-v-4de69b87] a{color:#000;}























@media screen and (min-width: 200px) and (max-width: 499px) {
    .banner-style-title[data-v-0b2b5ea0] {
        font-size:24px!important;
        top: calc(50% - 20px)!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .banner-style-title[data-v-0b2b5ea0] {
        font-size:32px!important;
        top: calc(50% - 32px)!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .banner-style-title[data-v-0b2b5ea0] {
        font-size:40px!important;
        top: calc(50% - 40px)!important
    }
}

.banner-style-box[data-v-0b2b5ea0] {
    position: relative
}

.banner-style-box img[data-v-0b2b5ea0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.banner-style-title[data-v-0b2b5ea0] {
    font-size: 56px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    top: calc(50% - 40px);
    position: relative;
    z-index: 1
}















@media screen and (min-width: 200px) and (max-width: 499px) {
    .map-card_compos[data-v-a5aad77e] {
        padding-bottom:30px!important
    }

    .lxwm_baiti[data-v-a5aad77e] {
        font-size: 20px!important
    }

    .page-NewsBulletin-box[data-v-a5aad77e] {
        padding-bottom: 10px!important
    }

    [data-v-a5aad77e] .el-divider--horizontal {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }

    .lxwm_title[data-v-a5aad77e] {
        font-size: 14px!important
    }

    .page-NewsBulletin-box[data-v-a5aad77e] {
        font-size: 12px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .map-card_compos[data-v-a5aad77e] {
        padding-bottom:30px!important
    }

    .lxwm_baiti[data-v-a5aad77e] {
        font-size: 24px!important
    }

    [data-v-a5aad77e] .el-divider--horizontal {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }

    .flex-g-1[data-v-a5aad77e] {
        flex-grow: 1!important
    }

    .lxwm_title[data-v-a5aad77e] {
        font-size: 16px!important
    }

    .page-NewsBulletin-box[data-v-a5aad77e] {
        font-size: 12px!important;
        height: 60px!important;
        padding-bottom: 10px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .map-card_compos[data-v-a5aad77e] {
        padding-bottom:40px!important
    }

    .lxwm_baiti[data-v-a5aad77e] {
        font-size: 28px!important
    }

    [data-v-a5aad77e] .el-divider--horizontal {
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }

    .lxwm_title[data-v-a5aad77e] {
        font-size: 20px!important
    }

    .page-NewsBulletin-box[data-v-a5aad77e] {
        font-size: 14px!important
    }
}

.map-card_compos[data-v-a5aad77e] {
    height: 100%;
    padding-bottom: 80px;
    display: flex;
    flex-direction: column
}

.map-card_compos>div[data-v-a5aad77e]:not(.lxwm_baiti) {
    flex-shrink: 0
}

.cardImg[data-v-a5aad77e] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: transform .5s ease-out
}

.cardImg[data-v-a5aad77e]:hover {
    transform: scale(1.1)
}

.lxwm_baiti[data-v-a5aad77e] {
    font-size: 32px;
    font-weight: 500
}

.lxwm_title[data-v-a5aad77e] {
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 30px;
    color: #333
}

.page-NewsBulletin-box[data-v-a5aad77e] {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-bottom: 20px
}

.page-NewsBulletin-box>div[data-v-a5aad77e] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #333;
    font-size: 16px;
    font-weight: 400
}

.page-NewsBulletin-box>div[data-v-a5aad77e]:first-child {
    flex-shrink: 0;
    padding-right: 16px
}

.page-NewsBulletin-box>div[data-v-a5aad77e]:last-child {
    cursor: pointer
}

.page-NewsBulletin-box>div[data-v-a5aad77e]:last-child:hover {
    color: #dd1f1d
}


@media screen and (min-width: 200px) and (max-width: 499px) {
    .area_baiti[data-v-4432d9d2] {
        font-size:20px!important
    }

    .area_conter[data-v-35bf22b0][data-v-4432d9d2]:nth-child(1),.area_conter[data-v-4432d9d2] {
        padding-top: 20px!important
    }

    .lxwm_title[data-v-4432d9d2] {
        font-size: 14px!important;
        padding-bottom: 10px!important
    }

    .page-NewsBulletin-box[data-v-4432d9d2] {
        font-size: 12px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .area_baiti[data-v-4432d9d2] {
        font-size:24px!important
    }

    .area_conter[data-v-35bf22b0][data-v-4432d9d2]:nth-child(1),.area_conter[data-v-4432d9d2] {
        padding-top: 20px!important
    }

    .lxwm_title[data-v-4432d9d2] {
        font-size: 16px!important
    }

    .page-NewsBulletin-box[data-v-4432d9d2] {
        font-size: 12px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .area_baiti[data-v-4432d9d2] {
        font-size:28px!important
    }

    .area_conter[data-v-35bf22b0][data-v-4432d9d2]:nth-child(1),.area_conter[data-v-4432d9d2] {
        padding-top: 20px!important
    }

    .lxwm_title[data-v-4432d9d2] {
        font-size: 20px!important
    }

    .page-NewsBulletin-box[data-v-4432d9d2] {
        font-size: 14px!important
    }
}

.cardImg[data-v-4432d9d2] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-4432d9d2]:hover {
    transform: scale(1.1)
}

.area_baiti[data-v-4432d9d2] {
    font-size: 32px;
    font-weight: 500
}

.area_conter[data-v-4432d9d2] {
    padding-top: 60px
}

.area_conter[data-v-4432d9d2]:nth-child(1),.area_conter[data-v-4432d9d2]:nth-child(2) {
    padding-top: 40px
}

.area_conter .page-NewsBulletin-box[data-v-4432d9d2]:last-child {
    padding-bottom: 0
}

.lxwm_title[data-v-4432d9d2] {
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 30px;
    color: #333
}

.lxwm_img_style[data-v-4432d9d2] {
    padding-bottom: 80px
}

.page-NewsBulletin-box[data-v-4432d9d2] {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-bottom: 20px
}

.page-NewsBulletin-box>div[data-v-4432d9d2] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #333;
    font-size: 16px;
    font-weight: 400
}

.page-NewsBulletin-box>div[data-v-4432d9d2]:first-child {
    flex-shrink: 0;
    padding-right: 16px
}

.page-NewsBulletin-box>div[data-v-4432d9d2]:last-child {
    cursor: pointer
}

.page-NewsBulletin-box>div[data-v-4432d9d2]:last-child:hover {
    color: #dd1f1d
}











@media screen and (min-width: 200px) and (max-width: 499px) {
    .leave_baiti[data-v-9aad434b] {
        padding-bottom:10px!important;
        font-size: 20px!important;
        padding-top: 20px!important
    }

    .input-container[data-v-9aad434b] {
        margin-bottom: 20px!important
    }

    .input-container[data-v-9aad434b] {
        padding-top: 10px!important
    }

    .leave-box-style[data-v-9aad434b] {
        padding-bottom: 0!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .leave_baiti[data-v-9aad434b] {
        padding-bottom:10px!important;
        font-size: 24px!important;
        padding-top: 40px!important
    }

    .input-container[data-v-9aad434b] {
        margin-bottom: 20px!important
    }

    .input-container[data-v-9aad434b] {
        padding-top: 10px!important
    }

    .leave-box-style[data-v-9aad434b] {
        padding-bottom: 40px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .leave_baiti[data-v-9aad434b] {
        padding-bottom:20px!important;
        font-size: 28px!important
    }
}

.black-btn-disabled[data-v-9aad434b] {
    background-color: #e76260cc!important;
    border-color: #e76260cc!important;
    color: #fff!important;
    width: 200px!important;
    height: 64px!important;
    font-size: 32px!important;
    font-weight: 500!important
}

.black-btn[data-v-9aad434b] {
    background-color: #dd1f1d!important;
    border: none!important;
    border-radius: 0!important;
    color: #fff!important;
    width: 200px!important;
    height: 64px!important;
    font-size: 32px!important;
    font-weight: 500!important
}

.black-btn[data-v-9aad434b]:hover,.black-btn[data-v-9aad434b]:active {
    background-color: #dd1f1d!important;
    color: #fff!important
}

.leave_baiti[data-v-9aad434b] {
    font-size: 32px;
    font-weight: 500;
    padding-bottom: 60px
}

.custom-input[data-v-9aad434b] {
    font-family: Arial,sans-serif;
    width: 100%
}

.input-container[data-v-9aad434b] {
    position: relative;
    border-bottom: 1px solid rgba(221,31,29,.2);
    border-radius: 4px;
    padding: 16px 12px 8px;
    transition: all .3s;
    margin-bottom: 40px
}

.input-error[data-v-9aad434b] {
    border-color: #f56c6c
}

.floating-label[data-v-9aad434b] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #909399;
    font-size: 14px;
    transition: all .3s;
    pointer-events: none
}

.label-active[data-v-9aad434b] {
    top: 4px;
    transform: translateY(0);
    font-size: 12px;
    color: #f56c6c
}

.input-error .label-active[data-v-9aad434b] {
    color: #f56c6c
}

.required-asterisk[data-v-9aad434b] {
    color: #f56c6c;
    margin-left: 2px
}

input[data-v-9aad434b] {
    width: 100%;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 4px 0;
    background: transparent
}

.error-message[data-v-9aad434b] {
    color: #f56c6c;
    font-size: 12px;
    margin-top: 4px
}






@media screen and (min-width: 200px) and (max-width: 499px) {
    .lxwm_baiti[data-v-ba60a685] {
        padding-top:0!important;
        font-size: 20px!important
    }

    .social_box[data-v-ba60a685] {
        margin-bottom: 20px!important;
        margin-top: 20px!important
    }

    .social_icon[data-v-ba60a685] {
        width: 32px!important;
        height: 32px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .lxwm_baiti[data-v-ba60a685] {
        padding-top:40px!important;
        font-size: 24px!important
    }

    .social_box[data-v-ba60a685] {
        margin-bottom: 20px!important;
        margin-top: 20px!important
    }

    .social_icon[data-v-ba60a685] {
        width: 32px!important;
        height: 32px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .lxwm_baiti[data-v-ba60a685] {
        padding-top:30px!important;
        font-size: 28px!important
    }

    .social_box[data-v-ba60a685] {
        margin-bottom: 60px!important
    }
}

.cardImg[data-v-ba60a685] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-ba60a685]:hover {
    transform: scale(1.1)
}

.social_box[data-v-ba60a685] {
    margin-top: 40px;
    margin-bottom: 150px
}

.social_icon[data-v-ba60a685] {
    width: 44px;
    display: inline-block;
    margin-right: 14px
}

.lxwm_baiti[data-v-ba60a685] {
    padding-top: 60px;
    font-size: 32px;
    font-weight: 500
}

.lxwm_title[data-v-ba60a685] {
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 30px;
    color: #333
}

.icon_style[data-v-ba60a685] {
    width: 12px
}

.lxwm_img_style[data-v-ba60a685] {
    padding-bottom: 80px
}

.page-NewsBulletin-box[data-v-ba60a685] {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-bottom: 20px
}

.page-NewsBulletin-box>div[data-v-ba60a685] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 16px;
    color: #333;
    font-size: 16px;
    font-weight: 400
}


.sjmt-yid-200[data-v-2fb7f024],.sjmt-yid-900[data-v-2fb7f024] {
    display: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .banner-list-style[data-v-2fb7f024] {
        aspect-ratio:1.6/1!important
    }

    .list-item_title[data-v-2fb7f024] {
        font-size: 16px!important
    }

    .crumbs-box-style[data-v-2fb7f024] {
        padding-top: 20px!important;
        padding-bottom: 30px!important
    }

    .sjmt-yid-1200[data-v-2fb7f024],.sjmt-yid-900[data-v-2fb7f024] {
        display: none!important
    }

    .sjmt-yid-200[data-v-2fb7f024] {
        display: inline-block!important
    }





.el-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}










}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .sjmt-yid-1200[data-v-2fb7f024],.sjmt-yid-200[data-v-2fb7f024] {
        display:none!important
    }

    .sjmt-yid-900[data-v-2fb7f024] {
        display: inline-block!important
    }

    .banner-list-style[data-v-2fb7f024] {
        aspect-ratio: 2.6/1!important
    }

    .crumbs-box-style[data-v-2fb7f024] {
        padding-top: 20px!important;
        padding-bottom: 40px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .banner-list-style[data-v-2fb7f024] {
        aspect-ratio:2.6/1!important
    }
}

.banner-list-style[data-v-2fb7f024] {
    aspect-ratio: 3.6/1
}

.crumbs-box-style[data-v-2fb7f024] {
    padding-top: 40px;
    padding-bottom: 60px
}


































/**下载中心**/


.download-list_compos[data-v-23582168] {
    width: 100%;
    padding-top: 60px
}

.download-list_compos .download-item[data-v-23582168] {
    padding: 40px 0;
    border-top: 1px solid transparent;
    cursor: pointer;
    position: relative
}

.download-list_compos .download-item[data-v-23582168]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 1px;
    background: rgba(221,31,29,.1);
    transform-origin: left;
    transition: width .8s ease
}

.download-list_compos .download-item:hover .download-item_title[data-v-23582168],.download-list_compos .download-item:hover .download-item_btn[data-v-23582168] {
    color: #dd1f1d
}



















.download-list_compos .download-item .download-item_time[data-v-23582168] {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #666
}

.download-list_compos .download-item .download-item_title[data-v-23582168] {
    padding-top: 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em;
    color: #000
}

.download-list_compos .download-item .download-item_btn[data-v-23582168] {
    flex-shrink: 0;
    padding-left: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    color: #081433;
    display: flex;
    align-items: center;
    justify-content: center
}

.download-list_compos .download-item .download-item_btn>span[data-v-23582168]:first-child {
    padding-right: 6px;
}


.download-list_compos .download-item .download-item_btn[data-v-23582168] a{color:#000;}
.download-list_compos .download-item .download-item_btn[data-v-23582168] a:hover{color:#dd1f1d;}





.download-list_compos [data-aos=line-row].aos-animate[data-v-23582168]:before {
    width: 100%
}

.download-list_compos .download-item[data-v-23582168]:first-child {
    padding-top: 0!important
}

.download-list_compos .download-item[data-v-23582168]:first-child:before {
    display: none
}

.download-list_compos .download-item[data-v-23582168]:last-child {
    padding-bottom: 0!important
}




.download-type_compos[data-v-66fed7dd] {
    width: 100%;
    padding-top: 60px
}

.download-type_compos .container[data-v-66fed7dd] {
    gap: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.download-type_compos .container .type_item[data-v-66fed7dd] {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #666;
    cursor: pointer
}

.download-type_compos .container .type_item[data-v-66fed7dd]:not(.is-active):hover {
    color: #dd1f1d
}

.download-type_compos .container .type_item.is-active[data-v-66fed7dd] {
    color: #dd1f1d;
    cursor: not-allowed
}

.download-list_compos .download-item:hover .download-item_btn a{color: #dd1f1d}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .banner-list-style[data-v-34e6795b] {
        aspect-ratio:1.6/1!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .banner-list-style[data-v-34e6795b] {
        aspect-ratio:2.6/1!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .banner-list-style[data-v-34e6795b] {
        aspect-ratio:2.6/1!important
    }
}

.banner-list-style[data-v-34e6795b] {
    aspect-ratio: 3.6/1
}


.download-box-style[data-v-34e6795b] {
    padding-top: 40px
}

.fenye{
    width: 100%;
    padding: 120px 0;
    display: flex;
    align-items: center;
    justify-content: center
}
.fenye .pagination{display: flex;gap:5px;}
.fenye .pagination li{list-style-type: none;padding:5px 8px;background:#f7f7f7;color:#999;}
.fenye .pagination li a{color:#999;}
.el-breadcrumb__inner.is-link{color: #dd1f1d;font-weight: 400 !important;font-size: 16px !important;}



















/**新闻列表**/

.details_style[data-v-b6623770] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--font-size2);
    color: #666;
    font-weight: 400;
    cursor: pointer
}

.details_style[data-v-b6623770]:hover {
    color: #dd1f1d
}

.details_style .el-icon[data-v-b6623770] {
    padding-left: 6px
}

.divider[data-v-b6623770] {
    width: 100%;
    height: 1px;
    margin: 30px 0;
    background: rgba(221,31,29,.2)
}

.cardImg[data-v-b6623770] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-b6623770]:hover {
    transform: scale(1.1)
}

.title_style[data-v-b6623770] {
    font-size: 24px;
    font-weight: 500;
    margin: 20px 0;
    min-height: 64px;
    color: #303133;
}

.size_style[data-v-b6623770] {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    min-height: 42px
}

.particulars_style[data-v-b6623770] {
    width: 100%
}

.particulars_style .text[data-v-b6623770] {
    color: #666;
    font-size: var(--font-size2);
    font-weight: 400
}

.particulars_style .text[data-v-b6623770]:hover {
    color: #dd1f1d
}



.card-box[data-v-cd31ab6d] {
    padding-bottom: 60px!important
}

.pagination_style[data-v-cd31ab6d] {
    padding-bottom: 160px;
    text-align: center
}

.crumbs-box-style[data-v-cd31ab6d] {
    padding-top: 40px;
    padding-bottom: 60px
}



.pagination_style[data-v-cd31ab6d] {
    padding-bottom: 160px;
    text-align: center;
}













@media screen and (min-width: 200px) and (max-width: 499px) {
    .detail-content[data-v-3f327938] {
        padding-top:20px!important;
        padding-bottom: 20px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .detail-content[data-v-3f327938] {
        padding-top:20px!important;
        padding-bottom: 20px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .detail-content[data-v-3f327938] {
        padding-top:30px!important;
        padding-bottom: 20px!important
    }
}

.news-detail_page[data-v-3f327938] {
    padding: 60px 0 120px
}

.news-detail_page .detail-content[data-v-3f327938] {
    padding: 100px 0
}

.news-detail_page .detail-content[data-v-3f327938] img {
    width: 100%
}

.news-detail_page .detail-title[data-v-3f327938] {
    padding-bottom: 40px;
    font-size: 40px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em;
    color: #333
}

.news-detail_page .center-content[data-v-3f327938] {
    max-width: 1000px;
    margin: 0 auto
}





/**可持续**/



@media screen and (min-width: 200px) and (max-width: 499px) {
    .headerTitle-header-title[data-v-e58368a5] {
        font-size:24px!important
    }

    .headerTitle-header-content[data-v-e58368a5] {
        font-size: 12px!important
    }

    .headerTitle-header-box[data-v-e58368a5] {
        width: 100%!important;
        text-align: left!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .headerTitle-header-title[data-v-e58368a5] {
        font-size:26px!important
    }

    .headerTitle-header-content[data-v-e58368a5] {
        font-size: 12px!important
    }

    .headerTitle-header-box[data-v-e58368a5] {
        width: 90%!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .headerTitle-header-box[data-v-e58368a5] {
        width:80%!important
    }

    .headerTitle-header-title[data-v-e58368a5] {
        font-size: 32px!important
    }

    .headerTitle-header-content[data-v-e58368a5] {
        font-size: 12px!important
    }
}

.headerTitle-header-content[data-v-e58368a5] {
    font-weight: 400;
    ;
    word-break: break-word;
    line-height: 22px;
    color: #666;
    font-size: 14px
}

.headerTitle-header-title[data-v-e58368a5] {
    font-weight: 700;
    font-size: 42px;
    padding-bottom: 20px;
    color: #081433
}

.headerTitle-header-title2[data-v-e58368a5] {
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 20px
}

.headerTitle-header-box[data-v-e58368a5] {
    text-align: center;
    width: 50%;
    margin: 0 auto
}









[data-v-e7db32da] .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: #dd1f1d;
}









@media screen and (min-width: 200px) and (max-width: 499px) {
    .authority-img-box[data-v-2eac7d79] {
        padding-bottom:30px!important;
        gap: 10px!important
    }

    .authority-img[data-v-2eac7d79] {
        width: calc((100% - 40px)/4)!important;
        padding: 0!important
    }

    .headerTitle-header-box[data-v-2eac7d79] {
        width: 100%!important;
        text-align: left!important
    }

    .authority-header-box[data-v-2eac7d79] {
        padding-top: 30px!important;
        padding-bottom: 20px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .authority-img-box[data-v-2eac7d79] {
        padding-bottom:40px!important;
        gap: 20px!important
    }

    .authority-img[data-v-2eac7d79] {
        width: calc((100% - 60px)/4)!important
    }

    .headerTitle-header-box[data-v-2eac7d79] {
        width: 90%!important
    }

    .authority-header-box[data-v-2eac7d79] {
        padding-top: 40px!important;
        padding-bottom: 30px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .authority-img-box[data-v-2eac7d79] {
        padding-bottom:60px!important;
        gap: 20px!important
    }

    .authority-img[data-v-2eac7d79] {
        width: calc((100% - 60px)/4)!important
    }

    .authority-header-box[data-v-2eac7d79] {
        padding-top: 60px!important;
        padding-bottom: 40px!important
    }
}

.authorityImg-imgbox[data-v-2eac7d79] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.authorityImg-imgbox img[data-v-2eac7d79] {
    max-width: 80%;
    max-height: 80%
}

.authorityImg[data-v-2eac7d79] {
    transition: transform .5s ease-out
}

.authorityImg[data-v-2eac7d79]:hover {
    transform: scale(1.1)
}

.authority-img-box[data-v-2eac7d79] {
    gap: 40px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 120px
}

.authority-img[data-v-2eac7d79] {
    width: calc((100% - 160px)/5);
    aspect-ratio: 1.6/1;
    background-color: #eceef3;
    padding-top: 20px;
    padding-bottom: 20px
}

.authority-img-2[data-v-2eac7d79] {
    background-color: #fff!important
}

.authority-header-box[data-v-2eac7d79] {
    padding-bottom: 60px;
    text-align: center;
    margin: 0 auto;
    padding-top: 120px
}

.authority-box[data-v-2eac7d79] {
    background: #ECEEF3;
    padding-top: 60px;
    padding-bottom: 60px
}




@media screen and (min-width: 200px) and (max-width: 499px) {
    .policy-bottom_bg .policy-bottom_content[data-v-797248c7] {
        padding-left:0!important;
        padding-top: 140px!important;
        padding-bottom: 40px!important;
        width: calc(100% - 60px)!important;
        margin: 0 auto!important
    }

    .item-title[data-v-797248c7] {
        font-size: 16px!important
    }

    .policy-content .policy_img[data-v-797248c7] {
        top: 150px!important;
        bottom: auto!important;
        left: calc(50% - 140px)!important;
        width: 280px!important
    }

    .policy-bottom_overflow[data-v-797248c7] {
        display: none!important
    }

    .item-text[data-v-797248c7] {
        font-size: 12px!important
    }

    .policy_img[data-v-797248c7] {
        padding-right: 0!important;
        aspect-ratio: 1.4/1!important
    }

    .policy_img div[data-v-797248c7] {
        height: 100%!important
    }

    .policy-list_item[data-v-797248c7] {
        padding-bottom: 20px!important
    }

    .policy-top_title[data-v-797248c7] {
        font-size: 24px!important;
        padding-bottom: 10px!important
    }

    .policy-top_text[data-v-797248c7] {
        font-size: 12px!important;
        padding-left: 0!important
    }

    .policy-top[data-v-797248c7] {
        width: calc(100% - 60px)!important;
        margin: 0 auto!important;
        padding-bottom: 0!important
    }

    .policy-content[data-v-797248c7] {
        padding-top: 20px!important;
        padding-right: 0!important
    }

    .primary-btn_compo[data-v-797248c7] {
        font-size: 16px!important
    }

    .policy-bottom_bg[data-v-797248c7] {
        margin-top: 120px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .policy-bottom_bg .policy-bottom_content[data-v-797248c7] {
        padding-left:calc(50% + 20px)!important;
        padding-bottom: 60px!important;
        padding-top: 30px!important
    }

    .item-title[data-v-797248c7] {
        font-size: 16px!important
    }

    .policy_img[data-v-797248c7] {
        width: 50%
    }

    .item-text[data-v-797248c7] {
        font-size: 12px!important
    }

    .policy_img[data-v-797248c7] {
        padding-right: 0!important;
        aspect-ratio: 1.4/1!important
    }

    .policy_img div[data-v-797248c7] {
        height: 100%!important
    }

    .policy-list_item[data-v-797248c7] {
        padding-bottom: 40px!important
    }

    .policy-top_title[data-v-797248c7] {
        font-size: 28px!important
    }

    .policy-top_text[data-v-797248c7] {
        font-size: 12px!important;
        padding-left: 0!important;
        padding-top: 10px!important
    }

    .policy-top[data-v-797248c7] {
        width: calc(100% - 90px)!important;
        margin: 0 0 0 auto!important;
        padding-bottom: 40px!important
    }

    .policy-content[data-v-797248c7] {
        padding-top: 40px!important
    }

    .primary-btn_compo[data-v-797248c7] {
        font-size: 16px!important
    }

    .policy-bottom_content[data-v-797248c7] {
        padding-bottom: 100px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .policy-bottom_bg .policy-bottom_content[data-v-797248c7] {
        padding-left:calc(40% + 20px)!important
    }

    .policy_img[data-v-797248c7] {
        width: 50%
    }

    .item-title[data-v-797248c7] {
        font-size: 20px!important
    }

    .item-text[data-v-797248c7] {
        font-size: 12px!important
    }

    .policy_img[data-v-797248c7] {
        padding-right: 0!important;
        aspect-ratio: 1.4/1!important
    }

    .policy_img div[data-v-797248c7] {
        height: 100%!important
    }

    .policy-list_item[data-v-797248c7] {
        padding-bottom: 40px!important
    }

    .policy-top_title[data-v-797248c7] {
        font-size: 32px!important
    }

    .policy-top_text[data-v-797248c7] {
        font-size: 12px!important
    }

    .policy-top[data-v-797248c7] {
        width: calc(100% - 90px)!important;
        margin: 0 0 0 auto!important;
        padding-bottom: 40px!important
    }

    .policy-content[data-v-797248c7] {
        padding-top: 40px!important
    }

    .primary-btn_compo[data-v-797248c7] {
        font-size: 16px!important
    }

    .policy-bottom_content[data-v-797248c7] {
        padding-bottom: 100px!important
    }
}

.policy-content[data-v-797248c7] {
    padding-top: 60px;
    position: relative
}

.policy-content .policy-top[data-v-797248c7] {
    width: 100%;
    padding-bottom: 60px
}

.policy-content .policy-top .policy-top_title[data-v-797248c7] {
    padding-right: 40px;
    font-size: 42px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em;
    color: #081433
}

.policy-content .policy-top .policy-top_text[data-v-797248c7] {
    padding-left: 40px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #666
}

.policy-content .policy-bottom_bg[data-v-797248c7] {
    width: 100%;
    position: relative;
    background: #081433
}

.policy-content .policy-bottom_bg .policy-bottom_content[data-v-797248c7] {
    padding-left: 40px;
    padding-top: 80px;
    padding-bottom: 150px
}

.policy-content .policy-bottom_bg .policy-list_item[data-v-797248c7] {
    padding-bottom: 120px
}

.policy-content .policy-bottom_bg .policy-list_item .item-title[data-v-797248c7] {
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em;
    color: #fff
}

.policy-content .policy-bottom_bg .policy-list_item .item-text[data-v-797248c7] {
    padding-top: 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #fff;
    opacity: .7
}

.policy-content .policy-bottom_bg .policy-bottom_overflow[data-v-797248c7] {
    position: absolute;
    left: calc(100% - 2px);
    top: 0;
    width: calc(var(--e589c68a) + 2px);
    height: 100%;
    background: #081433
}

.policy-content .policy_img[data-v-797248c7] {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-right: 40px;
    font-size: 0
}

.policy-content .policy_img div[data-v-797248c7] {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60.62%;
    overflow: hidden;
    font-size: 0;
    pointer-events: none
}

.policy-content .policy_img img[data-v-797248c7] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.policy-content .policy_img img[data-v-797248c7]:hover {
    transform: scale(1.1)
}

.policy-content .policy-empty[data-v-797248c7] {
    position: absolute;
    top: 0;
    left: -1px;
    width: calc(100% - 1px);
    height: 100%;
    background-color: #081433
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
    .policy-content .policy-bottom_bg .policy-bottom_content[data-v-797248c7] {
        padding-left:calc(56.6666666667% + 40px)
    }

    .policy-content .policy_img[data-v-797248c7] {
        width: 66.6666666667%
    }
}

@media screen and (min-width: 1500px) {
    .policy-content .policy-bottom_bg .policy-bottom_content[data-v-797248c7] {
        padding-left:calc(33.3333333333% + 40px)
    }

    .policy-content .policy_img[data-v-797248c7] {
        width: 50%
    }
}

@media screen and (min-width: 2000px) {
    .policy-content .policy-top_text[data-v-797248c7],.policy-content .policy-bottom_content[data-v-797248c7] {
        padding-right:80px
    }
}






@media screen and (min-width: 200px) and (max-width: 499px) {
    .developingTarget-box[data-v-2d5780d1] {
        padding-top:40px!important
    }

    .developingTarget-list-box[data-v-2d5780d1] {
        padding-top: 60px!important
    }

    .developingTarget-titlle[data-v-2d5780d1] {
        padding-top: 10px!important;
        font-size: 16px!important
    }

    .developingTarget-text[data-v-2d5780d1] {
        font-size: 12px!important;
        padding-top: 4px!important;
        padding-bottom: 20px!important
    }

    .list-item_img[data-v-2d5780d1] {
        width: 80px!important;
        height: 80px!important;
        margin: -66px auto 0!important
    }

    .list-item_img img[data-v-2d5780d1] {
        width: 40px!important;
        height: 40px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .developingTarget-box[data-v-2d5780d1],.developingTarget-list-box[data-v-2d5780d1] {
        padding-top:60px!important
    }

    .developingTarget-titlle[data-v-2d5780d1] {
        padding-top: 10px!important;
        font-size: 16px!important
    }

    .developingTarget-text[data-v-2d5780d1] {
        font-size: 12px!important;
        padding-top: 4px!important;
        padding-bottom: 20px!important
    }

    .list-item_img[data-v-2d5780d1] {
        width: 80px!important;
        height: 80px!important;
        margin: -66px auto 0!important
    }

    .list-item_img img[data-v-2d5780d1] {
        width: 40px!important;
        height: 40px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .developingTarget-box[data-v-2d5780d1] {
        padding-top:60px!important
    }

    .developingTarget-list-box[data-v-2d5780d1] {
        padding-top: 80px!important
    }

    .developingTarget-titlle[data-v-2d5780d1] {
        padding-top: 20px!important;
        font-size: 20px!important
    }

    .developingTarget-text[data-v-2d5780d1] {
        font-size: 12px!important;
        padding-top: 10px!important;
        padding-bottom: 20px!important
    }

    .list-item_img[data-v-2d5780d1] {
        width: 80px!important;
        height: 80px!important;
        margin: -66px auto 0!important
    }

    .list-item_img img[data-v-2d5780d1] {
        width: 40px!important;
        height: 40px!important
    }
}

.equal-height-row[data-v-2d5780d1] {
    display: flex;
    flex-wrap: wrap
}

.equal-height-col[data-v-2d5780d1] {
    display: flex
}

.technology-hezi-list[data-v-2d5780d1] {
    padding-bottom: 30px;
    font-size: 14px;
    color: #333;
    ;
    word-break: break-word;
    flex: 1;
    display: flex;
    flex-direction: column
}

.developingTarget-box[data-v-2d5780d1],.developingTarget-list-box[data-v-2d5780d1] {
    padding-top: 120px
}

.developingTarget-titlle[data-v-2d5780d1] {
    padding-top: 60px;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333
}

.developingTarget-text[data-v-2d5780d1] {
    padding-top: 20px;
    padding-bottom: 80px;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    ;
    word-break: break-word;
    flex: 1
}

.developingTarget-list[data-v-2d5780d1] {
    width: 100%;
    padding: 24px;
    text-align: center;
    position: relative;
    height: 100%
}

.developingTarget-list .list-item_img[data-v-2d5780d1] {
    width: 120px;
    height: 120px;
    margin: -80px auto 0;
    border: 1px solid #DD1F1D;
    background: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0
}

.developingTarget-list .list-item_img img[data-v-2d5780d1] {
    width: 64px;
    height: 64px
}












@media screen and (min-width: 200px) and (max-width: 499px) {
    .contribution-list-box[data-v-b8bc59f0] {
        padding:20px!important
    }

    .border-right-color1[data-v-b8bc59f0] {
        border-bottom: 1px solid rgba(221,31,29,.2)
    }

    .border-right-color2[data-v-b8bc59f0] {
        border-right: 1px solid rgba(221,31,29,.2)
    }

    .title-style1[data-v-b8bc59f0] {
        font-size: 24px!important
    }

    .title-style2[data-v-b8bc59f0] {
        font-size: 12px!important
    }

    .contribution-box[data-v-b8bc59f0] {
        padding-top: 50px!important
    }

    .title-style3[data-v-b8bc59f0] {
        font-size: 12px!important;
        padding-top: 10px!important
    }

    .title-box[data-v-b8bc59f0] {
        padding-bottom: 40px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .contribution-list-box[data-v-b8bc59f0] {
        padding:40px 30px!important
    }

    .title-style1[data-v-b8bc59f0] {
        font-size: 28px!important
    }

    .title-style2[data-v-b8bc59f0] {
        font-size: 22px!important
    }

    .contribution-box[data-v-b8bc59f0] {
        padding-top: 50px!important
    }

    .title-style3[data-v-b8bc59f0] {
        font-size: 12px!important
    }

    .title-box[data-v-b8bc59f0] {
        padding-bottom: 40px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .contribution-list-box[data-v-b8bc59f0] {
        padding:40px 30px!important
    }

    .title-style1[data-v-b8bc59f0] {
        font-size: 32px!important
    }

    .title-style2[data-v-b8bc59f0] {
        font-size: 24px!important
    }

    .contribution-box[data-v-b8bc59f0] {
        padding-top: 50px!important
    }

    .title-style3[data-v-b8bc59f0] {
        font-size: 12px!important
    }

    .title-box[data-v-b8bc59f0] {
        padding-bottom: 40px!important
    }
}

.title-style1[data-v-b8bc59f0] {
    font-weight: 700;
    font-size: 42px;
    color: #dd1f1d;
    padding-right: 10px
}

.title-style2[data-v-b8bc59f0] {
    font-weight: 400;
    font-size: 28px;
    color: #dd1f1d
}

.title-style3[data-v-b8bc59f0] {
    font-weight: 400;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    padding-top: 20px;
    ;
    word-break: break-word
}

.contribution-box[data-v-b8bc59f0] {
    padding-top: 120px
}

.title-box[data-v-b8bc59f0] {
    padding-bottom: 60px
}

.border-right-color[data-v-b8bc59f0] {
    border-right: 1px solid rgba(221,31,29,.2)
}

.contribution-list-box[data-v-b8bc59f0] {
    height: 100%;
    padding: 60px 80px;
    text-align: center;
    border-top: 1px solid rgba(221,31,29,.2)
}










@media screen and (min-width: 200px) and (max-width: 499px) {
    .right-list_item[data-v-b93b65ff] {
        padding-bottom:20px!important
    }

    .right-panel[data-v-b93b65ff] {
        padding-top: 16px!important;
        padding-right: 0!important;
        width: calc(100% - 60px)!important;
        margin: 0 auto!important
    }

    .cardImg[data-v-b93b65ff] {
        width: calc(100% - 60px)!important;
        margin-left: 30px!important
    }

    .img-products-style[data-v-b93b65ff] {
        margin-top: -230px!important
    }

    .title-style1[data-v-b93b65ff],.title-style2[data-v-b93b65ff] {
        font-size: 16px!important
    }

    .title-style3[data-v-b93b65ff] {
        font-size: 12px!important;
        padding-top: 10px!important
    }

    .right-panel_text[data-v-b93b65ff] {
        padding-bottom: 20px!important
    }

    .products-box .products-list-box[data-v-b93b65ff]:before {
        width: 100%!important;
        margin-left: 0!important
    }

    .products-list-box[data-v-b93b65ff] {
        padding-top: 40px!important;
        padding-bottom: 40px!important;
        width: calc(100% + 60px)!important;
        margin-left: -30px!important;
        margin-top: 180px!important
    }

    .products-box[data-v-b93b65ff] {
        padding-top: 40px!important
    }

    .right-panel_title[data-v-b93b65ff] {
        font-size: 16px!important;
        padding-bottom: 10px!important;
        line-height: 150%!important
    }

    .right-panel_text[data-v-b93b65ff] {
        font-size: 12px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .img-products-style[data-v-b93b65ff] {
        margin-top:60px!important
    }

    .title-style1[data-v-b93b65ff],.title-style2[data-v-b93b65ff] {
        font-size: 16px!important
    }

    .title-style3[data-v-b93b65ff] {
        font-size: 12px!important;
        padding-top: 10px!important
    }

    .right-panel_text[data-v-b93b65ff] {
        padding-bottom: 40px!important
    }

    .products-list-box[data-v-b93b65ff] {
        padding-top: 40px!important;
        padding-bottom: 40px!important
    }

    .products-box[data-v-b93b65ff] {
        padding-top: 40px!important
    }

    .right-panel_title[data-v-b93b65ff] {
        font-size: 16px!important;
        padding-bottom: 10px!important
    }

    .right-panel_text[data-v-b93b65ff] {
        font-size: 12px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .title-style1[data-v-b93b65ff],.title-style2[data-v-b93b65ff] {
        font-size:20px!important
    }

    .title-style3[data-v-b93b65ff] {
        font-size: 12px!important
    }

    .right-panel_title[data-v-b93b65ff] {
        padding-bottom: 10px!important
    }

    .right-panel_text[data-v-b93b65ff] {
        padding-bottom: 40px!important
    }

    .products-list-box[data-v-b93b65ff] {
        padding-top: 50px!important
    }

    .products-box[data-v-b93b65ff] {
        padding-top: 40px!important
    }

    .right-panel_title[data-v-b93b65ff] {
        font-size: 20px!important
    }

    .right-panel_text[data-v-b93b65ff] {
        font-size: 12px!important
    }
}

.products-box[data-v-b93b65ff] {
    padding-top: var(--space-120)
}

.products-box .title-box[data-v-b93b65ff] {
    padding-bottom: var(--space-60)
}

.products-box .products-list-box[data-v-b93b65ff] {
    padding: var(--space-80) 0;
    position: relative
}

.products-box .products-list-box[data-v-b93b65ff]:before {
    content: "";
    display: block;
    width: 80%;
    height: 100%;
    background-color: #081433;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 20%
}

.products-box .right-panel[data-v-b93b65ff] {
    padding-right: var(--space-80)
}

.products-box .right-panel .right-panel_title[data-v-b93b65ff] {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    padding-bottom: 50px
}

.products-box .right-panel .right-panel_text[data-v-b93b65ff] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fffc;
    padding-bottom: 80px;
    ;
    word-break: break-word
}

.products-box .right-list_item[data-v-b93b65ff] {
    padding-bottom: var(--space-80)
}

.products-box .title-style1[data-v-b93b65ff] {
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    padding-right: 6px
}

.products-box .title-style2[data-v-b93b65ff] {
    font-weight: 400;
    font-size: 22px;
    color: #fff
}

.products-box .title-style3[data-v-b93b65ff] {
    padding-top: 20px;
    font-weight: 400;
    font-size: 14px;
    color: #fffc;
    line-height: 22px
}

.products-box .cardImg[data-v-b93b65ff] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.products-box .cardImg[data-v-b93b65ff]:hover {
    transform: scale(1.1)
}

@media screen and (min-width: 1600px) {
    .products-box .title-style1[data-v-b93b65ff] {
        font-size:42px;
        padding-right: 10px
    }

    .products-box .title-style2[data-v-b93b65ff] {
        font-size: 28px
    }
}







@media screen and (min-width: 200px) and (max-width: 499px) {
    [data-v-95372d09] .headerTitle-header-title2 {
        text-align:center!important;
        padding-bottom: 10px!important
    }

    .ent-content_text[data-v-95372d09] {
        padding-top: 16px!important;
        font-size: 20px!important
    }

    .environment-box[data-v-95372d09] {
        padding-top: 40px!important
    }

    .environment-title-box[data-v-95372d09] {
        padding-bottom: 20px!important;
        width: calc(100% - 60px)!important;
        margin: 0 auto!important
    }

    [data-v-95372d09] .headerTitle-header-title,[data-v-95372d09] .headerTitle-header-content {
        text-align: center!important
    }

    [data-v-95372d09] .el-carousel__arrow--left {
        width: 0px!important;
        height: 0px!important;
        top: calc(50% - 2px)!important;
        left: 80px!important;
        font-size: 0px!important
    }

    [data-v-95372d09] .el-carousel__arrow--right {
        width: 0px!important;
        height: 0px!important;
        top: calc(50% - 2px)!important;
        right: 80px!important;
        font-size: 0px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .ent-content_text[data-v-95372d09] {
        padding-top:16px!important;
        font-size: 20px!important
    }

    .environment-box[data-v-95372d09] {
        padding-top: 60px!important
    }

    .environment-title-box[data-v-95372d09] {
        padding-bottom: 20px!important
    }

    [data-v-95372d09] .el-carousel__arrow--left {
        width: 32px!important;
        height: 32px!important;
        top: calc(50% - 2px)!important;
        left: 80px!important;
        font-size: 22px!important
    }

    [data-v-95372d09] .el-carousel__arrow--right {
        width: 32px!important;
        height: 32px!important;
        top: calc(50% - 2px)!important;
        right: 80px!important;
        font-size: 22px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .ent-content_text[data-v-95372d09] {
        padding-top:16px!important;
        font-size: 20px!important
    }

    .environment-box[data-v-95372d09] {
        padding-top: 60px!important
    }

    .environment-title-box[data-v-95372d09] {
        padding-bottom: 20px!important
    }

    [data-v-95372d09] .el-carousel__arrow--left {
        width: 32px!important;
        height: 32px!important;
        top: calc(50% - 2px)!important;
        left: 80px!important;
        font-size: 22px!important
    }

    [data-v-95372d09] .el-carousel__arrow--right {
        width: 32px!important;
        height: 32px!important;
        top: calc(50% - 2px)!important;
        right: 80px!important;
        font-size: 22px!important
    }
}

[data-v-95372d09] .el-carousel__arrow {
    opacity: 1!important;
    display: flex!important
}

[data-v-95372d09] .el-carousel__arrow--left {
    width: 48px;
    height: 48px;
    background-color: #dd1f1d;
    border-radius: 0;
    color: #fff;
    font-size: 24px;
    --swiper-navigation-size: 16px;
    left: 130px!important;
    top: calc(50% - 16px)
}

[data-v-95372d09] .el-carousel__arrow--right {
    width: 48px;
    height: 48px;
    background-color: #dd1f1d;
    border-radius: 0;
    color: #fff;
    font-size: 24px;
    --swiper-navigation-size: 16px;
    right: 130px!important;
    top: calc(50% - 16px)
}

[data-v-95372d09] .el-carousel__indicators {
    display: none!important
}

.environment-box[data-v-95372d09] {
    padding-top: 120px
}

.environment-title-box[data-v-95372d09] {
    padding-bottom: 60px
}

.ent-content_text[data-v-95372d09] {
    padding-top: 40px;
    max-width: 75%;
    margin: auto
}

.environment-content[data-v-95372d09] .el-carousel__container,.environment-content[data-v-95372d09] .el-carousel__container .el-carousel__item {
    height: fit-content
}

.environment-content .swiper_item[data-v-95372d09] {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.72%;
    overflow: hidden;
    font-size: 0
}

.environment-content .swiper_item>img[data-v-95372d09] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}













.img-govern-style[data-v-dbfb1782] {
    aspect-ratio: .8/1
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .img-govern-style[data-v-dbfb1782] {
        aspect-ratio:.7/1!important
    }

    .govern-left-box[data-v-dbfb1782] {
        bottom: -20px!important;
        width: 120px!important;
        height: 120px!important;
        padding-top: 30px!important;
        left: 0!important
    }

    .title-style1[data-v-dbfb1782] {
        font-size: 24px!important
    }

    .title-style2[data-v-dbfb1782] {
        font-size: 12px!important
    }

    .title-style3[data-v-dbfb1782] {
        font-size: 12px!important;
        padding-top: 10px!important
    }

    .govern-title-box[data-v-dbfb1782] {
        padding-top: 50px!important;
        padding-bottom: 20px!important
    }

    .govern-left-title[data-v-dbfb1782] {
        font-size: 16px!important
    }

    .govern-left-content[data-v-dbfb1782] {
        font-size: 12px!important;
        padding-top: 12px!important;
        padding-bottom: 16px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .img-govern-style[data-v-dbfb1782] {
        aspect-ratio:.7/1!important
    }

    .govern-left-box[data-v-dbfb1782] {
        bottom: 0!important;
        width: 120px!important;
        height: 120px!important;
        padding-top: 20px!important
    }

    .title-style1[data-v-dbfb1782] {
        font-size: 32px!important
    }

    .title-style2[data-v-dbfb1782] {
        font-size: 12px!important
    }

    .title-style3[data-v-dbfb1782] {
        font-size: 12px!important;
        padding-top: 10px!important
    }

    .govern-title-box[data-v-dbfb1782] {
        padding-top: 50px!important;
        padding-bottom: 20px!important
    }

    .govern-left-title[data-v-dbfb1782] {
        font-size: 16px!important
    }

    .govern-left-content[data-v-dbfb1782] {
        font-size: 12px!important;
        padding-top: 12px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .img-govern-style[data-v-dbfb1782] {
        aspect-ratio:.7/1!important
    }

    .govern-left-box[data-v-dbfb1782] {
        bottom: 0!important
    }

    .title-style1[data-v-dbfb1782] {
        font-size: 32px!important
    }

    .title-style2[data-v-dbfb1782] {
        font-size: 12px!important
    }

    .title-style3[data-v-dbfb1782] {
        font-size: 12px!important;
        padding-top: 10px!important
    }

    .govern-title-box[data-v-dbfb1782] {
        padding-top: 60px!important;
        padding-bottom: 20px!important
    }

    .govern-left-title[data-v-dbfb1782] {
        font-size: 20px!important
    }

    .govern-left-content[data-v-dbfb1782] {
        font-size: 12px!important;
        padding-top: 12px!important
    }
}

.title-style1[data-v-dbfb1782] {
    font-weight: 400;
    font-size: 42px;
    color: #fff;
    padding-right: 10px
}

.title-style2[data-v-dbfb1782] {
    font-weight: 400;
    font-size: 24px;
    color: #fff
}

.title-style3[data-v-dbfb1782] {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.govern-left-box[data-v-dbfb1782] {
    background: #DD1F1D;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    left: -60px;
    text-align: center;
    padding-top: 40px
}

.cardImg[data-v-dbfb1782] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-dbfb1782]:hover {
    transform: scale(1.1)
}

.govern-left-title[data-v-dbfb1782] {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333
}

.govern-left-content[data-v-dbfb1782] {
    padding-top: 40px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.govern-title-box[data-v-dbfb1782] {
    padding-top: 120px;
    padding-bottom: 60px
}
















@media screen and (min-width: 200px) and (max-width: 499px) {
    .community-title-style[data-v-051a416a] {
        padding-top:16px!important
    }

    [data-v-051a416a] .headerTitle-header-title,[data-v-051a416a] .headerTitle-header-content {
        text-align: center!important
    }

    .community-title-box[data-v-051a416a] {
        padding-top: 40px!important;
        padding-bottom: 20px!important
    }

    .community-title-style[data-v-051a416a] {
        font-size: 20px!important
    }

    .community-content-style[data-v-051a416a] {
        font-size: 12px!important;
        padding-top: 10px!important;
        padding-bottom: 20px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .community-title-style[data-v-051a416a] {
        padding-top:16px!important
    }

    .community-title-box[data-v-051a416a] {
        padding-top: 50px!important;
        padding-bottom: 20px!important
    }

    .community-title-style[data-v-051a416a] {
        font-size: 20px!important
    }

    .community-content-style[data-v-051a416a] {
        font-size: 12px!important;
        padding-top: 10px!important;
        padding-bottom: 40px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .community-title-style[data-v-051a416a] {
        padding-top:16px!important
    }

    .community-title-box[data-v-051a416a] {
        padding-top: 60px!important;
        padding-bottom: 20px!important
    }

    .community-title-style[data-v-051a416a] {
        font-size: 20px!important
    }

    .community-content-style[data-v-051a416a] {
        font-size: 12px!important;
        padding-top: 10px!important;
        padding-bottom: 60px!important
    }
}

.community-title-style[data-v-051a416a] {
    padding-top: 40px;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333
}

.community-content-style[data-v-051a416a] {
    padding-top: 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding-bottom: 120px;
    ;
    word-break: break-word
}

.community-title-box[data-v-051a416a] {
    padding-top: 120px;
    padding-bottom: 60px
}

.cardImg[data-v-051a416a] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-051a416a]:hover {
    transform: scale(1.1)
}

[data-v-69a514d5]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-69a514d5]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-69a514d5]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-69a514d5]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Regular_0.f5d83af4.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Regular_0.297b0884.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Medium_0.aa3c91cf.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Medium_0.6ed1553e.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Bold_0.7e99117a.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Bold_0.43a424b8.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Regular.c69b1518.woff2) format("woff2"),url(./Inter-Regular.a7e791e8.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Medium.6f0ca8ad.woff2) format("woff2"),url(./Inter-Medium.99dab2bd.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Bold.fbe3d3f5.woff2) format("woff2"),url(./Inter-Bold.1e9dfd6a.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html[data-v-69a514d5] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-69a514d5] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-69a514d5],html[lang=de][data-v-69a514d5] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    [data-v-69a514d5] .headerTitle-header-title,[data-v-69a514d5] .headerTitle-header-content {
        text-align:center!important
    }

    .Sustainable-box-style[data-v-69a514d5] {
        padding-top: 20px!important
    }

    .banner-list-style[data-v-69a514d5] {
        aspect-ratio: 1.6/1!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .Sustainable-box-style[data-v-69a514d5] {
        padding-top:20px!important
    }

    .banner-list-style[data-v-69a514d5] {
        aspect-ratio: 2.6/1!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .Sustainable-box-style[data-v-69a514d5] {
        padding-top:20px!important
    }

    .banner-list-style[data-v-69a514d5] {
        aspect-ratio: 2.6/1!important
    }
}

.banner-list-style[data-v-69a514d5] {
    aspect-ratio: 3.6/1
}

.Sustainable-box-style[data-v-69a514d5] {
    padding-top: 40px
}







/**创新技术**/

@media screen and (min-width: 200px) and (max-width: 499px) {
    .list-item_bootom[data-v-013a0526] {
        padding-bottom:10px!important
    }

    .right-1-box[data-v-013a0526] {
        width: 100%!important;
        position: relative!important;
        top: 10px!important
    }

    .left-1-box[data-v-013a0526] {
        width: 100%!important
    }

    .max-title[data-v-013a0526] {
        font-size: 24px!important;
        line-height: 150%!important
    }

    .content-list[data-v-013a0526] {
        padding-bottom: 30px!important
    }

    .list-item_text[data-v-013a0526] {
        font-size: 12px!important;
        max-height: 40px!important;
        overflow: hidden
    }

    .list-item[data-v-013a0526] {
        padding-bottom: 20px!important
    }

    .right-1-box[data-v-013a0526] {
        font-size: 12px!important
    }

    .box-1[data-v-013a0526] {
        margin-bottom: 40px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .list-item_bootom[data-v-013a0526] {
        padding-bottom:30px!important
    }

    .max-title[data-v-013a0526] {
        font-size: 28px!important
    }

    .content-list[data-v-013a0526] {
        padding-bottom: 60px!important
    }

    .list-item_text[data-v-013a0526] {
        font-size: 12px!important;
        max-height: 40px!important;
        overflow: hidden
    }

    .list-item[data-v-013a0526] {
        padding-bottom: 20px!important
    }

    .max-title[data-v-013a0526] {
        line-height: 150%!important
    }

    .right-1-box[data-v-013a0526] {
        font-size: 12px!important
    }

    .box-1[data-v-013a0526] {
        margin-bottom: 40px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .list-item_bootom[data-v-013a0526] {
        padding-bottom:50px!important
    }

    .content-list[data-v-013a0526] {
        padding-bottom: 60px!important
    }

    .list-item_text[data-v-013a0526] {
        font-size: 12px!important;
        max-height: 40px!important;
        overflow: hidden
    }

    .list-item[data-v-013a0526] {
        padding-bottom: 20px!important
    }

    .max-title[data-v-013a0526] {
        font-size: 32px!important;
        line-height: 150%!important
    }

    .right-1-box[data-v-013a0526] {
        font-size: 12px!important
    }

    .box-1[data-v-013a0526] {
        margin-bottom: 40px!important
    }
}

.box-1[data-v-013a0526] {
    margin-bottom: 70px
}

.left-1-box[data-v-013a0526] {
    width: 40%;
    display: inline-block
}

.min-title[data-v-013a0526] {
    font-size: 16px;
    color: #333
}

.max-title[data-v-013a0526] {
    font-size: 42px;
    color: #081433;
    line-height: 64px;
    font-weight: 700;
    padding-top: 20px
}

.right-1-box[data-v-013a0526] {
    width: 50%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #666;
    font-size: 14px;
    line-height: 21px;
    ;
    word-break: break-word
}

.content-list[data-v-013a0526] {
    padding-bottom: 120px
}

.list-item[data-v-013a0526] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.list-item>div[data-v-013a0526]:not(.list-item_text) {
    flex-shrink: 0
}

.list-item[data-v-013a0526]:not(.is-disabled) {
    cursor: pointer
}

.list-item:not(.is-disabled):hover .list-item_title[data-v-013a0526] {
    color: #dd1f1d!important
}

.list-item .list-item_img[data-v-013a0526] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.list-item .list-item_img[data-v-013a0526]:hover {
    transform: scale(1.1)
}

.list-item .list-item_title[data-v-013a0526] {
    padding-top: 20px;
    font-size: var(--font-title4);
    font-weight: 500;
    color: #333;
    line-height: 150%
}

.list-item .list-item_text[data-v-013a0526] {
    flex-grow: 1;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    color: #666;
    /**;**/
    word-break: break-word
}

.list-item .list-item_line[data-v-013a0526] {
    width: 100%;
    margin: 20px 0;
    height: 1px;
    background: rgba(221,31,29,.2)
}

.list-item .list-item_bootom[data-v-013a0526] {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.list-item .list-item_bootom .btn[data-v-013a0526] {
    flex-shrink: 0;
    color: #666;
    font-size: var(--font-size2);
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
    cursor: pointer
}

.list-item .list-item_bootom .btn>span[data-v-013a0526]:first-child {
    margin-right: 6px
}

.list-item .list-item_bootom .btn[data-v-013a0526]:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    transition: all .5s;
    background-color: #dd1f1d
}

.list-item .list-item_bootom .btn[data-v-013a0526]:hover {
    color: #dd1f1d!important
}

.list-item .list-item_bootom .btn[data-v-013a0526]:hover:before {
    width: 88px
}

.list-item .list-item_bootom .time[data-v-013a0526] {
    flex-shrink: 0;
    padding-left: 12px;
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 22px
}




.img-guarantee-style[data-v-39ff0c38] {
    aspect-ratio: 1.8/1
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .vido-title-box[data-v-39ff0c38] {
        padding-left:0!important;
        padding-bottom: 0!important;
        padding-top: 10px!important
    }

    .icon-style[data-v-39ff0c38] {
        width: 25px!important;
        margin-bottom: 10px!important
    }

    .col-list-box[data-v-39ff0c38] {
        margin-top: 20px!important;
        background: #ECEEF3!important;
        padding: 20px!important
    }

    .title-box[data-v-39ff0c38] {
        text-align: left!important;
        padding-bottom: 0!important
    }

    .list-box[data-v-39ff0c38] {
        background: #fff!important;
        padding: 10px 20px!important
    }

    .vido-box[data-v-39ff0c38] {
        padding-top: 30px!important
    }

    .list-title-style[data-v-39ff0c38] {
        padding-bottom: 10px!important;
        font-size: 16px!important
    }

    .headerTitle-header-box[data-v-39ff0c38] {
        width: 100%!important;
        text-align: left!important
    }

    .product_box_style[data-v-39ff0c38] {
        padding-top: 0!important;
        padding-bottom: 40px!important
    }

    .product_content_style[data-v-39ff0c38] {
        font-size: 12px!important;
        padding-bottom: 0!important;
        min-height: 90px!important
    }

    .product_icon_style[data-v-39ff0c38] {
        width: 18px!important;
        height: 18px!important;
        top: 22px!important
    }

    .product_title_style[data-v-39ff0c38] {
        font-size: 16px!important;
        padding-bottom: 12px!important;
        padding-top: 14px!important
    }

    .button_style[data-v-39ff0c38] {
        width: 46px!important;
        height: 46px!important
    }

    .vido-title-style[data-v-39ff0c38] {
        font-size: 16px!important;
        padding-bottom: 20px!important
    }

    .vido-content-style[data-v-39ff0c38] {
        padding-bottom: 14px!important;
        font-size: 12px!important
    }

    .img-guarantee-style[data-v-39ff0c38] {
        width: 100%;
        aspect-ratio: 1/1!important;
        padding-bottom: 10px!important
    }

    .list-content-style[data-v-39ff0c38] {
        font-size: 12px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .vido-box[data-v-39ff0c38] {
        padding-top:30px!important
    }

    .list-title-style[data-v-39ff0c38] {
        font-size: 16px!important
    }

    .headerTitle-header-box[data-v-39ff0c38] {
        width: 80%!important
    }

    .product_box_style[data-v-39ff0c38] {
        padding-top: 30px!important;
        padding-bottom: 40px!important
    }

    .product_content_style[data-v-39ff0c38] {
        font-size: 12px!important;
        padding-bottom: 0!important;
        min-height: 130px!important
    }

    .product_icon_style[data-v-39ff0c38] {
        width: 26px!important;
        height: 26px!important;
        top: 8px!important
    }

    .product_title_style[data-v-39ff0c38] {
        font-size: 20px!important
    }

    .button_style[data-v-39ff0c38] {
        width: 46px!important;
        height: 46px!important
    }

    .vido-title-box[data-v-39ff0c38] {
        padding-left: 30px!important;
        padding-bottom: 0!important
    }

    .vido-title-style[data-v-39ff0c38] {
        font-size: 16px!important;
        padding-bottom: 20px!important
    }

    .vido-content-style[data-v-39ff0c38] {
        padding-bottom: 14px!important;
        font-size: 12px!important
    }

    .img-guarantee-style[data-v-39ff0c38] {
        width: 100%;
        aspect-ratio: 1/1!important
    }

    .list-content-style[data-v-39ff0c38] {
        font-size: 12px!important
    }

    .list-title-style[data-v-39ff0c38] {
        padding-bottom: 20px!important
    }

    .list-box[data-v-39ff0c38] {
        padding: 20px!important
    }

    .list-title-style[data-v-39ff0c38] {
        font-size: 20px!important
    }

    .icon-style[data-v-39ff0c38] {
        width: 48px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .product_box_style[data-v-39ff0c38] {
        padding-top:40px!important;
        padding-bottom: 60px!important
    }

    .product_content_style[data-v-39ff0c38] {
        font-size: 12px!important;
        padding-bottom: 0!important;
        min-height: 130px!important
    }

    .product_icon_style[data-v-39ff0c38] {
        width: 26px!important;
        height: 26px!important;
        top: 8px!important
    }

    .product_title_style[data-v-39ff0c38] {
        font-size: 20px!important
    }

    .button_style[data-v-39ff0c38] {
        width: 46px!important;
        height: 46px!important
    }

    .vido-title-box[data-v-39ff0c38] {
        padding-left: 40px!important;
        padding-bottom: 20px!important
    }

    .vido-title-style[data-v-39ff0c38] {
        font-size: 20px!important;
        padding-bottom: 20px!important
    }

    .vido-content-style[data-v-39ff0c38] {
        padding-bottom: 14px!important
    }

    .img-guarantee-style[data-v-39ff0c38] {
        width: 100%;
        aspect-ratio: 1/1!important
    }

    .vido-box[data-v-39ff0c38] {
        padding-top: 40px!important
    }

    .list-content-style[data-v-39ff0c38] {
        font-size: 12px!important
    }

    .list-title-style[data-v-39ff0c38] {
        padding-bottom: 20px!important
    }

    .list-box[data-v-39ff0c38] {
        padding: 50px!important
    }

    .list-title-style[data-v-39ff0c38] {
        font-size: 20px!important
    }

    .icon-style[data-v-39ff0c38] {
        width: 48px!important
    }
}

.product_box_style[data-v-39ff0c38] {
    padding-top: 80px;
    padding-bottom: 120px
}

.cardImg[data-v-39ff0c38] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-39ff0c38]:hover {
    transform: scale(1.1)
}

.product_content_style[data-v-39ff0c38] {
    padding-top: 20px;
    padding-bottom: 60px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    color: #666;
    ;
    min-height: 140px
}

.product_icon_style[data-v-39ff0c38] {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 4px;
    right: 0
}

.product_title_style[data-v-39ff0c38] {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333;
    position: relative;
    padding-bottom: 20px
}

.vido-title-box[data-v-39ff0c38] {
    padding-left: 60px;
    padding-bottom: 40px
}

.vido-content-style[data-v-39ff0c38] {
    padding-bottom: 30px
}

.vido-box[data-v-39ff0c38] {
    padding-top: 80px
}

.vido-title-style[data-v-39ff0c38] {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333;
    padding-bottom: 40px
}

.button_style[data-v-39ff0c38] {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px)
}

.button_style button[data-v-39ff0c38] {
    width: 100%;
    height: 100%
}

.list-box[data-v-39ff0c38] {
    width: 100%;
    padding: 80px 100px;
    position: relative;
    background-image: url(../images/image1.png);
    background-size: cover;
    background-position: center
}

.list-box .icon-style[data-v-39ff0c38] {
    width: 68px;
    margin-bottom: 20px
}

.list-box .list-title-style[data-v-39ff0c38] {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    padding-bottom: 40px
}

.list-box .list-content-style[data-v-39ff0c38] {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #666;
    
}

.list-box .list-circle_top[data-v-39ff0c38],.list-box .list-circle_bottom[data-v-39ff0c38] {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #fff
}

.list-box .list-circle_top[data-v-39ff0c38] {
    top: -40px
}

.list-box .list-circle_bottom[data-v-39ff0c38] {
    bottom: -40px
}

.list-box .list-center_line[data-v-39ff0c38] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc((100% - 2px)/2);
    margin: auto 0;
    width: 0;
    height: calc((100% - 80px)*.8);
    border-left: 2px dashed #DD1F1D;
    opacity: .3
}

.title-box[data-v-39ff0c38] {
    text-align: center;
    padding-bottom: 40px;
    margin: 0 auto
}

.title-style[data-v-39ff0c38] {
    font-size: 42px;
    color: #081433;
    font-weight: 700;
    line-height: 64px;
    padding-bottom: 20px
}

.content-style[data-v-39ff0c38] {
    font-style: 14px;
    line-height: 21px;
    color: #666
}

[data-v-0204f822]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-0204f822]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-0204f822]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-0204f822]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

html[data-v-0204f822] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-0204f822] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-0204f822],html[lang=de][data-v-0204f822] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .rawMaterial-header-box[data-v-0204f822] {
        padding-bottom:20px!important
    }

    .headerTitle-header-box[data-v-0204f822] {
        width: 100%!important;
        font-size: 26px!important;
        text-align: left!important
    }

    .rawMaterial-box[data-v-0204f822] {
        padding-bottom: 20px!important;
        padding-top: 40px!important
    }

    .Lnnovative-box-style[data-v-0204f822] {
        padding-top: 20px!important;
        padding-bottom: 60px!important
    }

    .rawMaterial-bm-title[data-v-0204f822] {
        font-size: 16px!important;
        padding-bottom: 10px!important
    }

    .rawMaterial-bm-title-one[data-v-0204f822] {
        margin-right: 20px!important
    }

    .rawMaterial-bm-content[data-v-0204f822] {
        padding-bottom: 20px!important;
        font-size: 12px!important
    }

    .rawMaterial-bm-img[data-v-0204f822] {
        margin-top: 0!important;
        padding-right: 0!important;
        width: 46%!important
    }

    .right-img-style[data-v-0204f822] {
        padding: 0!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .rawMaterial-header-box[data-v-0204f822] {
        padding-bottom:40px!important
    }

    .headerTitle-header-box[data-v-0204f822] {
        width: 90%!important;
        font-size: 28px!important
    }

    .rawMaterial-box[data-v-0204f822] {
        padding-bottom: 60px!important;
        padding-top: 40px!important
    }

    .Lnnovative-box-style[data-v-0204f822] {
        padding-top: 20px!important;
        padding-bottom: 60px!important
    }

    .rawMaterial-bm-title[data-v-0204f822] {
        font-size: 16px!important;
        padding-bottom: 20px!important
    }

    .rawMaterial-bm-title-one[data-v-0204f822] {
        margin-right: 40px!important
    }

    .rawMaterial-bm-content[data-v-0204f822] {
        padding-bottom: 20px!important;
        font-size: 12px!important
    }

    .rawMaterial-bm-img[data-v-0204f822] {
        margin-top: 0!important;
        padding-right: 0!important
    }

    .right-img-style[data-v-0204f822] {
        padding-left: 30px!important;
        padding-right: 0!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .rawMaterial-box[data-v-0204f822] {
        padding-bottom:60px!important
    }

    .Lnnovative-box-style[data-v-0204f822] {
        padding-top: 20px!important;
        padding-bottom: 60px!important
    }

    .rawMaterial-bm-title[data-v-0204f822] {
        font-size: 20px!important;
        padding-bottom: 20px!important
    }

    .rawMaterial-bm-title-one[data-v-0204f822] {
        margin-right: 40px!important
    }

    .rawMaterial-bm-content[data-v-0204f822] {
        padding-bottom: 30px!important
    }

    .rawMaterial-bm-img[data-v-0204f822] {
        margin-top: 0!important;
        padding-right: 0!important
    }

    .right-img-style[data-v-0204f822] {
        padding-left: 30px!important;
        padding-right: 0!important
    }
}

.rawMaterial-bm-img[data-v-0204f822] {
    width: 40%;
    padding-right: 60px;
    display: inline-block;
    margin-top: -20px
}

.rawMaterial-bm-title[data-v-0204f822] {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333;
    padding-bottom: 30px
}

.rawMaterial-bm-content[data-v-0204f822] {
    font-size: 14px;
    padding-bottom: 60px;
    line-height: 22px;
    color: #666;
    ;
    word-break: break-word
}

.right-img-style[data-v-0204f822] {
    width: 100%;
    height: 100%;
    padding: 0 30px 30px 120px
}

.right-img-style .rawMaterial-imgbox[data-v-0204f822] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.right-img-style .rawMaterial-imgbox img[data-v-0204f822] {
    max-width: 80%;
    max-height: 80%
}

.cardImg[data-v-0204f822] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-0204f822]:hover {
    transform: scale(1.1)
}

.rawMaterial-header-content[data-v-0204f822] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.rawMaterial-header-title[data-v-0204f822] {
    font-weight: 700;
    font-size: 42px;
    color: #081433;
    padding-bottom: 20px
}

.rawMaterial-header-box[data-v-0204f822] {
    padding-bottom: 60px;
    text-align: center;
    margin: 0 auto
}

.rawMaterial-box[data-v-0204f822] {
    background: #ECEEF3;
    padding-top: 80px;
    padding-bottom: 80px
}

[data-v-7e371fb5]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-7e371fb5]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-7e371fb5]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-7e371fb5]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

html[data-v-7e371fb5] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-7e371fb5] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-7e371fb5],html[lang=de][data-v-7e371fb5] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

.technology-left-img[data-v-7e371fb5] {
    aspect-ratio: 2/1
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .technology-left-box[data-v-7e371fb5],.technology-right-box[data-v-7e371fb5] {
        border:0px!important
    }

    .technology-left-img[data-v-7e371fb5] {
        aspect-ratio: 1.4/1!important
    }

    .headerTitle-header-title[data-v-7e371fb5] {
        font-size: 28px!important
    }

    .technology-left-title[data-v-7e371fb5] {
        font-size: 16px!important
    }

    .headerTitle-header-box[data-v-7e371fb5] {
        width: 100%!important;
        text-align: left!important
    }

    .technology-list-box[data-v-7e371fb5] {
        padding-bottom: 20px!important
    }

    .technology-hezi-style[data-v-7e371fb5] {
        padding: 20px!important;
        margin-bottom: 20px!important
    }

    .technology-hezi-style img[data-v-7e371fb5] {
        width: 32px!important;
        height: 32px!important
    }

    .technology-hezi-title[data-v-7e371fb5] {
        font-size: 16px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }

    .technology-hezi-list[data-v-7e371fb5] {
        font-size: 12px!important
    }

    .technology-list-box[data-v-7e371fb5] {
        padding-top: 40px!important;
        padding-bottom: 10px!important
    }

    .technology-left-box[data-v-7e371fb5] {
        padding-top: 30px!important;
        padding-right: 30px!important;
        padding-bottom: 30px!important
    }

    .technology-right-box[data-v-7e371fb5] {
        padding: 0 10px 0 0!important
    }

    .technology-right-num[data-v-7e371fb5] {
        font-size: 24px!important;
        padding-bottom: 10px!important
    }

    .technology-right-title[data-v-7e371fb5] {
        font-size: 12px!important
    }

    .technology-box[data-v-7e371fb5] {
        padding-top: 40px!important;
        padding-bottom: 0!important
    }

    .technology-header-box[data-v-7e371fb5] {
        padding-bottom: 0!important
    }

    .technology-left-title[data-v-7e371fb5] {
        font-size: 20px!important
    }

    .technology-left-content[data-v-7e371fb5] {
        padding-top: 20px!important;
        font-size: 12px!important;
        padding-bottom: 20px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .technology-left-img[data-v-7e371fb5] {
        aspect-ratio:1.4/1!important
    }

    .headerTitle-header-title[data-v-7e371fb5] {
        font-size: 28px!important
    }

    .headerTitle-header-box[data-v-7e371fb5] {
        width: 90%!important
    }

    .technology-list-box[data-v-7e371fb5] {
        padding-bottom: 20px!important
    }

    .technology-hezi-style[data-v-7e371fb5] {
        padding: 20px!important
    }

    .technology-hezi-style img[data-v-7e371fb5] {
        width: 32px!important;
        height: 32px!important
    }

    .technology-hezi-title[data-v-7e371fb5] {
        font-size: 16px!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important
    }

    .technology-hezi-list[data-v-7e371fb5] {
        font-size: 12px!important
    }

    .technology-list-box[data-v-7e371fb5] {
        padding-top: 40px!important
    }

    .technology-left-box[data-v-7e371fb5] {
        padding-top: 30px!important;
        padding-right: 30px!important;
        padding-bottom: 30px!important
    }

    .technology-right-box[data-v-7e371fb5] {
        padding: 30px 10px 30px 30px!important
    }

    .technology-right-num[data-v-7e371fb5] {
        font-size: 28px!important;
        padding-bottom: 10px!important
    }

    .technology-right-title[data-v-7e371fb5] {
        font-size: 12px!important
    }

    .technology-box[data-v-7e371fb5] {
        padding-top: 40px!important;
        padding-bottom: 30px!important
    }

    .technology-header-box[data-v-7e371fb5] {
        padding-bottom: 40px!important
    }

    .technology-left-title[data-v-7e371fb5] {
        font-size: 20px!important
    }

    .technology-left-content[data-v-7e371fb5] {
        padding-top: 20px!important;
        font-size: 12px!important;
        padding-bottom: 20px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .technology-list-box[data-v-7e371fb5] {
        padding-bottom:20px!important
    }

    .technology-hezi-style[data-v-7e371fb5] {
        padding-bottom: 10px!important
    }

    .technology-hezi-style img[data-v-7e371fb5] {
        width: 48px!important;
        height: 48px!important
    }

    .technology-hezi-title[data-v-7e371fb5] {
        font-size: 20px!important
    }

    .technology-hezi-list[data-v-7e371fb5] {
        font-size: 12px!important
    }

    .technology-list-box[data-v-7e371fb5] {
        padding-top: 40px!important
    }

    .technology-left-box[data-v-7e371fb5] {
        padding-top: 30px!important;
        padding-right: 30px!important;
        padding-bottom: 30px!important
    }

    .technology-right-box[data-v-7e371fb5] {
        padding: 30px 10px 30px 30px!important
    }

    .technology-right-num[data-v-7e371fb5] {
        font-size: 36px!important;
        padding-bottom: 10px!important
    }

    .technology-right-title[data-v-7e371fb5] {
        font-size: 14px!important
    }

    .technology-box[data-v-7e371fb5] {
        padding-top: 60px!important
    }

    .technology-header-box[data-v-7e371fb5] {
        padding-bottom: 40px!important
    }

    .technology-left-title[data-v-7e371fb5] {
        font-size: 20px!important
    }

    .technology-left-content[data-v-7e371fb5] {
        padding-top: 20px!important;
        font-size: 12px!important
    }
}

.equal-height-row[data-v-7e371fb5] {
    display: flex;
    flex-wrap: wrap
}

.equal-height-col[data-v-7e371fb5] {
    display: flex
}

.technology-hezi-list[data-v-7e371fb5] {
    padding-bottom: 30px;
    line-height: 21px;
    ;
    word-break: break-word;
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 22px;
    color: #666;
    font-size: 14px
}

.technology-hezi-title[data-v-7e371fb5] {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333;
    padding-top: 20px;
    padding-bottom: 30px
}

.technology-hezi-style[data-v-7e371fb5] {
    padding: 30px
}

.technology-hezi-style img[data-v-7e371fb5] {
    width: 64px;
    height: 64px
}

.technology-list-box[data-v-7e371fb5] {
    padding-top: 50px;
    padding-bottom: 100px
}

.technology-right-title[data-v-7e371fb5] {
    font-size: 16px;
    color: #333
}

.technology-right-num[data-v-7e371fb5] {
    font-size: 44px;
    line-height: 66px;
    font-weight: 500;
    color: #dd1f1d;
    padding-bottom: 20px
}

.technology-left-title[data-v-7e371fb5] {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #333
}

.technology-left-content[data-v-7e371fb5] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding-top: 30px;
    padding-bottom: 60px;
    ;
    word-break: break-word
}

.technology-left-box[data-v-7e371fb5] {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #F8D2D2;
    border-right: 1px solid #F8D2D2;
    padding: 40px 40px 40px 0
}

.technology-right-box[data-v-7e371fb5] {
    width: 100%;
    display: inline-block;
    border-top: 1px solid #F8D2D2;
    padding: 40px
}

.cardImg[data-v-7e371fb5] {
    width: 100%;
    height: 100%
}

.technology-header-content[data-v-7e371fb5] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.technology-header-title[data-v-7e371fb5] {
    font-weight: 700;
    font-size: 42px;
    color: #081433;
    padding-bottom: 20px
}

.technology-header-box[data-v-7e371fb5] {
    padding-bottom: 60px;
    text-align: center;
    margin: 0 auto
}

.technology-box[data-v-7e371fb5] {
    padding-top: 120px;
    padding-bottom: 60px
}

[data-v-09d7fe9c]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-09d7fe9c]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-09d7fe9c]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-09d7fe9c]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

html[data-v-09d7fe9c] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-09d7fe9c] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-09d7fe9c],html[lang=de][data-v-09d7fe9c] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .patent-box[data-v-09d7fe9c] {
        padding-bottom:70px!important;
        margin: 0 auto!important
    }

    .headerTitle-header-box[data-v-09d7fe9c] {
        text-align: left!important;
        width: calc(100% - 60px)!important
    }

    .cardImg[data-v-09d7fe9c] {
        margin-top: 20px!important
    }

    .patent-left-list[data-v-09d7fe9c] {
        padding-top: 2px!important;
        padding-bottom: 20px!important
    }

    .patent-left-list[data-v-09d7fe9c] {
        font-size: 12px!important
    }

    .patent-left-content[data-v-09d7fe9c] {
        padding-bottom: 20px!important
    }

    .patent-box[data-v-09d7fe9c] {
        padding-top: 40px!important
    }

    .patent-left-content[data-v-09d7fe9c] {
        font-size: 12px!important
    }

    .patent-left-title[data-v-09d7fe9c] {
        font-size: 12px!important;
        margin-top: 30px!important;
        margin-bottom: 20px!important;
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .patent-box[data-v-09d7fe9c] {
        padding-bottom:40px!important
    }

    .cardImg[data-v-09d7fe9c] {
        margin-top: 40px!important
    }

    .patent-left-list[data-v-09d7fe9c] {
        padding-top: 2px!important;
        padding-bottom: 20px!important
    }

    .patent-left-list[data-v-09d7fe9c] {
        font-size: 12px!important
    }

    .patent-left-content[data-v-09d7fe9c] {
        padding-bottom: 20px!important
    }

    .patent-box[data-v-09d7fe9c] {
        padding-top: 40px!important
    }

    .patent-left-content[data-v-09d7fe9c] {
        font-size: 12px!important
    }

    .patent-left-title[data-v-09d7fe9c] {
        font-size: 12px!important;
        margin-top: 30px!important;
        margin-bottom: 20px!important;
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .patent-left-list[data-v-09d7fe9c] {
        padding-top:2px!important;
        padding-bottom: 20px!important
    }

    .patent-left-content[data-v-09d7fe9c] {
        padding-bottom: 20px!important
    }

    .patent-box[data-v-09d7fe9c] {
        padding-top: 60px!important
    }
}

.cardImg[data-v-09d7fe9c] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-09d7fe9c]:hover {
    transform: scale(1.1)
}

.patent-left-list[data-v-09d7fe9c] {
    padding-left: 40px;
    font-size: 14px;
    color: #fff;
    padding-bottom: 40px
}

.patent-left-content[data-v-09d7fe9c] {
    font-size: 14px;
    line-height: 22px;
    color: #ffffffb3;
    padding-bottom: 60px;
    ;
    word-break: break-word
}

.patent-lefthover-title[data-v-09d7fe9c] {
    background-color: #dd1f1d!important;
    color: #fff!important;
    border: 1px solid #DD1F1D!important
}

.patent-left-title[data-v-09d7fe9c] {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #DCDFE6;
    padding: 10px 20px;
    color: #000;
    margin-bottom: 30px;
    margin-top: 40px
}

.patent-left-title[data-v-09d7fe9c]:hover {
    color: #dd1f1d
}

.patent-box[data-v-09d7fe9c] {
    padding-top: 120px;
    padding-bottom: 120px
}

.patent-header-content[data-v-09d7fe9c] {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding-bottom: 60px
}

.patent-header-title[data-v-09d7fe9c] {
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    padding-bottom: 20px
}

.patent-header-box[data-v-09d7fe9c] {
    text-align: center;
    width: 50%;
    margin: 0 auto
}

[data-v-53c7f3b7]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-53c7f3b7]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-53c7f3b7]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-53c7f3b7]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

html[data-v-53c7f3b7] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-53c7f3b7] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-53c7f3b7],html[lang=de][data-v-53c7f3b7] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .future-box[data-v-53c7f3b7] {
        padding-top:30px!important;
        padding-bottom: 30px!important;
        padding-right: 30px!important
    }

    .future-left-text[data-v-53c7f3b7] {
        padding-bottom: 20px!important;
        font-size: 12px!important
    }

    .future-left-content[data-v-53c7f3b7] {
        font-size: 12px!important
    }

    .future-left-title[data-v-53c7f3b7] {
        font-size: 24px!important;
        line-height: 150%!important
    }

    .future-left-max[data-v-53c7f3b7] {
        bottom: 40px!important
    }

    .future-left-box[data-v-53c7f3b7] {
        padding: 30px!important;
        width: 100%!important;
        height: 600px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .future-box[data-v-53c7f3b7] {
        padding-top:50px!important;
        padding-bottom: 50px!important
    }

    .future-left-text[data-v-53c7f3b7] {
        padding-bottom: 30px!important;
        font-size: 12px!important
    }

    .future-left-content[data-v-53c7f3b7] {
        font-size: 12px!important
    }

    .future-left-title[data-v-53c7f3b7] {
        font-size: 28px!important
    }

    .future-left-max[data-v-53c7f3b7] {
        bottom: 40px!important
    }

    .future-left-box[data-v-53c7f3b7] {
        padding: 30px!important;
        width: 60%!important;
        height: 600px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .future-left-max[data-v-53c7f3b7] {
        bottom:60px!important
    }

    .future-box[data-v-53c7f3b7] {
        padding-top: 60px!important;
        padding-bottom: 60px!important
    }

    .future-left-text[data-v-53c7f3b7] {
        padding-bottom: 30px!important;
        font-size: 12px!important
    }

    .future-left-content[data-v-53c7f3b7] {
        font-size: 12px!important
    }

    .future-left-title[data-v-53c7f3b7] {
        font-size: 32px!important
    }

    .future-left-box[data-v-53c7f3b7] {
        padding: 40px!important;
        width: 60%!important;
        height: 600px!important
    }
}

.future-left-gengduo[data-v-53c7f3b7] {
    transition: all .5s;
    color:#fff;
}

.future-left-gengduo[data-v-53c7f3b7]:hover {
    color: #dd1f1d
}

.future-left-max[data-v-53c7f3b7] {
    color: #fff;
    font-size: 16px;
    position: absolute;
    bottom: 80px
}

.future-left-icon[data-v-53c7f3b7] {
    position: relative;
    top: 4px
}

.future-left-title[data-v-53c7f3b7] {
    font-weight: 700;
    font-size: 42px;
    line-height: 63px;
    color: #fff
}

.future-left-text[data-v-53c7f3b7] {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 40px
}

.future-left-content[data-v-53c7f3b7] {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    ;
    word-break: break-word
}

.future-left-box[data-v-53c7f3b7] {
    background: rgba(216,216,216,.2);
    width: 741px;
    height: 736px;
    padding: 80px
}

.future-box[data-v-53c7f3b7] {
    padding-top: 80px;
    padding-bottom: 80px
}

[data-v-70f9bba4]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-70f9bba4]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-70f9bba4]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-70f9bba4]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Regular_0.f5d83af4.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Regular_0.297b0884.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Medium_0.aa3c91cf.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Medium_0.6ed1553e.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Bold_0.7e99117a.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Bold_0.43a424b8.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Regular.c69b1518.woff2) format("woff2"),url(./Inter-Regular.a7e791e8.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Medium.6f0ca8ad.woff2) format("woff2"),url(./Inter-Medium.99dab2bd.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Bold.fbe3d3f5.woff2) format("woff2"),url(./Inter-Bold.1e9dfd6a.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html[data-v-70f9bba4] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-70f9bba4] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-70f9bba4],html[lang=de][data-v-70f9bba4] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

.banner-list-style[data-v-70f9bba4] {
    aspect-ratio: 3.6/1
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .banner-list-style[data-v-70f9bba4] {
        aspect-ratio:1.6/1!important
    }

    .Lnnovative-box-style[data-v-70f9bba4] {
        padding-top: 20px!important;
        padding-bottom: 30px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .banner-list-style[data-v-70f9bba4] {
        aspect-ratio:2.6/1!important
    }

    .Lnnovative-box-style[data-v-70f9bba4] {
        padding-top: 20px!important;
        padding-bottom: 60px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .banner-list-style[data-v-70f9bba4] {
        aspect-ratio:2.6/1!important
    }

    .Lnnovative-box-style[data-v-70f9bba4] {
        padding-top: 20px!important;
        padding-bottom: 60px!important
    }
}

.Lnnovative-box-style[data-v-70f9bba4] {
    padding-top: 40px;
    padding-bottom: 60px
}















/**案例展示**/


.zhiding-style[data-v-1a680f98] {
    text-align: right
}

.zhiding-style2[data-v-1a680f98] {
    position: absolute;
    right: 0;
    z-index: 99
}

.black-btn[data-v-1a680f98] {
    background-color: #dd1f1d!important;
    border: none!important;
    border-radius: 0!important;
    color: #fff!important;
    width: 48px!important;
    height: 48px!important;
    font-size: 24px
}

.black-btn[data-v-1a680f98]:hover,.black-btn[data-v-1a680f98]:active {
    background-color: #dd1f1d!important;
    color: #fff!important
}

.cardImg[data-v-1a680f98] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out
}

.cardImg[data-v-1a680f98]:hover {
    transform: scale(1.1)
}

.waterfall-container[data-v-1a680f98] {

    width: 100%;
    column-count: 3;       /* 固定3列 */
      column-gap:60px;      /* 列间距 */
      padding: 16px;
    
    
    
    
}

.waterfall-column[data-v-1a680f98] {
    display: flex;
    flex-direction: column
}

.waterfall-item[data-v-1a680f98] {
    break-inside: avoid;
    margin-bottom: 40px;
    background-color: #fff
}

.waterfall-item img[data-v-1a680f98] {
    object-fit: cover
}


@media screen and (min-width: 200px) and (max-width: 499px) {
    .banner-list-style[data-v-8606d7f0] {
        aspect-ratio:1.6/1!important
    }

    .CasePresentation_cards[data-v-8606d7f0] {
        padding-bottom: 20px!important
    }

    .crumbs-box-style[data-v-8606d7f0] {
        padding-top: 20px!important;
        padding-bottom: 30px!important
    }

    .label_style[data-v-8606d7f0] {
        margin-bottom: 20px!important;
        margin-right: 10px!important;
        margin-left: 10px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .banner-list-style[data-v-8606d7f0] {
        aspect-ratio:2.6/1!important
    }

    .CasePresentation_cards[data-v-8606d7f0] {
        padding-bottom: 40px!important
    }

    .crumbs-box-style[data-v-8606d7f0] {
        padding-top: 20px!important;
        padding-bottom: 40px!important
    }

    .label_style[data-v-8606d7f0] {
        margin-bottom: 20px!important;
        margin-right: 20px!important;
        margin-left: 20px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .banner-list-style[data-v-8606d7f0] {
        aspect-ratio:2.6/1!important
    }

    .CasePresentation_cards[data-v-8606d7f0] {
        padding-bottom: 80px!important
    }

    .label_style[data-v-8606d7f0] {
        margin-bottom: 40px!important;
        margin-right: 30px!important;
        margin-left: 30px!important
    }
}

.banner-list-style[data-v-8606d7f0] {
    aspect-ratio: 3.6/1
}

.cards_box_title[data-v-8606d7f0]:hover {
    color: #dd1f1d!important
}

.hover-tab-style[data-v-8606d7f0] {
    background-color: #dd1f1d!important;
    color: #fff!important
}

.CasePresentation_cards[data-v-8606d7f0] {
    padding-bottom: 120px
}

.label_style[data-v-8606d7f0] {
    display: inline-block;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #666;
    margin-bottom: 60px
}
.label_style[data-v-8606d7f0] a {
    color: #666;
}

.label_style[data-v-8606d7f0] a:hover {
    color: #dd1f1d
}


.label_style[data-v-8606d7f0] a.is-active {
    color: #dd1f1d
}

.label_hove_style[data-v-8606d7f0] {
    display: inline-block;
    font-weight: 500;
    color: #dd1f1d;
    font-size: 18px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px
}

.crumbs-box-style[data-v-8606d7f0] {
    padding-top: 40px;
    padding-bottom: 60px
}

.cards_box[data-v-8606d7f0] {
    padding: 40px 20px;
    font-size: 24px;
    color: #333
}

.abstract_style[data-v-8606d7f0] {
    padding-top: 24px;
    padding-bottom: 40px;
    font-size: 16px;
    color: #666
}

.page-tab-box[data-v-8606d7f0] {
    margin: 0 auto;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.page-tab-box img[data-v-8606d7f0] {
    display: none;
    width: 20px;
    margin: 0 auto
}

.page-tab-box>div[data-v-8606d7f0] {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--font-size2);
    color: #666;
    font-weight: 400;
    cursor: pointer
}

.page-tab-box>div[data-v-8606d7f0]:hover {
    color: #dd1f1d
}

.page-tab-box>div .el-icon[data-v-8606d7f0] {
    padding-left: 6px
}

.tab_style[data-v-8606d7f0] {
    flex-shrink: 0;
    padding: 6px 8px;
    margin-left: 12px;
    background-color: #eceef3;
    color: #666;
    font-size: 14px;
    font-weight: 400
}





.detailCard-box[data-v-90a425f4] {
    width: 100%
}

@media screen and (min-width: 1600px) {
    .detailCard-box .biaoti[data-v-90a425f4] {
        font-size:24px
    }

    .detailCard-box .jianjie[data-v-90a425f4],.detailCard-box .page-tab-box[data-v-90a425f4] {
        padding-top: 24px
    }
}

.biaoti[data-v-90a425f4] {
    font-weight: 400;
    font-size: 18px;
    color: #333
}

.biaoti[data-v-90a425f4]:hover {
    color: #dd1f1d
}

.jianjie[data-v-90a425f4] {
    padding-top: 16px;
    font-size: 16px;
    color: #666
}

.details_style[data-v-90a425f4] {
    font-size: var(--font-size2);
    color: #666;
    font-weight: 400
}

.details_style[data-v-90a425f4]:hover {
    color: #dd1f1d
}

.tab_style[data-v-90a425f4] {
    background-color: #eceef3;
    color: #666;
    font-size: 14px;
    padding: 6px 8px;
    font-weight: 400
}

.page-tab-box[data-v-90a425f4] {
    width: 100%;
    padding-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.page-tab-box .details_style[data-v-90a425f4] {
    flex-shrink: 0;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: var(--font-size2);
    color: #666;
    font-weight: 400;
    cursor: pointer
}

.page-tab-box .details_style[data-v-90a425f4]:hover {
    color: #dd1f1d
}

.page-tab-box .details_style .el-icon[data-v-90a425f4] {
    padding-left: 6px
}

.page-tab-box .tab_style[data-v-90a425f4] {
    flex-shrink: 0;
    padding: 6px 8px;
    margin-left: 12px;
    background-color: #eceef3;
    color: #666;
    font-size: 14px;
    font-weight: 400
}



.case-detail_page[data-v-6fc91585] {
    padding: 60px 0 120px
}

.case-detail_page .detail-content[data-v-6fc91585] {
    padding: 100px 0
}

.case-detail_page .detail-content[data-v-6fc91585] img {
    width: 100%
}

.case-detail_page .detail-title[data-v-6fc91585] {
    padding-bottom: 40px;
    font-size: 40px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em;
    color: #333
}

.case-detail_page .center-content[data-v-6fc91585] {
    max-width: 1000px;
    margin: 0 auto
}



















/**关于我们**/

@media screen and (min-width: 200px) and (max-width: 499px) {
    .about-us_page .AboutUs-box-style {
        padding-top:20px!important
    }

    .about-us_page .abouts-menu_compos {
        padding-top: 40px!important
    }

    .about-us_page .banner-list-style {
        aspect-ratio: 1.6/1!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .about-us_page .AboutUs-box-style {
        padding-top:20px!important
    }

    .about-us_page .abouts-menu_compos {
        padding-top: 40px!important
    }

    .about-us_page .banner-list-style {
        aspect-ratio: 2.6/1!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .about-us_page .AboutUs-box-style {
        padding-top:20px!important
    }

    .about-us_page .abouts-menu_compos {
        padding-top: 40px!important
    }

    .about-us_page .banner-list-style {
        aspect-ratio: 2.6/1!important
    }
}

.AboutUs-box-style {
    padding-top: 40px
}

.about-us_page {
    width: 100%;
    overflow: hidden
}

.about-us_page .compos-padding_top,.about-us_page .compos-padding_bottom {
    padding-bottom: 100px
}

.about-us_page .el-skeleton .el-skeleton__h1 {
    height: 54px
}

.about-us_page .el-skeleton .el-skeleton__h3 {
    height: 40px
}

.about-us_page .el-skeleton .el-skeleton__p {
    height: 24px
}

.about-us_page .el-skeleton .el-skeleton__text {
    height: 16px
}

@media screen and (min-width: 1600px) {
    .about-us_page .compos-padding_top,.about-us_page .compos-padding_bottom {
        padding-bottom:120px
    }
}






.abouts-menu_compos[data-v-7085175e] {
    width: 100%;
    padding: 60px 0 0
}

.abouts-menu_compos .menu-list[data-v-7085175e] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.abouts-menu_compos .menu-list_item[data-v-7085175e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 15px;
    flex-grow: 1;
    border-width: 1.5px 1.5px 1.5px 0px;
    border-style: solid;
    border-color: #dcdfe6;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #333;
    cursor: pointer
}

.abouts-menu_compos .menu-list_item[data-v-7085175e]:hover {
    color: #fff;
    background-color: #dd1f1d;
    border-color: #dd1f1d
}

.abouts-menu_compos .menu-list_item.is-first-col[data-v-7085175e] {
    border-left: 1px solid #DCDFE6
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-who-we-are_compos .left-panel-start_title {
        font-size:24px!important
    }

    .AboutUs-who-we-are_compos .center-panel {
        width: 100%!important
    }

    .AboutUs-who-we-are_compos .right-panel {
        width: 100%!important;
        margin: 0!important;
        padding-top: 10px!important
    }
}

.AboutUs-who-we-are_compos {
    width: 100%;
    padding: 60px 0 var(--space-80) 0
}

.AboutUs-who-we-are_compos .who-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch
}

.AboutUs-who-we-are_compos .left-panel {
    flex-shrink: 0;
    width: 100%;
    margin: 0 0 var(--space-80) 0;
    font-size: 0
}

.AboutUs-who-we-are_compos .left-panel .left-panel-who_subtitle {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-size2);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-who-we-are_compos .left-panel .left-panel-start_title {
    padding-bottom: 30px;
    color: #081433;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-who-we-are_compos .left-panel .left-panel-story_text {
    padding-bottom: 40px;
    color: #666;
    font-weight: 400;
    font-size: var(--font-size3);
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px
}

.AboutUs-who-we-are_compos .left-panel .left-panel_img {
    width: 100%;
    height: auto;
    font-size: 0
}

.AboutUs-who-we-are_compos .center-panel {
    flex-shrink: 0;
    width: calc(50% - 30px);
    margin: 0
}

.AboutUs-who-we-are_compos .center-panel .center-panel_img {
    width: 100%;
    padding-bottom: 46px;
    height: auto;
    font-size: 0
}

.AboutUs-who-we-are_compos .center-panel .center-panel_img img {
    width: 100%
}

.AboutUs-who-we-are_compos .center-panel .center-panel_title {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-title4);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-who-we-are_compos .center-panel .center-panel_text {
    color: #666;
    font-weight: 400;
    font-size: var(--font-size3);
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px
}

.AboutUs-who-we-are_compos .center-panel .center-panel-first_text {
    padding-bottom: var(--space-80)
}

.AboutUs-who-we-are_compos .right-panel {
    width: calc(50% - 30px);
    margin: 0 0 0 var(--space-80)
}

.AboutUs-who-we-are_compos .right-panel>div {
    width: 100%;
    font-size: 0
}

.AboutUs-who-we-are_compos .right-panel>div>img {
    width: 100%
}

@media screen and (min-width: 1600px) and (max-width: 2000px) {
    .AboutUs-who-we-are_compos .who-content {
        flex-wrap:nowrap
    }

    .AboutUs-who-we-are_compos .left-panel {
        width: 32.62%
    }

    .AboutUs-who-we-are_compos .center-panel {
        width: 27.24%;
        margin: 0 0 0 var(--space-80)
    }

    .AboutUs-who-we-are_compos .right-panel {
        flex-grow: 1
    }

    .AboutUs-who-we-are_compos .right-panel div {
        width: 100%;
        height: 100%;
        position: relative
    }

    .AboutUs-who-we-are_compos .right-panel img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media screen and (min-width: 2000px) {
    .AboutUs-who-we-are_compos .who-content {
        flex-wrap:nowrap
    }

    .AboutUs-who-we-are_compos .left-panel {
        width: 35.62%
    }

    .AboutUs-who-we-are_compos .center-panel {
        width: 30.24%;
        margin: 0 0 0 var(--space-80)
    }

    .AboutUs-who-we-are_compos .right-panel {
        flex-grow: 1
    }

    .AboutUs-who-we-are_compos .right-panel div {
        width: 100%;
        height: 100%;
        position: relative
    }

    .AboutUs-who-we-are_compos .right-panel img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-year-swiper_compos .left-panel_subtitle {
        padding-bottom:10px!important
    }

    .AboutUs-year-swiper_compos .swiper-list_item {
        height: 290px!important;
        overflow: auto;
        padding-bottom: 40px!important
    }

    .AboutUs-year-swiper_compos .swiper-list_wrapper {
        height: 280px!important;
        overflow: auto
    }

    .AboutUs-year-swiper_compos .left-panel_title {
        font-size: 16px!important;
        padding-bottom: 10px!important
    }

    .AboutUs-year-swiper_compos .year-list_item {
        margin-top: 20px!important
    }

    .AboutUs-year-swiper_compos .year-swiper-content {
        height: 300px!important;
        overflow: auto
    }

    .AboutUs-year-swiper_compos .yd-right-panel-style {
        display: inline-block!important;
        width: 100%!important
    }

    .AboutUs-year-swiper_compos .yd-right-panel-style img {
        width: 100%!important
    }

    .AboutUs-year-swiper_compos .right-panel {
        display: none!important
    }

    .AboutUs-year-swiper_compos .left-panel {
        flex-grow: 1;
        overflow: hidden;
        padding-right: 0!important;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .AboutUs-year-swiper_compos .swiper-list_item {
        display: inline-block!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-year-swiper_compos .year-list_item {
        margin-top:30px!important
    }

    .AboutUs-year-swiper_compos .year-swiper-content {
        height: 360px!important
    }

    .AboutUs-year-swiper_compos .yd-right-panel-style {
        display: inline-block!important;
        width: 100%!important
    }

    .AboutUs-year-swiper_compos .yd-right-panel-style img {
        width: 100%!important
    }

    .AboutUs-year-swiper_compos .right-panel {
        display: none!important
    }

    .AboutUs-year-swiper_compos .left-panel {
        flex-grow: 1;
        overflow: hidden;
        padding-right: 0!important;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .AboutUs-year-swiper_compos .swiper-list_item {
        display: inline-block!important
    }
}

.AboutUs-year-swiper_compos {
    width: 100%;
    padding: var(--space-120) 0;
    background: #ECEEF3;
    backdrop-filter: blur(51px);
    background-image: url(../images/image1.png);
    background-size: cover;
    background-position: center
}

.AboutUs-year-swiper_compos .yd-right-panel-style {
    display: none
}

.AboutUs-year-swiper_compos .el-carousel,.AboutUs-year-swiper_compos .el-carousel__container {
    height: 100%
}

.AboutUs-year-swiper_compos .el-carousel__item {
    height: fit-content
}

.AboutUs-year-swiper_compos .year-swiper-content {
    width: 100%;
    display: flex;
    flex-direction: row
}

.AboutUs-year-swiper_compos .year-list_wrapper {
    flex-shrink: 0;
    width: 88px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.AboutUs-year-swiper_compos .year-list_wrapper .year-list_item {
    color: #666;
    font-size: var(--font-size2);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    text-align: left;
    cursor: pointer;
    position: relative;
    transition: all .15s
}

.AboutUs-year-swiper_compos .year-list_wrapper .year-list_item:not(.is-active):hover {
    color: #dd1f1d
}

.AboutUs-year-swiper_compos .year-list_wrapper .year-list_item.is-active {
    color: #dd1f1d;
    font-size: var(--font-title4);
    font-weight: 500
}

.AboutUs-year-swiper_compos .year-list_wrapper .year-list_item.is-active:after {
    width: 20px
}

.AboutUs-year-swiper_compos .year-list_wrapper .year-list_item+.year-list_item {
    margin-top: 40px
}

.AboutUs-year-swiper_compos .year-list_wrapper .year-list_item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100% - 20px);
    margin: auto 0;
    width: 0;
    height: 2px;
    background-color: #dd1f1d;
    transition: all .15s
}

.AboutUs-year-swiper_compos .swiper-list_wrapper {
    flex-grow: 1;
    overflow: hidden;
    padding-left: var(--space-60);

}

.AboutUs-year-swiper_compos .swiper-list_wrapper .swiper-list_item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel {
    flex-grow: 1;
    overflow: hidden;
    padding-right: var(--space-60);
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-top {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-top .left-panel_subtitle {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-size2);
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0em
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-top .left-panel_title {
    padding-bottom: 30px;
    color: #081433;
    font-size: var(--font-title4);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-top .left-panel_text {
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px;
    color: #666
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-bottom {
    flex-shrink: 0;
    padding-top: 20px
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-bottom>div {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #dd1f1d;
    font-size: var(--font-title4);
    cursor: pointer
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-bottom>div.is-disabled {
    color: #666;
    cursor: not-allowed
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-bottom>div.next-btn {
    margin-left: 40px
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .right-panel {
    flex-shrink: 0;
    width: 460px
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .right-panel>div {
    width: 100%;
    height: 0;
    padding-bottom: 68.97%;
    background-color: #eaeaea;
    overflow: hidden;
    position: relative;
    font-size: 0
}

.AboutUs-year-swiper_compos .swiper-list_wrapper .right-panel>div>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 1600px) {
    .AboutUs-year-swiper_compos .swiper-list_wrapper {
        padding-left:var(--space-120)
    }

    .AboutUs-year-swiper_compos .swiper-list_wrapper .left-panel-top .left-panel_title {
        font-size: var(--font-title3)
    }

    .AboutUs-year-swiper_compos .swiper-list_wrapper .right-panel {
        width: 580px
    }
}

@media screen and (min-width: 1900px) {
    .AboutUs-year-swiper_compos .swiper-list_wrapper .right-panel {
        width:50%
    }
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-what-we-do_compos {
        padding-top:30px!important;
        padding-bottom: 30px!important
    }

    .AboutUs-what-we-do_compos .top-panel_title {
        font-size: 24px!important
    }

    .AboutUs-what-we-do_compos .top-panel_left {
        padding-right: 0!important;
        font-size: 24px!important
    }

    .AboutUs-what-we-do_compos .top-panel-right {
        padding-top: 10px!important;
        width: 100%!important
    }

    .AboutUs-what-we-do_compos .bottom-panel-item_img,.AboutUs-what-we-do_compos .bottom-panel-item_bootom {
        margin-bottom: 20px!important
    }

    .AboutUs-what-we-do_compos .top-panel {
        padding-top: 30px!important;
        padding-bottom: 20px!important;
        display: inline-block!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-what-we-do_compos {
        padding-top:60px!important;
        padding-bottom: 40px!important
    }

    .AboutUs-what-we-do_compos .top-panel-right {
        width: 50%!important
    }

    .AboutUs-what-we-do_compos .bottom-panel-item_img,.AboutUs-what-we-do_compos .bottom-panel-item_bootom {
        margin-bottom: 20px!important
    }

    .AboutUs-what-we-do_compos .top-panel {
        padding-top: 40px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-what-we-do_compos {
        padding-top:60px!important
    }

    .AboutUs-what-we-do_compos .top-panel-right {
        width: 50%!important
    }

    .AboutUs-what-we-do_compos .bottom-panel-item_img {
        margin-bottom: 20px!important
    }
}

.AboutUs-what-we-do_compos {
    width: 100%;
    padding: var(--space-120) 0
}

.AboutUs-what-we-do_compos .top-panel {
    width: 100%;
    padding: 0 0 var(--space-60) 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.AboutUs-what-we-do_compos .top-panel .top-panel_left {
    flex-grow: 1;
    overflow: hidden;
    padding-right: var(--space-80)
}

.AboutUs-what-we-do_compos .top-panel .top-panel-right {
    flex-shrink: 0;
    width: 520px
}

.AboutUs-what-we-do_compos .top-panel .top-panel_subtitle {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-size2);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-what-we-do_compos .top-panel .top-panel_title {
    color: #081433;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-what-we-do_compos .top-panel .top-panel_text {
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px
}

.AboutUs-what-we-do_compos .bottom-panel_item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.AboutUs-what-we-do_compos .bottom-panel_item:not(.is-disabled) {
    cursor: pointer
}

.AboutUs-what-we-do_compos .bottom-panel_item:not(.is-disabled):hover .bottom-panel-item_title {
    color: #dd1f1d
}

.AboutUs-what-we-do_compos .bottom-panel_item:not(.is-disabled):hover img {
    transform: scale(1.1)
}

.AboutUs-what-we-do_compos .bottom-panel_item>div:not(.bottom-panel-item_text) {
    flex-shrink: 0
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_img {
    position: relative;
    width: 100%;
    height: 0;
    margin-bottom: 40px;
    padding-bottom: 56.37%;
    overflow: hidden;
    background-color: #eaeaea;
    font-size: 0
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease-out
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_title {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-title4);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_text {
    flex-grow: 1;
    overflow: hidden;
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_line {
    width: 100%;
    margin: 20px 0;
    height: 1px;
    background: rgba(221,31,29,.2)
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_bootom {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_bootom .btn {
    flex-shrink: 0;
    color: #666;
    font-size: var(--font-size2);
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
    cursor: pointer
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_bootom .btn>span:first-child {
    margin-right: 6px
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_bootom .btn:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    transition: all .5s;
    background-color: #dd1f1d
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_bootom .btn:hover {
    color: #dd1f1d!important
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_bootom .btn:hover:before {
    width: 88px
}

.AboutUs-what-we-do_compos .bottom-panel_item .bottom-panel-item_bootom .time {
    flex-shrink: 0;
    padding-left: 12px;
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 22px
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-mission_compos .top-panel .top-panel_content {
        width:100%!important;
        max-width: 100%!important;
        text-align: left!important
    }

    .AboutUs-mission_compos .bottom-panel:before {
        height: calc(100% + 30px)!important
    }

    .AboutUs-mission_compos .bottom-panel_wrap {
        width: 100%!important;
        max-width: 100%!important
    }

    .AboutUs-mission_compos .top-panel_text {
        text-align: left!important
    }

    .AboutUs-mission_compos .top-panel_title {
        font-size: 24px!important
    }

    .AboutUs-mission_compos .top-panel {
        padding-top: 60px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-mission_compos .top-panel {
        padding-top:60px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-mission_compos .top-panel {
        padding-top:60px!important
    }
}

.AboutUs-mission_compos {
    width: 100%
}

.AboutUs-mission_compos .top-panel {
    padding: var(--space-80) 0 var(--space-60) 0;
    background-color: #081433
}

.AboutUs-mission_compos .top-panel .top-panel_content {
    max-width: 60%;
    margin: 0 auto;
    color: #fff;
    text-align: center
}

.AboutUs-mission_compos .top-panel_title {
    padding-bottom: 20px;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-mission_compos .top-panel_text {
    font-size: var(--font-size3);
    font-weight: 400;
    text-align: center;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px;
    color: #fff
}

.AboutUs-mission_compos .bottom-panel {
    width: 100%;
    position: relative
}

.AboutUs-mission_compos .bottom-panel:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(50% + 1px);
    background-color: #081433
}

.AboutUs-mission_compos .bottom-panel .bottom-panel_wrap {
    max-width: 80%;
    margin: 0 auto
}

.AboutUs-mission_compos .bottom-panel .bottom-panel_content {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 0;
    padding-bottom: 57.12%;
    background-color: #eaeaea;
    overflow: hidden
}

.AboutUs-mission_compos .bottom-panel .bottom-panel_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    font-size: 0
}

.AboutUs-mission_compos .bottom-panel .bottom-panel_img>video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.AboutUs-mission_compos .bottom-panel .bottom-panel_play {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3))
}

.AboutUs-mission_compos .bottom-panel .bottom-panel_play>span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #dd1f1d;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size2);
    color: #fff;
    cursor: pointer
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-philosophy_compos {
        padding-top:80px!important;
        padding-left: 30px!important;
        padding-right: 30px!important
    }

    .AboutUs-philosophy_compos .top-panel_title {
        font-size: 24px!important
    }

    .AboutUs-philosophy_compos .bottom-panel-item_title {
        padding-top: 10px!important
    }

    .AboutUs-philosophy_compos .left-content {
        width: 100%!important;
        margin-bottom: 20px!important
    }

    .AboutUs-philosophy_compos .container-left {
        display: inline-block!important
    }

    .AboutUs-philosophy_compos .top-panel_text {
        padding-bottom: 20px!important
    }

    .AboutUs-philosophy_compos .container-left {
        padding: 0!important
    }

    .AboutUs-philosophy_compos .bottom-panel-item_img {
        padding-bottom: 0!important
    }

    .AboutUs-philosophy_compos .bottom-panel-item_title {
        padding-bottom: 10px!important
    }

    .AboutUs-philosophy_compos .right_img {
        padding-left: 0!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-philosophy_compos {
        padding-top:40px!important;
        padding-left: 60px!important;
        padding-right: 60px!important
    }

    .AboutUs-philosophy_compos .left-content {
        width: 100%!important;
        margin-bottom: 20px!important
    }

    .AboutUs-philosophy_compos .container-left {
        display: inline-block!important
    }

    .AboutUs-philosophy_compos .top-panel_text {
        padding-bottom: 20px!important
    }

    .AboutUs-philosophy_compos .container-left {
        padding: 0!important
    }

    .AboutUs-philosophy_compos .bottom-panel-item_img {
        padding-bottom: 0!important
    }

    .AboutUs-philosophy_compos .bottom-panel-item_title {
        padding-bottom: 10px!important
    }

    .AboutUs-philosophy_compos .right_img {
        padding-left: 0!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-philosophy_compos {
        padding-top:60px!important
    }

    .AboutUs-philosophy_compos .top-panel_text {
        padding-bottom: 20px!important
    }

    .AboutUs-philosophy_compos .bottom-panel-item_img {
        padding-bottom: 0!important
    }

    .AboutUs-philosophy_compos .bottom-panel-item_title {
        padding-bottom: 10px!important
    }

    .AboutUs-philosophy_compos .AboutUs-philosophy_compos .left-content {
        width: 40%!important
    }
}

.AboutUs-philosophy_compos {
    width: 100%;
    padding-top: var(--space-120)
}

.AboutUs-philosophy_compos .container-left {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-philosophy_compos .left-content {
    flex-shrink: 0;
    width: 36%
}

.AboutUs-philosophy_compos .left-content .top-panel_title {
    padding-bottom: 20px;
    color: #081433;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-philosophy_compos .left-content .top-panel_text {
    padding-bottom: var(--space-60);
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px
}

.AboutUs-philosophy_compos .left-content .bottom-panel-item_img {
    width: 100%;
    padding-bottom: 16px;
    font-size: 0
}

.AboutUs-philosophy_compos .left-content .bottom-panel-item_img img {
    width: 42px;
    height: 42px;
    object-fit: cover
}

.AboutUs-philosophy_compos .left-content .bottom-panel-item_title {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-title4);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-philosophy_compos .left-content .bottom-panel-item_text {
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 22px
}

.AboutUs-philosophy_compos .right_img {
    flex-grow: 1;
    overflow: hidden;
    padding-left: var(--space-60);
    font-size: 0
}

.AboutUs-philosophy_compos .right_img img {
    width: 100%
}

.AboutUs-philosophy_compos .el-col:nth-child(even) {
    padding: 28px 0 28px 28px;
    border-bottom: 1px solid rgba(221,31,29,.2)
}

.AboutUs-philosophy_compos .el-col:nth-child(odd) {
    padding: 28px 28px 28px 0;
    border-right: 1px solid rgba(221,31,29,.2);
    border-bottom: 1px solid rgba(221,31,29,.2)
}

.AboutUs-philosophy_compos .el-col:nth-child(1),.AboutUs-philosophy_compos .el-col:nth-child(2) {
    padding-top: 12px;
    padding-bottom: 28px
}

.AboutUs-philosophy_compos .el-col:nth-last-child(1),.AboutUs-philosophy_compos .el-col:nth-last-child(2) {
    padding-top: 28px;
    padding-bottom: 12px;
    border-bottom: none
}

@media screen and (min-width: 1600px) {
    .AboutUs-philosophy_compos .left-content {
        width:42%
    }

    .AboutUs-philosophy_compos .left-content .bottom-panel-item_img img {
        width: 64px;
        height: 64px
    }

    .AboutUs-philosophy_compos .el-col:nth-child(even) {
        padding: 40px 0 40px 40px
    }

    .AboutUs-philosophy_compos .el-col:nth-child(odd) {
        padding: 40px 40px 40px 0
    }

    .AboutUs-philosophy_compos .el-col:nth-child(1),.AboutUs-philosophy_compos .el-col:nth-child(2) {
        padding-top: 16px;
        padding-bottom: 40px
    }

    .AboutUs-philosophy_compos .el-col:nth-last-child(1),.AboutUs-philosophy_compos .el-col:nth-last-child(2) {
        padding-top: 40px;
        padding-bottom: 16px
    }
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-aesthetics_compos {
        padding-top:40px!important;
        padding-bottom: 40px!important
    }

    .AboutUs-aesthetics_compos .compos-bottom .awards-content .list-item {
        width: 120px!important;
        height: 120px!important
    }

    .AboutUs-aesthetics_compos .compos-top {
        padding-bottom: 20px!important
    }

    .AboutUs-aesthetics_compos .content-right_title {
        font-size: 24px!important
    }

    .AboutUs-aesthetics_compos .content-right-text {
        padding-bottom: 10px!important
    }

    .AboutUs-aesthetics_compos .content-right {
        padding-left: 0!important
    }

    .AboutUs-aesthetics_compos .compos-bottom {
        margin-top: 10px!important
    }

    .AboutUs-aesthetics_compos .content-center {
        padding-top: 20px!important
    }

    .AboutUs-aesthetics_compos .content-right_perlon {
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }

    .AboutUs-aesthetics_compos .perlon_left {
        width: 100%!important;
        display: inline-block!important;
        height: 128px
    }

    .AboutUs-aesthetics_compos .perlon_right {
        width: 100%!important;
        display: inline-block!important
    }

    .AboutUs-aesthetics_compos .container-right {
        display: inline-block!important
    }

    .AboutUs-aesthetics_compos .pc-left-style {
        display: none!important
    }

    .AboutUs-aesthetics_compos .yidong-left-style {
        display: inline-block!important;
        width: 100%!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-aesthetics_compos {
        padding-top:40px!important;
        padding-bottom: 40px!important
    }

    .AboutUs-aesthetics_compos .compos-bottom .awards-content .list-item {
        width: 160px!important;
        height: 160px!important
    }

    .AboutUs-aesthetics_compos .content-right {
        padding-left: 0!important
    }

    .AboutUs-aesthetics_compos .compos-bottom {
        margin-top: 10px!important
    }

    .AboutUs-aesthetics_compos .content-center {
        padding-top: 20px!important
    }

    .AboutUs-aesthetics_compos .content-right_perlon {
        display: inline-block!important;
        padding-top: 20px!important;
        padding-bottom: 20px!important
    }

    .AboutUs-aesthetics_compos .perlon_left {
        width: 50%!important;
        display: inline-block!important;
        height: 228px
    }

    .AboutUs-aesthetics_compos .perlon_right {
        width: 50%!important;
        display: inline-block!important
    }

    .AboutUs-aesthetics_compos .container-right {
        display: inline-block!important
    }

    .AboutUs-aesthetics_compos .pc-left-style {
        display: none!important
    }

    .AboutUs-aesthetics_compos .yidong-left-style {
        display: inline-block!important;
        width: 100%!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-aesthetics_compos {
        padding-top:60px!important
    }

    .AboutUs-aesthetics_compos .compos-bottom {
        margin-top: 40px!important
    }
}

.AboutUs-aesthetics_compos {
    width: 100%;
    padding: var(--space-120) 0
}

.AboutUs-aesthetics_compos .pc-left-style {
    display: inline-block
}

.AboutUs-aesthetics_compos .yidong-left-style {
    display: none!important
}

.AboutUs-aesthetics_compos .compos-top {
    width: 100%;
    padding-bottom: var(--space-80)
}

.AboutUs-aesthetics_compos .compos-top .container-right {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-aesthetics_compos .compos-top .content-left {
    width: 55%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column
}

.AboutUs-aesthetics_compos .compos-top .content-left .content-left_wp {
    flex-grow: 0
}

.AboutUs-aesthetics_compos .compos-top .content-left .content-left_as {
    width: 100%;
    height: 0;
    padding-bottom: 84%;
    position: relative;
    overflow: hidden;
    background-color: #eaeaea
}

.AboutUs-aesthetics_compos .compos-top .content-left .content-left_render {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0
}

.AboutUs-aesthetics_compos .compos-top .content-left .content-left_render img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.AboutUs-aesthetics_compos .compos-top .content-right {
    flex-grow: 1;
    overflow: hidden;
    padding-left: var(--space-60)
}

.AboutUs-aesthetics_compos .compos-top .content-right .content-right_title {
    padding-bottom: 20px;
    color: #081433;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-aesthetics_compos .compos-top .content-right .content-right-text {
    padding-bottom: var(--space-80);
    font-size: var(--font-size2);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px;
    color: #666;
    font-size: 14px
}

.AboutUs-aesthetics_compos .compos-top .content-right_perlon {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.AboutUs-aesthetics_compos .compos-top .content-right_perlon .perlon_left {
    padding-bottom: 24px;
    flex-grow: 1;
    overflow: hidden
}

.AboutUs-aesthetics_compos .compos-top .content-right_perlon .perlon_left .perlon-left_title {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-title4);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-aesthetics_compos .compos-top .content-right_perlon .perlon_left .perlon-left_text {
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    word-break: break-word
}

.AboutUs-aesthetics_compos .compos-top .content-right_perlon .perlon_right {
    flex: 0 0 auto;
    width: 228px;
    height: 228px;
    background-color: #eaeaea;
    font-size: 0
}

.AboutUs-aesthetics_compos .compos-top .content-right_perlon .perlon_right img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.AboutUs-aesthetics_compos .compos-bottom {
    width: 100%
}

.AboutUs-aesthetics_compos .compos-bottom .awards-content {
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap
}

.AboutUs-aesthetics_compos .compos-bottom .awards-content .list-item {
    flex-shrink: 0;
    width: 240px;
    height: 240px;
    margin: 0 16px;
    padding: 16px;
    box-sizing: border-box;
    font-size: 0;
    background-color: #eaeaea;
    border: 1px solid #F5F5F5
}

.AboutUs-aesthetics_compos .compos-bottom .awards-content .list-item img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.AboutUs-aesthetics_compos .content-center {
    flex: 0 0 auto;
    width: 100%;
    padding: 40px 0 0
}

.AboutUs-aesthetics_compos .content-center .center-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    overflow-y: hidden;
    overflow-x: auto
}

.AboutUs-aesthetics_compos .content-center .center-list_item {
    flex-shrink: 0;
    width: calc((100% - 80px)/5);
    position: relative
}

.AboutUs-aesthetics_compos .content-center .center-list_item:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 2;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    outline: 0px solid #DD1F1D;
    transition: all .12s
}

.AboutUs-aesthetics_compos .content-center .center-list_item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #eaeaea
}

.AboutUs-aesthetics_compos .content-center .center-list_item.is-active:after {
    outline: 3px solid #DD1F1D
}

.AboutUs-aesthetics_compos .content-center .center-list_item.is-active:before {
    display: none
}

.AboutUs-aesthetics_compos .content-center .center-list_item.is-active img {
    width: calc(100% - 12px);
    height: calc(100% - 12px)
}

.AboutUs-aesthetics_compos .content-center .center-list_item>div {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    font-size: 0;
    position: relative;
    cursor: pointer;
    z-index: 99;
    overflow: hidden
}

.AboutUs-aesthetics_compos .content-center .center-list_item img {
    position: absolute;
    inset: 0;
    margin: auto;
    height: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .16s;
    z-index: 3
}

@media screen and (min-width: 1800px) {
    .AboutUs-aesthetics_compos .compos-top .content-left {
        width:45%;
        flex-direction: row
    }

    .AboutUs-aesthetics_compos .compos-top .content-left .content-left_wp {
        flex-grow: 1;
        overflow: hidden
    }

    .AboutUs-aesthetics_compos .compos-top .content-right {
        padding-left: 0
    }

    .AboutUs-aesthetics_compos .compos-top .content-right_perlon {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: nowrap
    }

    .AboutUs-aesthetics_compos .compos-top .content-right_perlon .perlon_left {
        padding: 0 80px 0 0;
        flex-grow: 1;
        overflow: hidden
    }

    .AboutUs-aesthetics_compos .compos-bottom .awards-content .list-item {
        width: 280px;
        height: 280px;
        margin: 0 20px;
        padding: 20px
    }

    .AboutUs-aesthetics_compos .content-center {
        width: fit-content;
        padding: 0 80px 0 40px
    }

    .AboutUs-aesthetics_compos .content-center .center-list {
        width: fit-content;
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        overflow-x: hidden
    }

    .AboutUs-aesthetics_compos .content-center .center-list_item {
        width: auto;
        height: calc((100% - 80px)/5);
        position: relative
    }

    .AboutUs-aesthetics_compos .content-center .center-list_item>div {
        width: 100%;
        height: 100%;
        padding-bottom: 0
    }
}

.yd-left-first-style {
    display: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-leadership_compos {
        padding-top:40px!important;
        padding-bottom: 40px!important
    }

    .AboutUs-leadership_compos .left-title {
        font-size: 24px!important
    }

    .AboutUs-leadership_compos .left-img_top {
        margin-top: 50px!important
    }

    .AboutUs-leadership_compos .right-img_top {
        padding-top: 0!important
    }

    .AboutUs-leadership_compos .yd-left-first-style {
        display: inline-block!important
    }

    .AboutUs-leadership_compos .pc-left-first-style {
        display: none!important
    }

    .AboutUs-leadership_compos .left-first {
        padding: 0!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-leadership_compos {
        padding-top:40px!important;
        padding-bottom: 40px!important
    }

    .AboutUs-leadership_compos .left-img_top {
        margin-top: 50px!important
    }

    .AboutUs-leadership_compos .right-img_top {
        padding-top: 0!important
    }

    .AboutUs-leadership_compos .yd-left-first-style {
        display: inline-block!important
    }

    .AboutUs-leadership_compos .pc-left-first-style {
        display: none!important
    }

    .AboutUs-leadership_compos .left-first {
        padding: 0!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-leadership_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }
}

.AboutUs-leadership_compos {
    width: 100%;
    padding: var(--space-120) 0;
    background-color: #eceef3;
    position: relative
}

.AboutUs-leadership_compos div:has(img) {
    font-size: 0
}

.AboutUs-leadership_compos .img-hover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.AboutUs-leadership_compos .left-first {
    width: 100%;
    padding-left: 17.5%
}

.AboutUs-leadership_compos .left-title {
    padding-bottom: 20px;
    color: #081433;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-leadership_compos .left-text {
    padding-bottom: var(--space-60);
    color: #333;
    font-size: var(--font-size3);
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0em;
    word-break: break-word
}

.AboutUs-leadership_compos .left-img_top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-leadership_compos .left-img_top>div {
    flex: 0 0 auto
}

.AboutUs-leadership_compos .left-img_top>div:first-child {
    width: 42%;
    height: fit-content;
    padding-right: 14px;
    text-align: right
}

.AboutUs-leadership_compos .left-img_top>div:first-child>div:last-child {
    padding-top: 28px
}

.AboutUs-leadership_compos .left-img_top>div:last-child {
    width: 58%;
    height: fit-content;
    padding-left: 14px
}

.AboutUs-leadership_compos .left-img-1_wrap {
    display: inline-block;
    width: 56.45%
}

.AboutUs-leadership_compos .left-img-1_wrap .left-img-1_content {
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    overflow: hidden;
    position: relative;
    background-color: #eaeaea
}

.AboutUs-leadership_compos .left-img-2_wrap {
    display: inline-block;
    width: 100%
}

.AboutUs-leadership_compos .left-img-2_wrap .left-img-2_content {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    background-color: #eaeaea
}

.AboutUs-leadership_compos .left-img-3_wrap {
    width: 100%
}

.AboutUs-leadership_compos .left-img-3_wrap .left-img-3_content {
    width: 100%;
    height: 0;
    padding-bottom: 138.6%;
    overflow: hidden;
    position: relative;
    background-color: #eaeaea
}

.AboutUs-leadership_compos .left-img_bottom {
    width: 100%;
    padding-top: 28px;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-leadership_compos .left-img_bottom>div {
    flex: 0 0 auto
}

.AboutUs-leadership_compos .left-img_bottom>div:first-child {
    width: 40.5%;
    height: fit-content;
    padding-right: 14px
}

.AboutUs-leadership_compos .left-img_bottom>div:last-child {
    width: 42%;
    height: fit-content;
    padding-left: 14px
}

.AboutUs-leadership_compos .left-img-4_wrap {
    width: 100%
}

.AboutUs-leadership_compos .left-img-4_wrap .left-img-4_content {
    width: 100%;
    height: 0;
    padding-bottom: 66.54%;
    overflow: hidden;
    position: relative;
    background-color: #eaeaea
}

.AboutUs-leadership_compos .left-img-5_wrap {
    width: 100%
}

.AboutUs-leadership_compos .left-img-5_wrap .left-img-5_content {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    background-color: #eaeaea
}

.AboutUs-leadership_compos .right-img_top {
    width: 100%;
    padding: 126px 0 28px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-leadership_compos .right-img_top>div {
    flex: 0 0 auto
}

.AboutUs-leadership_compos .right-img_top>div:first-child {
    width: 42%;
    height: fit-content;
    padding-right: 14px
}

.AboutUs-leadership_compos .right-img_top>div:last-child {
    width: 40.5%;
    height: fit-content;
    padding-left: 14px
}

.AboutUs-leadership_compos .right-img_bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-leadership_compos .right-img_bottom>div {
    flex: 0 0 auto
}

.AboutUs-leadership_compos .right-img_bottom>div:first-child {
    width: 58%;
    height: fit-content;
    padding-right: 14px
}

.AboutUs-leadership_compos .right-img_bottom>div:last-child {
    width: 42%;
    height: fit-content;
    padding-left: 14px
}

.AboutUs-leadership_compos .right-img_bottom>div:last-child>div:last-child {
    padding-top: 28px
}

.AboutUs-leadership_compos .img-hover {
    cursor: pointer
}

.AboutUs-leadership_compos .hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg,rgba(8,20,51,.6),rgba(8,20,51,.6));
    pointer-events: none
}

.AboutUs-leadership_compos .hover-box>img {
    width: 56px;
    height: 56px;
    pointer-events: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-applications_compos {
        padding-top:40px!important;
        padding-bottom: 40px!important
    }

    .AboutUs-applications_compos .first_title {
        font-size: 24px!important
    }

    .AboutUs-applications_compos .swiper-item_text {
        padding-bottom: 10px!important
    }

    .AboutUs-applications_compos .swiper-slide {
        width: 180px!important
    }

    .AboutUs-applications_compos .swiper-item_title {
        padding-bottom: 0!important;
        font-size: 16px!important
    }

    .AboutUs-applications_compos .swiper_wrap {
        padding-top: 20px!important
    }

    .AboutUs-applications_compos .container_first {
        display: inline-block!important;
        width: 100%!important;
        padding-left: 30px!important;
        padding-right: 30px!important
    }

    .AboutUs-applications_compos .swiper-slide-active {
        margin-right: 20px!important
    }

    .AboutUs-applications_compos .swiper-item_img {
        margin-bottom: 20px!important
    }

    .AboutUs-applications_compos .swiper-item_tag {
        padding-bottom: 10px!important
    }

    .AboutUs-applications_compos .first_text {
        width: 100%!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-applications_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }

    .AboutUs-applications_compos .swiper-item_text {
        padding-bottom: 20px!important
    }

    .AboutUs-applications_compos .swiper-slide-active {
        margin-right: 20px!important
    }

    .AboutUs-applications_compos .swiper-item_img {
        margin-bottom: 20px!important
    }

    .AboutUs-applications_compos .swiper-item_tag {
        padding-bottom: 10px!important
    }

    .AboutUs-applications_compos .swiper-item_title {
        padding-bottom: 10px!important;
        font-size: 20px!important
    }

    .AboutUs-applications_compos .first_text {
        width: 50%!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-applications_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }

    .AboutUs-applications_compos .swiper-item_img {
        margin-bottom: 20px!important
    }

    .AboutUs-applications_compos .swiper-item_tag,.AboutUs-applications_compos .swiper-item_title {
        padding-bottom: 10px!important
    }

    .AboutUs-applications_compos .first_text {
        width: 50%!important
    }
}

.AboutUs-applications_compos {
    width: 100%;
    padding: var(--space-120) 0
}

.AboutUs-applications_compos .container_first {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-applications_compos .container_first .first_title {
    flex-grow: 1;
    overflow: hidden;
    padding-right: var(--space-80);
    color: #333;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-applications_compos .container_first .first_text {
    flex: 0 0 auto;
    width: 580px;
    font-size: var(--font-size3);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px;
    color: #666;
    font-size: 14px
}

.AboutUs-applications_compos .swiper_item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.AboutUs-applications_compos .swiper_item:not(.is-disabled) {
    cursor: pointer
}

.AboutUs-applications_compos .swiper_item:not(.is-disabled):hover .swiper-item_title {
    color: #dd1f1d
}

.AboutUs-applications_compos .swiper_item:not(.is-disabled):hover img {
    transform: scale(1.1)
}

.AboutUs-applications_compos .swiper_item>div:not(.swiper-item_text) {
    flex-shrink: 0
}

.AboutUs-applications_compos .swiper_item .swiper-item_img {
    width: 100%;
    height: 0;
    margin-bottom: 40px;
    padding-bottom: 66.78%;
    overflow: hidden;
    position: relative;
    font-size: 0;
    background-color: #eaeaea
}

.AboutUs-applications_compos .swiper_item .swiper-item_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease-out
}

.AboutUs-applications_compos .swiper_item .swiper-item_tag {
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.AboutUs-applications_compos .swiper_item .swiper-item_tag>div {
    padding: 6px 8px;
    background: #ECEEF3;
    color: #3f4963;
    font-size: var(--font-size3);
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0em
}

.AboutUs-applications_compos .swiper_item .swiper-item_tag>div+div {
    margin-left: 12px
}

.AboutUs-applications_compos .swiper_item .swiper-item_title {
    padding-bottom: 20px;
    color: #333;
    font-size: var(--font-title4);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em
}

.AboutUs-applications_compos .swiper_item .swiper-item_text {
    flex-grow: 1;
    overflow: hidden;
    padding-bottom: 30px;
    color: #666;
    font-size: var(--font-size3);
    font-weight: 400;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px
}

.AboutUs-applications_compos .swiper_item .swiper-item_view {
    padding-bottom: 2px;
    color: #666;
    font-size: var(--font-size2);
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    flex-direction: row;
    position: relative;
    cursor: pointer
}

.AboutUs-applications_compos .swiper_item .swiper-item_view>span:first-child {
    margin-right: 6px
}

.AboutUs-applications_compos .swiper_item .swiper-item_view:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    transition: all .5s;
    background-color: #dd1f1d
}

.AboutUs-applications_compos .swiper_item .swiper-item_view:hover {
    color: #dd1f1d!important
}

.AboutUs-applications_compos .swiper_item .swiper-item_view:hover:before {
    width: 88px
}

.AboutUs-applications_compos .swiper_wrap {
    width: 100%;
    padding-top: var(--space-80)
}

.AboutUs-applications_compos .swiper-slide {
    height: auto!important
}

.AboutUs-applications_compos .swiper-custom-pagination {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.AboutUs-applications_compos .swiper-custom-pagination .container {
    height: 100%;
    position: relative
}

.AboutUs-applications_compos .swiper-custom-pagination .swiper-button-next,.AboutUs-applications_compos .swiper-custom-pagination .swiper-button-prev {
    width: 48px;
    height: 48px;
    top: 40%;
    background: #DD1F1D;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.AboutUs-applications_compos .swiper-custom-pagination .swiper-button-next:after,.AboutUs-applications_compos .swiper-custom-pagination .swiper-button-prev:after {
    content: "";
    display: none
}

.AboutUs-applications_compos .swiper-custom-pagination .swiper-button-next.swiper-button-disabled,.AboutUs-applications_compos .swiper-custom-pagination .swiper-button-prev.swiper-button-disabled {
    display: none;
    cursor: not-allowed!important
}


.AboutUs-partner_compos[data-v-6177fd5a] {
    width: 100%;
    height: fit-content;
    background: #ECEEF3
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-layout_compos {
        padding-top:40px!important;
        padding-bottom: 40px!important
    }

    .AboutUs-layout_compos .black-btn {
        width: 34px!important;
        height: 34px!important
    }

    .AboutUs-layout_compos .zhidi-style-box {
        right: -10px!important;
        width: 34px!important;
        height: 34px!important
    }

    .AboutUs-layout_compos .layout_title {
        text-align: left!important;
        font-size: 24px!important
    }

    .AboutUs-layout_compos .layout_text {
        text-align: left!important
    }

    .AboutUs-layout_compos .layout_first {
        max-width: 100%!important;
        padding-bottom: 20px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-layout_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }

    .AboutUs-layout_compos .zhidi-style-box {
        right: -20px!important
    }

    .AboutUs-layout_compos .layout_first {
        max-width: 80%!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-layout_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }

    .AboutUs-layout_compos .layout_first {
        max-width: 80%!important
    }
}

.AboutUs-layout_compos {
    width: 100%;
    padding: var(--space-120) 0
}

.AboutUs-layout_compos .black-btn {
    background-color: #dd1f1d!important;
    border: none!important;
    border-radius: 0!important;
    color: #fff!important;
    width: 48px;
    height: 48px;
    font-size: 24px;
    z-index: 999
}

.AboutUs-layout_compos .black-btn:hover,.AboutUs-layout_compos .black-btn:active {
    background-color: #dd1f1d!important;
    color: #fff!important
}

.AboutUs-layout_compos .layout_first {
    max-width: 50%;
    margin: auto;
    padding-bottom: var(--space-60)
}

.AboutUs-layout_compos .layout_first .layout_title {
    padding-bottom: 20px;
    color: #081433;
    font-size: var(--font-title2);
    font-weight: 700;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0em
}

.AboutUs-layout_compos .layout_first .layout_text {
    font-size: var(--font-size3);
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0em;
    word-break: break-word;
    line-height: 22px;
    color: #666;
    font-size: 14px
}

.AboutUs-layout_compos .layout_map {
    width: 100%;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.AboutUs-layout_compos .layout_map img {
    max-width: 80%
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .left-panel-start_title,.left-panel-story_text {
        padding-bottom:20px!important
    }

    .AboutUs-who-we-are_compos {
        padding-top: 30px!important
    }

    .AboutUs-who-we-are_compos .right-panel {
        width: 100%!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .left-panel-start_title,.left-panel-story_text {
        padding-bottom:20px!important
    }

    .AboutUs-who-we-are_compos {
        padding-top: 30px!important
    }

    .AboutUs-who-we-are_compos .right-panel {
        width: calc(50% + 10px)!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .left-panel-start_title,.left-panel-story_text {
        padding-bottom:20px!important
    }

    .AboutUs-who-we-are_compos {
        padding-top: 30px!important
    }

    .AboutUs-who-we-are_compos .right-panel {
        width: calc(50% + 10px)!important
    }
}

.AboutUs-who-we-are_compos.is-skeleton {
    width: 100%
}

.AboutUs-who-we-are_compos.is-skeleton .left-panel_image {
    width: 100%;
    height: 0;
    padding-bottom: 92.86%;
    overflow: hidden;
    position: relative
}

.AboutUs-who-we-are_compos.is-skeleton .left-panel_image>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.AboutUs-who-we-are_compos.is-skeleton .center-panel_img>div {
    height: 0;
    width: 100%;
    padding-bottom: 57.26%;
    overflow: hidden;
    position: relative
}

.AboutUs-who-we-are_compos.is-skeleton .center-panel_img>div>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.AboutUs-who-we-are_compos.is-skeleton .right-panel>div {
    height: 100%
}

.AboutUs-who-we-are_compos.is-skeleton .right-panel>div>div {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .AboutUs-year-swiper_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .AboutUs-year-swiper_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-year-swiper_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }
}

.AboutUs-year-swiper_compos.is-skeleton {
    width: 100%
}

.AboutUs-year-swiper_compos.is-skeleton .right-panel>div>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .AboutUs-what-we-do_compos {
        padding-top:60px!important;
        padding-bottom: 60px!important
    }
}

.AboutUs-what-we-do_compos.is-skeleton {
    width: 100%
}

.AboutUs-what-we-do_compos.is-skeleton .bottom-panel-item_img>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.AboutUs-mission_compos.is-skeleton {
    width: 100%
}

.AboutUs-mission_compos.is-skeleton .bottom-panel_img>div {
    width: 100%;
    height: 100%
}


.AboutUs-philosophy_compos.is-skeleton[data-v-7ecef55f] {
    width: 100%
}

.AboutUs-philosophy_compos.is-skeleton .bottom-panel-item_img>div[data-v-7ecef55f] {
    width: 64px;
    height: 64px
}

.AboutUs-philosophy_compos.is-skeleton .right_img>div[data-v-7ecef55f] {
    width: 100%;
    height: 100%
}

.AboutUs-aesthetics_compos.is-skeleton {
    width: 100%
}

.AboutUs-aesthetics_compos.is-skeleton .content-left_render>div,.AboutUs-aesthetics_compos.is-skeleton .perlon_right>div,.AboutUs-aesthetics_compos.is-skeleton .list-item>div {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3
}

.AboutUs-aesthetics_compos.is-skeleton .center-list_item .el-skeleton__image {
    position: absolute;
    inset: 0;
    margin: auto;
    height: 0;
    width: 100%;
    height: 100%
}

.AboutUs-leadership_compos.is-skeleton {
    width: 100%
}

.AboutUs-leadership_compos.is-skeleton .img-hover>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}


.AboutUs-applications_compos.is-skeleton[data-v-d716174d] {
    width: 100%
}

.AboutUs-applications_compos.is-skeleton .swiper_wrap[data-v-d716174d] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.AboutUs-applications_compos.is-skeleton .swiper_wrap .swiper_item[data-v-d716174d] {
    flex-shrink: 0;
    width: 33.3333333333%
}

.AboutUs-applications_compos.is-skeleton .swiper-item_img>div[data-v-d716174d] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.AboutUs-layout_compos.is-skeleton {
    width: 100%
}

.AboutUs-layout_compos.is-skeleton .layout_map {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    overflow: hidden
}

.AboutUs-layout_compos.is-skeleton .layout_map>div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}


.banner-list-style {
    aspect-ratio: 3.6/1!important
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .about-us_page .AboutUs-box-style {
        padding-top:20px!important
    }

    .about-us_page .abouts-menu_compos {
        padding-top: 40px!important
    }

    .about-us_page .banner-list-style {
        aspect-ratio: 1.6/1!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .about-us_page .AboutUs-box-style {
        padding-top:20px!important
    }

    .about-us_page .abouts-menu_compos {
        padding-top: 40px!important
    }

    .about-us_page .banner-list-style {
        aspect-ratio: 2.6/1!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .about-us_page .AboutUs-box-style {
        padding-top:20px!important
    }

    .about-us_page .abouts-menu_compos {
        padding-top: 40px!important
    }

    .about-us_page .banner-list-style {
        aspect-ratio: 2.6/1!important
    }
}

.AboutUs-box-style {
    padding-top: 40px
}

.about-us_page {
    width: 100%;
    overflow: hidden
}

.about-us_page .compos-padding_top,.about-us_page .compos-padding_bottom {
    padding-bottom: 100px
}

.about-us_page .el-skeleton .el-skeleton__h1 {
    height: 54px
}

.about-us_page .el-skeleton .el-skeleton__h3 {
    height: 40px
}

.about-us_page .el-skeleton .el-skeleton__p {
    height: 24px
}

.about-us_page .el-skeleton .el-skeleton__text {
    height: 16px
}

@media screen and (min-width: 1600px) {
    .about-us_page .compos-padding_top,.about-us_page .compos-padding_bottom {
        padding-bottom:120px
    }
}







.ProductCenter_list_box[data-v-3eee9650] {
    padding-left: 440px;
    position: relative;
    width: 100%;
    min-height: max(100vh,680px);
    overflow: hidden
}

.ProductCenter_none_box[data-v-3eee9650] {
    padding-left: 68px;
    position: relative;
    width: 100%;
    min-height: max(100vh,680px);
    overflow: hidden
}

.ProductCenter_list_left[data-v-3eee9650] {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    min-height: max(100vh,680px);
    overflow: hidden
}

.ProductCenter_none_left[data-v-3eee9650] {
    left: 0;
    top: 0;
    width: 48px;
    transition-duration: 2.5s
}

.pagination_style[data-v-3eee9650] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-3eee9650] .el-pagination {
    --el-pagination-bg-color: #F5F5F5
}

[data-v-3eee9650] .btn-prev {
    background-color: #f5f5f5!important
}





.zk-icon-style[data-v-c144e4ad]:hover {
    color: #dd1f1d
}

.hover-taber[data-v-c144e4ad] {
    padding-bottom: 30px
}

.fixed-top[data-v-c144e4ad] {
    position: fixed;
    top: 0;
    width: 390px!important;
    z-index: 1000
}

.product_tag_box[data-v-c144e4ad] {
    padding-bottom: 20px
}

.screening_box[data-v-c144e4ad] {
    width: 100%;
    background-color: #fff;
    padding: 40px;
    max-height: 100vh;
    overflow: auto
}

.product_title[data-v-c144e4ad] {
    color: #333;
    font-size: 24px;
    font-weight: 500
}

.screening_input[data-v-c144e4ad] {
    padding-top: 40px;
    padding-bottom: 28px
}

.screening_input[data-v-c144e4ad] .el-input__wrapper {
    box-shadow: 0 0 0 1px #dd1f1d33!important
}

.screening_input[data-v-c144e4ad] .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px #dd1f1d!important
}

[data-v-c144e4ad] .el-tag__close:hover {
    background-color: #dd1f1d66!important
}

.product_tag[data-v-c144e4ad] .el-tag {
    margin-right: 12px;
    margin-top: 12px;
    background: rgba(221,31,29,.1)!important;
    border: none!important
}

.product_tag[data-v-c144e4ad] .el-tag .el-tag__content {
    opacity: .6;
    color: #dd1f1d!important;
    font-size: 14px!important
}

.product_tag[data-v-c144e4ad] .el-tag .el-icon {
    color: #999!important
}

.screening_eliminate[data-v-c144e4ad] {
    top: 10px;
    right: 0;
    font-size: 16px;
    font-weight: 500;
    color: #dd1f1d
}

.screening_divider[data-v-c144e4ad] {
    border-top: 1px solid rgba(221,31,29,.1)!important;
    border-bottom: 1px solid rgba(221,31,29,.1)!important
}

[data-v-c144e4ad] .el-collapse {
    --el-collapse-header-height: 20px !important
}

[data-v-c144e4ad] .el-collapse-item__title {
    font-size: 18px!important;
    color: #333!important
}

.el-divider--horizontal[data-v-c144e4ad] {
    border-top: 1px solid rgba(221,31,29,.1)!important
}

[data-v-c144e4ad] .el-collapse-item__wrap {
    border-bottom: 0px solid rgba(221,31,29,.1)!important
}

[data-v-c144e4ad] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #dd1f1d;
    border-color: #dd1f1d
}

[data-v-c144e4ad] .el-checkbox__inner:hover {
    border-color: #dd1f1d
}

[data-v-c144e4ad] .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #9e9e9e
}

[data-v-c144e4ad] .el-checkbox__label {
    color: #9e9e9e;
    font-size: 14px!important
}

[data-v-c144e4ad] .el-checkbox {
    font-weight: 400!important
}

[data-v-c144e4ad] .is-checked {
    font-weight: 600!important
}

[data-v-c144e4ad] .el-collapse-item__content {
    padding-bottom: 0!important
}

[data-v-c144e4ad] .el-collapse-item__header {
    border-bottom: 0px solid rgba(221,31,29,.1)!important;
    height: 80px
}

[data-v-dc2ca269]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-dc2ca269]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-dc2ca269]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-dc2ca269]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

html[data-v-dc2ca269] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-dc2ca269] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-dc2ca269],html[lang=de][data-v-dc2ca269] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .list-item_title[data-v-dc2ca269] {
        font-size:12px!important
    }

    .list-item[data-v-dc2ca269] {
        padding-bottom: 20px!important
    }

    .list-item_title[data-v-dc2ca269] {
        padding-top: 10px!important
    }

    .icon-TopRight[data-v-dc2ca269] {
        display: none!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .icon-TopRight[data-v-dc2ca269] {
        display:none!important
    }

    .list-item_title[data-v-dc2ca269] {
        font-size: 14px!important
    }

    .list-item[data-v-dc2ca269] {
        padding-bottom: 20px!important
    }

    .list-item_title[data-v-dc2ca269] {
        padding-top: 10px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .icon-TopRight[data-v-dc2ca269] {
        display:none!important
    }

    .list-item_title[data-v-dc2ca269] {
        font-size: 14px!important
    }

    .list-item[data-v-dc2ca269] {
        padding-bottom: 20px!important
    }
}

.icon-TopRight[data-v-dc2ca269] {
    display: none!important
}

.list-item[data-v-dc2ca269] {
    width: 100%;
    padding-bottom: 60px
}

.list-item:hover .list-item_mask[data-v-dc2ca269] {
    background: rgba(8,20,51,.3);
    display: flex;
    transform: perspective(3000px) rotateY(-15deg)
}

.list-item:hover .list-item_mask .icon-TopRight[data-v-dc2ca269] {
    display: flex!important
}

.list-item:hover .list-item_img[data-v-dc2ca269] {
    transform: perspective(3000px) rotateY(-15deg)
}

.list-item:hover .list-item_title[data-v-dc2ca269] {
    color: #dd1f1d
}

.list-item .list-item_img[data-v-dc2ca269] {
    width: 100%;
    height: 100%;
    transition: transform .6s ease-out
}

.list-item .list-item_mask[data-v-dc2ca269] {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    transition: transform .8s ease-out
}

.list-item .list-item_mask>div[data-v-dc2ca269] {
    width: 56px;
    height: 56px;
    margin: auto;
    border: 1px solid rgba(255,255,255,.6);
    display: flex;
    align-items: center;
    justify-content: center
}

.list-item .list-item_mask>div i[data-v-dc2ca269] {
    font-size: 24px;
    color: #fff
}

.list-item .list-item_title[data-v-dc2ca269] {
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px;
    color: #081433
}

[data-v-3eee9650]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-3eee9650]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-3eee9650]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-3eee9650]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Regular_0.f5d83af4.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Regular_0.297b0884.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Medium_0.aa3c91cf.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Medium_0.6ed1553e.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Bold_0.7e99117a.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Bold_0.43a424b8.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Regular.c69b1518.woff2) format("woff2"),url(./Inter-Regular.a7e791e8.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Medium.6f0ca8ad.woff2) format("woff2"),url(./Inter-Medium.99dab2bd.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Bold.fbe3d3f5.woff2) format("woff2"),url(./Inter-Bold.1e9dfd6a.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html[data-v-3eee9650] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-3eee9650] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-3eee9650],html[lang=de][data-v-3eee9650] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

.icon-crumbs-style[data-v-3eee9650] {
    display: none
}

[data-v-3eee9650] .el-drawer__header {
    padding: 0!important
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .pagination_style[data-v-3eee9650] {
        padding-bottom:40px!important
    }

    .icon-crumbs-style[data-v-3eee9650] {
        display: inline-block!important;
        position: absolute;
        right: 0;
        top: 18px;
        transform: rotate(90deg);
        background-color: #dd1f1d;
        width: 24px;
        height: 24px;
        color: #fff;
        font-size: 14px!important;
        padding-top: 4px;
        padding-left: 5px
    }

    .banner-list-style[data-v-3eee9650] {
        aspect-ratio: 1.6/1!important
    }

    .crumbs-box-style[data-v-3eee9650] {
        padding-top: 20px!important;
        padding-bottom: 40px!important;
        position: relative
    }

    .ProductCenter_list_box[data-v-3eee9650] {
        min-height: auto!important
    }

    .container[data-v-3eee9650] {
        padding-bottom: 0!important
    }

    .ProductCenter_list_left[data-v-3eee9650] {
        width: 0px!important;
        display: none!important
    }

    .ProductCenter_list_box[data-v-3eee9650] {
        padding-left: 0!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .pagination_style[data-v-3eee9650] {
        padding-bottom:20px!important
    }

    .banner-list-style[data-v-3eee9650] {
        aspect-ratio: 2.6/1!important
    }

    .crumbs-box-style[data-v-3eee9650] {
        padding-top: 20px!important;
        padding-bottom: 40px!important
    }

    .container[data-v-3eee9650] {
        padding-bottom: 60px!important
    }

    .ProductCenter_list_left[data-v-3eee9650] {
        width: 190px!important
    }

    .ProductCenter_list_box[data-v-3eee9650] {
        padding-left: 220px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .banner-list-style[data-v-3eee9650] {
        aspect-ratio:2.6/1!important
    }

    .crumbs-box-style[data-v-3eee9650] {
        padding-top: 20px!important;
        padding-bottom: 40px!important
    }

    .container[data-v-3eee9650] {
        padding-bottom: 60px!important
    }

    .ProductCenter_list_left[data-v-3eee9650] {
        width: 300px!important
    }

    .ProductCenter_list_box[data-v-3eee9650] {
        padding-left: 340px!important
    }
}

.banner-list-style[data-v-3eee9650] {
    aspect-ratio: 3.6/1
}

[data-v-3eee9650] .el-input__wrapper {
    border-radius: 0!important
}

[data-v-3eee9650] .el-collapse-item {
    position: relative
}

[data-v-3eee9650] .el-collapse-item__header:before {
    height: 2px;
    transition: all .5s;
    background-color: #dd1f1d;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0px
}

[data-v-3eee9650] .el-collapse-item__header:hover:before {
    width: 100%
}

.container[data-v-3eee9650] {
    padding-bottom: 120px
}

.zhankai[data-v-3eee9650] {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    opacity: 1;
    background: #081433;
    padding-top: 16px;
    padding-left: 16px;
    color: #fff!important
}

.zhankai[data-v-3eee9650]:hover {
    background: #DD1F1D!important
}

.crumbs-box-style[data-v-3eee9650] {
    padding-top: 40px;
    padding-bottom: 60px
}

.ProductCenter_list_box[data-v-3eee9650] {
    padding-left: 440px;
    position: relative;
    width: 100%;
    min-height: max(100vh,680px);
    overflow: hidden
}

.ProductCenter_none_box[data-v-3eee9650] {
    padding-left: 68px;
    position: relative;
    width: 100%;
    min-height: max(100vh,680px);
    overflow: hidden
}

.ProductCenter_list_left[data-v-3eee9650] {
    position: absolute;
    left: 0;
    top: 0;
    width: 400px;
    min-height: max(100vh,680px);
    overflow: hidden
}

.ProductCenter_none_left[data-v-3eee9650] {
    left: 0;
    top: 0;
    width: 48px;
    transition-duration: 2.5s
}

.pagination_style[data-v-3eee9650] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

[data-v-3eee9650] .el-pagination {
    --el-pagination-bg-color: #F5F5F5
}

[data-v-3eee9650] .btn-prev {
    background-color: #f5f5f5!important
}



.yd-icon-style[data-v-c144e4ad] {
    display: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .yd-icon-style[data-v-c144e4ad] {
        display:inline-block!important
    }

    .zk-icon-style[data-v-c144e4ad] {
        display: none!important
    }

    .screening_box[data-v-c144e4ad] {
        padding-left: 10px!important;
        padding-right: 10px!important;
        padding-top: 0!important
    }

    .product_title[data-v-c144e4ad] {
        font-size: 20px!important
    }

    .screening_eliminate[data-v-c144e4ad] {
        top: 14px!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .product_title[data-v-c144e4ad] {
        font-size:20px!important
    }

    .screening_eliminate[data-v-c144e4ad] {
        top: 14px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .product_title[data-v-c144e4ad] {
        font-size:20px!important
    }

    .screening_eliminate[data-v-c144e4ad] {
        top: 14px!important
    }
}




















/**产品详情页面**/



@media screen and (min-width: 200px) and (max-width: 499px) {
    .compos-tab[data-v-42f815dc] {
        display:inline-block!important;
        text-align: center!important
    }

    .product-content[data-v-42f815dc] {
        padding-top: 20px!important
    }

    .product-panel[data-v-42f815dc] {
        padding-top: 30px!important;
        padding-bottom: 40px!important
    }

    .compos-tab_item[data-v-42f815dc] {
        font-size: 12px!important;
        padding: 12px 0!important;
        text-align: center!important;
        width: 32%!important;
        display: inline-block!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .product-content[data-v-42f815dc] {
        padding-top:20px!important
    }

    .product-panel[data-v-42f815dc] {
        padding-top: 30px!important;
        padding-bottom: 40px!important
    }

    .compos-tab_item[data-v-42f815dc] {
        font-size: 14px!important;
        padding: 12px 30px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .product-content[data-v-42f815dc] {
        padding-top:20px!important
    }

    .product-panel[data-v-42f815dc] {
        padding-top: 40px!important;
        padding-bottom: 60px!important
    }

    .compos-tab_item[data-v-42f815dc] {
        font-size: 14px!important;
        padding: 12px 30px!important
    }
}

.product-detail_page[data-v-42f815dc] {
    background-color: #f5f5f5
}

.product-detail_page .product-content[data-v-42f815dc] {
    padding-top: 40px
}

.product-detail_page .product-panel[data-v-42f815dc] {
    padding-top: 60px;
    padding-bottom: 120px
}

.product-detail_page .product-panel .compos-tab[data-v-42f815dc] {
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap
}

.product-detail_page .product-panel .compos-tab .compos-tab_item[data-v-42f815dc] {
    flex-shrink: 0;
    padding: 16px 38px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0em;
    color: #000;
    border: 1.5px solid #DCDFE6
}

.product-detail_page .product-panel .compos-tab .compos-tab_item.is-active[data-v-42f815dc] {
    background: #DD1F1D;
    color: #fff;
    cursor: not-allowed;
    border-color: #dd1f1d!important
}

.product-detail_page .product-panel .compos-tab .compos-tab_item.is-prev[data-v-42f815dc] {
    border-right: 0!important
}

.product-detail_page .product-panel .compos-tab .compos-tab_item.is-next[data-v-42f815dc] {
    border-left: 0!important
}

.product-detail_page .product-panel .compos-tab .compos-tab_item[data-v-42f815dc]:hover:not(.is-active) {
    color: #dd1f1d;
    cursor: pointer
}




.product-detail-left_compos[data-v-128d09fa] {
    width: 100%
}

.product-detail-left_compos .compos-image>div[data-v-128d09fa] {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    font-size: 0;
    background-color: #eaeaea
}

.product-detail-left_compos .compos-image>div:hover img[data-v-128d09fa] {
    transform: scale(1.1)
}

.product-detail-left_compos .compos-image>div>img[data-v-128d09fa] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease-out
}

.product-detail-left_compos .compos-image .compos-image_btn[data-v-128d09fa] {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 32px;
    cursor: pointer
}

.product-detail-left_compos .compos-image .compos-image_btn[data-v-128d09fa]:hover {
    color: #dd1f1d
}

.product-detail-left_compos .compos-image .compos-image_btn .line-top[data-v-128d09fa] {
    width: 2px;
    height: 12px;
    background: currentColor;
    position: absolute;
    top: 6px;
    right: 5px;
    transform: rotate(45deg);
    transform-origin: top center
}

.product-detail-left_compos .compos-image .compos-image_btn .line-bottom[data-v-128d09fa] {
    width: 2px;
    height: 12px;
    background: currentColor;
    position: absolute;
    bottom: 6px;
    left: 5px;
    transform: rotate(45deg);
    transform-origin: bottom center
}

.product-detail-left_compos .compos-tree[data-v-128d09fa] {
    width: 100%
}

.product-detail-left_compos .compos-tree.is-list[data-v-128d09fa] {
    padding-top: 20px
}

.product-detail-left_compos .compos-tree[data-v-128d09fa] .el-tree {
    background: transparent!important
}

.product-detail-left_compos .compos-tree[data-v-128d09fa] .el-tree>.el-tree-node {
    border-bottom: 1px solid rgba(221,31,29,.1)
}

.product-detail-left_compos .compos-tree[data-v-128d09fa] .el-tree .el-tree-node__content {
    height: auto
}

.product-detail-left_compos .compos-tree[data-v-128d09fa] .el-tree .el-tree-node__content>.el-icon {
    display: none
}

.product-detail-left_compos .compos-tree[data-v-128d09fa] .el-tree .el-tree-node__content>.el-icon.is-leaf+.compos-tree_item .compos-item_arrow {
    color: transparent
}

.product-detail-left_compos .compos-tree .compos-tree_item[data-v-128d09fa] {
    width: 100%;
    padding: 18px 20px 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #333;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    cursor: pointer
}

.product-detail-left_compos .compos-tree .compos-tree_item[data-v-128d09fa]:hover {
    color: #dd1f1d
}

.product-detail-left_compos .compos-tree .compos-tree_item.is-download[data-v-128d09fa]:hover {
    background-color: #dd1f1d!important;
    color: #fff
}

.product-detail-left_compos .compos-tree .compos-tree_item.is-download:hover .compos-item_download[data-v-128d09fa] {
    display: flex
}

.product-detail-left_compos .compos-tree .compos-tree_item .compos-item_arrow[data-v-128d09fa] {
    flex-shrink: 0;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail-left_compos .compos-tree .compos-tree_item .compos-item_arrow .el-icon[data-v-128d09fa] {
    transition: transform .2s ease-out
}

.product-detail-left_compos .compos-tree .compos-tree_item .compos-item_arrow .el-icon.is-reserver[data-v-128d09fa] {
    transform: rotate(180deg)
}

.product-detail-left_compos .compos-tree .compos-tree_item .compos-item_download[data-v-128d09fa] {
    display: none;
    flex-shrink: 0;
    padding-left: 20px;
    align-items: center;
    justify-content: center;
    color: #fff
}

.product-detail-left_compos .compos-tree .compos-tree_item .compos-item_download>span[data-v-128d09fa]:first-child {
    padding-right: 4px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em
}

[data-v-6a16653d]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-6a16653d]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-6a16653d]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-6a16653d]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

html[data-v-6a16653d] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-6a16653d] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-6a16653d],html[lang=de][data-v-6a16653d] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

.compos-tree[data-v-6a16653d] {
    display: none
}

.compos-right-list-hight[data-v-6a16653d] {
    max-height: 500px
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .product-detail-right_compos .compos-right-list-hight[data-v-6a16653d] {
        max-height:260px!important
    }

    .compos-tree[data-v-6a16653d] {
        display: inline-block!important
    }

    .compos-item_download>span[data-v-6a16653d] {
        font-size: 12px!important;
        position: relative;
        bottom: 2px!important
    }

    .compos-image[data-v-6a16653d] {
        padding-bottom: 20px!important
    }

    .compos-tab_item[data-v-6a16653d] {
        font-size: 14px!important;
        padding: 10px 14px 6px!important
    }

    .compos-tree_item[data-v-6a16653d] {
        font-size: 12px!important;
        padding: 12px 12px 8px!important
    }

    .el-icon[data-v-6a16653d] {
        font-size: 16px!important
    }

    .compos-right_title[data-v-6a16653d] {
        font-size: 16px!important;
        padding-top: 20px!important
    }

    .collapse-text[data-v-6a16653d] {
        font-size: 12px!important
    }

    .compos-right-bottom[data-v-6a16653d] {
        padding-top: 0!important
    }

    .compos-right_text[data-v-6a16653d] {
        padding-top: 10px!important;
        font-size: 10px!important
    }

    .product-detail-right_compos[data-v-6a16653d] {
        margin-top: -30px!important
    }

    .compos-list_item[data-v-6a16653d] {
        width: calc((100% - 60px) / 3)!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .product-detail-right_compos .compos-right-list-hight[data-v-6a16653d] {
        max-height:260px!important
    }

    .compos-item_download>span[data-v-6a16653d] {
        font-size: 14px!important;
        position: relative;
        bottom: 2px!important
    }

    .compos-tab_item[data-v-6a16653d] {
        font-size: 14px!important;
        padding: 10px 14px 6px!important
    }

    .compos-tree_item[data-v-6a16653d] {
        font-size: 12px!important;
        padding: 12px 16px 8px!important
    }

    .el-icon[data-v-6a16653d] {
        font-size: 16px!important
    }

    .collapse-text[data-v-6a16653d] {
        font-size: 12px!important
    }

    .compos-right-bottom[data-v-6a16653d] {
        padding-top: 0!important
    }

    .compos-right_title[data-v-6a16653d] {
        font-size: 16px!important;
        padding-top: 20px!important
    }

    .compos-right_text[data-v-6a16653d] {
        padding-top: 10px!important;
        font-size: 10px!important
    }

    .product-detail-right_compos[data-v-6a16653d] {
        margin-top: -30px!important
    }

    .compos-list_item[data-v-6a16653d] {
        width: calc((100% - 60px) / 3)!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .product-detail-right_compos .compos-right-list-hight[data-v-6a16653d] {
        max-height:260px!important
    }

    .compos-item_download>span[data-v-6a16653d] {
        font-size: 14px!important;
        position: relative;
        bottom: 2px!important
    }

    .compos-tree_item[data-v-6a16653d] {
        font-size: 16px!important;
        padding: 12px 16px 8px!important
    }

    .compos-right_title[data-v-6a16653d] {
        font-size: 20px!important;
        padding-top: 30px!important
    }

    .compos-right_text[data-v-6a16653d] {
        padding-top: 10px!important;
        font-size: 12px!important
    }

    .product-detail-right_compos[data-v-6a16653d] {
        margin-top: -30px!important
    }

    .compos-list_item[data-v-6a16653d] {
        width: calc((100% - 80px)/4)!important
    }
}

.compos-tree[data-v-6a16653d] {
    width: 100%
}

.compos-tree.is-list[data-v-6a16653d] {
    padding-top: 20px
}

.compos-tree[data-v-6a16653d] .el-tree {
    background: transparent!important
}

.compos-tree[data-v-6a16653d] .el-tree>.el-tree-node {
    border-bottom: 1px solid rgba(221,31,29,.1)
}

.compos-tree[data-v-6a16653d] .el-tree .el-tree-node__content {
    height: auto
}

.compos-tree[data-v-6a16653d] .el-tree .el-tree-node__content>.el-icon {
    display: none
}

.compos-tree[data-v-6a16653d] .el-tree .el-tree-node__content>.el-icon.is-leaf+.compos-tree_item .compos-item_arrow {
    color: transparent
}

.compos-tree .compos-tree_item[data-v-6a16653d] {
    width: 100%;
    padding: 18px 20px 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #333;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    cursor: pointer
}

.compos-tree .compos-tree_item[data-v-6a16653d]:hover {
    color: #dd1f1d
}

.compos-tree .compos-tree_item.is-download[data-v-6a16653d]:hover {
    background-color: #dd1f1d!important;
    color: #fff
}

.compos-tree .compos-tree_item.is-download:hover .compos-item_download[data-v-6a16653d] {
    display: flex
}

.compos-tree .compos-tree_item .compos-item_arrow[data-v-6a16653d] {
    flex-shrink: 0;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.compos-tree .compos-tree_item .compos-item_arrow .el-icon[data-v-6a16653d] {
    transition: transform .2s ease-out
}

.compos-tree .compos-tree_item .compos-item_arrow .el-icon.is-reserver[data-v-6a16653d] {
    transform: rotate(180deg)
}

.compos-tree .compos-tree_item .compos-item_download[data-v-6a16653d] {
    display: none;
    flex-shrink: 0;
    padding-left: 20px;
    align-items: center;
    justify-content: center;
    color: #fff
}

.compos-tree .compos-tree_item .compos-item_download>span[data-v-6a16653d]:first-child {
    padding-right: 4px;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em
}

.product-detail-right_compos[data-v-6a16653d] {
    width: 100%
}

.product-detail-right_compos .compos-right_title[data-v-6a16653d] {
    padding-top: 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0em;
    color: #000
}

.product-detail-right_compos .compos-right_title[data-v-6a16653d]:first-child {
    padding: 0
}

.product-detail-right_compos .compos-right_title+.compos-right_text[data-v-6a16653d] {
    padding-top: 20px
}

.product-detail-right_compos .compos-right_text[data-v-6a16653d] {
    padding-top: 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0em;
    color: #666
}

.product-detail-right_compos .compos-right-list[data-v-6a16653d] {
    padding-top: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px
}

.product-detail-right_compos .compos-right-list .compos-list_item[data-v-6a16653d] {
    flex-shrink: 0;
    width: calc((100% - 80px)/5);
    cursor: pointer
}

.product-detail-right_compos .compos-right-list .list-item_img[data-v-6a16653d] {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
    font-size: 0
}

.product-detail-right_compos .compos-right-list .list-item_img[data-v-6a16653d]:before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.product-detail-right_compos .compos-right-list .list-item_img.is-active[data-v-6a16653d] {
    position: relative
}

.product-detail-right_compos .compos-right-list .list-item_img.is-active[data-v-6a16653d]:after {
    content: "";
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    border: 3px solid #DD1F1D
}

.product-detail-right_compos .compos-right-list .list-item_img.is-active img[data-v-6a16653d] {
    width: 100%;
    height: 100%
}

.product-detail-right_compos .compos-right-list .list-item_img.is-active[data-v-6a16653d]:before {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border: 6px solid #FFFFFF
}

.product-detail-right_compos .compos-right-list .list-item_img img[data-v-6a16653d] {
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease-out
}

.product-detail-right_compos .compos-right_img[data-v-6a16653d] {
    width: 100%;
    height: 80px;
    padding-top: 20px;
    box-sizing: content-box;
    font-size: 0
}

.product-detail-right_compos .compos-right_img img[data-v-6a16653d] {
    height: 100%
}

.product-detail-right_compos .compos-right-bottom[data-v-6a16653d] {
    padding-top: 40px
}

.product-detail-right_compos .compos-right-bottom .compos-bottom_title[data-v-6a16653d] {
    padding-top: 0;
    display: flex;
    align-items: center
}

.product-detail-right_compos .compos-right-bottom .compos-bottom_title>div[data-v-6a16653d]:first-child {
    padding-right: 20px
}

.product-detail-right_compos .compos-right-bottom .compos-bottom_title .compos-bottom_arrow[data-v-6a16653d] {
    flex-shrink: 0;
    padding-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-detail-right_compos .compos-right-bottom .compos-bottom_title .compos-bottom_arrow .el-icon[data-v-6a16653d] {
    transition: transform .2s ease-out
}

.product-detail-right_compos .compos-right-bottom .compos-bottom_title .compos-bottom_arrow .el-icon.is-reserver[data-v-6a16653d] {
    transform: rotate(180deg)
}

.product-detail-right_compos .compos-right-bottom .compos-bottom_list[data-v-6a16653d] {
    padding-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    letter-spacing: 0em;
    color: #666
}

.product-detail-right_compos .compos-right-bottom[data-v-6a16653d] .el-collapse {
    border: none
}

.product-detail-right_compos .compos-right-bottom[data-v-6a16653d] .el-collapse .el-collapse-item__header {
    background-color: transparent;
    border: none
}

.product-detail-right_compos .compos-right-bottom[data-v-6a16653d] .el-collapse .el-collapse-item__header>.el-icon {
    display: none
}

.product-detail-right_compos .compos-right-bottom[data-v-6a16653d] .el-collapse .el-collapse-item__wrap {
    background-color: transparent
}

.product-detail-right_compos .compos-right-bottom[data-v-6a16653d] .el-collapse .el-collapse-item__content {
    padding-bottom: 0!important
}

[data-v-42f815dc]:root {
    --space-120: 100px;
    --space-80: 60px;
    --space-60: 40px;
    --font-title1: 52px;
    --font-title2: 38px;
    --font-title3: 28px;
    --font-title4: 20px;
    --font-size1: 20px;
    --font-size2: 16px;
    --font-size3: 14px
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    [data-v-42f815dc]:root {
        --font-size2: 14px !important;
        --font-title4: 14px !important;
        --space-60: 30px;
        --space-80: 20px;
        --font-title2: 28px
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    [data-v-42f815dc]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-42f815dc]:root {
        --space-120: 120px;
        --space-80: 80px;
        --space-60: 60px;
        --font-title1: 56px;
        --font-title2: 42px;
        --font-title3: 32px;
        --font-title4: 24px
    }
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Regular_0.f5d83af4.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Regular_0.297b0884.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Medium_0.aa3c91cf.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Medium_0.6ed1553e.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(./HarmonyOS_Sans_SC_Bold_0.7e99117a.woff2) format("woff2"),url(./HarmonyOS_Sans_SC_Bold_0.43a424b8.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Regular.c69b1518.woff2) format("woff2"),url(./Inter-Regular.a7e791e8.otf) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Medium.6f0ca8ad.woff2) format("woff2"),url(./Inter-Medium.99dab2bd.otf) format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(./Inter-Bold.fbe3d3f5.woff2) format("woff2"),url(./Inter-Bold.1e9dfd6a.otf) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

html[data-v-42f815dc] {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=zh][data-v-42f815dc] {
    font-family: HarmonyOS Sans SC,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\5fae\8f6f\96c5\9ed1,Arial,sans-serif
}

html[lang=en][data-v-42f815dc],html[lang=de][data-v-42f815dc] {
    font-family: Inter,Helvetica Neue,Helvetica,Arial,sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .compos-tab[data-v-42f815dc] {
        display:inline-block!important;
        text-align: center!important
    }

    .product-content[data-v-42f815dc] {
        padding-top: 20px!important
    }

    .product-panel[data-v-42f815dc] {
        padding-top: 30px!important;
        padding-bottom: 40px!important
    }

    .compos-tab_item[data-v-42f815dc] {
        font-size: 12px!important;
        padding: 12px 0!important;
        text-align: center!important;
        width: 32%!important;
        display: inline-block!important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .product-content[data-v-42f815dc] {
        padding-top:20px!important
    }

    .product-panel[data-v-42f815dc] {
        padding-top: 30px!important;
        padding-bottom: 40px!important
    }

    .compos-tab_item[data-v-42f815dc] {
        font-size: 14px!important;
        padding: 12px 30px!important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .product-content[data-v-42f815dc] {
        padding-top:20px!important
    }

    .product-panel[data-v-42f815dc] {
        padding-top: 40px!important;
        padding-bottom: 60px!important
    }

    .compos-tab_item[data-v-42f815dc] {
        font-size: 14px!important;
        padding: 12px 30px!important
    }
}

.product-detail_page[data-v-42f815dc] {
    background-color: #f5f5f5
}

.product-detail_page .product-content[data-v-42f815dc] {
    padding-top: 40px
}

.product-detail_page .product-panel[data-v-42f815dc] {
    padding-top: 60px;
    padding-bottom: 120px
}

.product-detail_page .product-panel .compos-tab[data-v-42f815dc] {
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap
}

.product-detail_page .product-panel .compos-tab .compos-tab_item[data-v-42f815dc] {
    flex-shrink: 0;
    padding: 16px 38px;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0em;
    color: #000;
    border: 1.5px solid #DCDFE6
}

.product-detail_page .product-panel .compos-tab .compos-tab_item.is-active[data-v-42f815dc] {
    background: #DD1F1D;
    color: #fff;
    cursor: not-allowed;
    border-color: #dd1f1d!important
}

.product-detail_page .product-panel .compos-tab .compos-tab_item.is-prev[data-v-42f815dc] {
    border-right: 0!important
}

.product-detail_page .product-panel .compos-tab .compos-tab_item.is-next[data-v-42f815dc] {
    border-left: 0!important
}

.product-detail_page .product-panel .compos-tab .compos-tab_item[data-v-42f815dc]:hover:not(.is-active) {
    color: #dd1f1d;
    cursor: pointer
}






/* 年份激活样式 */
.year-list_item {
    cursor: pointer;
    opacity: 0.6;
}
.year-list_item.is-active {
    opacity: 1;
    font-weight: bold;
}

/* 轮播项默认隐藏，active才显示 */
.el-carousel__item {
    display: none;
}
.el-carousel__item.is-active {
    display: block;
}

/* 右侧侧边图片默认隐藏 */
.yd-right-panel-style .year-img {
    display: none;
}
.yd-right-panel-style .year-img.is-active {
    display: block;
}








/* 外层遮罩，隐藏溢出 */
.marquee {
  width: 100%;
  overflow: hidden;
}
/* 滚动总容器 */
.awards-content-wrap {
  display: flex;
  animation: marqueeMove 25s linear infinite;
}
/* 单行图标横向排列 */
.awards-content {
  display: flex;
  flex-shrink: 0;
}

/* 滚动动画 */
@keyframes marqueeMove {
  0% {
    transform: translateX(0);
  }
  100% {
    /* 位移值等于单组内容宽度，实现无缝衔接 */
    transform: translateX(-100%);
  }
}

/* 鼠标悬停暂停（可选） */
.marquee:hover .awards-content-wrap {
  animation-play-state: paused;
}

.lang-switcher[data-v-5f3f8d94]{border:1px solid #000}
.lang-switcher .lang-item[data-v-5f3f8d94] a{color:#000}








.lang-switcher[data-v-5f3f8d94].is-white{border:1px solid #fff}
.lang-switcher[data-v-5f3f8d94].is-white .lang-item[data-v-5f3f8d94] a{color:#fff;}

.qita_header .lang-switcher[data-v-5f3f8d94].is-white{border:1px solid #000}
.qita_header .lang-switcher[data-v-5f3f8d94].is-white .lang-item[data-v-5f3f8d94] a{color:#000;}


.showinpc{display:block}
.showinmobile{display:none}




@media screen and (max-width: 899px) {
    
.showinpc{display:none}
.showinmobile{display:block}
    
    
.developingTarget-box .el-col-6{flex: 0 0 50%;max-width: 50%;}
.equal-height-row[data-v-2d5780d1] {display: flex;flex-wrap: wrap;}



.kcx .mobilew100{flex: 0 0 100%;max-width: 100%;}
.kcx .mobilew100 .el-col-12{flex: 0 0 50%;max-width: 50%;padding-left:10px!important;padding-right:10px!important;}
.kcx .mobilew100>.el-row{margin-left:-10px!important;margin-right:-10px!important;}


.product-content .product-panel .el-row .el-col-10{flex: 0 0 100%;max-width: 100%;}
.product-content .product-panel .el-row .el-col-14{flex: 0 0 100%;max-width: 100%;}



}



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


.waterfall-column{display:grid!important;grid-template-columns:1fr!important;gap:20px}

}