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

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

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

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

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

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

.huawei-honeyproject .huawei-honey-nowrap {
    white-space: nowrap;
    font-style: normal;
}

.huawei-honeyproject .honey-sup {
    font-size: .6em;
    cursor: pointer;
    line-height: 0;
}

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

/* bug btn */
.huawei-honeyproject .section-pic-center * {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    letter-spacing: calc(-.037em + .526px);
}

.huawei-honeyproject  .section-pic-center {
    position: relative;
    z-index: 1;
    text-align: center;
    font-family: "Manrope", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.huawei-honeyproject  .section-kv-pic {
    line-height: 1.25;
    margin-top: 1.5625vw;
    font-size: 1.46vw;
    font-weight: 400;
    color: #000;
}

.huawei-honeyproject  .section-kv-pic span {
    font-size: .45em;
    font-weight: 500;
}

.huawei-honeyproject  .section-slogan-botton {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border: 2px solid #000;
    display: inline-block;
    line-height: 24px;
    font-weight: 800;
    padding: 10px 26px;
    border-radius: 40px;
    text-align: left;
    cursor: pointer;
    transition: .3s ease-out;
    margin-top: 1.25vw;
}

.huawei-honeyproject  .section-slogan-botton:hover {
    opacity: .8;
}

.huawei-honeyproject  .section-slogan-botton a {
    color: inherit;
}

@media screen and (max-width: 639px),
screen and (max-width: 1200px) and (max-aspect-ratio: 11 / 10) {
    .huawei-honeyproject  .section-kv-pic span {
        font-size: .65em;
    }

    .huawei-honeyproject  .section-kv-pic {
        font-size: 5.56vw;
        margin-top: 6.6666666666vw;
    }

    .huawei-honeyproject  .section-slogan-botton {
        margin-top: 3.333333333333vw;
    }
}


.huawei-honeyproject .footlast {
    list-style: none !important;
    position: relative;
}

.huawei-honeyproject .footlast::before {
    content: "*";
    position: absolute;
    top: 0;
    left: -9px;
}

.huawei-honeyproject .currentspecial {
    color: #000;
}

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

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

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

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

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

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

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

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

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

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

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

.huawei-honeyproject .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;
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
}

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

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

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


/* jiaobiao switch */
.huawei-honeyproject .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-honeyproject .last-section .notmm {
    position: relative;
    list-style: none !important;
    margin: 0 0 1.04166666666vw 0;
}

.huawei-honeyproject .last-section .mll {
    margin-left: -12px;
}

/* jiaobiao switch */
@media screen and (min-width: 1920px) {
    .huawei-honeyproject .last-section ol {
        font-size: 0.625vw;
    }

    .huawei-honeyproject .last-section .mll {
        margin-left: -0.625vw;
    }
}

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

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

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

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

    /* jiaobiao switch */
    .huawei-honeyproject .last-section ol {
        width: 82.1vw;
        margin: 100px 0 100px 10.833333333vw;
        font-size: 3.3333333333vw;
    }
}


/* section 1 pc  */
.huawei-honeyproject .honeyproject-section1 {
    position: relative;
    display: flex;
}

.huawei-honeyproject .honeyproject-section1 .kvleft {
    width: 41.0416666666vw;
    margin: 6.875vw 0 2.8125vw 12.083333vw;
}

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

.huawei-honeyproject .honeyproject-section1 .txtimg {
    width: 37.395833vw;
    margin: 16.875vw 0 1.71875vw 0;
}

.huawei-honeyproject .honeyproject-section1 .line {
    width: 0.10416666666vw;
    height: 1.041666666vw;
    background-color: #000;
}

.huawei-honeyproject .honeyproject-section1 .kvksp {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #000;
    font-size: 1.09375vw;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.0104166666vw;
}

.huawei-honeyproject .honeyproject-section1 .oslogo {
    display: flex;
    position: absolute;
    bottom: 5.0520833333vw;
    right: 3.020833vw;
    width: 8.28125vw;
    height: 2.447917vw;
}

.huawei-honeyproject .honeyproject-section1 .oslogo svg {
    width: 100%;
    height: 100%;
}

.huawei-honeyproject .honeyproject-section1 .kvvplay {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.02083333vw 0 0 0;
    cursor: pointer;
}

.huawei-honeyproject .honeyproject-section1 .kvvplay .videoicon {
    margin: 0.15625vw 0.520833333vw 0 0;
}

.huawei-honeyproject .honeyproject-section1 .kvvplay .videoicon img {
    width: 1.5625vw;
}

.huawei-honeyproject .honeyproject-section1 .kvvplay span {
    color: #000;
    font-size: 1.1458333333vw;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
}

/* section 2 mob  */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {  
    .huawei-honeyproject .honeyproject-section1 {
        flex-direction: column-reverse;
    }

    .huawei-honeyproject .honeyproject-section1 .kvvplay span {
        font-size: 2.22222222vw;
    }

    .huawei-honeyproject .honeyproject-section1 .kvvplay {
        margin: 5.555555555vw 0 0 0;
    }

    .huawei-honeyproject .honeyproject-section1 .kvvplay .videoicon {
        margin: 0.138888888vw 1.388888888vw 0 0;
    }

    .huawei-honeyproject .honeyproject-section1 .kvvplay .videoicon img {
        width: 3.1944444444vw;
    }

    .huawei-honeyproject .honeyproject-section1 .txtimg {
        width: 66.666667vw;
        margin: 20.555556vw 0 3.472222222vw 0;
    }

    .huawei-honeyproject .honeyproject-section1 .kvksp {
        width: 67.666667vw;
        font-size: 2.0833333333vw;
        letter-spacing: -0.04166666666vw;
    }

    .huawei-honeyproject .honeyproject-section1 .kvleft {
        width: 76.373611vw;
        margin: 6.25vw 0 30.972222vw 21.25vw;
    }

    .huawei-honeyproject .honeyproject-section1 .line {
        width: 1px;
        height: 1.9444444444vw;
    }

    .huawei-honeyproject .honeyproject-section1 .kvksp span:nth-child(4) {
        margin: 0 1.388888888vw;
    }

    .huawei-honeyproject .honeyproject-section1 .oslogo {
        bottom: 8.333333vw;
        right: 5.555556vw;
        width: 18.75vw;
        height: 5.555556vw;
    }
}

@media screen and (max-width: 576px) {
    .huawei-honeyproject .honeyproject-section1 .kvvplay span,
    .huawei-honeyproject .honeyproject-section1 .kvksp {
        font-size: 12px;
    }
}

/* signle ie */
.huawei-honeyproject .section-ie {
    position: relative;
    background-color: #fff;
} 

.huawei-honeyproject .section-ie .modalie {
   position: absolute;
   top: 17.447916666vw;
   right: 10.46875vw; 
   z-index: 2;
}

.huawei-honeyproject .section-ie .modalie p {
    width: 30.364583333vw;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}

.huawei-honeyproject .section-ie .modalie h3 {
    margin: 0 0 1.5625vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

/* section 2 pc */
.huawei-honeyproject .honeyproject-section2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5.208333vw 0;
    background-color:#1a1919;
}

.huawei-honeyproject .honeyproject-section2 .hbeatitle {
    width: 90%;
    margin: 0 auto 2.60416666vw;
    color: #fff;
    font-size: 4.166667vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 64.53125vw;
    height: calc(45.3125vw + 1px);
    margin: 0 auto;
}

@media screen and (min-width: 1080px) and (max-width: 1080px) {
    .huawei-honeyproject .honeyproject-section2 .hbeatpart {
        height: calc(45.3125vw + 1px);
    }
}

@media screen and (min-width: 3000px) and (max-width: 3001px) {
    .huawei-honeyproject .honeyproject-section2 .hbeatpart {
        height: calc(45.3125vw + 2px);
    }
}

@media screen and (min-width: 1194px) and (max-width: 1194px) {
    .huawei-honeyproject .honeyproject-section2 .hbeatpart {
        height: 45.8125vw;
    }
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem {
    overflow: hidden;
    position: relative;
    background-color: #000;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
    cursor: pointer;
    will-change: transform;
    transition: transform  linear 0.1s;
    -webkit-transition: transform  linear 0.1s;
    -moz-transition: transform  linear 0.1s;
    -ms-transition: transform  linear 0.1s;
    -o-transition: transform  linear 0.1s;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:hover .imgc {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem1 {
    width: 16.666667vw;
    margin: 0 1.5625vw 1.5625vw 0;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem1 span {
    width: 11.9791666vw;
    top: 1.0416666vw;
    left: 1.0416666vw;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem2 {
    width: 16.666667vw;
    margin: 0 1.5625vw 0 0;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem2 span {
    width: 100%;
    top: 1.041667vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    text-align: center;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(3) {
    width: 46.302083vw;
    margin: 0 0 1.5625vw 0;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(3) span {
    top: 1.041667vw;
    left: 1.041667vw;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(1) {
    width: 16.25vw;
    margin: 0 1.5625vw 0 0;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(1) span {
    width: 10.833333333vw;
    top: 1.041667vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat {
    display: flex;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(2) {
    width: 28.489583vw;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(2) span {
    top: 1.041667vw;
    left: 1.0416666666vw;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(5) {
    width: 46.302083vw;
    margin: 1.5625vw 0 0 0;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(5) span {
    width: 15.625vw;
    top: 1.041667vw;
    left: 1.041667vw;
}

.huawei-honeyproject .honeyproject-section2 .hbeatpart span {
    position: absolute;
    color:#fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.25;
    z-index: 2;
}

.huawei-honeyproject .honeyproject-section2 .arrowc {
    overflow: hidden;
    position: absolute;
    bottom: 1.041667vw;
    right: 1.041667vw;
    width: 2.395833vw;
    height: 2.395833vw;
    background-color:#4d4d4d;
    opacity: 0.8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-honeyproject .honeyproject-section2 .imgc {
    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: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
}

.huawei-honeyproject .honeyproject-section2 .imgc img {
    height: 50%;
}


/* section 2 mob  */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {   
    .huawei-honeyproject .honeyproject-section2 {
        padding: 27.77777777vw 0;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatitle {
        font-size: 11.111111vw;
        margin: 0 auto 13.888889vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart {
        width: 79.166667vw;
        height: auto;
    }
    
    .huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem1,
    .huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem2,
    .huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(3),
    .huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(1),
    .huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(2),
    .huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(5) {
        width: 100%;
        margin: 0 0 2.777778vw 0;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem {
        border-radius: 2.777778vw;
        -webkit-border-radius: 2.777778vw;
        -moz-border-radius: 2.777778vw;
        -ms-border-radius: 2.777778vw;
        -o-border-radius: 2.777778vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat {
        flex-direction: column-reverse;
        order: 2;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem1 {
        order: 1;
        height: 55.555555555vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem2 {
        order: 3;
        height: 55.555555555vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(3) {
        order: 4;
        height: 35vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(5) {
        order: 5;
        height: 35vw;
        margin: 0;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(1) {
        height: 55.555555555vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(2) {
        height: 55.555555555vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart span {
        font-size: 3.333333333vw;
    }

    .huawei-honeyproject .honeyproject-section2 .arrowc {
        width: 5.277778vw;
        height: 5.277778vw;
        right: 2.222222vw;
        bottom: 2.222222vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem1 span {
        width: auto;
        top: 2.777777777vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        white-space: nowrap;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .sitem2 span {
        top: 2.777777777vw;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(1) span {
        width: 100%;
        top: 2.777777777vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .twobeat .hitem:nth-child(2) span {
        width: 100%;
        top: 2.777777777vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(3) span {
        width: 100%;
        bottom: auto;
        top: 2.777777777vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section2 .hbeatpart .hitem:nth-child(5) span {
        width: 100%;
        bottom: auto;
        top: 2.777777777vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        text-align: center;
    }
}


/* section 3 pc */
.huawei-honeyproject .totalsection {
    position: relative;
    background-color: #000;
    margin: 0 0 -1px 0;
    z-index: 2;
}

.huawei-honeyproject .honeyproject-section3 {
    position: relative;
    background-color: #000;
} 

.huawei-honeyproject .honeyproject-section3 .s3sticy {
    height: auto;
    height: calc(100vh - var(--navH));
}

.huawei-honeyproject .honeyproject-section3 video,
.huawei-honeyproject .honeyproject-section3 img {
    height: 100%;
    object-fit: cover;
}

.huawei-honeyproject .honeyproject-section3 .s3sticy {
    position: sticky;
    top: var(--navH);
}

.huawei-honeyproject .honeyproject-section3 .s3shadowd {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.5);
    z-index: 2;
}

.huawei-honeyproject .honeyproject-section3 .s3space {
    height: 50vh;
}

.huawei-honeyproject .honeyproject-section3 .s3titlec {
    display: flex;
    flex-direction: column;
    align-items: center;
    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%);
    z-index: 4;
}

.huawei-honeyproject .honeyproject-section3 .s3titlec .tmiddle {
    margin: 1.5625vw 0;
    color: #fff;
    font-size: 4.166667vw;
    font-weight: 700;
    text-align: center;
    line-height: 1.25;
    white-space: nowrap;
}

.huawei-honeyproject .honeyproject-section3 .s3titlec .tbottom {
    width: 45.625vw;
    color: #a3a3a3;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

/* section 3 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {   
    .huawei-honeyproject .honeyproject-section3 .s3titlec .tmiddle {
        margin: 0 0 4.166666666vw 0;
        font-size: 11.111111vw;
    }

    .huawei-honeyproject .honeyproject-section3 .s3titlec .tbottom {
        width: 85.69444444vw;
        font-size: 3.333333333vw;
    }
}


/* section 4 pc */
.huawei-honeyproject .honeyproject-section4 {
    position: relative;
}

.huawei-honeyproject .honeyproject-section4 .s4space {
    height: 200vh;
}

.huawei-honeyproject .honeyproject-section4 .stipart {
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: var(--navH);
    height: auto;
    height: calc(100vh - var(--navH) );
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-honeyproject .honeyproject-section4 .txtcc {
    position: absolute;
    top: 34.222222%;
    right: 10.46875%;
    width: 30.364583333vw;
    z-index: 4;
    will-change: transform;
    pointer-events: none;
}

.huawei-honeyproject .honeyproject-section4 .txtcc .anit {
    margin: 0 0 1.5625vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section4 .txtcc .anides {
    color: #fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    z-index: 4;
    will-change: transform, width, height;
    overflow: hidden;
    transform: translate3d(-50%,-50%, 0);
    -webkit-transform: translate3d(-50%,-50%, 0);
    -moz-transform: translate3d(-50%,-50%, 0);
    -ms-transform: translate3d(-50%,-50%, 0);
    -o-transform: translate3d(-50%,-50%, 0);
    will-change: transfrom, width, height;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-wrapper {
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide .slitc {
    position: absolute;
    bottom: 1.5625vw;
    left: 1.5625vw;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide .slitc .maint {
    color: #fff;
    font-size: 2.5vw;
    font-weight: 500;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide .slitc .dest {
    margin: 0.520833vw 0 0 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}


@media screen and (max-width: 1152px) {
    .huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide .slitc .dest {
        font-size: 12px;
    }
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide img {
    height: 100%;
    object-fit: cover;
    object-position: 28% bottom;
    will-change: transfrom, width, height;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide:nth-child(2) img {
    object-position: 25% bottom;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide {
    position: relative;
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide:nth-child(2) .s2slides {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, .3);
}

.huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide:nth-child(3) img {
    object-position: 25% center;
}

.huawei-honeyproject .honeyproject-section4 .swippart {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.huawei-honeyproject .honeyproject-section4 .swippart .swleft {
    width: 32.96875vw;
    height: 41.822917vw;
    border-radius: 1.927083vw;
    -webkit-border-radius: 1.927083vw;
    -moz-border-radius: 1.927083vw;
    -ms-border-radius: 1.927083vw;
    -o-border-radius: 1.927083vw;
}

.huawei-honeyproject .honeyproject-section4 .swippart .swright {
    width: 26.458333vw;
    margin: 0 0 0 2.083333vw;
    display: flex;
    flex-wrap: wrap;
}

@keyframes movetop {
    100% {
        opacity: 1;
        top: 0;
    }
}


@keyframes movebottom {
    100% {
        opacity: 0;
        top: 120px;
    }
}

.huawei-honeyproject .honeyproject-section4 .swippart .swiper2 {
    position: relative;
    width: 13.645833vw;
    border-radius: 1.927083vw;
    -webkit-border-radius: 1.927083vw;
    -moz-border-radius: 1.927083vw;
    -ms-border-radius: 1.927083vw;
    -o-border-radius: 1.927083vw;
    will-change: transform;
    opacity: 0;
    top: 120px;
}

.huawei-honeyproject .honeyproject-section4 .active .swiper2 {
    animation: movetop 0.2s linear 0s forwards;
    -webkit-animation: movetop 0.2s linear 0s forwards;
}

.huawei-honeyproject .honeyproject-section4 .active1 .swiper2 {
    animation: movebottom 0.2s linear 0.3s forwards;
    -webkit-animation: movebottom 0.2s linear 0.3s forwards;
}

.huawei-honeyproject .honeyproject-section4 .swippart .swiper3 {
    position: relative;
    width: 10.677083vw;
    margin: 0 0 0 2.083333vw;
    border-radius: 1.927083vw;
    -webkit-border-radius: 1.927083vw;
    -moz-border-radius: 1.927083vw;
    -ms-border-radius: 1.927083vw;
    -o-border-radius: 1.927083vw;
    will-change: transform;
    opacity: 0;
    top: 120px;
}

.huawei-honeyproject .honeyproject-section4 .active .swiper3 {
    animation: movetop 0.2s linear 0.15s forwards;
    -webkit-animation: movetop 0.2s linear 0.15s forwards;
}

.huawei-honeyproject .honeyproject-section4 .active1 .swiper3 {
    animation: movebottom 0.2s linear 0.15s forwards;
    -webkit-animation: movebottom 0.2s linear 0.15s forwards;
}


.huawei-honeyproject .honeyproject-section4 .swippart .swiper4 {
    position: relative;
    width: 100%;
    margin: 2.083333333vw 0 0 0;
    border-radius: 1.927083vw;
    -webkit-border-radius: 1.927083vw;
    -moz-border-radius: 1.927083vw;
    -ms-border-radius: 1.927083vw;
    -o-border-radius: 1.927083vw;
    will-change: transform;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 0;
    top: 120px;
}

.huawei-honeyproject .honeyproject-section4 .active .swiper4 {
    animation: movetop 0.2s linear 0.3s forwards;
    -webkit-animation: movetop 0.2s linear 0.3s forwards;
}

.huawei-honeyproject .honeyproject-section4 .active1 .swiper4 {
    animation: movebottom 0.2s linear 0s forwards;
    -webkit-animation: movebottom 0.2s linear 0s forwards;
}

.huawei-honeyproject .honeyproject-section4  .swiper-button-next, 
.huawei-honeyproject .honeyproject-section4  .swiper-button-prev {
    background-image: none;
}

.huawei-honeyproject .honeyproject-section4 .swiper-button-next,
.huawei-honeyproject .honeyproject-section4 .swiper-button-prev {
    width: 1.822916666vw;
    height: auto;
}

.huawei-honeyproject .honeyproject-section4 .arrowparent {
    opacity: 0;
    transform: all 0.2s linear;
    -webkit-transform: all 0.2s linear;
    -moz-transform: all 0.2s linear;
    -ms-transform: all 0.2s linear;
    -o-transform: all 0.2s linear;
}

.huawei-honeyproject .honeyproject-section4 .active .arrowparent {
    opacity: 1;
}

.huawei-honeyproject .honeyproject-section4  .swiper-button-next {
    right: -5.208333vw;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
}

.huawei-honeyproject .honeyproject-section4  .swiper-button-prev {
    left: -5.208333vw;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
}


/* section 4 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section4 .txtcc {
        width: 81.944444444vw;
        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%);
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section4 .txtcc .anit {
        font-size: 6.666667vw;
    }

    .huawei-honeyproject .honeyproject-section4 .txtcc .anides {
        font-size: 3.333333333vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swleft {
        width: 50.694444vw;
        height: 81.944444vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swright {
        width: 36.388889vw;
        
        margin: 0 0 0 4.166667vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper2,
    .huawei-honeyproject .honeyproject-section4 .swippart .swiper3 {
        width: 100%;
        z-index: 3;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper3 {
        margin: 4.166667vw 0 0 0;
    }

    .huawei-honeyproject .honeyproject-section4  .swiper-button-next, 
    .huawei-honeyproject .honeyproject-section4  .swiper-button-prev {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        width: 6.944444vw;
        height: 6.944444vw;
        margin: 0;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }   

    .huawei-honeyproject .honeyproject-section4  .swiper-button-next img, 
    .huawei-honeyproject .honeyproject-section4  .swiper-button-prev img {
        width: 6.944444vw;
        height: 6.944444vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swiper-pagination {
        position: relative;
    }

    .huawei-honeyproject .honeyproject-section4 .allcc {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 90vw;
        margin: 5vw 0 0 0;
        z-index: 0;
    }

    .huawei-honeyproject .honeyproject-section4 .swiper-pagination {
        display: flex;
        margin: 0 4.166667vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swiper-pagination-bullet {
        width: 1.388889vw;
        height: 1.388889vw;
        margin: 0 4.166667vw 0 0;
    }

    .huawei-honeyproject .honeyproject-section4 .swiper-pagination-bullet:last-child {
        margin: 0;
    }

    .huawei-honeyproject .honeyproject-section4 .swiper-pagination-bullet-active {
        background-color: #707070;
    }

    .huawei-honeyproject .honeyproject-section4 .mshowt {
        position: relative;
        width: 100%;
    }

    .huawei-honeyproject .honeyproject-section4 .mshowt li {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        width: 100%;
        background-color: #fff;
    }

    .huawei-honeyproject .honeyproject-section4 .mshowt li:nth-child(1) {
        z-index: 1;
    }

    .huawei-honeyproject .honeyproject-section4 .mshowt li h3 {
        margin: 5.555556vw 0 2.777778vw 0;
        color: #000;
        font-size: 6.666667vw;
        font-weight: 500;
        line-height: 1.25;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section4 .mshowt li p {
        color: rgba(0,0,0, 0.6);
        font-size: 2.777777777vw;
        font-weight: 500;
        line-height: 1.6;
        text-align: center;
    }

}

@media screen and (max-width: 432px) {
    .huawei-honeyproject .honeyproject-section4 .mshowt li p {
        font-size: 12px;
    }
}


/* section 5 pc */
.huawei-honeyproject .honeyproject-section5 {
    width: 59.895833vw;
    margin: 8.177083333vw auto 10.416666666vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-honeyproject .honeyproject-section5 .s5txt {
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section5 .s5des {
    width: 51.51041666vw;
    margin: 1.5625vw auto 3.125vw;
    color: #6a6a6a;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section5 .s5img {
    position: relative;
    overflow: hidden;
    width: 59.895833vw;
    height: 29.479166666vw;
    border-radius:1.5625vw;
    -webkit-border-radius:1.5625vw;
    -moz-border-radius:1.5625vw;
    -ms-border-radius:1.5625vw;
    -o-border-radius:1.5625vw;
}

.huawei-honeyproject .honeyproject-section5 .s5img video {
    height: 101%;
    object-fit: cover;
}

.huawei-honeyproject .honeyproject-section5 .s5img .s5playicon {
    overflow: hidden;
    position: absolute;
    width: 3.229166666vw;
    height: 3.229166666vw;
    bottom: 0.3125vw;
    right: 0.677083333vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    z-index: 3;
    display: none;
}


/* section 5 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section5 {
        width: 100%;
        margin: 13.888889vw auto;
    }

    .huawei-honeyproject .honeyproject-section5 .s5txt {
        font-size: 6.666667vw;
    }

    .huawei-honeyproject .honeyproject-section5 .s5des {
        width: 71.5277777777vw;
        font-size: 3.3333333333vw;
        margin: 4.166667vw auto 8.333333333vw;
    }

    .huawei-honeyproject .honeyproject-section5 .s5img {
        width: 83.333333vw;
        height: auto;
        margin: 0 auto;
        border-radius: 4.166666666vw;
        -webkit-border-radius: 4.166666666vw;
        -moz-border-radius: 4.166666666vw;
        -ms-border-radius: 4.166666666vw;
        -o-border-radius: 4.166666666vw;
    }

    .huawei-honeyproject .honeyproject-section5 .s5img video {
        height: 100%;
    }

    .huawei-honeyproject .honeyproject-section5 .s5img .s5playicon {
        width: 8.611111111111vw;
        height: 8.611111111111vw;
        bottom: 4.1666666666vw;
        right: 2.083333333vw;
    }
}

/* section 6 pc */
.huawei-honeyproject .honeyproject-section6 {
    overflow: hidden;
}

.huawei-honeyproject .honeyproject-section6 .s6ttt {
    position: relative;
    background-color: #000;
    margin: 0 0 -1px 0;
    z-index: 2;
}

.huawei-honeyproject .honeyproject-section6 .s6showdow {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.4);
}

.huawei-honeyproject .honeyproject-section6 .s6title {
    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%;
    color: #fff;
    font-size: 4.166667vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    z-index: 2;
}

/* section 6 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section6 .s6title {
        font-size: 11.111111vw;
    }
}

/* section 7 pc */ 
.huawei-honeyproject .honeyproject-section7 {
    padding: 10.416666666vw 0;
    background-color: #000;
}

.huawei-honeyproject .honeyproject-section7 .s7space {
    height: 140vh;
}

.huawei-honeyproject .honeyproject-section7 .s6maint {
    color: #a3a3a3;
    font-size: 1.14583333333vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section7 .s6des {
    width: 62.5vw;
    margin: 1.041666666vw auto 3.64583333vw;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section7 .targetde {
    overflow: hidden;
    position: relative;
    height: 27.708333vw;
}

.huawei-honeyproject .honeyproject-section7 .s7stelement {
    position: sticky;
    top: var(--s7target);
}

.huawei-honeyproject .honeyproject-section7 .s7bottom2 {
    position: absolute;
    left: 11.770833vw;
    top: 0;
    display: flex;
}

.huawei-honeyproject .honeyproject-section7 .s6bpart {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.huawei-honeyproject .honeyproject-section7 .s6bpart:nth-child(1) {
    margin: 0 12.083333vw 0 0;
}

.huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(1) {
    width: 49.322917vw;
    margin: 0 5.208333vw 0 0;
}

.huawei-honeyproject .honeyproject-section7 .s6bpart li video {
    width: 49.322916666vw;
    height: 27.76041666vw;
}

.huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(2) .bptitle {
    margin: 0 0 1.5625vw 0;
    color: #fff;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(2) .bpdes {
    width: 23.177083333vw;
    color:#a3a3a3;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}

.huawei-honeyproject .honeyproject-section7 .s6bpart:nth-child(2) li:nth-child(2) .bpdes {
    width: 23.177083333vw;
}

/* section 7 mob */ 
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section7 {
        padding: 27.777778vw 0;
    }

    .huawei-honeyproject .honeyproject-section7 .s6bpart li video {
        width: auto;
        height: auto;
    }
    
    .huawei-honeyproject .honeyproject-section7 .targetde {
        overflow: hidden;
        height: auto;
    }

    .huawei-honeyproject .honeyproject-section7 .s7bottom2 {
        left: 8.3333333333vw;
    }
    
    .huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(1) {
        width: 83.333333vw;
        height: 46.944444vw;
        margin: 0;
    }

    .huawei-honeyproject .honeyproject-section7 .s6maint {
        font-size: 3.333333333vw;
    }

    .huawei-honeyproject .honeyproject-section7 .s6des {
        width: 80vw;
        margin: 2.777778vw auto 13.888889vw;
        font-size: 6.666667vw;
    }

    .huawei-honeyproject .honeyproject-section7 .s6bpart {
        flex-direction: column;
        justify-content: flex-start;
    }

    .huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(2) .bptitle {
        margin: 13.88888888vw 0 4.166667vw 0;
        font-size: 3.3333333333vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(2) .bpdes {
        width: 75vw;
        font-size: 3.3333333333vw;
        text-align: center;

    }

    .huawei-honeyproject .honeyproject-section7 .s6bpart:nth-child(2) li:nth-child(2) .bpdes {
        width: 77.5vw;
    }
}

/* section 8 pc */
.huawei-honeyproject .honeyproject-section8 {
    position: relative;
    background-color: #000;
}

.huawei-honeyproject .honeyproject-section8 .s8tc {
    position: absolute;
    bottom: 4.479167vw;
    left: 40.520833vw;
    z-index: 3;
}

.huawei-honeyproject .honeyproject-section8 .s8ft {
    color:#a3a3a3;
    font-size: 1.1458333333vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section8 .s8st {
    margin: 1.041666666vw 0 1.5625vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section8 .s8tt {
    width: 40.729166666vw;
    color:#a3a3a3;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}

/* section 8 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section8 {
        height: auto;
    }

    .huawei-honeyproject .honeyproject-section8 .s8tc {
        position: initial;
    }

    .huawei-honeyproject .honeyproject-section8 .s8ft {
        font-size: 3.333333333vw;
        text-align: center;
    }


    .huawei-honeyproject .honeyproject-section8 .s8st {
        margin: 2.777778vw 0 4.166667vw 0;
        font-size: 6.666667vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section8 .s8tt {
        width: 83.333333333vw;
        margin: 0 auto;
        font-size: 3.333333333vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section8 .s8vc {
        margin: 8.333333333vw 0 0 0;
    }
}


/* section 9 pc */
.huawei-honeyproject .honeyproject-section9 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10.416667vw 0;
    background-color: #000;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-honeyproject .honeyproject-section9 .s9imgp {
    overflow: hidden;
    width: 44.583333333vw;
    margin: 0 3.90625vw 0 0;
    border-radius: 1.041666666vw;
    -webkit-border-radius: 1.041666666vw;
    -moz-border-radius: 1.041666666vw;
    -ms-border-radius: 1.041666666vw;
    -o-border-radius: 1.041666666vw;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}

.huawei-honeyproject .honeyproject-section9 .s9imgp video,
.huawei-honeyproject .honeyproject-section9 .s9imgp img {
    width: 100%;
}


.huawei-honeyproject .honeyproject-section9 .s9ft {
    color:#a3a3a3;
    font-size: 1.1458333333vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section9 .s9st {
    width: 31.25vw;
    margin: 1.0416666666vw 0 1.5625vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section9 .s9tt {
    width: 31.25vw;
    margin: 0 0 3.125vw 0;
    color:#a3a3a3;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}

.huawei-honeyproject .honeyproject-section9 .iconcc {
    display: flex;
    align-items: center;
}

.huawei-honeyproject .honeyproject-section9 .icon1 {
    width: 13.854166666vw;
}

/* section 9 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section9 {
        padding: 27.777778vw 0;
        flex-direction: column-reverse;
    }

    .huawei-honeyproject .honeyproject-section9 .s9ft {
        font-size: 3.333333333vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section9 .s9st {
        width: 100%;
        margin: 2.777777777vw 0 4.166667vw 0;
        font-size: 6.666667vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section9 .s9tt {
        width: 78.055555555vw;
        margin: 0 auto;
        font-size: 3.333333333vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section9 .iconcc {
        margin: 5.55555555vw 0 8.333333333vw 0;
        justify-content: center;
    }

    .huawei-honeyproject .honeyproject-section9 .icon1 {
        width: 36.9444444444vw;
    }
    
    .huawei-honeyproject .honeyproject-section9 .icon2 {
        width: 7.777778vw;
        height: 9.722222vw;
        margin: 0 3.472222vw;
    }

    .huawei-honeyproject .honeyproject-section9 .icon3 {
        width: 12.777778vw;
        height: 4.583333vw;
    }

    .huawei-honeyproject .honeyproject-section9 .s9imgp {
        width: 83.611111vw;
        margin: 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;
    }
}

/* section 12 pc */
.huawei-honeyproject .honeyproject-section12 {
    position: relative;
    background-color: #000;
}

.huawei-honeyproject .honeyproject-section12 .s12tc {
    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%;
    z-index: 2;
}

.huawei-honeyproject .honeyproject-section12 .s12tc .s12maint {
    width: 62.5vw;
    margin: 0 auto;
    color: #fff;
    font-size: 4.166667vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
} 


/* section 12 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section12 .s12tc .s12maint {
        font-size: 11.111111vw;
    } 
}


/* section 13 pc */
.huawei-honeyproject .honeyproject-section13 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
} 

.huawei-honeyproject .honeyproject-section13 .s13limg {
    overflow: hidden;
    width: 41.666666vw;
    margin: 10.416666666vw 4.166666666vw 10.416666666vw 0;
    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-honeyproject .honeyproject-section13 .s13rft {
    color: #a3a3a3;
    font-size: 1.1458333333vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section13 .s13rst {
    width: 33.33333333vw;
    margin: 1.0416666666vw 0 1.5625vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section13 .s13rtt {
    width: 30.9895833333vw;
    color: #a3a3a3;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}

/* section 13 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section13 {
        flex-direction: column-reverse;
    }

    .huawei-honeyproject .honeyproject-section13 .s13limg {
        overflow: hidden;
        width: 83.333333vw;
        height: 54.722222vw;
        margin: 8.333333333vw 0 27.777777777vw 0;
        border-radius: 1.3888888888vw;
        -webkit-border-radius: 1.3888888888vw;
        -moz-border-radius: 1.3888888888vw;
        -ms-border-radius: 1.3888888888vw;
        -o-border-radius: 1.3888888888vw;
    }
    
    .huawei-honeyproject .honeyproject-section13 .s13rtxt {
        align-self: flex-start;
        margin: 27.77777777vw 0 0 8.333333333vw;
        font-size: 4.444444vw;
    }
    
    .huawei-honeyproject .honeyproject-section13 .s13rst {
        width: 85.97222222vw;
        margin: 2.777777777vw 0 4.166667vw 0;
        font-size: 6.666667vw;
    }
    
    .huawei-honeyproject .honeyproject-section13 .s13rtt {
        width: 84.583333vw;
        font-size: 3.33333333vw;
    }

    .huawei-honeyproject .honeyproject-section13 .s13rft {
        font-size: 3.3333333333vw;
    }
}


/* section 14 pc */
.huawei-honeyproject .honeyproject-section14 {
    overflow: hidden;
    background-color: #000;
}

.huawei-honeyproject .honeyproject-section14 .s14ticc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 5.208333333vw 0;
}

.huawei-honeyproject .honeyproject-section14 .s14fsubt {
    color: #a3a3a3;
    font-size: 1.1458333333vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section14 .s14stitle {
    width: 33.333333333vw;
    margin: 1.041666666vw 0 1.5625vw 0;
    color: #fff;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section14 .s14tdes {
    width: 33.333333333vw;
    color: #a3a3a3;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}

.huawei-honeyproject .honeyproject-section14 .s14rimg {
    width: 41.666667vw;
    margin: 0 0 0 4.1666666666vw;
    border-radius: 1.041667vw;
    -webkit-border-radius: 1.041667vw;
    -moz-border-radius: 1.041667vw;
    -ms-border-radius: 1.041667vw;
    -o-border-radius: 1.041667vw;
}

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

    .huawei-honeyproject .honeyproject-section14 .s14ltxt {
        align-self: flex-start;
        margin: 0 0 0 8.333333333vw;
    }
    .huawei-honeyproject .honeyproject-section14 .s14fsubt {
        font-size: 3.333333333vw;
    }
    
    .huawei-honeyproject .honeyproject-section14 .s14stitle {
        width: 100%;
        margin: 2.777777777vw 0 4.166667vw 0;
        font-size: 6.666667vw;
    }
    
    .huawei-honeyproject .honeyproject-section14 .s14tdes {
        width: 84.583333vw;
        font-size: 3.3333333333vw;
    }

    .huawei-honeyproject .honeyproject-section14 .s14rimg {
        width: 83.333333vw;
        height: 52.183333vw;
        margin: 8.333333vw 0 13.888889vw 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }
}


/* section 15 pc */
.huawei-honeyproject .grayp {
    background-color: #f4f4f4;
}

.huawei-honeyproject .honeyproject-section15 {
    overflow: hidden;
}

.huawei-honeyproject .honeyproject-section15 .s15maint {
    margin: 10.416666666vw 0 5.20833333vw 0;
    color: #000;
    font-size: 4.166667vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section15 .tvpart {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 {
    display: flex;
    flex-shrink: 0;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1>div {
    position: relative;
    width: 34.739583vw;
    background-color: #fff;
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 2.604166666vw 0 0;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard1 h3 {
    margin: 2.604166666vw 0 1.5625vw 0;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard1 p {
    width: 29.0625vw;
    color: #6a6a6a;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo1 {
    overflow: hidden;
    position: relative;
    width: 26.25vw;
    height: 17.76041666vw;
    margin: 3.729166666vw 0 2.083333333vw 0;
    background-color: #F4F4F4;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo1 .numimg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26.77083333vw;
    max-width: 26.77083333vw;
    z-index: 1;
    transform: translate(-50%, -50%);
    will-change:transform,width;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo1 .movetbg {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background:linear-gradient(180deg,#62bcb5 0%,#34cb6d 100%);
    z-index: 0;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .budsc {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20.3125vw;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 2;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .notec {
    margin: 0 0 5.208333vw 0;
    color: #ddd;
    font-size: 1.145833vw;
    font-weight: 500;
    line-height: 1.6;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard2 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard2 h3 {
    margin: 2.604166666vw 0 1.5625vw 0;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard2 p {
    width: 27.708333333vw;
    color: #6a6a6a;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section15 .playicon {
    overflow: hidden;
    position: absolute;
    bottom: 0.15625vw;
    right: 0.416666666vw;
    width: 3.229166666vw;
    height: 3.229166666vw;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc2 {
    position: relative;
    flex-shrink: 0;
    width: 72.916667vw;
    margin: 2.604166666vw 0 0 0;
    background-color:#fff;
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc2 picture {
    width: 100%;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc2 .watertt {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo2 {
    position: relative;
    width: 11.09375vw;
    margin: 2.86458333vw 0 5.9375vw 3.489583vw;
    align-self: flex-start;
    flex-shrink: 0;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .canvasbox {
    position: absolute;
    top: 8.854167vw;
    left: 5.364583vw;

}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 {
    position: absolute;
    top: 8.854167vw;
    left: 5.364583vw;
    width: 1.875vw;
    height: 1.875vw;
    background-color: #c1c1c1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    opacity: 0;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 li {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 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%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 .s15mc1 {
    z-index: 3;
    background-color: #c1c1c1;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 .s15mc2, 
.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 .s15mc3 {
    box-shadow: inset 0 0 0.3125vw 0.26041666vw rgba(0,0,0, 0.3);
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 .s15mc4 {
    box-shadow: inset 0 0 0.3125vw 0.10416666vw rgba(0,0,0, 0.3);
}

.huawei-honeyproject .honeyproject-section15 .s15swiper {
    overflow: hidden;
    position: absolute;
    top: 16.770833vw;
    left: calc(100% + 1.5625vw);
}

.huawei-honeyproject .honeyproject-section15 .s15swiper .s15icon1,
.huawei-honeyproject .honeyproject-section15 .s15swiper .s15icon2,
.huawei-honeyproject .honeyproject-section15 .s15swiper .s15icon3 {
    width: 3.020833vw;
    margin: 0 0.260417vw 0 0;
    align-self: flex-start;
}

.huawei-honeyproject .honeyproject-section15 .s15swiper .swiper-slide {
    display: flex;
}

.huawei-honeyproject .honeyproject-section15 .vcard2 .s15swiper .swiperVertical .rtmaint {
    margin: 0.520833vw 0 0.677083vw 0;
    color: #6a6a6a;
    font-size: 1.458333vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: left;
}

.huawei-honeyproject .honeyproject-section15 .vcard2 .s15swiper .swiperVertical .rtsubt {
    width: 12.1875vw;
    color: #6a6a6a;
    font-weight: 500;
    font-size: 0.9375vw;
    line-height: 1.6;
    text-align: left;
}


@media screen and (max-width: 1281px) {
    .huawei-honeyproject .honeyproject-section15 .vcard2 .s15swiper .swiperVertical .rtsubt {
        font-size: 12px;
    }
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc2 h3 {
    margin: 2.604167vw 0 1.5625vw 0;
    color: #000;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 1.25;
}

.huawei-honeyproject .honeyproject-section15 .tvpart .vc2 p {
    width: 51.97916666vw;
    margin: 0 auto;
    color: #6a6a6a;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
}


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

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo1 .numimg {
        width: 71.3888888888vw;
        max-width: 71.3888888888vw;
        will-change:transform,width;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 {
        flex-direction: column;
    }

    .huawei-honeyproject .honeyproject-section15 .s15maint {
        margin: 27.777778vw 0 13.888889vw 0;
        font-size: 11.111111vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .budsc {
        top: -1.805555555vw;
        width: 54.166666666vw;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1>div {
        width: 92.5vw;
        border-radius: 4.166667vw;
        -webkit-border-radius: 4.166667vw;
        -moz-border-radius: 4.166667vw;
        -ms-border-radius: 4.166667vw;
        -o-border-radius: 4.166667vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard1 {
        margin: 0 0 4.166667vw 0;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard1 h3 {
        margin: 6.944444vw 0 4.166667vw 0;
        font-size: 6.666667vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard1 p {
        width: 80.833333333vw;
        font-size: 3.333333333vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .notec {
        margin: 0 0 14.444444444vw 0;
        font-size: 3.055556vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard2 h3 {
        margin: 6.944444vw 0 4.166667vw 0;
        font-size: 6.666667vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo1 {
        width: 70vw;
        height: 47.36111111vw;
        margin: 15.416666666vw 0 4.861111111vw 0;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .vcard2 p {
        width: 80.833333333vw;
        font-size: 3.333333333vw;
    }

    .huawei-honeyproject .honeyproject-section15 .playicon {
        width: 8.611111111vw;
        height: 8.611111111vw;
        right: 1.805555555vw;
        bottom: 1.3888888888vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc2 {
        width: 92.5vw;
        margin: 4.166667vw 0 0 0;
        border-radius: 4.166667vw;
        -webkit-border-radius: 4.166667vw;
        -moz-border-radius: 4.166667vw;
        -ms-border-radius: 4.166667vw;
        -o-border-radius: 4.166667vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc2 h3 {
        margin: 6.944444vw 0 4.166667vw 0;
        font-size: 6.666667vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc2 p {
        width: 80vw;
        margin: 0 auto;
        font-size: 3.33333333vw;
        text-align: center;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo2 {
        width: 29.58333333vw;
        margin: 6.388888888vw 0 15.972222vw 9.305556vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .canvasbox {
        top: 23.75vw;
        left: 14.305556vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 {
        top: 23.75vw;
        left: 14.305556vw;
        width: 5vw;
        height: 5vw;
    }

    .huawei-honeyproject .honeyproject-section15 .s15swiper {
        top: 43.888889vw;
        left: calc(100% + 4.166667vw);
    }

    .huawei-honeyproject .honeyproject-section15 .vcard2 .s15swiper .swiperVertical .rtmaint {
        font-size: 3.888889vw;
        margin: 2.5vw 0 1.805556vw 0;
    }

    .huawei-honeyproject .honeyproject-section15 .vcard2 .s15swiper .swiperVertical .rtsubt {
        width: 28.027778vw;
        font-size: 2.5vw;
    }

    .huawei-honeyproject .honeyproject-section15 .s15swiper .s15icon1, 
    .huawei-honeyproject .honeyproject-section15 .s15swiper .s15icon2, 
    .huawei-honeyproject .honeyproject-section15 .s15swiper .s15icon3 {
        width: 8.055556vw;
        margin: 0 0.694444vw 0 0;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 .s15mc2, 
    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 .s15mc3 {
        box-shadow: inset 0 0 0.83333333vw 0.69444444vw rgba(0,0,0, 0.3);
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .circle2 .s15mc4 {
        box-shadow: inset 0 0 0.83333333vw 0.277777777vw rgba(0,0,0, 0.3);
    }
}


@media screen and (max-width: 480px) {
    .huawei-honeyproject .honeyproject-section15 .vcard2 .s15swiper .swiperVertical .rtsubt {
        font-size: 12px;
    }   
}

/* section 16 pc  */
.huawei-honeyproject .honeyproject-section16 {
    overflow: hidden;
    margin: 0 0 10.416667vw 0;
}

.huawei-honeyproject .honeyproject-section16 .s16maint {
    margin: 10.4166666666vw 0 5.20833333vw 0;
    color: #000;
    font-size: 4.166667vw;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section16 .swicc {
    overflow: hidden;
}

.huawei-honeyproject .honeyproject-section16 .outerc {
    position: relative;
    margin: 0 0 5.2083333333vw 0;
}

.huawei-honeyproject .honeyproject-section16 .swiper16 .swiper-wrapper {
    display: flex;
    justify-content: center;
}

.huawei-honeyproject .honeyproject-section16 .swiper16 .swiper-slide {
    position: relative;
    overflow: hidden;
    width: 26.354167vw;
    height: 37.34375vw;
    margin: 0 1.5625vw 0 0;
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper16 .swiper-slide:last-child {
    margin: 0;
}

.huawei-honeyproject .honeyproject-section16 .swiper-button-next, 
.huawei-honeyproject .honeyproject-section16 .swiper-button-prev {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: inherit;
    width: 2.291666666vw;
    height: 2.291666666vw;
    margin: 0;
    background-image: none;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.huawei-honeyproject .honeyproject-section16 .swiper-button-next img, 
.huawei-honeyproject .honeyproject-section16 .swiper-button-prev img {
    width: 100%;
} 

.huawei-honeyproject .honeyproject-section16 .arrcc {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 2.604166666vw 0 0 0;
}

.huawei-honeyproject .honeyproject-section16 .swiper-button-next {
    margin: 0 5.2083333333vw 0 2.083333333vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp {
    position: relative;
    width: 100%;
    height: 100%;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide {
    background-color: #fff;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.5625vw;
    -webkit-border-radius: 1.5625vw;
    -moz-border-radius: 1.5625vw;
    -ms-border-radius: 1.5625vw;
    -o-border-radius: 1.5625vw;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index: 2;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp li .fronttext {
    position: absolute;
    bottom: 1.5625vw;
    left: 0;
    width: 100%;
    color: #000;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    z-index: 3;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide:nth-child(2) .cardp li .fronttext {
    bottom: 2.96875vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain h3 {
    margin: 7.8125vw 0 1.5625vw 0;
    color: #000;
    font-size: 1.666667vw;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain p {
    color: #767676;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(1) p {
    width: 21.666667vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(2) p {
    width: 21.354167vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(3) p {
    width: 20vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(4) p {
    width: 21.25vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(5) p {
    width: 21.354167vw;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .clickRotate {
    position: absolute;
    width: 2.083333333vw;
    height: 2.083333333vw;
    bottom: 1.041666666vw;
    right: 1.041666666vw;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: transform 0.2s linear;
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    -ms-transition: transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    cursor: pointer;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .cardflip1 {
    background-color: #fff;
    opacity: 0;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .activeone .cardflip1 {
    opacity: 1;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .cardfilp2 {
    background-color: #fff;
    opacity: 1;
}

.huawei-honeyproject .honeyproject-section16 .swiper-slide .activeone .cardfilp2 {
    opacity: 0;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    pointer-events: none;
}


/* section 16 mob */
@media screen and (max-width: 1023px),
(max-aspect-ratio: 1/1) and (max-width: 1025px) {
    .huawei-honeyproject .honeyproject-section16 .s16maint {
        margin: 27.777777777vw 0 13.888889vw 0;
        font-size: 11.111111vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper16 {
        margin: 0 0 0 8.333333333vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper16 .swiper-wrapper {
        justify-content: flex-start;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper16 .swiper-slide {
        width: 83.333333vw;
        height: 103.888889vw;
        margin: 0 2.777778vw 0 0;
        border-radius: 5.555556vw;
        -webkit-border-radius: 5.555556vw;
        -moz-border-radius: 5.555556vw;
        -ms-border-radius: 5.555556vw;
        -o-border-radius: 5.555556vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper16 .swiper-slide:last-child {
        margin: 0 8.333333333vw 0 0;
    }

    .huawei-honeyproject .honeyproject-section16 .arrcc {
        margin: 5.555556vw 0 0 0;
    }

    .huawei-honeyproject .honeyproject-section16 .outerc {
        margin: 0 0 13.888888888vw 0;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-button-next {
        margin: 0 8.333333vw 0 5vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-button-next, 
    .huawei-honeyproject .honeyproject-section16 .swiper-button-prev {
        width: 9.027778vw;
        height: 9.027778vw;
        border: 0.416667vw solid #707070;
    }
    
    .huawei-honeyproject .honeyproject-section16 .swiper-button-next img, 
    .huawei-honeyproject .honeyproject-section16 .swiper-button-prev img {
        width: 2.638889vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide:hover .cardp {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp li {
        overflow: hidden;
        border-radius: 5.555555555vw;
        -webkit-border-radius: 5.555555555vw;
        -moz-border-radius: 5.555555555vw;
        -ms-border-radius: 5.555555555vw;
        -o-border-radius: 5.555555555vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp li .fronttext {
        bottom: 4.16666666666vw;
        font-size: 4.444444vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide:nth-child(2) .cardp li .fronttext {
        bottom: 7.666667vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .clickRotate {
        overflow: hidden;
        position: absolute;
        bottom: 2.777778vw;
        right: 2.777778vw;
        width: 6.94444444vw;
        height: 6.94444444vw;
        z-index: 2;
        transform: translateZ(1px);
        -webkit-transform: translateZ(1px);
        -moz-transform: translateZ(1px);
        -ms-transform: translateZ(1px);
        -o-transform: translateZ(1px);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        transition: transform 0.2s linear;
        -webkit-transition: transform 0.2s linear;
        -moz-transition: transform 0.2s linear;
        -ms-transition: transform 0.2s linear;
        -o-transition: transform 0.2s linear;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain h3 {
        margin: 24.027777777vw 0 4.166667vw 0;
        font-size: 4.444444vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain p {
        font-size: 3.333333vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(1) p {
        width: 61.111111vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(2) p {
        width: 56.944444vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(3) p {
        width: 53.333333vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(4) p {
        width: 56.666667vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-slide .cardp .t2contain:nth-child(5) p {
        width: 56.944444vw;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-scrollbar {
        width: 41.666666666vw;
        height: 0.555555555vw;
        margin: 13.888888888vw auto;
        background-color:#d6d6d6;
        position: static;
    }

    .huawei-honeyproject .honeyproject-section16 .swiper-scrollbar-drag {
        background-color: #6c6c6c;
    }

}

/* full screen */
@media screen and (min-width: 600px) and (max-width: 1024px) 
    and (max-aspect-ratio: 1/1) and (min-aspect-ratio: 1024 / 1366) {
        .huawei-honeyproject .honeyproject-section7 .s6des {
            margin: 2.777778vw auto 3.888889vw;
        }
} 

/* fold screen */
@media screen and (min-aspect-ratio:10/12) and (max-aspect-ratio:127/100) and (max-width: 828px)   {
        .huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(2) .bptitle {
            margin: 2.5vw 0 2.166667vw 0;
            font-size: 3.444444vw;
        }

        .huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(2) .bpdes {
            font-size: 3.444444vw;
        }

        .huawei-honeyproject .honeyproject-section7 .s6maint {
            font-size: 3.444444vw;
        }

        .huawei-honeyproject .honeyproject-section7 .s6des {
            margin: 2.777778vw auto 2.888889vw;
            font-size: 4.666667vw;
        }

        .huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(1) {
            width: 49.926144756vw;
            height: 32.16762579vw;
        }

        .huawei-honeyproject .honeyproject-section4 .swippart .swleft {
            width: 33.38257016vw;
            height: 53.85863951vw;
        }

        .huawei-honeyproject .honeyproject-section4 .swippart .swright {
            width: 23.388889vw;
        }

        .huawei-honeyproject .honeyproject-section4 .mshowt li h3 {
            margin: 1.555556vw 0;
            font-size: 3.666667vw;
        }

        .huawei-honeyproject .honeyproject-section4 .swiper-button-next,
        .huawei-honeyproject .honeyproject-section4 .swiper-button-prev {
            width: 4.944444vw;
            height: 4.944444vw;
        }

        .huawei-honeyproject .honeyproject-section4 .allcc {
            margin: 3vw 0 0 0;
        }

        .huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide img {
            object-position: 28% 50%;
        }

        .huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide:nth-child(2) img {
            object-position: 28% 50%;
        }

        .huawei-honeyproject .honeyproject-section4 .mshowt li p {
            font-size: 2vw;
        }

        .huawei-honeyproject .honeyproject-section7 .s6bpart li:nth-child(2) .bpdes {
            font-size: 2.4444vw;
        }
} 

@media screen and (min-width: 1366px) and (max-width: 1400px) and (min-aspect-ratio: 1366/768) {

    .huawei-honeyproject .honeyproject-section4 .swippart .swleft {
        width: 26.375vw;
        height: 33.4583336vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper2 {
        width: 10.9166664vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper3 {
        width: 8.5416664vw;
        margin: 0 0 0 1.566666vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swright {
        width: 21.1666664vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper4 {
        margin: 1.566666vw 0 0 0;
    }
}



/* ie broser */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
    .huawei-honeyproject {
        overflow: hidden;
    }

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

    .huawei-honeyproject .honeyproject-section3 video, 
    .huawei-honeyproject .honeyproject-section3 img {
        height: auto;
    }

    .huawei-honeyproject .honeyproject-section4 {
        margin: 10.416666666vw 0;
    }

    .huawei-honeyproject .honeyproject-section4 .swiper1 {
        width: 32.96vw;
        height: 41.82vw;
        border-radius: 1.927083333vw;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -webkit-border-radius: 1.927083333vw;
        -moz-border-radius: 1.927083333vw;
        -ms-border-radius: 1.927083333vw;
        -o-border-radius: 1.927083333vw;
    }

    .huawei-honeyproject .honeyproject-section4 .txtcc {
        display: none;
    }

    .huawei-honeyproject .honeyproject-section7 .s7bottom2 {
        position: relative;
        left: 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .huawei-honeyproject .honeyproject-section7 .targetde {
        height: auto;
    }

    .huawei-honeyproject .honeyproject-section7 .targetde .s7bottom2 .s6bpart {
        margin: 0 0 0 11.770833333vw;
    }

    .huawei-honeyproject .honeyproject-section7 .targetde .s7bottom2 .s6bpart:nth-child(2) {
        margin: 5.208333333vw 0 5.208333333vw 11.770833333vw;
    }

    .huawei-honeyproject .honeyproject-section15 .tvpart .vc1 .playvideo1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper2,
    .huawei-honeyproject .honeyproject-section4 .swippart .swiper3,
    .huawei-honeyproject .honeyproject-section4 .swippart .swiper4 {
        opacity: 1;
        top: 0;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swleft {
        width: 32.96875vw;
        height: 41.822917vw;
    } 

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper2 {
        width: 13.645833vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper3 {
        width: 10.677083vw;
        margin: 0 0 0 2.083333vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swright {
        width: 26.458333vw;
        margin: 0 0 0 2.083333vw;
    }

    .huawei-honeyproject .honeyproject-section4 .swippart .swiper4 {
        margin: 2.083333333vw 0 0 0;
    }

    .huawei-honeyproject .honeyproject-section5 .s5img video {
        height: auto;
    }

    .huawei-honeyproject .honeyproject-section4 .swiper1 .swiper-slide:nth-child(2) .s2slides {
        display: none;
    }
}


@media screen and (min-width: 1025px) and (max-width: 1600px) and (max-aspect-ratio: 1346/816) {
    .huawei-honeyproject .honeyproject-section4 .txtcc {
        top: 27.222222%;
    }
}

.honeyproject-section3 .s3titlec .common-desc{
    display: none !important;
}