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

.about-wrap-1[data-v-4498df54] {
    background-position: 100% 100%;
    background-size: cover;
    height: 122.91666vw;
    overflow: hidden;
    position: relative
}

.about-wrap-1 .bg-wrap[data-v-4498df54] {
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0
}

.about-wrap-1 .title-wrap[data-v-4498df54] {
    color: #fff;
    left: 16.6667vw;
    margin-left: -.5208vw;
    position: absolute;
    top: 15.625vw;
    transform-origin: left
}

.about-wrap-1 .title-wrap p[data-v-4498df54] {
    font-size: 1.3541vw;
    letter-spacing: .2604vw;
    margin-bottom: 2.0833vw
}

.about-wrap-1 .title-wrap h2[data-v-4498df54] {
    font-size: 9.375vw;
    letter-spacing: -.78125vw;
    line-height: .73
}

.about-wrap-1 .desc-wrap[data-v-4498df54] {
    position: absolute;
    right: 16.6667vw;
    top: 42.5vw;
    transform-origin: right;
    width: 33.697vw
}

.about-wrap-1 .desc-wrap p[data-v-4498df54] {
    color: #fff;
    font-size: 1.3541vw;
    line-height: 1.384;
    text-align: justify
}

.about-wrap-1 .bottom-wrap[data-v-4498df54] {
    bottom: 10vw;
    color: #fff;
    left: 16.6667vw;
    position: absolute;
    right: 16.6667vw
}

.about-wrap-1 .bottom-wrap .build-year[data-v-4498df54] {
    font-size: 9.375vw;
    line-height: .922;
    text-align: right
}

.about-wrap-1 .bottom-wrap .goal-wrap[data-v-4498df54] {
    border-top: 1px solid hsla(0, 0%, 100%, .7);
    margin-top: 2.6042vw;
    padding-top: 2.5vw
}

.about-wrap-1 .bottom-wrap .goal-wrap h3[data-v-4498df54],
.about-wrap-1 .bottom-wrap .goal-wrap p[data-v-4498df54] {
    transform-origin: 0 50%
}

.about-wrap-1 .bottom-wrap .goal-wrap p[data-v-4498df54] {
    font-size: 1.0417vw;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.5625vw
}

.about-wrap-1 .bottom-wrap .goal-wrap h3[data-v-4498df54] {
    font-size: 2.6042vw;
    line-height: 1
}

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

.about-wrap-2[data-v-0c1681a8] {
    background-repeat: no-repeat;
    background-size: contain;
    height: 175.35416vw;
    position: relative
}

.about-wrap-2 .content-wrap[data-v-0c1681a8] {
    color: #fff;
    display: flex;
    height: 26.71875vw;
    justify-content: space-between;
    margin: 0 16.6667vw;
    padding-top: 6.25vw;
    position: relative
}

.about-wrap-2 .content-wrap .zh[data-v-0c1681a8] {
    font-size: 1.3541vw;
    letter-spacing: 1px;
    line-height: 1.82291vw;
    transform-origin: 0 0
}

.about-wrap-2 .content-wrap .en[data-v-0c1681a8] {
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    font-size: 1.0417vw;
    line-height: 1.4583vw;
    opacity: .3;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: 100% 0;
    width: 42%
}

@media screen and (max-width:1400px) {
    .about-wrap-2 .bg-wrap[data-v-0c1681a8] {
        height: 100vh !important
    }
}

.about-wrap-2 .bg-wrap[data-v-0c1681a8] {
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: 65.8125vw;
    position: sticky;
    top: 0
}

.about-wrap-2 .bg-wrap .img-wrap[data-v-0c1681a8] {
    background: #fff;
    border-radius: 50%;
    height: 33.33vw;
    margin-left: 16.6667vw;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 33.33vw;
    z-index: 2
}

.about-wrap-2 .bg-wrap .img-wrap .water-img[data-v-0c1681a8] {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 0;
    position: absolute;
    transform: scale(1.1);
    transform-origin: 15vw 15vw;
    transition: opacity 1.5s, transform 1.5s;
    z-index: 1
}

.about-wrap-2 .bg-wrap .img-wrap .water-img.in[data-v-0c1681a8] {
    opacity: 1;
    transform: scale(1);
    transition: transform 2s, opacity 1.5s
}

.about-wrap-2 .water-wrap[data-v-0c1681a8] {
    align-items: center;
    display: flex;
    left: 16.6667vw;
    position: absolute;
    top: 26.875vw
}

.about-wrap-2 .water-wrap .text-label-wrap[data-v-0c1681a8] {
    margin-left: 39.58333vw;
    margin-top: 10vw
}

.about-wrap-2 .water-wrap .text-wrap[data-v-0c1681a8] {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 43.8125vw;
    justify-content: center;
    min-height: 50vh
}

.about-wrap-2 .water-wrap .text-wrap h3[data-v-0c1681a8] {
    font-size: 2.6042vw
}

.about-wrap-2 .water-wrap .text-wrap h3 span[data-v-0c1681a8] {
    font-size: 5.2083vw
}

.about-wrap-2 .water-wrap .text-wrap .desc[data-v-0c1681a8] {
    font-size: 1.3541vw;
    margin-top: 1.25vw
}

.about-wrap-2 .water-wrap .text-wrap .en[data-v-0c1681a8] {
    font-size: 1.0417vw;
    margin-top: 2.6042vw;
    opacity: .3;
    width: 24vw
}

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

.about-wrap-3[data-v-5a3a8dbf] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 65.67708vw;
    padding-left: 16.6667vw;
    padding-right: 16.6667vw;
    position: relative
}

.about-wrap-3 .title-wrap[data-v-5a3a8dbf] {
    color: #fff
}

.about-wrap-3 .title-wrap h2[data-v-5a3a8dbf] {
    font-size: 9.375vw;
    line-height: 1
}

.about-wrap-3 .title-wrap h4[data-v-5a3a8dbf] {
    font-size: 2.6042vw;
    transform-origin: left
}

.about-wrap-3 .title-wrap p[data-v-5a3a8dbf] {
    font-size: 1.3541vw;
    margin-top: 2.6042vw;
    text-align: right;
    transform-origin: right
}

.about-wrap-3 .brand-wrap[data-v-5a3a8dbf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.6042vw;
    padding-top: 2.0833vw
}

.about-wrap-3 .brand-wrap .brand-item[data-v-5a3a8dbf] {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: .8333vw;
    height: 16.5625vw;
    justify-content: space-between;
    margin-bottom: 1.5625vw;
    opacity: 0;
    padding: 2.0833vw;
    position: relative;
    width: 32%
}

.about-wrap-3 .brand-wrap .brand-item .icon[data-v-5a3a8dbf] {
    font-size: 2.0833vw;
    transition: all .55s
}

.about-wrap-3 .brand-wrap .brand-item[data-v-5a3a8dbf]:before {
    bottom: 0;
    box-shadow: 0 0 1.0417vw .2604vw hsla(0, 0%, 100%, .35);
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .55s
}

.about-wrap-3 .brand-wrap .brand-item[data-v-5a3a8dbf]:hover {
    transform: scale(1.04) !important;
    transition: all 1s
}

.about-wrap-3 .brand-wrap .brand-item[data-v-5a3a8dbf]:hover:before {
    opacity: 1;
    transition: opacity .55s
}

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

.about-wrap-4[data-v-f1643812] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 56.25vw;
    padding-left: 16.6667vw;
    padding-right: 16.6667vw;
    padding-top: 8.854vw;
    position: relative
}

.about-wrap-4 .title-wrap[data-v-f1643812] {
    color: #fff;
    transform-origin: 0 0
}

.about-wrap-4 .title-wrap h2[data-v-f1643812] {
    font-size: 2.6042vw;
    line-height: 1.2;
    margin-top: 6.25vw
}

.about-wrap-4 .title-wrap p[data-v-f1643812] {
    font-size: 1.0417vw
}

.about-wrap-4 .bottom-wrap[data-v-f1643812] {
    bottom: 8.854vw;
    left: 16.6667vw;
    position: absolute;
    transform-origin: 0 100%
}

.about-wrap-4 .bottom-wrap p[data-v-f1643812] {
    color: #fff;
    font-size: .8333vw;
    line-height: 1.5;
    margin-top: 1.5625vw
}

[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-6d88fd6c]:export {
    edgeMargin: 16.6667vw
}

.about-wrap-5[data-v-6d88fd6c] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 94.79166vw;
    padding-left: 16.6667vw;
    padding-right: 16.6667vw;
    padding-top: 8.854vw;
    position: relative
}

.about-wrap-5 .title-wrap[data-v-6d88fd6c] {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: space-between
}

.about-wrap-5 .title-wrap h2[data-v-6d88fd6c] {
    font-size: 2.6042vw;
    line-height: 1;
    margin-bottom: 1.5625vw
}

.about-wrap-5 .title-wrap p[data-v-6d88fd6c] {
    font-size: .8333vw;
    line-height: 1.8
}

.about-wrap-5 .title-wrap h4[data-v-6d88fd6c] {
    font-size: 1.0417vw;
    text-align: right
}

.about-wrap-5 .map-wrap[data-v-6d88fd6c] {
    margin-top: 7.8125vw
}

.about-wrap-5 .map-wrap img[data-v-6d88fd6c] {
    width: 100%
}

.about-wrap-5 .center-swiper-progress[data-v-6d88fd6c] {
    bottom: 10.4167vw;
    left: 52vw;
    position: absolute
}

.about-wrap-5 .center-swiper-progress .progress[data-v-6d88fd6c] {
    color: hsla(0, 0%, 100%, .3);
    font-size: .78125vw;
    letter-spacing: 1px
}

.about-wrap-5 .center-swiper-progress .progress .curr[data-v-6d88fd6c] {
    color: #fff;
    font-size: .78125vw;
    font-weight: 700
}

.about-wrap-5 .center-swiper-progress .type[data-v-6d88fd6c] {
    color: #fff;
    font-size: 1.0417vw;
    margin-top: 1.5625vw
}

.about-wrap-5 .center-swiper-progress .type.trans[data-v-6d88fd6c] {
    animation: lightSpeedInRight;
    animation-duration: 2s
}

.center-swiper-container[data-v-6d88fd6c] {
    height: 22vw;
    margin-top: 1.5625vw;
    padding-bottom: 2.6042vw;
    position: relative
}

.center-item[data-v-6d88fd6c] {
    align-items: flex-end;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: space-between
}

.center-item .name[data-v-6d88fd6c] {
    cursor: pointer;
    font-size: 1.3541vw;
    opacity: .2;
    transition: all 1.5s
}

.center-item .name[data-v-6d88fd6c]:hover {
    opacity: .5
}

.center-item .count-wrap[data-v-6d88fd6c] {
    align-items: flex-start;
    opacity: 0;
    transition: opacity 1s
}

.center-item .count[data-v-6d88fd6c] {
    align-items: center;
    display: flex;
    font-size: 7.2916vw;
    height: 6.25vw;
    line-height: 5.2083vw;
    transform: scale(.5);
    transition: transform 1s
}

.center-item .plus[data-v-6d88fd6c] {
    align-self: flex-start;
    font-size: 2.6042vw;
    line-height: .9
}

.center-item .plus+.unit[data-v-6d88fd6c] {
    margin-left: -.2604vw
}

.center-item .unit[data-v-6d88fd6c] {
    align-self: flex-end;
    font-size: 2.6042vw;
    line-height: .9
}

[data-v-6d88fd6c] .center-slide.swiper-slide-active {
    height: 8.333vw !important
}

[data-v-6d88fd6c] .center-slide.swiper-slide-active .center-item {
    border-bottom: 1px solid #fff;
    color: #fff;
    transition: border-bottom 1.5s
}

[data-v-6d88fd6c] .center-slide.swiper-slide-active .center-item .name {
    align-self: center;
    font-size: 2.6042vw;
    opacity: 1;
    padding-left: 1.5625vw;
    transition: all 1.5s
}

[data-v-6d88fd6c] .center-slide.swiper-slide-active .center-item .name:hover {
    opacity: 1;
    transition: all 1.5s
}

[data-v-6d88fd6c] .center-slide.swiper-slide-active .center-item .count-wrap {
    align-self: flex-start;
    margin-top: -1.0417vw;
    opacity: 1;
    transition: all 1.5s
}

[data-v-6d88fd6c] .center-slide.swiper-slide-active .center-item .count {
    transform: scale(1);
    transition: transform 1s
}

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

.about-wrap-7[data-v-21e63048] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 89.583333vw;
    overflow: hidden;
    position: relative;
    width: 100vw
}

.about-wrap-7 .db-wrap[data-v-21e63048] {
    backface-visibility: hidden;
    overflow: hidden;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.about-wrap-7 .db-wrap:hover img[data-v-21e63048] {
    transform: scale(1.1) !important;
    transition: transform 1.5s
}

.about-wrap-7 .db1[data-v-21e63048] {
    background-color: #003ab3;
    -webkit-clip-path: circle(18.4895vw at 28% -2%);
    clip-path: circle(18.4895vw at 28% -2%);
    height: 18.125vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 26.042vw;
    z-index: 1
}

.about-wrap-7 .db1 img[data-v-21e63048] {
    height: 100%;
    mix-blend-mode: overlay;
    transform: translateX(-4.375vw) scale(1.25);
    transform-origin: 50% 0;
    z-index: -1
}

.about-wrap-7 .db2[data-v-21e63048] {
    -webkit-clip-path: circle(4.32vw at 54% 49%);
    clip-path: circle(4.32vw at 54% 49%);
    height: 11.09375vw;
    left: 41.97916vw;
    position: absolute;
    top: 14.6354vw;
    width: 22.8645vw
}

.about-wrap-7 .db2 img[data-v-21e63048] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db3[data-v-21e63048] {
    -webkit-clip-path: circle(13vw at 48% 51%);
    clip-path: circle(13vw at 48% 51%);
    height: 27.1875vw;
    position: absolute;
    right: -18.1875vw;
    top: 10.4167vw;
    z-index: 1
}

.about-wrap-7 .db3 img[data-v-21e63048] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db4[data-v-21e63048] {
    -webkit-clip-path: circle(5.9375vw at 35% 45%);
    clip-path: circle(5.9375vw at 35% 45%);
    height: 15.2083vw;
    left: 10.4167vw;
    position: absolute;
    top: 35.46875vw;
    width: 26.40625vw
}

.about-wrap-7 .db4 img[data-v-21e63048] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db5[data-v-21e63048] {
    -webkit-clip-path: circle(8.07291vw at 53% 50%);
    clip-path: circle(8.07291vw at 53% 50%);
    height: 17.96875vw;
    position: absolute;
    right: 8.333vw;
    top: 37.3958vw;
    width: 28.4895vw
}

.about-wrap-7 .db5 img[data-v-21e63048] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .db6[data-v-21e63048] {
    bottom: -8.22916vw;
    -webkit-clip-path: circle(17.68229vw at 38% 50%);
    clip-path: circle(17.68229vw at 38% 50%);
    height: 36.30208vw;
    left: 10.4167vw;
    position: absolute;
    width: 54.32291vw
}

.about-wrap-7 .db6 img[data-v-21e63048] {
    height: 100%;
    -webkit-mask: linear-gradient(150deg, #000 40%, transparent 60%);
    mask: linear-gradient(150deg, #000 40%, transparent 60%);
    -webkit-mask: linear-gradient(150deg, #000 30%, transparent 70%);
    mask: linear-gradient(150deg, #000 30%, transparent 70%);
    -o-object-fit: cover;
    object-fit: cover
}

.about-wrap-7 .text1[data-v-21e63048] {
    color: #fff;
    display: flex;
    left: 25.15625vw;
    position: absolute;
    top: 29.94791vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.about-wrap-7 .text1 h3[data-v-21e63048] {
    font-size: 2.6042vw;
    margin-right: 2.6042vw
}

.about-wrap-7 .text1 p[data-v-21e63048] {
    font-size: .8333vw;
    line-height: 2;
    transform-origin: 0 0
}

.about-wrap-7 .text2[data-v-21e63048] {
    bottom: 21.09375vw;
    color: #fff;
    display: flex;
    left: 36.14583vw;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.about-wrap-7 .text2 p[data-v-21e63048] {
    font-size: 1.0417vw;
    line-height: 1.4583vw;
    margin-right: 2.5vw
}

.about-wrap-7 .text2 h2[data-v-21e63048] {
    font-weight: 700
}

.about-wrap-7 .text2 h2[data-v-21e63048],
.about-wrap-7 .text2 h3[data-v-21e63048] {
    font-size: 9.375vw;
    letter-spacing: -.2604vw;
    line-height: 7.2916vw
}

.about-wrap-7 .text2 #marks[data-scroll=in][data-v-21e63048] {
    animation: fadeInUp;
    animation-duration: 1.5s
}

.about-wrap-7 .text2 #marks[data-scroll=out][data-v-21e63048] {
    animation: fadeOutDown;
    animation-duration: 2s
}

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

.about-wrap-8[data-v-f5dd0cc2] {
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 50.104166vw;
    position: relative
}

.about-wrap-8[data-v-f5dd0cc2]:before {
    background: #fff;
    bottom: 13.021vw;
    content: "";
    left: 14.5833333vw;
    opacity: .5;
    position: absolute;
    top: 13.021vw;
    width: 1px;
    z-index: 2
}

.about-wrap-8 .title[data-v-f5dd0cc2] {
    font-size: 2.6042vw;
    left: 16.6667vw;
    position: absolute;
    top: 13.021vw
}

.about-wrap-8 .title-en[data-v-f5dd0cc2] {
    font-size: 1.0417vw;
    line-height: 1.4;
    position: absolute;
    right: 16.6667vw;
    text-align: right;
    top: 13.021vw;
    transform-origin: 100% 50%
}

.about-wrap-8 .text[data-v-f5dd0cc2] {
    bottom: 14.0625vw;
    font-size: .8333vw;
    left: 16.6667vw;
    line-height: 2;
    position: absolute;
    transform-origin: 0 100%
}

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

.about-wrap-9[data-v-1efd91e6] {
    color: #fff;
    height: 79.3229166vw;
    overflow: hidden;
    position: relative
}

.about-wrap-9 .title-label[data-v-1efd91e6] {
    color: #fff;
    font-size: 14.0625vw;
    left: 16.14583vw;
    letter-spacing: -.8333vw;
    line-height: 10.9375vw;
    position: absolute;
    top: 25vw;
    transform-origin: 0 0;
    z-index: 1
}

.about-wrap-9 .bg1[data-v-1efd91e6] {
    background-size: cover;
    z-index: 0
}

.about-wrap-9 .bg1[data-v-1efd91e6],
.about-wrap-9 .bg2[data-v-1efd91e6] {
    background-position: bottom;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1);
    transform-origin: 50% 80%
}

.about-wrap-9 .bg2[data-v-1efd91e6] {
    background-size: contain;
    z-index: 1
}

.about-wrap-9 .title-wrap[data-v-1efd91e6] {
    left: 16.6667vw;
    position: absolute;
    top: 7.8125vw
}

.about-wrap-9 .title-wrap h3[data-v-1efd91e6] {
    color: #262626;
    font-size: 2.6042vw;
    transform-origin: 0 0
}

.about-wrap-9 .title-wrap p[data-v-1efd91e6] {
    color: #262626;
    font-size: 1.3541vw;
    letter-spacing: 1px;
    line-height: 1.82291vw;
    margin-top: 1.5625vw;
    transform-origin: 0 100%;
    width: 32em
}

.about-wrap-9 .title-en[data-v-1efd91e6] {
    color: #262626;
    font-size: 1.0417vw;
    line-height: 1.4583vw;
    position: absolute;
    right: 16.6667vw;
    text-align: right;
    top: 7.8125vw;
    z-index: 4
}

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

.link-arrow[data-v-33d2dcd3] {
    align-items: center;
    border: 1px solid #9b9b9f;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 2.0833vw;
    justify-content: center;
    transition: all 1s;
    width: 2.0833vw
}

.link-arrow .el-icon-top-right[data-v-33d2dcd3] {
    color: #9b9b9f;
    font-size: 1.0417vw
}

.link-arrow.full[data-v-33d2dcd3] {
    background: #003ab3;
    border: 1px solid #003ab3;
    transition: all 1.5s
}

.link-arrow.full .el-icon-top-right[data-v-33d2dcd3] {
    color: #fff;
    font-size: 1.0417vw
}

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

.about-wrap-10[data-v-2c45bc18] {
    background: #f5f9ff;
    background-size: 100% 100%;
    height: 85.5208vw;
    overflow: hidden;
    position: relative;
    width: 100%
}

.about-wrap-10 .letter-wrap[data-v-2c45bc18] {
    align-items: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    height: 18.85416vw;
    justify-content: space-between;
    left: 0;
    margin-left: -2.6042vw;
    position: absolute;
    top: 8.333vw;
    width: 100vw;
    z-index: 0
}

.about-wrap-10 .o1-wrap[data-v-2c45bc18] {
    margin-left: 17vw
}

.about-wrap-10 .o1-wrap[data-v-2c45bc18],
.about-wrap-10 .o3-wrap[data-v-2c45bc18] {
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
    flex-shrink: 0;
    height: 19.53125vw;
    width: 19.53125vw
}

.about-wrap-10 .o3-wrap[data-v-2c45bc18] {
    margin-right: -8.333vw
}

.o2-wrap[data-v-2c45bc18] {
    background-position: 87% 0;
    background-size: 40%;
    bottom: 0;
    -webkit-clip-path: circle(9.947916vw at 73% 20%);
    clip-path: circle(9.947916vw at 73% 20%);
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transform-origin: 100% 0;
    z-index: 10
}

.o2-wrap.fullScreen[data-v-2c45bc18] {
    background-position: 100% 0
}

.cont-wrap[data-v-2c45bc18] {
    bottom: 0;
    display: flex;
    justify-content: space-between;
    left: 16.6667vw;
    position: absolute;
    right: 16.6667vw;
    transform: translateZ(0);
    z-index: 3
}

.cont-wrap .title-wrap[data-v-2c45bc18] {
    font-size: 1.3541vw;
    letter-spacing: 1px;
    line-height: 1.82291vw
}

.cont-wrap .title-wrap .img-wrap[data-v-2c45bc18] {
    border-radius: .7292vw;
    box-shadow: 0 3.125vw 4.1666vw .2604vw rgba(44, 55, 81, .22);
    height: 19.94792vw;
    margin-top: 8.333vw;
    overflow: hidden;
    width: 29.5833vw
}

.cont-wrap .title-wrap .img-wrap img[data-v-2c45bc18] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cont-wrap .list-warp[data-v-2c45bc18] {
    align-items: flex-start;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1.0417vw;
    display: flex;
    flex-direction: column;
    height: 48vw;
    justify-content: flex-end;
    padding: 5.2083vw 3.125vw;
    transform: translateZ(0);
    width: 33.59375vw
}

.text-wrap[data-v-2c45bc18] {
    maring-right: 1.5625vw;
    flex: 1
}

.link-btn[data-v-2c45bc18] {
    display: flex;
    justify-content: flex-end;
    margin: 1.5625vw
}

.cont-wrap.show[data-v-2c45bc18] {
    opacity: 1;
    transition: opacity 1.5s
}

.cont-wrap.hidden[data-v-2c45bc18] {
    opacity: 0
}

.news-list[data-v-2c45bc18] {
    margin-bottom: 1.0417vw
}

.news-list .news-item[data-v-2c45bc18] {
    align-items: center;
    color: #fefefe;
    cursor: pointer;
    display: flex;
    margin-bottom: 4.1666vw;
    opacity: .7
}

.news-list .news-item .news-date[data-v-2c45bc18] {
    flex-shrink: 0;
    margin-right: 1.5625vw;
    text-align: center;
    width: 3.385416vw
}

.news-list .news-item .news-date .date-day[data-v-2c45bc18] {
    font-size: 3.385416vw
}

.news-list .news-item .news-date .date-year[data-v-2c45bc18] {
    font-size: .8333vw;
    line-height: 1.1
}

.news-list .news-item .text-wrap h3[data-v-2c45bc18] {
    font-size: 1.3541vw;
    line-height: 1.35;
    margin-bottom: 1.0417vw
}

.news-list .news-item .text-wrap .desc[data-v-2c45bc18],
.news-list .news-item .text-wrap h3[data-v-2c45bc18] {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-list .news-item .text-wrap .desc[data-v-2c45bc18] {
    font-size: .8333vw;
    line-height: 1.0417vw;
    max-width: 98%
}

.news-list .news-item.active .news-date .date-year[data-v-2c45bc18],
.news-list .news-item.active[data-v-2c45bc18] {
    color: #fff;
    opacity: 1
}

.news-list .news-item.active p[data-v-2c45bc18] {
    opacity: .7
}

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

.about-wrap-11[data-v-c011bfca] {
    background-repeat: no-repeat;
    background-size: cover;
    height: 56.25vw;
    overflow: hidden;
    position: relative;
    width: 100%
}

.about-wrap-11 .text-wrap[data-v-c011bfca] {
    color: #fff;
    font-size: .8333vw;
    line-height: 1.4583vw;
    margin-left: 16.6667vw;
    margin-top: 8.854vw;
    max-width: 37.5vw
}

.about-wrap-11 .label-wrap[data-v-c011bfca] {
    bottom: 0;
    left: 16.6667vw;
    position: absolute
}

.about-wrap-11 .label-wrap h2[data-v-c011bfca] {
    color: #fff;
    font-size: 9.375vw;
    letter-spacing: -.36458333vw;
    line-height: 6.771vw;
    mix-blend-mode: overlay
}

.about-wrap-11 .vision-list[data-v-c011bfca] {
    display: flex;
    justify-content: space-between;
    margin: 3.125vw 16.6667vw;
    padding: 3.64583vw 0
}

.about-wrap-11 .vision-list .vision-item[data-v-c011bfca] {
    background-color: rgba(7, 24, 50, .1);
    border-radius: .625vw;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 20.8333vw;
    justify-content: space-between;
    padding: 2.34375vw 1.1458vw 1.82291vw;
    width: 15.625vw
}

.about-wrap-11 .vision-list .vision-item .name[data-v-c011bfca] {
    flex: 1;
    font-size: 1.1458vw;
    transition: all .5s
}

.about-wrap-11 .vision-list .vision-item .text[data-v-c011bfca] {
    align-items: flex-start;
    border-bottom: 1px solid #fff;
    display: flex;
    font-size: 1.3541vw;
    height: 4.1666vw;
    line-height: 1.6667vw;
    margin-bottom: 1.4583vw;
    padding-bottom: 1.4583vw
}

.about-wrap-11 .vision-list .vision-item .en[data-v-c011bfca] {
    font-size: .8333vw
}

.about-wrap-11 .vision-list .vision-item[data-v-c011bfca]:hover {
    background-color: rgba(7, 24, 50, .3);
    transition: all 1s
}

.about-wrap-11 .vision-list .vision-item:hover .name[data-v-c011bfca] {
    font-size: 1.3541vw;
    transition: all 1s
}