html {
    filter: progid:DXImageTransfrom.Microsoft.BasicImage(graysale=1);
    scroll-behavior: smooth;
    /* 全局启用平滑滚动 */
}


.swiper-free-mode>.swiper-wrapper[data-v-8851a848] {
    transition-timing-function: linear !important;
}
.g_videos-more[data-v-8851a848] {
    position: absolute;
    right: 22px;
    bottom: -5px;
    z-index: 10;
}
.img img[data-v-8851a848] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
}
.section-nav[data-v-8851a848] {
    width: 900px;
    height: 45px;
    border-radius: 22.5px;
    background: #F9EDED;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6px;
    position: sticky;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 8;
}
.section-nav .nav-item[data-v-8851a848] {
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: 0em;
    color: #404241;
}
.section-nav .nav-item[data-v-8851a848]:hover {
    height: 34.5px;
    background: rgba(64,66,65,0.73333);
    border-radius: 17.25px;
    color: #fff;
}
.section-nav .nav-item.active[data-v-8851a848] {
    height: 34.5px;
    background: #404241;
    border-radius: 17.25px;
    color: #fff;
}
#banner-video[data-v-8851a848] {
    position: relative;
}
#banner-video .content[data-v-8851a848] {
    width: 1200px;
    margin: 228px auto 0;
    position: absolute;
}
#banner-video .content .oy-ys-logo[data-v-8851a848] {
    height: 80px;
    display: inline-block;
}
#banner-video .content .oy-ys-logo img[data-v-8851a848] {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
}
#banner-video .content .text[data-v-8851a848] {
    width: 400px;
    height: 112px;
    font-size: 40px;
    font-weight: bold;
    line-height: 56px;
    letter-spacing: normal;
    color: #5B5B5B;
    margin-top: 18px;
    margin-bottom: 60px;
}
#image_small[data-v-8851a848] {
    display: none;
}
#banner-video .content .oy-button[data-v-8851a848] {
    width: 125px;
    height: 42px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 21px;
    margin-top: 30px;
    margin-left: 96px;
}
.gallery[data-v-8851a848] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    gap: 10px;
    padding: 15px;
}

/* .thumbnail {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s;
} */

/* .thumbnail:hover {
    transform: scale(1.02);
} */
.fullscreen[data-v-8851a848] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    z-index: 5001;
    overscroll-behavior: contain;
}
.swiper-container[data-v-8851a848] {
    width: 100%;
    height: 100%;
}
.swiper-container .oy-swiper-wrapper[data-v-8851a848] {
    height: 100%;
}
.fullscreen-swiper-slide[data-v-8851a848] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.fullscreen-swiper-slide .img[data-v-8851a848] {
    height: 100%;
    width: 100%;
}
.fullscreen-swiper-slide img[data-v-8851a848] {
    max-width: 100%;
    max-height: 100%;
}
.close-btn[data-v-8851a848] {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    font-size: 30px;
    z-index: 1001;
    cursor: pointer;
}
.oy-button[data-v-8851a848] {
    cursor: pointer;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(95deg, #F3443F 20%, #FEC06B 99%);
    vertical-align: middle;
}
.oy-button[data-v-8851a848]:hover {
    box-shadow: 0 4px 10px 0px rgba(147,160,179,0.50196);
}
.text-overflow[data-v-8851a848] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-overflow2[data-v-8851a848] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-overflow3[data-v-8851a848] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-overflow5[data-v-8851a848] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-bg[data-v-8851a848] {
    width: 100%;
    background-image: url('/ysstatic/images/index/section-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 60px;
}
.section-bg .bg-yuan-1[data-v-8851a848] {
    position: absolute;
    top: 400px;
    left: 50%;
    width: 310px;
    height: 310px;
    transform-origin: right bottom;
    animation: spin40-8851a848 20s linear infinite;
}
.section-bg .bg-yuan-1 .yuan-1[data-v-8851a848] {
    width: 291px;
    height: 291px;
    border-radius: 50%;
    background: linear-gradient(12deg, #DBE7F7 12%, rgba(255, 255, 255, 0) 94%);
    filter: blur(15px);
}
.section-1[data-v-8851a848] {
    position: relative;
    padding-top: 115px;
    margin-top: 0px;
    z-index: 4;
    padding-bottom: 70px;
    background-color: #fff;
    overflow: hidden;
}
.section-1 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
}
.section-1 .section-desc[data-v-8851a848] {
    width: 727px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
    margin: 0 auto 50px;
}
.section-1 .bg[data-v-8851a848] {
    width: 100%;
    background-image: url('/ysstatic/images/index/section-1-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 468px;
}
.section-1 .content[data-v-8851a848] {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.section-1 .content-mobile[data-v-8851a848] {
    display: none;
    overflow: hidden;
}
.section-1 .content .section-1-info[data-v-8851a848] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
}
.section-1 .content .section-1-info[data-v-8851a848]::after {
    content: normal;
    content: initial;
}
.section-1 .content-mobile .section-1-info[data-v-8851a848] {
    overflow: hidden;
}
.section-1 .content .section-1-content[data-v-8851a848] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    transition: all 0.5s ease-out;
}
.section-1 .content-mobile .section-1-content[data-v-8851a848] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.section-1 .content .section-1-content .tag[data-v-8851a848] {
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #B2B2B2;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    color: #404241;
    border-radius: 3px;
    cursor: pointer;
}
.section-1 .content-mobile .section-1-content .tag[data-v-8851a848] {
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #B2B2B2;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    color: #404241;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
}
.section-1 .content .section-1-content .tags[data-v-8851a848] {
    display: flex;
    gap: 12px;
    margin-bottom: 22px;
}
.section-1 .content-mobile .section-1-content .tags[data-v-8851a848] {
    display: flex;
    gap: 7px;
    margin-bottom: 22px;
    margin-top: 26px;
    position: relative;
    flex-wrap: wrap;
}
.section-1 .content-mobile .section-1-content .tags[data-v-8851a848]::after {
    content: normal;
    content: initial;
}
.section-1 .content .section-1-content .tag[data-v-8851a848]:hover {
    border: 1px solid #FF0000;
    background: #FF0000;
    color: #fff;
}
.section-1 .content-mobile .section-1-content .tag[data-v-8851a848]:hover {
    border: 1px solid #FF0000;
    background: #FF0000;
    color: #fff;
}
.section-1 .content .section-1-info-item[data-v-8851a848] {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 38px;
    position: relative;
    padding-bottom: 9px;
    transition: all 0.5s ease-out;
}
.section-1 .content-mobile .section-1-info-item[data-v-8851a848] {
    /* cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 38px;
    position: relative;
    padding-bottom: 9px;
    transition: all 0.5s ease-out; */
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.section-1 .content .section-1-info-item.active[data-v-8851a848] {}
.section-1 .content .section-1-info-item[data-v-8851a848]::after {
    content: '';
    width: 54px;
    height: 3px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all 0.5s ease-out;
}
.section-1 .content-mobile .section-1-info-item[data-v-8851a848]::after {
    content: '';
    width: 54px;
    height: 3px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all 0.5s ease-out;
}
.section-1 .content .section-1-info-item.active[data-v-8851a848]::after {
    background-color: #D31725;
}
.section-1 .content-mobile .section-1-info-item.active[data-v-8851a848]::after {
    background-color: #D31725;
}
.section-1 .content .section-1-info-item .oy-icon[data-v-8851a848] {
    width: 34px;
    height: 34px;
    opacity: 1;
    transition: all 0.5s ease-out;
    position: absolute;
}
.section-1 .content .section-1-content-item .left-content[data-v-8851a848] {
    margin-left: 10px;
}
.section-1 .content .section-1-content-item .left-content .buttons[data-v-8851a848] {
    margin-top: 21px;
}
.section-1 .content .section-1-content-item .left-content .buttons .oy-icon[data-v-8851a848] {
    width: 16px;
    height: 16px;
}
.section-1 .content .section-1-content-item .left-content .buttons a[data-v-8851a848] {
    display: block;
    padding: 7px 14px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #404241;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    gap: 7px;
}
.section-1 .content .section-1-content-item .left-content .buttons a[data-v-8851a848]:hover {
    border: 1px solid #FF0000;
    background: #FF0000;
    color: #fff;
}
.section-1 .content .section-1-content-item[data-v-8851a848] {
    display: flex;
}
.section-1 .content .section-1-content-item .left-content[data-v-8851a848] {
    flex: 1;
}
.section-1 .content .section-1-content-item .right-content[data-v-8851a848] {
    cursor: pointer;
    position: relative;
    width: 501px;
    height: 382px;
}
.section-1 .content .section-1-content-item .right-content .img[data-v-8851a848] {
    /* position: absolute; */
}
.section-1 .content .section-1-content-item .right-content .oy-shadow[data-v-8851a848] {}
.section-1 .content .section-1-content-item .right-content .oy-play[data-v-8851a848] {
    position: absolute;
    top: calc(50% - (97px / 2));
    left: 50%;
    width: 45px;
    height: 45px;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.section-1 .content .section-1-content-item .right-content .oy-cover[data-v-8851a848] {
    width: 501px;
    height: 285px;
    border-radius: 10px;
    border: 4px solid rgba(110, 110, 110, 1);
    box-sizing: border-box;
    overflow: hidden;
}
.section-1 .content .section-1-content-item .right-content .oy-cover img[data-v-8851a848] {
    -o-object-fit: cover;
       object-fit: cover;
}
.section-1 .content .section-1-content-item .section-1-content-title[data-v-8851a848] {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    color: #404241;
    margin-top: 12px;
    margin-bottom: 20px;
}
.section-1 .content .section-1-content-item .section-1-content-desc[data-v-8851a848] {
    font-size: 14px;
    font-weight: normal;
    line-height: 23px;
    letter-spacing: 0em;
    color: #3D3D3D;
    width: 535px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* 控制显示行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    /* 处理长单词换行 */
}
.section-1 .content .section-1-content-item .buttons[data-v-8851a848] {
    display: flex;
    gap: 14px;
}
.section-1 .content .section-1-info-item .oy-icon-select[data-v-8851a848] {
    width: 34px;
    height: 34px;
    transition: all 0.5s ease-out;
    opacity: 0;
    position: absolute;
}
.section-1 .content .section-1-info-item .oy-icon-title[data-v-8851a848] {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    color: #404241;
    margin-top: 43px;
}
.section-1 .content-mobile .section-1-info-item .oy-icon-title[data-v-8851a848] {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: normal;
    color: #404241;
    margin-top: 42px;
    padding-bottom: 8px;
}
.section-1 .content .section-1-info-item.active .oy-icon[data-v-8851a848] {
    opacity: 0;
}
.section-1 .content .section-1-info-item.active .oy-icon-select[data-v-8851a848] {
    opacity: 1;
}
.section-1 .content .section-1-content-item[data-v-8851a848] {
    min-width: 1200px;
}

/* 关键帧动画：放大再还原 */
@keyframes zoomInOut1-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(3px 129px, 136px 128px, 138px 53px, 9px 0px, -5px 51px);
}
50% {
        transform: scale(1.05);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(3px 129px, 136px 128px, 138px 53px, 9px 0px, -5px 51px);
}
}
@keyframes zoomInOut2-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 96px, 143px 155px, 168px 101px, 41px 0, 14px 41px);
}
50% {
        transform: scale(1.05) translate(4px, 4px);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 96px, 143px 155px, 168px 101px, 41px 0, 14px 41px);
}
}
@keyframes zoomInOut3-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 96px, 141px 211px, 188px 158px, 89px 0, 37px 41px);
}
50% {
        transform: scale(1.05) translate(5px, 5px);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 96px, 141px 211px, 188px 158px, 89px 0, 37px 41px);
}
}
@keyframes zoomInOut4-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 64px, 105px 236px, 177px 204px, 139px 0, 60px 21px);
}
50% {
        transform: scale(1.05) translate(6px, 4px);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 64px, 105px 236px, 177px 204px, 139px 0, 60px 21px);
}
}
@keyframes zoomInOut5-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 10px, 40px 230px, 132px 234.5px, 186px 15px, 98px -8px);
}
50% {
        transform: scale(1.05) translate(2px, 2px);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 10px, 40px 230px, 132px 234.5px, 186px 15px, 98px -8px);
}
}
@keyframes zoomInOut6-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 240px, 63px 272px, 194px 69px, 136px 24px, 59px 0px);
}
50% {
        transform: scale(1.05) translate(-1px, 1px);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 240px, 63px 272px, 194px 69px, 136px 24px, 59px 0px);
}
}
@keyframes zoomInOut7-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 227px, 53px 293px, 272px 153px, 226px 64px, 147px 0px);
}
50% {
        transform: scale(1.05) translate(12px, 2px);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 227px, 53px 293px, 272px 153px, 226px 64px, 147px 0px);
}
}
@keyframes zoomInOut8-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 158px, 16px 213px, 287px 140px, 280px 67px, 244px 0px);
}
50% {
        transform: scale(1.05) translate(13.5px, 2px);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 158px, 16px 213px, 287px 140px, 280px 67px, 244px 0px);
}
}
@keyframes zoomInOut9-8851a848 {
0% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 86px, 0px 136px, 303px 136px, 315px 65px, 305px 0px);
}
50% {
        transform: scale(1.05);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
        clip-path: initial;
}
100% {
        transform: scale(1);
        filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0));
        clip-path: polygon(0px 86px, 0px 136px, 303px 136px, 315px 65px, 305px 0px);
}
}
.section-2[data-v-8851a848] {
    position: relative;
    padding: 70px 0;
    margin-top: 0px;
    background: #fff;
    z-index: 3;
}
.section-2 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
}
.section-2 .section-desc[data-v-8851a848] {
    width: 727px;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
    margin: 0 auto 50px;
}
.section-2 .content[data-v-8851a848] {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    padding: 0 40px;
    justify-content: center;
}
.section-2 .content .right-content[data-v-8851a848] {
    position: relative;
    width: 837px;
    height: 475.72px;
}
.section-2 .content .left-content[data-v-8851a848] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-top: 20px;
}
.section-2 .content .left-content .left-content-info[data-v-8851a848] {
    display: none;
}
.section-2 .content .left-content .left-content-label[data-v-8851a848] {
    display: flex;
    align-items: center;
    gap: 11px;
}
.section-2 .content .left-content .left-content-label .label[data-v-8851a848] {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: normal;
    color: #404241;
}
.section-2 .content .left-content .list[data-v-8851a848] {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    padding: 9px 0 15px;
    margin-top: 16px;
    margin-left: 36px;
}
.section-2 .content .left-content .list[data-v-8851a848]::after {
    content: normal;
    content: initial;
}
.section-2 .content .left-content .left-content-label .section-2-1[data-v-8851a848] {
    width: 33px;
    height: 33px;
}
.section-2 .content .right-content .img[data-v-8851a848] {
    opacity: 1;
    /* transition: all 1s ease-out; */
    position: absolute;
    /* filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.4)); */
}
.section-2 .content .right-content .img.section-2-icon-1.active[data-v-8851a848]:hover {
    animation: zoomInOut1-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-2.active[data-v-8851a848]:hover {
    animation: zoomInOut2-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-3.active[data-v-8851a848]:hover {
    animation: zoomInOut3-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-4.active[data-v-8851a848]:hover {
    animation: zoomInOut4-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-5.active[data-v-8851a848]:hover {
    animation: zoomInOut5-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-6.active[data-v-8851a848]:hover {
    animation: zoomInOut6-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-7.active[data-v-8851a848]:hover {
    animation: zoomInOut7-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-8.active[data-v-8851a848]:hover {
    animation: zoomInOut8-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.section-2-icon-9.active[data-v-8851a848]:hover {
    animation: zoomInOut9-8851a848 0.2s linear 1;
}
.section-2 .content .right-content .img.active[data-v-8851a848] {
    opacity: 0;
    z-index: -1;
}
.section-2 .content .right-content-mobile[data-v-8851a848] {
    display: none;
}
.section-2 .content .right-content .section-2-icon-1[data-v-8851a848] {
    left: 13px;
    bottom: 19px;
    width: 138.79px;
    height: 128.8px;
    z-index: 10;
    clip-path: polygon(3px 129px, 136px 128px, 138px 53px, 9px 0px, -5px 51px);
    transform-origin: right center;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-2[data-v-8851a848] {
    left: 7.3px;
    bottom: 93px;
    width: 168.15px;
    height: 155.21px;
    z-index: 9;
    clip-path: polygon(0px 96px, 143px 155px, 168px 101px, 41px 0, 14px 41px);
    transform-origin: right bottom;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-3[data-v-8851a848] {
    left: 34.2px;
    bottom: 145.2px;
    width: 187.05px;
    height: 210.28px;
    z-index: 10;
    clip-path: polygon(0px 96px, 141px 211px, 188px 158px, 89px 0, 37px 41px);
    transform-origin: right bottom;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-4[data-v-8851a848] {
    left: 115.5px;
    bottom: 195.2px;
    width: 176.42px;
    height: 235.45px;
    z-index: 10;
    clip-path: polygon(0px 64px, 105px 236px, 177px 204px, 139px 0, 60px 21px);
    transform-origin: right bottom;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-5[data-v-8851a848] {
    left: 250.6px;
    bottom: 223.7px;
    width: 187.5px;
    height: 234.97px;
    z-index: 10;
    clip-path: polygon(0px 10px, 40px 230px, 132px 234.5px, 187px 15px, 98px -8px);
    transform-origin: center bottom;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-6[data-v-8851a848] {
    left: 381.5px;
    bottom: 190.8px;
    width: 194.32px;
    height: 271.07px;
    z-index: 10;
    clip-path: polygon(0px 237px, 63px 272px, 194px 69px, 136px 24px, 60px 0px);
    transform-origin: left bottom;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-7[data-v-8851a848] {
    left: 443.4px;
    bottom: 123.9px;
    width: 272.55px;
    height: 295.78px;
    z-index: 9;
    clip-path: polygon(0px 227px, 53px 293px, 272px 153px, 226px 64px, 147px 0px);
    transform-origin: right bottom;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-8[data-v-8851a848] {
    left: 495.5px;
    bottom: 70.6px;
    width: 284.38px;
    height: 213.42px;
    z-index: 10;
    clip-path: polygon(0px 158px, 16px 213px, 287px 140px, 280px 67px, 244px 0px);
    transform-origin: right bottom;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-icon-9[data-v-8851a848] {
    left: 510.5px;
    bottom: 20px;
    width: 308.23px;
    height: 136.5px;
    z-index: 10;
    clip-path: polygon(0px 86px, 0px 136px, 303px 136px, 315px 65px, 305px 0px);
    transform-origin: left 70%;
    /* filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.4)); */
    cursor: pointer;
}
.section-2 .content .right-content .section-2-2[data-v-8851a848] {
    position: absolute;
    bottom: 18px;
    left: 146px;
    width: 368px;
    z-index: 22;
}
.section-2 .oy-button[data-v-8851a848] {
    width: 101px;
    height: 31px;
    border-radius: 21px;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin-left: 46px;
    gap: 4px;
}
.section-2 .oy-button .video-icon[data-v-8851a848] {
    width: 16px;
}
.section-2 .about-more[data-v-8851a848] {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 34px;
    font-size: 18px;
    font-weight: bold;
    color: #3D3D3D;
    margin-left: 46px;
    margin-bottom: 11px;
    gap: 5px;
    width: 101px;
    height: 31px;
    border-radius: 16px;
    background: linear-gradient(270deg, #F3443F 0%, #FEC06B 100%);
}
.section-2 .about-more[data-v-8851a848]:hover {
    box-shadow: 0 4px 10px 0px rgba(147,160,179,0.50196);
}
.section-2 .about-more-inner[data-v-8851a848] {
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    color: #3D3D3D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 98px;
    height: 28px;
    background: rgba(236, 245, 249, 1);
    border-radius: 16px;
}
.section-2 .about-more-inner[data-v-8851a848]::after {
    content: none;
}
.section-2 .about-more .right-arrow-c[data-v-8851a848] {
    width: 6px;
}
.section-3[data-v-8851a848] {
    position: relative;
    padding-top: 115px;
    padding-bottom: 115px;
    margin-top: -45px;
    background: linear-gradient(180deg, #d3d6e3, hsla(0, 0%, 85%, 0));
}
.section-3 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
}
.section-3 .section-desc[data-v-8851a848] {
    width: 727px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
    margin: 0 auto 50px;
}
.section-3 .content[data-v-8851a848] {
    width: 1178px;
    height: 545px;
    margin: 0 auto;
    position: relative;
}
.section-3 .content-mobile[data-v-8851a848] {
    display: none;
}
.section-3 .img-tit[data-v-8851a848] {
    width: 1062px;
    height: 57px;
    background: url('/ysstatic/images/index/section-3-40.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin: 39px auto 0;
    display: flex;
    justify-content: center;
}
.section-3 .num-static[data-v-8851a848] {
    width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.section-3 .num-static .num[data-v-8851a848] {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: normal;
    color: #404241;
    display: flex;
    align-items: center;
    margin-top: 30px;
    justify-content: center;
}
.section-3 .num-static .num .red[data-v-8851a848] {
    color: #E60012;
    font-size: 24px;
}
.section-3 .num .red.plus[data-v-8851a848] {
    line-height: 26px;
    display: block;
    height: 30px;
}
.section-3 .oy-button[data-v-8851a848] {
    width: 125px;
    height: 42px;
    border-radius: 21px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin: 30px auto 0px;
}
@keyframes spin1-8851a848 {
0% {
        transform: rotate(-4deg);
}
100% {
        transform: rotate(86deg);
}
}
@keyframes spin2-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(-90deg);
}
}
@keyframes spin3-8851a848 {
0% {
        transform: rotate(7deg);
}
100% {
        transform: rotate(97deg);
}
}
@keyframes spin4-8851a848 {
0% {
        transform: rotate(-1deg);
}
100% {
        transform: rotate(-91deg);
}
}
@keyframes spin5-8851a848 {
0% {
        transform: rotate(-1deg);
}
100% {
        transform: rotate(-91deg);
}
}
@keyframes spin6-8851a848 {
0% {
        transform: rotate(14deg);
}
100% {
        transform: rotate(104deg);
}
}
@keyframes spin7-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(90deg);
}
}
@keyframes spin8-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(-90deg);
}
}
@keyframes spin9-8851a848 {
0% {
        transform: rotate(2deg);
}
100% {
        transform: rotate(92deg);
}
}
@keyframes spin10-8851a848 {
0% {
        transform: rotate(6deg);
}
100% {
        transform: rotate(96deg);
}
}
@keyframes spin11-8851a848 {
0% {
        transform: rotate(-2deg);
}
100% {
        transform: rotate(-92deg);
}
}
@keyframes spin15-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(-90deg);
}
}
@keyframes spin19-8851a848 {
0% {
        transform: rotate(7deg);
}
100% {
        transform: rotate(97deg);
}
}
@keyframes spin20-8851a848 {
0% {
        transform: rotate(-11deg);
}
100% {
        transform: rotate(-101deg);
}
}
@keyframes spin25-8851a848 {
0% {
        transform: rotate(6deg);
}
100% {
        transform: rotate(-84deg);
}
}
@keyframes spin27-8851a848 {
0% {
        transform: rotate(-6deg);
}
100% {
        transform: rotate(-96deg);
}
}
@keyframes spin28-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(-90deg);
}
}
@keyframes spin29-8851a848 {
0% {
        transform: rotate(16deg);
}
100% {
        transform: rotate(106deg);
}
}
@keyframes spin30-8851a848 {
0% {
        transform: rotate(3deg);
}
100% {
        transform: rotate(-87deg);
}
}
@keyframes spin31-8851a848 {
0% {
        transform: rotate(-8deg);
}
100% {
        transform: rotate(82deg);
}
}
@keyframes spin32-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(90deg);
}
}
@keyframes spin33-8851a848 {
0% {
        transform: rotate(-6deg);
}
100% {
        transform: rotate(-96deg);
}
}
@keyframes spin34-8851a848 {
0% {
        transform: rotate(6deg);
}
100% {
        transform: rotate(96deg);
}
}
@keyframes spin35-8851a848 {
0% {
        transform: rotate(-12deg);
}
100% {
        transform: rotate(-102deg);
}
}
@keyframes spin36-8851a848 {
0% {
        transform: rotate(-6deg);
}
100% {
        transform: rotate(84deg);
}
}
@keyframes spin37-8851a848 {
0% {
        transform: rotate(-10deg);
}
100% {
        transform: rotate(-100deg);
}
}
@keyframes spin38-8851a848 {
0% {
        transform: rotate(-5deg);
}
100% {
        transform: rotate(85deg);
}
}
@keyframes spin39-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(-90deg);
}
}
@keyframes spin40-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(360deg);
}
}
@keyframes spin41-8851a848 {
0% {
        transform: rotate(0deg);
}
100% {
        transform: rotate(-360deg);
}
}
@keyframes spin42-8851a848 {
0% {
        transform: translate(-50%, 0) rotate(0deg);
}
100% {
        transform: translate(-50%, 0) rotate(360deg);
}
}
.section-3 .content .section-3-1[data-v-8851a848] {
    position: absolute;
    top: 191px;
    left: 0px;
    width: 246px;
    height: 247px;
    transform: rotate(-4deg);
}
.section-3 .content .section-3-bg-1[data-v-8851a848] {
    position: absolute;
    top: 222px;
    left: 0px;
    width: 242px;
    height: 244px;
}
.section-3 .content .section-3-text-1[data-v-8851a848] {
    position: absolute;
    top: 243px;
    left: 39px;
    width: 172px;
    height: 124px;
}
.section-3 .content .section-3-text-2[data-v-8851a848] {
    position: absolute;
    top: 82px;
    left: 531px;
    width: 194px;
    height: 172px;
}
.section-3 .content .section-3-text-3[data-v-8851a848] {
    position: absolute;
    top: 143px;
    left: 262px;
    width: 202px;
    height: 154px;
}
.section-3 .content .section-3-text-4[data-v-8851a848] {
    position: absolute;
    top: 338px;
    left: 479px;
    width: 152.5px;
    height: 115px;
}
.section-3 .content .section-3-text-5[data-v-8851a848] {
    position: absolute;
    top: 292px;
    right: 246px;
    width: 240px;
}
.section-3 .content .section-3-text-6[data-v-8851a848] {
    position: absolute;
    top: 244px;
    right: 45px;
    width: 152px;
}
.section-3 .content .section-3-2[data-v-8851a848] {
    position: absolute;
    top: 85px;
    left: 221px;
    width: 283px;
    height: 284px;
}
.section-3 .content .section-3-bg-2[data-v-8851a848] {
    position: absolute;
    top: 55px;
    left: 257px;
    width: 209px;
    height: 288px;
}
.section-3 .content .section-3-3[data-v-8851a848] {
    position: absolute;
    top: 26px;
    left: 479.4px;
    width: 283px;
    height: 284px;
}
.section-3 .content .section-3-bg-3[data-v-8851a848] {
    position: absolute;
    top: 0px;
    right: 427px;
    width: 243.7px;
    height: 287px;
}
.section-3 .content .section-3-4[data-v-8851a848] {
    position: absolute;
    bottom: 18px;
    left: 439px;
    width: 236px;
    height: 237px;
}
.section-3 .content .section-3-bg-4[data-v-8851a848] {
    position: absolute;
    bottom: 0px;
    right: 514px;
    width: 213px;
    height: 224px;
}
.section-3 .content .section-3-5[data-v-8851a848] {
    position: absolute;
    top: 220px;
    right: 232px;
    width: 283px;
    height: 284px;
}
.section-3 .content .section-3-bg-5[data-v-8851a848] {
    position: absolute;
    bottom: 68px;
    right: 269px;
    width: 209px;
    height: 221.5px;
}
.section-3 .content .section-3-6[data-v-8851a848] {
    position: absolute;
    top: 187px;
    right: 0px;
    width: 246px;
    height: 247px;
}
.section-3 .content .section-3-bg-6[data-v-8851a848] {
    position: absolute;
    bottom: 86px;
    right: 4px;
    width: 220px;
    height: 243.6px;
}
.section-3 .content .section-3-bg-7[data-v-8851a848] {
    position: absolute;
    bottom: 57px;
    left: 182px;
    width: 258.7px;
    height: 90.5px;
}
.section-3 .content .section-3-bg-8[data-v-8851a848] {
    position: absolute;
    bottom: 78px;
    left: 347px;
    width: 92.8px;
    background-color: rgba(232, 238, 239, 1);
    z-index: 9;
    border-radius: 0 0 0 46.4px;
}
.section-3 .content .section-3-7[data-v-8851a848] {
    position: absolute;
    bottom: 4px;
    left: 253.5px;
    width: 144px;
    height: 144px;
}
.section-3 .content .section-3-8[data-v-8851a848] {
    position: absolute;
    top: 261px;
    left: 162px;
    width: 75px;
    height: 75px;
}
.section-3 .content .section-3-9[data-v-8851a848] {
    position: absolute;
    top: 250px;
    left: 11px;
    width: 79px;
    height: 78px;
}
.section-3 .content .section-3-10[data-v-8851a848] {
    position: absolute;
    top: 205px;
    left: 80px;
    width: 98.9px;
    height: 98.9px;
}
.section-3 .content .section-3-11[data-v-8851a848] {
    position: absolute;
    top: 298px;
    left: 62px;
    width: 105px;
    height: 104px;
}
.section-3 .content .section-3-12[data-v-8851a848] {
    position: absolute;
    top: 388px;
    left: 362px;
    width: 67px;
    height: 67px;
    z-index: 10;
}
.section-3 .content .section-3-13[data-v-8851a848] {
    position: absolute;
    top: 360px;
    left: 262px;
    width: 33px;
    height: 33px;
}
.section-3 .content .section-3-14[data-v-8851a848] {
    position: absolute;
    bottom: 6px;
    right: 440px;
    width: 66px;
    height: 66px;
}
.section-3 .content .section-3-15[data-v-8851a848] {
    position: absolute;
    top: 156px;
    right: 184.5px;
    width: 156px;
    height: 156px;
}
.section-3 .content .section-3-15-bg[data-v-8851a848] {
    position: absolute;
    top: 234px;
    right: 246.5px;
    width: 156px;
    height: 156px;
    background-color: rgba(226, 231, 236, 1);
    transform: rotate(30deg);
}
.section-3 .content .section-3-16-bg[data-v-8851a848] {
    position: absolute;
    top: 224px;
    right: 103.5px;
    width: 156px;
    height: 156px;
    background-color: rgba(226, 231, 236, 1);
    transform: rotate(-50deg);
}
.section-3 .content .section-3-bg-15[data-v-8851a848] {
    position: absolute;
    top: 85.7px;
    right: 178.5px;
    width: 186.6px;
    height: 111.55px;
    z-index: 1;
}
.section-3 .content .section-3-16[data-v-8851a848] {
    position: absolute;
    top: 17px;
    left: 437px;
    width: 66px;
    height: 66px;
}
.section-3 .content .section-3-17[data-v-8851a848] {
    position: absolute;
    top: 148.8px;
    right: 368.5px;
    width: 42.5px;
    height: 42.5px;
}
.section-3 .content .section-3-18[data-v-8851a848] {
    position: absolute;
    top: 50px;
    right: 315.5px;
    width: 86.4px;
    height: 86.4px;
}
.section-3 .content .section-3-19[data-v-8851a848] {
    position: absolute;
    top: 52px;
    right: 480.5px;
    width: 105.3px;
}
.section-3 .content .section-3-20[data-v-8851a848] {
    position: absolute;
    top: 93px;
    right: 573.5px;
    width: 82px;
    height: 82px;
}
.section-3 .content .section-3-21[data-v-8851a848] {
    position: absolute;
    top: 143px;
    right: 446.5px;
    width: 77.4px;
}
.section-3 .content .section-3-22[data-v-8851a848] {
    position: absolute;
    top: 167px;
    right: 551.5px;
    width: 80px;
}
.section-3 .content .section-3-23[data-v-8851a848] {
    position: absolute;
    top: 197px;
    right: 490.5px;
    width: 73.4px;
}
.section-3 .content .section-3-24[data-v-8851a848] {
    position: absolute;
    top: 98px;
    left: 316.5px;
    width: 110px;
    height: 110px;
}
.section-3 .content .section-3-25[data-v-8851a848] {
    position: absolute;
    top: 185px;
    left: 385px;
    width: 102px;
}
.section-3 .content .section-3-26[data-v-8851a848] {
    position: absolute;
    top: 224px;
    left: 290px;
    width: 107px;
}
.section-3 .content .section-3-27[data-v-8851a848] {
    position: absolute;
    top: 154px;
    left: 245px;
    width: 76px;
}
.section-3 .content .section-3-28[data-v-8851a848] {
    position: absolute;
    top: 357px;
    left: 453.5px;
    width: 79px;
}
.section-3 .content .section-3-29[data-v-8851a848] {
    position: absolute;
    top: 315px;
    left: 518.5px;
    width: 86px;
}
.section-3 .content .section-3-30[data-v-8851a848] {
    position: absolute;
    top: 375px;
    left: 585px;
    width: 71px;
}
.section-3 .content .section-3-31[data-v-8851a848] {
    position: absolute;
    top: 403px;
    left: 510px;
    width: 86.4px;
}
.section-3 .content .section-3-32[data-v-8851a848] {
    position: absolute;
    top: 342px;
    right: 408px;
    width: 104px;
}
.section-3 .content .section-3-33[data-v-8851a848] {
    position: absolute;
    top: 244px;
    left: 713.5px;
    width: 116px;
}
.section-3 .content .section-3-34[data-v-8851a848] {
    position: absolute;
    top: 341px;
    left: 773px;
    width: 118.7px;
}
.section-3 .content .section-3-35[data-v-8851a848] {
    position: absolute;
    top: 271px;
    left: 854px;
    width: 108.4px;
}
.section-3 .content .section-3-36[data-v-8851a848] {
    position: absolute;
    top: 267px;
    right: 149px;
    width: 72px;
}
.section-3 .content .section-3-37[data-v-8851a848] {
    position: absolute;
    top: 217px;
    right: 73.5px;
    width: 89.6px;
}
.section-3 .content .section-3-38[data-v-8851a848] {
    position: absolute;
    top: 283px;
    right: 21px;
    width: 72px;
}
.section-3 .content .section-3-39[data-v-8851a848] {
    position: absolute;
    top: 310px;
    right: 81px;
    width: 90px;
}
.section-3 .content .section-3-1.spin[data-v-8851a848] {
    animation: spin1-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-2.spin[data-v-8851a848] {
    animation: spin2-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-3.spin[data-v-8851a848] {
    animation: spin3-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-4.spin[data-v-8851a848] {
    animation: spin4-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-5.spin[data-v-8851a848] {
    animation: spin5-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-6.spin[data-v-8851a848] {
    animation: spin6-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-7.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-8.spin[data-v-8851a848] {
    animation: spin8-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-9.spin[data-v-8851a848] {
    animation: spin9-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-10.spin[data-v-8851a848] {
    animation: spin10-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-11.spin[data-v-8851a848] {
    animation: spin11-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-12.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-13.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-14.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-15.spin[data-v-8851a848] {
    animation: spin15-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-16.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-17.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-18.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-19.spin[data-v-8851a848] {
    animation: spin19-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-20.spin[data-v-8851a848] {
    animation: spin20-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-21.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-22.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-23.spin[data-v-8851a848] {
    animation: spin15-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-24.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-25.spin[data-v-8851a848] {
    animation: spin25-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-26.spin[data-v-8851a848] {
    animation: spin7-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-27.spin[data-v-8851a848] {
    animation: spin27-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-28.spin[data-v-8851a848] {
    animation: spin28-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-29.spin[data-v-8851a848] {
    animation: spin29-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-30.spin[data-v-8851a848] {
    animation: spin30-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-31.spin[data-v-8851a848] {
    animation: spin31-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-32.spin[data-v-8851a848] {
    animation: spin32-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-33.spin[data-v-8851a848] {
    animation: spin33-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-34.spin[data-v-8851a848] {
    animation: spin34-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-35.spin[data-v-8851a848] {
    animation: spin35-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-36.spin[data-v-8851a848] {
    animation: spin36-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-37.spin[data-v-8851a848] {
    animation: spin37-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-38.spin[data-v-8851a848] {
    animation: spin38-8851a848 5s ease-out forwards;
}
.section-3 .content .section-3-39.spin[data-v-8851a848] {
    animation: spin39-8851a848 5s ease-out forwards;
}
.section-4[data-v-8851a848] {
    width: 100%;
    /* background-image: url('/ysstatic/images/index/section-4-1.png'); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    padding-top: 70px;
    padding-bottom: 70px;
    margin-top: -45px;
    z-index: 5;
    background: #E9EEF6;
}
.section-4 .bg-yuan-2[data-v-8851a848] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 427px;
    height: 427px;
    transform-origin: 25% 25%;
    animation: spin40-8851a848 20s linear infinite;
}
.section-4 .bg-yuan-2 .yuan-2[data-v-8851a848] {
    width: 427px;
    height: 427px;
    border-radius: 50%;
    background: linear-gradient(12deg, #DBE7F7 12%, rgba(255, 255, 255, 0) 94%);
    filter: blur(15px);
}
.section-4 .bg-yuan-3[data-v-8851a848] {
    position: absolute;
    top: 200px;
    right: 50px;
    width: 196px;
    height: 196px;
    transform-origin: 0% 0%;
    animation: spin41-8851a848 10s linear infinite;
}
.section-4 .bg-yuan-3 .yuan-3[data-v-8851a848] {
    width: 196px;
    height: 196px;
    border-radius: 50%;
    background: linear-gradient(329deg, #DBE7F7 13%, rgba(255, 255, 255, 0) 89%);
    filter: blur(15px);
}
.section-4 .bg-yuan-4[data-v-8851a848] {
    position: absolute;
    bottom: 50px;
    right: 100px;
    width: 291px;
    height: 291px;
    transform-origin: 25% 25%;
    animation: spin40-8851a848 20s linear infinite;
}
.section-4 .bg-yuan-4 .yuan-4[data-v-8851a848] {
    width: 291px;
    height: 291px;
    border-radius: 50%;
    background: linear-gradient(329deg, #DFEFFF 13%, rgba(255, 255, 255, 0) 89%);
    filter: blur(15px);
}
.section-4 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
    position: relative;
}
.section-4 .section-desc[data-v-8851a848] {
    width: 727px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
    text-align: center;
    margin: 0 auto 50px;
    position: relative;
}
.section-4 .section-4-tabs[data-v-8851a848] {
    display: flex;
    justify-content: center;
    gap: 77px;
    align-items: center;
    position: relative;
}
.section-4 .section-4-tabs[data-v-8851a848]::after {
    content: normal;
    content: initial;
}
.section-4 .section-4-tabs .section-4-tab[data-v-8851a848] {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: normal;
    color: #404241;
    position: relative;
    padding-bottom: 12px;
    transition: all 0.5s ease-out;
    cursor: pointer;
}
.section-4 .section-4-tabs .section-4-tab[data-v-8851a848]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 37px;
    height: 5px;
    border-radius: 3px;
    transition: all 0.5s ease-out;
    background: rgba(211,23,37,0);
}
.section-4 .section-4-tabs .section-4-tab.active[data-v-8851a848] {
    color: #D31725;
}
.section-4 .section-4-tabs .section-4-tab.active[data-v-8851a848]::after {
    background: #D31725;
}
.section-4 .oy-button[data-v-8851a848] {
    width: 125px;
    height: 42px;
    border-radius: 21px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin: 47px auto 0px;
}
.section-4 .info-list .oy-button[data-v-8851a848] {
    margin: 9px 0px 0px 12px;
    gap: 4px;
    width: 106px;
    height: 30px;
}
.section-4 .info-list .oy-button .img[data-v-8851a848] {
    width: 16px;
}
.section-4 .info-list .oy-button .img[data-v-8851a848]::after {
    content: normal;
    content: initial;
}
.section-4 .content[data-v-8851a848] {
    width: 1200px;
    margin: 31px auto 0;
    display: flex;
    position: relative;
    align-items: flex-start;
}
.section-4 .content .left-content[data-v-8851a848] {
    width: 267px;
    padding: 37px 22px 41px 23px;
    border-radius: 10px;
    background: #DEE7FA;
}
.section-4 .content .right-content-mobile[data-v-8851a848] {
    display: none;
    width: 100%;
    overflow: hidden;
}
.section-4 .content .right-content-mobile .right-content-mobile-tab[data-v-8851a848] {
    display: none;
}
.section-4 .content .right-content-mobile .right-content-mobile-tab.active[data-v-8851a848] {
    display: block;
}
.section-4 .content .right-content-mobile .right-content-mobile-tab .tab4-list[data-v-8851a848] {
    display: flex;
    gap: 15px 10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 24px;
}
.section-4 .content .right-content-mobile .right-content-mobile-tab .tab4-list .section-4-list-item[data-v-8851a848] {
    padding: 7px 10px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: normal;
    color: #404241;
    background: #F1F1F1;
}
.section-4 .content .right-content-mobile .right-content-mobile-tab .tab4-list .section-4-list-item.active[data-v-8851a848] {
    background: linear-gradient(97deg, #FEF0D5 1%, #FFE5D4 99%);
}
.section-4 .content .right-content-mobile .section-4-swiper-content-1[data-v-8851a848] {
    padding: 0 20px;
    height: 300px;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-2[data-v-8851a848] {
    padding: 0 20px;
    height: 300px;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-3[data-v-8851a848] {
    padding: 0 20px;
    height: 300px;
}
.section-4 .content .left-content .tab4-list[data-v-8851a848] {
    display: none;
    flex-direction: column;
    gap: 10px;
}
.section-4 .content .left-content .tab4-list.active[data-v-8851a848] {
    display: flex;
}
.section-4 .content .left-content .section-4-list-item[data-v-8851a848] {
    width: 222px;
    /* height: 49px; */
    border-radius: 25px;
}
.section-4 .content .left-content .section-4-list-item.active[data-v-8851a848] {
    /* height: auto; */
}
.section-4 .content .left-content .section-4-list-item.active .section-4-list-label[data-v-8851a848] {
    background: linear-gradient(96deg, #FEF0D5 1%, #FFE5D4 100%);
}
.section-4 .content .left-content .section-4-list-item.active .info-list[data-v-8851a848] {
    height: auto;
    padding: 18px 0 10px 26px;
}
.section-4 .content .left-content .section-4-list-item .section-4-list-label[data-v-8851a848] {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: normal;
    color: #404241;
    width: 100%;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 25px;
    cursor: pointer;
}
.section-4 .content .left-content .section-4-list-item .info-list[data-v-8851a848] {
    height: 0;
    padding: 0px 0 0px 26px;
    overflow: hidden;
    /* transition: all 1s ease-out; */
}
.section-4 .content .left-content .section-4-list-item .info-list .info[data-v-8851a848] {
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;
    letter-spacing: normal;
    color: #3D3D3D;
}
.section-4 .content .right-content[data-v-8851a848] {
    flex: 1;
    display: flex;
    justify-content: end;
}
.section-4 .content .right-content .section-4-content[data-v-8851a848] {
    position: relative;
    display: none;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active[data-v-8851a848] {
    position: relative;
    display: block;
}
@keyframes scaleShow-8851a848 {
0% {
        transform: translate(-50%, 0) scale(0.2);
}
100% {
        transform: translate(-50%, 0) scale(1);
}
}
@keyframes activeScale-8851a848 {
0% {
        transform: translate(-50%, 0) scale(1);
}
50% {
        transform: translate(-50%, 0) scale(1.05);
}
100% {
        transform: translate(-50%, 0) scale(1);
}
}
@keyframes moveUp-8851a848 {
0% {
        bottom: 0px;
}
100% {
        bottom: 170px;
}
}
@keyframes arrowUp-8851a848 {
0% {
        height: 235px;
}
100% {
        height: 345px;
}
}
@keyframes scaleShowNotranslate-8851a848 {
0% {
        transform: scale(0.2);
}
100% {
        transform: scale(1);
}
}
@keyframes section4show23-8851a848 {
0% {
        transform: translate(-50%, 0);
}
100% {
        transform: translate(50%, 0);
}
}
.section-4 .content .img img[data-v-8851a848] {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
}
.section-4 .content .right-content .section-4-content.active .section-4-2[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}
.section-4 .content .right-content .section-4-content.active .section-4-3[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}

/* .section-4 .content .right-content .section-4-content.active .section-4-4 {
    transform-origin: center center;
    animation: scaleShow 0.5s ease-in 2.5s
} */
.section-4 .content .right-content .section-4-content.active .section-4-5[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in,activeScale-8851a848 1s ease-in 2s
}
.section-4 .content .right-content .section-4-content.active .section-4-6[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in,activeScale-8851a848 1s ease-in 1s
}
.section-4 .content .right-content .section-4-content.active .section-4-7[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}
.section-4 .content .right-content .section-4-content.active .section-4-8[data-v-8851a848] {
    transform-origin: center center;
    animation: arrowUp-8851a848 1.5s ease-in forwards 1.5s
}
.section-4 .content .right-content .section-4-content.active .section-4-9[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}
.section-4 .content .right-content .section-4-content.active .section-4-10[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}
.section-4 .content .right-content .section-4-content.active .section-4-11[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}
.section-4 .content .right-content .section-4-content.active .section-4-12[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}
.section-4 .content .right-content .section-4-content.active .section-4-13[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in
}
.section-4 .content .right-content .section-4-content.active .section-4-14[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in,activeScale-8851a848 1s ease-in 2s
}
.section-4 .content .right-content .section-4-content.active .section-4-16[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in,activeScale-8851a848 1s ease-in 1s
}
.section-4 .content .right-content .section-4-content.active .section-4-16[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in,activeScale-8851a848 1s ease-in 1s
}
.section-4 .content .right-content .section-4-content.active .section-4-17[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-18[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-19[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-20[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-21[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-22[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-23-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: section4show23-8851a848 2s ease-in forwards;
}
.section-4 .content .right-content .section-4-content.active .section-4-24[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-25[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-26[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-27[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-28[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-29[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-30[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-31[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-32[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-33[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in,spin40-8851a848 5s linear infinite;
}
.section-4 .content .right-content .section-4-content.active .section-4-34[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-1[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-2[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-1[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-2[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-1[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-2[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-3[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-4[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-5[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
@keyframes moveRight-8851a848 {
0% {
        transform: translate(0, 0);
}
100% {
        transform: translate(100%, 0);
}
}
@keyframes moveUp3-8851a848 {
0% {
        transform: translate(0, 0);
}
100% {
        transform: translate(0, -100%);
}
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-1-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: moveRight-8851a848 0.5s linear forwards 0.5s;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-2-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: moveRight-8851a848 0.5s linear forwards 2s;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-1-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: moveRight-8851a848 0.5s linear forwards 1s;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-2-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: moveRight-8851a848 0.5s linear forwards 1.5s;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-1-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: moveUp3-8851a848 0.5s linear forwards 0.5s;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-2-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: moveUp3-8851a848 0.5s linear forwards 0.5s;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-3-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: moveUp3-8851a848 0.5s linear forwards 0.5s;
}
.section-4 .content .right-content .section-4-content.active .section-4-36[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-37[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-38[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-39[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-40[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-41[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-42[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-43-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: scrollBottom-8851a848 1s linear forwards;
}
.section-4 .content .right-content .section-4-content.active .section-4-44[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-45[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-46[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-47[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-48[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-49[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-50[data-v-8851a848] {
    transform-origin: center center;
    animation: spin42-8851a848 5s linear infinite;
}
.section-4 .content .right-content .section-4-content.active .section-4-50-1[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-51[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-52[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-53[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-54[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-55[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-56[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-57[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-58[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-59[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-60[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-61[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-62[data-v-8851a848] {
    transform-origin: center center;
    animation: scrollTop2-8851a848 1s linear forwards;
}
.section-4 .content .right-content .section-4-content.active .section-4-63[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-64[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-65[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-66[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-67[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-68[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-69[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-70[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-71[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-72[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-73[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-74[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-75[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-76[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-77[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-78[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-79[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-80[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-81[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-82[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content.active .section-4-83[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-4 .content .right-content .section-4-content .section-4-2[data-v-8851a848] {
    width: 674.4px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-2[data-v-8851a848] {
    width: 674.4px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-3[data-v-8851a848] {
    width: 634px;
    position: absolute;
    bottom: 222px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-4[data-v-8851a848] {
    width: 566px;
    position: absolute;
    bottom: 95px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-5[data-v-8851a848] {
    width: 867px;
    position: absolute;
    bottom: 178px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-6[data-v-8851a848] {
    width: 669px;
    position: absolute;
    bottom: 29px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-7[data-v-8851a848] {
    width: 553.2px;
    position: absolute;
    bottom: 55.2px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-8[data-v-8851a848] {
    width: 541px;
    height: 235px;
    position: absolute;
    bottom: 55px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-8 img[data-v-8851a848] {
    -o-object-fit: initial;
       object-fit: initial;
}
.section-4 .content .right-content .section-4-content .section-4-8-bg[data-v-8851a848] {
    /* background: linear-gradient(rgba(251, 250, 255, 0), rgba(251, 250, 255, 1)); */
    width: 100%;
    height: 235px;
    position: absolute;
    bottom: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-9[data-v-8851a848] {
    width: 446px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-10[data-v-8851a848] {
    width: 636px;
    position: absolute;
    bottom: 191px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-11[data-v-8851a848] {
    width: 541.2px;
    position: absolute;
    bottom: 57px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-12[data-v-8851a848] {
    width: 522px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-13[data-v-8851a848] {
    width: 712px;
    position: absolute;
    top: 127px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-14[data-v-8851a848] {
    width: 788px;
    position: absolute;
    bottom: 175px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-15[data-v-8851a848] {
    width: 85px;
    position: absolute;
    top: 199px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-16[data-v-8851a848] {
    width: 707px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-17[data-v-8851a848] {
    width: 600px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-23[data-v-8851a848] {
    width: 662px;
    position: absolute;
    top: 128px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-23-bg[data-v-8851a848] {
    width: 662px;
    height: 69px;
    position: absolute;
    top: 128px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(243, 245, 251, 1);
}
.section-4 .content .right-content .section-4-content .section-4-18[data-v-8851a848] {
    width: 32px;
    position: absolute;
    top: 74px;
    left: 85px;
}
.section-4 .content .right-content .section-4-content .section-4-19[data-v-8851a848] {
    width: 149px;
    position: absolute;
    top: 74px;
    left: 128px;
}
.section-4 .content .right-content .section-4-content .section-4-20[data-v-8851a848] {
    width: 234px;
    position: absolute;
    top: 74px;
    left: 287px;
}
.section-4 .content .right-content .section-4-content .section-4-21[data-v-8851a848] {
    width: 238px;
    position: absolute;
    top: 74px;
    right: 129px;
}
.section-4 .content .right-content .section-4-content .section-4-22[data-v-8851a848] {
    width: 33px;
    position: absolute;
    top: 74px;
    right: 87px;
}
.section-4 .content .right-content .section-4-content .section-4-24[data-v-8851a848] {
    width: 666px;
    position: absolute;
    bottom: 154px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-25[data-v-8851a848] {
    width: 899px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-26[data-v-8851a848] {
    width: 114.2px;
    position: absolute;
    top: 0px;
    left: 70.7px;
}
.section-4 .content .right-content .section-4-content .section-4-27[data-v-8851a848] {
    width: 106.8px;
    position: absolute;
    top: 0px;
    right: 48.7px;
}
.section-4 .content .right-content .section-4-content .section-4-28[data-v-8851a848] {
    width: 106.8px;
    position: absolute;
    top: 202px;
    right: 0;
}
.section-4 .content .right-content .section-4-content .section-4-29[data-v-8851a848] {
    width: 140.3px;
    position: absolute;
    bottom: 0px;
    right: 139px;
}
.section-4 .content .right-content .section-4-content .section-4-30[data-v-8851a848] {
    width: 190px;
    position: absolute;
    bottom: 0px;
    left: 60.8px;
}
.section-4 .content .right-content .section-4-content .section-4-31[data-v-8851a848] {
    width: 106.8px;
    position: absolute;
    top: 177px;
    left: 0;
}
.section-4 .content .right-content .section-4-content .section-4-32[data-v-8851a848] {
    width: 434.5px;
    position: absolute;
    top: 42px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-33[data-v-8851a848] {
    width: 240px;
    position: absolute;
    top: 115px;
    left: 224px;
}
.section-4 .content .right-content .section-4-content .section-4-34[data-v-8851a848] {
    width: 158px;
    position: absolute;
    top: 150px;
    left: 266px;
}
.section-4 .content .right-content .section-4-content .section-4-35[data-v-8851a848] {
    overflow: hidden;
    z-index: 2;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-1[data-v-8851a848] {
    width: 67px;
    position: absolute;
    top: 304px;
    left: 131.5px;
    z-index: 2;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-2[data-v-8851a848] {
    width: 67px;
    position: absolute;
    top: 304px;
    right: 111.5px;
    z-index: 2;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-1[data-v-8851a848] {
    width: 20.1px;
    position: absolute;
    top: 301px;
    left: 307px;
    z-index: 2;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-2[data-v-8851a848] {
    width: 20.1px;
    position: absolute;
    top: 301px;
    right: 306px;
    z-index: 1;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-1[data-v-8851a848] {
    width: 66.4px;
    position: absolute;
    top: 148px;
    left: 47.3px;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-2[data-v-8851a848] {
    width: 66.4px;
    position: absolute;
    top: 148px;
    left: 487.2px;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-3[data-v-8851a848] {
    width: 66.4px;
    position: absolute;
    top: 148px;
    right: 35.2px;
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-4[data-v-8851a848] {
    width: 62.4px;
    position: absolute;
    top: 219px;
    left: 133.9px;
    z-index: 2;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-5[data-v-8851a848] {
    width: 59.4px;
    position: absolute;
    top: 219px;
    right: 113.7px;
    z-index: 2;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-1-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(240, 242, 245, 1);
    z-index: 1;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-1-2-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(240, 242, 245, 1);
    z-index: 1;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-1-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(240, 242, 245, 1);
    z-index: 1;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-2-2-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(240, 242, 245, 1);
    z-index: 1;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-1-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(248, 249, 252, 1);
    z-index: 1;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-2-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(248, 249, 252, 1);
    z-index: 1;
}
.section-4 .content .right-content .section-4-content.active .section-4-35-3-3-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(248, 249, 252, 1);
    z-index: 1;
}
.section-4 .content .right-content .section-4-content .section-4-36[data-v-8851a848] {
    width: 754px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-37[data-v-8851a848] {
    width: 181.1px;
    position: absolute;
    top: 121.3px;
    left: 47px;
}
.section-4 .content .right-content .section-4-content .section-4-38[data-v-8851a848] {
    width: 300px;
    position: absolute;
    top: 121.3px;
    left: 241.1px;
}
.section-4 .content .right-content .section-4-content .section-4-39[data-v-8851a848] {
    width: 136.5px;
    position: absolute;
    top: 121.3px;
    right: 55.2px;
}
.section-4 .content .right-content .section-4-content .section-4-40[data-v-8851a848] {
    width: 16.5px;
    position: absolute;
    top: 157.8px;
    right: 191.7px;
}
.section-4 .content .right-content .section-4-content .section-4-41[data-v-8851a848] {
    width: 712.8px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-42[data-v-8851a848] {
    width: 712.8px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-43[data-v-8851a848] {
    width: 558px;
    position: absolute;
    bottom: 7.2px;
    left: 50%;
    transform: translate(-50%, 0);
    overflow: hidden;
}
.section-4 .content .right-content .section-4-content .section-4-43-bg[data-v-8851a848] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(246, 245, 251, 1);
}
.section-4 .content .right-content .section-4-content .section-4-44[data-v-8851a848] {
    width: 478.4px;
    position: absolute;
    top: 0px;
    left: 21.7px;
}
.section-4 .content .right-content .section-4-content .section-4-45[data-v-8851a848] {
    width: 467px;
    position: absolute;
    bottom: 172.5px;
    left: 51.7px;
}
.section-4 .content .right-content .section-4-content .section-4-46[data-v-8851a848] {
    width: 452.6px;
    position: absolute;
    bottom: 0px;
    left: 38.2px;
}
.section-4 .content .right-content .section-4-content .section-4-47[data-v-8851a848] {
    width: 88px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-48[data-v-8851a848] {
    width: 88px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-49[data-v-8851a848] {
    width: 562px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-50[data-v-8851a848] {
    width: 354px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-50-1[data-v-8851a848] {
    width: 215px;
    position: absolute;
    top: 76px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-51[data-v-8851a848] {
    width: 141px;
    position: absolute;
    top: 114px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-52[data-v-8851a848] {
    width: 540px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-53[data-v-8851a848] {
    width: 82.3px;
    position: absolute;
    top: 98px;
    left: 58px;
}
.section-4 .content .right-content .section-4-content .section-4-54[data-v-8851a848] {
    width: 79.6px;
    position: absolute;
    top: 98px;
    left: 143.1px;
}
.section-4 .content .right-content .section-4-content .section-4-55[data-v-8851a848] {
    width: 80.5px;
    position: absolute;
    top: 98px;
    left: 226.4px;
}
.section-4 .content .right-content .section-4-content .section-4-56[data-v-8851a848] {
    width: 81.5px;
    position: absolute;
    top: 98px;
    left: 309.6px;
}
.section-4 .content .right-content .section-4-content .section-4-57[data-v-8851a848] {
    width: 79.6px;
    position: absolute;
    top: 98px;
    right: 239.4px;
}
.section-4 .content .right-content .section-4-content .section-4-58[data-v-8851a848] {
    width: 78.7px;
    position: absolute;
    top: 98px;
    right: 157.9px;
}
.section-4 .content .right-content .section-4-content .section-4-59[data-v-8851a848] {
    width: 82.3px;
    position: absolute;
    top: 98px;
    right: 72.8px;
}
.section-4 .content .right-content .section-4-content .section-4-60[data-v-8851a848] {
    width: 666px;
    position: absolute;
    bottom: 112.8px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-61[data-v-8851a848] {
    width: 712.8px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-4 .content .right-content .section-4-content .section-4-62[data-v-8851a848] {
    width: 309px;
    position: absolute;
    bottom: 46.8px;
    left: 50%;
    transform: translate(-50%, 100%);
}
.section-4 .content .right-content .section-4-content .section-4-63[data-v-8851a848] {
    width: 697.4px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-64[data-v-8851a848] {
    width: 259px;
    position: absolute;
    top: 118px;
    right: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-65[data-v-8851a848] {
    width: 259px;
    position: absolute;
    top: 241.8px;
    right: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-66[data-v-8851a848] {
    width: 259px;
    position: absolute;
    bottom: 138.2px;
    right: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-67[data-v-8851a848] {
    width: 697px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-68[data-v-8851a848] {
    width: 137px;
    position: absolute;
    top: 45px;
    right: 181px;
}
.section-4 .content .right-content .section-4-content .section-4-69[data-v-8851a848] {
    width: 138px;
    position: absolute;
    top: 119px;
    right: 137px;
}
.section-4 .content .right-content .section-4-content .section-4-70[data-v-8851a848] {
    width: 137px;
    position: absolute;
    top: 206px;
    right: 139px;
}
.section-4 .content .right-content .section-4-content .section-4-71[data-v-8851a848] {
    width: 137px;
    position: absolute;
    top: 279px;
    right: 183px;
}
.section-4 .content .right-content .section-4-content .section-4-72[data-v-8851a848] {
    width: 208px;
    position: absolute;
    bottom: 17px;
    left: 2px;
}
.section-4 .content .right-content .section-4-content .section-4-73[data-v-8851a848] {
    width: 209px;
    position: absolute;
    bottom: 0px;
    right: 250px;
}
.section-4 .content .right-content .section-4-content .section-4-74[data-v-8851a848] {
    width: 208px;
    position: absolute;
    bottom: 0px;
    right: 14px;
}
.section-4 .content .right-content .section-4-content .section-4-75[data-v-8851a848] {
    width: 92px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-76[data-v-8851a848] {
    width: 19px;
    position: absolute;
    top: 37px;
    left: 90px;
}
.section-4 .content .right-content .section-4-content .section-4-77[data-v-8851a848] {
    width: 505px;
    position: absolute;
    top: 0px;
    left: 108px;
}
.section-4 .content .right-content .section-4-content .section-4-78[data-v-8851a848] {
    width: 505px;
    position: absolute;
    top: 110px;
    left: 108px;
}
.section-4 .content .right-content .section-4-content .section-4-79[data-v-8851a848] {
    width: 505px;
    position: absolute;
    top: 220px;
    left: 108px;
}
.section-4 .content .right-content .section-4-content .section-4-80[data-v-8851a848] {
    width: 505px;
    position: absolute;
    top: 300px;
    left: 108px;
}
.section-4 .content .right-content .section-4-content .section-4-81[data-v-8851a848] {
    width: 19px;
    position: absolute;
    top: 37px;
    right: 117px;
}
.section-4 .content .right-content .section-4-content .section-4-82[data-v-8851a848] {
    width: 119px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.section-4 .content .right-content .section-4-content .section-4-83[data-v-8851a848] {
    width: 746px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.section-5[data-v-8851a848] {
    width: 100%;
    /* background-color: #fff; */
    background-image: url('/ysstatic/images/index/section-5-bg-2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 115px;
    padding-bottom: 70px;
    margin-top: -45px;
    position: relative;
    z-index: 4;
}
.section-5 .bg-yuan-5[data-v-8851a848] {
    position: absolute;
    bottom: 100px;
    left: 0px;
    width: 360px;
    height: 361px;
    transform-origin: 25% 25%;
    animation: spin41-8851a848 20s linear infinite;
}
.section-5 .bg-yuan-5 .yuan-5[data-v-8851a848] {
    width: 427px;
    height: 427px;
    border-radius: 50%;
    background: linear-gradient(329deg, #FFEBEA 13%, rgba(255, 255, 255, 0) 89%);
    filter: blur(15px);
}
.section-5 .bg-yuan-6[data-v-8851a848] {
    position: absolute;
    top: 200px;
    right: 50px;
    width: 289px;
    height: 289px;
    transform-origin: 0% 0%;
    animation: spin40-8851a848 15s linear infinite;
}
.section-5 .bg-yuan-6 .yuan-6[data-v-8851a848] {
    width: 196px;
    height: 196px;
    border-radius: 50%;
    background: linear-gradient(329deg, #FEE7F1 13%, rgba(255, 255, 255, 0) 89%);
    filter: blur(15px);
}
.section-5 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
    position: relative;
}
.section-5 .section-5-tabs[data-v-8851a848] {
    display: flex;
    justify-content: center;
    gap: 42px;
    align-items: center;
    position: relative;
}
.section-5 .section-5-tabs[data-v-8851a848]::after {
    content: normal;
    content: initial;
}
.section-5 .section-5-tabs .section-5-tab[data-v-8851a848] {
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: normal;
    color: #404241;
    position: relative;
    padding-bottom: 12px;
    transition: all 0.5s ease-out;
    cursor: pointer;
}
.section-5 .section-5-tabs .section-5-tab[data-v-8851a848]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 37px;
    height: 5px;
    border-radius: 3px;
    transition: all 0.5s ease-out;
    background: rgba(211,23,37,0);
}
.section-5 .section-5-tabs .section-5-tab.active[data-v-8851a848] {
    color: #D31725;
}
.section-5 .section-5-tabs .section-5-tab.active[data-v-8851a848]::after {
    background: #D31725;
}
.section-5 .oy-button[data-v-8851a848] {
    width: 106px;
    height: 30px;
    border-radius: 21px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin-left: 10px;
    margin-top: 10px;
    gap: 4px;
}
.section-5 .oy-button .video-icon[data-v-8851a848] {
    width: 16px;
}
.section-5 .content[data-v-8851a848] {
    width: 1200px;
    margin: 50px auto 0px;
    display: flex;
    position: relative;
}
.section-5 .content .left-content[data-v-8851a848] {
    width: 240px;
    margin-top: 160px;
}
.section-5 .content .right-content[data-v-8851a848] {
    flex: 1;
    display: flex;
    justify-content: end;
}
.section-5 .content .left-content .tab5-list[data-v-8851a848] {
    display: none;
    flex-direction: column;
}
.section-5 .content .left-content .tab5-list .section-5-list-label[data-v-8851a848] {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: normal;
}
.section-5 .content .left-content .tab5-list .line[data-v-8851a848] {
    width: 240px;
    height: 4px;
    margin-top: 22px;
    margin-bottom: 18px;
}
.section-5 .content .left-content .tab5-list .info-list[data-v-8851a848] {}
.section-5 .content .left-content .tab5-list .info-list .info[data-v-8851a848] {
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;
    letter-spacing: normal;
    color: #3D3D3D;
    white-space: nowrap;
}
.section-5 .content .left-content .tab5-list.active[data-v-8851a848] {
    display: flex;
}
.section-5 .content .img img[data-v-8851a848] {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
}
.section-5 .content .right-content-mobile[data-v-8851a848] {
    display: none;
    overflow: hidden;
}
.section-5 .content .right-content .section-5-content[data-v-8851a848] {
    position: relative;
    display: none;
}
.section-5 .content .right-content .section-5-content.active[data-v-8851a848] {
    position: relative;
    display: block;
}
.section-5 .content .right-content .section-5-content .section-5-2[data-v-8851a848] {
    width: 426px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-5 .content .right-content .section-5-content .section-5-3[data-v-8851a848] {
    width: 78px;
    position: absolute;
    top: 136px;
    left: 158px;
}
.section-5 .content .right-content .section-5-content .section-5-4[data-v-8851a848] {
    width: 126px;
    position: absolute;
    top: 157px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-5 .content .right-content .section-5-content .section-5-5[data-v-8851a848] {
    width: 96px;
    position: absolute;
    top: 136px;
    right: 199px;
}
.section-5 .content .right-content .section-5-content .section-5-6[data-v-8851a848] {
    width: 328px;
    position: absolute;
    top: 168px;
    left: 0px;
}
.section-5 .content .right-content .section-5-content .section-5-7[data-v-8851a848] {
    width: 125px;
    position: absolute;
    top: 288px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-5 .content .right-content .section-5-content .section-5-8[data-v-8851a848] {
    width: 128px;
    position: absolute;
    top: 246px;
    left: 50%;
    transform: translate(-50%, 60px);
}
.section-5 .content .right-content .section-5-content .section-5-9[data-v-8851a848] {
    width: 125px;
    position: absolute;
    top: 288px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-5 .content .right-content .section-5-content .section-5-10[data-v-8851a848] {
    width: 273px;
    position: absolute;
    bottom: 75px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-5 .content .right-content .section-5-content .section-5-11[data-v-8851a848] {
    width: 369.95px;
    position: absolute;
    bottom: 0px;
    right: 0;
}
.section-5 .content .right-content .section-5-content .section-5-12[data-v-8851a848] {
    width: 696px;
    position: absolute;
    bottom: 8px;
    right: 0;
}
.section-5 .content .right-content .section-5-content .section-5-13[data-v-8851a848] {
    width: 135.2px;
    position: absolute;
    top: 0px;
    left: 47.2px;
}
.section-5 .content .right-content .section-5-content .section-5-14[data-v-8851a848] {
    width: 63.2px;
    position: absolute;
    top: 62.3px;
    left: 181.6px;
}
.section-5 .content .right-content .section-5-content .section-5-15[data-v-8851a848] {
    width: 62.2px;
    position: absolute;
    bottom: 337.7px;
    right: 99.7px;
}
.section-5 .content .right-content .section-5-content .section-5-16[data-v-8851a848] {
    width: 74px;
    position: absolute;
    bottom: 125.4px;
    left: 181.6px;
}
.section-5 .content .right-content .section-5-content .section-5-17[data-v-8851a848] {
    width: 147.1px;
    position: absolute;
    bottom: 141.2px;
    right: 131.3px;
}
.section-5 .content .right-content .section-5-content .section-5-18[data-v-8851a848] {
    width: 750px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.section-5 .content .right-content .section-5-content .section-5-19[data-v-8851a848] {
    width: 606px;
    position: absolute;
    bottom: 23px;
    right: 0px;
    transform: translate(0, 100%);
}
.section-5 .content .right-content .section-5-content .section-5-20[data-v-8851a848] {
    width: 102.87px;
    position: absolute;
    top: 0px;
    left: 246.6px;
}
.section-5 .content .right-content .section-5-content .section-5-21[data-v-8851a848] {
    width: 109.17px;
    position: absolute;
    top: 8.4px;
    right: 73.5px;
}
.section-5 .content .right-content .section-5-content .section-5-22[data-v-8851a848] {
    width: 135.41px;
    position: absolute;
    bottom: 3.1px;
    right: 22px;
}
.section-5 .content .right-content .section-5-content .section-5-23[data-v-8851a848] {
    width: 136.46px;
    position: absolute;
    bottom: 0px;
    left: 226.6px;
}
.section-5 .content .right-content .section-5-content .section-5-24[data-v-8851a848] {
    width: 97.62px;
    position: absolute;
    bottom: 82px;
    left: 0px;
}
.section-5 .content .right-content .section-5-content .section-5-25[data-v-8851a848] {
    width: 146.96px;
    position: absolute;
    top: 92.5px;
    left: 27.3px;
}
.section-5 .content .right-content .section-5-content .section-5-26[data-v-8851a848] {
    width: 787px;
    position: absolute;
    top: 67px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-5 .content .right-content .section-5-content .section-5-27[data-v-8851a848] {
    width: 94px;
    position: absolute;
    top: 34px;
    left: 226px;
}
.section-5 .content .right-content .section-5-content .section-5-28[data-v-8851a848] {
    width: 136px;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}
.section-5 .content .right-content .section-5-content .section-5-29[data-v-8851a848] {
    width: 94px;
    position: absolute;
    top: 41px;
    right: 228px;
}
.section-5 .content .right-content .section-5-content .section-5-30[data-v-8851a848] {
    width: 289px;
    position: absolute;
    top: 162px;
    left: 50%;
    transform: translate(-50%, 100%);
}
.section-5 .content .right-content .section-5-content .section-5-30-bg[data-v-8851a848] {
    width: 289px;
    height: 131px;
    position: absolute;
    top: 162px;
    left: 50%;
    transform: translate(-50%, 100%);
    background-color: #fff;
}
.section-5 .content .right-content .section-5-content .section-5-31[data-v-8851a848] {
    width: 830px;
    height: 146px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.section-5 .content .right-content .section-5-content .section-5-31-bg[data-v-8851a848] {
    width: 830px;
    height: 146px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 0);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
}
.section-5 .content .right-content .section-5-content .section-5-32[data-v-8851a848] {
    width: 711px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.section-5 .content .right-content .section-5-content .section-5-33[data-v-8851a848] {
    width: 164px;
    position: absolute;
    bottom: 68px;
    left: 0;
}
.section-5 .content .right-content .section-5-content .section-5-34[data-v-8851a848] {
    width: 157px;
    position: absolute;
    bottom: 175px;
    left: 56px;
}
.section-5 .content .right-content .section-5-content .section-5-35[data-v-8851a848] {
    width: 142px;
    position: absolute;
    bottom: 285px;
    left: 105px;
}
.section-5 .content .right-content .section-5-content .section-5-36[data-v-8851a848] {
    width: 163px;
    position: absolute;
    bottom: 385px;
    left: 158px;
}
.section-5 .content .right-content .section-5-content .section-5-37[data-v-8851a848] {
    width: 173px;
    position: absolute;
    bottom: 448px;
    right: 384px;
}
.section-5 .content .right-content .section-5-content .section-5-38[data-v-8851a848] {
    width: 132px;
    position: absolute;
    top: 0;
    right: 258px;
}
.section-5 .content .right-content .section-5-content .section-5-39[data-v-8851a848] {
    width: 117px;
    position: absolute;
    bottom: 427px;
    right: 130px;
}
@keyframes section5animation7-8851a848 {
0% {
        transform: translate(calc(-50% - 60px), 0);
}
100% {
        transform: translate(calc(-50% - 120px), 0);
}
}
@keyframes section5animation8-8851a848 {
0% {
        transform: translate(-50%, 60px);
}
100% {
        transform: translate(-50%, 0px);
}
}
@keyframes section5animation9-8851a848 {
0% {
        transform: translate(calc(-50% + 60px), 0);
}
100% {
        transform: translate(calc(-50% + 120px), 0);
}
}
@keyframes section5animation31-8851a848 {
0% {
        transform: translate(0, 0);
}
100% {
        transform: translate(100%, 0);
}
}
@keyframes scrollTop-8851a848 {
0% {
        transform: translate(0, 100%);
}
100% {
        transform: translate(0, 0);
}
}
@keyframes scrollTop2-8851a848 {
0% {
        transform: translate(-50%, 100%);
}
100% {
        transform: translate(-50%, 0);
}
}
@keyframes scrollBottom-8851a848 {
0% {
        transform: translate(-50%, 0);
}
100% {
        transform: translate(-50%, 100%);
}
}
@keyframes fadIn-8851a848 {
0% {
        opacity: 0;
}
100% {
        opacity: 1;
}
}
.section-5 .content .right-content .section-5-content.active .section-5-2[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-3[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-4[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-5[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-6[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-7[data-v-8851a848] {
    transform-origin: center center;
    animation: section5animation7-8851a848 1s linear forwards;
}
.section-5 .content .right-content .section-5-content.active .section-5-8[data-v-8851a848] {
    transform-origin: center center;
    animation: section5animation8-8851a848 1s linear forwards;
}
.section-5 .content .right-content .section-5-content.active .section-5-9[data-v-8851a848] {
    transform-origin: center center;
    animation: section5animation9-8851a848 1s linear forwards;
}
.section-5 .content .right-content .section-5-content.active .section-5-10[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-11[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-12[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-13[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-14[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-15[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-16[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-17[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-18[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-19[data-v-8851a848] {
    transform-origin: center center;
    animation: scrollTop-8851a848 0.5s ease-in forwards;
}
.section-5 .content .right-content .section-5-content.active .section-5-20[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-21[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-22[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-23[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-24[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-25[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-26[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-27[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-28[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShow-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-29[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-30[data-v-8851a848] {
    transform-origin: center center;
    animation: scrollTop2-8851a848 1s ease-in forwards;
}
.section-5 .content .right-content .section-5-content.active .section-5-31-bg[data-v-8851a848] {
    transform-origin: center center;
    animation: section5animation31-8851a848 1s ease-in forwards;
}
.section-5 .content .right-content .section-5-content.active .section-5-32[data-v-8851a848] {
    transform-origin: center center;
    animation: fadIn-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-33[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-34[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-35[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-36[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-37[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-38[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-5 .content .right-content .section-5-content.active .section-5-39[data-v-8851a848] {
    transform-origin: center center;
    animation: scaleShowNotranslate-8851a848 0.5s ease-in;
}
.section-6[data-v-8851a848] {
    width: 100%;
    background-image: url('/ysstatic/images/index/section-6-1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 115px;
    padding-bottom: 70px;
    margin-top: -45px;
    position: relative;
    z-index: 3;
}
.section-6 .content .box-free[data-v-8851a848] {
    display: none;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: normal;
    align-items: center;
    gap: 5px;
    padding-top: 12px;
}
.section-6 .content .box-free .img[data-v-8851a848] {
    width: 6px;
    height: 9px;
}
.section-6 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    margin-bottom: 26px;
}
.section-6 .section-desc[data-v-8851a848] {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
    letter-spacing: 0em;
    color: #404241;
    margin-bottom: 70px;
}
.section-6 .oy-button[data-v-8851a848] {
    width: 125px;
    height: 42px;
    border-radius: 21px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #FFFFFF;
    margin: 0 auto;
}
.section-6 .show-video[data-v-8851a848]:hover {
    box-shadow: 0 4px 10px 0 #93A0B3;
}
.section-6 .content[data-v-8851a848] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin-bottom: 55px;
}
.section-6 .content[data-v-8851a848]::after {
    content: none;
}
.section-6 .content .section-6-box[data-v-8851a848] {
    width: 230px;
    height: 279px;
    border-radius: 15px;
    position: relative;
    padding: 29px 30px 26px;
    transition: all 1s ease-out;
    overflow: hidden;
}
.section-6 .content .section-6-box[data-v-8851a848]:hover {
    transform: translate(0, -15px);
}
.section-6 .content .section-6-box .show-video[data-v-8851a848] {
    width: 125px;
    height: 37px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 2px solid #FFFFFF;
    border-radius: 18px;
    position: relative;
    margin: 20px auto 0px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}
.section-6 .content .section-6-box .show-video .img[data-v-8851a848] {
    width: 16px;
}
.section-6 .content .section-6-box[data-v-8851a848]:hover:nth-child(5n+1) {
    background-image: url('/ysstatic/images/index/section-6-17.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.section-6 .content .section-6-box[data-v-8851a848]:hover:nth-child(5n+2) {
    background-image: url('/ysstatic/images/index/section-6-18.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.section-6 .content .section-6-box[data-v-8851a848]:hover:nth-child(5n+3) {
    background-image: url('/ysstatic/images/index/section-6-19.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.section-6 .content .section-6-box[data-v-8851a848]:hover:nth-child(5n+4) {
    background-image: url('/ysstatic/images/index/section-6-20.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
.section-6 .content .section-6-box[data-v-8851a848]:hover:nth-child(5n+5) {
    background-image: url('/ysstatic/images/index/section-6-21.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* .section-6 .content .section-6-box:hover.box-1 {
    background-image: url('/ysstatic/images/index/section-6-17.png');

}

.section-6 .content .section-6-box:hover.box-2 {
    background-image: url('/ysstatic/images/index/section-6-18.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.section-6 .content .section-6-box:hover.box-3 {
    background-image: url('/ysstatic/images/index/section-6-19.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.section-6 .content .section-6-box:hover.box-4 {
    background-image: url('/ysstatic/images/index/section-6-20.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.section-6 .content .section-6-box:hover.box-5 {
    background-image: url('/ysstatic/images/index/section-6-21.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
} */

/* .section-6 .content .section-6-box:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    mix-blend-mode: multiply;
} */
.section-6 .content .section-6-box:hover .show-video[data-v-8851a848] {
    display: flex;
}
.section-6 .content .section-6-box:hover .box-title[data-v-8851a848] {
    color: #fff;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}
.section-6 .content .section-6-box .box-title .img[data-v-8851a848] {
    display: none;
}
.section-6 .content .section-6-box:hover .box-title .img[data-v-8851a848] {
    width: 23px;
    display: block;
}
.section-6 .content .section-6-box:hover .box-desc[data-v-8851a848] {
    color: #fff;
    position: relative;
    z-index: 1;
}
.section-6 .content .section-6-box:hover .bg-yuan[data-v-8851a848] {
    display: none;
}
.section-6 .content .section-6-box:hover .oy-icon[data-v-8851a848] {
    transform: scale(1.2);
}
.section-6 .content .section-6-box .box-title[data-v-8851a848] {
    font-size: 26px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0em;
    color: #5a5858;
    margin-bottom: 15px;
    display: block;
}
.section-6 .content .section-6-box .box-desc[data-v-8851a848] {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    color: #424342;
}
.section-6 .content .section-6-box .bg-yuan[data-v-8851a848] {
    position: absolute;
    /* bottom: 39px; */
    /* left: 26px; */
    width: 100%;
    /* height: 177px; */
    left: 50%;
    opacity: 0.5;
    transform: translate(-50%, 10px);
}
.section-6 .content .section-6-box .oy-icon[data-v-8851a848] {
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
    margin-top: 36px;
    transition: all 1s ease-out;
}
.section-6 .content .section-6-box.box-1[data-v-8851a848] {
    /* background: rgba(190, 213, 246, 0.63); */
    background: linear-gradient(191deg, #ECF1F9 6%, #B9D0F3 96%);
}
.section-6 .content .section-6-box.box-2[data-v-8851a848] {
    background: linear-gradient(191deg, #FFFBEF 6%, #FFF6B9 96%);
}
.section-6 .content .section-6-box.box-3[data-v-8851a848] {
    background: linear-gradient(191deg, #FFEBEF 6%, #FDC2CD 96%);
}
.section-6 .content .section-6-box.box-4[data-v-8851a848] {
    background: linear-gradient(191deg, #E9F4EF 6%, #D7ECE2 96%);
}
.section-6 .content .section-6-box.box-5[data-v-8851a848] {
    background: linear-gradient(191deg, #F1ECFA 6%, #CEA8FC 94%);
}
.section-7-progress-container[data-v-8851a848] {
    height: 3px;
    background: #D8D8D8;
    z-index: 10;
    width: 222px;
    margin: 40px auto 0px;
}
.section-7-progress-bar[data-v-8851a848] {
    height: 100%;
    width: 0;
    background: #ff0000;
    transition: width 0.1s linear;
}
.section-7[data-v-8851a848] {
    padding: 70px 0;
    background-color: #fff;
    position: relative;
    margin-top: 0px;
}
.section-7 .section-title[data-v-8851a848] {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: normal;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.section-7 .section-desc[data-v-8851a848] {
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    letter-spacing: normal;
    color: #3D3D3D;
    width: 359px;
    margin: 0 auto 40px;
}
.section-7 .content[data-v-8851a848] {
    width: 1200px;
    /* max-width: 1600px; */
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}
.section-7 .content .content-arrow[data-v-8851a848] {
    overflow: hidden;
    width: 1106px;
    margin: auto;
}
.section-7 .section-7-swiper[data-v-8851a848] {}
.section-7 .section-7-swiper .swiper-slide[data-v-8851a848] {
    width: 348px;
    height: 499px;
    border-radius: 12px;
    background: #F5F5F5;
    overflow: hidden;
    justify-content: space-between;
    padding: 40px 20px 30px 20px;
    border: 1px solid #F4F9FF;
    margin-top: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}
.section-7 .section-7-swiper .swiper-slide[data-v-8851a848]:hover {
    box-shadow: 0px 4px 14px 0px rgba(147,180,222,0.50196);
    border: 1px solid #EBEBEB;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info[data-v-8851a848] {
    flex: 1;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img[data-v-8851a848] {
    width: 50%;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-logo[data-v-8851a848] {
    height: 27px;
    margin-bottom: 25px;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-logo img[data-v-8851a848] {
    width: auto;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-title[data-v-8851a848] {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: normal;
    color: #3D3D3D;
    margin-bottom: 8px;
    margin-top: 23px;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-sub-title[data-v-8851a848] {
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #3D3D3D;
    margin-bottom: 16px;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-desc[data-v-8851a848] {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #909090;
    flex: 1;
    text-align: left;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-sub-title[data-v-8851a848] {
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #3D3D3D;
    margin-bottom: 16px;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .oy-button[data-v-8851a848] {
    width: 106px;
    height: 30px;
    border-radius: 15px;
    margin-bottom: 46px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    position: absolute;
    bottom: 0px;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img4[data-v-8851a848] {
    display: block;
    position: relative;
    width: 100%;
    height: 127px;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img4 .oy-play[data-v-8851a848] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img4 .my-slide[data-v-8851a848] {
    width: 100%;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img-yuan[data-v-8851a848] {
    display: none;
}
.section-7-swiper-pagination[data-v-8851a848] {
    display: none;
}
.section-7 .swiper-7-scrollbar[data-v-8851a848] {
    width: 222px;
    height: 3px;
    background: #D8D8D8;
}
.section-7 .section-7-swiper-button-prev[data-v-8851a848] {
    position: absolute;
    left: 0px;
    right: auto;
    right: initial;
    bottom: 50%;
    z-index: 1;
    width: 35px;
    height: 36px;
    transform: translate(0px, -50%);
    background: #F5F5F5;
    background-image: url('/ysstatic/images/index/left-arrow-m.png');
    background-size: 9px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    display: block;
}
.section-7 .section-7-swiper-button-prev[data-v-8851a848]:hover {
    box-shadow: 0px 4px 10px 0px #93A0B3;
}
.section-7 .section-7-swiper-button-next[data-v-8851a848] {
    position: absolute;
    left: auto;
    left: initial;
    right: 0px;
    bottom: 50%;
    z-index: 1;
    width: 35px;
    height: 36px;
    transform: translate(0px, -50%);
    background: #F5F5F5;
    background-image: url('/ysstatic/images/index/right-arrow-m.png');
    background-size: 9px 14px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    display: block;
}
.section-7 .section-7-swiper-button-next[data-v-8851a848]:hover {
    box-shadow: 0px 4px 10px 0px #93A0B3;
}
[data-v-8851a848] .swiper-scrollbar-drag {
    background-color: #FF0000;
}
.section-8[data-v-8851a848] {
    width: 100%;
    background-image: url('/ysstatic/images/index/section-8-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 115px;
    padding-bottom: 70px;
    margin-top: -45px;
}
.section-8 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 26px;
}
.section-8 .section-desc[data-v-8851a848] {
    width: 553px;
    text-align: center;
    margin: 0 auto 70px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0em;
    color: #3D3D3D;
}
.section-8 .content[data-v-8851a848] {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.section-8 .oy-button[data-v-8851a848] {
    width: 125px;
    height: 42px;
    border-radius: 21px;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
    color: #FFFFFF;
    margin: 0 auto;
}
.section-8 .content .section-8-list[data-v-8851a848] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    width: 165px;
}
.section-8 .content .section-8-list .tou[data-v-8851a848] {
    width: 165px;
    transition: all 0.3s linear;
    transform-origin: center center;
}
.section-8 .content .section-8-list .zi[data-v-8851a848] {}
.section-8 .content .section-8-list .info[data-v-8851a848] {
    width: 189px;
    padding: 20px 16px 16px;
    margin-top: 18px;
    opacity: 0;
    transition: all 0.3s linear;
    font-size: 14px;
}
.section-8 .content .section-8-list.active .tou[data-v-8851a848] {
    transform: scale(1.2);
}
.section-8 .content .section-8-list.active .info[data-v-8851a848] {
    opacity: 1;
}
.section-8 .content .section-8-list .info.section-8-8[data-v-8851a848] {
    background-image: url('/ysstatic/images/index/section-8-8.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.section-8 .content .section-8-list .info.section-8-9[data-v-8851a848] {
    background-image: url('/ysstatic/images/index/section-8-9.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.section-8 .content .section-8-list .info.section-8-10[data-v-8851a848] {
    background-image: url('/ysstatic/images/index/section-8-10.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.section-8 .content .section-8-list .section-8-5[data-v-8851a848] {
    width: 162px;
}
.section-8 .content .section-8-list .section-8-6[data-v-8851a848] {
    width: 128px;
}
.section-8 .content .section-8-list .section-8-7[data-v-8851a848] {
    width: 136px;
}
.section-9[data-v-8851a848] {
    padding-top: 115px;
    padding-bottom: 70px;
    margin-top: -45px;
}
.section-9 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 70px;
}
.section-9 .content[data-v-8851a848] {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    padding: 0 50px;
}
.section-9 .section-9-swiper[data-v-8851a848] {
    overflow: hidden;
}
.section-9 .section-9-swiper .section-9-swiper-button-prev[data-v-8851a848] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px, -42px);
    width: 11px;
    height: 22px;
    background-image: url('/ysstatic/images/index/left-arrow-m.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.section-9 .section-9-swiper .section-9-swiper-button-next[data-v-8851a848] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0px, -42px);
    width: 11px;
    height: 22px;
    background-image: url('/ysstatic/images/index/right-arrow-m.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.section-9 .section-9-swiper .swiper-slide[data-v-8851a848] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.section-9 .section-9-swiper .swiper-slide .swiper-slide-text[data-v-8851a848] {
    width: 160px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    letter-spacing: normal;
    color: #3D3D3D;
}
.section-10[data-v-8851a848] {
    width: 100%;
    background: #F6F7FC;
}
.section-10 .content[data-v-8851a848] {
    width: 1200px;
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    gap: 20px;
    margin-bottom: 66px;
}
.section-10 .content .left-content[data-v-8851a848] {
    height: 337px;
    border-radius: 15px;
    background: #FFFFFF;
    padding: 19px 21px;
    box-sizing: border-box;
}
.section-10 .content .left-content .news[data-v-8851a848] {
    padding: 0 17px;
    display: block;
    margin-top: 30px;
}
.section-10 .content .left-content .news .news-title[data-v-8851a848] {
    margin-bottom: 11px;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    color: #404241;
}
.section-10 .content .left-content .news:hover .news-title[data-v-8851a848] {
    color: #D31725;
}
.section-10 .content .left-content .news .news-desc[data-v-8851a848] {
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0em;
    color: #3D3D3D;
}
.section-10 .content .right-content[data-v-8851a848] {
    height: 337px;
    border-radius: 15px;
    background: #FFFFFF;
    padding: 33px 21px 34px;
    box-sizing: border-box;
}
.section-10 .content .right-content .list-item[data-v-8851a848] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #3D3D3D;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    letter-spacing: 0em;
    gap: 27px;
}
.section-10 .content .right-content .list-item[data-v-8851a848]:hover {
    color: #D31725;
}
.section-10 .content .right-content .more[data-v-8851a848] {
    color: #3D3D3D;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    letter-spacing: 0em;
}
.section-10 .content .left-content .section-10-1[data-v-8851a848] {
    width: 548px;
    height: 180px;
    border-radius: 15px;
    overflow: hidden;
}
.section-10 .content .left-content .section-10-1.img img[data-v-8851a848] {
    height: auto;
    height: initial;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-10 .section-title[data-v-8851a848] {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    letter-spacing: 0em;
    padding-top: 70px;
    padding-bottom: 50px;
}
.section-10 .content .right-content .art[data-v-8851a848] {}
.section-10 .content .right-content .art .art-label[data-v-8851a848] {
    display: flex;
    align-items: center;
}
.section-10 .content .right-content .art .art-list[data-v-8851a848] {
    margin-top: 18px;
    margin-bottom: 20px;
}
.section-10 .content .right-content .art .art-label .art-label-left[data-v-8851a848] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 11.5px;
}
.section-10 .content .right-content .art .art-label .art-label-left .section-10-2[data-v-8851a848] {
    width: 20.5px;
    height: 16px;
}
.section-10 .content .right-content .news .news-label[data-v-8851a848] {
    display: flex;
    align-items: center;
}
.section-10 .content .right-content .news .news-list[data-v-8851a848] {
    margin-top: 18px;
}
.section-10 .content .right-content .news .news-list .news-title[data-v-8851a848] {
    flex: 1;
}
.section-10 .content .right-content .art .art-list .art-title[data-v-8851a848] {
    flex: 1;
}
.section-10 .content .right-content .news .news-label .news-label-left[data-v-8851a848] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8.5px;
}
.section-10 .content .right-content .news .news-label .news-label-left .section-10-3[data-v-8851a848] {
    width: 21.5px;
    height: 19px;
}
.section-11[data-v-8851a848] {
    background-image: url('/ysstatic/images/index/footer-bg-en.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 465px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section-11 .section-11-2[data-v-8851a848] {
    width: 440px;
    height: 110px;
    margin-top: 159px;
    margin-bottom: 37px;
}
.section-11 .to-free[data-v-8851a848] {
    width: 125px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: 0em;
    color: #F43A31;
}
.to-free[data-v-8851a848]:hover {
    box-shadow: 0px 4px 10px 0px #93A0B3;
}
@media only all and (max-width:1200px) {
.g_container.m_container[data-v-8851a848] {
        overflow: auto;
        min-width: 1200px;
}
}
@media only all and (max-width:850px) {
.g_container.m_container[data-v-8851a848] {
        overflow: hidden;
        min-width: 0;
        min-width: initial;
}
.section-nav[data-v-8851a848] {
        display: none;
}
.bg-yuan-1[data-v-8851a848] {
        display: none;
}
.bg-yuan-2[data-v-8851a848] {
        display: none;
}
.bg-yuan-3[data-v-8851a848] {
        display: none;
}
.bg-yuan-4[data-v-8851a848] {
        display: none;
}
.bg-yuan-5[data-v-8851a848] {
        display: none;
}
.bg-yuan-6[data-v-8851a848] {
        display: none;
}
.section-bg[data-v-8851a848] {
        height: auto;
        height: initial;
        padding-top: 0px;
}
#image_small[data-v-8851a848] {
        display: block;
        width: 100%;
}
#image_small img[data-v-8851a848] {
        -o-object-fit: cover;
           object-fit: cover;
}
#oy-video[data-v-8851a848] {
        display: none;
}
#banner-video .content[data-v-8851a848] {
        width: 100%;
        padding: 0 58px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 114px auto 0;
}
#banner-video .content .oy-ys-logo[data-v-8851a848] {
        /* height: 40px; */
        height: auto;
        width: 296px;
}
#banner-video .content .oy-ys-logo img[data-v-8851a848] {
        pointer-events: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -ms-user-drag: none;
}
#banner-video .content .text[data-v-8851a848] {
        width: 220px;
        height: 64px;
        font-size: 22px;
        font-weight: bold;
        line-height: 32px;
        text-align: center;
        letter-spacing: normal;
        color: #FFFFFF;
        margin-bottom: 112px;
}
#banner-video .content .oy-button[data-v-8851a848] {
        width: 260px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: normal;
        color: #FFFFFF;
        margin: 30px 0px 0px;
}
.section-1[data-v-8851a848] {
        padding-top: 30px;
        padding-bottom: 30px;
        height: auto;
}
.section-1 .bg[data-v-8851a848] {
        height: auto;
        height: initial;
        background-image: none;
        background-image: initial;
}
.section-1 .content[data-v-8851a848] {
        display: none;
}
.section-1 .content-mobile[data-v-8851a848] {
        display: block;
        width: 100%;
        padding: 0 25px;
        position: relative;
}
.section-1 .content-mobile .section-1-info-item .oy-icon[data-v-8851a848] {
        width: 36.3px;
        height: 37.1px;
        opacity: 1;
        transition: all 0.5s ease-out;
        position: absolute;
}
.section-1 .content-mobile .section-1-info-item .oy-icon-select[data-v-8851a848] {
        width: 36.3px;
        height: 37.1px;
        transition: all 0.5s ease-out;
        opacity: 0;
        position: absolute;
}
.section-1 .section-title[data-v-8851a848] {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0em;
        margin-bottom: 20px;
}
.section-1 .section-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #3D3D3D;
        text-align: left;
        padding: 0 25px;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto 25px;
}
.section-1 .content-mobile .section-1-content-item .section-1-content-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #3D3D3D;
}
.section-1 .content-mobile .section-1-content-item .section-1-content-title[data-v-8851a848] {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: normal;
        color: #404241;
        text-align: center;
        margin: 34px 0 30px;
}
.section-1 .content-mobile .section-1-content .tag[data-v-8851a848] {
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
        letter-spacing: normal;
        color: #404241;
        padding: 6px 10px;
}
.section-1 .content-mobile .section-1-content-item .left-content .buttons[data-v-8851a848] {
        margin-top: 21px;
        display: flex;
        gap: 12.7px;
}
.section-1 .content-mobile .section-1-content-item .left-content .buttons[data-v-8851a848]::after {
        content: normal;
        content: initial;
}
.section-1 .content-mobile .section-1-content-item .left-content .buttons .oy-icon[data-v-8851a848] {
        width: 16px;
        height: 16px;
}
.section-1 .content-mobile .section-1-content-item .left-content .buttons a[data-v-8851a848] {
        display: block;
        padding: 6px 11px;
        background: #FFFFFF;
        box-sizing: border-box;
        border: 1px solid #B2B2B2;
        border-radius: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #404241;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0em;
        gap: 4px;
}
.section-1 .content-mobile .section-1-content-item .right-content[data-v-8851a848] {
        cursor: pointer;
        position: relative;
        width: 100%;
}
.section-1 .content-mobile .section-1-content-item .right-content .img[data-v-8851a848] {
        position: absolute;
}
.section-1 .content-mobile .section-1-content-item .right-content .oy-shadow[data-v-8851a848] {
        /* transform: translate(0, 100%); */
}
.section-1 .content-mobile .section-1-content-item .right-content .oy-play[data-v-8851a848] {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 45px;
        height: 45px;
        transform: translate(-50%, -50%);
        z-index: 1;
}
.section-1 .content-mobile .section-1-content-item .right-content .oy-cover[data-v-8851a848] {
        width: 100%;
        border-radius: 10px;
        border: 4px solid rgba(110, 110, 110, 1);
        box-sizing: border-box;
        position: relative;
}
.section-1 .content-mobile .section-1-content-item .right-content .oy-cover img[data-v-8851a848] {
        -o-object-fit: cover;
           object-fit: cover;
}
.section-1 .section-1-info-swiper-button-prev[data-v-8851a848] {
        position: absolute;
        left: 0;
        top: 32px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        width: 6px;
        height: 13px;
        transform: translate(10px, -50%);
        background-image: url('/ysstatic/images/index/left-arrow-m.png');
}
.section-1 .section-1-info-swiper-button-next[data-v-8851a848] {
        position: absolute;
        right: 0;
        top: 32px;
        width: 6px;
        height: 13px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        transform: translate(-10px, -50%);
        background-image: url('/ysstatic/images/index/right-arrow-m.png');
}
.section-2[data-v-8851a848] {
        padding: 30px 0;
        margin-top: 0px;
}
.section-2 .section-title[data-v-8851a848] {
        flex-direction: column;
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        letter-spacing: normal;
}
.section-2 .section-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        text-align: center;
        letter-spacing: normal;
        color: #3D3D3D;
        padding: 0 24px;
        width: 100%;
        margin: 0 auto 25px;
}
.section-2 .content[data-v-8851a848] {
        width: 100%;
        padding: 0 25px;
        /* display: none; */
}
.section-2 .content .left-content[data-v-8851a848] {
        display: none;
}
.section-2 .content .right-content[data-v-8851a848] {
        display: none;
}
.section-2 .content .right-content-mobile[data-v-8851a848] {
        display: block;
        width: 100%;
}
.section-2 .oy-button[data-v-8851a848] {
        display: none;
}
.section-3[data-v-8851a848] {
        padding-top: 30px;
        margin-top: 0px;
        padding-bottom: 30px;
}
.section-3 .section-title[data-v-8851a848] {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0em;
        margin-bottom: 20px;
        flex-direction: column;
}
.section-3 .section-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #3D3D3D;
        text-align: left;
        padding: 0 25px;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto 25px;
}
.section-3 .content[data-v-8851a848] {
        display: none;
}
.section-3 .content-mobile[data-v-8851a848] {
        display: block;
        padding: 0 25px;
}
.section-3 .section-img-tit[data-v-8851a848] {
        padding: 0 25px;
}
.section-3 .img-tit[data-v-8851a848] {
        width: 100%;
}
.section-3 .num-static[data-v-8851a848] {
        width: 100%;
        padding: 0 16px;
}
.section-3 .num-static .num[data-v-8851a848] {
        font-size: 13px;
}
.section-3 .num-static .num .red[data-v-8851a848] {
        font-size: 13px;
}
.section-3 .oy-button[data-v-8851a848] {
        width: 260px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: normal;
        color: #FFFFFF;
        margin: 30px auto 0px;
}
.section-4[data-v-8851a848] {
        height: auto;
        height: initial;
        padding-top: 30px;
        margin-top: 0px;
        padding-bottom: 30px;
}
.section-4 .section-title[data-v-8851a848] {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        letter-spacing: normal;
        margin-bottom: 20px;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-1[data-v-8851a848] {
        height: 189px;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-1 .swiper-wrapper[data-v-8851a848] {
        height: 100%;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-1 .swiper-wrapper .swiper-slide .img[data-v-8851a848] {
        height: 100%;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-2[data-v-8851a848] {
        height: 189px;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-2 .swiper-wrapper[data-v-8851a848] {
        height: 100%;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-2 .swiper-wrapper .swiper-slide .img[data-v-8851a848] {
        height: 100%;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-3[data-v-8851a848] {
        height: 189px;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-3 .swiper-wrapper[data-v-8851a848] {
        height: 100%;
}
.section-4 .content .right-content-mobile .section-4-swiper-content-3 .swiper-wrapper .swiper-slide .img[data-v-8851a848] {
        height: 100%;
}
.section-4 .section-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #3D3D3D;
        width: 100%;
        padding: 0 25px;
        margin: 0 auto 25px;
}
.section-4 .section-4-tabs .section-4-tab[data-v-8851a848] {
        font-size: 16px;
        font-weight: bold;
        line-height: 16px;
        letter-spacing: normal;
}
.section-4 .section-4-tabs[data-v-8851a848] {
        gap: 0px;
        justify-content: space-evenly;
        margin: 0 20px;
        height: 73px;
        border-radius: 10px;
        background: linear-gradient(180deg, #DEE9FF 0%, rgba(243, 247, 255, 0) 100%);
}
.section-4 .content[data-v-8851a848] {
        flex-direction: column;
        width: 100%;
        margin: 24px auto 0px;
}
.section-4 .section-4-tabs .section-4-tab[data-v-8851a848]::after {
        width: 27px;
        height: 3px;
}
.section-4 .content .left-content[data-v-8851a848] {
        display: none;
}
.section-4 .content .right-content[data-v-8851a848] {
        display: none;
}
.section-4 .content .right-content-mobile[data-v-8851a848] {
        display: block;
}
.section-4 .section-41-swiper-button-prev[data-v-8851a848] {
        position: absolute;
        left: 0;
        top: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        width: 6px;
        height: 13px;
        transform: translate(10px, 16px);
        background-image: url('/ysstatic/images/index/left-arrow-m.png');
}
.section-4 .section-41-swiper-button-next[data-v-8851a848] {
        position: absolute;
        right: 0;
        top: 50%;
        width: 6px;
        height: 13px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        transform: translate(-10px, 16px);
        background-image: url('/ysstatic/images/index/right-arrow-m.png');
}
.section-4 .section-42-swiper-button-prev[data-v-8851a848] {
        position: absolute;
        left: 0;
        top: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        width: 6px;
        height: 13px;
        transform: translate(10px, 16px);
        background-image: url('/ysstatic/images/index/left-arrow-m.png');
}
.section-4 .section-42-swiper-button-next[data-v-8851a848] {
        position: absolute;
        right: 0;
        top: 50%;
        width: 6px;
        height: 13px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        transform: translate(-10px, 16px);
        background-image: url('/ysstatic/images/index/right-arrow-m.png');
}
.section-4 .section-43-swiper-button-prev[data-v-8851a848] {
        position: absolute;
        left: 0;
        top: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        width: 6px;
        height: 13px;
        transform: translate(10px, 16px);
        background-image: url('/ysstatic/images/index/left-arrow-m.png');
}
.section-4 .section-43-swiper-button-next[data-v-8851a848] {
        position: absolute;
        right: 0;
        top: 50%;
        width: 6px;
        height: 13px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        transform: translate(-10px, 16px);
        background-image: url('/ysstatic/images/index/right-arrow-m.png');
}
.section-4 .oy-button[data-v-8851a848] {
        width: 260px;
        font-size: 14px;
        font-weight: 500;
        height: 42px;
        line-height: normal;
        letter-spacing: normal;
        color: #FFFFFF;
        margin: 30px auto 0px;
}
.section-5 .oy-button[data-v-8851a848] {
        width: 134px;
        height: 42px;
        border-radius: 21px;
        gap: 4px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: normal;
        color: #FFFFFF;
        margin: 30px auto 0px;
        display: flex;
        flex-direction: row-reverse;
}
.section-5[data-v-8851a848] {
        height: auto;
        height: initial;
        padding-top: 30px;
        margin-top: 0px;
        padding-bottom: 30px;
}
.section-5 .section-title[data-v-8851a848] {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        letter-spacing: normal;
        margin-bottom: 20px;
}
.section-5 .section-5-tabs .section-5-tab[data-v-8851a848] {
        font-size: 12px;
        font-weight: bold;
        line-height: 16px;
        letter-spacing: normal;
}
.section-5 .section-5-tabs[data-v-8851a848] {
        gap: 22px;
        flex-wrap: wrap;
        padding: 0 32px;
}
.section-5 .content[data-v-8851a848] {
        flex-direction: column;
        width: 100%;
        margin: 24px auto 0px;
}
.section-5 .content .left-content[data-v-8851a848] {
        display: none;
}
.section-5 .content .right-content[data-v-8851a848] {
        display: none;
}
.section-5 .content .right-content-mobile[data-v-8851a848] {
        display: flex;
        padding: 0 8px;
        margin-top: 18px;
        width: 100%;
}
.section-5 .content .right-content-mobile .section-5-swiper[data-v-8851a848] {
        width: 100%;
}
.section-5 .content .right-content-mobile .section-5-swiper .swiper-wrapper .swiper-slide .section-5-thumb.img[data-v-8851a848] {
        height: 186px;
}
.section-5 .content .right-content-mobile .section-5-content-mobile[data-v-8851a848] {
        width: 100%;
}
.section-5 .section-5-tabs .section-5-tab[data-v-8851a848]::after {
        width: 100%;
        height: 2px;
}
.section-5 .content .right-content-mobile .tab5-list[data-v-8851a848] {
        margin-bottom: 18px;
}
.section-5 .content .right-content-mobile .tab5-list .line[data-v-8851a848] {
        width: 240px;
        height: 4px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
}
.section-5 .content .right-content-mobile .tab5-list .section-5-list-label[data-v-8851a848] {
        flex-direction: initial !important;
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        letter-spacing: normal;
        text-align: center;
}
.section-5 .content .right-content-mobile .tab5-list .info-list .info[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: normal;
        color: #3D3D3D;
}
.section-5 .content .right-content-mobile[data-v-8851a848] {
        width: 100%;
        padding: 0 25px;
}
.section-5 .content .right-content-mobile .tab5-list .info-list[data-v-8851a848] {
        display: flex;
        flex-wrap: wrap;
        gap: 0 16px;
        justify-content: center;
}
.section-5 .section-5-swiper .section-5-swiper-button-prev[data-v-8851a848] {
        position: absolute;
        left: 0;
        top: 50%;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        width: 6px;
        height: 13px;
        transform: translate(10px, 16px);
        background-image: url('/ysstatic/images/index/left-arrow-m.png');
}
.section-5 .section-5-swiper .section-5-swiper-button-next[data-v-8851a848] {
        position: absolute;
        right: 0;
        top: 50%;
        width: 6px;
        height: 13px;
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        transform: translate(-10px, 16px);
        background-image: url('/ysstatic/images/index/right-arrow-m.png');
}
.section-6[data-v-8851a848] {
        padding-top: 30px;
        margin-top: 0px;
        padding-bottom: 30px;
        height: auto;
}
.section-6 .section-title[data-v-8851a848] {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0em;
        margin-bottom: 20px;
}
.section-6 .section-desc[data-v-8851a848] {
        font-size: 13px;
        font-weight: normal;
        line-height: 13px;
        letter-spacing: 0em;
        margin-bottom: 25px;
}
.section-6 .content[data-v-8851a848] {
        grid-gap: 16px;
        gap: 16px;
        padding: 0 17px;
        overflow: auto;
        display: grid;
        grid-template-columns: repeat(2, 160px);
        margin-bottom: 30px;
}
.section-6 .content .section-6-box[data-v-8851a848] {
        width: 160px;
        height: 195px;
        padding: 28px 16px 0;
}
.section-6 .content .box-free[data-v-8851a848] {
        display: flex;
}
.section-6 .content .section-6-box .box-title[data-v-8851a848] {
        font-size: 16px;
        font-weight: 500;
        line-height: 14px;
        letter-spacing: 0em;
}
.section-6 .content .section-6-box .box-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        letter-spacing: 0em;
}
.section-6 .content .section-6-box .oy-icon[data-v-8851a848] {
        transform-origin: 50% 0px;
        width: 40px;
        height: 40px;
        margin: 13px auto;
}
.section-6 .content .section-6-box .bg-yuan[data-v-8851a848] {
        width: 101px;
        height: 101px;
        bottom: 27px;
        left: 18px;
        transform: none;
        transform: initial
}
.section-6 .content .section-6-box[data-v-8851a848]:hover {
        transform: translate(0, 0px);
}
.section-6 .content .section-6-box.box-5[data-v-8851a848] {
        display: none;
}
.section-6 .oy-button[data-v-8851a848] {
        width: 260px;
        font-size: 14px;
}
.section-7[data-v-8851a848] {
        padding-top: 30px;
        margin-top: 0px;
        padding-bottom: 30px;
}
.section-7 .section-title[data-v-8851a848] {
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0em;
        margin-bottom: 20px;
}
.section-7 .section-desc[data-v-8851a848] {
        font-size: 13px;
        font-weight: normal;
        line-height: 13px;
        letter-spacing: 0em;
        margin-bottom: 25px;
        width: 100%;
        padding: 0 34px;
}
.section-7 .section-7-swiper[data-v-8851a848] {
        padding: 0 14px;
}
.section-7 .section-7-swiper .swiper-slide[data-v-8851a848] {
        width: 100%;
        flex-direction: column-reverse;
        padding: 34px 25px 36px;
        position: relative;
}
.section-7 .oy-button-en[data-v-8851a848] {
        width: 262px;
        height: 43px;
        border-radius: 22px;
        margin: 0 auto;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img4[data-v-8851a848] {
        display: block;
        width: 100%;
        box-sizing: border-box;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .oy-button[data-v-8851a848] {
        width: 260px;
        height: 42px;
        border-radius: 21px;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: 0em;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-title[data-v-8851a848] {
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0em;
        margin-bottom: 4px;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-info .swiper-slide-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        letter-spacing: 0em;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img-yuan[data-v-8851a848] {
        display: block;
        position: absolute;
        top: 16px;
        right: -10px;
        width: 150px;
        height: 150px;
        z-index: -1;
}
.section-7 .section-7-swiper .swiper-slide .swiper-slide-img[data-v-8851a848] {
        display: none;
}
.section-7-progress-container[data-v-8851a848] {
        display: none;
}
.section-7-swiper-pagination[data-v-8851a848] {
        margin: 0px auto;
        display: flex;
        align-items: center;
        justify-content: center;
}
.section-7-swiper-pagination[data-v-8851a848] .swiper-pagination-bullet {
        height: 7px;
        width: 7px;
        border-radius: 50%;
        background: #D8D8D8;
        opacity: 1;
}
.section-7-swiper-pagination[data-v-8851a848] .swiper-pagination-bullet-active {
        background-color: #F2433F;
        width: 16px;
        height: 7px;
        border-radius: 4px;
}
.section-7 .content[data-v-8851a848] {
        width: 100%;
}
.section-7 .content .content-arrow[data-v-8851a848] {
        width: 100%;
}
.section-7 .section-7-swiper-button-prev[data-v-8851a848] {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: 8px 12.4px;
        background-position: center;
        width: 30px;
        height: 31px;
        background-color: #F3F3F3;
        background-image: url('/ysstatic/images/index/left-arrow-m.png');
}
.section-7 .section-7-swiper-button-next[data-v-8851a848] {
        position: absolute;
        right: 0;
        left: auto;
        left: initial;
        bottom: auto;
        bottom: initial;
        top: 50%;
        z-index: 1;
        width: 30px;
        height: 31px;
        background-color: #F3F3F3;
        background-repeat: no-repeat;
        background-size: 8px 12.4px;
        background-position: center;
        background-image: url('/ysstatic/images/index/right-arrow-m.png');
}
.section-7 .section-7-swiper-button-prev[data-v-8851a848]:hover {
        box-shadow: none;
        box-shadow: initial;
}
.section-7 .section-7-swiper-button-next[data-v-8851a848]:hover {
        box-shadow: none;
        box-shadow: initial;
}
.section-7 .section-7-swiper .swiper-slide[data-v-8851a848]:hover {
        box-shadow: none;
        box-shadow: initial;
        border: 1px solid rgba(235,235,235,0);
}
.section-8[data-v-8851a848] {
        padding-top: 30px;
        margin-top: 0px;
        padding-bottom: 30px;
}
.section-8 .content[data-v-8851a848] {
        width: 100%;
        gap: 22px;
        padding: 0 16px;
}
.section-8 .oy-button[data-v-8851a848] {
        width: 260px;
        font-size: 14px;
}
.section-8 .content .section-8-list[data-v-8851a848] {
        width: 100%;
}
.section-8 .content .section-8-list .tou[data-v-8851a848] {
        width: 100%;
}
.section-8 .content .section-8-list .zi[data-v-8851a848] {
        width: 100%;
}
.section-8 .content .section-8-list .info[data-v-8851a848] {
        width: 100%;
        font-size: 12px;
        line-height: 20px;
        padding: 15px 8px 11px;
}
.section-8 .section-title[data-v-8851a848] {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
        letter-spacing: 0em;
        margin-bottom: 20px;
        flex-direction: column;
}
.section-8 .section-desc[data-v-8851a848] {
        font-size: 12px;
        font-weight: normal;
        line-height: 20px;
        letter-spacing: 0em;
        margin-bottom: 25px;
        padding: 0 25px;
        width: 100%;
}
.section-9[data-v-8851a848] {
        padding-top: 30px;
        margin-top: 0px;
        padding-bottom: 30px;
}
.section-9 .section-title[data-v-8851a848] {
        flex-direction: column;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 30px;
}
.section-9 .content[data-v-8851a848] {
        width: 100%;
        padding: 0 25px;
}
.section-9 .section-9-swiper .section-9-swiper-button-prev[data-v-8851a848] {
        width: 6px;
        height: 9px;
        transform: translate(10px, 16px);
        background-image: url('/ysstatic/images/index/left-arrow-m.png');
}
.section-9 .section-9-swiper .swiper-slide .swiper-slide-text[data-v-8851a848] {
        width: 100%;
        font-size: 9px;
}
.section-9 .section-9-swiper .section-9-swiper-button-next[data-v-8851a848] {
        width: 6px;
        height: 9px;
        transform: translate(-10px, 16px);
        background-image: url('/ysstatic/images/index/right-arrow-m.png');
}
.section-10 .content[data-v-8851a848] {
        width: 100%;
        padding: 0 25px;
        grid-template-columns: repeat(1, 1fr);
        gap: 13px 0px;
        margin-bottom: 20px;
}
.section-10 .section-title[data-v-8851a848] {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 20px;
}
.section-10 .content .left-content[data-v-8851a848] {
        height: auto;
        height: initial;
}
.section-10 .content .right-content[data-v-8851a848] {
        height: auto;
        height: initial;
}
.section-10 .content .left-content .news .news-title[data-v-8851a848] {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0;
}
.section-10 .content .left-content .news .news-desc[data-v-8851a848] {
        display: none;
}
.section-10 .content .right-content .list-item[data-v-8851a848] {
        font-size: 12px;
        line-height: 24px;
}
.section-10 .content .right-content .art-time[data-v-8851a848] {
        /* width: 70px; */
}
.section-10 .content .right-content .news-time[data-v-8851a848] {
        /* width: 70px; */
}
.section-10 .content .left-content .section-10-1[data-v-8851a848] {
        width: 100%;
        height: auto;
        height: initial;
}
.section-10 .content .left-content .news[data-v-8851a848] {
        margin-top: 14px;
}
.section-11[data-v-8851a848] {
        height: 183px;
}
.section-11 .section-11-2[data-v-8851a848] {
        width: 128px;
        height: 32px;
        margin-top: 47px;
        margin-bottom: 28px;
}
.section-11 .to-free[data-v-8851a848] {
        width: 260px;
        font-size: 14px;
}
}
@media only all and (max-width:500px) {
.section-10 .content .right-content .art .art-list .art-title[data-v-8851a848] {
        flex: none;
        width: 180px;
}
.section-10 .content .right-content .news .news-list .news-title[data-v-8851a848] {
        flex: none;
        width: 180px;
}
}
.video-play-icon[data-v-8851a848] {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px
}