.ml-orca {
    font-weight: 400;
    box-sizing: border-box;
    line-height: 1.6;
    overflow: hidden;
    font-weight: 400;
}

.ml-orca * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ml-orca picture {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
}

.ml-orca sup {
    font-size: 0.6em;
    cursor: pointer;
}

.ml-orca svg {
    width: 100%;
    height: auto;
    display: block;
    overflow: visible;
}

.ml-orca a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}

.ml-orca ul {
    list-style: none;
    list-style-image: none;
}

.ml-orca .nr {
    display: inline-block;
    white-space: nowrap;
}
.ml-orca .nr-pc{
    white-space: nowrap;
    display: inline-block;
}
.ml-orca img {
    border: 0;
    width: 100%;
    height: auto;
    display: block;
}

.ml-orca video {
    width: 100%;
    height: auto;
    border: 0;
    display: block;
    object-fit: cover;
}

.ml-orca .blur-up {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transition: -webkit-filter 400ms;
    transition: -webkit-filter 400ms;
    transition: filter 400ms;
    transition: filter 400ms, -webkit-filter 400ms;
}

.ml-orca .blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}

.ml-orca .show-mob {
    display: none;
}

.ml-orca br.show-mob {
    line-height: 0;
}

.ml-orca .show-pc {
    display: block;
}

.ml-orca .title-txt {
    font-size: 2.5vw;
    color: #000000;
    line-height: 1.25;
    margin-bottom: 1.5625vw;
    font-weight: 700;
}

.ml-orca .val-txt {
    font-size: 1.25vw;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.7);
}

/* mob */
@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .show-mob {
        display: block;
    }

    .ml-orca .show-pc {
        display: none;
    }

    .ml-orca .title-txt {
        font-size: 6.66666666vw;
        margin-bottom: 4.166666666vw;
    }

    .ml-orca .val-txt {
        font-size: 3.33333333vw;
    }
    .ml-orca .nr-pc{
        white-space: normal;
    }
}

/* kv start */
.ml-orca .orca-kv {
    position: relative;
}

.ml-orca .orca-kv .kv-txt-wrap {
    position: absolute;
    width: 30.83333333vw;
    top: 18.75vw;
    left: 63.95833333vw;
    font-size: 1.25vw;
    text-align: center;
    z-index: 20;
}
.ml-orca .orca-kv .kv-txt-wrap .section-pic-center{
    color: #000;
    font-size: 1.45833333vw;
    font-weight: 400;
    line-height: 1.25;
    margin-top: 3.125vw;
}
.ml-orca .orca-kv .kv-txt-wrap .section-pic-center span{
    font-size: 0.677083vw;
    font-weight: 500;
}
.ml-orca .orca-kv .kv-txt-wrap .section-pic-center .section-slogan-botton{
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    padding: 10px 26px;
    border: 2px solid #000;
    background-color: #000;
    transition: 0.3s ease-out;
    margin: 24px 0 60px 0;
    cursor: pointer;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.ml-orca .orca-kv .kv-txt-wrap .section-pic-center .section-slogan-botton:hover{
    opacity: 0.8;
}
.ml-orca .orca-kv .kv-txt {
    font-weight: 400;
    margin-top: 1.5625vw;
    color: #000;
}

.ml-orca .orca-kv .kv-super {
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    font-size: 2.08333333vw;
    line-height: 1.6;
    margin-top: 1.5625vw;
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-kv .kv-txt-wrap {
        width: 71.11111111vw;
        top: 100vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        font-size: 2.77777777vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ml-orca .orca-kv .kv-super {
        font-size: 4.44444444vw;
        margin-top: 4.16666666vw;
    }

    .ml-orca .orca-kv .kv-txt {
        margin-top: 4.16666666vw;
        font-size: 3.33333333vw;
        width: 110%;
    }
    .ml-orca .orca-kv .kv-txt-wrap .section-pic-center{
        font-size: 4.44444444vw;
        margin-top: 8.33333333vw;
    }
    .ml-orca .orca-kv .kv-txt-wrap .section-pic-center span{
        font-size: 3.611111111vw;
    }
}

/* kv end */
/* video start */
.ml-orca .orca-video {
    position: relative;
    margin: 15.625vw 0;
}

.ml-orca .orca-video .video-txt {
    text-align: center;
    font-weight: 700;
    color: #ffffff;
    font-size: 2.5vw;
    line-height: 1.6;
    z-index: 20;
    width: 53.95833333vw;
    margin: 0 auto;
    background: linear-gradient(163.34deg, #7d50d3 0%, #d5cbff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.ml-orca .orca-video .video-switch {
    position: absolute;
    right: 3.125vw;
    bottom: 3.125vw;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 20;
}

.ml-orca .orca-video .video-switch p {
    font-size: 1.66666667vw;
    color: #ffffff;
}

.ml-orca .orca-video .video-switch img {
    width: 2.5vw;
    margin-right: 0.67708333vw;
}

.ml-orca .orca-video .masking {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-video {
        margin: 33.33333333vw 0;
    }

    .ml-orca .orca-video .video-txt {
        top: 19.75vw;
        font-size: 6.66666666vw;
        width: 80vw;
    }

    .ml-orca .orca-video .video-switch {
        right: 6.94444444vw;
        bottom: 5.55555555vw;
    }

    .ml-orca .orca-video .video-wrap {
        height: 100%;
    }

    .ml-orca .orca-video .video-wrap video {
        height: 100%;
    }

    .ml-orca .orca-video .video-switch img {
        width: 6.66666666vw;
        margin-right: 1.80555555vw;
    }

    .ml-orca .orca-video .video-switch p {
        font-size: 4.4444444vw;
    }

}

/* video end */
/* sec3 start */
.ml-orca .orca-sec3 {
    position: relative;
    width: 75vw;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}


.ml-orca .orca-sec3 .custom-video {
    width: 52.08333333vw;
    border-radius: 3.125vw;
    -webkit-border-radius: 3.125vw;
    -moz-border-radius: 3.125vw;
    -ms-border-radius: 3.125vw;
    -o-border-radius: 3.125vw;
    height: 100%;
}

.ml-orca .orca-sec3 .swiper {
    top: 0;
    right: -10.41666667vw;
    position: absolute;
    width: 52.08333333vw;
}

.ml-orca .orca-sec3 .swiper-slide {
    position: relative;
    height: 37.5vw;
    border-radius: 3.125vw;
    -webkit-border-radius: 3.125vw;
    -moz-border-radius: 3.125vw;
    -ms-border-radius: 3.125vw;
    -o-border-radius: 3.125vw;
    overflow: hidden;
}

.ml-orca .orca-sec3 .sec3-slide-img {
    width: 22.91666667vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.ml-orca .orca-sec3 .sec3-swiper-val {
    width: 18.75vw;
    display: flex;
    align-items: flex-start;
    height: 100%;
    justify-content: center;
    z-index: 10;
    flex-direction: column;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    margin-left: 4.16666667vw;
}

.ml-orca .orca-sec3 .sec3-swiper-val .swiper-txt-wrap {
    width: 100%;
    height: 12.76041667vw;
   position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ;
}

.ml-orca .orca-sec3 .sec3-swiper-val .swiper-txt {
    font-size: 1.25vw;
    opacity: 0.8;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    color: rgba(0, 0, 0, 0.7);
}

.ml-orca .orca-sec3 .sec3-swiper-val .swiper-txt:nth-child(1) {
    opacity: 1;
    position: static;
}

.ml-orca .orca-sec3 .swiper .swiper-slide {
    position: relative;
}

.ml-orca .orca-sec3 .sec3-swiper-val .swiper-txt p {
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1.5625vw;
    color: rgba(0, 0, 0, 1);
}

.ml-orca .orca-sec3 .swiper .swiper-slide .sec3-slide-img {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.ml-orca .orca-sec3 .s3-swiper {
    width: 52.08333333vw;
    display: flex;
    height: 37.5vw;
    position: relative;
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap {
    position: absolute;
    bottom: 2.08333333vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    cursor: pointer;
    color: #fff;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    background: rgba(245, 245, 245, 0.3);
    border-radius: 2.60416667vw;
    display: flex;
    align-items: center;
    -webkit-border-radius: 2.60416667vw;
    -moz-border-radius: 2.60416667vw;
    -ms-border-radius: 2.60416667vw;
    -o-border-radius: 2.60416667vw;
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination {
    font-weight: 500;
    color: #ffffff;
    line-height: 1.6;
    font-size: 0.83333333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.57291667vw 0;
}

@media screen and (min-width:1200px) and (max-width: 1440px) {
    .ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination{
        font-size: 12px;
    }
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination .s3-pigina-svg {
    width: 2.08333333vw;
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination .s3-pigina-title {
    text-align: center;
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination:nth-child(1) {
    margin-left: 1.875vw;
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination:nth-child(2) {
    margin: 0 3.125vw 0 2.91666667vw;
}
.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination:nth-child(3) {
    margin-right: 2.08333333vw;
}
.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination.active path {
    fill: #8156a7
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination.active .s3-pigina-title {
    color: #000000;
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigina-box {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    padding: 0 0.20833333vw;
    height: 100%;
    align-items: center;
}

.ml-orca .orca-sec3 .s3-swiper .s3-pigina-box .s3-pigi-bg {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0.20833333vw,-50%);
    -webkit-transform: translate(0.20833333vw,-50%);
    -moz-transform: translate(0.20833333vw,-50%);
    -ms-transform: translate(0.20833333vw,-50%);
    -o-transform: translate(0.20833333vw,-50%);
    width: 6.25vw;
    height: calc(100% - 0.41666667vw);
    background: #ffffff;
    border-radius: 2.60416666vw;
    -webkit-border-radius: 2.60416666vw;
    -moz-border-radius: 2.60416666vw;
    -ms-border-radius: 2.60416666vw;
    -o-border-radius: 2.60416666vw;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    z-index: -1;
}

.ml-orca .orca-sec3 .s3-swiper .switch-txt-box {
    width: 0;
    white-space: nowrap;
    overflow: hidden;
}

.ml-orca .orca-sec3 .s3-swiper .video-switch {
    position: absolute;
    bottom: 2.08333333vw;
    right: 2.08333333vw;
    display: flex;
    color: #ffffff;
    align-items: center;
    width: 4.58333333vw;
}


@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec3 {
        flex-direction: column;
        width: 83.333333333vw;
        padding: 0;
        margin-bottom: 0;
    }

    .ml-orca .orca-sec3 .sec3-slide-img {
        display: none;
    }

    .ml-orca .orca-sec3 .custom-video {
        width: 83.33333333vw;
        object-fit: cover;
        height: 100%;
    }

    .ml-orca .orca-sec3 .s3-swiper {
        position: relative;
        flex-direction: column;
        width: 83.33333333vw;
        height: 88.8888888888vw;
    }

    .ml-orca .orca-sec3 .sec3-val-box {
        opacity: 1;
    }

    .ml-orca .orca-sec3 .sec3-swiper-val {
        flex-direction: column-reverse;
        margin-left: 0;
        width: 83.33333333vw;
        align-items: flex-end;

    }

    .ml-orca .orca-sec3 .swiper-switch:not(:last-child) {
        margin-right: 2.77777777vw;
    }


    .ml-orca .orca-sec3 .sec3-swiper-val .swiper-txt {
        font-size: 3.33333333vw;
    }

    .ml-orca .orca-sec3 .sec3-swiper-val .swiper-txt-wrap {
        margin-top: 8.333333333333vw;
        height: auto;
    }

    .ml-orca .orca-sec3 .swiper-switch.actived .swiper-img {
        margin-right: 0;
    }

    .ml-orca .orca-sec3 .s3-swiper .video-switch {
        bottom: 5.55555555vw;
        left: auto;
        right: 5.55555555vw;
        width: 12.2222222vw;
        height: 12.2222222vw;
    }

    .ml-orca .orca-sec3 .s3-swiper .video-switch img {
        width: 100%;
    }

    .ml-orca .orca-sec3 .sec3-swiper-val .swiper-txt p {
        font-size: 6.666666666vw;
        margin-bottom: 4.16666666vw;
    }

    .ml-orca .orca-sec3 .swiper-slide {
        height: 88.8888888vw;
    }

    .ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap {
        left: 5.55555555vw;
        bottom: 5.55555555vw;
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        width: auto;
        height: 12.2222222vw;
        border-radius: 6.9444444444444445vw;
        -webkit-border-radius: 6.9444444444444445vw;
        -moz-border-radius: 6.9444444444444445vw;
        -ms-border-radius: 6.9444444444444445vw;
        -o-border-radius: 6.9444444444444445vw;
}

    .ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination .s3-pigina-svg {
        width: 5.55555555vw;
    }

    .ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination {
        font-size: 3.33333333vw;
    }

    .ml-orca .orca-sec3 .s3-swiper .s3-pigina-box {
        padding: 0 0.5555555vw;
    }

    .ml-orca .orca-sec3 .s3-swiper .s3-pigina-box .s3-pigi-bg {
        width: 18.0555555vw;
        height: 11.11111111vw;
        border-radius: 6.94444444vw;
        -webkit-border-radius: 6.94444444vw;
        -moz-border-radius: 6.94444444vw;
        -ms-border-radius: 6.94444444vw;
        -o-border-radius: 6.94444444vw;
        transform: translate(0.55555555vw,-50%);
        -webkit-transform: translate(0.55555555vw,-50%);
        -moz-transform: translate(0.55555555vw,-50%);
        -ms-transform: translate(0.55555555vw,-50%);
        -o-transform: translate(0.55555555vw,-50%);
}

    .ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination:nth-child(1) {
        margin-left: 4.0277777777vw;
    }

    .ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination:nth-child(2) {
        margin: 0 9.86111111111vw 0 8.47222222vw;
    }

    .ml-orca .orca-sec3 .s3-swiper .s3-pigination-wrap .s3-pigination:nth-child(3) {
        margin-right: 5.69444444vw;
    }
}

/* sec3 end */
/* s4 start */
.ml-orca .orca-sec4 {
    margin: 10.41666667vw 0 0 12.5vw;
}

.ml-orca .orca-sec4 .s4-swiper {
    margin-top: 3.125vw;
    transition: transform 0.6s ease;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transition: transform 0.6s ease;
    -moz-transition: transform 0.6s ease;
    -ms-transition: transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    will-change: transform;
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide {
    width: 23.95833333vw;
    height: 36.45833333vw;
    border-radius: 2.08333333vw;
    -webkit-border-radius: 2.08333333vw;
    -moz-border-radius: 2.08333333vw;
    -ms-border-radius: 2.08333333vw;
    -o-border-radius: 2.08333333vw;
    transition: all 0.6s ease;
    position: relative;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    cursor: pointer;
    overflow: hidden;
    will-change: transform;
    transition-delay: 0.2s;
}

.ml-orca .orca-sec4 .s4-swiper .slide-1 .s4-slid-img {
    width: 52.90625vw;
    position: absolute;
    top: -0.520833vw;
    left: -72.3%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.2s;
}

.ml-orca .orca-sec4 .s4-swiper .slide-1 .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-1 .s4-slide-dura,
.ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-3 .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-dura,
.ml-orca .orca-sec4 .s4-swiper .slide-5 .s4-slide-val {
    overflow: hidden;
    opacity: 0;
    color: #000000;
    position: absolute;
    left: 4.16666667vw;
    font-size: 1.25vw;
    line-height: 1.6;
    transition: all 0.01s ease;
    -webkit-transition: all 0.01s ease;
    -moz-transition: all 0.01s ease;
    -ms-transition: all 0.01s ease;
    -o-transition: all 0.01s ease;
    width: 20.3125vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-1 .s4-slide-val {

    position: absolute;

    left: 4.16666667vw;
    top: 14.58333333vw;
    width: 20.3125vw;
}


.ml-orca .orca-sec4 .s4-swiper .slide-1.active .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-2.active .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-3.active .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-4.active .s4-slide-val,
.ml-orca .orca-sec4 .s4-swiper .slide-4.active .s4-slide-dura,
.ml-orca .orca-sec4 .s4-swiper .slide-5.active .s4-slide-val {
    transform: translateY(-1.041666666vw);
    opacity: 1;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.6s;
    -webkit-transform: translateY(-1.041666666vw);
    -moz-transform: translateY(-1.041666666vw);
    -ms-transform: translateY(-1.041666666vw);
    -o-transform: translateY(-1.041666666vw);
}

.ml-orca .orca-sec4 .s4-swiper .slide-4.active .dura-1 {
    font-size: 1.25vw;
    margin-top: 0.52083333vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-4.active .dura-2 {
    font-size: 5.20833333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}
.ml-orca .orca-sec4 .s4-swiper .slide-4.active .dura-2 .dou{
    font-size: 3.33333333vw;
}
.ml-orca .orca-sec4 .s4-swiper .slide-1.active .s4-slid-img {
    width: 49.21875vw;
    left: 23.38541667vw;
    top: 0;
    transition-delay: 0.2s;

}

.ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slide-val {
    position: absolute;
    top: 16.5625vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slid-img {
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: flex;
    top: 12.5vw;
    left: 50%;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.2s;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slid-img .slide-2-tips {
    width: 7.5vw;
    flex-shrink: 0;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slid-img .muff {
    opacity: 0;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    position: absolute;
    width: 3.69791667vw;
    display: flex;
    align-items: center;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2.active .s4-slid-img {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.2s;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2.active .s4-slid-img .muff {
    opacity: 1;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slid-img .muff-2 {
    top: 0.52083333vw;
    left: 13.17708333vw;
    transition-delay: 0s;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    width: 7.70833333vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2.active .s4-slid-img .muff-2 {
    transition-delay: 0.6s !important;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;

}

.ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slid-img .muff-3 {
    top: 1.45833333vw;
    left: 26.5625vw;
    transition-delay: 0s;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    width: 7.65625vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-2.active .s4-slid-img .muff-3 {
    transition-delay: 0.7s !important;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3 .s4-slide-val {
    position: absolute;
    top: 14.58333333vw;
    z-index: 30;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3 .s4-slid-img {
    position: absolute;
    width: 75vw;
    top: 1.4375vw;
    left: -32.91666667vw;
    display: flex;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    scale: 0.76;
    transition-delay: 0.2s;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3.active .s4-slid-img {
    top: 0.1375vw;
    left: 0;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.2s;
    scale: 1;
}


.ml-orca .orca-sec4 .s4-swiper .slide-3 .mic-1 {
    width: 13.85416667vw;
    z-index: 10;
    flex-shrink: 0;
    margin: 16.97916667vw 0 0 1.77083333vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3 .clock-wrap {
    opacity: 0;
    width: 0;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3.active .clock-wrap {
    opacity: 1;
    width: auto;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3.active .mic-1 .clock-wrap-1 {
    width: 4.6875vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3 .mic-1 .clock-wrap-1 img {
    position: absolute;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3.active .mic-1 {
    width: 16.45833333vw;
    z-index: 10;
    margin-left: 0;
    margin-top: 13.48958333vw;
    position: relative;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3 .mic-2 {
    z-index: 10;
    width: 12.65625vw;
    flex-shrink: 0;
    margin: 7.39583333vw 0 0 -6.97916667vw;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.ml-orca .orca-sec4 .s4-swiper .slide-3.active .mic-2 {
    width: 15.05208333vw;
    z-index: 10;
    transform: translateX(4.32291667vw);
    -webkit-transform: translateX(4.32291667vw);
    -moz-transform: translateX(4.32291667vw);
    -ms-transform: translateX(4.32291667vw);
    -o-transform: translateX(4.32291667vw);
    margin-top: 5vw;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.ml-orca .orca-sec4 .s4-swiper .s4-slide-title {
    position: absolute;
    top: 2.08333333vw;
    left: 2.08333333vw;
    font-weight: 700;
    line-height: 1.25;
    font-size: 1.66666667vw;
    width: 90%;
    color: rgba(0, 0, 0, 1);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide .s4-switch {
    width: 2.08333333vw;
    position: absolute;
    right: 1.04166667vw;
    bottom: 1.04166667vw;
    transition: transform 0.6s ease;
    -webkit-transition: transform 0.6s ease;
    -moz-transition: transform 0.6s ease;
    -ms-transition: transform 0.6s ease;
    -o-transition: transform 0.6s ease;
    z-index: 20;
    overflow: hidden;
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide.active .s4-switch {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide.active {
    width: 75vw;
}

.ml-orca .orca-sec4 .s4-swiper .swiper-wrapper {
    width: 23.95833333vw;
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide:not(:last-child) {
    margin-right: 1.5625vw;
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(1) {
    background: #f0f0f0;
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(5) {
    background-color: rgba(245, 240, 255, 1);
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(2) {
    background-color: rgb(245, 240, 255);
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(3) {
    background-color: rgb(201, 199, 237);
}

.ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(4) {
    background-color: rgba(240, 240, 240, 1);
}

.ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-val {
    top: 15.625vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-4 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slid-img {
    width: 40.46875vw;
    position: absolute;
    top: -3.1625vw;
    left: 0.57291667vw;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.2s;
}

.ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-dura {
    top: 14.73958333vw;
    left: 53.54166667vw;
    width: 16.25vw;
    text-align: center;
}

.ml-orca .orca-sec4 .s4-swiper .slide-4.active .s4-slid-img {
    top: -20.95625vw;
    left: 21.09375vw;
    width: 63.80208333vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-title {
    width: 69%;
}

.ml-orca .orca-sec4 .s4-swiper-switch {
    display: flex;
    margin: 3.125vw 0 0 66.77083333vw;
}

.ml-orca .orca-sec4 .s4-swiper-switch .s4-switch-prev {
    margin-right: 1.5625vw;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.ml-orca .orca-sec4 .s4-swiper-switch .s4-switch-prev.dis,
.ml-orca .orca-sec4 .s4-swiper-switch .s4-switch-next.dis {
    opacity: 0.6;
}

.ml-orca .orca-sec4 .s4-swiper-switch .s4-switch-prev,
.ml-orca .orca-sec4 .s4-swiper-switch .s4-switch-next {
    width: 3.33333333vw;
    cursor: pointer;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}

.ml-orca .orca-sec4 .s4-swiper .slide-5 .s4-slid-img {
    width: 16.66666667vw;
    position: absolute;
    top: 11.61458333vw;
    left: 3.64583333vw;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition-delay: 0.2s;
}

.ml-orca .orca-sec4 .s4-swiper .slide-5.active .s4-slid-img {
    top: 5.05208333vw;
    left: 27.96875vw;
    width: 35.9375vw;
}

.ml-orca .orca-sec4 .s4-swiper .slide-5 .s4-slide-val {
    color: rgba(0, 0, 0, 1);
}

.ml-orca .orca-sec4 .s4-swiper .slide-5.active .s4-slide-val {
    top: 15.625vw;
    left: 4.16666667vw;
}

.ml-orca .orca-sec4 .s4-swiper-progress {
    display: none;
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec4 {
        margin: 27.77777777vw 0 0 8.333333333vw;
    }

    .ml-orca .orca-sec4 .s4-swiper {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

    .ml-orca .orca-sec4 .s4-swiper-switch {
        display: none;
    }

    .ml-orca .orca-sec4 .s4-swiper .swiper-wrapper,
    .ml-orca .orca-sec4 .s4-swiper {
        width: 83.333333333vw;
    }

    .ml-orca .orca-sec4 .s4-swiper .swiper-slide {
        width: 83.333333333vw;
        height: 125vw;
        padding-right: 5.5555555555vw;
        margin-right: 0;
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
    }

    .ml-orca .orca-sec4 .s4-swiper .swiper-slide:not(:last-child) {
        margin-right: 0;
    }

    .ml-orca .orca-sec4 .s4-swiper .s4-slide-title {
        top: 5.555555555vw;
        left: 5.555555555vw;
        font-size: 4.44444444vw;
        width: 72.2222222vw;
        z-index: 20;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-1 .s4-slide-val,
    .ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slide-val,
    .ml-orca .orca-sec4 .s4-swiper .slide-3 .s4-slide-val,
    .ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-val,
    .ml-orca .orca-sec4 .s4-swiper .slide-5 .s4-slide-val {
        opacity: 1;
        top: 15vw;
        left: 5.5555555555vw;
        width: 66.666666666vw;
        font-size: 3.33333333vw;
        z-index: 20;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-5 .s4-slide-val {
        top: 15;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-1 .s4-slid-img,
    .ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slid-img,
    .ml-orca .orca-sec4 .s4-swiper .slide-3 .s4-slid-img,
    .ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slid-img,
    .ml-orca .orca-sec4 .s4-swiper .slide-5 .s4-slid-img {
        position: static;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        width: 100%;
        scale: 1;

    }

    .ml-orca .orca-sec4 .s4-swiper .swiper-slide .s4-slid-img img {
        border-radius: 5.55555555vw;
        -webkit-border-radius: 5.55555555vw;
        -moz-border-radius: 5.55555555vw;
        -ms-border-radius: 5.55555555vw;
        -o-border-radius: 5.55555555vw;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-1 .dura-1 {
        font-size: 3.333333333vw;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-1 .dura-2 {
        font-size: 13.88888888vw;
        margin-top: 1.38888888vw;
        font-weight: 700;
    }

    .ml-orca .orca-sec4 .s4-swiper .swiper-slide .s4-switch {
        display: none;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-2 .s4-slid-img .slide-2-tips {
        width: 100%;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-3 .mic-2 {
        display: none;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-3 .mic-1 {
        margin: 0;
        width: 100%;
    }

    .ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(1),
    .ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(2),
    .ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(3),
    .ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(4),
    .ml-orca .orca-sec4 .s4-swiper .swiper-slide:nth-child(5) {
        background-color: #ffffff;
    }

    .ml-orca .orca-sec4 .s4-swiper-progress {
        width: 22.22222222vw;
        height: 0.416666666vw;
        position: relative;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 0.52083333vw;
        display: block;
        margin: 5.5555555vw 0 21.805555555vw;
        -webkit-border-radius: 0.52083333vw;
        -moz-border-radius: 0.52083333vw;
        -ms-border-radius: 0.52083333vw;
        -o-border-radius: 0.52083333vw;
}

    .ml-orca .orca-sec4 .title-txt {
        margin-bottom: 8.333333333vw;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-title {
        width: 90%;
    }
    .ml-orca .orca-sec4 .s4-swiper .slide-4 .dura-2 .dou{
        font-size: 8.88888888vw;
    }
}

/* s4 end */
/* s5 start */
.ml-orca .orca-sec5 {
    width: 75vw;
    margin: 10.41666667vw auto 0;
    display: flex;
    justify-content: space-between;
}

.ml-orca .orca-sec5 .s5-img {
    width: 43.125vw;
}

.ml-orca .orca-sec5>.s5-txt-img {
    display: none;
}

.ml-orca .orca-sec5 .s5-txt-img {
    width: 5.78125vw;
}

.ml-orca .orca-sec5 .s5-txt-wrap {
    width: 25.52083333vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ml-orca .orca-sec5 .s5-txt-wrap .val-txt {
    margin-bottom: 4.16666667vw;
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec5 {
        width: 83.33333333vw;
        margin: 27.77777777vw auto 0;
        flex-direction: column;
    }

    .ml-orca .orca-sec5 .s5-txt-wrap>.s5-txt-img {
        display: none;
    }

    .ml-orca .orca-sec5>.s5-txt-img {
        display: block;
        order: 3;
        width: 16.25vw;
        margin: 8.33333333vw auto 0;
        z-index: 20;
    }

    .ml-orca .orca-sec5 .s5-txt-wrap {
        order: 1;
        width: auto;
    }

    .ml-orca .orca-sec5 .s5-img {
        order: 2;
        width: 79.16666666vw;
        height: 43.05555555vw;
        margin: 0 auto;
    }

    .ml-orca .orca-sec5 .s5-txt-wrap .val-txt {
        margin-bottom: 8.33333333vw;
    }

    .ml-orca .orca-sec5>.s5-txt-img {
        margin-top: -4.166666666vw;
    }
}

/* s5 end */
/* s6 start */
.ml-orca .orca-sec6 {
    margin-top: 10.41666667vw;
    text-align: center;
}

.ml-orca .orca-sec6 .s6-swiper {
    position: relative;
}

.ml-orca .orca-sec6 .s6-txt-wrap {
    width: 66vw;
    margin: 0 auto;
}

.ml-orca .orca-sec6 .val-txt {
    margin-bottom: 3.125vw;
}

.ml-orca .orca-sec6 .color-box {
    position: relative;
}

.ml-orca .orca-sec6 .color-box .ear {
    width: 30.625vw;
    position: absolute;
    top: 9.53125vw;
    left: 8.95833333vw;
}

.ml-orca .orca-sec6 .s6-switch-wrap {
    display: flex;
    position: absolute;
    top: 38.90625vw;
    left: 14.58333333vw;
    z-index: 20;
}

.ml-orca .orca-sec6 .s6-switch-wrap .s6-switch-box {
    display: flex;
}

.ml-orca .orca-sec6 .s6-switch-wrap .circle {
    width: 3.225vw;
    height: 3.225vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 1.5625vw;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ml-orca .orca-sec6 .s6-switch-wrap .circle svg{
    width: 100%;
    height: 100%;
}
.ml-orca .orca-sec6 .s6-switch-wrap .stroke-cir {
    stroke: none
}

.ml-orca .orca-sec6 .s6-switch-wrap .actived .purple_stroke {
    stroke: #6e5b5b
}

.ml-orca .orca-sec6 .s6-switch-wrap .actived .black_stroke {
    stroke: #000
}

.ml-orca .orca-sec6 .s6-switch-wrap .actived .white_stroke {
    stroke: #969696
}

.ml-orca .orca-sec6 .s6-switch-wrap .s6-switch {
    display: flex;
    align-items: center;
    font-size: 1.66666667vw;
    cursor: pointer;
    font-weight: 500;
}

.ml-orca .orca-sec6 .s6-switch-wrap .s6-switch:not(:last-child) span {
    padding-right: 1.5625vw;
}

.ml-orca .orca-sec6 .s6-switch-wrap .s6-switch .s6-switch-txt {
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
}

.ml-orca .orca-sec6 .s6-switch-wrap .s6-switch:nth-child(1) .s6-switch-txt {
    width: auto;
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec6 {
        margin-top: 27.77777777vw;
    }

    .ml-orca .orca-sec6 .s6-txt-wrap {
        width: 83.3333333vw;
        text-align: left;
    }

    .ml-orca .orca-sec6 .color-box .ear {
        margin: -34.3055555vw auto 0;
        position: static;
        width: 73.8888888vw;
    }

    .ml-orca .orca-sec6 .s6-switch-wrap {
        position: static;
        justify-content: center;
        margin-top: -3.75vw;
        flex-direction: column;
        align-items: center;
    }

    .ml-orca .orca-sec6 .s6-switch-cir {
        display: flex;
        flex-direction: row;
        margin-top: 4.1666666666vw;
    }

    .ml-orca .orca-sec6 .s6-switch-cir .cir-purple.actived .purple_stroke {
        stroke: #6e5b5b
    }

    .ml-orca .orca-sec6 .s6-switch-cir .cir-black.actived .purple_stroke {
        stroke: #000
    }

    .ml-orca .orca-sec6 .s6-switch-cir .cir-white.actived .purple_stroke {
        stroke: #969696
    }

    .ml-orca .orca-sec6 .s6-switch-wrap .circle {
        display: none;
    }

    .ml-orca .orca-sec6 .s6-switch-wrap .s6-switch {

        font-size: 4.44444444vw;
    }

    .ml-orca .orca-sec6 .s6-switch-wrap .s6-switch .s6-switch-txt {
        width: auto;
        overflow: auto;
        opacity: 0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }

    .ml-orca .orca-sec6 .s6-switch-wrap .s6-switch .s6-switch-txt.txt-active {
        opacity: 1;
    }

    .ml-orca .orca-sec6 .s6-switch-box {
        position: relative;
    }

    .ml-orca .orca-sec6 .s6-switch {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
}

    .ml-orca .orca-sec6 .s6-switch.purple {
        position: static;
        transform: translateX(0)    ;
        -webkit-transform: translateX(0)    ;
        -moz-transform: translateX(0)    ;
        -ms-transform: translateX(0)    ;
        -o-transform: translateX(0)    ;
}

    .ml-orca .orca-sec4 .s4-swiper .slide-4 .s4-slide-dura {
        top: auto;
        bottom: 5.55555555vw;
        left: calc(50% - 1.04166667vw);
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        opacity: 1;
        width: 43.33333333vw;
        text-align: center;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-4 .dura-1 {
        font-size: 3.333333333vw;
    }

    .ml-orca .orca-sec4 .s4-swiper .slide-4 .dura-2 {
        font-size: 13.33333333vw;
        font-weight: 700;
        margin-top: 1.388888888vw;
        line-height: 1.25;
    }

    .ml-orca .orca-sec6 .val-txt {
        margin-bottom: 8.3333333vw;
    }

    .ml-orca .orca-sec6 .s6-switch-wrap .s6-switch:not(:last-child) span {
        padding-right: 0;
    }

    .ml-orca .orca-sec6 .s6-switch-cir .cir-mob:not(:last-child) {
        margin-right: 4.16666666vw;
    }

    .ml-orca .orca-sec6 .s6-switch-cir .cir-mob {
        width: 8.633333333vw;
        height: 8.633333333vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ml-orca .orca-sec6 .s6-switch-cir .cir-mob svg{
        height:100%;
        width: 100%;
    }

}

/* s6 end */
/* s7 start */
.ml-orca .orca-sec7 {
    margin: 10.41666667vw auto 0;
    width: 75vw;
    text-align: center;
}

.ml-orca .orca-sec7 .s7-txt-wrap {
    width: 53.22916667vw;
    margin: 0 auto;
}

.ml-orca .orca-sec7 .s7-val-wrap {
    margin: 5.20833333vw auto 0;
    width: 56.82291667vw;
}


@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec7 {
        width: 83.33333333vw;
        margin: 27.7777777vw auto 0;
    }

    .ml-orca .orca-sec7 .s7-txt-wrap {
        width: 100%;
        text-align: left;
    }

    .ml-orca .orca-sec7 .s7-val-wrap {
        margin-top: 11.111111111vw;
        width: 83.333333333vw;
    }
}

/* s7 end */
/* s8 start */
.ml-orca .orca-sec8 {
    width: 75vw;
    margin: 10.41666667vw auto 0;
    background-color: rgba(171, 160, 221, 1);
    border-radius: 2.08333333vw;
    -webkit-border-radius: 2.08333333vw;
    -moz-border-radius: 2.08333333vw;
    -ms-border-radius: 2.08333333vw;
    -o-border-radius: 2.08333333vw;
    color: #ffffff;
    display: flex;
    align-items: flex-start;
}

.orca-sec8 .s8-title {
    font-size: 2.5vw;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 1.5625vw;
}


.orca-sec8 .s8-val {
    font-size: 1.25vw;
}

.orca-sec8 .s8-fast {
    width: 24.89583333vw;
    margin: 7.5vw 0 7.5vw 5.20833333vw;
    flex-shrink: 0;
}

.orca-sec8 .s8-title-txt {
    font-weight: 700;
    font-size: 1.666666666vw;
}
.orca-sec8 .s8-case{
    width: 20.3125vw;
    margin-left: 2.39583333vw;
}
.orca-sec8 .s8-charge{
    width: 14.58333333vw;
}
.orca-sec8 .s8-title-dura {
    font-weight: 700;
    text-align: center;
    margin-top: 4.53125vw;
}

.orca-sec8 .title-val {
    font-size: 0.83333333vw;
    margin-top: -1.31875vw;
    font-weight: 500;
    line-height: 1.6;
}

.orca-sec8 .title-math {
    font-size: 9.375vw;
    line-height: 1.25;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orca-sec8 .title-math .hrs {
    font-size: 3.38541667vw;
    margin-top: 3.95833333vw;
}

.orca-sec8 .line {
    border-right: 1px solid #ffffff;
    height: 6.77083333vw;
    margin: 8.33333333vw 2.03125vw 0 2.1875vw;
}

@media screen and (max-width:1440px) {
    .orca-sec8 .title-val {
        font-size: 12px;
    }
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec8 {
        width: 83.3333333vw;
        margin: 27.77777777vw auto 0;
        flex-direction: column;
        padding-bottom: 18.33333333vw;
        border-radius: 5.55555555vw;
        -webkit-border-radius: 5.55555555vw;
        -moz-border-radius: 5.55555555vw;
        -ms-border-radius: 5.55555555vw;
        -o-border-radius: 5.55555555vw;
    }

    .orca-sec8 .s8-fast {
        width: 72.2222222vw;
        margin: 5.55555555vw auto 0;
    }

    .orca-sec8 .s8-title {
        font-size: 6.6666666vw;
        margin-bottom: 4.166666666vw;
    }

    .orca-sec8 .s8-val {
        font-size: 3.33333333vw;
    }

    .orca-sec8 .s8-title-txt {
        display: block;
        font-size: 4.44444444vw;
        line-height: 1.6;
    }

    .orca-sec8 .line {
        width: 64.583333333vw;
        height: 0;
        border-top: 0px solid #ffffff;
        margin: 5.555555555vw 0 -2.5vw;
    }

    .orca-sec8 .s8-title-dura:not(:last-child) {
        margin-top: 5.69444444vw;
    }

    .orca-sec8 .s8-case,.orca-sec8 .s8-charge {
        margin: 0 auto;
        width: 72.2222222vw;
    }

    .orca-sec8 .title-math {
        font-size: 26.38888888vw;
        justify-content: center;
    }

    .orca-sec8 .title-math .hrs {
        font-size: 11.11111111vw;
        margin-top: 9.158333vw;
    }

    .orca-sec8 .title-val {
        font-size: 3.3333333vw;
        margin-top: -2.727778vw;
    }


    .orca-sec8 .title-math.top-math {
        margin-top: -1.666666666vw;
    }

    .orca-sec8 .title-math.bot-math {
        margin-top: 1.388888888vw;
    }
}

/* s8 end */
/* s9 start */
.ml-orca .orca-sec9 {
    width: 71.875vw;
    margin: 10.41666667vw 0 0 12.5vw;
    display: flex;
    justify-content: space-between;
}

.ml-orca .orca-sec9 .s9-img {
    width: 38.54166667vw;
    flex-shrink: 0;
}

.ml-orca .orca-sec9 .s9-txt-wrap {
    width: 29.16666667vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ml-orca .orca-sec9 .s9-txt-wrap .val-txt {
    margin-bottom: 3.125vw;
}

.ml-orca .orca-sec9 .s9-svg-wrap {
    display: none;
}

.ml-orca .orca-sec9 .s9-txt-wrap .s9-svg-wrap {
    display: block;
    min-height: 19.27083333vw;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-txt-img {
    width: 2.08333333vw;
    flex-shrink: 0;
    margin-right: 1.25vw;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-img-wrap {
    width: 1.25vw;
    height: 1.25vw;
    position: relative;
    cursor: pointer;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-img-wrap>img {
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    width: 1.25vw;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-img-wrap img.s9-min {
    opacity: 0;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap.active .s9-img-wrap img.s9-min {
    opacity: 1;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap.active .s9-img-wrap img.s9-plus {
    opacity: 0;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap.active .top-title {
    margin-bottom: 0.52083333vw;
}

.ml-orca .orca-sec9 .s9-svg-wrap p {
    font-size: 1.25vw;
    line-height: 1.6;
    display: flex;
    color: rgba(21, 21, 21, 0.7);
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap:not(:last-child) {
    margin-bottom: 1.5625vw;
}

.ml-orca .orca-sec9 .s9-svg-wrap .title-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ml-orca .orca-sec9 .s9-svg-wrap .title-bot {
    height: 0;
    overflow: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap {
    padding: 0 1.5625vw 0 1.04166667vw;
    display: flex;
    cursor: pointer;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap.active {
    padding-top: 1.04166667vw;
    padding-bottom: 1.04166667vw;
    background: #f7f7f7;
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.ml-orca .orca-sec9 .s9-svg-wrap .s9-control {
    width: 100%;
}

.ml-orca .orca-sec9 .s9-svg-wrap .top-title {
    color: #151515;
    font-weight: 500;
    line-height: 1.25;
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec9 {
        flex-direction: column;
        width: 83.3333333vw;
        margin: 27.777777777vw auto 0;
    }

    .ml-orca .orca-sec9 .s9-img {
        width:75.9722222222vw;
        order: 1;
        margin: 0 auto;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap {
        display: block;
        order: 3;
        margin: 8.33333333vw 0 0 0;
        min-height: 45.833333333vw;
    }

    .ml-orca .orca-sec9 .s9-txt-wrap .s9-svg-wrap {
        display: none;
    }

    .ml-orca .orca-sec9 .s9-txt-wrap {
        order: 0;
        width: 100%;
    }

    .ml-orca .orca-sec9 .s9-txt-wrap .val-txt {
        margin-bottom: 8.33333333vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap p {
        font-size: 3.33333333vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap img {
        width: 5.55555555vw;
        margin-right: 0;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap p:not(:last-child) {
        margin-bottom: 0;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap .s9-txt-img {
        width: 5.55555555vw;
        margin-right: 3.33333333vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap .s9-img-wrap {
        width: 3.33333333vw;
        height: 3.33333333vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap .s9-img-wrap>img {
        width: 3.333333333vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap {
        padding: 0 4.16666666vw 0 2.77777777vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap.active {
        padding: 2.777777777vw 4.1666666vw 2.77777777vw 2.777777777vw;
        border-radius: 4.16666666vw;
        -webkit-border-radius: 4.16666666vw;
        -moz-border-radius: 4.16666666vw;
        -ms-border-radius: 4.16666666vw;
        -o-border-radius: 4.16666666vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap.active .top-title {
        margin-bottom: 1.388888888vw;
    }

    .ml-orca .orca-sec9 .s9-svg-wrap .s9-title-wrap:not(:last-child) {
        margin-bottom: 4.166666666vw;
    }
}

/* s9 end */
/* s10 start */
.ml-orca .orca-sec10 {
    margin: 10.41666667vw auto 0;
    width: 75vw;
}
.ml-orca .orca-sec10 .title-txt{
    margin-bottom: 3.125vw;
}
.ml-orca .orca-sec10 .s10-swiper{
    width: 75vw;
}
.ml-orca .orca-sec10 .s10-swiper .swiper-wrapper {
    height: auto;
}

.ml-orca .orca-sec10 .s10-swiper .swiper-slide {
    width: 23.95833333vw;
    height: auto;


    overflow: hidden;


    cursor: pointer;
}
.ml-orca .orca-sec10 .s10-swiper .swiper-slide .slide-box{
    background: #f7f7f7;
    border-radius: 2.08333333vw;
    position: relative;
}
.ml-orca .orca-sec10 .swiper-slide .slide-tilte {
    font-size: 1.66666667vw;
    font-weight: 700;
    position: absolute;
    color: #000000;
    top: 2.60416667vw;
    left: 2.08333333vw;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    z-index: 2;
    line-height: 1.25;
}

.ml-orca .orca-sec10 .swiper-slide .multi,
.ml-orca .orca-sec10 .swiper-slide .audio {
    padding: 7.1875vw 0 4.73958333vw;
}

.ml-orca .orca-sec10 .swiper-slide .multi .s10-img {
    width: 14.6875vw;
    margin: 0 auto;
}

.ml-orca .orca-sec10 .swiper-slide .audio .s10-img {
    width: 14.6875vw;
    margin: 0 auto;
}
.ml-orca .orca-sec10 .swiper-slide .pop{
    padding: 7.1875vw 0 4.79166667vw;
}
.ml-orca .orca-sec10 .swiper-slide .pop .s10-img{
    width: 21.19791667vw;
    margin: 0 auto;
}
.ml-orca .orca-sec10 .s10-swiper .swiper-slide .s10-switch {
    width: 2.08333333vw;
    position: absolute;
    bottom: 1.04166667vw;
    right: 1.04166667vw;
    cursor: pointer;
}

.ml-orca .orca-sec10 .s10-swiper .swiper-slide .s10-res {
    position: absolute;
    top: 13.4375vw;
    left: 2.08333333vw;
    width: 19.79166667vw;
    font-size: 1.25vw;
    color: rgba(0, 0, 0, 0.7);
}

.ml-orca .orca-sec10 .s10-swiper .swiper-slide .s10-res p {
    transform: translateY(5vw);
    -webkit-transform: translateY(5vw);
    -moz-transform: translateY(5vw);
    -ms-transform: translateY(5vw);
    -o-transform: translateY(5vw);
    transition: all 0.3s linear;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    font-size: 1.25vw;
    line-height: 1.6;
    width: 100%;
    pointer-events: none;
}

.ml-orca .orca-sec10 .s10-swiper .swiper-slide.active .s10-res p {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    width: 100%;
    font-size: 1.25vw;
    pointer-events: auto;
}

.ml-orca .orca-sec10 .swiper-slide.active .slide-tilte {
    transform: translateY(7.8125vw);
    -webkit-transform: translateY(7.8125vw);
    -moz-transform: translateY(7.8125vw);
    -ms-transform: translateY(7.8125vw);
    -o-transform: translateY(7.8125vw);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.ml-orca .orca-sec10 .swiper-slide.active .s10-img {
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.ml-orca .orca-sec10 .swiper-slide .s10-img {
    opacity: 1;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.ml-orca .orca-sec10 .swiper-slide.active .s10-switch img {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
}

.ml-orca .orca-sec10 .swiper-slide .s10-switch img {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.ml-orca .orca-sec10 .s10-swiper-switch{
    display: flex;
    margin: 3.125vw 0 0 65.98958333vw;
}
.ml-orca .orca-sec10 .s10-swiper-switch .s10-switch-prev{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    width: 3.33333333vw;
    cursor: pointer;
    transition: opacity 0.6s ease;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
}
.ml-orca .orca-sec10 .s10-swiper-switch .s10-switch-next{
    width: 3.33333333vw;
    cursor: pointer;
    margin-left: 1.5625vw;
    transition: opacity 0.6s ease;
    -webkit-transition: opacity 0.6s ease;
    -moz-transition: opacity 0.6s ease;
    -ms-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
}
.ml-orca .orca-sec10 .s10-swiper-switch .swiper-button-disabled{
    opacity: 0.6;
}
@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec10 .s10-swiper-switch{
        display: none;
    }
    .ml-orca .orca-sec10 {
        width: 83.3333333vw;
        margin: 27.77777777vw auto 0;
    }

    .ml-orca .orca-sec10 .s10-swiper {
        width: 80.55555555vw;
    }

    .ml-orca .orca-sec10 .s10-swiper .swiper-slide {
        width: 80.55555555vw;

    }
    .ml-orca .orca-sec10 .s10-swiper .swiper-slide .slide-box{
        border-radius: 5.555555555vw;
        -webkit-border-radius: 5.555555555vw;
        -moz-border-radius: 5.555555555vw;
        -ms-border-radius: 5.555555555vw;
        -o-border-radius: 5.555555555vw;
    }
    .ml-orca .orca-sec10 .swiper-slide .multi {
        padding: 16.38888888vw 0 13.055555555vw;
    }

    .ml-orca .orca-sec10 .swiper-slide .multi .s10-img {
        width: 45.55555555vw;
    }

    .ml-orca .orca-sec10 .swiper-slide .audio {
        padding-top: 16.38888888vw;
        padding-bottom: 13.05555555vw;
    }

    .ml-orca .orca-sec10 .swiper-slide .slide-tilte {
        font-size: 4.4444444vw;
        top: 5.55555555vw;
        left: 5.55555555vw;
    }

    .ml-orca .orca-sec10 .s10-swiper .swiper-slide .s10-switch {
        width: 8.33333333vw;
        height: 8.333333333vw;
        right: 4.16666666vw;
        bottom: 4.166666666vw;
    }

    .ml-orca .orca-sec10 .s10-swiper .swiper-slide {
        padding-right: 5.5555555vw;
    }

    .ml-orca .orca-sec10 .swiper-slide.active .slide-tilte {
        transform: translateY(27.7777777vw);
        -webkit-transform: translateY(27.7777777vw);
        -moz-transform: translateY(27.7777777vw);
        -ms-transform: translateY(27.7777777vw);
        -o-transform: translateY(27.7777777vw);
    }

    .ml-orca .orca-sec10 .s10-progress {
        width: 22.2222222vw;
        height: 0.41666666vw;
        background: rgba(0, 0, 0, 0.1);
        border-radius: 1.38888888vw;
        -webkit-border-radius: 1.38888888vw;
        -moz-border-radius: 1.38888888vw;
        -ms-border-radius: 1.38888888vw;
        -o-border-radius: 1.38888888vw;
        margin: 5.5555555vw 0 27.777777777vw;
        position: relative;
    }

    .ml-orca .orca-sec10 .swiper-slide .audio .s10-img {
        width: 45.55555555vw;
    }

    .ml-orca .orca-sec10 .s10-swiper .swiper-wrapper {
        width: 80.55555555vw;
    }

    .ml-orca .orca-sec10>.title-txt {
        margin-bottom: 8.33333333vw;
    }

    .ml-orca .orca-sec10 .s10-swiper .swiper-slide .s10-res {
        left: 5.5555555vw;
        width: 63.88888888vw;
        font-size: 3.333333333vw;
        top: 41.372222vw;
    }

    .ml-orca .orca-sec10 .s10-swiper .swiper-slide .s10-res p {
        font-size: 3.333333333vw;
    }

    .ml-orca .orca-sec10 .s10-swiper .swiper-slide.active .s10-res p {
        font-size: 3.333333333vw;
    }

    .ml-orca .orca-sec10 .swiper-slide .latency .s10-res {
        top: 41.372222vw;
    }
    .ml-orca .orca-sec10 .swiper-slide .pop{
        padding: 19.16666666vw 0 13.8888888vw;
    }
    .ml-orca .orca-sec10 .swiper-slide .pop .s10-img{
        width: 62.77777777vw;
    }

}

/* s10 end */
/* s11 start */
.ml-orca .orca-sec11 {
    width: 75vw;
    margin: 0 auto 10.41666667vw;
}

.ml-orca .orca-sec11 .sec11-anc-txt {
    color: rgba(0, 0, 0, 1);
    font-weight: 700;
    font-size: 2.5vw;
    line-height: 1.25;
    width: 28vw;
    margin-bottom: 3.125vw;
}

.ml-orca .orca-sec11 .sec11-dura {
    z-index: 10;
    display: flex;
    justify-content: space-between;
}

.ml-orca .orca-sec11 .sec11-anc-infor {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.25vw;
    width: 32.1875vw;
}

.ml-orca .orca-sec11 .sec11-anc-img {
    width: 37.5vw;
    margin-top: 1.82291667vw;
}

.ml-orca .orca-sec11 .sec11-dura .sec11-khz {
    color: #7b62c7;
    font-weight: 700;
    line-height: 1.25;
}

.ml-orca .orca-sec11 .sec11-dura .sec11-khz:not(:last-child) {
    margin-right: 5.20833333vw;
}

.ml-orca .orca-sec11 .sec11-dura .sec11-khz .khz-math {
    font-weight: 800;
    font-size:5.72916667vw;

}

.ml-orca .orca-sec11 .sec11-dura .sec11-khz .khz-sym {
    font-size: 3.4375vw;
    font-weight: 800;
}

.ml-orca .orca-sec11 .sec11-dura .sec11-dura-txt {
    display: flex;
    margin-top: 3.125vw;
    flex-direction: column;
    width: 32.44791667vw;
}

.ml-orca .orca-sec11 .sec11-dura .sec11-dura-txt .dura-txt-wrap {
    display: flex;
}

.ml-orca .orca-sec11 .sec11-dura .sec11-dura-txt .khz-txt {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.14583333vw;
    font-weight: 500;
    text-align: center;
}

.ml-orca .orca-sec11 .sec11-dura .sec11-dura-txt .left {
    text-align: left;
    margin-left: 0.2375vw;
    line-height: 1.6;
}



@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .orca-sec11 {
        width: 83.333333333vw;
        margin-bottom: 27.77777777vw;
    }

    .ml-orca .orca-sec11 .sec11-anc-txt {
        font-size: 6.66666666vw;
        width: 84.7222222vw;
        margin-bottom: 4.16666666vw;
    }

    .ml-orca .orca-sec11 .sec11-dura {
        width: 83.33333333vw;
        flex-direction: column;
        align-items: center;
    }

    .ml-orca .orca-sec11 .sec11-anc-infor {
        margin:0 0 11.11111111vw;
        font-size: 3.333333333vw;
        width: 100%;
    }

    .ml-orca .orca-sec11 .sec11-dura .sec11-dura-txt {
        margin-top: 8.3333333vw;
        justify-content: space-between;
        width: 100%;
    }

    .ml-orca .orca-sec11 .sec11-dura .sec11-khz .khz-math {
        font-size: 16.25vw;
    }

    .ml-orca .orca-sec11 .sec11-dura .sec11-khz .khz-sym {
        font-size: 9.583333333vw;
    }

    .ml-orca .orca-sec11 .sec11-dura .sec11-dura-txt .khz-txt {
        font-size: 3.33333333vw;
    }

    .ml-orca .orca-sec11 .sec11-dura .sec11-khz:not(:last-child) {
        margin-right:13.88888888vw;
    }

    .ml-orca .orca-sec11 .sec11-anc-img {
        width: 100vw;
        margin-top: 0;
    }

    .ml-orca .orca-sec11 .sec11-dura .sec11-dura-txt .left {
        margin-left:0.822222vw;
    }
}

/* s11 end */
/* s12 start */
.ml-orca .orca-sec12 {
    width: 75vw;
    margin: 10.41666667vw auto 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.ml-orca .orca-sec12 .s12-img {
    width: 41.66666667vw;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 2.08333333vw;
    -webkit-border-radius: 2.08333333vw;
    -moz-border-radius: 2.08333333vw;
    -ms-border-radius: 2.08333333vw;
    -o-border-radius: 2.08333333vw;
}

.ml-orca .orca-sec12 .s12-txt-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 29.520833vw;
}

.ml-orca .orca-sec12 .s12-txt-wrap .val-txt {
    width: 28.02083333vw;
}

@media screen and (max-aspect-ratio: 136/100) {

    .ml-orca .orca-sec12 {
        margin: 0 auto;
        width: 83.33333333vw;
        flex-direction: column-reverse;
    }

    .ml-orca .orca-sec12 .s12-txt-wrap {
        width: 78.022222vw;
    }

    .ml-orca .orca-sec12 .s12-img {
        width: 100%;
        margin-top: 8.33333333vw;
        border-radius: 4.166666666vw;
        -webkit-border-radius: 4.166666666vw;
        -moz-border-radius: 4.166666666vw;
        -ms-border-radius: 4.166666666vw;
        -o-border-radius: 4.166666666vw;
}

    .ml-orca .orca-sec12 .s12-txt-wrap .val-txt {
        width: 83.3333333vw;
    }
}

/* s12 end */
/* footer start*/
.ml-orca .footer-list {
    width: 75vw;
    margin: 10.41666667vw auto 0;
    padding-bottom: 10.41666667vw;

}

.ml-orca .footer-list ul {
    padding-left: 1.041767vw
}

.ml-orca .footer-list ul a {
    color: #1f71ff;
    word-break: break-all;
}

.ml-orca .footer-list li {
    list-style-type: decimal;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
}

.ml-orca .footer-list li.footer-active {
    color: #000;
}

.ml-orca .footer-list li.price {
    position: relative;
    list-style-type: none;
}

.ml-orca .footer-list li.price::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.ml-orca .footer-list ul a {
    color: #1f71ff;
    word-break: break-all
}

@media screen and (min-width: 1920px) {
    .ml-orca .footer-list li {
        font-size: 0.625vw;
    }
}

@media screen and (max-aspect-ratio: 136/100) {
    .ml-orca .footer-list {
        width: 83.333333333vw;
        margin: 27.77777777vw auto 0;
        padding-bottom: 27.77777777vw;
    }

    .ml-orca .footer-list li {
        font-size: 3.33333333vw;
    }

    .ml-orca .footer-list ul {
        padding-left: 5.277778vw
    }
}

/* footer end*/
/* s13-start */
.ml-orca .orca-sec13{
    width: 75vw;
    display: flex;
    margin: 10.41666667vw auto 0;
    align-items: center;
}
.ml-orca .s13-txt{
    width: 26.30208333vw;
    margin-right: 8.90625vw;
}
.ml-orca .s13-img{
    width: 32.96875vw;
}
@media screen and (max-aspect-ratio: 136/100){
    .ml-orca .orca-sec13{
        flex-direction: column;
        width: 83.33333333vw;
        justify-content: center;
        margin: 27.777777777vw auto 0;
    }
    .ml-orca .s13-txt{
        width: 100%;
        margin: 0 0 11.1111111vw 0;
    }
    .ml-orca .s13-img{
        width: 82.083333333vw;
    }
}
/* s13-end */
/* s14 start */
.ml-orca .orca-sec14{
    width: 75vw;
    margin: 0 auto 10.41666667vw;
}
.ml-orca .orca-sec14 .s14-title{
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.25;
    color: #7b62c7;
    margin-bottom: 4.16666667vw;
}
.ml-orca .s14-imgwrap{
    display: flex;
    justify-content: space-between;
}
.ml-orca .s14-imgwrap .s14-img{
    width: 46.19791667vw;
}
.ml-orca .s14-imgwrap .s14-txt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 23.07291667vw;
    color: rgba(0, 0, 0, 0.7);
}
.ml-orca .s14-imgwrap .s14-txt-top{
    font-size: 1.25vw;
    margin-bottom: 3.125vw;

}
.ml-orca .s14-imgwrap .s14-txt-bottom{
    font-size: 0.83333333vw;
}
@media screen and (max-width:1440px) {
    .ml-orca .s14-imgwrap .s14-txt-bottom{
        font-size: 12px;
    }  
}
@media screen and (max-aspect-ratio: 136/100){
    .ml-orca .orca-sec14{
        width: 83.33333333vw;
        margin: 0 auto 27.77777777vw;
    }
    .ml-orca .orca-sec14 .s14-title{
        font-size: 16.6666666vw;
        width: 66.6666666vw;
    }
    .ml-orca .orca-sec14 .s14-clumn{
        font-size: 3.33333333vw;
        margin-bottom: 11.11111111vw;
        color: rgba(0, 0, 0, 0.7);
    }
    .ml-orca .s14-imgwrap{
        flex-direction: column;
    }
    .ml-orca .s14-imgwrap .s14-txt{
        width: 100%;
        margin-top: 11.11111111vw;
    }
    .ml-orca .s14-imgwrap .s14-img{
        width: 84.305555555vw;
        margin-left: -0.972222222vw;
    }
    .ml-orca .s14-imgwrap .s14-txt-bottom{
        font-size: 3.333333333vw;
    }
}
/* s14 end */