.huawei-diracf {
    width: 100%;
    color: #fff;
    font-weight: 500;
    letter-spacing: calc(-.037em + .526px);
    border-bottom: 1px solid transparent;
    background: #17171A;
}

.huawei-diracf .countLength {
    width: 100vw;
}

.huawei-diracf .blur-up {
    filter: blur(20px);
    transition: filter .2s;
}

.huawei-diracf .blur-up.lazyloaded {
    filter: blur(0);
}

.huawei-diracf img,
.huawei-diracf video {
    display: block;
    border: 0;
    vertical-align: bottom;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.huawei-diracf a {
    text-decoration: none;
}

.huawei-diracf .nr {
    white-space: nowrap;
    font-style: normal;
}

.huawei-diracf .diracf-sup {
    font-size: .6em;
    cursor: pointer;
}

.huawei-diracf .honey-sup a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    display: contents;
    cursor: pointer;
}

.huawei-diracf .currentspecial {
    color: #fff;
}

.huawei-diracf .showPc {
    display: block;
}

.huawei-diracf .showMob {
    display: none;
}

.huawei-diracf .showInWx {
    display: none;
}

.huawei-diracf .showInUc {
    display: none;
}

.huawei-diracf .showie {
    display: none;
}

/* IE STYLE */
@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .huawei-diracf .showie {
        display: block;
    }

    .huawei-diracf .hideie {
        display: none;
    }
    
}

.huawei-diracf video {
    vertical-align: middle;
}

.huawei-diracf .imgforie {
    display: none !important;
}

.huawei-diracf .hidden {
    display: none !important;
}

.huawei-diracf .cbg-backtotop {
    position: fixed;
    z-index: 200;
    bottom: 90px;
    right: 50px;
    display: none;
}

.huawei-diracf .cbg-backtotop a {
    display: block;
    width: 40px;
    height: 40px;
    margin: 5px 0;
    text-indent: -9999px;
    background: url(https://consumer.huawei.com/content/dam/huawei-cbg-site/common/mkt/pdp/store/img/sprites_cbg_icon.png) no-repeat;
    opacity: 0.6;
    filter: alpha(opacity=80);
    transition: all linear 0.2s;
}

.huawei-diracf .cbg-backtotop a.cbg-icon-backtotop {
    background-position: -549px -188px;
}

.huawei-diracf .cbg-backtotop a.hidden {
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: default;
}

.huawei-diracf .cbg-backtotop a.cbg-icon-backtohome {
    background-position: -549px -148px;
}


/* jiaobiao switch */
.huawei-diracf .last-section ol {
    width: 73.958333333vw;
    margin: 10.4166666666vw auto;
    color: #7f7f7f;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    list-style: decimal;
}

.huawei-diracf .last-section .notmm {
    position: relative;
    list-style: none !important;
    margin: 0 0 1.04166666666vw 0;
}

.huawei-diracf .last-section .mll {
    position: relative;
    list-style: none;
}

.huawei-diracf .last-section .mll::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.huawei-diracf .last-section .mll1 {
    position: relative;
    list-style: none;
}

.huawei-diracf .last-section .mll1::before {
    content: "**";
    position: absolute;
    top: 0;
    left: -14px;
}

@media screen and (max-width: 1023px), 
    (max-aspect-ratio: 1 / 1) and (max-width: 1024px) {
        .huawei-diracf  .last-section .mll1::before {
            left: -4.1666666666vw;
        }

        .huawei-diracf  .last-section .mll::before {
            left: -2.7777777777vw;
        }
}

@media screen and (min-width: 1921px) {
    .huawei-diracf  .last-section .mll1::before {
        left: -0.8333333333vw;
    }
}

/* mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .last-section .notmm { 
        margin: 0 0 2.777777777vw 0;
    }

    .huawei-diracf .showPc {
        display: none!important;
    }

    .huawei-diracf .showPcinline {
        display: none;
    }

    .huawei-diracf .showMob {
        display: block;
    }

    .huawei-diracf .last-section ol {
        width: 82.1vw;
        margin: 22.222222222vw 0 22.222222222vw 10.833333333vw;
        font-size: 3.3333333333vw;
    }
}


/* section 1 pc  */
.huawei-diracf .diracf-section1 {
    position: relative;
    display: flex;
    justify-content: center;
    background-color: #fff;
}

.huawei-diracf .diracf-section1 .hdwindowc {
    position: absolute;
    right: 8px;
    bottom: 10.416666666vw;
    width: 221px;
    height: 32px;
    z-index: 5;
}

@media screen and (max-width: 1120px) {
    .huawei-diracf .diracf-section1 .hdwindowc {
        bottom: 7.416667vw;
    }
}

@media screen and (min-width: 1025px) and (min-aspect-ratio: 1600/800) {
    .huawei-diracf .diracf-section1 .hdwindowc {
        bottom: 16.416667vw;
    }
}

@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section1 .hdwindowc {
        bottom: 17vw;
    }
}

.huawei-diracf .diracf-section1 .kv2p {
    display: flex;
    margin: 6.875vw 0;
}

.huawei-diracf .diracf-section1 .kvimg {
    width: 45.2604166vw;
    margin: 0 1.8229166vw 0 0;
}

.huawei-diracf .diracf-section1 .kvtxt {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section1 .kvt {
    width: 34.8958333vw;
    margin: 8.697916666vw 0 0 0;
}

.huawei-diracf .diracf-section1 .kvtitle {
    margin: 2.0833333vw 0 1.875vw 0;
    color: #000;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 1.25;
}

.huawei-diracf .diracf-section1 .kvtitle span {
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section1 .kvtitle span:last-child {
    margin: 0;
}

.huawei-diracf .diracf-section1 .kvksp {
    color: #000;
    font-size: 1.1458333vw;
    font-weight: 500;
    line-height: 1.6;
} 

/* section 1 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section1 .kv2p {
        flex-direction: column;
        align-items: center;
        margin: 13.888888888vw 0 27.7777777vw 0;
    }

    .huawei-diracf .diracf-section1 .kvtxt {
        order: -1;
    }

    .huawei-diracf .diracf-section1 .kvimg {
        width: 83.3333333vw;
        height: 62.5vw;
        margin: 13.8888888888vw 0 0 0;
    }

    .huawei-diracf .diracf-section1 .kvt {
        width: 83.3333333vw;
        height: 4.1666666vw;
        margin: 0;
    }

    .huawei-diracf .diracf-section1 .kvtitle {
        font-size: 6.6666666vw;
        margin: 5.5555555vw 0;
    }

    .huawei-diracf .diracf-section1 .kvtitle span {
        margin: 0 5.5555555vw 0 0;
    }

    .huawei-diracf .diracf-section1 .kvksp {
        font-size: 2.7777777vw;
    }
}


/* section 2 pc */
.huawei-diracf .diracf-section2 {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section2 .heartbtit {
    margin: 10.4166666vw 0 4.1666666666vw 0;
    color: transparent;
    font-size: 4.1666666666vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(90deg,#BBD5CD  0%,#4C665F 44.07%,#C6E2D8 100%);
}

.huawei-diracf .diracf-section2 .sixreasons {
    display: flex;
    flex-wrap: wrap;
    width: calc(82.2916666vw + 1px);
}

.huawei-diracf .diracf-section2 .sixreasons .item {
    position: relative;
    background: linear-gradient(115deg, rgba(188, 230, 239, 0.1) 0%, rgba(71, 121, 129, 0.1) 52%, rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.0416666vw;
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
    cursor: pointer;
}

.huawei-diracf .diracf-section2 .sixreasons .item:hover .cimgc {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.huawei-diracf .diracf-section2 .sixreasons .item .reasonc {
    position: absolute;
    z-index: 2;
} 

.huawei-diracf .diracf-section2 .sixreasons .item .reasonc h3 {
    margin: 0 0 1.0416666vw 0;
    color: #fff;
    font-size: 1.6666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.huawei-diracf .diracf-section2 .sixreasons .li2 .reasonc h3 {
    text-align: right;
}

.huawei-diracf .diracf-section2 .sixreasons .item .reasonc p {
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section2 .sixreasons .li2 .reasonc p {
    text-align: right;
}

.huawei-diracf .diracf-section2 .sixreasons .li1 .reasonc {
    top: 3.125vw;
    left: 4.1666666vw;
}

.huawei-diracf .diracf-section2 .sixreasons .li2 .reasonc {
    top: 3.125vw;
    right: 4.1666666vw;
}

.huawei-diracf .diracf-section2 .sixreasons .li3 .reasonc {
    top: 50%;
    left: 4.1666666vw;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.huawei-diracf .diracf-section2 .sixreasons .li4 .reasonc {
    top: 3.125vw;
    left: 4.1666666vw;
}

.huawei-diracf .diracf-section2 .sixreasons .li5 .reasonc {
    top: 3.125vw;
    left: 3.125vw;
}

.huawei-diracf .diracf-section2 .sixreasons .li6 .reasonc {
    top: 3.125vw;
    left: 3.125vw;
}

.huawei-diracf .diracf-section2 .sixreasons .li1 {
    width: 40.4166666vw;
    height: 35.5208333vw;
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section2 .sixreasons .emptydom {
    width: 40.4166666vw;
    height: 100%;
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section2 .sixreasons .fakedom {
    display: flex;
    height: 11.0416666vw;
    margin: -11.0416666vw 0 1.5625vw 0;
}

.huawei-diracf .diracf-section2 .sixreasons .li2 {
    width: 40.3125vw;
    height: 22.9166666vw;
}

.huawei-diracf .diracf-section2 .sixreasons .li3 {
    width: 40.3125vw;
    height: 100%;
}

.huawei-diracf .diracf-section2 .sixreasons .li4 {
    width: 34.6875vw;
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section2 .sixreasons .li5 {
    width: 24.7916666666vw;
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section2 .sixreasons .li6 {
    width: 19.6875vw;
}

.huawei-diracf .diracf-section2 .circle {
    overflow: hidden;
    position: absolute;
    bottom: 1.0416666vw;
    right: 1.0416666vw;
    width: 2.3958333vw;
    height: 2.3958333vw;
    background-color: #424242;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.huawei-diracf .diracf-section2 .cimgc {
    display: flex;
    flex-direction: column;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transition: transform 0.3s linear;
    -webkit-transition: transform 0.3s linear;
    -moz-transition: transform 0.3s linear;
    -ms-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
}

.huawei-diracf .diracf-section2 .cimgc img {
    height: 50%;
}

/* section 2 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section2 .heartbtit {
        margin: 22.2222222vw 0 8.3333333vw 0;
        font-size: 8.8888888vw;
    }

    .huawei-diracf .diracf-section2 .sixreasons {
        width: calc(83.3333333vw + 1px);
        margin: 0 auto;
    }

    .huawei-diracf .diracf-section2 .circle {
        width: 5.27777777777vw;
        height: 5.27777777777vw;
        right: 2.22222222222vw;
        bottom: 2.22222222222vw;
    }

    .huawei-diracf .diracf-section2 .sixreasons .fakedom {
        width: 100%;
        height: auto;
        margin: 0 0 4.1666666666vw 0;
        order: 4;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li1 {
        width: 100%;
        height: 73.6111111vw;
        margin: 0 0 4.1666666vw 0;
        order: 1;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li2 {
        width: 100%;
        height: 73.6111111vw;
        margin: 0 0 4.1666666vw 0;
        order: 2;
    }

    .huawei-diracf .diracf-section2 .sixreasons .emptydom {
        width: 0;
        margin: 0;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li3 {
        width: 100%;
        height: 100%;
        order: 4;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li4 {
        width: 100%;
        margin: 0 0 4.1666666vw 0;
        order: 3;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li5 {
        width: 39.583333333vw;
        margin: 0 4.1666666666vw 0 0;
        order: 5;
    }
    
    .huawei-diracf .diracf-section2 .sixreasons .li6 {
        width: 39.583333333vw;
        margin: 0;
        order: 6;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li2 .reasonc {
        right: auto;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li1 .reasonc,
    .huawei-diracf .diracf-section2 .sixreasons .li2 .reasonc,
    .huawei-diracf .diracf-section2 .sixreasons .li3 .reasonc,
    .huawei-diracf .diracf-section2 .sixreasons .li4 .reasonc,
    .huawei-diracf .diracf-section2 .sixreasons .li5 .reasonc,
    .huawei-diracf .diracf-section2 .sixreasons .li6 .reasonc {
        top: 5.5555555vw;
        left: 8.3333333vw;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li3 .reasonc {
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .huawei-diracf .diracf-section2 .sixreasons .item {
        border-radius: 2.777777777vw;
        -webkit-border-radius: 2.777777777vw;
        -moz-border-radius: 2.777777777vw;
        -ms-border-radius: 2.777777777vw;
        -o-border-radius: 2.777777777vw;
    }

    .huawei-diracf .diracf-section2 .sixreasons .item .reasonc h3 {
        margin: 0 0 1.3888888vw 0;
        font-size: 4.4444444vw;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li2 .reasonc h3 {
        text-align: left;
    }

    .huawei-diracf .diracf-section2 .sixreasons .item .reasonc p {
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section2 .sixreasons .li2 .reasonc p {
        text-align: left;
    }
}


/* section 3 pc */
.huawei-diracf .diracf-section3 .s3sticty {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    position: sticky;
    height: auto;
    height: calc(100vh - var(--navH));
    top: var(--navH);
}

.huawei-diracf .diracf-section3 .s3bigt {
    color:#fff;
    color: transparent;
    font-size: 9.375vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-clip: text;
    background-image:linear-gradient(156.21deg,#bbd5cd 20.02%,#4c665f 51.49%,#c6e2d8 84%);
} 

.huawei-diracf .diracf-section3 .s3movepart {
    background: #17171A;
    transform-style: preserve-3d;
    perspective: 83.3333333vw;
    perspective-origin: top;
}

.huawei-diracf .diracf-section3 .s3space {
    height: 340vh;
}

.huawei-diracf .diracf-section3 .s3sticky2 {
    overflow: hidden;
    position: static;
    position: sticky;
    top: var(--s3stickyH);
    padding: 0 0 10.416666666vw 0;
    background: #17171A;
    transform-style: preserve-3d;
    perspective: 104.166666666vw;
    perspective-origin: top;
    z-index: 22;
}

.huawei-diracf .diracf-section3 .s3movEle {
    width: 100%;
}

.huawei-diracf .diracf-section3 .swiper2 {
    position: relative;
    left: 8.8541666vw;
    width: 100%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .difseion-will-change .s3bigt,
.huawei-diracf .difseion-will-change .s3movEle,
.huawei-diracf .difseion-will-change .swiper2 {
    will-change: transform;
}

.huawei-diracf .diracf-section3 .swiper2 .swiper-slide {
    width: 82.2916666vw;
    margin: 0 8.8541666vw 0 0;
    background: #17171A;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section3 .swiper2 .spebor {
    overflow: hidden;
    border-radius: 1.0416666666vw;
    -webkit-border-radius: 1.0416666666vw;
    -moz-border-radius: 1.0416666666vw;
    -ms-border-radius: 1.0416666666vw;
    -o-border-radius: 1.0416666666vw;
}

.huawei-diracf .diracf-section3 .swiper2 .swiper-slide h3 {
    margin: 2.083333333vw 0 1.041666666vw 0;
    color: #fff;
    font-size: 1.6666666666vw;
    font-weight: 500;
    line-height: 1.25;
}


.huawei-diracf .diracf-section3 .swiper2 .swiper-slide p {
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section3 .swiper2 .swiper-slide img {
    height: 33.333333333vw;
    border-radius: 1.0416666666vw;
    -webkit-border-radius: 1.0416666666vw;
    -moz-border-radius: 1.0416666666vw;
    -ms-border-radius: 1.0416666666vw;
    -o-border-radius: 1.0416666666vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section3 .swiper-slide-active {
    opacity: 1!important;
}


@media screen and (min-width: 1025px) and (min-aspect-ratio: 1366/640) {
    .huawei-diracf .diracf-section3 .swiper2 .swiper-slide {
        width: 73.291667vw;
    }

    .huawei-diracf .diracf-section3 .swiper2 .swiper-slide img {
        height: 29.648609077vw;
    }

    .huawei-diracf .diracf-section3 .swiper2 .swiper-slide h3 {
        margin: 1.083333333vw 0 0.041666666vw 0;
    }
}

/* section 3 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section3 .s3sticty{
        position: initial;
        height: auto;
    }

    .huawei-diracf .diracf-section3 .s3bigt {
        margin: 22.2222222vw 0;
        font-size: 13.3333333vw;
    }

    .huawei-diracf .diracf-section3 .s3sticky2 {
        position: initial;
        padding: 0;
    }

    .huawei-diracf .diracf-section3 .s3movEle {
        height: auto;
    }

    .huawei-diracf .diracf-section3 .swiper2 {
        overflow: hidden;
        position: relative;
        left: 0;
        top: 0;
        width: 83.3333333vw;
        margin: 0 auto;
    }

    .huawei-diracf .diracf-section3 .swiper2 .swiper-slide h3 {
        margin: 13.0555555vw 0 2.7777777vw 0;
        font-size: 4.4444444vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section3 .swiper2 .swiper-slide p {
        font-size: 3.3333333vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section3 .swiper-container-horizontal>.swiper-pagination-bullets, 
    .huawei-diracf .diracf-section3 .swiper-pagination-custom, 
    .huawei-diracf .diracf-section3 .swiper-pagination-fraction {
        display: flex;
        justify-content: center;
        align-items: center;
        top: 75vw;
        bottom: auto;
    }   

    .huawei-diracf .diracf-section3 .swiper2 .swiper-slide img {
        width: 83.333333333vw;
        height: auto;
        border-radius: 2.7777777777vw;
        -webkit-border-radius: 2.7777777777vw;
        -moz-border-radius: 2.7777777777vw;
        -ms-border-radius: 2.7777777777vw;
        -o-border-radius: 2.7777777777vw;
    }

    .huawei-diracf .diracf-section3 .swiper-pagination-bullet {
        width: 1.9444444vw;
        height: 1.9444444vw;
        background:#5a5a5a;
        opacity: 1;
        outline: none;
    }

    .huawei-diracf .diracf-section3 .swiper-pagination-bullet-active {
        background:#d8d8d8;
    }

    .huawei-diracf .diracf-section3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child) {
        margin: 0 4.1666666vw 0 0;
    }

    .huawei-diracf .diracf-section3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
        margin: 0;
    }

    .huawei-diracf .diracf-section3 .swiper2 .spebor {
        border-radius: 2.7777777777vw;
        -webkit-border-radius: 2.7777777777vw;
        -moz-border-radius: 2.7777777777vw;
        -ms-border-radius: 2.7777777777vw;
        -o-border-radius: 2.7777777777vw;
    }
}

/* section 4 pc */
.huawei-diracf .diracf-section4 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section4 .s4title {
    margin: 0 0 0 0;
    color: #FFF;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(-51deg,#BBD5CD  27%,#4C665F 44.07%,#C6E2D8 83%);
}

.huawei-diracf .diracf-section4 .s4video {
    overflow: hidden;
    position: relative;
    width: 82.2916666vw;
    margin: 10.4166666vw 0 3.125vw 0;
    border-radius: 1.0416666666vw;
    -webkit-border-radius: 1.0416666666vw;
    -moz-border-radius: 1.0416666666vw;
    -ms-border-radius: 1.0416666666vw;
    -o-border-radius: 1.0416666666vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section4 .s4video video {
    height: 100%;
    object-fit: cover;
}

.huawei-diracf .diracf-section4 .s4vtxt {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    justify-content: center;
}

.huawei-diracf .diracf-section4 .s4vtxt li {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    margin: 0 6.1458333vw 0 0;
}

.huawei-diracf .diracf-section4 .s4vtxt li:last-child {
    margin: 0;
}

.huawei-diracf .diracf-section4 .s4vtxt li h3 {
    flex-shrink: 0;
    margin: 0 0.5208333vw 0 0;
    color: #fff;
    font-size: 4.1666666vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-diracf .diracf-section4 .s4vtxt li p {
    flex-shrink: 0;
    margin: 0 0 0.5208333vw 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section4 .s4smallc {
    display: flex;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardt, 
.huawei-diracf .diracf-section4 .s4smallc .s4cardb {
    display: flex;
}

.huawei-diracf .diracf-section4 .s4smallc li {
    display: flex;
    background-image: linear-gradient(119deg, rgba(188, 230, 239, 0.1) 0%, rgba(71, 121, 129, 0.1) 52%, rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
}

.huawei-diracf .diracf-section4 .s4smallc li img {
    margin: 0 1.5625vw 0 2.0833333vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardt {
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section4 .s4smallc li:not(:last-of-type) {
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(1) {
    width: 17.0833333vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(2) {
    width: 17.0833333vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(1) img {
    width: 3.3333333vw;
    height: 3.3333333vw;
    margin: 4.0625vw 1.3020833333vw 0 2.0833333vw;
} 

.huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(2) img {
    width: 3.28125vw;
    height: 3.125vw;
    margin: 4.1666666vw 1.3020833333vw 0 2.0833333vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(1) .cright,
.huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(2) .cright {
    margin: 2.0833333vw 0 1.9791666vw 0;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(1) {
    width: 22.7083333vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(2) {
    width: 20.7291666vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(1) img {
    width: 3.2291666vw;
    height: 3.2291666vw;
    margin: 4.1145833vw 1.3020833333vw 0 2.0833333vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(2) img {
    width: 3.8541666vw;
    height: 3.8541666vw;
    margin: 3.8020833vw 1.3020833333vw 0 2.0833333vw;
}

.huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(1) .cright,
.huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(2) .cright {
    margin: 2.0833333vw 0 1.9791666vw 0;
    flex-shrink: 0;
}

.huawei-diracf .diracf-section4 .s4smallc li .csubt {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section4 .s4smallc li .ctitle {
    margin: 0.3125vw 0 0 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-diracf .diracf-section4 .s4smallc li .ctdes {
    color: #fff;
    font-size: 1.1458333vw;
    font-weight: 400;
    line-height: 1.6;
}


/* section 4 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section4 .s4title {
        margin: 22.222222222vw 0 0 0;
        font-size: 13.3333333vw;
    }

    .huawei-diracf .diracf-section4 .s4bottom {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .huawei-diracf .diracf-section4 .s4video {
        width: 83.3333333vw;
        height: 48.611111111vw;
        margin: 22.2222222vw 0 8.3333333333vw 0;
        border-radius: 2.777777777vw;
        -webkit-border-radius: 2.777777777vw;
        -moz-border-radius: 2.777777777vw;
        -ms-border-radius: 2.777777777vw;
        -o-border-radius: 2.777777777vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc {
        flex-wrap: wrap;
        justify-content: center;
    }

    .huawei-diracf .diracf-section4 .s4smallc li {
        border-radius: 2.77777777777vw;
        -webkit-border-radius: 2.77777777777vw;
        -moz-border-radius: 2.77777777777vw;
        -ms-border-radius: 2.77777777777vw;
        -o-border-radius: 2.77777777777vw;
    }

    .huawei-diracf .diracf-section4 .s4vtxt li {
        flex-direction: column;
        align-items: center;
        margin: 0 6.25vw 0 0;
    }

    .huawei-diracf .diracf-section4 .s4vtxt li h3 {
        margin: 0;
        font-size: 6.6666666vw;
    }

    .huawei-diracf .diracf-section4 .s4vtxt li p {
        margin: 0;
        font-size: 2.7777777vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(1) {
        width: 39.5833333vw;
        margin: 0 4.1666666vw 0 0;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(2) {
        width: 39.5833333vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(1) {
        width: 39.5833333vw;
        margin: 0 4.1666666vw 0 0;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(2) {
        width: 39.5833333vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardt {
        margin: 0 0 4.1666666vw 0;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(1) img {
        width: 6.9444444vw;
        height: 6.9444444vw;
        margin: 6.25vw 2.7777777vw 0 5.5555555vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(2) img {
        width: 7.2222222vw;
        height: 6.9444444vw;
        margin: 6.25vw 2.7777777vw 0 5.5555555vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(1) img {
        width: 6.9444444vw;
        height: 6.9444444vw;
        margin: 6.25vw 2.0833333333vw 0;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(2) img {
        width: 6.9444444vw;
        height: 6.9444444vw;
        margin: 6.25vw 2.7777777vw 0 5.5555555vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc li .csubt {
        font-size: 2.7777777vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc li .ctitle {
        font-size: 4.4444444vw;
        margin: 0;
    }

    .huawei-diracf .diracf-section4 .s4smallc li .ctdes {
        font-size: 2.7777777vw;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(1) .cright, 
    .huawei-diracf .diracf-section4 .s4smallc .s4cardt li:nth-child(2) .cright {
        margin: 2.5vw 0;
    }

    .huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(1) .cright, 
    .huawei-diracf .diracf-section4 .s4smallc .s4cardb li:nth-child(2) .cright {
        margin: 2.5vw 0;
    }
}

/* section 5 pc */
.huawei-diracf .diracf-section5 {
    margin: 10.4166666vw 0 0 0;
}

.huawei-diracf .diracf-section5 .s5sticky {
    overflow: hidden;
    position: relative;
    position: sticky;
    top: 0;
    top: var(--navH);
    height: auto;
    height: calc(100vh - var(--navH));
}


.huawei-diracf .diracf-section5 .s3shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 101%;
    background: rgba(23, 23, 26, 0.8);
    z-index: 1;
}

.huawei-diracf .diracf-section5 .s5space {
    height: 120vh;
}

.huawei-diracf .diracf-section5 .s5content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.huawei-diracf .diracf-section5 .s5bg {
    height: 100%;
    object-fit: cover;
}

.huawei-diracf .diracf-section5 .s5content .s5maint {
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section5 .s5content .s5des {
    margin: 2.0833333vw 0 6.25vw 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

@media screen and (min-width: 1025px) and (min-aspect-ratio: 1366/640) {
    .huawei-diracf .diracf-section5 .s5content .s5des {
        margin: 2.0833333vw 0 3.25vw 0;
    }
}

.huawei-diracf .diracf-section5 .s5content .s5mainp {
    width: 61.1458333333vw;
}


/* section 5 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section5 {
        margin: 22.2222222222vw 0 0 0;
    }

    .huawei-diracf .diracf-section5 .s5content .s5maint {
        width: 83.3333333vw;
        font-size: 8.8888888vw;
    }

    .huawei-diracf .diracf-section5 .s5content .s5des {
        width: 83.3333333vw;
        margin: 5.5555555vw 0 11.1111111vw 0;
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section5 .s5content .s5mainp {
        width: 100%;
    }
}

/* fold */
@media screen and (min-width: 669px) and (max-width: 1023px) and (min-aspect-ratio: 669/797) {
    .huawei-diracf .diracf-section5 .s5content .s5des {
        margin: 1.555555vw 0 0 0;
    }


    .huawei-diracf .diracf-section5 .s5content .s5des {
        width: 90vw;
        font-size: 1.944444444vw;
    }

    .huawei-diracf .diracf-section5 .s5content .s5maint {
        font-size: 4.4444444vw;
    }


}

/* section 6 pc */
.huawei-diracf .diracf-section6 {
    position: relative;
    display: flex;
    margin: 10.4166666vw 0;
}

.huawei-diracf .diracf-section6 .s6maint {
    width: 40.1041666vw;
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
}

.huawei-diracf .diracf-section6 .s6card1 {
    display: flex;
    margin: 4.1666666vw 0 1.5625vw 0;
}

.huawei-diracf .diracf-section6 .s6card1 li {
    display: flex;
    width: 12.2916666vw;
    background: linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
}

.huawei-diracf .diracf-section6 .s6card1 li img {
    width: 3.6458333vw;
    height: 3.6458333vw;
}

.huawei-diracf .diracf-section6 .s6card1 .scard1 img {
    margin: 2.0833333vw 0.9375vw 2.0833333vw 1.0416666vw;
}

.huawei-diracf .diracf-section6 .s6card1 .scard2 img {
    margin: 2.0833333vw 0.8854166vw 2.0833333vw 1.0416666vw;
}

.huawei-diracf .diracf-section6 .s6card1 .scard3 img {
    margin: 2.0833333vw 1.09375vw 2.0833333vw 1.0416666vw;
}

.huawei-diracf .diracf-section6 .s6card1 .s6txtc {
    margin: 1.0416666vw 0;
}

.huawei-diracf .diracf-section6 .s6card1 h3 {
    color: #fff;
    font-size: 1.6666666vw;
    font-weight: 500;
    line-height: 1.25;
}

.huawei-diracf .diracf-section6 .s6card1 p {
    color: #aaa;
    font-size: 1.1458333vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section6 .s6card1 li:not(:last-child) {
    margin: 0 1.5625vw 0 0;
}

.huawei-diracf .diracf-section6 .s6card2 {
    display: flex;
    justify-content: center;
    width: 40.1041666vw;
    background: linear-gradient(119deg, rgba(188, 230, 239, 0.1) 0%, rgba(71, 121, 129, 0.1) 52%, rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.04166666666vw;
    -webkit-border-radius: 1.04166666666vw;
    -moz-border-radius: 1.04166666666vw;
    -ms-border-radius: 1.04166666666vw;
    -o-border-radius: 1.04166666666vw;
}

.huawei-diracf .diracf-section6 .s6card2 p {
    color: #aaa;
    font-size: 1.1458333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section6 .s6card2 li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section6 .s6card2 .s6icon1 {
    margin: 0 1.9270833vw 0 0;
}

.huawei-diracf .diracf-section6 .s6card2 .s6icon2 {
    margin: 0 1.875vw 0 0;
}

.huawei-diracf .diracf-section6 .s6card2 p {
    margin: 0 0 2.0833333vw 0;
}

.huawei-diracf .diracf-section6 .s6card2 .s6icon1 p {
    width: 14.6875vw;
}

.huawei-diracf .diracf-section6 .s6card2 .s6icon2 p {
    width: 8.0729166vw;
}

.huawei-diracf .diracf-section6 .s6card2 li .s6tim {
    margin: 1.302083333vw 0 0.78125vw 0;
}

.huawei-diracf .diracf-section6 .s6card2 .s6tim {
    width: 6.25vw;
}

.huawei-diracf .diracf-section6 .s6lpart {
    width: 82.2916666666vw;
    margin: 0 auto;
}

.huawei-diracf .diracf-section6 .s6rpart {
    position: absolute;
    right: 0;
    top: 0;
    width: 44.2708333vw;
}

/* section 6 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section6 {
        flex-direction: column;
        align-items: center;
        margin: 22.2222222vw 0;
    }

    .huawei-diracf .diracf-section6 .s6maint {
        width: 100%;
        font-size: 8.8888888vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section6 .s6card1 {
        margin: 8.3333333333vw 0 3.3333333vw 0;
    }

    .huawei-diracf .diracf-section6 .s6card1 li {
        width: 25.5555555vw;
        border-radius: 2.77777777777vw;
        -webkit-border-radius: 2.77777777777vw;
        -moz-border-radius: 2.77777777777vw;
        -ms-border-radius: 2.77777777777vw;
        -o-border-radius: 2.77777777777vw;
    }

    .huawei-diracf .diracf-section6 .s6card1 li.scard1 {
        margin: 0 3.1944444vw 0 0;
    }

    .huawei-diracf .diracf-section6 .s6card1 li.scard2 {
        margin: 0 3.3333333vw 0 0;
    }

    .huawei-diracf .diracf-section6 .s6card2 {
        width: 83.3333333vw;
        border-radius: 2.77777777777vw;
        -webkit-border-radius: 2.77777777777vw;
        -moz-border-radius: 2.77777777777vw;
        -ms-border-radius: 2.77777777777vw;
        -o-border-radius: 2.77777777777vw;
}

    .huawei-diracf .diracf-section6 .s6rpart {
        position: relative;
        width: 83.3333333vw;
        margin: 11.1111111vw 0 0 0;
    }

    .huawei-diracf .diracf-section6 .s6card2 .s6icon1, 
    .huawei-diracf .diracf-section6 .s6card2 .s6icon2 {
        margin: 0 0.5555555vw 0 0;
    }

    .huawei-diracf .diracf-section6 .s6card2 p {
        font-size: 2.7777777vw;
    }

    .huawei-diracf .diracf-section6 .s6card2 .s6icon1 p {
        width: 34.7222222vw;
    }

    .huawei-diracf .diracf-section6 .s6card2 .s6icon2 p {
        width: 17.5vw;
    }

    .huawei-diracf .diracf-section6 .s6card2 .s6icon3 p {
        width: auto;
    }

    .huawei-diracf .diracf-section6 .s6card2 li .s6tim {
        width: 13.333333333vw;
        height: 11.11111111111vw;
        margin: 2.777777777vw 0 1.388888888vw 0;
    }

    .huawei-diracf .diracf-section6 .s6card2 .s6icon1 p {
        margin: 0 0 2.7777777vw 0;
    }

    .huawei-diracf .diracf-section6 .s6card1 li img {
        width: 6.9444444vw;
        height: 6.9444444vw;
    }

    .huawei-diracf .diracf-section6 .s6card1 h3 {
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section6 .s6card1 p {
        font-size: 2.7777777vw;
    }

    .huawei-diracf .diracf-section6 .s6card1 .scard1 img {
        margin: 4.7222222vw 1.3888888vw 5vw 2.7777777vw;
    } 

    .huawei-diracf .diracf-section6 .s6card1 .scard2 img {
        margin: 4.5833333vw 2.0833333vw 5.1388888vw 2.6388888vw;
    }

    .huawei-diracf .diracf-section6 .s6card1 .scard3 img {
        margin: 4.8611111vw 2.2222222vw 4.8611111vw 2.6388888vw;
    }

    .huawei-diracf .diracf-section6 .s6card1 .s6txtc {
        margin: 1.6666666vw 0;
    }

}


/* section 7 pc */
.huawei-diracf .diracf-section7 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section7 h3 {
    margin: 0 0 10.4166666vw 0;
    color: #fff;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(-50deg,#BBD5CD 17%,#4C665F 44.07%,#C6E2D8 94%);
}

.huawei-diracf .diracf-section7 .s7midt {
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section7 .s7smt {
    margin: 2.0833333vw 0 4.1666666vw 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section7 .s7biim {
    width: 69.791666666vw;
    margin: 0 0 5.2083333333vw 0;
}


/* section 7 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section7 h3 {
        margin: 0 0 22.2222222vw 0;
        font-size: 13.3333333vw;
    }

    .huawei-diracf .diracf-section7 .s7midt {
        font-size: 8.8888888vw;
    }

    .huawei-diracf .diracf-section7 .s7smt {
        margin: 5.5555555vw 0 11.1111111vw 0;
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section7 .s7biim {
        width: 83.3333333vw;
        margin: 0 auto 22.222222222vw;
    }
}


/* section 8 pc */
.huawei-diracf .diracf-section8 {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 0 5.2083333333vw 0;
    background:linear-gradient(360deg,#17171a 0%,#222326 46.81%,#17171a 53.36%,#37383d 100%);
    background-size: cover;
    background-origin: center;
}

.huawei-diracf .diracf-section8 .s8txtp {
    position: relative;
    width: 31.25vw;
    margin: 0 0 -9.95vw 59.8958333vw;
    z-index: 2;
}

.huawei-diracf .diracf-section8 .s8maint {
    margin: 10.4166666vw 0 2.0833333vw 0;
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: right;
}

.huawei-diracf .diracf-section8 .s8dest {
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: right;
}

.huawei-diracf .diracf-section8 .swiper4 {
    overflow: hidden;
    width: 46.875vw;
}

.huawei-diracf .diracf-section8 .s8swiperp {
    position: relative;
    display: flex;
    align-items: flex-end;
    z-index: 2;
}

.huawei-diracf .diracf-section8 .s8item1 h3 {
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section8 .s8tswi {
    display: flex;
    align-items: center;
}

.huawei-diracf .diracf-section8 .s8item1 .s8tswi {
    margin: 1.5625vw 0;
}

.huawei-diracf .diracf-section8 .s8item3 .s8tswi {
    margin: 1.5625vw 0 0 0;
}

.huawei-diracf .diracf-section8 .s8tswi span {
    position: relative;
    width: 1.25vw;
    height: 1.25vw;
    margin: 0 1.5625vw 0 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}

.huawei-diracf .diracf-section8 .s8item1 .s8tswi span:nth-child(1) {
    background: #4D4D4D;
}

.huawei-diracf .diracf-section8 .s8item1 .s8tswi span:nth-child(2) {
    background: #fff;
}

.huawei-diracf .diracf-section8 .s8item3 .s8ancolor1 span:nth-child(1) {
    background:#0f3721;
}

.huawei-diracf .diracf-section8 .s8item3 .s8ancolor1 span:nth-child(2) {
    background:#4D4D4D;
}

.huawei-diracf .diracf-section8 .s8item3 .s8ancolor2 span:nth-child(1) {
    background-color: #fff;
}

.huawei-diracf .diracf-section8 .s8item3 .s8ancolor2 span:nth-child(2) {
    background-color: pink;
}

.huawei-diracf .diracf-section8 .s8item3 h3 {
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section8 .s8item1 {
    margin: 0 4.1666666vw 0 8.4375vw;
}

.huawei-diracf .diracf-section8 .s8item3 {
    margin: 0 0 3.5091666vw 7.6041666vw;
}

.huawei-diracf .diracf-section8 .s8item1 .s8tswi .cactive::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 125%;
    height: 125%;
    border: 0.0520833vw solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.huawei-diracf .diracf-section8 .s8item3 .s8tswi .cactive::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 125%;
    height: 125%;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.huawei-diracf .diracf-section8 .s8devicet {
    position: relative;
}

.huawei-diracf .diracf-section8 .s8devicet li {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    white-space: nowrap;
}

.huawei-diracf .diracf-section8 .s8devicet li:nth-child(2) {
    display: none;
}

.huawei-diracf .diracf-section8 .s8descri {
    position: relative;
}

.huawei-diracf .diracf-section8 .s8descri li {
    position: absolute;
    top: 0;
    left: 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    white-space: nowrap;
}

.huawei-diracf .diracf-section8 .s8descri li:nth-child(2) {
    display: none;
}

.huawei-diracf .diracf-section8 .keybordc {
    position: relative;
}

.huawei-diracf .diracf-section8 .keybordc li {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    white-space: nowrap;
}

.huawei-diracf .diracf-section8 .togglehide {
    display: none;
}

.huawei-diracf .diracf-section8 .keybordc li:nth-child(2) {
    display: none;
}

@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
        .huawei-diracf .diracf-section8 {
            padding: 0;
            background: linear-gradient(39deg,#17171a 44%,#fafcfc1a 100%);
        }

        .huawei-diracf .diracf-section8 .s8txtp {
            width: 100%;
            margin: 0;
        }
    
        .huawei-diracf .diracf-section8 .s8maint {
            margin: 22.222222222vw 0 5.5555555vw 0;
            font-size: 8.8888888vw;
            text-align: center;
        }
    
        .huawei-diracf .diracf-section8 .s8dest {
            width: 83.3333333vw;
            margin: 0 auto;
            font-size:3.3333333vw;
            text-align: center;
        }
    
        .huawei-diracf .diracf-section8 .s8swiperp {
            width: 83.3333333vw;
            margin: 0 auto;
            flex-direction: column;
            align-items: center;
        }
    
        .huawei-diracf .diracf-section8 .swiper4 {
            width: 83.3333333vw;
        }
    
        .huawei-diracf .diracf-section8 .s8item3 {
            align-self: flex-start;
            margin: 0.8333333333vw 0 0 0;
        }
    
        .huawei-diracf .diracf-section8 .s8tswi span {
            width: 3.3333333vw;
            height: 3.3333333vw;
        }
    
        .huawei-diracf .diracf-section8 .s8tswi span {
            margin: 0 4.1666666vw 0 0;
        }
    
        .huawei-diracf .diracf-section8 .s8item3 .s8tswi .cactive::after {
            border: 0.1388888vw solid #fff;
        }
    
        .huawei-diracf .diracf-section8 .s8item1 .s8tswi .cactive::after {
            border: 0.1388888vw solid #fff;
        }
    
        .huawei-diracf .diracf-section8 .s8item1 h3 {
            font-size: 2.7777777vw;
        }
    
        .huawei-diracf .diracf-section8 .s8item3 h3 {
            font-size: 2.7777777vw;
        }
    
        .huawei-diracf .diracf-section8 .s8devicet li {
            font-size: 2.7777777vw;
        }
    
        .huawei-diracf .diracf-section8 .s8descri li {
            font-size: 2.7777777vw;
        }
    
        .huawei-diracf .diracf-section8 .keybordc li {
            font-size: 2.7777777vw;
        }
    
        .huawei-diracf .diracf-section8 .s8item3 .s8tswi {
            margin: 2.7777777vw 0 0 0.41666666666vw;
        }
    
        .huawei-diracf .diracf-section8 .s8item1 .s8tswi {
            margin: 2.7777777vw 0;
        }
    
        .huawei-diracf .diracf-section8 .s8item1 {
            position: relative;
            margin: 11.1111111111vw 0 -20.2777777vw 56.8055555vw;
            z-index: 99;
        }
}


/* section 9  pc */
.huawei-diracf .diracf-section9 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section9 .s9maint {
    margin: 10.4166666vw 0;
    color: #fff;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(-50deg,#BBD5CD 26%,#4C665F 44.07%,#C6E2D8 100%);
}

.huawei-diracf .diracf-section9 .s9bott h3 {
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section9 .s9bott p {
    margin: 2.0833333vw 0 4.1666666vw 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section9 .s9imani {
    position: relative;
    position: sticky;
    top: 0;
    top: var(--s9offset);
    width: 54.1666666vw;
    height: 36.4583333vw;
}

.huawei-diracf .diracf-section9 .s9space {
    height: 160vh;
}

.huawei-diracf .diracf-section9 .s9imani .s7com {
    position: relative;
    z-index: 2;
}

.huawei-diracf .diracf-section9 .s9comscreen {
    position: relative;
    z-index: 1;
}   

.huawei-diracf .diracf-section9 .s9imani .s7bg {
    position: absolute;
    top: 1.5625vw;
    left: 50%;
    width: 82.2916666vw;
    height: 30.2083333vw;
    max-width: none;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform-origin: center;
    z-index: 2;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon {
    position: absolute;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon1 {
    top: 1.25vw;
    left: 7.5vw;
    width: 5.2083333vw;
    height: 5.2083333vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon2 {
    top: 9.3229166vw;
    left: 1.8229166vw;
    width: 4.3229166vw;
    height: 4.375vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon3 {
    top: 10.9375vw;
    left: 10.8854166vw;
    width: 3.6979166vw;
    height: 3.6458333vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon4 {
    top: 15.9895833vw;
    left: 0.3125vw;
    width: 4.3229166vw;
    height: 4.375vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon5 {
    top: 17.0312vw;
    left: 9.4270833vw;
    width: 3.125vw;
    height: 3.125vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon6 {
    top: 22.6041666vw;
    left: 13.2291666vw;
    width: 2.6041666vw;
    height: 2.6041666vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon7 {
    top: 24.6354166vw;
    left: 5.46875vw;
    width: 4.4270833vw;
    height: 4.4270833vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon8 {
    top: 1.7708333vw;
    right: 4.53125vw;
    width: 5.3125vw;
    height: 5.3125vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon9 {
    top: 8.75vw;
    right: 12.7083333vw;
    width: 2.9166666vw;
    height: 2.9166666vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon10 {
    top: 9.4791666vw;
    right: 0.5729166vw;
    width: 4.6875vw;
    height: 4.6354166vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon11 {
    top: 13.8541666vw;
    right: 8.9583333vw;
    width: 3.4895833vw;
    height: 3.4895833vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon12 {
    top: 19.1666666vw;
    right: 14.0625vw;
    width: 2.7083333vw;
    height: 2.7083333vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon13 {
    top: 19.375vw;
    right: 2.0833333vw;
    width: 5.3125vw;
    height: 5.3125vw;
}

.huawei-diracf .diracf-section9 .s9imani .s9icon14 {
    top: 24.1145833vw;
    right: 9.84375vw;
    width: 3.1770833vw;
    height: 3.1770833vw;
}

.huawei-diracf .diracf-section9 .s9imani .s7scrcont {
    position: absolute;
    top: 3.125vw;
    left: 50%;
    width: 33.75vw;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 3;
    transition: opacity 0.3s ease-in;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
}


/* section 9 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
        .huawei-diracf .diracf-section9 .s9maint {
            width: 83.3333333vw;
            margin: 22.2222222vw 0;
            font-size: 13.3333333vw;
        }

        .huawei-diracf .diracf-section9 .s9bott {
            width: 83.3333333vw;
        }

        .huawei-diracf .diracf-section9 .s9bott h3 {
            font-size: 8.8888888vw;
        }

        .huawei-diracf .diracf-section9 .s9bott p {
            margin: 5.5555555vw 0 11.111111111vw 0;
            font-size: 3.3333333vw;
        }

        .huawei-diracf .diracf-section9 .s9imani {
            position: static;
            width: 83.3333333vw;
            height: auto;
        }

        .huawei-diracf .diracf-section9 .s9imani .s7bg {
            position: sticky;
            top: var(--s9offset);
            width: 83.3333333vw;
            height: 55.5555555vw;
            margin: 0 0 5.5555555vw 0;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            transform-origin: center 38%;
        }

        .huawei-diracf .diracf-section9 .s9comscreen {
            position: sticky;
            top: var(--s9offset);
        }

        .huawei-diracf .diracf-section9 .s9imani .s7scrcont {
            top: 5.9722222vw;
            width: 49.3055555vw;
        }

        .huawei-diracf .diracf-section9 .s9mobspace {
            height: 80vh;
        }
}


/* section 10 pc */
.huawei-diracf .diracf-section10 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10.4166666666vw 0 5.2083333333vw 0;
}

.huawei-diracf .diracf-section10 .s10tpart {
    display: flex;
}

.huawei-diracf .diracf-section10 .s10tpart .s10ctxt1,
.huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 33.3333333vw;
    background:linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
}

.huawei-diracf .diracf-section10 .s10tpart .s10ctxt1 img,
.huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 img {
    width: 3.6458333vw;
    height: 2.6041666vw;
}

.huawei-diracf .diracf-section10 .s10tpart .s10ctxt1 h3,
.huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 h3 {
    margin: 3.125vw 0 2.0833333vw 0;
    color: #fff;
    font-size: 1.6666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
} 

.huawei-diracf .diracf-section10 .s10tpart .s10ctxt1 p,
.huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 p {
    width: 28.125vw;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
} 

.huawei-diracf .diracf-section10 .s10tpart .s10cvideo1 {
    overflow: hidden;
    width: 46.875vw;
    margin: 0 0 0 2.0833333vw;
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section10 .s10tpart .s10cvideo1 video {
    height: 100%;
    object-fit: cover;
}


.huawei-diracf .diracf-section10 .s10bpart {
    display: flex;
    flex-direction: row-reverse;
    margin: 5.2083333vw 0 0 0;
}

.huawei-diracf .diracf-section10 .s10bpart .s10cvideo2 {
    overflow: hidden;
    width: 46.875vw;
    margin: 0 2.0833333vw 0 0;
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section10 .s10bpart .s10cvideo2 video {
    height: 100%;
    object-fit: cover;
}

/* section 10 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {

    .huawei-diracf .diracf-section10 {
        margin: 22.2222222vw 0;
    }

    .huawei-diracf .diracf-section10 .s10tpart {
        flex-direction: column;
    }

    .huawei-diracf .diracf-section10 .s10bpart {
        flex-direction: column;
        margin: 8.3333333vw 0 0 0;
    }

    .huawei-diracf .diracf-section10 .s10tpart .s10ctxt1, 
    .huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 {
        width: 83.3333333vw;
        margin: 0 0 4.1666666vw 0;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section10 .s10tpart .s10cvideo1 {
        width: 83.3333333vw;
        height: 55.5555555vw;
        margin: 0;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section10 .s10bpart .s10cvideo2 {
        width: 83.3333333vw;
        height: 55.5555555vw;
        margin: 0;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section10 .s10tpart .s10ctxt1 img, 
    .huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 img {
        width: 9.7222222vw;
        height: 6.9444444vw;
        margin: 8.3333333vw 0 0 0;
    }

    .huawei-diracf .diracf-section10 .s10tpart .s10ctxt1 h3, 
    .huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 h3 {
        width: 75vw;
        margin: 8.3333333vw 0 5.5555555vw 0;
        font-size: 4.4444444vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section10 .s10tpart .s10ctxt1 p, 
    .huawei-diracf .diracf-section10 .s10bpart .s10ctxt2 p {
        width: 75vw;
        margin: 0 0 8.3333333vw 0;
        font-size: 3.3333333vw;
        text-align: center;
    }

}


/* section 11 pc */
.huawei-diracf .diracf-section11 .s11sticky {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    position: sticky;
    top: 0;
    top: var(--navH);
    height: auto;
    height: calc(100vh - var(--navH));
}

.huawei-diracf .diracf-section11 .s11st {
    position: relative;
    width: 48.0833333vw;
    background: linear-gradient(156.21deg,#bbd5cd 21.02%,#4c665f 51.49%,#c6e2d8 83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section11 .s11op {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 3;
} 


.huawei-diracf .difseion-will-change .s11op {
    will-change: transform;
}

.huawei-diracf .diracf-section11 .s11smet {
    display: flex;
}

.huawei-diracf .diracf-section11 .s11seti {
    width: 14.5833333vw;
    color: #fff;
    font-size: 1.6666666vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section11 .s11item1 {
    margin: 0 0 0 3.9583333vw;
}

.huawei-diracf .diracf-section11 .s11hour span:nth-child(1) {
    width: 15.1041666vw;
    background: linear-gradient(162.35deg,#dddddd 0%,#949494 56.99%,#d0d0d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-diracf .diracf-section11 .s11hour span:nth-child(2) {
    display: inline-block;
    margin: 0 0 1.0416666666vw 0.5208333333vw;
    background: linear-gradient(104deg,#dddddd 0%,#949494 56.99%,#d0d0d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-diracf .diracf-section11 .s11item0 .s11hour span:nth-child(2) {
    display: inline-block;
    margin: 0 0 1.0416666666vw 0.5208333333vw;
    background: linear-gradient(170deg,#dddddd 0%,#949494 56.99%,#d0d0d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.huawei-diracf .diracf-section11 .s11des {
    width: 36.8229166vw;
    margin: 4.1666666vw 0 0 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section11 .s11pen {
    position: absolute;
    left: 0;
    top: 0;
}

.huawei-diracf .diracf-section11 .s11posi {
    position: absolute;
    left: 0;
    top: 50%;
    width: 2.4479166vw;
    height: 42.4479166vw;
    transform: translateY(-50%) rotate(25deg);
    -webkit-transform: translateY(-50%) rotate(25deg);
    -moz-transform: translateY(-50%) rotate(25deg);
    -ms-transform: translateY(-50%) rotate(25deg);
    -o-transform: translateY(-50%) rotate(25deg);
}

.huawei-diracf .diracf-section11 .s11penim {
    position: absolute;
    left: 39.2708333333vw;
    top: -27.916666666vw;
    width: 2.4479166vw;
    transform:translateY(0) rotate(25deg);
    -webkit-transform:translateY(0) rotate(25deg);
    -moz-transform:translateY(0) rotate(25deg);
    -ms-transform:translateY(0) rotate(25deg);
    -o-transform:translateY(0) rotate(25deg);
    z-index: 2;
}

.huawei-diracf .diracf-section11 .penshadow {
    position: absolute;
    right: 0;
    top: 0;
    width: 62.5vw;
    height: 140%;
    background-color: #17171A;
}

.huawei-diracf .diracf-section11 .s11note {
    position: absolute;
    right: 15.625vw;
    bottom: 5.2083333333vw;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    opacity: 0;
}

@media screen and (min-width: 1920px) {
    .huawei-diracf .diracf-section11 .s11note {
        font-size: 0.625vw;
    }  
}

.huawei-diracf .diracf-section11 .s11space {
    height: 180vh;
}

/* section 11 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section11 .s11st {
        width: 83.3333333vw;
        font-size: 13.3333333vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section11 .s11smet {
        flex-direction: column;
    }


    .huawei-diracf .diracf-section11 .s11seti {
        width: 38.8888888vw;
        font-size: 4.4444444vw;
    }

    .huawei-diracf .diracf-section11 .s11item1 {
        margin: 8.3333333vw 0 0 0;
    }

    .huawei-diracf .diracf-section11 .s11hour span:nth-child(1) {
        font-size: 16.6666666vw;
    }

    .huawei-diracf .diracf-section11 .s11hour span:nth-child(2) {
        font-size: 6.6666666vw;
        margin: 0 0 0 1.3888888888vw;
    }

    .huawei-diracf .diracf-section11 .s11des {
        width: 33.3333333vw;
        margin: 8.3333333vw 0 0;
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section11 .s11op {
        left: 8.3333333vw;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }

    .huawei-diracf .diracf-section11 .s11penim {
        width: 6.3888888vw;
        top: -62.3611111vw;
        left: 38.3333333vw;
        transform-origin: 50% 66%;
    }

    .huawei-diracf .diracf-section11 .penshadow {
        right: 2vw;
        width: 100vw;
        height: 100%;
    }

    .huawei-diracf .diracf-section11 .s11posi {
        width: 6.3888888vw;
        height: 110.8333333vw;
        left: 8vw;
    }

    .huawei-diracf .diracf-section11 .s11note {
        right: 8.3333333333vw;
        bottom: 11.1111111111vw;
        font-size: 3.333333333vw;
    }

    .huawei-diracf .diracf-section11 .s11item0 .s11hour span:nth-child(2) {
        margin: 0 0 0 1.3888888888vw;
    }
}


@media screen and (max-width: 1023px) and (max-aspect-ratio: 1/1) and (min-aspect-ratio: 768/1040) {
    .huawei-diracf .diracf-section11 .s11penim {
        top: -70.361111vw;
    }
}

/* fold */
@media screen and (min-width: 669px) and (max-width: 1023px) and (min-aspect-ratio: 669/797) {
    .huawei-diracf .diracf-section11 .s11penim {
        top: -60%;
    }

    .huawei-diracf .diracf-section11 .s11penim {
        width: 4.388889vw;
    }

    .huawei-diracf .diracf-section11 .s11hour span:nth-child(2) {
        font-size: 4.6666666vw;
    }

    .huawei-diracf .diracf-section11 .s11hour span:nth-child(1) {
        font-size: 12.666667vw;
    }

    .huawei-diracf .diracf-section11 .s11item1 {
        margin: 4.3333333vw 0 0 0;
    }

    .huawei-diracf .diracf-section11 .s11des {
        margin: 4.3333333vw 0 0;
        font-size: 2.3333333vw;
    }

    .huawei-diracf .diracf-section11 .s11posi {
        left: 2vw;
    }
}

@media screen and (min-width: 669px) and (max-width: 1023px) and (min-aspect-ratio: 768/1100) {
    .huawei-diracf .diracf-section11 .s11note {
        font-size: 18px;
    }
}

@media screen and (min-width: 669px) and (max-width: 1023px) and (min-aspect-ratio: 820/734) {
    .huawei-diracf .diracf-section11 .s11penim {
        top: -70%;
    }
}



/* section 12 pc */
.huawei-diracf .diracf-section12 {
    margin: 5.2083333333vw 0 0 0;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section12 .s12fp {
    overflow: hidden;
    display: flex;
    width: 82.291667vw;
    margin: 0 auto;
    background: linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section12 .s12fp .slefti {
    overflow: hidden;
    width: 52.083333vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section12 .s12fp .srightt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.huawei-diracf .diracf-section12 .s12fp .srightt h3 {
    margin: 0 0 2.083333vw 0;
    color:#fff;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section12 .s12fp .srightt p {
    width: 19.791667vw;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section12 .s12fp .srightt .s12rth {
    width: 10.4166666vw;
    color: #aaa;
    font-size: 1.25vw;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section12 .s12fp .srightt .srcon {
    display: flex;
    flex-direction: column;
    margin: 3.125vw 0 0 0;
}

.huawei-diracf .diracf-section12 .s12fp .srightt .s12rfo {
    width: 10.4166666vw;
    background: linear-gradient(162.35deg,#dddddd 0%,#949494 56.99%,#d0d0d0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff;
    color: transparent;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}


.huawei-diracf .diracf-section12 .s12sp {
    position: relative;
    align-self: flex-start;
    margin: 0 0 0 8.541667vw;
}

.huawei-diracf .diracf-section12 .swiper8 {
    overflow: hidden;
    margin: 5.208333vw 0;
    border-radius: 1.0416666666vw 0 0 1.0416666666vw;
    -webkit-border-radius: 1.0416666666vw 0 0 1.0416666666vw;
    -moz-border-radius: 1.0416666666vw 0 0 1.0416666666vw;
    -ms-border-radius: 1.0416666666vw 0 0 1.0416666666vw;
    -o-border-radius: 1.0416666666vw 0 0 1.0416666666vw;
}

.huawei-diracf .diracf-section12 .swiper8 .s8maint {
    width: 16.6666666vw;
    margin: 4.1666666vw 0 2.0833333vw 0;
    color: #fff;
    font-size: 1.666666666vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section12 .swiper8 .s8subt {
    width: 44.791666666vw;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section12 .swiper8 .s8slideim {
    overflow: hidden;
    width: 43.2291666vw;
    margin: 2.65625vw 0 5.46875vw 0;
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section12 .s8spesli .s8slideim {
    width: 44.7916666vw;
    margin: 3.125vw 0 3.125vw 0;
}

.huawei-diracf .diracf-section12 .swiper8 .s8bbicon {
    display: flex;
    margin: 0 0 3.75vw 0;
}

.huawei-diracf .diracf-section12 .s8bbicon .sicon1 {
    width: 9.8958333vw;
    height: 2.0833333vw;
}

.huawei-diracf .diracf-section12 .s8bbicon .sicon2 {
    width: 6.7708333vw;
    height: 2.0833333vw;
}

.huawei-diracf .diracf-section12 .s8bbicon .sicon3 {
    width: 6.7708333vw;
    height: 2.0833333vw;
}

.huawei-diracf .diracf-section12 .s8bbicon .sicon4 {
    width: 7.2916666vw;
    height: 2.0833333vw;
}

.huawei-diracf .diracf-section12 .s8bbicon .sicon5 {
    width: 5.2083333vw;
    height: 2.0833333vw;
}

.huawei-diracf .diracf-section12 .s8bbicon .deactive {
    opacity: 1;
}

.huawei-diracf .diracf-section12 .s8bbicon img {
    opacity: 0.3;
    transition: all 0.8s ease-in;
    -webkit-transition: all 0.8s ease-in;
    -moz-transition: all 0.8s ease-in;
    -ms-transition: all 0.8s ease-in;
    -o-transition: all 0.8s ease-in;
}

.huawei-diracf .diracf-section12 .s8bbicon img:not(:last-child) {
    margin: 0 2.0833333vw 0 0;
}


.huawei-diracf .diracf-section12 .swiper-button-prev, 
.huawei-diracf .diracf-section12 .swiper-button-next {
    overflow: hidden;
    width: 2.395833vw;
    height: 2.395833vw;
    background: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.huawei-diracf .diracf-section12 .swiper-button-prev:hover, 
.huawei-diracf .diracf-section12 .swiper-button-next:hover {
    opacity: 0.8;
}

.huawei-diracf .diracf-section12 .swiper-button-prev {
    left: -3.4375vw;
}

.huawei-diracf .diracf-section12 .swiper-button-next {
    left: 58.333333vw;
    right: auto;
}

.huawei-diracf .diracf-section12 .swiper8 .s8slidein {
    display: flex;
    flex-direction: column;
    align-items: center;
    background:linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
}

.huawei-diracf .diracf-section12 .swiper8 .swiper-slide {
    width: 57.2916666666vw;
    opacity: 0.5;
    transition: opacity 0.8s ease-in;
    -webkit-transition: opacity 0.8s ease-in;
    -moz-transition: opacity 0.8s ease-in;
    -ms-transition: opacity 0.8s ease-in;
    -o-transition: opacity 0.8s ease-in;
}

.huawei-diracf .diracf-section12 .swiper8 .swiper-slide-active {
    opacity: 1;
}

.huawei-diracf .diracf-section12 .swiper8 .swiper-slide:not(:last-child) {
    margin: 0 4.479167vw 0 0;
}

.huawei-diracf .diracf-section12 .s12tp {
    overflow: hidden;
    display: flex;
    width: 82.291667vw;
    margin: 0 auto;
    background: linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-diracf .diracf-section12 .s12tp .sbleftt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.huawei-diracf .diracf-section12 .s12tp .sbleftt h3 {
    margin: 0 0 2.083333vw 0;
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section12 .s12tp .sbleftt p {
    width: 19.791667vw;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section12 .s12tp .sbrighti {
    width: 52.083333vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}   

/* section 12 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section12 {
        margin: 11.111111111vw 0 0 0;
    }

    .huawei-diracf .diracf-section12 .s8bbicon .sicon1 {
        width: 17.2222222vw;
        height: 3.6111111vw;
    }

    .huawei-diracf .diracf-section12 .s8bbicon .sicon2 {
        width: 11.6666666vw;
        height: 3.6111111vw;
    }

    .huawei-diracf .diracf-section12 .s8bbicon .sicon3 {
        width: 11.6666666vw;
        height: 3.6111111vw;
    }

    .huawei-diracf .diracf-section12 .s8bbicon .sicon4 {
        width: 12.5vw;
        height: 3.6111111vw;
    }

    .huawei-diracf .diracf-section12 .s8bbicon .sicon5 {
        width: 8.8888888vw;
        height: 3.6111111vw;
    }

    .huawei-diracf .diracf-section12 .s8bbicon img:not(:last-child) {
        margin: 0 2.7777777vw 0 0;
    }

    .huawei-diracf .diracf-section12 .s12fp {
        flex-direction: column;
        width: 83.3333333vw;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section12 .s12fp .slefti {
        width: 100%;
        height: 55.555555555vw;
    }

    .huawei-diracf .diracf-section12 .s12fp .slefti video {
        height: 100%;
        object-fit: cover;
    }

    .huawei-diracf .diracf-section12 .s12fp .srightt h3 {
        width: 75vw;
        margin: 8.3333333vw 0 5.5555555vw 0;
        font-size: 4.4444444vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section12 .s12fp .srightt p {
        width: 75vw;
        color: #aaa;
        font-size: 3.3333333vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section12 .s12fp .srightt .s12rth,
    .huawei-diracf .diracf-section12 .s12fp .srightt .s12rfo {
        width: auto;
    }

    .huawei-diracf .diracf-section12 .s12fp .srightt .s12rth {
        margin: 0 1.3888888vw 0 0;
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section12 .s12fp .srightt .s12rfo {
        font-size: 6.6666666vw;
        margin: 0 0 -0.5555555555vw 0;
    }

    .huawei-diracf .diracf-section12 .s12fp .srightt .srcon {
        flex-direction: row;
        align-items: flex-end;
        margin: 5.5555555vw 0;
    }

    .huawei-diracf .diracf-section12 .swiper8 .s8slidein {
        overflow: hidden;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section12 .swiper8 {
        overflow: hidden;
        margin: 0;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section12 .swiper8 .s8slideim {
        width: 69.444444444vw;
        height: 43.0555555555vw;
        margin: 8.3333333vw 0 0 0;
        order: 1;
        border-radius: 2.7777777777vw;
        -webkit-border-radius: 2.7777777777vw;
        -moz-border-radius: 2.7777777777vw;
        -ms-border-radius: 2.7777777777vw;
        -o-border-radius: 2.7777777777vw;
    }

    .huawei-diracf .diracf-section12 .s8spesli .s8slideim {
        width: 66.666666666vw;
        height: auto;
    }

    .huawei-diracf .diracf-section12 .s8spesli:nth-child(5) .s8slideim {
        width: 67.0833333333vw;
    }

    .huawei-diracf .diracf-section12 .swiper8 .s8maint {
        width: 75vw;
        margin: 8.3333333vw 0 5.5555555vw 0;
        font-size: 4.4444444vw;
        text-align: center;
        order: 2;
    }

    .huawei-diracf .diracf-section12 .swiper8 .s8subt {
        width: 75vw;
        font-size: 3.3333333vw;
        text-align: center;
        order: 3;
    }

    .huawei-diracf .diracf-section12 .swiper8 .s8bbicon {
        margin: 5.5555555vw 0 8.8888888vw 0;
        order: 4;
    }

    .huawei-diracf .diracf-section12 .s12sp {
        width: 83.3333333vw;
        margin: 11.1111111vw auto 18.6111111vw;
    }

    .huawei-diracf .diracf-section12 .swiper8 .swiper-slide {
        opacity: 1;
    }

    .huawei-diracf .diracf-section12 .swiper8 .swiper-slide:not(:last-child) {
        margin: 0;
    }

    .huawei-diracf .diracf-section12 .swiper-container-horizontal>.swiper-pagination-bullets, 
    .huawei-diracf .diracf-section12 .swiper-pagination-custom, 
    .huawei-diracf .diracf-section12 .swiper-pagination-fraction {
        display: flex;
        justify-content: center;
        bottom: auto;
        top: calc(100% + 5.5555555vw);
    }

    .huawei-diracf .diracf-section12 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 1.9444444vw;
        height: 1.9444444vw;
        margin: 0 2.0833333vw;
        background: #5a5a5a;
        opacity: 1;
        outline: none;
    }

    .huawei-diracf .diracf-section12 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
        background:#d8d8d8;
    }

    .huawei-diracf .diracf-section12 .s12tp {
        flex-direction: column;
        width: 83.3333333vw;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section12 .s12tp .sbrighti {
        width: 100%;
        height: 55.555555555vw;
    }

    .huawei-diracf .diracf-section12 .s12tp .sbrighti video {
        height: 100%;
        object-fit: cover;
    }

    .huawei-diracf .diracf-section12 .s12tp .sbleftt h3 {
        width: 75vw;
        margin: 8.33333333333vw 0 0 0;
        font-size: 4.4444444vw;
    }

    .huawei-diracf .diracf-section12 .s12tp .sbleftt p {
        width: 75vw;
        margin: 5.5555555vw 0 8.3333333vw 0;
        font-size: 3.3333333vw;
        text-align: center;
    }
}

/* section 13 pc */
.huawei-diracf .diracf-section13 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.huawei-diracf .diracf-section13 .s13maint {
    margin: 10.4166666vw 0;
    color: #fff;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(-50deg,#BBD5CD 21%,#4C665F 44.07%,#C6E2D8 87%);
}

.huawei-diracf .diracf-section13 .s13bpart h3 {
    color: #fff;
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section13 .s13bpart p {
    margin: 2.083333vw 0 2.0833333333vw 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section13 .s13ic {
    overflow: hidden;
    width: 57.291666666vw;
}

.huawei-diracf .diracf-section13 .s13ic video {
    overflow: hidden;
    height: 100%;
    object-fit: cover;
    margin: 0 0 0 -1px;
}

/* section 13 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
        .huawei-diracf .diracf-section13 .s13maint {
            margin: 22.222222vw 0;
            font-size: 13.333333vw;
            text-align: center;
        }

        .huawei-diracf .diracf-section13 .s13bpart h3 {
            font-size: 8.888889vw;
        }

        .huawei-diracf .diracf-section13 .s13bpart p {
            margin: 5.555556vw 0 11.111111vw 0;
            font-size: 3.333333vw;
            text-align: center;
        }

        .huawei-diracf .diracf-section13 .s13ic {
            width: 83.333333vw;
            height: 50vw;
        }

}


/* section 14 pc */
.huawei-diracf .diracf-section14 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section14 .s14card1 {
    display: flex;
    margin: 2.0833333333vw 0 0 0;
}

.huawei-diracf .diracf-section14 .s14card1:nth-child(2) {
    flex-direction: row-reverse;
    margin: 10.4166666666vw 0 0 0;
}

.huawei-diracf .diracf-section14 .s14card1:nth-child(2) .s14ct {
    margin: 5.208333vw 6.770833vw 0 0;
}

.huawei-diracf .diracf-section14 .s14cim {
    width: 54.166667vw;
}

.huawei-diracf .diracf-section14 .s14ct {
    width: 21.354167vw;
    margin: 5.208333vw 0 0 6.770833vw;
}

.huawei-diracf .diracf-section14 .s14ct h3 {
    color: #fff;
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 1.25;
}

.huawei-diracf .diracf-section14 .s14ct p {
    margin: 2.083333vw 0 0 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

/* section 14 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
        .huawei-diracf .diracf-section14 .s14card1 {
            margin: 22.222222vw 0 0 0;
            flex-direction: column-reverse;
        }

        .huawei-diracf .diracf-section14 .s14ct {
            width: 100%;
            margin: 0;
        }

        .huawei-diracf .diracf-section14 .s14ct h3 {
            font-size: 8.888889vw;
            text-align: center;
        }

        .huawei-diracf .diracf-section14 .s14ct p {
            width: 83.333333vw;
            margin: 5.555556vw 0 11.111111vw 0;
            font-size: 3.333333vw;
            text-align: center;
        }

        .huawei-diracf .diracf-section14 .s14cim {
            width: 83.333333vw;
            height: 45.833333vw;
        }

        .huawei-diracf .diracf-section14 .s14card1:nth-child(2) {
            flex-direction: column-reverse;
            margin: 22.222222222vw 0 0 0;
        }

        .huawei-diracf .diracf-section14 .s14card1:nth-child(2) .s14ct {
            margin: 0;
        }

}

/* section 15 pc */
.huawei-diracf .diracf-section15 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section15 .s15maint {
    margin: 10.4166666vw 0;
    color: #fff;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    background-clip: text;
    -webkit-background-clip: text;
    background-image:linear-gradient(156.21deg,#bbd5cd 31.02%,#4c665f 51.49%,#c6e2d8 77%);
}

.huawei-diracf .diracf-section15 .s15cardc {
    display: flex;
    justify-content: center;
}

.huawei-diracf .diracf-section15 .s15cardc li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 39.583333vw;
    background:linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.0416666666vw;
    -webkit-border-radius: 1.0416666666vw;
    -moz-border-radius: 1.0416666666vw;
    -ms-border-radius: 1.0416666666vw;
    -o-border-radius: 1.0416666666vw;
}

.huawei-diracf .diracf-section15 .s15cardc li:not(:last-child) {
    margin: 0 3.125vw 0 0;
}

.huawei-diracf .diracf-section15 .s15ttc h3 {
    margin: 1.5625vw 0 2.083333333vw 0;
    color: #fff;
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section15 .s15ttc p {
    width: 31.25vw;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section15 .s15ttc .s15lic {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.5625vw 0 2.083333333vw 0;
}

.huawei-diracf .diracf-section15 .s15ttc .s15lic span:nth-child(1) {
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section15 .s15ttc .s15lic span:nth-child(2) {
    background: linear-gradient(162.35deg,#dddddd 34%,#949494 56.99%,#d0d0d0 67%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: #fff;
    color: transparent;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-diracf .diracf-section15 .s15ttc .s15note {
    display: flex;
    justify-content: space-between;
}

.huawei-diracf .diracf-section15 .s15ttc .s15note span {
    color: #aaa;
    font-size: 1.25vw;
    line-height: 1.6;
    text-align: center;
}


.huawei-diracf .diracf-section15 .stpartmain {
    width: 52.083333333vw;
    margin: 10.416667vw auto 4.166667vw;
    color: #fff;
    font-size: 3.333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section15 .s15fcard {
    display: flex;
    flex-wrap: wrap;
    width: 82.291667vw;
}

.huawei-diracf .diracf-section15 .s15fcard li {
    width: 39.583333vw;
    background: linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.0416666666vw;
    -webkit-border-radius: 1.0416666666vw;
    -moz-border-radius: 1.0416666666vw;
    -ms-border-radius: 1.0416666666vw;
    -o-border-radius: 1.0416666666vw;
}

.huawei-diracf .diracf-section15 .s15fcard .s15tcard1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    margin: 0 3.125vw 0 0;
}

.huawei-diracf .diracf-section15 .s15fcard .s15tcard2 {
    display: flex;
    align-items: center;
}

.huawei-diracf .diracf-section15 .s15fcard .s15tcard3 {
    display: flex;
    align-items: center;
}

.huawei-diracf .diracf-section15 .s15fcard .s15tcard2 img {
    width: 18.645833333vw;
}

.huawei-diracf .diracf-section15 .s15fcard .s15tcard3 img {
    width: 17.2916666666vw;
}

.huawei-diracf .diracf-section15 .s15cardt {
    display: flex;
    align-items: flex-start;
    margin: 0 0 3.125vw 0;
}

.huawei-diracf .diracf-section15 .s15cardb {
    display: flex;
    align-items: flex-end;
    margin:-8.0208333333vw 0 0 0 ;
}

.huawei-diracf .diracf-section15 .s15tspace {
    height: 8.125vw;
}

.huawei-diracf .diracf-section15 .s15bspace {
    height: 8.0208333333vw;
} 

.huawei-diracf .diracf-section15 .s15fcard .s15tcard4 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    height: 100%;
    margin: -0 0 0 3.125vw;
}

.huawei-diracf .diracf-section15 .s15fcard .doublet h3 {
    margin: 2.0833333333vw 0 1.5625vw 0;
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section15 .s15fcard .doublet p {
    width: 29.322917vw;
    margin: 0 0 4.6875vw 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section15 .s15fcard .sfwtt {
    margin: 6.7708333333vw 0 6.7708333333vw 2.0833333333vw;
}

.huawei-diracf .diracf-section15 .s15fcard .sfmaint {
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.huawei-diracf .diracf-section15 .s15fcard .sfsubt {
    width: 15.260417vw;
    margin: 1.5625vw 0 0 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section15 .s15fcard .fprint {
    margin: 4.6875vw 0 4.5833333333vw 2.083333333vw;
}

.huawei-diracf .diracf-section15 .s15fcard .fprint h3 {
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.huawei-diracf .diracf-section15 .s15fcard .fprint p {
    width: 15.520833vw;
    margin: 1.5625vw 0 0 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section15 .s15fcard .wifit h3 {
    margin: 4.1666666666vw 0 1.5625vw 0;
    color: #fff;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
}

.huawei-diracf .diracf-section15 .s15fcard .wifit p {
    width: 30.208333vw;
    margin: 0 0 2.083333333vw 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

/* section 15 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
        .huawei-diracf .diracf-section15 .s15maint {
            margin: 22.222222vw 0;
            font-size: 13.333333vw;
        }
    
        .huawei-diracf .diracf-section15 .s15cardc {
            flex-direction: column;
        }
    
        .huawei-diracf .diracf-section15 .s15cardc li {
            width: 83.333333vw;
            border-radius: 2.7777777777vw;
            -webkit-border-radius: 2.7777777777vw;
            -moz-border-radius: 2.7777777777vw;
            -ms-border-radius: 2.7777777777vw;
            -o-border-radius: 2.7777777777vw;
        }

        .huawei-diracf .diracf-section15 .s15cardt {
            flex-direction: column;
            margin: 0;
        }

        .huawei-diracf .diracf-section15 .s15cardb {
            flex-direction: column;
            margin: 0;
        }
        .huawei-diracf .diracf-section15 .s15fcard .s15tcard3 {
            margin: 0 0 8.333333333vw 0;
        }

        .huawei-diracf .diracf-section15 .s15fcard .s15tcard3 img {
            width: 34.722222222vw;
        }
    
        .huawei-diracf .diracf-section15 .s15cardc li:not(:last-child) {
            margin: 0 0 8.333333vw 0;
        }
    
        .huawei-diracf .diracf-section15 .s15ttc {
            top: 65.277778vw;
        }

        .huawei-diracf .diracf-section15 .s15ttc .s15lic {
            flex-direction: row;
            justify-content: center;
            align-items: flex-end;
            margin: 4.1666666666vw 0 6.944444444vw 0;
        }
    
        .huawei-diracf .diracf-section15 .s15ttc h3 {
            margin: 4.1666666666vw 0 5.5555555555vw;
            font-size: 8.888889vw;
            white-space: nowrap;
        }
    
        .huawei-diracf .diracf-section15 .s15ttc p {
            width: 73.611111vw;
            margin: 5.555556vw 0 0 0;
            color: #aaa;
            font-size: 3.333333vw;
        }

        .huawei-diracf .diracf-section15 .s15ttc .s15lic span:nth-child(1) {
            margin: 0 1.388888888vw 0 0;
            font-size: 3.333333333vw;
        }
    
        .huawei-diracf .diracf-section15 .s15ttc .s15lic span:nth-child(2) {
            font-size: 6.6666666666vw;
            margin: 0 0 -0.69444444444vw 0;
        }

        .huawei-diracf .diracf-section15 .s15ttc .s15note .s15lic {
            margin: 0;
        }

        .huawei-diracf .diracf-section15 .s15ttc .s15note .s15lic:nth-child(2) {
            margin: 2.7777777777vw 0 0 0;
        }

        .huawei-diracf .diracf-section15 .s15ttc .s15note {
            margin: 2.7777777777vw 0 5.555555555vw 0;
        }

        .huawei-diracf .diracf-section15 .s15ttc .s15note {
            flex-direction: column;
        }
    
        .huawei-diracf .diracf-section15 .s15ttc .s15note span {
            font-size: 3.333333vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard {
            flex-direction: column;
        }
    
        .huawei-diracf .diracf-section15 .stpartmain {
            width: 100%;
            margin: 22.222222vw 0 11.111111vw 0;
            font-size: 8.888889vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard li {
            width: 83.333333vw;
            border-radius: 2.7777777777vw;
            -webkit-border-radius: 2.7777777777vw;
            -moz-border-radius: 2.7777777777vw;
            -ms-border-radius: 2.7777777777vw;
            -o-border-radius: 2.7777777777vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .s15tcard1 {
            margin: 0;
        }

        .huawei-diracf .diracf-section15 .s15fcard .s15tcard2 {
            flex-direction: column;
        }

        .huawei-diracf .diracf-section15 .s15fcard .s15tcard2 img {
            width: 100%;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .s15tcard4 {
            margin: 0;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard li:not(:last-child) {
            margin: 0 0 8.333333vw 0;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .doublet {
            top: 48.055556vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .doublet h3 {
            margin: 6.3888888888vw 0 2.7777777777vw 0;
            font-size: 4.444444vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .doublet p {
            width: 75vw;
            margin: 0 0 9.4444444444vw 0;
            font-size: 3.333333vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .sfwtt {
            margin: 0;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .sfmaint {
            margin: 2.777777777vw 0;
            font-size: 4.444444vw;
            text-align: center;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .sfsubt {
            width: 73.611111vw;
            margin: 0 0 9.444444444vw 0;
            color: #aaa;
            font-size: 3.333333vw;
            text-align: center;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .fprint {
            margin: 6.9444444444vw 0 8.3333333333vw 6.1111111111vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .fprint h3 {
            font-size: 4.444444vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .fprint p {
            width: 37.5vw;
            margin: 2.777778vw 0 0 0;
            font-size: 3.333333vw;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .wifit h3 {
            margin: 6.9444444444vw 0 2.777778vw 0;
            font-size: 4.444444vw;
            text-align: center;
        }
    
        .huawei-diracf .diracf-section15 .s15fcard .wifit p {
            width: 63.611111vw;
            margin: 0;
            font-size: 3.333333vw;
            text-align: center;
        }
}

/* section 16 pc */
.huawei-diracf .diracf-section16 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section16 .s16maint {
    margin: 10.4166666vw 0;
    color: #fff;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    background-clip: text;
    -webkit-background-clip: text;
    background-image: linear-gradient(156.21deg,#bbd5cd 19.02%,#4c665f 51.49%,#c6e2d8 80%);
}

.huawei-diracf .diracf-section16 .s16vtitle {
    margin: 0 0 4.1666666vw 0;
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section16 .s16lineim {
    position: sticky;
    top: var(--s16sticky);
    display: flex;
}

.huawei-diracf .diracf-section16 .s16lineim .s16im1 {
    position: relative;
    width: 32.2916666vw;
    height: 34.8958333vw;
    transition: transform 0.1s linear;
    -webkit-transition: transform 0.1s linear;
    -moz-transition: transform 0.1s linear;
    -ms-transition: transform 0.1s linear;
    -o-transition: transform 0.1s linear;
}

.huawei-diracf .diracf-section16 .s16lineim .s16im2 {
    position: relative;
    width: 31.7708333vw;
    height: 30.2083333vw;
    margin: 6.25vw 0 0 -8.3333333vw;
    transition: transform 0.1s linear;
    -webkit-transition: transform 0.1s linear;
    -moz-transition: transform 0.1s linear;
    -ms-transition: transform 0.1s linear;
    -o-transition: transform 0.1s linear;
}

.huawei-diracf .difseion-will-change .s16im1,
.huawei-diracf .difseion-will-change .s16im2 {
    will-change: transform;
}

.huawei-diracf .diracf-section16 .s16space {
    height: 100vh;
} 

.huawei-diracf .diracf-section16 .s16eit {
    position: absolute;
    color: #fff;
    font-size: 1.6666666vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section16 .s16eit1 {
    top: 5.8854166vw;
    right: 2.6041666vw;
    width: 43.6979166vw;
    border-top: 0.0520833vw solid #979797;
    z-index: 2;
}

.huawei-diracf .diracf-section16 .s16eit span {
    display: block;
    margin: 1.0416666vw 0 0 0;
}

.huawei-diracf .diracf-section16 .s16eit2 {
    top: 4.53125vw;
    left: 19.0104166vw;
    width: 25.2604166vw;
    border-top: 0.0520833vw solid #979797;
    text-align: right;
    z-index: 2;
}






.huawei-diracf .diracf-section16 .s16confere {
    margin: 10.4166666vw 0;
}

.huawei-diracf .diracf-section16 .s16confere .s16conferet {
    width: 31.25vw;
    margin: 0 auto 4.1666666vw;
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section16 .s16confere .s16conmainc {
    display: flex;
    width: 82.2916666vw;
    background:#1e1e21;
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
}

.huawei-diracf .diracf-section16 .s16confere .s16conli {
    width: 44.7916666vw;
}

.huawei-diracf .diracf-section16 .s16conrp {
    width: 29.1666666vw;
    margin: 5.20833333333vw 0 0 2.6041666vw;
}

.huawei-diracf .diracf-section16 .s16confere .cnav {
    display: flex;
    position: relative;
    z-index: 2;
}

.huawei-diracf .diracf-section16 .cborbot {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.1041666vw;
    background: #5a5a5a;
}

.huawei-diracf .diracf-section16 .cnav .current span {
    color: #fff;
} 

.huawei-diracf .diracf-section16 .cmoveline {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 9.7395833333vw;
    height: 0.1041666666vw;
    background-color: #fff;
    z-index: 2;
}

.huawei-diracf .diracf-section16 .s16confere .cnav li {
    width: 9.7395833vw;
}

.huawei-diracf .diracf-section16 .cnav li span {
    display: inline-flex;
    margin: 0 0 0.625vw 0;
    color:#aaa;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
}

.huawei-diracf .diracf-section16 .s16confere .cnitem1 {
    text-align: center;
}

.huawei-diracf .diracf-section16 .s16confere .cnitem2 {
    text-align: right;
}

.huawei-diracf .diracf-section16 .cswiper {
    overflow: hidden;
    width: 100%;
    margin: 2.0833333vw 0 1.5625vw 0;
    color: #aaaaaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section16 .s16conrp .swiper-slide {
    background-color: #1e1e21;
    height: 100%;
}

.huawei-diracf .diracf-section16 .cbuds {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4.1666666666vw 0 5.9375vw 0;
}

.huawei-diracf .diracf-section16 .cbuds img {
    width: 3.125vw;
    height: 3.125vw;
}

.huawei-diracf .diracf-section16 .cbuds p {
    width: 10.9375vw;
    margin: 0 0 0 1.0416666vw;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section16 .s16smartvt {
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section16 .s16smartvdes {
    width: 82.291666666vw;
    margin: 2.0833333vw 0 4.1666666vw 0;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section16 .s16navigation li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 33.3333333vw;
    background:linear-gradient(130.61deg,rgba(188, 230, 239, 0.1) 0%,rgba(71, 121, 129, 0.1) 51.93%,rgba(188, 230, 239, 0.1) 100%);
    border-radius: 1.0416666vw;
    -webkit-border-radius: 1.0416666vw;
    -moz-border-radius: 1.0416666vw;
    -ms-border-radius: 1.0416666vw;
    -o-border-radius: 1.0416666vw;
    cursor: pointer;
    opacity: 0.5;
}

.huawei-diracf .diracf-section16 .s16navigation .deactive {
    opacity: 1;
}

.huawei-diracf .diracf-section16 .s16navigation li:not(:last-child) {
    margin: 0 0 3.125vw 0;
}

.huawei-diracf .diracf-section16 .navbtn h3 {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
}

.huawei-diracf .diracf-section16 .navbtn p {
    width: 11.9791666vw;
    margin: 0.7291666vw 0 0 0;
    color: #aaa;
    font-size: 0.8333333vw;
    font-weight: 400;
    line-height: 1.6;
}

.huawei-diracf .diracf-section16 .s16navigation li img {
    width: 5.2083333vw;
    height: 5.2083333vw;
    margin: 1.6666666vw 2.6041666vw 1.6666666vw 0;
}

.huawei-diracf .diracf-section16 .s16swiper {
    display: flex;
    align-items: center;

}

.huawei-diracf .diracf-section16 .s16swiperm {
    overflow: hidden;
    width: 40.625vw;
    height: 26.0416666vw;
    margin: 0 0 0 8.3333333vw;
}

.huawei-diracf .diracf-section16 .s16sticky {
    position: sticky;
    top: 3.9583333vw;
    top: var(--s16offset);
}

.huawei-diracf .diracf-section16 .s16fmaint {
    width: 52.0833333333vw;
    margin: 10.4166666vw auto 0;
    color: #fff;
    font-size: 3.3333333vw;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}


.huawei-diracf .diracf-section16 .s16fmaindes {
    width: 82.2395833vw;
    margin: 2.0833333vw auto 4.1666666vw;
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

.huawei-diracf .diracf-section16 .s16fim {
    width: 82.2916666vw;
}



/* section 16 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-diracf .diracf-section16 .s16sticky {
        width: 83.3333333vw;
    }

    .huawei-diracf .diracf-section16 .s16smartvt {
        font-size: 8.8888888vw;
    }

    .huawei-diracf .diracf-section16 .s16smartvdes {
        width: 100%;
        margin: 5.5555555vw 0 11.1111111vw 0;
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section16 .s16swiper {
        flex-direction: column;
    }

    .huawei-diracf .diracf-section16 .s16navigation {
        display: flex;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    .huawei-diracf .diracf-section16 .navbtn h3 {
        width: 19.4444444vw;
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section16 .navbtn p {
        width: 19.4444444vw;
        margin: 1.3888888vw 0 0 0;
        font-size: 2.7777777vw;
    }

    .huawei-diracf .diracf-section16 .s16navigation li {
        width: 39.5833333vw;
        justify-content: flex-start;
        border-radius: 2.7777777777vw;
        -webkit-border-radius: 2.7777777777vw;
        -moz-border-radius: 2.7777777777vw;
        -ms-border-radius: 2.7777777777vw;
        -o-border-radius: 2.7777777777vw;
    }

    .huawei-diracf .diracf-section16 .s16navigation li .navbtn {
        margin: 3.8888888vw 0 3.0555555vw 0;
    }

    .huawei-diracf .diracf-section16 .s16navigation li:not(:last-child) {
        margin: 0 4.1666666vw 0 0;
    }

    .huawei-diracf .diracf-section16 .s16navigation li img {
        width: 13.8888888vw;
        height: 13.8888888vw;
        margin: 4.4444444vw 1.3888888vw 4.4444444vw 2.7777777vw;
    }

    .huawei-diracf .diracf-section16 .s16swiperm {
        width: 83.3333333vw;
        height: 53.8888888vw;
        margin: 8.3333333vw 0 0 0;
    }

    .huawei-diracf .diracf-section16 .s16fmaint {
        width: 83.3333333vw;
        margin: 22.22222222vw 0 0 0;
        font-size: 8.8888888vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section16 .s16fmaindes {
        width: 83.3333333vw;
        margin: 5.5555555vw 0 11.1111111vw 0;
        font-size: 3.3333333vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section16 .s16fim {
        width: 83.3333333vw;
    }

    .huawei-diracf .diracf-section16 .s16maint {
        width: 83.3333333vw;
        margin: 22.2222222vw 0;
        font-size: 13.3333333vw;
    }

    .huawei-diracf .diracf-section16 .s16vtitle {
        width: 83.3333333vw;
        margin: 0 0 11.1111111vw 0;
        font-size: 8.8888888vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section16 .s16lineim {
        justify-content: center;
    }

    .huawei-diracf .diracf-section16 .s16lineim .s16im1 {
        width: 63.8888888vw;
        height: auto;
    }

    .huawei-diracf .diracf-section16 .s16lineim .s16im1 img {
        height: 44.4444444vw;
    }

    .huawei-diracf .diracf-section16 .s16lineim .s16im2 {
        width: 51.3888888vw;
        height: auto;
        margin: 0 0 0 -31.94444444444vw;
    }

    .huawei-diracf .diracf-section16 .s16lineim .s16im2 img {
        height: 50vw;
    }

    .huawei-diracf .diracf-section16 .s16eit {
        font-size: 4.4444444vw;
    }

    .huawei-diracf .diracf-section16 .s16eit1 span {
        margin: 0 2.6388888vw 0 0;
    }

    .huawei-diracf .diracf-section16 .s16eit2 span {
        margin: 0 0 0 2.6388888vw;
        text-align: left;
    }

    .huawei-diracf .diracf-section16 .s16eit1, 
    .huawei-diracf .diracf-section16 .s16eit2 {
        position: static;
    }

    .huawei-diracf .diracf-section16 .s16eit1 {
        position: relative;
        top: 0;
        right: 0;
        display: flex;
        justify-content: flex-end;
        width: auto;
        height: 30.8333333vw;
        margin: 0 7.9166666vw -10.13888888888vw 0;
        border-right: 0.2777777vw solid #979797;
        border-top: none;
        z-index: 2;
    }

    .huawei-diracf .diracf-section16 .s16eit2 {
        display: flex;
        justify-content: flex-start;
        position: relative;
        top: 0;
        left: 0;
        height: 47.9166666vw;
        margin: 0 0 -6.3888888888vw 29.4166666vw;
        z-index: 2;
        border-top: none;
        border-left: 0.2777777vw solid #979797;
    }

    .huawei-diracf .diracf-section16 .s16confere .s16conmainc {
        width: 83.3333333vw;
        flex-direction: column;
        border-radius: 2.7777777vw;
        -webkit-border-radius: 2.7777777vw;
        -moz-border-radius: 2.7777777vw;
        -ms-border-radius: 2.7777777vw;
        -o-border-radius: 2.7777777vw;
    }

    .huawei-diracf .diracf-section16 .s16confere .s16conferet {
        width: 83.3333333vw;
        margin: 0 0 11.1111111vw 0;
        font-size: 8.8888888vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section16 .s16confere {
        margin: 22.2222222vw 0;
    }

    .huawei-diracf .diracf-section16 .s16confere .s16conli {
        width: 100%;
    }

    .huawei-diracf .diracf-section16 .s16conrp {
        width: 66.6666666vw;
        margin: 12.5vw auto 0;
    }

    .huawei-diracf .diracf-section16 .s16confere .cnav li {
        width: 22.2222222vw;
    }

    .huawei-diracf .diracf-section16 .cnav li span {
        margin: 0 0 2.2222222222vw 0;
        font-size: 3.3333333vw;
    }

    .huawei-diracf .diracf-section16 .cmoveline {
        width: 22.2222222vw;
        height: 0.2777777vw;
    }

    .huawei-diracf .diracf-section16 .cborbot {
        height: 0.2777777vw;
    }

    .huawei-diracf .diracf-section16 .cswiper {
        margin: 5.5555555vw 0 11.1111111vw 0;
        font-size: 3.3333333vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section16 .cbuds img {
        width: 8.3333333vw;
        height: 8.3333333vw;
    }

    .huawei-diracf .diracf-section16 .cbuds {
        margin: 0 0 8.8888888vw 0;
    }

    .huawei-diracf .diracf-section16 .cbuds p {
        width: auto;
        margin: 0 0 0 2.7777777vw;
        font-size: 3.3333333vw;
    }

}

@media screen and (min-width: 669px) and (max-width: 1023px) and (min-aspect-ratio: 677/780) {

    .huawei-diracf .diracf-section16 .s16eit1 {
        height: 17.833333vw;
    }

    .huawei-diracf .diracf-section16 .s16eit2 {
        height: 34.916667vw;
    }

    .huawei-diracf .diracf-section16 .s16eit {
        font-size: 2.444444vw;
    }

    .huawei-diracf .diracf-section16 .s16lineim .s16im1 img {
        width: auto;
        height: 44.4444444vw;
    }
    
    .huawei-diracf .diracf-section16 .s16lineim .s16im2 img {
        width: auto;
        height: 44vw;
    }

}

/* fold */
@media screen and (min-width: 669px) and (max-width: 1023px) and (min-aspect-ratio: 669/797) {
    .huawei-diracf .diracf-section16 .s16swiperm {
        width: 68.3333333vw;
        height: 44.0956651718vw;
        margin: 2.3333333vw 0 0 0;
    }

    .huawei-diracf .diracf-section16 .s16navigation li {
        width: 35.583333vw;
    }

    .huawei-diracf .diracf-section16 .s16smartvdes {
        width: 76.855243722vw;
        font-size: 14px;
        margin: 1.555556vw auto 2.111111vw;
    }

    .huawei-diracf .diracf-section16 .navbtn p {
        font-size: 14px;
    }

    .huawei-diracf .diracf-section16 .navbtn h3 {
        font-size: 18px;
    }

    .huawei-diracf .diracf-section16 .s16smartvt {
        font-size: 4.88888888888vw;
    }

    .huawei-diracf .diracf-section16 .s16navigation li img {
        width: 10.888889vw;
        height: 10.888889vw;
        margin: 0.444444vw 1.3888888vw 0.444444vw 2.7777777vw;
    }

    .huawei-diracf .diracf-section16 .s16navigation li .navbtn {
        margin: 1.888889vw 0 1.055556vw 0;
    }
}

@media screen and (min-width: 669px) and (max-width: 1024px) and (min-aspect-ratio: 768/1100) and (max-aspect-ratio: 1 / 1) {
    .huawei-diracf .diracf-section16 .s16smartvdes {
        margin: 1.5555555vw auto 3.1111111vw;
    }

    .huawei-diracf .diracf-section16 .s16swiperm {
        margin: 2.3333333vw 0 0 0;
    }
} 

/* s17 pc */
.huawei-diracf .diracf-section17 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-diracf .diracf-section17 .s17btt {
    width: 41.5vw;
    margin: 10.4166666vw 0;
    background: linear-gradient(156.21deg,#bbd5cd 26.02%,#4c665f 51.49%,#c6e2d8 77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    color: transparent;
    font-size: 6.25vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-diracf .diracf-section17 .s17bottom {
    display: flex;
    justify-content: center;
}

.huawei-diracf .diracf-section17 .s17bottom .s17lim {
    width: 55.7291666vw;
}

.huawei-diracf .diracf-section17 .s17rtt {
    width: 22.9166666vw;
    margin: 0 0 0 3.6458333vw;
}

.huawei-diracf .diracf-section17 .s17rtt h3 {
    margin: 7.2916666vw 0 2.0833333vw 0;
    color: #fff;
    font-weight: 400;
    font-size: 3.3333333vw;
    line-height: 1.25;
}

.huawei-diracf .diracf-section17 .s17rtt p {
    color: #aaa;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}


/* section 17 mob */
@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) { 

        
    .huawei-diracf .diracf-section17 .s17bottom {
        flex-direction: column-reverse;
    }

    .huawei-diracf .diracf-section17 .s17btt {
        width: 83.3333333vw;
        margin: 22.2222222vw 0;
        font-size: 13.3333333vw;
    }

    .huawei-diracf .diracf-section17 .s17rtt {
        width: 83.3333333vw;
    }

    .huawei-diracf .diracf-section17 .s17rtt h3 {
        margin: 0;
        font-size: 8.8888888vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section17 .s17rtt p {
        margin: 5.5555555vw 0;
        font-size: 3.3333333vw;
        text-align: center;
    }

    .huawei-diracf .diracf-section17 .s17bottom .s17lim {
        width: 83.3333333vw;
        margin: 0 auto;
    }

}

/* section 18 pc */
.huawei-diracf .diracf-section18 {
    position: relative;
    margin: 10.416666666vw 0 0 0;
    z-index: 1;
}

@media screen and (max-width: 1023px),
    (max-aspect-ratio: 1/1) and (max-width: 1025px) { 

    .huawei-diracf .diracf-section18 {
        margin: 22.222222222vw 0 0 0;
    }
}

/* ie */
@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) {
        
    .huawei-diracf .diracf-section15 .s15fcard li picture {
        width: 100%;
        height: 100%;
    }

    .huawei-diracf .diracf-section2 .heartbtit,
    .huawei-diracf .diracf-section3 .s3bigt,
    .huawei-diracf .diracf-section4 .s4title,
    .huawei-diracf .diracf-section7 h3,
    .huawei-diracf .diracf-section9 .s9maint,
    .huawei-diracf .diracf-section11 .s11st,
    .huawei-diracf .diracf-section13 .s13maint,
    .huawei-diracf .diracf-section15 .s15maint,
    .huawei-diracf .diracf-section16 .s16maint,
    .huawei-diracf .diracf-section17 .s17btt {
        color: #bbd5cd;
        background: none;
    }

    .huawei-diracf .diracf-section11 .s11hour span:nth-child(1),
    .huawei-diracf .diracf-section11 .s11hour span:nth-child(2),
    .huawei-diracf .diracf-section12 .s12fp .srightt .s12rfo,
    .huawei-diracf .diracf-section15 .s15ttc .s15lic span:nth-child(2),
    .huawei-diracf .diracf-section11 .s11item0 .s11hour span:nth-child(2) {
        color: #d0d0d0;
        background: none;
    }

    .huawei-diracf .diracf-section11 .s11st {
        margin: 10.416666666vw 0;
    }

    .huawei-diracf .diracf-section3 .swiper2 .swiper-wrapper {
        display: flex;
        flex-direction: column;
    }

    .huawei-diracf .diracf-section3 .s3bigt {
        margin: 10.416666666vw 0;
    }

    .huawei-diracf .diracf-section3 .s3space,
    .huawei-diracf .diracf-section5 .s5space,
    .huawei-diracf .diracf-section9 .s9space,
    .huawei-diracf .diracf-section11 .s11space,
    .huawei-diracf .diracf-section16 .s16space {
        display: none;
    }

    .huawei-diracf .diracf-section3 .swiper2 .swiper-slide:not(:last-child) {
        margin: 0 0 10.416666666vw 0;
    }

    .huawei-diracf .diracf-section5 .s3shadow {
        opacity: 1;
    }

    .huawei-diracf .diracf-section6 .s6card2 li .s6tim{
        height: 5.208333333vw;
    }

    .huawei-diracf .diracf-section11 .s11sticky {
        flex-direction: column;
    }

    .huawei-diracf .diracf-section11 .s11op {
        position: relative;
        top: 0;
        left: 0;
        margin: 13.28125vw 0 19.635416666vw 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        opacity: 1;
    }

    .huawei-diracf .diracf-section11 .s11note {
        opacity: 1;
    }

    .huawei-diracf .diracf-section11 .s11penim {
        left: auto;
        top: auto;
        right: 25.416666666vw;
        bottom: 1.6666666666vw;
    }

    .huawei-diracf .diracf-section11 .s11hour span:nth-child(2) {
        margin: 0 0 0 0.52083333333vw;
    }

    .huawei-diracf .diracf-section5 .s5bg {
        height: auto;
        object-fit: none;
    }

    .huawei-diracf .diracf-section5 .s5content .s5mainp {
        margin: 0 0 0 -4.1145833333vw;
    }

    .huawei-diracf .diracf-section5 .s5content {
        width: auto;
        height: auto;
        top: 5.0520833333vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }

    .huawei-diracf .diracf-section11 .penshadow {
        display: none;
    }

    .huawei-diracf .diracf-section15 .s15fcard .s15tcard3 picture {
        width: auto;
        height: auto;
    }
}