@charset "UTF-8";

[data-v-67e1ed38]: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-67e1ed38]: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-67e1ed38]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-67e1ed38]: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-67e1ed38] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh][data-v-67e1ed38] {
    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-67e1ed38],
html[lang=de][data-v-67e1ed38] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {

    [data-v-67e1ed38] .el-carousel__arrow--left,
    [data-v-67e1ed38] .el-carousel__arrow--right {
        display: none !important
    }
}

[data-v-67e1ed38] .el-carousel__button {
    width: 10px !important;
    height: 10px !important
}

.home-carousel-box[data-v-67e1ed38] {
    width: 100%;
    height: 100vh
}

[data-v-67e1ed38] .el-carousel__container {
    height: 100% !important
}

[data-v-67e1ed38] .el-carousel__indicators {
    bottom: 2%
}

[data-v-67e1ed38] .el-carousel__indicator {
    padding: 8px 5px
}

[data-v-67e1ed38] .el-carousel__indicator .el-carousel__button {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    opacity: .6;
    transition: all .3s
}

[data-v-67e1ed38] .el-carousel__indicator .el-carousel__button:hover {
    background-color: #999
}

[data-v-67e1ed38] .el-carousel__indicator.is-active .el-carousel__button {
    background-color: #dd1f1d;
    width: 20px;
    opacity: 1
}

[data-v-67e1ed38] .el-carousel__arrow--left {
    background-color: #dd1f1d !important;
    color: #fff;
    border-radius: 0 !important;
    left: 40px
}

[data-v-67e1ed38] .el-carousel__arrow--right {
    background-color: #dd1f1d !important;
    color: #fff;
    border-radius: 0 !important;
    right: 40px
}

.el-progress {
    align-items: center;
    display: flex;
    line-height: 1;
    position: relative
}

.el-progress__text {
    color: var(--el-text-color-regular);
    font-size: 14px;
    line-height: 1;
    margin-left: 5px;
    min-width: 50px
}

.el-progress__text i {
    display: block;
    vertical-align: middle
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    display: inline-block;
    vertical-align: middle
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    display: block;
    margin-right: 0;
    padding-right: 0
}

.el-progress--text-inside .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: var(--el-color-success)
}

.el-progress.is-success .el-progress__text {
    color: var(--el-color-success)
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: var(--el-color-warning)
}

.el-progress.is-warning .el-progress__text {
    color: var(--el-color-warning)
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: var(--el-color-danger)
}

.el-progress.is-exception .el-progress__text {
    color: var(--el-color-danger)
}

.el-progress-bar {
    box-sizing: border-box;
    flex-grow: 1
}

.el-progress-bar__outer {
    background-color: var(--el-border-color-lighter);
    border-radius: 100px;
    height: 6px;
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    background-color: var(--el-color-primary);
    border-radius: 100px;
    height: 100%;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: right;
    top: 0;
    transition: width .6s ease;
    white-space: nowrap
}

.el-progress-bar__inner:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__inner--indeterminate {
    animation: indeterminate 3s infinite;
    transform: translateZ(0)
}

.el-progress-bar__inner--striped {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 75%, transparent 0, transparent);
    background-size: 1.25em 1.25em
}

.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
    animation: striped-flow 3s linear infinite
}

.el-progress-bar__innerText {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 0 5px;
    vertical-align: middle
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

@keyframes indeterminate {
    0% {
        left: -100%
    }

    to {
        left: 100%
    }
}

@keyframes striped-flow {
    0% {
        background-position: -100%
    }

    to {
        background-position: 100%
    }
}

[data-v-eded19b9]: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-eded19b9]: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-eded19b9]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-eded19b9]: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-eded19b9] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh][data-v-eded19b9] {
    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-eded19b9],
html[lang=de][data-v-eded19b9] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

.yd-aboutUs-style[data-v-eded19b9] {
    display: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .aboutUs_right_icon_style[data-v-eded19b9] {
        padding: 0 !important;
        width: 100% !important
    }

    .progress-style[data-v-eded19b9] {
        width: 100% !important
    }

    .aboutUs_right_box[data-v-eded19b9] {
        margin-top: 20px !important;
        font-size: 14px !important
    }

    .pc-aboutUs-style[data-v-eded19b9] {
        display: none !important
    }

    .yd-aboutUs-style[data-v-eded19b9] {
        display: inline-block !important
    }

    .aboutUs_right_progress_style[data-v-eded19b9] {
        padding-top: 16px !important
    }

    .aboutUs_right_icon[data-v-eded19b9] {
        width: 20px !important;
        height: 20px !important;
        font-size: 10px !important;
        padding-top: 4px !important
    }

    .aboutUs_right_icon1_style[data-v-eded19b9] {
        padding-right: 0 !important
    }

    .aboutUs-box[data-v-eded19b9] {
        padding-top: 20px !important
    }

    .text-box[data-v-eded19b9] {
        width: 100% !important
    }

    .content_style[data-v-eded19b9] {
        font-size: 12px !important;
        padding-bottom: 20px !important
    }

    .title_style[data-v-eded19b9] {
        font-size: 24px !important;
        padding-bottom: 20px !important
    }

    .aboutUs-bg-style[data-v-eded19b9] {
        padding-bottom: 0 !important
    }

    .home-plant-data[data-v-eded19b9] {
        position: static !important;
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        background-color: #eceef3;
        padding-top: 20px !important
    }

    .left-cardImg[data-v-eded19b9] {
        width: 100% !important
    }

    .aboutUs_right[data-v-eded19b9] {
        margin-top: 0 !important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .aboutUs_right_icon_style[data-v-eded19b9] {
        width: 100% !important;
        padding-bottom: 40px !important
    }

    .left-cardImg[data-v-eded19b9] {
        width: calc(50% - 40px) !important
    }

    .progress-style[data-v-eded19b9] {
        width: 100% !important
    }

    .pc-aboutUs-style[data-v-eded19b9] {
        display: none !important
    }

    .yd-aboutUs-style[data-v-eded19b9] {
        display: inline-block !important
    }

    .aboutUs_right_icon_style[data-v-eded19b9] {
        padding-top: 6px !important
    }

    .title_style[data-v-eded19b9] {
        font-size: 28px !important
    }

    .text-box[data-v-eded19b9] {
        width: calc(50% + -0px) !important
    }

    .aboutUs-box[data-v-eded19b9] {
        padding-top: 60px !important
    }

    .title_style[data-v-eded19b9] {
        padding-bottom: 20px !important
    }

    .aboutUs_right_box[data-v-eded19b9] {
        font-size: 14px !important;
        margin-top: 20px !important
    }

    .aboutUs_right_icon[data-v-eded19b9] {
        width: 24px !important;
        height: 24px !important;
        padding-top: 6px !important;
        font-size: 10px !important
    }

    .aboutUs_right_progress_style[data-v-eded19b9] {
        padding-top: 20px !important
    }
}

@media screen and (min-width: 900px) and (max-width: 1200px) {
    .title_style[data-v-eded19b9] {
        font-size: 32px !important;
        padding-bottom: 20px !important
    }

    .aboutUs-box[data-v-eded19b9] {
        padding-top: 60px !important
    }

    .text-box[data-v-eded19b9],
    .left-cardImg[data-v-eded19b9] {
        width: calc(50% - 40px) !important
    }

    .aboutUs_right_box[data-v-eded19b9] {
        margin-top: 30px !important
    }

    .aboutUs_right_icon[data-v-eded19b9] {
        width: 32px !important;
        height: 32px !important;
        padding-top: 8px !important;
        font-size: 12px !important
    }

    .content_style[data-v-eded19b9] {
        padding-bottom: 40px !important
    }

    .aboutUs_right_icon_style[data-v-eded19b9] {
        padding-top: 6px !important
    }

    .progress-style[data-v-eded19b9] {
        width: 140px !important
    }
}

.aboutUs-box[data-v-eded19b9] {
    padding-top: 120px
}

.aboutUs-text-style[data-v-eded19b9] {
    font-size: 14px;
    color: #666
}

.text-box[data-v-eded19b9] {
    width: calc(50% - 150px)
}

.aboutUs-bg-style[data-v-eded19b9] {
    width: 100%;
    background-color: #eceef3;
    padding-bottom: 120px
}

.left-cardImg[data-v-eded19b9] {
    width: calc(50% - 150px);
    aspect-ratio: 1/1
}

.home-plant-data[data-v-eded19b9] {
    position: absolute;
    bottom: 120px;
    right: 0;
    width: calc(50% - 60px)
}

.aboutUs_right_icon1_style[data-v-eded19b9] {
    text-align: right;
    padding-right: calc(20% + 10px)
}

.aboutUs_right_icon_style[data-v-eded19b9] {
    text-align: right;
    padding-top: 16px;
    padding-right: calc(20% + 10px)
}

[data-v-eded19b9] .el-progress-bar__outer {
    background-color: #e69b9e !important
}

.progress-style[data-v-eded19b9] {
    width: 210px;
    float: right;
    padding-right: 30px;
    position: relative
}

.aboutUs_right_progress_style[data-v-eded19b9] {
    width: 100%;
    padding-top: 120px
}

.aboutUs_right_box[data-v-eded19b9] {
    margin-top: 40px
}

.aboutUs_right_icon[data-v-eded19b9] {
    text-align: center !important;
    margin-left: 16px;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-color: #de2f2e;
    font-size: 20px;
    padding-top: 12px;
    color: #fff
}

.aboutUs_right[data-v-eded19b9] {
    margin-top: 100px
}

.aboutUs_right[data-v-eded19b9] .el-carousel {
    height: 100%
}

.aboutUs_right[data-v-eded19b9] .el-carousel .el-carousel__item {
    font-size: 0
}

.aboutUs_right[data-v-eded19b9] .el-carousel .el-carousel__item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.title_style[data-v-eded19b9] {
    font-size: 40px;
    font-weight: 700;
    color: #081433;
    padding-bottom: 60px;
    white-space: pre-wrap;
    word-break: break-word
}

.content_style[data-v-eded19b9] {
    font-weight: 500;
    padding-bottom: 60px;
    line-height: 22px;
    color: #666;
    font-size: 14px;
    white-space: pre-wrap;
    word-break: break-word
}

.img-transition[data-v-eded19b9] {
    overflow: hidden
}

.img-transition div[data-v-eded19b9] {
    width: 100%;
    height: 100%;
    transition: transform .5s ease-out;
    background-size: cover;
    background-position: center
}

.img-transition:hover div[data-v-eded19b9] {
    transform: scale(1.1)
}

[data-v-eded19b9] .el-carousel__container {
    height: 100% !important
}

[data-v-eded19b9] .el-carousel__indicators {
    display: none
}

[data-v-eded19b9] .el-carousel__arrow--left,
[data-v-eded19b9] .el-carousel__arrow--right {
    background-color: #fff !important;
    color: #dd1f1d;
    border-radius: 0 !important
}

[data-v-73dac6b3]: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-73dac6b3]: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-73dac6b3]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-73dac6b3]: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-73dac6b3] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh][data-v-73dac6b3] {
    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-73dac6b3],
html[lang=de][data-v-73dac6b3] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

.yidong-slideshow2-style[data-v-73dac6b3] {
    display: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .fs-title-style[data-v-73dac6b3] {
        font-size: 12px !important;
        padding-top: 12px !important
    }

    .progress-bar-wrapper[data-v-73dac6b3] {
        margin-top: 20px !important
    }

    .pc-slideshow2-style[data-v-73dac6b3] {
        display: none !important
    }

    .yidong-slideshow2-style[data-v-73dac6b3] {
        display: inline-block !important
    }

    [data-v-73dac6b3] .custom-slide {
        width: 39% !important
    }

    [data-v-73dac6b3] .swiper-button-next,
    [data-v-73dac6b3] .swiper-button-prev {
        display: none !important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .fs-title-style[data-v-73dac6b3] {
        padding-top: 20px !important;
        font-size: 14px !important
    }

    .custom-swiper-container .progress-bar-wrapper[data-v-73dac6b3] {
        margin-top: 20px !important
    }

    [data-v-73dac6b3] .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
        right: 78px !important
    }

    [data-v-73dac6b3] .swiper-button-prev {
        width: 32px !important;
        height: 32px !important;
        left: 78px !important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .fs-title-style[data-v-73dac6b3] {
        padding-top: 20px !important;
        font-size: 16px !important
    }

    .custom-swiper-container .progress-bar-wrapper[data-v-73dac6b3] {
        margin-top: 20px !important
    }

    [data-v-73dac6b3] .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
        right: 98px !important
    }

    [data-v-73dac6b3] .swiper-button-prev {
        width: 32px !important;
        height: 32px !important;
        left: 98px !important
    }
}

[data-v-73dac6b3] .el-progress-bar__inner,
[data-v-73dac6b3] .el-progress-bar__outer {
    border-radius: 0 !important
}

[data-v-73dac6b3] .el-progress-bar__outer {
    background-color: #fff6
}

.fs-title-style[data-v-73dac6b3] {
    padding-top: 30px;
    font-size: var(--font-title4)
}

.fs-title-style.is-1e[data-v-73dac6b3] {
    opacity: 1
}

.fs-title-style.is-08e[data-v-73dac6b3] {
    opacity: 1;
    transition: all .32s ease-in-out
}

.fs-title-style.is-06e[data-v-73dac6b3] {
    opacity: 0;
    transition: all .32s ease-in-out
}

.custom-slide_origin[data-v-73dac6b3] {
    width: 100%;
    height: fit-content
}

.custom-swiper-container[data-v-73dac6b3] {
    width: 100%
}

.custom-swiper-container[data-v-73dac6b3] .swiper-button-prev {
    width: 48px;
    height: 48px;
    background-color: #dd1f1d;
    color: #fff;
    --swiper-navigation-size: 16px;
    left: 130px;
    top: calc(50% - 20px)
}

.custom-swiper-container[data-v-73dac6b3] .swiper-button-next {
    width: 48px;
    height: 48px;
    background-color: #dd1f1d;
    color: #fff;
    --swiper-navigation-size: 16px;
    right: 130px;
    top: calc(50% - 20px)
}

.custom-swiper-container .custom-swiper-container[data-v-73dac6b3] {
    width: 100%;
    margin: auto;
    overflow: hidden
}

.custom-swiper-container[data-v-73dac6b3] .custom-slide {
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.custom-swiper-container[data-v-73dac6b3] .custom-slide:not(.is-disabled) {
    cursor: pointer
}

.custom-swiper-container[data-v-73dac6b3] .custom-slide:not(.is-disabled):hover .fs-title-style {
    color: #dd1f1d
}

.custom-swiper-container[data-v-73dac6b3] .custom-slide .custom-slide_item {
    width: 100%;
    height: 0;
    padding-bottom: 133.33%;
    position: relative;
    transition: all .32s ease-in-out
}

.custom-swiper-container[data-v-73dac6b3] .custom-slide .slide-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    transition: all .32s ease-in-out
}

.custom-swiper-container .progress-bar-wrapper[data-v-73dac6b3] {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.custom-swiper-container .progress-text[data-v-73dac6b3] {
    font-size: 14px;
    color: #fff;
    padding-left: 10px
}

[data-v-f282e83c]: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-f282e83c]: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-f282e83c]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-f282e83c]: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-f282e83c] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh][data-v-f282e83c] {
    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-f282e83c],
html[lang=de][data-v-f282e83c] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .bg-style[data-v-f282e83c] {
        bottom: -2% !important
    }

    .newProduct-box[data-v-f282e83c] {
        padding-top: 20px !important
    }

    .title_style[data-v-f282e83c] {
        font-size: 24px !important;
        padding-bottom: 16px !important
    }

    .content_style[data-v-f282e83c] {
        font-size: 12px !important;
        margin: 0 !important;
        width: 100% !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-bottom: 0 !important;
        text-align: center !important;
        line-height: 150% !important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .title_style[data-v-f282e83c] {
        font-size: 28px !important;
        padding-bottom: 20px !important
    }

    .content_style[data-v-f282e83c] {
        font-size: 12px !important;
        line-height: 150% !important;
        padding-bottom: 20px !important
    }

    .primary-btn_compo[data-v-f282e83c] {
        margin-bottom: 20px !important
    }

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

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

    .newProduct-box[data-v-f282e83c] {
        padding: 60px 0 !important
    }

    .content_style[data-v-f282e83c] {
        font-size: 12px !important;
        line-height: 150% !important;
        padding-bottom: 40px !important
    }

    .black-btn[data-v-f282e83c] {
        margin-bottom: 40px !important
    }
}

.newProduct-title-box[data-v-f282e83c] {
    text-align: center
}

.newProduct-box[data-v-f282e83c] {
    padding: 120px 0;
    position: relative
}

.newProduct-box .bg-style[data-v-f282e83c] {
    background-color: #081433;
    position: absolute;
    left: 0;
    bottom: -10%;
    width: 100%;
    height: 50%
}

.title_style[data-v-f282e83c] {
    font-size: 48px;
    font-weight: 700;
    color: #081433;
    padding-bottom: 32px
}

.content_style[data-v-f282e83c] {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    padding-bottom: 70px;
    width: 50%;
    margin: 0 auto;
    line-height: 32px;
    white-space: pre-wrap;
    word-break: break-word
}

.black-btn[data-v-f282e83c] {
    margin-bottom: 60px
}

[data-v-23f623bd]: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-23f623bd]: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-23f623bd]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-23f623bd]: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-23f623bd] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh][data-v-23f623bd] {
    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-23f623bd],
html[lang=de][data-v-23f623bd] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .newsAndtrends-box[data-v-23f623bd] {
        margin-top: -56px !important
    }

    .newsAndtrends-title[data-v-23f623bd] {
        font-size: 24px !important;
        padding-top: 20px !important;
        padding-bottom: 16px !important
    }

    .is-guttered[data-v-23f623bd] {
        padding-left: 8px !important
    }

    .el-row-newsandtrends[data-v-23f623bd] {
        position: relative;
        left: 12px
    }

    .newsAndtrends-text-box[data-v-23f623bd] {
        padding: 12px !important
    }

    .publish_date_style[data-v-23f623bd] {
        padding: 0 !important;
        font-size: 12px !important
    }

    .newsAndtrends-text[data-v-23f623bd] {
        padding-top: 10px !important;
        font-size: 12px !important;
        height: 80px !important;
        margin-bottom: 10px !important
    }

    .details_style[data-v-23f623bd] {
        font-size: 12px !important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .black-btn[data-v-23f623bd] {
        margin-top: 30px !important;
        margin-bottom: 40px !important
    }

    .newsAndtrends-title[data-v-23f623bd] {
        font-size: 28px !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .publish_date_style[data-v-23f623bd] {
        padding-top: 12px !important;
        font-size: 12px !important
    }

    .newsAndtrends-text[data-v-23f623bd] {
        padding-top: 0 !important;
        font-size: 16px !important;
        height: 80px !important;
        margin-bottom: 0 !important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .black-btn[data-v-23f623bd] {
        margin-top: 40px !important;
        margin-bottom: 60px !important
    }

    .newsAndtrends-title[data-v-23f623bd] {
        font-size: 32px !important;
        padding-bottom: 50px !important
    }

    .publish_date_style[data-v-23f623bd] {
        padding-top: 20px !important;
        font-size: 12px !important
    }

    .newsAndtrends-text[data-v-23f623bd] {
        padding-top: 0 !important;
        font-size: 16px !important;
        height: 80px !important;
        margin-bottom: 0 !important
    }
}

.page-tab-box[data-v-23f623bd] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.page-tab-box .details_style[data-v-23f623bd] {
    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-23f623bd]:hover {
    color: #dd1f1d
}

.page-tab-box .details_style .el-icon[data-v-23f623bd] {
    padding-left: 6px
}

.publish_date_style[data-v-23f623bd] {
    padding-top: 30px;
    padding-bottom: 14px;
    font-size: 14px
}

.newsAndtrends-list-box[data-v-23f623bd] {
    background-color: #eceef3;
    position: relative;
    z-index: 99
}

.black-btn[data-v-23f623bd] {
    margin-top: 60px;
    margin-bottom: 120px
}

.newsAndtrends-text-box[data-v-23f623bd] {
    padding: 0 30px 30px;
    background-color: #fff
}

.newsAndtrends-icon[data-v-23f623bd] {
    font-size: 18px
}

.header-icon[data-v-23f623bd] {
    position: relative;
    top: 2px;
    left: 6px
}

.newsAndtrends-text[data-v-23f623bd] {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    padding-top: 30px;
    margin-bottom: 80px;
    height: 114px
}

.newsAndtrends-box[data-v-23f623bd] {
    background-color: #eceef3
}

.newsAndtrends-title[data-v-23f623bd] {
    color: #081433;
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 60px;
    padding-top: 120px
}

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

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

[data-v-64142e14]: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-64142e14]: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-64142e14]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-64142e14]: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-64142e14] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh][data-v-64142e14] {
    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-64142e14],
html[lang=de][data-v-64142e14] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

.yidong_caseStudies_style[data-v-64142e14] {
    display: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .caseStudies-box[data-v-64142e14] {
        padding-bottom: 0 !important
    }

    .pc_caseStudies_style[data-v-64142e14] {
        display: none !important
    }

    .yidong_caseStudies_style[data-v-64142e14] {
        display: inline-block !important;
        width: 100% !important;

        padding-top: 14px !important
    }

    .caseStudies-left[data-v-64142e14] {
        width: 100% !important;
        padding: 26px 30px 0 !important;
        text-align: center !important
    }

    .caseStudies-title[data-v-64142e14] {
        font-size: 24px !important
    }

    .caseStudies-img[data-v-64142e14] {
        padding: 0 !important
    }

    .caseStudies-text[data-v-64142e14] {
        padding: 16px 0 !important;
        font-size: 12px !important;
        line-height: 150% !important;
        text-align: left !important
    }

    .caseStudies-right-title[data-v-64142e14] {
        position: relative !important;
        font-size: 12px !important;
        margin: 0 !important;
        bottom: -10px !important;
        left: 0 !important;
        text-align: left !important;
        color: #000 !important
    }

    .caseStudies-box-col[data-v-64142e14] {
        position: relative;
        left: 10px
    }

    .caseStudies-right[data-v-64142e14] {
        position: none !important;
        width: 100% !important
    }

    .is-guttered[data-v-64142e14] {
        padding-left: 8px !important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .caseStudies-left[data-v-64142e14] {
        padding-top: 40px !important;
        padding-bottom: 20px !important;
        font-size: 28px !important
    }

    .caseStudies-title[data-v-64142e14] {
        font-size: 28px !important
    }

    .caseStudies-text[data-v-64142e14] {
        padding-right: 100px !important;
        font-size: 12px !important;
        line-height: 150% !important;
        padding-bottom: 30px !important;
        padding-top: 20px !important
    }

    .black-btn[data-v-64142e14] {
        margin-top: 40px !important
    }

    .caseStudies-right-title[data-v-64142e14] {
        font-size: 14px !important;
        margin-left: calc(10% + 80px) !important;
        bottom: 90px !important
    }

    .caseStudies-box[data-v-64142e14] {
        padding-bottom: 90px !important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .caseStudies-left[data-v-64142e14] {
        padding-top: 60px !important;
        padding-bottom: 20px !important;
        font-size: 32px !important
    }

    .caseStudies-text[data-v-64142e14] {
        padding-right: 100px !important;
        font-size: 12px !important;
        line-height: 150% !important;
        padding-bottom: 50px !important
    }

    .black-btn[data-v-64142e14] {
        margin-top: 40px !important
    }

    .caseStudies-right-title[data-v-64142e14] {
        font-size: 14px !important;
        margin-left: calc(10% + 80px) !important
    }

    .caseStudies-box[data-v-64142e14] {
        padding-bottom: 90px !important
    }
}

.caseStudies-right-title[data-v-64142e14] {
    margin-left: calc(10% + 120px);
    position: absolute;
    bottom: 120px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer
}

.caseStudies-right-title[data-v-64142e14]:before {
    transition: all .5s;
    background-color: #dd1f1d;
    position: absolute;
    bottom: -4px;
    content: "";
    width: 0;
    height: 2px
}

.caseStudies-right-title[data-v-64142e14]:hover {
    color: #dd1f1d !important
}

.caseStudies-right-title[data-v-64142e14]:hover:before {
    width: 100%
}

.caseStudies-right[data-v-64142e14] {
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.caseStudies-img[data-v-64142e14] {
    padding-right: 60px
}

.caseStudies-title[data-v-64142e14] {
    font-size: 48px;
    font-weight: 700;
    color: #081433
}

.caseStudies-text[data-v-64142e14] {
    font-size: 16px;
    padding-top: 30px;
    padding-right: 200px;
    padding-bottom: 60px;
    line-height: 32px;
    white-space: pre-wrap;
    word-break: break-word;
    color: #666
}

.caseStudies-box[data-v-64142e14] {
    background-color: #eceef3;
    padding-bottom: 120px
}

.caseStudies-left[data-v-64142e14] {
    width: 50%;
    background-color: #fff;
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 999
}

.black-btn[data-v-64142e14] {
    margin-top: 60px
}

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

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

[data-v-da8ca804]: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-da8ca804]: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-da8ca804]:root {
        --font-title4: 16px !important;
        --space-80: 20px !important;
        --font-title2: 32px
    }
}

@media screen and (min-width: 1600px) {
    [data-v-da8ca804]: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-da8ca804] {
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif
}

html[lang=zh][data-v-da8ca804] {
    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-da8ca804],
html[lang=de][data-v-da8ca804] {
    font-family: Inter, Helvetica Neue, Helvetica, Arial, sans-serif
}

.yidong-innovative-style[data-v-da8ca804] {
    display: none
}

@media screen and (min-width: 200px) and (max-width: 499px) {
    .innovative-box[data-v-da8ca804] {
        height: auto !important
    }

    .innovative-button[data-v-da8ca804] {
        right: 20px !important
    }

    .pc-innovative-style[data-v-da8ca804] {
        display: none !important
    }

    .yidong-innovative-style[data-v-da8ca804] {
        display: inline-block !important
    }

    .cardImg[data-v-da8ca804] {
        padding-top: 20px !important;
        aspect-ratio: 1.4/1 !important;
        height: auto !important
    }

    .innovative-left[data-v-da8ca804] {
        font-size: 24px !important
    }

    .innovative-right[data-v-da8ca804] {
        font-size: 12px !important;
        text-align: left !important;
        line-height: 150% !important
    }
}

@media screen and (min-width: 500px) and (max-width: 899px) {
    .cardImg[data-v-da8ca804] {
        padding-top: 40px !important;
        padding-left: 0 !important;
        padding-bottom: 40px !important
    }

    .innovative-left[data-v-da8ca804] {
        font-size: 28px !important
    }

    .innovative-right[data-v-da8ca804] {
        font-size: 12px !important;
        padding-top: 4px !important
    }
}

@media screen and (min-width: 900px) and (max-width: 1199px) {
    .cardImg[data-v-da8ca804] {
        padding-top: 60px !important;
        padding-left: 0 !important;
        padding-bottom: 60px !important
    }

    .innovative-left[data-v-da8ca804] {
        font-size: 32px !important
    }

    .innovative-right[data-v-da8ca804] {
        font-size: 14px !important;
        padding-top: 4px !important
    }
}

.innovative-button[data-v-da8ca804] {
    position: absolute;
    bottom: 0;
    right: 0
}

.innovative-right[data-v-da8ca804] {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: right;
    padding-top: 20px
}

.innovative-left[data-v-da8ca804] {
    color: #fff;
    font-size: 48px;
    font-weight: 700
}

.innovative-box[data-v-da8ca804] {
    height: 100vh
}

.innovative-box .cardImg[data-v-da8ca804] {
    padding-top: 120px;
    padding-bottom: 120px;
    width: 100%;
    height: 100%;
    position: relative
}