.b7-container {
    --global-nav-height: 76px;
    --global-full-height: calc(100vh - var(--global-nav-height));
}

.b7-container *,
.b7-container::before,
.b7-container::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.b7-container *:focus,
.b7-container *:active {
    outline: none;
}

.b7-container section {
    position: relative;
    z-index: 1;
}

.b7-pc-hide {
    display: none;
}

.b7-mob-hide {
    display: inline-block;
}

.b7-container img ,.b7-container video{
    width: 100%;
    max-width: 100%;
}
.b7-container sup {
    font-size: .6em;
    cursor: pointer;
}

.b7-container span.nowrap {
    white-space: nowrap;
}

.b7-container .section-between {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.b7-container .section-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.b7-container .video-fallback {
    display: none;
}
.b7-container.no-sticky .video-fallback,
.b7-container.isWeChat .video-fallback,
.b7-container.isuc .video-fallback,
.b7-container.isie .video-fallback {
    display: block;
}

.b7-container.isuc video,
.b7-container.isWeChat video,
.b7-container.isie video {
    display: none;
}

.b7-pc-hide {
    display: none;
}

.b7-mob-hide {
    display: inline-block;
}

.b7-title {
    font-size: 4.6875vw;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 1.5625vw;
}

.b7-desc {
    font-size: 1.25vw;
    line-height: 1.6;
    color: #606060;
}

/* s1 */
.b7-s1 {
    padding: 6.25vw 0 10.416667vw 0;
}

.b7-s1 .section-picture {
    width: 28.645833vw;
    margin-left: 19.322917vw;
}

.b7-kv-text {
    position: absolute;
    top: 20.677083vw;
    left: 56.25vw;
}
.b7-kv-logo{
    width: 24.583333vw;
    margin: 0 auto;
    margin-bottom:1.5625vw;
}

.b7-kv-slogan {
    font-size: 1.25vw;
    line-height: 1.25;
}

/* s2 */
.b7-buying-point-wrap {
    width: 78.177083vw;
    margin: 0 auto;
    overflow: hidden;
}

.b7-buying-point-right {
    flex-wrap: wrap;
    flex: 1;
}

.b7-buying-point {
    cursor: pointer;
    position: relative;
    background-color: #F0F0F0;
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    overflow: hidden;
}

.b7-buying-point-1 {
    width: 18.333333vw;
    margin-right: 1.5625vw;
}
.b7-buying-point-1 .b7-buying-point-info{
    width: 8.385417vw;
}
.b7-buying-point-2 {
    width: 28.385417vw;
    margin-right: 1.5625vw;
}
.b7-buying-point-2 .b7-buying-point-info{
    width: 100%;
}
.b7-buying-point-3 {
    width: 28.28125vw;
    height: 23.645833vw;
}

.b7-buying-point-3 .b7-buying-point-info {
    width: 15.888889vw;
}

.b7-buying-point-4 {
    width: 18.489583vw;
    height: 18.28125vw;
    margin-top: 1.5625vw;
}
.b7-buying-point-4-img{
    width: 9.947917vw;
    margin-top: 1.341667vw;
    margin-left: -1.29375vw;
}
.b7-buying-point-4 .b7-buying-point-info {
    width: 10.333333vw;
}

.b7-buying-point-5,
.b7-buying-point-6 {
    width: 18.333333vw;
    height: 18.28125vw;
    margin-left: 1.5625vw;
    margin-top: 1.5625vw;
}

.b7-buying-point-5 .b7-buying-point-info {
    width: 8.55vw;
}

.b7-buying-point-6 .b7-buying-point-info {
    width: 100%;
}

.b7-buying-point-text {
    width: 100%;
    position: absolute;
    top: 1.822917vw;
    padding: 0 1.083333vw 0 2.083333vw;
}

.b7-buying-point-title {
    font-size: 1.666667vw;
    line-height: 1.25;
    font-weight: bold;
}

.b7-buying-point-info {
    font-size: 1.041667vw;
    line-height: 1.6;
    margin-top: .520833vw;
}
.b7-buying-point-3 .b7-buying-point-text,
.b7-buying-point-4 .b7-buying-point-text,
.b7-buying-point-5 .b7-buying-point-text,
.b7-buying-point-6 .b7-buying-point-text{
    position: static;
    margin-top: 1.822917vw;
}
.b7-buying-point-3-img{
    width: 11.770833vw;
    margin: 0 auto;
    margin-top: 1.5625vw;
}
.b7-buying-point-5-img{
    width: 9.947917vw;
    margin-top: 1.341667vw;
    margin-left: -1.45375vw;
}
.b7-buying-point-6-img{
    width:9.270833vw;
    margin-top: 1.041667vw;
    margin-left: 2.1875vw;
}
.b7-buying-point-indicator {
    overflow: hidden;
    position: absolute;
    width: 3.125vw;
    height: 3.125vw;
    bottom: 1.041667vw;
    right: 1.041667vw;
    border-radius: 100%;
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 101%;
    cursor: pointer;
}

.b7-buying-point-indicator .section-indicator-img {
    width: 100%;
    position: absolute;
    left: 0vw;
    bottom: 0;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.b7-buying-point:hover .section-indicator-img {
    bottom: -100%;
}

/* s3 */
.b7-s3,
.b7-s4,
.b7-s5 {
    padding-top: 10.416667vw;
}

.b7-s3 .b7-s3-wrap {
    width: 73.802083vw;
    margin: 0 auto;
}

.b7-s3-wrap .section-picture {
    width: 41.510417vw;
}

.b7-s3-wrap .b7-text-box {
    width: 34.65625vw;
    margin-left: -0.364583vw;
}

/* s4 */
.b7-s4 .b7-s4-wrap {
    width:74.53125vw;
    margin: 0 auto;
}

.b7-s4-wrap .b7-text-box {
    width: 26.697917vw;
}

.b7-s4-wrap .section-picture {
    width: 23.489583vw;
    margin-left: 3.697917vw;
}

.b7-text-info {
    margin-left: 6.770833vw;
}

.b7-text-info-title {
    font-size: 2.5vw;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: .520833vw;
}

.b7-text-info-name {
    font-size: 1.25vw;
    line-height: 1.6;
    color: #606060;
}

.b7-text-info li:first-child {
    margin-bottom: 2.083333vw;
}

/* s5 */
.b7-s5 {
    padding-bottom: 6.25vw;
}

.b7-s5 .b7-s5-wrap {
    width: 71.666667vw;
    margin: 0 auto;
}

.b7-s5-wrap .section-picture {
    width: 35.729167vw;
}

.b7-s5-wrap .b7-text-box {
    width: 32.8125vw;
}
.b7-s5-colors{
    margin-top: -0.572917vw;
    position: relative;
    z-index: 1;
}
.b7-s5-colors-black,.b7-s5-colors-gray{
    width: 1.927083vw;
    height: 1.927083vw;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.b7-s5-colors-black{
    background-color: #2D2D2D;
}
.b7-s5-colors-gray{
    background-color: #8C817D;
}
.b7-s5-colors li:first-child{
    margin-right: 3.125vw;
}
.b7-s5-colors li p{
    font-size: 1.25vw;
    line-height: 1.6;
    color: #606060;
    margin-top: 1.041667vw;
}
/* b7-black-area */
.b7-black-area {
    background-color: #000;
    color: white;
    padding: 6.25vw 0 0 0;
}

.b7-black-area .b7-desc {
    color: #D5D5D5;
}

.b7-s6 .b7-text-box {
    width:50.64375vw;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 1;
}

.b7-s6 .section-picture {
    width: 100%;
    margin-top: 3.125vw;
}

/* s7 */
.b7-s7,
.b7-s8 {
    padding-top: 10.416667vw;
}

.b7-s7 .b7-s7-wrap {
    width: 65.208333vw;
    margin: 0 auto;
}

.b7-s7-wrap .b7-text-box {
    width: 29vw;
}

.b7-s7 .section-picture {
    width: 24.911458vw;
}

/* s8 */
.b7-s8-wrap {
    padding-top: 12.557292vw;
    padding-bottom: 6.822917vw;
    position: relative;
}

.b7-s8-wrap .b7-s8-content {
    width: 75.625vw;
    position: absolute;
    top: 0;
    left: 10.833333vw;
    align-items: flex-start;
}

.b7-s8-wrap .b7-text-box {
    width: 33.291667vw;
    margin-top: 9.895833vw;
}


.b7-s8 .section-picture {
    width: 40.104167vw;
}

/* s9 */
.b7-s9 {
    padding-top: 10.416667vw;
}

.b7-s9-wrap {
    width: 65.104167vw;
    margin: 0 auto;
    text-align: center;
}

.b7-s9-wrap .b7-text-box .b7-title {
    margin-bottom: 3.125vw;
}

.b7-s9-list {
    width: 100%;
    flex-wrap: wrap;
}

.b7-s9-item {
    width: 31.770833vw;
    background-color: #1A1A1A;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    padding-top: 3.125vw;
    padding-bottom: 1.770833vw;
    mix-blend-mode: screen;
}

.b7-s9-item-img {
    width: 8.854167vw;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.b7-s9-item-1 .b7-s9-item-img {
   transform: scale(1.23);
    -webkit-transform: scale(1.23);
    mix-blend-mode: screen;
    border-radius: 50%;
    overflow: hidden;
}
.b7-s9-list .b7-s9-item-2 .b7-s9-item-img,
.b7-s9-list .b7-s9-item-4 .b7-s9-item-img{
    transform: scale(1.23);
    -webkit-transform: scale(1.23);
    mix-blend-mode: screen;
}
.b7-s9-list .b7-s9-item .b7-s9-item-img img,
.b7-s9-list .b7-s9-item .b7-s9-item-img video{
        mix-blend-mode: screen;
}
.b7-container.isuc .b7-s9-item-1 .b7-s9-item-img,
.b7-container.isWeChat .b7-s9-item-1 .b7-s9-item-img,
.b7-container.isie .b7-s9-item-1 .b7-s9-item-img{
    border-radius: 0;
}
.b7-s9-item-1 .b7-s9-item-img
.b7-s9-item-1 .b7-s9-item-img video{
    transform: scale(1);
    -webkit-transform: scale(1);
} 
.b7-s9-item-text {
    width: 24.114583vw;
    margin: 0 auto;
    margin-top: 1.5625vw;
    text-align: center;
}

.b7-s9-item-text .b7-title,
.b7-s10-item-text .b7-title {
    font-size: 1.666667vw;
}

.b7-s9-item-1 {
    margin-right: 1.5625vw;
    margin-bottom: 1.5625vw;
}

.b7-s9-item-2 {
    margin-bottom: 1.5625vw;
}

.b7-s9-item-3 {
    margin-right: 1.5625vw;
}

/* s10 */
.b7-s10 {
    padding-top: 10.416667vw;
    padding-bottom: 6.25vw;
    position: relative;
    height: 200vh;
    background-color: #000;
}

.b7-s10-swiper {
    position: sticky;
    width: 100%;
    height: auto;
    /* top: 0; */
    top: calc((100vh - var(--global-nav-height) - 30vw) / 2 + var(--global-nav-height));
}
.b7-container.isie .b7-s10{
    height: auto;
}
.b7-container.isie .b7-s10-swiper{
    position: static;
}
.b7-s10-swiper .swiper {
    width: 64.322917vw;
    height: 31.572917vw;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.swiper-container {
    position: relative;
}

.b7-s10-swiper .swiper-slide {
    position: relative;
    height: 29.0625vw;
    padding-top: 3.958333vw;
    padding-bottom: 5vw;
    opacity: 0;
    transition: all 0.2s;
}
.swiper-slide.swiper-slide-active{
    opacity: 1;
    /* transition-delay: 0.5s; */
}

.b7-s10-swiper .swiper-slide .section-picture {
    width: 10.416667vw;
    position: absolute;
    top: 0;
    left: 3.28125vw;
}

.b7-s10-swiper .swiper-slide-content {
    background: #1A1A1A;
    height: 22.34375vw;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    display: flex;
    align-items: center;
}

.b7-s10-item-text {
    width: 41.354167vw;
    position: relative;
    left: 17.395833vw;
}
.b7-s10-item-text .b7-s10-tips{
    font-size: 12px;
    line-height: 1.6;
    color: #B9B9B9;
    margin-top: 1.5625vw;
}

.b7-s10-swiper .swiper-pagination {
    position: absolute;
    top:13.645833vw;
    right: 19.791667vw;
    display: flex;
    flex-direction: column;
}
.b7-container.isie .b7-s10-swiper .swiper-pagination{
    top: 24.67vw;
}
.b7-s10-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #606060;
    width: .625vw;
    height: .625vw;
}

.b7-s10-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #CCCCCC;
}

.b7-s10-swiper .swiper-pagination .swiper-pagination-bullet:first-child {
    margin-bottom: .520833vw;
}

/* s11 */
.b7-s11 {
    padding-top: 6.25vw;
}

.b7-s11 .b7-s11-wrap {
    width: 68.90625vw;
    margin: 0 auto;
}

.b7-s11-wrap .section-picture {
    width: 28.697917vw;
}

.b7-s11-wrap .b7-text-box {
    width: 33.8125vw;
}

.b7-s11-wrap .b7-text-box .b7-desc {
    width: 31.77083vw;
}

/* s12 */
.b7-s12 {
    padding-top: 10.416667vw;
    padding-bottom: 6.25vw;
}

.b7-s12-wrap {
    width: 64.84375vw;
    margin: 0 auto;
}

.b7-s12-wrap .b7-text-box {
    width: 31.041667vw;
}

.b7-s12-wrap .section-picture {
    width: 30.78125vw;
}

.b7-s12-icon {
    width: 4.895833vw;
    margin: 0 auto;
}

.b7-s12-icon-name {
    font-size: 1.25vw;
    line-height: 1.6;
    text-align: center;
    margin-top: 1.041667vw;
}

.b7-s12 .b7-s12-list {
    margin-top: 1.5625vw;
    justify-content: flex-start;
}

.b7-s12 .b7-s12-list li:not(:last-child) {
    margin-right: 3.4375vw;
}

/* s13 */
.b7-s13 {
    background-color: #FAFAFA;
    padding: 6.25vw 0;
}

.b7-s13 .b7-text-box {
    width: 49.020833vw;
    margin: 0 auto;
    text-align: center;
}

.b7-s13 .section-picture {
    width: 46.40625vw;
    margin: 0 auto;
    margin-top: 3.125vw;
}

.b7-container .section-footnote {
    color: #9D9D9D;
    font-size: 12px;
    margin: 0 auto;
    width: 78.125vw;
    padding-top: 6.25vw;
    padding-bottom: 6.25vw;
    overflow: hidden;
}

@media (min-width: 1920px) {
    .b7-container .section-footnote,.b7-s10-item-text .b7-s10-tips {
        font-size: .625vw;
    }
}

.b7-container .section-footnote .active {
    color: #000000;
}

.b7-container .section-footnote ol {
    list-style-type: decimal;
    padding-left: 2em;
}

.b7-container .section-footnote li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    line-height: 1.6em;
    padding-left: 0.5em;
}

@media (max-aspect-ratio: 51 / 50) {
    .b7-pc-hide {
        display: inline-block;
    }

    .b7-mob-hide {
        display: none;
    }

    .b7-title {
        font-size: 10.833333vw;
        margin-bottom: 5.555556vw;
        display: flex;
        justify-content: center;
    }

    .b7-desc {
        font-size: 4.444444vw;
    }

    .b7-s1 {
        padding: 27.777778vw 0;
    }

    .b7-s1 .section-picture {
        width: 100%;
        margin-left: 0;
    }

    .b7-kv-text {
        position: static;
        margin: 0 auto;
        margin-top: 13.888889vw;
        text-align: center;
    }
    .b7-kv-logo{
        width: 55.277778vw;
        margin-bottom: 2.777778vw;
    }
    .b7-kv-introduction {
        font-size: 6.666667vw;
        margin-top: 2.77777vw;
        margin-bottom: 2.77777vw;
        height: 7.5vw;
    }

    .b7-kv-slogan {
        font-size: 2.777778vw;
    }

    /* s2 */
    .b7-buying-point-wrap {
        flex-direction: column;
        width: 88.888889vw;
    }
    .b7-buying-point{
        border-radius: 5.555556vw;
        -webkit-border-radius: 5.555556vw;
        -moz-border-radius: 5.555556vw;
    }
    .b7-buying-point-1,
    .b7-buying-point-2 {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2.777778vw;
    }

    .b7-buying-point-3,
    .b7-buying-point-4,
    .b7-buying-point-5,
    .b7-buying-point-6 {
        width: 43.055556vw;
        margin-top: 0;
        margin-left: 0;
    }

    .b7-buying-point-3,
    .b7-buying-point-4 {
        margin-bottom: 2.777778vw;
    }

    .b7-buying-point-3,
    .b7-buying-point-5 {
        margin-right: 2.77vw;
    }
    .b7-buying-point-3,.b7-buying-point-4,
    .b7-buying-point-5,.b7-buying-point-6{
        height: 43.055556vw;
        overflow: hidden;
    }
    .b7-buying-point-text {
        top: 3.472222vw;
        padding: 0 4.166667vw;
    }
    .b7-buying-point-3 .b7-buying-point-text,.b7-buying-point-4 .b7-buying-point-text,.b7-buying-point-5 .b7-buying-point-text,.b7-buying-point-6 .b7-buying-point-text{
        margin-top: 3.472222vw;
    }
    .b7-buying-point-3-img{
        width: 21.944444vw;
        margin-left: 22.5vw;
    }
    .b7-buying-point-4-img{
        width: 25.555556vw;
        margin-left: 20.277778vw;
        margin-top: 1.666667vw;
    }
    .b7-buying-point-5-img{
        width:24.027778vw;
        margin-left: 19.027778vw;
        margin-top: 1.972222vw;
    }
    .b7-buying-point-6-img{
        width: 24.722222vw;
        margin: 0 auto;
        margin-top: 2.777778vw;
    }
    .b7-buying-point-title {
        font-size: 4.444444vw;
        margin-bottom: .972222vw;
    }

    .b7-buying-point-info {
        font-size: 2.777778vw;
        line-height: 1.25;
        margin-top: 0;
    }
    .b7-buying-point-1 .b7-buying-point-info{
        width: 100%;
    }
    .b7-buying-point-2 .b7-buying-point-text{
        top: 18.055556vw;
    }
    .b7-buying-point-2 .b7-buying-point-info{
        width: 38.111111vw;
    }
    .b7-buying-point-3 .b7-buying-point-info {
        width: 33.888889vw;
    }

    .b7-buying-point-4 .b7-buying-point-info {
        width: 27.722222vw;
    }

    .b7-buying-point-5 .b7-buying-point-info {
        width: 21.444444vw;
    }

    .b7-buying-point-6 .b7-buying-point-info {
        width: 32.555556vw;
    }

    .b7-buying-point-indicator {
        display: none;
    }

    /* s3 */
    .b7-s3,
    .b7-s4,
    .b7-s5 {
        padding-top: 27.777778vw;
    }

    .b7-s3 .b7-s3-wrap {
        width: 100%;
        flex-direction: column-reverse;
    }

    .b7-s3-wrap .b7-text-box,
    .b7-s4-wrap .b7-text-box,
    .b7-s5-wrap .b7-text-box {
        width: 70.055556vw;
    }

    .b7-s3-wrap .section-picture {
        width: 100%;
        margin-top: 8.333333vw;
    }

    /* s4 */
    .b7-s4 .b7-s4-wrap {
        width: 67.777778vw;
        flex-direction: column;
    }

    .b7-s4-right {
        flex-direction: column-reverse;
        margin-top: 8.333333vw;
    }

    .b7-s4-right .section-picture {
        width: 57.638889vw;
        margin-left: 0;
        margin-top: 8.333333vw;
    }

    .b7-text-info {
        text-align: center;
        margin: 0 auto;
    }

    .b7-text-info li:first-child {
        margin-bottom: 8.33333vw;
    }

    .b7-text-info-title {
        font-size: 6.666667vw;
        margin-bottom: 2.777778vw;
    }

    .b7-text-info-name {
        font-size: 3.333333vw;
    }

    /* s5 */
    .b7-s5 {
        padding-bottom: 16.666667vw;
    }

    .b7-s5 .b7-s5-wrap {
        width: 78.555556vw;
        flex-direction: column-reverse;
    }

    .b7-s5-wrap .section-picture {
        margin-left: 0;
        width: 100%;
        margin-top: 8.333333vw;
    }
    .b7-s5-colors{
        margin-top: 5.555556vw;
    }
    .b7-s5-colors li:first-child{
        margin-right: 8.333333vw;
    }
    .b7-s5-colors-black, .b7-s5-colors-gray{
        width: 5.138889vw;
        height: 5.138889vw;
    }
    .b7-s5-colors li p{
        font-size: 3.333333vw;
        margin-top: 2.777778vw;
    }
    /* s6 */
    .b7-black-area {
        padding: 16.666667vw 0;
    }

    .b7-s6 .b7-text-box {
        width: 69.916667vw;
        text-align: left;

    }

    .b7-s6 .section-picture {
        margin-top: 8.333333vw;
    }

    /* s7 */
    .b7-s7 {
        padding-top: 27.777778vw;
    }

    .b7-s7 .b7-s7-wrap {
        flex-direction: column;
    }

    .b7-s7-wrap .b7-text-box {
        width: 67.916667vw;
    }

    .b7-s7 .section-picture {
        width: 55vw;
        margin-top: 8.333333vw;
    }

    /* s8 */
    .b7-s8-wrap .b7-s8-content {
        width: 83.055556vw;
        flex-direction: column-reverse;
        position: static;
        margin: 0 auto;
    }

    .b7-s8-wrap {
        padding-bottom: 15.555556vw;
    }

    .b7-s8-wrap .b7-text-box {
        width: 70.916667vw;
        margin: 0 auto;
    }

    .b7-s8 .section-picture {
        width: 83.055556vw;
        margin: 8.333333vw auto 0;
        z-index: 1;
    }

    .b7-s8 .b7-s8-bg {
        width: 100%;
        margin-top: -70.416667vw;
    }

    .b7-s8-wrap .b7-text-box .b7-desc {
        width: 100%;
    }

    /* s9 */
    .b7-s9 {
        padding-top: 27.777778vw;
    }

    .b7-s9-wrap {
        width: 88.888889vw;
    }

    .b7-s9-wrap .b7-title {
        margin-bottom: 11.111111vw;
        justify-content: center;
    }
    .b7-s9-wrap .b7-text-box .b7-title{
        margin-bottom: 8.333333vw;
    }
    .b7-s9-item {
        width: 42.361111vw;
        height: 79.583333vw;
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
        padding-top: 6.944444vw;
        padding-bottom: 0;
    }

    .b7-s9-item-1 {
        margin-right: 4.166667vw;
        margin-bottom: 4.166667vw;
    }

    .b7-s9-item-2 {
        margin-bottom: 4.166667vw;
    }

    .b7-s9-item-3 {
        margin-right: 4.166667vw;
    }

    .b7-s9-item-img {
        width: 15.833333vw;
        height: 15.833333vw;
    }
    
    .b7-s9-item-text {
        width: 34.444444vw;
        margin-top: 2.777778vw;
    }

    .b7-s9-list .b7-title {
        font-size: 4.444444vw;
        margin-bottom: 2.777778vw;
    }
    .b7-s9-item-1 .b7-title{
        display: block;
    }

    .b7-black-area .b7-desc {
        font-size: 4.44444vw;
    }

    .b7-s9-item .b7-desc {
        font-size: 3.33333vw;
    }

    .b7-s10 {
        padding-top: 27.777778vw;
    }

    .b7-s10-swiper {
        width: 88.888889vw;
        height: 150.277778vw;
        padding-top: 8.333333vw;
        padding-bottom: 0;
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
        margin: 0 auto;
        background-color: #1A1A1A;
        top: calc((100vh - var(--global-nav-height) - 150.277778vw) / 2 + var(--global-nav-height));
    }

    .b7-s10-swiper .swiper{
        width: 100%;
        height: 66.277778vw;
    }
    .b7-s10-swiper .swiper-slide {
        padding-top: 0;
        height: 100%;
    }

    .b7-s10-swiper .swiper-slide-content {
        display: block;
        height: 96.388889vw;
        padding-top: 10.277778vw;
        display: none;
    }

    .b7-s10-item-text .b7-title {
        font-size: 4.444444vw;
    }
    .b7-s10-item-text {
        width: 100%;
        height: 100%;
        left: 0;
        text-align: center;
    }
    .s7-swiper-content-mob{
        width: 100%;
        position: absolute;
        top:84.277778vw;
        padding: 0 5.555556vw;
    }
    .s7-swiper-content-mob .b7-title{
        font-size: 3.888889vw;
    }
    .s7-swiper-content-mob .b7-s10-item-text{
        margin-bottom: 14.444444vw;
    }
    .s7-swiper-content-mob .b7-s10-item-text h2{
        font-weight: normal;
    }
    .s7-swiper-content-mob .s7-swiper-content{
        width: 80.833333vw;
        margin: 0 auto;
        position: relative;
        margin-top: 5.111111vw;
    }
    .s7-swiper-content-mob .b7-s10-item-text-2{
        color: #898989;
    }
    .b7-s10-item-text .b7-desc {
        font-size: 3.333333vw;
        position: static;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    .s7-swiper-content-mob .b7-s10-tips{
        font-size: 2.777778vw;
        line-height: 1.6;
        color: #B9B9B9;
        margin-top: 5.555556vw;
    }
    .s7-swiper-content-mob .b7-desc{
        font-size: 3.333333vw;
    }
    .s7-swiper-content-mob .b7-desc-1{
        position: relative;
    }
    .s7-swiper-content-mob .b7-desc-2{
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    .b7-s10-swiper .swiper-slide .section-picture {
        width: 22.222222vw;
        margin: 0 auto;
        position: static;
    }

    .b7-s10-swiper .swiper-pagination {
        width: 77.5vw;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 89.444444vw;
    }

    .b7-s10-swiper .swiper-pagination .swiper-pagination-bullet {
        width: 50%;
        height: 2px;
        border-radius: 0;
        background-color: #898989;
    }

    .b7-s10-swiper .swiper-pagination .swiper-pagination-bullet:first-child {
        margin-bottom: 0;
    }
    .b7-s10-swiper .swiper-pagination .swiper-pagination-bullet-active{
        background-color: #ffffff;
    }
    /* s11 */
    .b7-s11 {
        padding-top: 16.666667vw;
    }

    .b7-s11 .b7-s11-wrap {
        flex-direction: column-reverse;
        width: 77.833333vw;
    }

    .b7-s11-wrap .b7-text-box {
        width: 100%;
        text-align: center;
    }

    .b7-s11-wrap .b7-text-box .b7-desc {
        text-align: left;
        width: 100%;
    }

    .b7-s11-wrap .section-picture {
        width:58.472222vw;
        margin-top: 8.333333vw;
    }

    /* s12 */
    .b7-s12 {
        padding-top: 27.777778vw;
        padding-bottom: 16.666667vw;
    }

    .b7-s12-wrap {
        flex-direction: column;
        width: 88.888889vw;
    }

    .b7-s12-wrap .b7-text-box {
        width: 100%;
    }

    .b7-s12 .b7-title {
        text-align: center;
        justify-content: center;
    }

    .b7-s12-wrap .b7-desc {
        width: 75.694444vw;
        margin: 0 auto;
    }

    .b7-s12 .b7-s12-list {
        margin-top: 8.333333vw;
        margin-left: 11.388889vw;
    }

    .b7-s12 .b7-s12-list li:nth-child(1) {
        margin-right: 11.11111vw;
    }

    .b7-s12 .b7-s12-list li:nth-child(2) {
        margin-right: 6.527778vw;
    }

    .b7-s12-icon {
        width: 13.055556vw;
    }

    .b7-s12-icon-name {
        font-size: 4.444444vw;
        margin-top: 2.777778vw;
    }

    .b7-s12-wrap .section-picture {
        width: 55.972222vw;
        margin-top: 8.333333vw;
    }

    /* s13 */
    .b7-s13 {
        padding: 16.666667vw 0;
    }

    .b7-s13 .b7-text-box {
        width: 73.916667vw;
    }

    .b7-s13 .b7-text-box .b7-title {
        justify-content: center;
        text-align: initial;
    }

    .b7-s13 .b7-text-box .b7-desc {
        text-align: left;
    }

    .b7-s13 .section-picture {
        width: 88.888889vw;
        margin-top: 8.333333vw;
    }

    .b7-container .section-footnote {
        font-size: 3.333333vw;
        width: 88.888889vw;
        padding-bottom: 16.666667vw;
        padding-top: 16.666667vw;
    }
}