[data-v-0e87c30e]:export {
    edgeMargin: 16.6667vw
}

[v-clock][data-v-0e87c30e] {
    display: none
}

.home-loading[data-v-0e87c30e] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100
}

.home-loading.hidden[data-v-0e87c30e] {
    display: none
}

.home-loading.mini.over[data-v-0e87c30e] {
    opacity: 0;
    transition: all 1.5s;
    transition-delay: 1s
}

.home-loading.mini.over #logo-svg[data-v-0e87c30e],
.home-loading.mini.over .loading-num-wrap[data-v-0e87c30e] {
    opacity: 0;
    transition: opacity .3s
}

.home-loading[data-v-0e87c30e]:after {
    background: #fff;
    bottom: 0;
    content: "";
    left: 0;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MTQiIGhlaWdodD0iOTciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzkxQTdENSIgZD0iTTM0Ljc2OCA2OC4wNzNTMTYwLjQgMTM5LjEzNyAzNDAuOTIzIDU1Ljk5MkM0NzEuODItNC4zMDUgNTMxLjE3MiAxMC43OSA2MDcuODMgNDEuNjM3YzIuNDc4Ljk5NiA0Ljc4NiAxLjk4OSA1Ljk0NC0uNTM1di0uMDAxYy4zMzUtMS4zODIuMDU0LTQuMjM3LTIuMzg5LTUuMjk2LTU1LjIwOC0yMy45NTEtMzUuMzU2LTE3LjMxMS04Mi41OTItMzAuNTg3LTg1Ljc2My0xNy43NjUtMjAyLjMyIDE5LjcxNy0yMDIuMzIgMTkuNzE3QzIzOC4zNDQgNTQuNzQyIDk1LjM4OCA4OS41MzYgMjYuOTQgNTMuMjI0LTkuODEgMzQuMDY5IDEuNzIgNDguMjMxIDEuNzIgNDguMjMxczI5Ljk5NCAxOC4yMzYgMzMuMDQ4IDE5Ljg0MloiLz48L3N2Zz4=), linear-gradient(#000, #000);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MTQiIGhlaWdodD0iOTciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzkxQTdENSIgZD0iTTM0Ljc2OCA2OC4wNzNTMTYwLjQgMTM5LjEzNyAzNDAuOTIzIDU1Ljk5MkM0NzEuODItNC4zMDUgNTMxLjE3MiAxMC43OSA2MDcuODMgNDEuNjM3YzIuNDc4Ljk5NiA0Ljc4NiAxLjk4OSA1Ljk0NC0uNTM1di0uMDAxYy4zMzUtMS4zODIuMDU0LTQuMjM3LTIuMzg5LTUuMjk2LTU1LjIwOC0yMy45NTEtMzUuMzU2LTE3LjMxMS04Mi41OTItMzAuNTg3LTg1Ljc2My0xNy43NjUtMjAyLjMyIDE5LjcxNy0yMDIuMzIgMTkuNzE3QzIzOC4zNDQgNTQuNzQyIDk1LjM4OCA4OS41MzYgMjYuOTQgNTMuMjI0LTkuODEgMzQuMDY5IDEuNzIgNDguMjMxIDEuNzIgNDguMjMxczI5Ljk5NCAxOC4yMzYgMzMuMDQ4IDE5Ljg0MloiLz48L3N2Zz4=), linear-gradient(#000, #000);
    -webkit-mask-position: 50% 55%;
    mask-position: 50% 55%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 0, 100%;
    mask-size: 0, 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.home-loading.mini[data-v-0e87c30e]:after {
    -webkit-mask-size: 31.97916vw, 100%;
    mask-size: 31.97916vw, 100%;
    transition: -webkit-mask-size 1s;
    transition: mask-size 1s;
    transition: mask-size 1s, -webkit-mask-size 1s
}

.home-loading.mini #logo-svg[data-v-0e87c30e] {
    transform: translateY(-30vh) scale(.5);
    transition: all 1.5s
}

.home-loading.mini .loading-num-wrap[data-v-0e87c30e] {
    opacity: 1;
    transition: opacity 1s
}

.home-loading.mini.stretch[data-v-0e87c30e]:after {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MTQiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIC0xNSA2MTQgMTIwIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzAuNCA3OC4yczEyNS43IDEwNC4zIDMxNy40LTRjMTM4LjUtNzkuNyAxODcuMS04NS42IDI2NS0zNy40IDIuNSAxLjYgNS45IDMuMSA3LS44aC0xYy4zLTIuMi4xLTYuNi0yLjQtOC4zLTU2LTM3LjMtMzYtMjcuMS04My41LTQ3LjctLjMtLjEtLjUtLjItLjgtLjNDNDQ1LTQ3LjcgMzI1LjUgMCAzMjUuNSAwIDIzNiA0Ni42IDkyIDExMS43IDIyLjQgNTQuOS0zLjcgMzQtNS44IDM4LjUtNC43IDQzLjJjLjUgMi4yIDEuNyA0LjEgMy4yIDUuNUM0LjggNTQuNiAyNy43IDc2IDMwLjQgNzguMnoiLz48L3N2Zz4=), linear-gradient(red, red);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MTQiIGhlaWdodD0iMTYwIiB2aWV3Qm94PSIwIC0xNSA2MTQgMTIwIj48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzAuNCA3OC4yczEyNS43IDEwNC4zIDMxNy40LTRjMTM4LjUtNzkuNyAxODcuMS04NS42IDI2NS0zNy40IDIuNSAxLjYgNS45IDMuMSA3LS44aC0xYy4zLTIuMi4xLTYuNi0yLjQtOC4zLTU2LTM3LjMtMzYtMjcuMS04My41LTQ3LjctLjMtLjEtLjUtLjItLjgtLjNDNDQ1LTQ3LjcgMzI1LjUgMCAzMjUuNSAwIDIzNiA0Ni42IDkyIDExMS43IDIyLjQgNTQuOS0zLjcgMzQtNS44IDM4LjUtNC43IDQzLjJjLjUgMi4yIDEuNyA0LjEgMy4yIDUuNUM0LjggNTQuNiAyNy43IDc2IDMwLjQgNzguMnoiLz48L3N2Zz4=), linear-gradient(red, red);
    -webkit-mask-position: 50% 55%;
    mask-position: 50% 55%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 1200%, 1000%;
    mask-size: 1200%, 1000%;
    transition: -webkit-mask-size 3s;
    transition: mask-size 3s;
    transition: mask-size 3s, -webkit-mask-size 3s
}

#logo-svg[data-v-0e87c30e] {
    box-sizing: border-box;
    height: 16.6667vw;
    padding: 0 2.6042vw;
    width: 47.80208vw
}

#logo-svg .cls[data-v-0e87c30e] {
    fill: transparent;
    stroke: #003ab3;
    stroke-width: 22px;
    stroke-miterlimit: 10
}

#logo-svg .o-water[data-v-0e87c30e] {
    animation: fadeIn;
    animation-duration: 1s;
    background: #fff;
    display: inline-block
}

#logo-svg.fill .st0[data-v-0e87c30e] {
    fill: #003ab3;
    stroke-width: 0;
    transition: all 1s
}

.loading-num-wrap[data-v-0e87c30e] {
    color: #003ab3;
    font-size: 1.82291vw;
    font-weight: 700;
    margin-top: 5.2083vw;
    
}

.loading-num-wrap span[data-v-0e87c30e] {
    font-size: 1.25vw
}

.copy-right[data-v-0e87c30e] {
    bottom: 4.1666vw;
    color: #003ab3;
    font-size: .7292vw;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center
}

@media screen and (max-width:960px) {
    #logo-svg[data-v-0e87c30e] {
        margin-bottom: 20vh;
        width: 80vw
    }

    .home-loading[data-v-0e87c30e]:after {
        -webkit-mask-position: 50% 45%;
        mask-position: 50% 45%;
        -webkit-mask-size: 0, 200%;
        mask-size: 0, 200%
    }

    .home-loading.mini[data-v-0e87c30e]:after {
        -webkit-mask-size: 50.97916vh, 100%;
        mask-size: 50.97916vh, 100%;
        transition: -webkit-mask-size 1s;
        transition: mask-size 1s;
        transition: mask-size 1s, -webkit-mask-size 1s
    }

    .home-loading.mini.stretch[data-v-0e87c30e]:after {
        -webkit-mask-position: 50% 45%;
        mask-position: 50% 45%
    }

    .loading-num-wrap[data-v-0e87c30e] {
        font-size: 6.25vw;
        margin-top: 7.8125vw
    }
}

[data-v-5b023019]:export {
    edgeMargin: 16.6667vw
}

.home-banner-wrap[data-v-5b023019] {
    height: 100vh;
    position: relative
}

.home-banner-wrap .text-wrap[data-v-5b023019] {
    bottom: 6.771vw;
    color: #fff;
    left: 4.1666vw;
    position: absolute;
    width: 54.42708vw;
    z-index: 3
}

.home-banner-wrap .text-wrap .title[data-v-5b023019] {
    word-wrap: break-word;
    font-size: 2.6042vw;
    letter-spacing: .5208vw;
    position: relative;
    text-shadow: 0 15px 30px rgba(47, 54, 64, .14);
    z-index: 4
}

.home-banner-wrap .text-wrap .title span[data-v-5b023019] {
    line-height: 1;
    opacity: 0
}

.home-banner-wrap .text-wrap .desc[data-v-5b023019] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 1.0417vw;
    line-height: 1.4;
    margin-top: 1.25vw;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    width: 100%;
    z-index: 1
}

.home-banner-wrap .text-wrap.in .desc[data-v-5b023019] {
    animation: fadeInDown;
    animation-duration: 1.5s;
    animation-fill-mode: backwards
}

.home-banner-wrap .text-wrap.out[data-v-5b023019] {
    animation: fadeOut;
    animation-duration: 1.5s;
    animation-fill-mode: forwards
}

.home-banner-wrap .index-tiper[data-v-5b023019] {
    bottom: 4.1666vw;
    color: #fff;
    font-size: .78125vw;
    left: 4.1666vw;
    position: absolute;
    z-index: 3
}

.home-banner-wrap .index-tiper .curr[data-v-5b023019] {
    font-size: .937vw;
    margin-right: .5208vw
}

.home-banner-wrap .index-tiper .total[data-v-5b023019] {
    opacity: .3
}

.home-banner-wrap .swiper-opreator[data-v-5b023019] {
    align-items: center;
    bottom: 6.25vw;
    color: #fff;
    display: flex;
    position: absolute;
    right: 4.1666vw;
    z-index: 3
}

.home-banner-wrap .swiper-opreator .opera-btn[data-v-5b023019] {
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.5625vw;
    height: 4.375vw;
    justify-content: center;
    margin: 0 1.25vw;
    opacity: .7;
    transition: all 1.5s;
    width: 4.375vw
}

.home-banner-wrap .swiper-opreator .opera-btn .iconfont[data-v-5b023019] {
    font-size: .8333vw
}

.home-banner-wrap .swiper-opreator .opera-btn[data-v-5b023019]:hover {
    background: #003ab3;
    border: 1px solid #003ab3;
    opacity: 1;
    transition: all 1s
}


.swiper-container[data-v-5b023019] {
    height: 100vh
}

.banner-img[data-v-5b023019] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

[data-v-5b023019] .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    height: 7px;
    margin: 0 .2604vw;
    transition: all .35s;
    width: 1.0417vw
}

[data-v-5b023019] .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #003ab3;
    border: 1px solid #ccc;
    transition: all 1s;
    width: 2.0833vw
}

[data-v-5b023019] .swiper-pagination {
    bottom: 2.6042vw !important;
    left: 0;
    right: 0
}

.high-position[data-v-5b023019] .swiper-pagination {
    bottom: 9.375vw !important;
    left: 50%
}

@media screen and (max-width:1080px) {

    .home-banner-wrap[data-v-5b023019],
    .swiper-container[data-v-5b023019] {
        height: 56.25vw
    }

    .swiper-container[data-v-5b023019] .video-player {
        height: 100% !important
    }
}

[data-v-32e43063]:export {
    edgeMargin: 16.6667vw
}

.video-player[data-v-32e43063] {
    height: 100%;
    width: 100%
}

.video-player .video-wrap[data-v-32e43063] {
    height: 100%;
    overflow: hidden;
    position: relative
}

.video-player .video-wrap:hover .player-btn[data-v-32e43063] {
    display: block
}

.video-player .video-wrap:hover .mask-wrap[data-v-32e43063] {
    background: rgba(0, 0, 0, .45);
    transition: all 1.5s
}

.video-player .videor[data-v-32e43063] {
    height: 100%;
    width: 100%
}

.video-player .videor.border[data-v-32e43063] {
    border: 1px solid #eee
}

.video-player .mask-wrap[data-v-32e43063] {
    background: transparent;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1.5s
}

.video-player .mask-wrap .player-btn[data-v-32e43063] {
    background: url(https://cdn.xuansiwei.com/9chen13276/_nuxt/img/play_btn.361ef7d.png) no-repeat 50%;
    background-size: contain;
    cursor: pointer;
    height: 10%;
    left: 50%;
    margin-left: -5%;
    margin-top: -5%;
    opacity: .55;
    position: absolute;
    top: 50%;
    transition: opacity .75s;
    width: 10%
}

.video-player .mask-wrap .player-btn.hidden[data-v-32e43063] {
    opacity: 0;
    transition: opacity .75s
}

.video-player .inline-text[data-v-32e43063] {
    bottom: 2.0833vw;
    color: #fff;
    font-size: 1.979vw;
    left: 3.125vw;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.video-player .video-title[data-v-32e43063] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    color: #333;
    cursor: default;
    display: -webkit-box;
    font-size: 1.4583vw;
    margin: 1.5625vw 2.0833vw;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis
}

.video-player-wrap[data-v-32e43063] {
    align-items: center;
    display: flex;
    height: 73vh;
    justify-content: center;
    overflow: hidden;
    width: 100%
}

.full-page-wrap[data-v-32e43063] {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw
}

[data-v-32e43063] .el-dialog.el-dialog--center {
    background: rgba(0, 0, 0, .35);
    border: 1px solid #777
}

[data-v-32e43063] .el-dialog__body {
    padding: 1.0417vw
}

[data-v-32e43063] .el-dialog__close {
    color: #fff;
    font-size: 2.0833vw
}

[data-v-32e43063] .el-dialog__headerbtn {
    right: 0;
    top: 0
}

@media screen and (max-width:1200px) {
    .video-dialog[data-v-32e43063] .el-dialog.el-dialog--center {
        width: 90% !important
    }
}

[data-v-8992c1c8]:export {
    edgeMargin: 16.6667vw
}

.more-btn[data-v-8992c1c8] {
    display: inline-block;
    height: 3.125vw;
    line-height: 3.125vw;
    position: relative;
    width: 7.8125vw
}

.more-btn .wave-svg[data-v-8992c1c8] {
    bottom: .2604vw;
    height: .5208vw;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .5s;
    width: 0
}

.more-btn .wave-svg path[data-v-8992c1c8] {
    height: 100%;
    width: 100%
}

.more-btn:hover .wave-svg[data-v-8992c1c8] {
    opacity: 1;
    transition: opacity 1.5s;
    width: 100%
}

[data-v-25d581d6]:export {
    edgeMargin: 16.6667vw
}

.home-about-wrap[data-v-25d581d6] {
    background-position: top;
    background-size: cover;
    content-visibility: auto;
    height: 100vh;
    opacity: .9;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.home-about-wrap .bg-mask[data-v-25d581d6] {
    background: #000;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .5s;
    z-index: 1
}

.home-about-wrap .about-label[data-v-25d581d6] {
    color: #fff;
    font-size: 7.8125vw;
    left: 16.6667vw;
    letter-spacing: -.36458333vw;
    line-height: .8667;
    position: absolute;
    text-align: left;
    top: 6.6145vw;
    z-index: 2
}

.home-about-wrap .abount-content[data-v-25d581d6] {
    align-items: flex-end;
    color: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 16.6667vw;
    top: 15.625vw;
    transform-origin: 100% 0;
    width: 32.292vw;
    z-index: 2
}

.home-about-wrap .abount-content .content-text[data-v-25d581d6] {
    font-size: .8333vw;
    line-height: 1.5;
    margin-bottom: 1.3541vw;
    text-align: justify
}

.home-about-wrap .abount-content .top1[data-v-25d581d6] {
    font-size: 2.6042vw;
    letter-spacing: .5208vw;
    text-align: right
}

.home-about-wrap .more-btn[data-v-25d581d6] {
    display: inline-block;
    font-size: 1.0417vw;
    font-weight: 700;
    height: 3.125vw;
    line-height: 3.125vw;
    margin-top: 1.979vw;
    padding: 0 1.5625vw
}

.home-about-wrap .product-label[data-v-25d581d6] {
    align-items: flex-end;
    background: linear-gradient(180deg, transparent, #000 95%);
    bottom: 0;
    color: #ebebeb;
    display: flex;
    font-size: 9.375vw;
    height: 12.989vw;
    left: 0;
    letter-spacing: -.5208vw;
    line-height: .68;
    mix-blend-mode: darken;
    padding-left: 16.6667vw;
    position: absolute;
    width: 100%;
    z-index: 2
}

.home-about-wrap .product-label[data-scroll=in][data-v-25d581d6] {
    animation: fadeInUp;
    animation-duration: 1s
}

.home-about-wrap .product-label[data-v-25d581d6]:after {
    content: "";
    position: absolute;
    right: 0
}

.home-about-wrap .letter-o[data-v-25d581d6] {
    border: 9.375vw solid hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    bottom: -25vw;
    box-sizing: border-box;
    height: 50vw;
    mix-blend-mode: soft-lighter;
    position: absolute;
    right: -12vw;
    width: 50vw;
    z-index: 3
}

[data-v-39d03ab2]:export {
    edgeMargin: 16.6667vw
}

.product-title-wrap[data-v-39d03ab2] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 16.6667vw;
    position: relative
}

.product-title-wrap .title-item[data-v-39d03ab2] {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    transition-duration: 1.5s;
    transition-property: opacity, transform
}

.product-title-wrap .title-item.active[data-v-39d03ab2] {
    opacity: 1;
    transform: translate3d(0, .5208vw, 0);
    transition-delay: 1.3s;
    transition-duration: 1.5s;
    transition-property: opacity, transform
}

.product-title-wrap .title-wrap[data-v-39d03ab2] {
    position: relative
}

.product-title-wrap .title-wrap .title[data-v-39d03ab2] {
    color: #404040;
    font-size: 1.3541vw;
    line-height: .625vw;
    margin-bottom: .8333vw
}

.product-title-wrap .title-wrap .title .model[data-v-39d03ab2] {
    font-size: 1.4583vw;
    line-height: 1.0417vw;
    margin-right: .5208vw
}

.product-title-wrap .title-wrap .sub-title[data-v-39d03ab2] {
    font-size: 1.0417vw;
    line-height: 1.4583vw
}

.product-title-wrap .title-wrap .more-btn[data-v-39d03ab2] {
    border-radius: 3.125vw;
    font-weight: 700;
    height: 3.125vw;
    line-height: 3.125vw;
    position: absolute;
    right: 0;
    top: 0;
    width: 7.8125vw
}

.home-product-wrap[data-v-39d03ab2] {
    background: #ebebeb;
    content-visibility: auto;
    height: 56.25vw;
    padding: 6vw 0
}

.home-product-wrap .types-wrap[data-v-39d03ab2] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 16.6667vw
}

.home-product-wrap .types-wrap .type-item[data-v-39d03ab2] {
    align-items: center;
    color: #404040;
    cursor: pointer;
    display: flex;
    font-size: 1.3541vw;
    padding-left: .8333vw;
    position: relative
}

.home-product-wrap .types-wrap .type-item[data-v-39d03ab2]:before {
    border: 3px solid transparent;
    border-radius: 50%;
    box-shadow: 0 0;
    box-sizing: border-box;
    content: "";
    height: .7292vw;
    left: -.8333vw;
    position: relative;
    width: .7292vw
}

.home-product-wrap .types-wrap .type-item.active[data-v-39d03ab2] {
    font-weight: 700
}

.home-product-wrap .types-wrap .type-item.active[data-v-39d03ab2]:before {
    border: 3px solid #003ab3;
    transition: all .5s
}

.home-product-wrap .product-swiper.swiper-container[data-v-39d03ab2] {
    content-visibility: auto;
    height: 35.4167vw;
    padding: 4.1666vw 0 5.2083vw
}

.home-product-wrap .product-swiper.swiper-container .product-slide[data-v-39d03ab2] {
    color: #fff;
    line-height: 1;
    position: relative
}

.home-product-wrap .product-swiper.swiper-container .product-slide h4[data-v-39d03ab2] {
    bottom: 1.82291vw;
    font-size: 2.6042vw;
    left: 1.979vw;
    letter-spacing: .5208vw;
    opacity: 0;
    position: absolute;
    transform: translate3d(0, -20%, 0);
    transition: all 1s;
    z-index: 2
}

.home-product-wrap .product-swiper.swiper-container .product-slide p[data-v-39d03ab2] {
    font-size: 1.0417vw;
    opacity: 0;
    position: absolute;
    right: 1.0417vw;
    top: 1.0417vw;
    transform: translate3d(0, 20%, 0);
    transition: all 1s;
    z-index: 2
}

.home-product-wrap .product-swiper.swiper-container .banner-img[data-v-39d03ab2] {
    border-radius: .625vw;
    filter: brightness(.7);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    transition: all .35s;
    width: 100%;
    z-index: 1
}

.product-swiper[data-v-39d03ab2] .product-slide {
    position: relative
}

.product-swiper[data-v-39d03ab2] .product-slide:before {
    border-radius: 30%;
    bottom: 0;
    content: "";
    height: 80%;
    left: 1.0417vw;
    position: absolute;
    transition: box-shadow 1s;
    width: 52%;
    z-index: 0
}

.product-swiper[data-v-39d03ab2] .product-slide:after {
    border-radius: 30%;
    bottom: 0;
    content: "";
    height: 80%;
    position: absolute;
    right: 1.0417vw;
    transition: box-shadow 1s;
    width: 50%;
    z-index: 0
}

.product-swiper[data-v-39d03ab2] .product-slide.swiper-slide-active {
    position: relative
}

.product-swiper[data-v-39d03ab2] .product-slide.swiper-slide-active:before {
    box-shadow: 0 .5208vw 2.8646vw .5208vw rgba(0, 0, 0, .5);
    transition: box-shadow 1s 1s
}

.product-swiper[data-v-39d03ab2] .product-slide.swiper-slide-active:after {
    box-shadow: 0 1.0417vw 2.8646vw .5208vw rgba(0, 0, 0, .5);
    transition: box-shadow 1s 1s
}

.product-swiper[data-v-39d03ab2] .product-slide.swiper-slide-active .banner-img {
    filter: brightness(1)
}

.product-swiper[data-v-39d03ab2] .product-slide.swiper-slide-active h4 {
    opacity: 1 !important;
    transform: translateZ(0) !important;
    transition-delay: 1.5s !important;
    transition: all 1.5s
}

.product-swiper[data-v-39d03ab2] .product-slide.swiper-slide-active p {
    opacity: 1 !important;
    transform: translateZ(0) !important;
    transition-delay: 1.5s !important;
    transition: all 1.5s
}

[data-v-b31e8cd8]:export {
    edgeMargin: 16.6667vw
}

.home-collection-wrap[data-v-b31e8cd8] {
    background: #000;
    height: 100vh;
    position: relative
}

.home-collection-wrap[data-v-b31e8cd8]:after {
    background: #fff;
    bottom: 14%;
    content: "";
    left: 14.0104vw;
    opacity: .5;
    position: absolute;
    top: 22.722%;
    width: 1px;
    z-index: 1
}

.home-collection-wrap .swiper-container[data-v-b31e8cd8] {
    height: 100vh
}

.home-collection-wrap .swiper-container .banner-img[data-v-b31e8cd8] {
    filter: brightness(.8);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.home-collection-wrap[data-v-b31e8cd8] .swiper-slide img {
    transform: scale(1);
    transition: all 1.5s
}

.home-collection-wrap[data-v-b31e8cd8] .swiper-slide-active img {
    transform: scale(1.1);
    transition: all 5s ease-out
}

.title-wrap[data-v-b31e8cd8] {
    align-items: flex-start;
    color: #fff;
    display: flex;
    justify-content: space-between;
    left: 16.6667vw;
    position: absolute;
    right: 16.6667vw;
    top: 11.25vw;
    z-index: 3
}

.title-wrap .title[data-v-b31e8cd8] {
    font-size: 2.6042vw;
    font-weight: 700;
    letter-spacing: 3px;
    opacity: 0;
    transition: letter-spacing 1s
}

.title-wrap .sub-title[data-v-b31e8cd8] {
    font-size: 1.3541vw;
    letter-spacing: .2604vw;
    margin-top: .5208vw;
    opacity: 0
}

.title-wrap .en-sub-title[data-v-b31e8cd8] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 1.0417vw;
    opacity: 0;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    width: 22vw
}

.title-wrap.active .title[data-v-b31e8cd8] {
    letter-spacing: 1.5625vw;
    opacity: 1;
    transition: letter-spacing 4.5s ease-out, opacity 1.5s;
    transition-timing-function: ease-out
}

.title-wrap.active .sub-title[data-v-b31e8cd8] {
    letter-spacing: .36458333vw;
    opacity: 1;
    transition: letter-spacing 4.5s, opacity 1.5s;
    transition-timing-function: ease-out
}

.title-wrap.active .en-sub-title[data-v-b31e8cd8] {
    animation: fadeIn;
    animation-duration: 3s;
    opacity: 1
}

.en-title-wrap[data-v-b31e8cd8] {
    bottom: 8.7718vw;
    left: 16.6667vw;
    position: absolute;
    z-index: 3
}

.en-title-wrap .en-title-item[data-v-b31e8cd8] {
    animation-fill-mode: backwards;
    color: #fefefe;
    cursor: pointer;
    font-size: 2.8646vw;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 1.2;
    margin-bottom: 1.0417vw;
    opacity: .35
}

.en-title-wrap .en-title-item.active[data-v-b31e8cd8] {
    opacity: 1;
    transition: opacity 1.5s
}

.label-wrap[data-v-b31e8cd8] {
    align-items: center;
    bottom: 6.771vw;
    display: flex;
    flex-direction: column;
    justify-items: center;
    position: absolute;
    right: 16.6667vw;
    z-index: 3
}

.label-wrap .more-btn[data-v-b31e8cd8] {
    border-radius: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    margin-bottom: 1.5625vw;
    width: 7.8125vw
}

.label-wrap .label[data-v-b31e8cd8] {
    color: transparent;
    font-size: 9.375vw;
    line-height: .72;
    text-shadow: 0 0 1px hsla(0, 0%, 100%, .35)
}

.label-wrap2[data-v-b31e8cd8] {
    align-items: flex-end;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .55));
    bottom: 0;
    display: flex;
    height: 15.625vw;
    justify-content: flex-end;
    left: 0;
    mix-blend-mode: overlay;
    position: absolute;
    right: 0;
    z-index: 2
}

.label-wrap2 .label[data-v-b31e8cd8] {
    color: hsla(0, 0%, 100%, .65);
    font-size: 9.375vw;
    line-height: .72;
    margin-right: 4.1666vw
}

@media screen and (max-width:1080px) {

    .home-collection-wrap .swiper-container[data-v-b31e8cd8],
    .home-collection-wrap[data-v-b31e8cd8] {
        height: 56.25vw
    }
}

[data-v-fe58e414]:export {
    edgeMargin: 16.6667vw
}

.home-solution-wrap[data-v-fe58e414] {
    background: #000;
    height: 100vh;
    overflow: hidden;
    position: relative
}

.home-solution-wrap .bg-wrap[data-v-fe58e414] {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.home-solution-wrap .bg-wrap .banner-img[data-v-fe58e414] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.home-solution-wrap .letter-o[data-v-fe58e414] {
    border: 9.375vw solid rgba(0, 58, 179, .45);
    border-radius: 50%;
    box-sizing: border-box;
    height: 35vw;
    left: -12vw;
    mix-blend-mode: plus-lighter;
    position: absolute;
    top: -12vw;
    width: 35vw;
    z-index: 2
}

.home-solution-wrap .swiper-container[data-v-fe58e414] {
    height: 100vh;
    z-index: 1
}

.home-solution-wrap .swiper-container .solu-slide[data-v-fe58e414] {
    position: relative
}

.home-solution-wrap .swiper-container .solu-slide .min-img-wrap[data-v-fe58e414] {
    -webkit-clip-path: circle(35vw at 82% 130%);
    clip-path: circle(35vw at 82% 130%);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.home-solution-wrap .swiper-container .solu-slide .min-img-wrap .min-img[data-v-fe58e414] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.home-solution-wrap .swiper-container .solu-slide.swiper-slide-active .min-img-wrap[data-v-fe58e414] {
    -webkit-clip-path: circle(100vw at 50% 50%) !important;
    clip-path: circle(100vw at 50% 50%) !important;
    transition: -webkit-clip-path 4s;
    transition: clip-path 4s;
    transition: clip-path 4s, -webkit-clip-path 4s
}

.home-solution-wrap .next-min-wrap[data-v-fe58e414] {
    -webkit-clip-path: circle(10vw at 82% 130%);
    clip-path: circle(10vw at 82% 130%);
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    transition-delay: 1.5s;
    width: 100%;
    z-index: 0
}

.home-solution-wrap .next-min-wrap .next-min-img[data-v-fe58e414] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    width: 100%
}

.home-solution-wrap .next-min-wrap.show[data-v-fe58e414] {
    -webkit-backface-visibility: hidden;
    -webkit-clip-path: circle(35vw at 82% 130%);
    clip-path: circle(35vw at 82% 130%);
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transition: -webkit-clip-path 2s;
    transition: clip-path 2s;
    transition: clip-path 2s, -webkit-clip-path 2s;
    transition-timing-function: ease-out;
    width: 100%;
    z-index: 5
}

.home-solution-wrap .next-min-wrap.show .next-min-img[data-v-fe58e414] {
    opacity: 1
}

.title-wrap[data-v-fe58e414] {
    position: absolute;
    right: 16.6667vw;
    text-align: right;
    top: 11.8229vw;
    z-index: 3
}

.title-wrap .title[data-v-fe58e414] {
    color: #fff;
    font-size: 2.8646vw;
    font-weight: 700
}

.title-wrap .sub-title[data-v-fe58e414] {
    word-wrap: break-word;
    font-size: .7292vw;
    margin-top: .5208vw;
    text-align: left;
    width: 20vw
}

.title-wrap .left[data-v-fe58e414] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    transform-origin: 100% 0
}

.title-wrap.active .title[data-v-fe58e414] {
    animation: fadeIn;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-fill-mode: backwards
}

.title-wrap.active .sub-title[data-v-fe58e414] {
    animation: fadeIn;
    animation-delay: 1s;
    animation-duration: 1.5s;
    animation-fill-mode: backwards;
    color: hsla(0, 0%, 100%, .7)
}

.en-title-wrap[data-v-fe58e414] {
    bottom: 10.729vw;
    left: 16.6667vw;
    position: absolute;
    z-index: 5
}

.en-title-wrap .title-item-wrap[data-v-fe58e414] {
    align-items: center;
    display: flex;
    height: 3.385416vw;
    margin-bottom: 1.25vw
}

.en-title-wrap .title-item-wrap .more-btn[data-v-fe58e414] {
    opacity: 1
}

.en-title-wrap .title-item-wrap .en-title-item[data-v-fe58e414] {
    color: #fefeff;
    cursor: pointer;
    font-size: 2.6042vw;
    font-weight: 100;
    letter-spacing: 3px;
    line-height: 1;
    opacity: .3;
    transition: all 1s
}

.en-title-wrap .title-item-wrap.active .en-title-item[data-v-fe58e414] {
    font-family: FZLTZHJT;
    opacity: 1;
    font-weight: 800;
    transition: all 2s;
    transition-delay: 1s
}

.en-title-wrap .title-item-wrap.active .more-btn[data-v-fe58e414] {
    animation: fadeIn;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-fill-mode: backwards
}

.more-btn[data-v-fe58e414] {
    border-radius: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    margin-left: 1.5625vw;
    width: 7.8125vw
}

.label-wrap[data-v-fe58e414] {
    bottom: 0;
    color: #fff;
    font-size: 9.375vw;
    letter-spacing: -.5208vw;
    line-height: .72;
    mix-blend-mode: soft-light;
    position: absolute;
    right: 4.1666vw;
    z-index: 7
}

@media screen and (max-width:1080px) {

    .home-solution-wrap .swiper-container[data-v-fe58e414],
    .home-solution-wrap[data-v-fe58e414] {
        height: 56.25vw
    }
}

[data-v-1e1be4a3]:export {
    edgeMargin: 16.6667vw
}

.home-news-wrap[data-v-1e1be4a3] {
    background: #ebebeb;
    overflow: hidden;
    position: relative
}

.home-news-wrap .leeter-o[data-v-1e1be4a3] {
    background: transparent;
    border: 9.375vw solid hsla(0, 0%, 88%, .45);
    border-radius: 50%;
    bottom: -18vw;
    height: 50vw;
    left: -10vw;
    position: absolute;
    width: 50vw;
    z-index: 0
}

.home-news-wrap .title-wrap[data-v-1e1be4a3] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-left: 16.6667vw;
    margin-right: 16.6667vw;
    padding-top: 9.375vw
}

.home-news-wrap .title-wrap h2[data-v-1e1be4a3] {
    color: #fff;
    font-size: 9.375vw;
    letter-spacing: -.36458333vw;
    line-height: .7
}

.home-news-wrap .title-wrap .more-btn[data-v-1e1be4a3] {
    border-radius: 3.125vw;
    height: 3.125vw;
    line-height: 3.125vw;
    margin-top: 1.0417vw;
    width: 7.8125vw
}

.home-news-wrap .swiper-container[data-v-1e1be4a3] {
   
    padding-top: 1.5625vw
}

.home-news-wrap .news-slide .news-item[data-v-1e1be4a3] {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: .78125vw;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 9.375vw;
    overflow: hidden;
    transition: all 1.5s
}

.home-news-wrap .news-slide .news-item .news-img[data-v-1e1be4a3] {
    border-radius: .78125vw .78125vw 0 0;
    height: 13.541666vw;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 1.5s;
    width: 100%
}

.home-news-wrap .news-slide .news-item .news-text[data-v-1e1be4a3] {
    padding: 2.0833vw 2.0833vw 0
}

.home-news-wrap .news-slide .news-item .news-text .title[data-v-1e1be4a3] {
    color: #404040;
    font-size: 1.3541vw
}

.home-news-wrap .news-slide .news-item .news-text .desc[data-v-1e1be4a3],
.home-news-wrap .news-slide .news-item .news-text .title[data-v-1e1be4a3] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-news-wrap .news-slide .news-item .news-text .desc[data-v-1e1be4a3] {
    color: rgba(0, 0, 0, .5);
    font-size: .8333vw;
    line-height: 1.25vw;
    margin-top: .78125vw
}

.home-news-wrap .news-slide .news-item .news-date-wrap[data-v-1e1be4a3] {
    align-items: flex-end;
    display: flex;
    font-size: 1.0417vw;
    justify-content: space-between;
    padding: 2.0833vw
}

.home-news-wrap .news-slide .news-item .news-date-wrap .date[data-v-1e1be4a3] {
    color: #404040;
    line-height: 1
}

.home-news-wrap .news-slide .news-item .news-date-wrap .news-tiper[data-v-1e1be4a3] {
    align-items: center;
    background: #003ab3;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 2.0833vw;
    justify-content: center;
    opacity: 0;
    transition: all 1s;
    width: 2.0833vw
}

.home-news-wrap .news-slide .news-item[data-v-1e1be4a3]:hover {
    box-shadow: 0 3.385416vw 4.1666vw .2604vw rgba(44, 55, 81, .22);
    transform: scale(1.02);
    transition: all 1.5s
}

.home-news-wrap .news-slide .news-item:hover img[data-v-1e1be4a3] {
    transform: scale(1.1);
    transition: all 1s
}

.home-news-wrap .news-slide .news-item:hover .news-tiper[data-v-1e1be4a3] {
    opacity: 1
}

.home-news-wrap .news-scroll-bar[data-v-1e1be4a3] {
    height: .5208vw;
    margin-left: 16.6667vw;
    margin-top: 1.5625vw;
    width: 75vw
}

.swiper-slide[data-v-1e1be4a3] {
    transition-timing-function: linear
}

.home-news-wrap[data-v-1e1be4a3] .news-slide.swiper-slide-active .news-item {
    box-shadow: 0 3.385416vw 4.1666vw .2604vw rgba(44, 55, 81, .22);
    transform: scale(1.02) !important;
    transition: all 1.5s
}

.home-news-wrap[data-v-1e1be4a3] .news-slide.swiper-slide-active .news-item img {
    transform: scale(1.1);
    transition: all 1s
}

.home-news-wrap[data-v-1e1be4a3] .news-slide.swiper-slide-active .news-item .news-tiper {
    opacity: 1
}