#changxiang70x *,
#changxiang70x *::before,
#changxiang70x *::after {
    box-sizing: border-box
}

#changxiang70x {
    line-height: 1.6
}

#changxiang70x .section {
    position: relative
}

#changxiang70x .hidden {
    display: none
}

#changxiang70x .space-190 {
    height: 9.895833vw
}

#changxiang70x .space-200 {
    height: 10.416667vw
}

#changxiang70x .space-240 {
    height: 12.5vw
}

#changxiang70x .space-50vh {
    height: 50vh
}

#changxiang70x .space-100vh {
    height: 100vh
}

#changxiang70x .space-25vh {
    height: 25vh
}

@keyframes wave {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: scale(0.75)
    }

    100% {
        opacity: 0;
        transform: scale(1.3)
    }
}

#changxiang70x .sticky-container {
    position: sticky;
    top: 0
}

#changxiang70x sup {
    font-size: .6em;
    cursor: pointer;
    display: inline-block;
    color: inherit
}

#changxiang70x img,
#changxiang70x video,
#changxiang70x canvas {
    display: block;
    width: 100%
}

#changxiang70x picture {
    width: 100%
}

#changxiang70x .text-white {
    color: #fff
}

#changxiang70x .text-black {
    color: #000
}

#changxiang70x .text-gradient {
    display: inline-block;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image: linear-gradient(to top, #AF9762 0%, #EBDEC1 100%);
    background-size: 100% 100%
}

#changxiang70x .text-grey {
    color: #797c80
}

#changxiang70x svg {
    overflow: visible
}

#changxiang70x [data-footnote] {
    font-size: .6em;
    cursor: pointer
}

#changxiang70x .nowrap {
    display: inline-block;
    white-space: nowrap
}

#changxiang70x .sticky-content {
    position: sticky;
    top: 0
}

#changxiang70x .row {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

#changxiang70x .media-container {
    position: relative
}

#changxiang70x .object-fit {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

#changxiang70x .cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#changxiang70x .blur-up {
    transition: filter .4s;
    filter: blur(20px)
}

#changxiang70x .blur-up.lazyloaded {
    filter: blur(0)
}

#changxiang70x h2 {
    font-size: 3.125vw;
    line-height: 1.25
}

#changxiang70x .headline {
    line-height: 1.25
}

#changxiang70x .text-16 {
    font-size: .833333vw
}

#changxiang70x .text-18 {
    font-size: .9375vw
}

#changxiang70x .text-20 {
    font-size: 1.041667vw
}

#changxiang70x .text-22 {
    font-size: 1.145833vw
}

#changxiang70x .text-24 {
    font-size: 1.25vw
}

#changxiang70x .text-28 {
    font-size: 1.458333vw
}

#changxiang70x .text-32 {
    font-size: 1.666667vw
}

#changxiang70x .text-40 {
    font-size: 2.083333vw
}

#changxiang70x .text-48 {
    font-size: 2.5vw
}

#changxiang70x .text-56 {
    font-size: 2.916667vw
}

#changxiang70x .text-64 {
    font-size: 3.333333vw
}

#changxiang70x .text-80 {
    font-size: 4.166667vw
}

#changxiang70x .text-96 {
    font-size: 5vw;
    line-height: 1.25;
    font-weight: bold
}

#changxiang70x .mtop-32 {
    margin-top: 1.666667vw
}

#changxiang70x .mtop-40 {
    margin-top: 2.083333vw
}

#changxiang70x .tl {
    text-align: left
}

#changxiang70x .fb {
    font-weight: bold
}

#changxiang70x .hidden-web {
    display: none
}

#changxiang70x .section-headline .text-to-right {
    background-image: linear-gradient(to left, #F9E5B8 0%, #D3B271 30%, #D3B271 80%, #F9E5B8 100%);
    background-size: 200% 100%;
    background-position: 200% 100%;
    transition-duration: 1.3s
}

#changxiang70x .section-headline .text-to-left {
    background-image: linear-gradient(to left, #F9E5B8 0%, #D3B271 30%, #D3B271 80%, #F9E5B8 100%);
    background-size: 200% 100%;
    background-position: 200% 100%;
    transition-duration: 1.3s
}

#changxiang70x .section-headline.active .text-to-right {
    background-image: linear-gradient(to left, #F9E5B8 0%, #D3B271 5%, #D3B271 30%, #F9E5B8 100%);
    background-position: 100% 100%
}

#changxiang70x .section-headline.active .text-to-left {
    background-image: linear-gradient(to left, #F9E5B8 0%, #D3B271 5%, #D3B271 30%, #F9E5B8 100%);
    background-position: 100% 100%
}

#changxiang70x .section-hero {
    position: relative
}

#changxiang70x .section-hero .hero-picture::before {
    padding-bottom: 50%
}

#changxiang70x .section-hero .hero-content {
    position: absolute;
    top: 0;
    right: 11.979167vw;
    bottom: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 28.25vw;
    padding-bottom: 1.5625vw
}

#changxiang70x .section-hero .hero-logo {
    width: 27.604167vw
}

#changxiang70x .section-hero .hero-logo::before {
    padding-bottom: 14.5000997413%
}

#changxiang70x .section-hero .hero-headline {
    letter-spacing: .73745vw;
    margin-top: 1.5625vw;
    font-size: 2.34375vw
}

#changxiang70x .section-hero .hero-headline sup {
    display: inline;
    letter-spacing: 0
}

#changxiang70x .section-hero .hero-ksp {
    margin-top: 1.041667vw;
    font-size: .885417vw;
    font-weight: 500;
    color: #000;
    text-align: center
}

#changxiang70x .section-hero .harmonyos-cta {
    position: absolute;
    right: 3.125vw;
    bottom: 3.125vw;
    display: block;
    width: 8.177083vw
}

#changxiang70x .section-hero .hero-sku {
    margin-top: 3.333333vw;
    text-align: center
}

#changxiang70x .section-hero .hero-sku .pricing {
    font-size: 1.458333vw;
    line-height: 1.25;
    color: #000
}

#changxiang70x .section-hero .hero-sku .from {
    font-size: .677083vw
}

#changxiang70x .section-hero .hero-sku [data-footnote] {
    font-size: 1em;
    vertical-align: inherit
}

#changxiang70x .section-hero .hero-sku .buy-cta {
    display: inline-block;
    margin-top: 24px;
    padding: 8px 22px;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    transition: opacity 300ms ease-out;
    color: #fff;
    border-radius: 6px;
    background-color: #000;
}

#changxiang70x .section-hero .hero-sku .buy-cta:hover {
    opacity: .8
}

#changxiang70x .section-reasons {
    width: 100%;
    position: relative;
    padding: 8.333333vw 0 10.416667vw;
    overflow: hidden;
    background: linear-gradient(to bottom, #F5EFE1, #FFFFFF);
}

#changxiang70x .section-reasons .swiper-slide {
    width: 67.5vw;
    border-radius: .833333vw;
    margin: auto 1.6666vw;
    transition: none;
    position: relative;
    overflow: hidden;
}

#changxiang70x .section-reasons .swiper-slide .reasons-con {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: .833333vw
}

#changxiang70x .section-reasons .swiper-slide .reasons-con .section-des {
    position: absolute;
    left: 2.5vw;
    bottom: 1.666667vw;
    z-index: 2;
}

#changxiang70x .section-reasons .swiper-slide1 .reasons-con .section-des {
    color: rgba(255, 255, 255, .6);
}

#changxiang70x .section-reasons .swiper-slide2 .reasons-con .section-des {
    color: rgba(0, 0, 0, .6);
}

#changxiang70x .section-reasons .swiper-slide4 .reasons-con .section-des {
    color: rgba(0, 0, 0, .6);
}

#changxiang70x .section-reasons .swiper-slide .reasons-title {
    width: 80%;
    position: absolute;
    top: 2.291667vw;
    left: 2.5vw;
    will-change: opacity, transform;
    transform: translateX(30px) translateZ(1px);
    transition-duration: .8s
}

#changxiang70x .section-reasons .swiper-slide .reasons-title p {
    line-height: 1.25
}

#changxiang70x .section-reasons .swiper-slide-active .reasons-satellite {
    transform: translate(0, 0) scale(1);
    transition-delay: .6s
}

#changxiang70x .section-reasons .swiper-slide-active .reasons-title {
    transform: translateX(0) translateZ(1px)
}

#changxiang70x .section-reasons .swiper-slide4 {
    background-color: #fff
}

#changxiang70x .section-reasons .swiper-slide-active .reasons-title {
    opacity: 1;
    transform: translateX(0) translateZ(1px)
}

#changxiang70x .section-reasons.active .swiper-slide0 .text-22 {
    opacity: 1
}

#changxiang70x .section-reasons.active .swiper-slide0 .text-32 {
    opacity: 1
}

#changxiang70x .section-reasons .swiper-slide-prev {
    cursor: pointer
}

#changxiang70x .section-reasons .swiper-slide-next {
    cursor: pointer
}

#changxiang70x .section-reasons .swiper-button-center {
    width: 15.625vw;
    margin: 0 auto;
    height: 3.33vw;
    background-color: #F5EFE1;
    border-radius: 1.66vw;
    position: relative;
    margin-top: 2.08333vw
}

#changxiang70x .section-reasons .swiper-button-center .swiper-pagination {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center
}

#changxiang70x .section-reasons .swiper-button-center .swiper-pagination-bullet {
    width: .52vw;
    height: .52vw;
    margin: auto .26vw;
    background: #000;
    transition: all .8s;
    opacity: .2
}

#changxiang70x .section-reasons .swiper-button-center .swiper-pagination-bullet-active {
    background-color: #000;
    opacity: .8;
    transition: all .8s
}

#changxiang70x .section-reasons .swiper-button-center .swiper-button-prev {
    left: 1.8vw;
    color: #18191a;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .3s
}

#changxiang70x .section-reasons .swiper-button-center .swiper-button-prev::after {
    content: ""
}

#changxiang70x .section-reasons .swiper-button-center .swiper-button-prev svg {
    width: 100%;
    height: 100%
}

#changxiang70x .section-reasons .swiper-button-center .swiper-button-next {
    right: 1.8vw;
    color: #18191a;
    width: .7364583vw;
    height: 1.178646vw;
    font-weight: bold;
    margin: 0;
    transform: translateY(-50%);
    transition-duration: .6s
}

#changxiang70x .section-reasons .swiper-button-center .swiper-button-next:hover,
#changxiang70x .section-reasons .swiper-button-center .swiper-button-prev:hover {
    opacity: .6;
}

#changxiang70x .section-reasons .swiper-button-center .swiper-button-next svg {
    width: 100%;
    height: 100%
}

#changxiang70x .section-reasons .swiper-button-center .swiper-button-next::after {
    content: ""
}

#changxiang70x .section-reasons .reasons-wrap {
    width: 67.5vw;
    height: 38.020833vw;
    border-radius: .833333vw;
    text-align: center;
    position: relative
}

#changxiang70x .section-reasons .reasons-wrap img {
    transform-origin: top
}

#changxiang70x .section-reasons .reasons-satellite {
    position: absolute;
    width: 17.173438vw;
    right: 5.989583vw;
    top: 5.208333vw;
    transform: translate(-3vw, 5vw) scale(0.8);
    transition-duration: .8s
}

#changxiang70x .section-reasons .reasons-wave {
    position: absolute;
    top: 18vw;
    left: 23.541667vw;
    width: 5.581771vw;
    display: flex;
    align-items: center;
    justify-content: center
}

#changxiang70x .section-reasons .reasons-wave .reasons-wave-img {
    position: absolute;
    transform-origin: center
}

#changxiang70x .section-reasons .reasons-wave .reasons-wave-img-1 {
    width: 5.581771vw;
    animation: wave 2s linear infinite 0s;
    transform: scale(0)
}

#changxiang70x .section-reasons .reasons-wave .reasons-wave-img-2 {
    width: 3.922917vw;
    animation: wave 2s linear infinite 0s
}

#changxiang70x .section-reasons .reasons-wave .reasons-wave-img-3 {
    width: 1.953125vw;
    animation: wave 2s linear infinite 0s;
    transform: scale(0)
}

#changxiang70x .section-reasons .reasons-icon {
    width: 54.84375vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

#changxiang70x .section-reasons .reasons-wave2 {
    position: absolute;
    width: 41.032292vw;
    top: 50%;
    transform: translateY(-50%);
    left: -1.942708vw;
    display: flex;
    z-index: -1;
    justify-content: center;
    align-items: center;
    height: 100%
}

#changxiang70x .section-reasons .reasons-wave2 .reasons-wave2-img {
    flex-shrink: 0;
    position: absolute;
    transform: scale(0);
    transform-origin: center
}

#changxiang70x .section-reasons .reasons-wave2 .reasons-wave2-img1 {
    width: 41.032292vw;
    top: 0;
    left: 0;
    animation: wave 2s linear infinite 0s
}

#changxiang70x .section-reasons .reasons-wave2 .reasons-wave2-img2 {
    width: 30.325521vw;
    top: auto;
    left: 10.3125vw;
    animation: wave 2s linear infinite 0s
}

#changxiang70x .section-reasons .reasons-wave2 .reasons-wave2-img3 {
    width: 19.774479vw;
    top: auto;
    left: 19.546875vw;
    animation: wave 2s linear infinite 0s
}

#changxiang70x .section-reasons .reasons-wave3 {
    position: absolute;
    width: 41.032292vw;
    top: 50%;
    transform: translateY(-50%);
    right: -1.942708vw;
    display: flex;
    z-index: -1;
    justify-content: center;
    align-items: center;
    height: 100%
}

#changxiang70x .section-reasons .reasons-wave3 .reasons-wave3-img {
    flex-shrink: 0;
    position: absolute;
    transform: scale(0);
    transform-origin: center
}

#changxiang70x .section-reasons .reasons-wave3 .reasons-wave3-img1 {
    width: 41.032292vw;
    top: 0;
    right: 0;
    animation: wave 2s linear infinite 0s
}

#changxiang70x .section-reasons .reasons-wave3 .reasons-wave3-img2 {
    width: 30.325521vw;
    top: auto;
    right: 10.3125vw;
    animation: wave 2s linear infinite 0s
}

#changxiang70x .section-reasons .reasons-wave3 .reasons-wave3-img3 {
    width: 19.774479vw;
    top: auto;
    right: 19.546875vw;
    animation: wave 2s linear infinite 0s
}

#changxiang70x .section-design .design-title {
    opacity: 0;
    transition-duration: .3s;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

#changxiang70x .section-design .design-title .design-text-left {
    transform: translateX(-10vw);
    transition-duration: .8s
}

#changxiang70x .section-design .design-title .design-text-right {
    transform: translateX(10vw);
    transition-duration: .8s
}

#changxiang70x .section-design .swiper-slide {
    position: relative
}

#changxiang70x .section-design .swiper-slide-active .design-title {
    opacity: 1
}

#changxiang70x .section-design .swiper-slide-active .design-text-left {
    transform: translateX(0);
    transition-duration: .8s
}

#changxiang70x .section-design .swiper-slide-active .design-text-right {
    transform: translateX(0);
    transition-duration: .8s
}

#changxiang70x .section-design .swiper-slide0 .section-des {
    position: absolute;
    right: 9.375vw;
    bottom: 1.666667vw;
    color: #797c80
}

#changxiang70x .section-design .swiper-slide0 .design-title {
    display: flex;
    align-items: center
}

#changxiang70x .section-design .swiper-slide0 .design-title .design-text-left {
    position: absolute;
    top: auto;
    left: 9.375vw;
    background-image: linear-gradient(101deg, #99D4D6 0%, #78BDBF 20%, #D3B271 60%, #99D4D6 100%);
    background-size: 200% 100%;
    background-position-x: 200%;
    transition-duration: 1.2s
}

#changxiang70x .section-design .swiper-slide0 .design-title .design-text-right {
    position: absolute;
    top: auto;
    right: 9.375vw;
    background-image: linear-gradient(101deg, #99D4D6 0%, #78BDBF 20%, #D3B271 60%, #99D4D6 100%);
    background-size: 200% 100%;
    background-position-x: 200%;
    transition-duration: 1.2s
}

#changxiang70x .section-design .swiper-slide0.swiper-slide-active .design-text-left {
    background-image: linear-gradient(101deg, #99D4D6 0%, #D3B271 80%, #99D4D6 100%);
    background-position-x: 100%
}

#changxiang70x .section-design .swiper-slide0.swiper-slide-active .design-text-right {
    background-image: linear-gradient(101deg, #99D4D6 0%, #D3B271 80%, #99D4D6 100%);
    background-position-x: 100%
}

#changxiang70x .section-design .swiper-slide1 .section-des {
    position: absolute;
    right: 9.375vw;
    bottom: 1.666667vw;
    color: #a5a5a5
}

#changxiang70x .section-design .swiper-slide1 .design-title .design-text-left {
    position: absolute;
    top: 8.177083vw;
    left: 35.520833vw;
    background-image: linear-gradient(101deg, #ABCFA5 0%, #8CB286 20%, #6A8A65 60%, #ABCFA5 100%);
    background-size: 200% 100%;
    background-position-x: 200%;
    transition-duration: 1.2s
}

#changxiang70x .section-design .swiper-slide1 .design-title .design-text-right {
    position: absolute;
    top: 13.932292vw;
    right: 35.119792vw;
    background-image: linear-gradient(101deg, #ABCFA5 0%, #8CB286 20%, #6A8A65 60%, #ABCFA5 100%);
    background-size: 200% 100%;
    background-position-x: 200%;
    transition-duration: 1.2s
}

#changxiang70x .section-design .swiper-slide1.swiper-slide-active .design-text-left {
    background-image: linear-gradient(101deg, #ABCFA5 0%, #6A8A65 80%, #ABCFA5 100%);
    background-position-x: 100%
}

#changxiang70x .section-design .swiper-slide1.swiper-slide-active .design-text-right {
    background-image: linear-gradient(101deg, #ABCFA5 0%, #6A8A65 80%, #ABCFA5 100%);
    background-position-x: 100%
}

#changxiang70x .section-design .design-switch-container {
    display: flex;
    justify-content: center;
    margin-top: 3.333333vw;
    position: relative;
    z-index: 2
}

#changxiang70x .section-design .design-switch-btn-container {
    background-color: #eaf4f4;
    border-radius: 1.77vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14.375vw;
    height: 3.5416vw;
    position: relative;
    z-index: 3
}

#changxiang70x .section-design .design-switch-btn-container::before {
    background-color: #D3B271;
    border-radius: 1.5625vw;
    content: "";
    display: block;
    position: absolute;
    top: .3125vw;
    left: .3125vw;
    width: 6.66vw;
    height: 2.916vw;
    transform: translateX(0);
    transition: transform .3s ease
}

#changxiang70x .section-design .design-switch-btn-container[data-active="0"]::before {
    transform: translateX(0%)
}

#changxiang70x .section-design .design-switch-btn-container[data-active="1"]::before {
    transform: translateX(106%)
}

#changxiang70x .section-design .design-switch-btn-container[data-active="0"] .design-switch-btn-left {
    color: #fff
}

#changxiang70x .section-design .design-switch-btn-container[data-active="1"] .design-switch-btn-right {
    color: #fff
}

#changxiang70x .section-design .design-switch-btn {
    color: #D3B271;
    cursor: pointer;
    font-size: 1.04vw;
    margin-right: 2.916667vw;
    position: relative;
    transition: color .3s ease;
    z-index: 2
}

#changxiang70x .section-design .design-switch-btn:last-child {
    margin-right: 0
}

#changxiang70x .section-color {
    width: 81.25vw;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

#changxiang70x .section-color .swiper-effect-text {
    position: relative;
    margin-top: 2.5vw
}

#changxiang70x .section-color .swiper-effect-text-1 .color-name {
    background-image: linear-gradient(to bottom, #D3B271 0%, #D9C597 66%, #D3B271 100%)
}

#changxiang70x .section-color .swiper-effect-text-2 .color-name {
    background-image: linear-gradient(135deg, #51A7DF 0%, #7EC3F3 66%, #51A7DF 100%)
}

#changxiang70x .section-color .swiper-effect-text-3 .color-name {
    background-image: linear-gradient(135deg, #343434 0%, #7B7B7B 66%, #343434 100%)
}

#changxiang70x .section-color .swiper-effect-text-4 .color-name {
    background-image: linear-gradient(135deg, #6A8A65 0%, #8CB286 66%, #6A8A65 100%)
}

#changxiang70x .section-color .swiper-effect-btn {
    bottom: auto;
    top: 45.135417vw;
    right: .520833vw;
    width: auto;
    height: auto;
    position: absolute;
    z-index: 1;
    font-size: 0
}

#changxiang70x .section-color .swiper-effect-btn .section-color-btn-txt {
    font-size: 1.458333vw;
    font-weight: bold;
    line-height: 1.25;
    margin-right: 1.25vw;
    position: relative;
}

#changxiang70x .section-color .swiper-effect-btn .section-color-btn-txt span {
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    opacity: 0;
    transition: opacity 800ms;
}

#changxiang70x .section-color .swiper-effect-btn .section-color-btn-txt span.active {
    opacity: 1;
}

#changxiang70x .section-color .swiper-effect-btn .section-color-btn-txt span:nth-child(1) {
    background-image: linear-gradient(to top, #D3B271 0%, #D9C597 50%, #D3B271 100%);
}

#changxiang70x .section-color .swiper-effect-btn .section-color-btn-txt span:nth-child(2) {
    background-image: linear-gradient(-45deg, #51A7DF 0%, #7EC3F3 50%, #51A7DF 100%);
    position: absolute;
    top: 0;
    left: 0;
}

#changxiang70x .section-color .swiper-effect-btn .section-color-btn-txt span:nth-child(3) {
    background-image: linear-gradient(-45deg, #262729 0%, #656669 50%, #262729 100%);
    position: absolute;
    top: 0;
    left: 0;
}

#changxiang70x .section-color .color-name {
    font-weight: bold;
    line-height: 1.25;
    margin-right: 2.083333vw
}

#changxiang70x .section-color .swiper-pagination-bullet {
    width: 1.875vw;
    height: 1.875vw;
    background: none;
    transition-duration: .5s;
    opacity: 1;
    margin: 0;
}

#changxiang70x .section-color .swiper-pagination-bullet:nth-child(2) {
    margin: 0 1.5625vw;
}

#changxiang70x .section-color .swiper-pagination-bullet .color-name {
    line-height: 1.6;
    opacity: 0;
    transition-duration: .5s;
    font-weight: bold;
    pointer-events: none
}

#changxiang70x .section-color .swiper-pagination-bullet:nth-child(1) .inside-circle {
    background: linear-gradient(-45deg, #AE9661 0%, #E1C891 50%, #AE9661 100%)
}

#changxiang70x .section-color .swiper-pagination-bullet:nth-child(2) .inside-circle {
    background: linear-gradient(-45deg, #51A7DF 0%, #7EC3F3 50%, #51A7DF 100%)
}

#changxiang70x .section-color .swiper-pagination-bullet:nth-child(3) .inside-circle {
    background: linear-gradient(-45deg, #262729 0%, #656669 50%, #262729 100%)
}

#changxiang70x .section-color .swiper-pagination-bullet:nth-child(4) .inside-circle {
    background: linear-gradient(-45deg, #6A8A65 0%, #8CB286 50%, #6A8A65 100%)
}

#changxiang70x .section-color .swiper-pagination-bullet .outside-circle {
    border: .104167vw solid rgba(0, 0, 0, 0);
    padding: .15625vw;
    transition-duration: .3s
}

#changxiang70x .section-color .swiper-pagination-bullet:last-child {
    margin-right: 0
}

#changxiang70x .section-color .swiper-pagination-bullet-active .color-name {
    opacity: 1;
    font-weight: bold
}

#changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(1) .outside-circle {
    border: .104167vw solid #C9A874
}

#changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(2) .outside-circle {
    border: .104167vw solid #61B2E7
}

#changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(3) .outside-circle {
    border: .104167vw solid #262729
}

#changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(4) .outside-circle {
    border: .104167vw solid #6a8a65
}

#changxiang70x .section-color .color-pagination {
    display: flex;
    align-items: center;
    width: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    position: relative
}

#changxiang70x .section-color .color-pagination .outside-circle {
    display: inline-flex;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    margin: 0;
    cursor: pointer
}

#changxiang70x .section-color .color-pagination .inside-circle {
    display: inline-flex;
    width: 1.354167vw;
    height: 1.354167vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    align-items: center
}

#changxiang70x .section-color .color-pagination .color-name {
    position: absolute;
    width: auto;
    left: auto;
    right: 11.875vw;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

#changxiang70x .section-color .color-pagination .color-bullet {
    display: flex;
    align-items: center
}

#changxiang70x .section-connection {
    width: 100%;
    overflow: hidden
}

#changxiang70x .section-connection .connection-subtitle-border {
    position: relative;
    background-image: linear-gradient(90deg, #D3B271 0%, #78BDBF 50%, #D3B271 100%);
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto 1.666667vw;
    border-radius: 2.395833vw;
    transition-duration: .8s
}

#changxiang70x .section-connection .connection-subtitle-border::before {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #fff;
    border-radius: 2.395833vw
}

#changxiang70x .section-connection .connection-subtitle {
    font-size: 1.458333vw;
    font-weight: bold;
    line-height: 1.25;
    padding: .9375vw 1.5625vw;
    background-image: linear-gradient(90deg, #D3B271 0%, #78BDBF 50%, #D3B271 100%);
    position: relative
}

#changxiang70x .section-connection .section-content {
    text-align: center
}

#changxiang70x .section-connection .connection-image {
    width: 100%;
    margin-top: 4.270833vw;
    display: flex;
    align-items: center;
    position: relative;
}

#changxiang70x .section-connection .connection-image .section-des {
    position: absolute;
    left: 16.25vw;
    bottom: 2.5vw;
    z-index: 2;
    color: rgba(255, 255, 255, .6);
}

#changxiang70x .section-connection .connection-image picture {
    width: 100%
}

#changxiang70x .section-connection .connection-image.active .connection-con {
    transform: translateY(0);
    opacity: 1
}

#changxiang70x .section-connection .connection-con {
    position: absolute;
    width: 28.75vw;
    left: 16.25vw;
    opacity: 0;
    transform: translateY(6vw);
    transition-duration: .8s;
    color: rgba(255, 255, 255, .6)
}

#changxiang70x .section-connection .connection-con span {
    color: #fff
}

#changxiang70x .section-communication .video-pop-play {
    position: absolute;
    right: 2.5vw;
    bottom: 2.5vw;
    transition-duration: .8s;
    cursor: pointer
}

#changxiang70x .section-communication .common-popup-btn {
    display: flex;
    align-items: center;
    justify-content: center
}

#changxiang70x .section-communication .common-popup-btn span {
    margin-right: .416667vw
}

#changxiang70x .section-communication .common-popup-btn svg {
    width: 2.916667vw;
    height: 2.916667vw
}

#changxiang70x .section-communication .communication-title {
    position: absolute;
    top: 4.739583vw;
    line-height: 1.25;
    left: 16.25vw;
    transform: translateY(7vw);
    transition-duration: .8s;
    opacity: 0;
    z-index: 2
}

#changxiang70x .section-communication .communication-video {
    transform: scale(0.75);
    transition-duration: .8s
}

#changxiang70x .section-communication .section-des {
    position: absolute;
    left: 16.25vw;
    top: 52.083333vw;
    z-index: 2;
    color: rgba(255, 255, 255, .6);
    opacity: 0;
    transition-duration: .8s
}

#changxiang70x .section-communication.active .communication-title {
    transform: translateY(0);
    opacity: 1
}

#changxiang70x .section-communication.active .communication-video {
    transform: scale(1)
}

#changxiang70x .section-communication.active .section-des {
    opacity: 1;
}

#changxiang70x .section-communication.active .video-pop-play {
    right: 6.666667vw
}

#changxiang70x .section-communication .communication-items {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 81.25vw;
    margin-top: 2.760417vw;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    z-index: 2
}

#changxiang70x .section-communication .communication-items .communication-item {
    margin-right: 2.083333vw;
    display: flex;
    flex-direction: row
}

#changxiang70x .section-communication .communication-items .communication-item .communication-headline {
    line-height: 1.25;
    width: auto;
    font-weight: bold
}

#changxiang70x .section-communication .communication-items .communication-item:last-child {
    margin-right: 0
}

#changxiang70x .section-communication .communication-items .communication-left-icon {
    width: 3.333333vw;
    margin-right: .833333vw
}

#changxiang70x .section-communication .communication-items .communication-right-content p {
    margin-top: .729167vw;
    opacity: .7
}

#changxiang70x .section-battery .battery-con {
    position: absolute;
    top: 10.416667vw;
    left: 16.302083vw;
    width: 68.75vw;
    display: flex;
    align-items: center;
    align-items: flex-start;
    z-index: 2;
    flex-direction: column;
    justify-content: flex-start;
    z-index: 2
}

#changxiang70x .section-battery .battery-text {
    width: 27.447917vw;
    color: #797c80;
    margin-left: auto;
    margin-left: 0;
    margin-top: 2.083333vw
}

#changxiang70x .section-battery .battery-image {
    width: 100%
}

#changxiang70x .section-battery .battery-image .section-des {
    position: absolute;
    right: 9.375vw;
    bottom: 1.666667vw;
    z-index: 2;
    color: rgba(255, 255, 255, .6);
}

#changxiang70x .section-battery .battery-items {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 74.375vw;
    margin-top: -2.760417vw;
    margin-left: 16.25vw;
    margin-right: auto;
    justify-content: center;
    z-index: 2
}

#changxiang70x .section-battery .battery-items .battery-item {
    margin-right: 8.125vw;
    display: flex;
    flex-direction: column
}

#changxiang70x .section-battery .battery-items .battery-item .battery-headline {
    line-height: 1.25;
    width: auto
}

#changxiang70x .section-battery .battery-items .battery-item:last-child {
    margin-right: 0
}

#changxiang70x .section-battery .battery-items .battery-item p {
    margin-top: 1.302083vw;
    color: #797c80
}

#changxiang70x .section-battery2 .section-content {
    width: 81.25vw;
    margin-left: auto;
    margin-right: auto
}

#changxiang70x .section-battery2 .battery2-con {
    width: 100%;
    text-align: center
}

#changxiang70x .section-battery2 .battery2-con .text-64 {
    line-height: 1.25
}

#changxiang70x .section-battery2 .battery2-swiper {
    width: 81.25vw;
    margin-top: 2.5vw
}

#changxiang70x .section-battery2 .battery2-swiper .section-des {
    width: 100%;
    margin-top: 1.666667vw;
    text-align: right;
}

#changxiang70x .section-battery2 .battery2-swiper .swiper-slide {
    width: 19.375vw;
    margin-right: 1.25vw
}

#changxiang70x .section-battery2 .battery2-swiper .swiper-slide:last-child {
    margin-right: 0
}

#changxiang70x .section-battery2 .battery2-swiper .swiper-battery2-text {
    position: absolute;
    left: 2.5vw;
    bottom: 2.083333vw;
    display: flex;
    flex-direction: column
}

#changxiang70x .section-battery2 .battery2-swiper .text-24 {
    color: #fff;
    opacity: .7
}

#changxiang70x .section-battery2 .battery2-swiper .battery2-bottom {
    line-height: 1.25;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #EBDEC1, #AF9762)
}

#changxiang70x .section-battery2 .battery2-swiper .battery2-bottom span {
    vertical-align: middle
}

#changxiang70x .section-battery2 .battery2-image {
    position: relative;
    margin-top: 2.604167vw
}

#changxiang70x .section-battery2 .battery2-image-dark {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition-duration: 1.2s
}

#changxiang70x .section-battery2.active .battery2-image-dark {
    opacity: 1
}

#changxiang70x .section-battery2 .media-container {
    position: absolute;
    width: 42.239583vw;
    top: 16.666667vw;
    left: 50%;
    transform: translateX(-50%)
}

#changxiang70x .section-battery2 .battery2-items {
    position: absolute;
    display: flex;
    align-items: flex-start;
    width: 100%;
    top: 6.25vw;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
    z-index: 2
}

#changxiang70x .section-battery2 .battery2-items .battery2-item {
    margin-right: 6.25vw;
    display: flex;
    flex-direction: column
}

#changxiang70x .section-battery2 .battery2-items .battery2-item .battery2-headline {
    line-height: 1.25;
    width: auto
}

#changxiang70x .section-battery2 .battery2-items .battery2-item:last-child {
    margin-right: 0
}

#changxiang70x .section-oled .section-content {
    position: relative
}

#changxiang70x .section-oled .section-content .section-des {
    width: auto;
    text-align: right;
    margin-top: 1.666667vw;
    margin-right: 9.375vw;
}

#changxiang70x .section-oled .oled-con {
    position: relative;
    z-index: 3;
    width: 42.239583vw;
    margin: 2.083333vw auto .520833vw;
    text-align: center
}

#changxiang70x .section-oled .oled-image {
    width: 75.416667vw;
    margin: -9.5vw auto 0
}

#changxiang70x .section-oled .oled-bg {
    width: 100%;
    position: relative
}

#changxiang70x .section-oled .oled-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, #D8BC84 0%, #FFFFFF 100%);
    opacity: .2
}

#changxiang70x .section-oled .oled-items {
    position: relative;
    display: flex;
    align-items: flex-start;
    width: 54.6875vw;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    z-index: 2
}

#changxiang70x .section-oled .oled-items .oled-item {
    width: 15.817708vw;
    margin-right: 2.395833vw;
    padding-top: 4.166667vw;
    display: flex;
    flex-direction: column
}

#changxiang70x .section-oled .oled-items .oled-item .oled-headline {
    line-height: 1.25;
    width: auto;
    background-image: linear-gradient(to top, #AF9762 0%, #EBDEC1 100%)
}

#changxiang70x .section-oled .oled-items .oled-item p {
    color: #737679;
    margin-top: .833333vw
}

#changxiang70x .section-oled .oled-items .oled-item-1,
#changxiang70x .section-oled .oled-items .oled-item-4 {
    width: 13.316667vw
}

#changxiang70x .section-oled .oled-items .oled-item-2,
#changxiang70x .section-oled .oled-items .oled-item-5 {
    width: 8.752604vw
}

#changxiang70x .section-oled .oled-items .oled-item-3 {
    margin-right: 0
}

#changxiang70x .section-oled .oled-items .oled-item-6 {
    margin-right: 0
}

#changxiang70x .section-contrast {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2), rgba(216, 188, 132, 0.2));
    padding-top: 10.416667vw;
    padding-bottom: 4.375vw
}

#changxiang70x .section-contrast .section-des {
    position: absolute;
    left: 9.375vw;
    bottom: 1.666667vw
}

#changxiang70x .section-contrast .section-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 81.302083vw;
    margin: 0 auto
}

#changxiang70x .section-contrast .section-content .contrast-con {
    width: 81.302083vw;
    margin-right: auto;
    display: flex
}

#changxiang70x .section-contrast .section-content .contrast-image {
    width: 46.875vw;
    border-radius: .885417vw;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    position: relative
}

#changxiang70x .section-contrast .section-content .contrast-tablist {
    width: 27.916667vw;
    margin-left: 6.510417vw
}

#changxiang70x .section-contrast .section-content .contrast-tablist .contrast-swiper .swiper-wrapper {
    flex-direction: column
}

#changxiang70x .section-contrast .section-content .contrast-tablist .swiper-slide {
    pointer-events: all
}

#changxiang70x .section-contrast .section-content .contrast-tablist .contrast-icon {
    position: relative
}

#changxiang70x .section-contrast .section-content .contrast-tablist .contrast-icon2 {
    position: absolute;
    top: 0;
    left: 0
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-tab-1 .contrast-tab-title {
    color: #000
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-tab-2 .contrast-tab-title {
    color: #797c80
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-tab-2 img {
    filter: grayscale(100%);
    opacity: .7
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-scrollbar-drag {
    transform: translateY(0)
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-2 .contrast-tab-title {
    color: #000
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-2 .contrast-tab-title img {
    filter: none;
    opacity: 1
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-1 .contrast-tab-title {
    color: #797c80
}

#changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-scrollbar-drag {
    height: calc(100% - 5.611979vw);
    transform: translateY(5.611979vw)
}

#changxiang70x .section-contrast .section-content .contrast-title {
    margin-top: 6.25vw;
    margin-bottom: 5.208333vw;
    line-height: 1.25
}

#changxiang70x .section-contrast .section-content .contrast-tab {
    padding-left: 1.666667vw
}

#changxiang70x .section-contrast .section-content .contrast-tab p {
    margin-top: .833333vw;
    color: #797c80
}

#changxiang70x .section-contrast .section-content .contrast-tab-2 {
    margin-top: 3.333333vw
}

#changxiang70x .section-contrast .section-content .contrast-tab-2 .contrast-tab-title {
    display: flex;
    align-items: center
}

#changxiang70x .section-contrast .section-content .contrast-tab-title {
    cursor: pointer;
    line-height: 1.25;
    transition-duration: .5s
}

#changxiang70x .section-contrast .section-content .contrast-tab-title:hover {
    opacity: .6;
}

#changxiang70x .section-contrast .section-content .contrast-tab-title img {
    width: 10.46875vw;
    margin-right: .625vw;
    filter: grayscale(100%);
    opacity: .7
}

#changxiang70x .section-contrast .section-content .contrast-tab-wrap {
    position: relative;
    height: auto;
    display: block
}

#changxiang70x .section-contrast .section-content .contrast-scrollbar {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 2px;
    background: #707070
}

#changxiang70x .section-contrast .section-content .contrast-scrollbar-drag {
    width: .208333vw;
    height: 6.611979vw;
    background-color: #D8BC84;
    position: absolute;
    top: 0;
    left: -0.078125vw;
    transition-duration: .5s
}

#changxiang70x .section-eyecare {
    overflow: hidden;
    padding-top: 6.25vw;
    padding-bottom: 13.177083vw
}

#changxiang70x .section-eyecare .section-des {
    position: absolute;
    right: 9.375vw;
    bottom: 10.416667vw;
    z-index: 3
}

#changxiang70x .section-eyecare .section-content {
    width: 88.489583vw;
    margin: 0 auto 0 8.854167vw
}

#changxiang70x .section-eyecare .section-content .eyecare-con {
    width: 100%;
    display: flex;
    align-items: center
}

#changxiang70x .section-eyecare .section-content .eyecare-left-top {
    width: 28.052604vw;
    position: absolute;
    top: auto;
    left: auto;
    margin-top: 4.166667vw
}

#changxiang70x .section-eyecare .section-content .eyecare-left {
    width: 28.052604vw;
    margin-right: 6.09375vw;
    margin-top: 15.3125vw
}

#changxiang70x .section-eyecare .section-content .eyecare-title {
    line-height: 1.25
}

#changxiang70x .section-eyecare .section-content .eyecare-swiper {
    width: 88.489583vw;
    margin-right: auto;
    display: flex;
    overflow: inherit
}

#changxiang70x .section-eyecare .section-content .swiper-slide {
    width: auto;
    background: #fff;
    padding-left: 1px
}

#changxiang70x .section-eyecare .section-content .swiper-slide1 img {
    width: 61.458333vw;
    margin-left: -7.291666vw;
    transform: translateY(3.645833vw)
}

#changxiang70x .section-eyecare .section-content .swiper-slide2 img {
    width: 46.875vw
}

#changxiang70x .section-eyecare .section-content .eyecare-bg {
    width: 61.458333vw;
    height: 34.427083vw;
    position: absolute;
    top: -2.552083vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}

#changxiang70x .section-eyecare .section-content .eyecare-bg img {
    width: 100%
}

#changxiang70x .section-eyecare .section-content .eyecare-image {
    width: 61.458333vw;
    border-radius: .885417vw;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
    position: relative
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist {
    width: 28.052604vw;
    margin-right: 6.09375vw;
    flex-shrink: 0;
    margin-left: 1px;
    z-index: 2
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist .swiper-wrapper {
    flex-direction: column
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist .swiper-slide {
    pointer-events: all
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist[data-index="1"] .eyecare-tab-1 .eyecare-tab-title {
    color: #000
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist[data-index="1"] .eyecare-tab-2 .eyecare-tab-title {
    color: #797c80
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist[data-index="1"] .eyecare-scrollbar-drag {
    transform: translateY(0)
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist[data-index="2"] .eyecare-tab-2 .eyecare-tab-title {
    color: #000
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist[data-index="2"] .eyecare-tab-1 .eyecare-tab-title {
    color: #797c80
}

#changxiang70x .section-eyecare .section-content .eyecare-tablist[data-index="2"] .eyecare-scrollbar-drag {
    height: calc(100% - 5.75vw);
    transform: translateY(5.75vw)
}

#changxiang70x .section-eyecare .section-content .eyecare-sgs {
    color: #797c80;
    margin-top: 1.302083vw;
    display: flex;
    align-items: center
}

#changxiang70x .section-eyecare .section-content .eyecare-sgs.hidden-web {
    display: none
}

#changxiang70x .section-eyecare .section-content .eyecare-sgs img {
    margin-right: .833333vw;
    width: 3.444271vw
}

#changxiang70x .section-eyecare .section-content .eyecare-tab {
    padding-left: 1.666667vw
}

#changxiang70x .section-eyecare .section-content .eyecare-tab p {
    margin-top: .833333vw;
    color: #797c80
}

#changxiang70x .section-eyecare .section-content .eyecare-tab-2 {
    margin-top: 3.333333vw
}

#changxiang70x .section-eyecare .section-content .eyecare-tab-title {
    cursor: pointer;
    line-height: 1.25;
    transition-duration: .5s
}

#changxiang70x .section-eyecare .section-content .eyecare-tab-title:hover {
    opacity: .6;
}

#changxiang70x .section-eyecare .section-content .eyecare-tab-wrap {
    position: relative
}

#changxiang70x .section-eyecare .section-content .eyecare-scrollbar {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 2px;
    background: #707070
}

#changxiang70x .section-eyecare .section-content .eyecare-scrollbar-drag {
    width: .208333vw;
    height: 8.501563vw;
    background-color: #D8BC84;
    position: absolute;
    top: 0;
    left: -0.078125vw;
    transition-duration: .5s
}

#changxiang70x .section-fuselage .sticky-container {
    top: -3vw
}

#changxiang70x .section-fuselage .fuselage-con {
    position: absolute;
    width: 33.447917vw;
    top: 12.604167vw;
    left: 18.854167vw;
    z-index: 2
}

#changxiang70x .section-fuselage .fuselage-con .text-64 {
    line-height: 1.25
}

#changxiang70x .section-fuselage .fuselage-con p,
#changxiang70x .section-fuselage .fuselage-con .fuselage-headline {
    color: #797c80
}

#changxiang70x .section-fuselage .fuselage-items {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: flex-start;
    margin-top: 8.541667vw;
    transform: translateX(-5vw);
    transition-duration: .8s;
    opacity: 0
}

#changxiang70x .section-fuselage .fuselage-items .fuselage-item {
    margin-right: 4.5875vw;
    display: flex;
    flex-direction: column
}

#changxiang70x .section-fuselage .fuselage-items .fuselage-item .fuselage-headline {
    line-height: 1.25;
    width: auto
}

#changxiang70x .section-fuselage .fuselage-items .fuselage-item:last-child {
    margin-right: 0
}

#changxiang70x .section-fuselage .fuselage-items .fuselage-item p {
    color: #969699;
    margin-top: 1.041667vw
}

#changxiang70x .section-fuselage .fuselage-des {
    transform: translateX(-5vw);
    transition-duration: .8s;
    opacity: 0
}

#changxiang70x .section-fuselage .fuselage-title {
    transform: translateX(-5vw);
    transition-duration: .8s;
    opacity: 0
}

#changxiang70x .section-fuselage .fuselage-image {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

#changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg {
    width: 100%
}

#changxiang70x .section-fuselage .fuselage-image .fuselage-image-shadow {
    width: 29.502083vw;
    position: absolute;
    top: 68%;
    left: 19%;
    z-index: -1;
    opacity: 0;
    transition-duration: .8s
}

#changxiang70x .section-fuselage .fuselage-image .fuselage-image-phone {
    width: 27.171354vw;
    position: absolute;
    top: 12.53125vw;
    left: 56.643229vw;
    transform: rotate(18deg);
    transition-duration: .8s;
    transform-origin: right bottom;
    opacity: 0
}

#changxiang70x .section-fuselage .fuselage-image .fuselage-icon {
    width: 13.75vw;
    position: absolute;
    top: auto;
    opacity: 0;
    transition-duration: .8s
}

#changxiang70x .section-fuselage .fuselage-image .fuselage-left-icon {
    left: 16.666667vw;
    transform: translateX(-5vw)
}

#changxiang70x .section-fuselage .fuselage-image .fuselage-right-icon {
    left: 35vw;
    transform: translateX(-5vw)
}

#changxiang70x .section-fuselage.active .fuselage-items,
#changxiang70x .section-fuselage.active .fuselage-des {
    transform: translateX(0);
    opacity: 1
}

#changxiang70x .section-fuselage.active .fuselage-title {
    opacity: 1;
    transform: translateX(0)
}

#changxiang70x .section-fuselage.active .fuselage-image-phone {
    transform: rotate(0deg);
    opacity: 1
}

#changxiang70x .section-fuselage.active .fuselage-image-shadow {
    opacity: 1;
    transition-delay: .3s
}

#changxiang70x .section-fuselage.active2 .fuselage-left-icon {
    transform: translateX(0);
    opacity: 1
}

#changxiang70x .section-fuselage.active2 .fuselage-right-icon {
    transform: translateX(0);
    opacity: 1
}

#changxiang70x .section-fuselage.active2 .fuselage-image-phone {
    transform: rotate(0deg);
    opacity: 1
}

#changxiang70x .section-fuselage.active2 .fuselage-image-shadow {
    opacity: 1
}

#changxiang70x .section-camera {
    width: 100%;
    overflow: hidden;
    padding-top: 12.5vw;
    background-image: linear-gradient(to bottom, #F5EFE1 0%, #FFFFFF 100%)
}

#changxiang70x .section-camera .camera-title {
    position: relative;
    width: 34.375vw;
    text-align: center;
    margin: 0 auto
}

#changxiang70x .section-camera .camera-title .camera-title-left {
    line-height: 1.25
}

#changxiang70x .section-camera .camera-title .camera-title-right {
    line-height: 1.25
}

#changxiang70x .section-camera .text-to-right {
    transform: translateX(-11vw)
}

#changxiang70x .section-camera .text-to-left {
    transform: translateX(11vw)
}

#changxiang70x .section-camera.active .text-to-right,
#changxiang70x .section-camera.active .text-to-left {
    transform: translateX(0)
}

#changxiang70x .section-camera .camera-con {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3.125vw;
    transform: translateY(3vw);
    opacity: 0;
    transition-duration: .8s
}

#changxiang70x .section-camera.active .camera-con {
    opacity: 1;
    transform: translateY(0)
}

#changxiang70x .section-camera .camera-image {
    position: relative;
    width: 29.21875vw
}

#changxiang70x .section-camera .camera-line {
    position: absolute;
    width: 52.708333vw;
    top: 28.90625vw;
    left: 23.802083vw;
    opacity: 0;
    transform: translateY(5vw);
    transition-duration: .8s
}

#changxiang70x .section-camera .camera-items {
    position: relative;
    display: flex;
    width: 16.625vw;
    flex-direction: column;
    margin-right: 10.416667vw
}

#changxiang70x .section-camera .camera-items .camera-item {
    width: 100%;
    margin-top: 4.166667vw
}

#changxiang70x .section-camera .camera-items .camera-item .camera-headline {
    line-height: 1.25;
    width: auto
}

#changxiang70x .section-camera .camera-items .camera-item:first-child {
    margin-top: 0
}

#changxiang70x .section-camera .camera-items .camera-item p {
    color: #969699;
    margin-top: 1.041667vw
}

#changxiang70x .section-camera.active .camera-title-left,
#changxiang70x .section-camera.active .camera-title-right {
    transform: translateX(0)
}

#changxiang70x .section-camera.active2 .camera-line {
    opacity: 1;
    transform: translateY(0)
}

#changxiang70x .section-camera.active2 .camera-items {
    opacity: 1;
    transform: translateX(-50%) translateY(0)
}

#changxiang70x .section-gallery {
    overflow: hidden
}

#changxiang70x .section-gallery .gallery-swiper {
    width: 81.25vw;
    margin-left: 9.375vw;
    margin-right: 9.375vw
}

#changxiang70x .section-gallery .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-right: 1.302083vw;
    width: auto
}

#changxiang70x .section-gallery .swiper-slide:last-child {
    margin-right: 0
}

#changxiang70x .section-gallery .swiper-slide img {
    display: block;
    height: 34.959896vw;
    -o-object-fit: cover;
    object-fit: cover
}

#changxiang70x .section-gallery .swiper-slide-1 img,
#changxiang70x .section-gallery .swiper-slide-3 img,
#changxiang70x .section-gallery .swiper-slide-5 img,
#changxiang70x .section-gallery .swiper-slide-7 img {
    width: 53.75vw;
}

#changxiang70x .section-gallery .swiper-slide-2 img,
#changxiang70x .section-gallery .swiper-slide-4 img,
#changxiang70x .section-gallery .swiper-slide-6 img {
    width: 26.197917vw;
}

#changxiang70x .section-gallery .swiper-slide p {
    margin-top: 1.822917vw;
    color: #797c80
}

#changxiang70x .section-gallery .swiper-slide p span {
    color: #000
}

#changxiang70x .section-gallery .swiper-button-container {
    height: 3.333333vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 2.083333vw 0 0 auto
}

#changxiang70x .section-gallery .swiper-button-prev,
#changxiang70x .section-gallery .swiper-button-next {
    position: relative;
    width: 3.333333vw;
    height: 3.333333vw;
    border-radius: 50%;
    margin-top: 0;
    top: auto;
    left: auto;
    right: auto;
    display: inline-flex;
    border: solid .15625vw #D3B271;
    transition-duration: .5s
}

#changxiang70x .section-gallery .swiper-button-prev:active,
#changxiang70x .section-gallery .swiper-button-next:active {
    background-color: #D3B271;
    transition-duration: .5s
}

#changxiang70x .section-gallery .swiper-button-prev:active:after,
#changxiang70x .section-gallery .swiper-button-next:active:after {
    color: #fff
}

#changxiang70x .section-gallery .swiper-button-prev {
    margin-right: .833333vw
}

#changxiang70x .section-gallery .swiper-button-prev:after,
#changxiang70x .section-gallery .swiper-button-next:after {
    color: #D3B271;
    font-size: .989583vw;
    font-weight: bold;
    transition-duration: .5s
}

#changxiang70x .section-des {
    width: -moz-max-content;
    width: max-content;
    font-size: max(.833333vw, 12px);
    color: #797c80
}

#changxiang70x .section-nfc {
    overflow: hidden
}

#changxiang70x .section-nfc .section-content {
    position: relative;
    z-index: 1
}

#changxiang70x .section-nfc .nfc-con {
    width: 45.708333vw;
    margin: 0 auto;
    text-align: center
}

#changxiang70x .section-nfc .nfc-con p {
    color: #969699
}

#changxiang70x .section-nfc .nfc-con p span {
    color: #000
}

#changxiang70x .section-nfc .nfc-title {
    width: 100%;
    display: flex;
    justify-content: center
}

#changxiang70x .section-nfc .nfc-title-left {
    transform: translateX(-5vw);
    transition-duration: .8s
}

#changxiang70x .section-nfc .nfc-title-right {
    transform: translateX(5vw);
    transition-duration: .8s
}

#changxiang70x .section-nfc.active .nfc-title-left,
#changxiang70x .section-nfc.active .nfc-title-right {
    transform: translateX(0)
}

#changxiang70x .section-nfc .nfc-list {
    width: 81.25vw;
    padding: 8.333333vw 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

#changxiang70x .section-nfc .nfc-img-swiper {
    width: 40.625vw;
    position: relative;
    z-index: 2
}

#changxiang70x .section-nfc .nfc-img-swiper .swiper-wrapper {
    display: flex
}

#changxiang70x .section-nfc .nfc-img-swiper .swiper-slide {
    margin: 0;
    padding: 0;
    opacity: 0 !important
}

#changxiang70x .section-nfc .nfc-img-swiper .swiper-slide-next,
#changxiang70x .section-nfc .nfc-img-swiper .swiper-slide-prev {
    opacity: 0
}

#changxiang70x .section-nfc .nfc-img-swiper .swiper-slide-active {
    opacity: 1 !important
}

#changxiang70x .section-nfc .section-des {
    position: absolute;
    right: 0;
    bottom: 5.625vw
}

#changxiang70x .section-nfc .nfc-tab {
    width: 40.625vw;
    position: relative
}

#changxiang70x .section-nfc .phone-tab {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 25.300521vw;
    z-index: 2
}

#changxiang70x .section-nfc .phone-tab::after {
    content: "";
    width: 16.09375vw;
    height: 35.46875vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: -1
}

#changxiang70x .section-nfc .nfc-tab-swiper .swiper-wrapper {
    display: block;
    flex-shrink: 0;
    width: 40.625vw;
    height: 29.166667vw;
    margin-left: 0;
    margin-right: 0;
    padding: 3.6261vw 4.895833vw 3.62618vw 13.125vw;
    box-sizing: border-box;
    background-color: #F6F2E8;
    border-radius: .833333vw
}

#changxiang70x .section-nfc .nfc-tab-swiper .swiper-slide+.swiper-slide {
    margin-top: 1.25vw;
    padding-top: 1.25vw;
    border-top: 1px solid #d6d6d6;
    height: auto
}

#changxiang70x .section-nfc .nfc-tab-swiper .swiper-slide:last-child {
    padding-bottom: 1.25vw;
    border-bottom: 1px solid #d6d6d6
}

#changxiang70x .section-nfc .nfc-tab-swiper .swiper-slide {
    height: auto
}

#changxiang70x .section-nfc .tab-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

#changxiang70x .section-nfc .tab-headline {
    line-height: 1.25;
    transition: opacity .6s;
}

#changxiang70x .section-nfc .tab-headline:hover {
    opacity: .6;
}

#changxiang70x .section-nfc .tab-row:hover .tab-icon {
    opacity: 1
}

#changxiang70x .section-nfc .tab-icon {
    width: 1.197917vw;
    transition: transform .4s;
    margin-right: 1.25vw
}

#changxiang70x .section-nfc .active .tab-headline {
    color: #1d1d1f;
    font-weight: bold
}

#changxiang70x .section-nfc .active .tab-icon {
    transform: rotate(180deg)
}

#changxiang70x .section-nfc .active .tab-intro {
    opacity: 1
}

#changxiang70x .section-nfc .tab-intro {
    padding-top: 1.25vw;
    color: #797c80
}

#changxiang70x .contrast-feature-1-container {
    margin: 0 auto 0 0;
    position: relative;
    width: 46.875vw
}

#changxiang70x .contrast-feature-1-container .comparison-slider {
    position: relative;
    overflow: hidden;
    width: 100%
}

#changxiang70x .contrast-feature-1-container .comparison-after {
    position: relative
}

#changxiang70x .contrast-feature-1-container .picture {
    display: block;
    width: 100%;
    max-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

#changxiang70x .contrast-feature-1-container .comparison-after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 100%
}

#changxiang70x .contrast-feature-1-container .picture-after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%
}

#changxiang70x .contrast-feature-1-container .picture-after img {
    width: 46.875vw
}

#changxiang70x .contrast-feature-1-container .caption {
    color: #fff;
    font-size: 1.25vw;
    position: absolute;
    bottom: 1.875vw;
    white-space: nowrap
}

#changxiang70x .contrast-feature-1-container .caption-after {
    left: 1.875vw
}

#changxiang70x .contrast-feature-1-container .caption-before {
    right: 1.875vw
}

#changxiang70x .contrast-feature-1-container .comparison-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    pointer-events: none
}

#changxiang70x .contrast-feature-1-container .comparison-handle.active {
    pointer-events: auto
}

#changxiang70x .contrast-feature-1-container .comparison-handle::before {
    position: relative;
    z-index: 3;
    display: block;
    width: 2px;
    height: 100%;
    content: "";
    pointer-events: none;
    background-color: #f5f5f7
}

#changxiang70x .contrast-feature-1-container .comparison-button {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 2.916667vw;
    height: 2.916667vw;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translate3d(-50%, -50%, 0)
}

#changxiang70x .contrast-feature-1-container .comparison-icon {
    pointer-events: none
}

#changxiang70x .contrast-feature-1-container .comparison-icon svg {
    width: 2.916vw;
    height: 2.916vw
}

#changxiang70x .contrast-feature-1-container .grabbing {
    cursor: grabbing
}

#changxiang70x .contrast-feature-1-container .grabbing .comparison-button {
    cursor: grabbing
}

#changxiang70x .contrast-feature-2-container {
    margin: 0 auto 0 0;
    position: relative;
    width: 46.875vw
}

#changxiang70x .contrast-feature-2-container .comparison-slider {
    position: relative;
    overflow: hidden;
    width: 100%
}

#changxiang70x .contrast-feature-2-container .comparison-after {
    position: relative
}

#changxiang70x .contrast-feature-2-container .picture {
    display: block;
    width: 100%;
    max-width: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

#changxiang70x .contrast-feature-2-container .comparison-after {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 100%
}

#changxiang70x .contrast-feature-2-container .picture-after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%
}

#changxiang70x .contrast-feature-2-container .picture-after img {
    width: 46.875vw
}

#changxiang70x .contrast-feature-2-container .caption {
    color: #fff;
    font-size: 1.25vw;
    position: absolute;
    bottom: 1.875vw;
    white-space: nowrap
}

#changxiang70x .contrast-feature-2-container .caption-after {
    left: 1.875vw
}

#changxiang70x .contrast-feature-2-container .caption-before {
    right: 1.875vw
}

#changxiang70x .contrast-feature-2-container .comparison-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    pointer-events: none
}

#changxiang70x .contrast-feature-2-container .comparison-handle.active {
    pointer-events: auto
}

#changxiang70x .contrast-feature-2-container .comparison-handle::before {
    position: relative;
    z-index: 3;
    display: block;
    width: 2px;
    height: 100%;
    content: "";
    pointer-events: none;
    background-color: #f5f5f7
}

#changxiang70x .contrast-feature-2-container .comparison-button {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    width: 2.916667vw;
    height: 2.916667vw;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transform: translate3d(-50%, -50%, 0)
}

#changxiang70x .contrast-feature-2-container .comparison-icon {
    pointer-events: none
}

#changxiang70x .contrast-feature-2-container .comparison-icon svg {
    width: 2.916vw;
    height: 2.916vw
}

#changxiang70x .contrast-feature-2-container .grabbing {
    cursor: grabbing
}

#changxiang70x .contrast-feature-2-container .grabbing .comparison-button {
    cursor: grabbing
}

#changxiang70x .section-theme .text-to-right {
    transform: translateX(-10vw)
}

#changxiang70x .section-theme .text-to-left {
    transform: translateX(10vw)
}

#changxiang70x .section-theme.active .text-to-right,
#changxiang70x .section-theme.active .text-to-left {
    transform: translateX(0)
}

#changxiang70x .section-theme .theme-con {
    width: 30.208333vw;
    margin: 0 auto;
    text-align: center
}

#changxiang70x .section-theme .theme-con p {
    color: #969699
}

#changxiang70x .section-theme .system-creative-theme-container {
    width: 100%;
    overflow: hidden
}

#changxiang70x .section-theme .system-creative-theme-swiper-container {
    margin-left: 34.5%;
    width: 39.534%;
    position: relative
}

#changxiang70x .section-theme .system-creative-theme-swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: visible;
    opacity: 0;
    pointer-events: none;
    transition: .6s ease;
    z-index: 1
}

#changxiang70x .section-theme .system-creative-theme-swiper:first-child {
    position: relative
}

#changxiang70x .section-theme .system-creative-theme-swiper.active {
    opacity: 1;
    pointer-events: all;
    z-index: 2
}

#changxiang70x .section-theme .system-creative-theme-item-container {
    position: relative
}

#changxiang70x .section-theme .system-creative-theme-phone-iframe {
    position: relative;
    z-index: 5
}

#changxiang70x .section-theme .system-creative-theme-image {
    border-radius: 1.5625vw;
    position: absolute;
    top: 9.2%;
    left: 19.3%;
    width: 41.65%;
    overflow: hidden;
    pointer-events: all;
    z-index: 2
}

#changxiang70x .section-theme .system-creative-theme-item {
    cursor: pointer;
    transition: all .75s ease-in-out;
    pointer-events: none
}

#changxiang70x .section-theme .system-creative-theme-item.swiper-slide-active {
    cursor: default
}

#changxiang70x .section-theme .system-creative-theme-swiper .system-creative-theme-item-2 {
    transform: translateX(-100%)
}

#changxiang70x .section-theme .system-creative-theme-swiper .system-creative-theme-item-3 {
    transform: translateX(-200%)
}

#changxiang70x .section-theme .system-creative-theme-item-container {
    transition: all .75s ease-in-out
}

#changxiang70x .section-theme .system-creative-theme-background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#changxiang70x .section-theme .system-creative-theme-background-icon {
    position: absolute;
    transition: transform .5s ease
}

#changxiang70x .section-theme .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(1) {
    top: 1%;
    left: -9%;
    width: 29.638%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(2) {
    top: 41%;
    left: -6%;
    width: 26.339%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(3) {
    top: 57%;
    left: 32%;
    width: 42.402%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(4) {
    top: 26%;
    left: 61.5%;
    width: 22.526%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(1) {
    top: 13%;
    left: -7%;
    width: 31.256%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(2) {
    top: 32%;
    left: 60%;
    width: 26.393%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(3) {
    top: 44.5%;
    left: -3.5%;
    width: 27.4365%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(4) {
    top: 52.5%;
    left: 49%;
    width: 42.231%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(1) {
    top: 6%;
    left: -6%;
    width: 24.435%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(2) {
    top: 26.5%;
    left: 61.5%;
    width: 23.257%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(3) {
    top: 43%;
    left: -4%;
    width: 24.5%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(4) {
    top: 65.5%;
    left: 52.5%;
    width: 29.016%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(1) {
    top: 13%;
    left: -8.5%;
    width: 28.167%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(2) {
    top: 20%;
    left: 61%;
    width: 25.914%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(3) {
    top: 54%;
    left: -6%;
    width: 26.9%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-1 .system-creative-theme-background-icon:nth-of-type(4) {
    top: 41.5%;
    left: 51.5%;
    width: 28.167%;
    transform: translate(2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(1) {
    top: 7%;
    left: -11%;
    width: 30.845%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(2) {
    top: 9%;
    left: 52%;
    width: 33.598%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(3) {
    top: 48.5%;
    left: -8%;
    width: 35.059%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-2 .system-creative-theme-background-icon:nth-of-type(4) {
    top: 58.5%;
    left: 54.25%;
    width: 26.619%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(1) {
    top: 6%;
    left: -9%;
    width: 29.719%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(2) {
    top: 17%;
    left: 60.5%;
    width: 26.4%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(3) {
    top: 46%;
    left: -8%;
    width: 29.15%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper-2 .system-creative-theme-item-3 .system-creative-theme-background-icon:nth-of-type(4) {
    top: 58%;
    left: 54%;
    width: 30.557%;
    transform: translate(-2vw, 2vw) scale(0)
}

#changxiang70x .section-theme .system-creative-theme-swiper.active .swiper-slide-active.system-creative-theme-item .system-creative-theme-background-icon {
    transform: translate(0, 0) scale(1);
    transition-delay: .4s
}

#changxiang70x .section-theme .system-creative-theme-switch-container {
    display: flex;
    justify-content: center;
    margin-top: -4vw;
    position: relative;
    z-index: 2
}

#changxiang70x .section-theme .system-creative-theme-switch-btn-container {
    background-color: #F5EFE1;
    border-radius: 1.77vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14.375vw;
    height: 3.5416vw;
    position: relative;
    z-index: 3
}

#changxiang70x .section-theme .system-creative-theme-switch-btn-container::before {
    background-color: #D8BC84;
    border-radius: 1.5625vw;
    content: "";
    display: block;
    position: absolute;
    top: .3125vw;
    left: .3125vw;
    width: 6.66vw;
    height: 2.916vw;
    transform: translateX(0);
    transition: transform .3s ease
}

#changxiang70x .section-theme .system-creative-theme-switch-btn {
    color: #D3B271;
    cursor: pointer;
    font-size: 1.04vw;
    margin-right: 2.516vw;
    position: relative;
    transition: color .3s ease;
    z-index: 2;
    transition: opacity .6s;
}

#changxiang70x .section-theme .system-creative-theme-switch-btn:hover {
    opacity: .6;
}

#changxiang70x .section-theme .system-creative-theme-switch-btn:last-child {
    margin-right: 0
}

#changxiang70x .section-theme .system-creative-theme-switch-btn-container[data-index="1"]::before {
    transform: translateX(106%)
}

#changxiang70x .section-theme .system-creative-theme-switch-btn-container[data-index="1"] .system-creative-theme-switch-btn[data-id="1"] {
    color: #fff
}

#changxiang70x .section-theme .system-creative-theme-switch-btn-container[data-index="2"] .system-creative-theme-switch-btn[data-id="2"] {
    color: #fff
}

#changxiang70x .section-xiaoyi {
    margin-top: 5.989583vw;
    margin-bottom: 2.604167vw
}

#changxiang70x .section-xiaoyi .section-content {
    padding: 8.59375vw 0
}

#changxiang70x .section-xiaoyi .xiaoyi-con {
    width: 26.041667vw;
    margin-left: auto;
    margin-right: auto;
    padding: 6.770833vw 48.125vw 6.770833vw 7.083333vw;
    background-color: #F6F2E8;
    border-radius: .833333vw;
    box-sizing: content-box
}

#changxiang70x .section-xiaoyi .xiaoyi-con .text-64 {
    line-height: 1.25
}

#changxiang70x .section-xiaoyi .xiaoyi-con p {
    color: #797c80
}

#changxiang70x .section-xiaoyi .section-des {
    margin-top: 1.666667vw;
    margin-left: 9.375vw;
    margin-right: auto
}

#changxiang70x .section-xiaoyi .xiaoyi-image {
    width: 25.260417vw;
    position: absolute;
    top: 50%;
    right: 19.791667vw;
    transform: translateY(-53%);
    z-index: 2
}

#changxiang70x .section-control .section-content {
    padding: 8.59375vw 0
}

#changxiang70x .section-control .media-container {
    position: absolute;
    width: 24.895833vw;
    height: 45.104167vw;
    top: 50%;
    left: 19.791667vw;
    transform: translateY(-54%)
}

#changxiang70x .section-control .control-con {
    width: 26.041667vw;
    margin-left: auto;
    margin-right: auto;
    padding: 6.770833vw 7.083333vw 6.770833vw 48.125vw;
    background-color: #F6F2E8;
    border-radius: .833333vw;
    box-sizing: content-box
}

#changxiang70x .section-control .control-con .text-64 {
    line-height: 1.25
}

#changxiang70x .section-control .control-con p {
    color: #797c80
}

#changxiang70x .section-control .control-image {
    width: 24.895833vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

#changxiang70x .section-control .control-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-duration: 1s;
    z-index: 3
}

#changxiang70x .section-control .control-image2 {
    width: 9.947917vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(0.8);
    transition-duration: 1s;
    top: 16.614583vw;
    opacity: 0;
    z-index: 4
}

#changxiang70x .section-control.active .control-icon {
    transform: scale(0.5);
    opacity: 0
}

#changxiang70x .section-control.active .control-mask {
    opacity: 1
}

#changxiang70x .section-control.active .control-image2 {
    transform: translateX(-50%) scale(1);
    opacity: 1
}

#changxiang70x .section-control .section-des {
    margin: 1.666667vw 9.375vw 0 auto
}

#changxiang70x .section-control .control-icon-wrap {
    width: 37.604167vw;
    height: 26.197917vw;
    position: absolute;
    top: 9.84375vw;
    left: -6.302083vw
}

#changxiang70x .section-control .control-icon {
    position: absolute;
    opacity: 1;
    transform: scale(1);
    transition-duration: 1s
}

#changxiang70x .section-control .control-icon-1 {
    width: 6.770833vw;
    top: 0;
    left: 0
}

#changxiang70x .section-control .control-icon-2 {
    width: 4.895833vw;
    top: 9.84375vw;
    left: 3.854167vw
}

#changxiang70x .section-control .control-icon-3 {
    width: 6.302083vw;
    bottom: 0;
    left: .729167vw
}

#changxiang70x .section-control .control-icon-4 {
    width: 6.927083vw;
    top: 0;
    right: 0
}

#changxiang70x .section-control .control-icon-5 {
    width: 4.010417vw;
    top: 12.291667vw;
    right: 4.010417vw
}

#changxiang70x .section-control .control-icon-6 {
    width: 5.989583vw;
    bottom: 0;
    right: 0
}

#changxiang70x .section-convenient {
    width: 100%;
    margin-top: 8.333333vw
}

#changxiang70x .section-convenient .section-content {
    width: 81.25vw;
    margin: 0 auto;
    position: relative
}

#changxiang70x .section-convenient .swiper-container {
    width: 57.1875vw;
    display: flex
}

#changxiang70x .section-convenient .section-des {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 3;
    margin: 1.666667vw 0 0 auto
}

@keyframes circle-1 {
    10% {
        opacity: .7
    }

    40% {
        opacity: .7
    }

    50% {
        opacity: .001
    }
}

@keyframes circle-2 {
    15% {
        transform: scale(1)
    }

    20% {
        opacity: .5
    }

    25% {
        opacity: .3
    }

    30% {
        transform: scale(2.8);
        opacity: .001
    }
}

@keyframes circle-3 {
    25% {
        transform: scale(1)
    }

    30% {
        opacity: .5
    }

    35% {
        opacity: .3
    }

    40% {
        transform: scale(2.8);
        opacity: .001
    }
}

#changxiang70x .section-convenient .section-content {
    display: flex;
    align-items: stretch
}

#changxiang70x .section-convenient .swiper-wrapper {
    width: 57.1875vw;
    height: auto;
    padding: 2.8125vw 0 2.447917vw 9.375vw;
    background: #F6F2E8;
    border-radius: .833333vw;
    margin-left: 1.25vw
}

#changxiang70x .section-convenient .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    opacity: 0 !important
}

#changxiang70x .section-convenient .swiper-wrapper .swiper-slide .convenient-img {
    position: relative;
    width: 12.5vw;
    background: #F6F2E8;
    height: auto;
    margin-left: 9.21875vw
}

#changxiang70x .section-convenient .swiper-wrapper .swiper-slide.active {
    opacity: 1
}

#changxiang70x .section-convenient .swiper-wrapper .swiper-slide-active {
    opacity: 1 !important
}

#changxiang70x .section-convenient .swiper-wrapper .active .circle-1 {
    animation: circle-1 5s .5s forwards
}

#changxiang70x .section-convenient .swiper-wrapper .active .circle-2 {
    animation: circle-2 5s .5s forwards linear
}

#changxiang70x .section-convenient .swiper-wrapper .active .circle-3 {
    animation: circle-3 5s .5s forwards linear
}

#changxiang70x .section-convenient .circle-wrapper {
    position: absolute;
    bottom: 26.354167vw;
    left: -0.58125vw;
    width: 2.291667vw;
    height: 2.291667vw;
    transform: rotateY(-30deg);
    transform-origin: left center
}

#changxiang70x .section-convenient .circle {
    width: 80%;
    height: 100%;
    opacity: .001;
    border-radius: 100%;
    background: #D8BC84
}

#changxiang70x .section-convenient .circle-1 {
    position: relative;
    z-index: 3;
    background-color: #D8BC84;
    background-image: none
}

#changxiang70x .section-convenient .circle-2,
#changxiang70x .section-convenient .circle-3 {
    position: absolute;
    top: 0;
    left: 0
}

#changxiang70x .section-convenient .circle-2 {
    z-index: 2
}

#changxiang70x .section-convenient .circle-3 {
    z-index: 1
}

#changxiang70x .section-convenient .swiper-content {
    width: 22.8125vw;
    background: #F6F2E8;
    border-radius: .833333vw
}

#changxiang70x .section-convenient .swiper-content .tablist {
    padding: 3.645833vw 0
}

#changxiang70x .section-convenient .swiper-content .tabnav {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.385417vw;
    text-align: center;
    cursor: pointer;
    opacity: .5;
    transition-duration: .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#changxiang70x .section-convenient .swiper-content .tabnav.active {
    opacity: 1
}

#changxiang70x .section-convenient .swiper-content .tabnav:hover {
    opacity: .6;
}

#changxiang70x .section-convenient .swiper-content .tabnav:first-child {
    margin-top: 0
}

#changxiang70x .section-convenient .swiper-content .tabnav p {
    margin-top: 1.041667vw;
    line-height: 1.25
}

#changxiang70x .section-convenient .swiper-content .tabnav-icon {
    width: 4.166667vw
}

#changxiang70x .section-convenient .convenient-title {
    position: absolute;
    left: 53.75vw;
    top: 16.197917vw;
    line-height: 1.25;
    z-index: 3
}

#changxiang70x .section-convenient .convenient-con {
    width: 20.625vw;
    position: absolute;
    left: 29.6875vw;
    top: 23.710417vw;
    z-index: 3;
    background: #F6F2E8
}

#changxiang70x .section-convenient .convenient-con p {
    margin-top: 0;
    color: #969699
}

#changxiang70x .section-convenient .convenient-con p span {
    color: #000
}

#changxiang70x .disclaimer-container {
    margin: 0 auto;
    width: 81.25vw;
    padding-top: 3.229167vw;
    border-top: solid 1px #d1d1d1
}

#changxiang70x .disclaimer-container ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    font-size: .625vw
}

#changxiang70x .disclaimer-container li {
    color: #85858a
}

#changxiang70x .disclaimer-container li.current {
    color: #2a2a2c
}

#changxiang70x .disclaimer-container .asterisk {
    list-style-type: "*"
}

#changxiang70x .disclaimer-container .asterisk2 {
    list-style-type: "**";
}

#changxiang70x .disclaimer-container .other {
    list-style: none;
    position: relative
}

#changxiang70x .disclaimer-container .other::before {
    content: "**";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-125%)
}

#changxiang70x .disclaimer-container .more-discalimer {
    list-style: none;
    margin-top: 2vw
}

#changxiang70x .disclaimer-container .active {
    color: #000;
    opacity: 1
}

@media(max-width: 1920px) {
    #changxiang70x .disclaimer-container ol {
        font-size: 12px
    }
}

.video-fallback {
    display: none
}

.no-inline-video .video-fallback {
    display: block
}

.no-inline-video video {
    display: none
}

.no-inline-video .replay-btn {
    display: none
}

.no-inline-video .system-ai-feautre-video-play-btn-container {
    display: none
}

#changxiang70x .video-hover {
    transition: opacity .6s;
}

#changxiang70x .common-popup-btn:hover .video-hover {
    opacity: .6;
}

#changxiang70x .swiper-button-prev,
#changxiang70x .swiper-button-next {
    transition-duration: .6s;
}

#changxiang70x .swiper-button-prev:hover,
#changxiang70x .swiper-button-next:hover {
    opacity: .6;
}

#changxiang70x .section-gallery .swiper-slide-next+.swiper-slide,
#changxiang70x .section-gallery .swiper-slide-prev.swiper-slide {
    cursor: pointer;
}

#changxiang70x .section-reasons .reasons-swiper .section-des {
    width: 67.5vw;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.666667vw;
}

@media(max-aspect-ratio: 11/10) {
    #changxiang70x .common-popup-btn:hover .video-hover {
        opacity: 1;
    }

    #changxiang70x .hidden-web {
        display: block
    }

    #changxiang70x .hidden-mob {
        display: none
    }

    #changxiang70x .space-240 {
        height: 33.333333vw
    }

    #changxiang70x .space-200 {
        height: 27.777778vw
    }

    #changxiang70x .space-190 {
        height: 26.388889vw
    }

    #changxiang70x .text-96 {
        font-size: 13.333333vw
    }

    #changxiang70x .text-64 {
        font-size: 8.888889vw
    }

    #changxiang70x .text-48 {
        font-size: 6.666667vw
    }

    #changxiang70x .text-40 {
        font-size: 5.555556vw
    }

    #changxiang70x .text-28 {
        font-size: 3.888889vw
    }

    #changxiang70x .text-24 {
        font-size: 3.333333vw
    }

    #changxiang70x .text-100-mob {
        font-size: 13.888889vw
    }

    #changxiang70x .text-80-mob {
        font-size: 11.111111vw
    }

    #changxiang70x .text-48-mob {
        font-size: 6.666667vw
    }

    #changxiang70x .text-40-mob {
        font-size: 5.555556vw
    }

    #changxiang70x .text-32-mob {
        font-size: 4.444444vw
    }

    #changxiang70x .text-28-mob {
        font-size: 3.888889vw
    }

    #changxiang70x .text-24-mob {
        font-size: 3.333333vw
    }

    #changxiang70x .mtop-40 {
        margin-top: 5.555556vw
    }

    #changxiang70x .mtop-32 {
        margin-top: 4.444444vw
    }

    #changxiang70x .section-hero .hero-picture {
        position: relative
    }

    #changxiang70x .section-hero .hero-logo {
        width: 79.861111vw
    }

    #changxiang70x .section-hero .hero-headline {
        font-size: 5.555556vw;
        letter-spacing: 1.8845vw;
        white-space: nowrap;
        margin-top: 3.888889vw
    }

    #changxiang70x .section-hero .hero-content {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 9.722222vw 16.666667vw 13.888889vw;
        top: auto;
        right: auto;
        bottom: auto;
        background-image: linear-gradient(to top, #F5EFE1 0%, #F9F6EE 100%)
    }

    #changxiang70x .section-hero .hero-ksp {
        white-space: nowrap;
        margin-top: 2.5vw;
        font-size: 2.083333vw
    }

    #changxiang70x .section-hero .harmonyos-cta {
        right: 5vw;
        bottom: 0;
        width: 18.518056vw
    }

    #changxiang70x .section-hero .hero-sku {
        margin-top: 8.333333vw
    }

    #changxiang70x .section-hero .hero-sku .pricing {
        font-size: 5.555556vw
    }

    #changxiang70x .section-hero .hero-sku .from {
        font-size: 3.611111vw
    }

    #changxiang70x .section-reasons {
        padding: 16.666667vw 0 27.777778vw 0;
    }

    #changxiang70x .section-reasons .reasons-swiper {
        width: 83.333333vw;
        margin-left: 8.333333vw;
        margin-right: 8.333333vw
    }

    #changxiang70x .section-reasons .swiper-slide {
        width: 100%;
        margin: 0;
        margin-right: 4.444444vw;
        border-radius: 2.222222vw
    }

    #changxiang70x .section-reasons .swiper-slide .reasons-title {
        top: 6.666667vw;
        left: 6.666667vw;
        width: 95.4%
    }

    #changxiang70x .section-reasons .swiper-slide:last-child {
        margin-right: 0
    }

    #changxiang70x .section-reasons .reasons-wave {
        width: 14.884722vw;
        top: 64.594444vw;
        left: 16.861111vw
    }

    #changxiang70x .section-reasons .reasons-wave .reasons-wave-img-1 {
        width: 14.884722vw
    }

    #changxiang70x .section-reasons .reasons-wave .reasons-wave-img-2 {
        width: 10.461111vw
    }

    #changxiang70x .section-reasons .reasons-wave .reasons-wave-img-3 {
        width: 5.208333vw
    }

    #changxiang70x .section-reasons .swiper-slide4 {
        overflow: hidden
    }

    #changxiang70x .section-reasons .reasons-wave2 {
        width: 66.975vw;
        left: -12.777778vw
    }

    #changxiang70x .section-reasons .reasons-wave2 .reasons-wave2-img1 {
        top: auto;
        width: 66.975vw
    }

    #changxiang70x .section-reasons .reasons-wave2 .reasons-wave2-img2 {
        width: 49.498611vw
    }

    #changxiang70x .section-reasons .reasons-wave2 .reasons-wave2-img3 {
        width: 32.276389vw
    }

    #changxiang70x .section-reasons .reasons-wave3 {
        width: 66.975vw;
        right: -12.777778vw
    }

    #changxiang70x .section-reasons .reasons-wave3 .reasons-wave3-img1 {
        top: auto;
        width: 66.975vw
    }

    #changxiang70x .section-reasons .reasons-wave3 .reasons-wave3-img2 {
        width: 49.498611vw
    }

    #changxiang70x .section-reasons .reasons-wave3 .reasons-wave3-img3 {
        width: 32.276389vw
    }

    #changxiang70x .section-reasons .reasons-con {
        border-radius: 2.222222vw
    }

    #changxiang70x .section-reasons .reasons-wrap {
        width: 83.333333vw;
        height: 125vw;
        border-radius: 2.222222vw
    }

    #changxiang70x .section-reasons .reasons-satellite {
        width: 28.706944vw;
        top: 18.333333vw;
        right: 6.388889vw
    }

    #changxiang70x .section-reasons .reasons-icon {
        display: none
    }

    #changxiang70x .section-reasons .swiper-button-center {
        width: 62.222222vw;
        height: 13.333333vw;
        border-radius: 12.222222vw;
        margin-top: 8.888889vw
    }

    #changxiang70x .section-reasons .swiper-button-center .swiper-pagination-bullet {
        width: 2.222222vw;
        height: 2.222222vw;
        margin: 0 1.666667vw
    }

    #changxiang70x .section-reasons .swiper-button-center .swiper-button-prev {
        width: 2.601389vw;
        height: 4.369444vw;
        left: 6.805556vw
    }

    #changxiang70x .section-reasons .swiper-button-center .swiper-button-next {
        width: 2.601389vw;
        height: 4.369444vw;
        right: 6.805556vw
    }

    #changxiang70x .section-reasons .swiper-button-center .swiper-button-next:hover,
    #changxiang70x .section-reasons .swiper-button-center .swiper-button-prev:hover {
        opacity: 1;
    }

    #changxiang70x .section-design .design-swiper[data-active="0"] .swiper-slide0 .section-des {
        opacity: 1
    }

    #changxiang70x .section-design .design-swiper[data-active="1"] .swiper-slide0 .section-des {
        opacity: 0
    }

    #changxiang70x .section-design .swiper-slide0 .design-title .design-text-left {
        top: 21.666667vw;
        left: 17.083333vw
    }

    #changxiang70x .section-design .swiper-slide0 .design-title .design-text-right {
        top: 37.916667vw;
        right: 17.083333vw
    }

    #changxiang70x .section-design .swiper-slide0 .section-des {
        color: #797c80;
        position: relative;
        right: auto;
        bottom: auto;
        margin: 4.166667vw auto 0;
        text-align: center
    }

    #changxiang70x .section-design .swiper-slide1 .section-des {
        color: #797c80;
        position: relative;
        right: auto;
        bottom: auto;
        margin: 4.166667vw auto 0;
        text-align: center;
        opacity: 0
    }

    #changxiang70x .section-design .swiper-slide1 .design-title .design-text-left {
        top: 21.666667vw;
        left: 17.083333vw
    }

    #changxiang70x .section-design .swiper-slide1 .design-title .design-text-right {
        top: 37.916667vw;
        right: 17.083333vw
    }

    #changxiang70x .section-design .design-switch-btn {
        font-size: 3.888889vw;
        margin-right: 9.444444vw
    }

    #changxiang70x .section-design .design-switch-container {
        margin-top: 8.888889vw
    }

    #changxiang70x .section-design .design-switch-btn-container {
        width: 52.222222vw;
        height: 13.333333vw;
        border-radius: 6.666667vw
    }

    #changxiang70x .section-design .design-switch-btn-container::before {
        width: 25vw;
        top: 1.111111vw;
        left: 1.111111vw;
        height: 11.111111vw;
        border-radius: 5.555556vw
    }

    #changxiang70x .section-design .design-switch-btn-container[data-active="1"]::before {
        transform: translateX(100%)
    }

    #changxiang70x .section-color {
        width: 91.111111vw
    }

    #changxiang70x .section-color .swiper-effect-text {
        text-align: center;
        margin-top: 8.333333vw
    }

    #changxiang70x .section-color .swiper-effect-text span {
        display: block;
        width: 100%;
        margin: 0
    }

    #changxiang70x .section-color .swiper-effect-btn {
        position: relative;
        bottom: auto;
        right: auto;
        top: auto;
        margin: 4.444444vw auto 0;
    }

    #changxiang70x .section-color .swiper-effect-btn .section-color-btn-txt {
        font-size: 6.666667vw;
        margin-right: 0;
        margin-bottom: 6.666667vw;
    }

    #changxiang70x .section-color .color-pagination {
        width: 100%;
        justify-content: center;
    }

    #changxiang70x .section-color .color-pagination .inside-circle {
        width: 5.277778vw;
        height: 5.277778vw;
    }

    #changxiang70x .section-color .swiper-pagination-bullet {
        width: 8.611111vw;
        height: 8.611111vw;
        margin: 0 1.666667vw
    }

    #changxiang70x .section-color .swiper-pagination-bullet .outside-circle {
        padding: 1.388889vw;
        border: .277778vw solid rgba(0, 0, 0, 0)
    }

    #changxiang70x .section-color .swiper-pagination-bullet-active .color-name {
        opacity: 1;
        font-weight: bold
    }

    #changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(1) .outside-circle {
        border: .277778vw solid #C9A874
    }

    #changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(2) .outside-circle {
        border: .277778vw solid #61B2E7
    }

    #changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(3) .outside-circle {
        border: .277778vw solid #262729
    }

    #changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(4) .outside-circle {
        border: .277778vw solid #6a8a65
    }

    #changxiang70x .section-connection .connection-subtitle {
        font-size: 4.444444vw;
        padding: 3.333333vw 5.555556vw
    }

    #changxiang70x .section-connection .connection-subtitle-border {
        border-radius: 6.666667vw;
        margin-bottom: 4.444444vw
    }

    #changxiang70x .section-connection .connection-subtitle-border::before {
        border-radius: 6.666667vw
    }

    #changxiang70x .section-connection .connection-con {
        width: 83.333333vw;
        left: 8.333333vw;
        top: 11.111111vw
    }

    #changxiang70x .section-connection .connection-con .text-32-mob {
        text-align: center
    }

    #changxiang70x .section-connection .connection-image {
        position: relative;
        margin-top: 11.111111vw;
        display: block;
    }

    #changxiang70x .section-communication .section-content {
        width: 91.111111vw;
        margin: 0 auto
    }

    #changxiang70x .section-communication .common-popup-btn span {
        margin-right: 2.222222vw
    }

    #changxiang70x .section-communication .common-popup-btn svg {
        width: 11.111111vw;
        height: 11.111111vw
    }

    #changxiang70x .section-communication .communication-title {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        opacity: 1;
        color: #000;
        text-align: center
    }

    #changxiang70x .section-communication .communication-video {
        transform: scale(1);
        border-radius: 2.222222vw;
        overflow: hidden;
        margin-top: 8.888889vw
    }

    #changxiang70x .section-communication .communication-items {
        width: 77.777778vw;
        flex-direction: column;
        margin-top: 8.888889vw
    }

    #changxiang70x .section-communication .communication-items .communication-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 6.666667vw
    }

    #changxiang70x .section-communication .communication-items .communication-item .communication-headline {
        font-weight: bold
    }

    #changxiang70x .section-communication .communication-items .communication-item:nth-child(1) {
        margin-top: 0
    }

    #changxiang70x .section-communication .communication-items .communication-left-icon {
        width: 11.111111vw;
        flex-shrink: 0;
        margin-right: 4.444444vw
    }

    #changxiang70x .section-communication .communication-items .communication-right-content p {
        margin-top: 2.222222vw
    }

    #changxiang70x .section-communication .video-pop-play {
        right: 6.666667vw;
        bottom: 6.666667vw
    }

    #changxiang70x .section-battery .battery-con {
        width: 100%;
        top: auto;
        left: auto;
        padding: 33.333333vw 11.388889vw 8.888889vw;
        text-align: center;
        margin: 0 auto;
        position: absolute;
        box-sizing: border-box;
        flex-direction: column;
        align-items: center
    }

    #changxiang70x .section-battery .battery-image {
        width: 100%;
        height: 209vw
    }

    #changxiang70x .section-battery .battery-image::after {
        content: "";
        width: 100%;
        height: 231.531944vw;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to top, #EFFFFF 0%, #FFFFFF 100%);
        z-index: -1;
        display: none
    }

    #changxiang70x .section-battery .battery-image img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: bottom;
        object-position: bottom
    }

    #changxiang70x .section-battery .battery-text {
        width: 100%;
        text-align: center;
        margin-top: 5.555556vw
    }

    #changxiang70x .section-battery .battery-items {
        width: 78.025vw;
        flex-direction: column;
        margin: 0 auto
    }

    #changxiang70x .section-battery .battery-items .battery-item {
        margin-top: 5.555556vw;
        margin-right: 0
    }

    #changxiang70x .section-battery .battery-items .battery-item:first-child {
        margin-top: 0
    }

    #changxiang70x .section-battery .battery-items .battery-item p {
        margin-top: 3.333333vw
    }

    #changxiang70x .section-battery2 .section-content {
        width: 100%;
        overflow: hidden
    }

    #changxiang70x .section-battery2 .media-container {
        width: 91.111111vw;
        top: 66.666667vw
    }

    #changxiang70x .section-battery2 .battery2-headline {
        opacity: .7
    }

    #changxiang70x .section-battery2 .battery2-image {
        margin-top: 8.888889vw
    }

    #changxiang70x .section-battery2 .battery2-swiper {
        width: 77.777778vw;
        margin-left: 11.111111vw;
        margin-right: 11.111111vw;
        margin-top: 8.854167vw
    }

    #changxiang70x .section-battery2 .battery2-swiper .swiper-slide {
        width: 77.777778vw;
        margin-right: 4.444444vw;
        border-radius: 2.222222vw
    }

    #changxiang70x .section-battery2 .battery2-swiper .swiper-slide .battery2-bottom span {
        display: inline-flex;
        align-items: center;
        margin-left: 1.388889vw;
        margin-top: 2.666667vw
    }

    #changxiang70x .section-battery2 .battery2-swiper .swiper-slide:nth-child(2) .battery2-bottom span,
    #changxiang70x .section-battery2 .battery2-swiper .swiper-slide:nth-child(4) .battery2-bottom span {
        margin-left: .694444vw
    }

    #changxiang70x .section-battery2 .battery2-swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #changxiang70x .section-battery2 .battery2-swiper .swiper-battery2-text {
        left: 6.666667vw;
        bottom: 6.666667vw
    }

    #changxiang70x .section-battery2 .battery2-items {
        width: 100%;
        flex-wrap: wrap;
        top: 15.555556vw
    }

    #changxiang70x .section-battery2 .battery2-items .battery2-item {
        width: 21.833333vw;
        margin-top: 4.444444vw;
        margin-right: 20.138889vw
    }

    #changxiang70x .section-battery2 .battery2-items .battery2-item:nth-child(2) {
        margin-right: 0
    }

    #changxiang70x .section-battery2 .battery2-items .battery2-item-1,
    #changxiang70x .section-battery2 .battery2-items .battery2-item-2 {
        margin-top: 0
    }

    #changxiang70x .section-battery2 .swiper-button-container {
        height: 11.111111vw;
        margin-top: 6.666667vw;
        position: relative;
        margin-right: 0;
        margin-left: auto;
        display: flex;
        justify-content: flex-end
    }

    #changxiang70x .section-battery2 .swiper-button-prev,
    #changxiang70x .section-battery2 .swiper-button-next {
        position: relative;
        border-radius: 50%;
        margin-top: 0;
        top: auto;
        left: auto;
        right: auto;
        display: inline-flex;
        border: solid .15625vw #D3B271;
        width: 11.111111vw;
        height: 11.111111vw;
        border-width: .416667vw
    }

    #changxiang70x .section-battery2 .swiper-button-prev::after,
    #changxiang70x .section-battery2 .swiper-button-next::after {
        color: #D3B271;
        font-weight: bold;
        font-size: 3.333333vw
    }

    #changxiang70x .section-battery2 .swiper-button-prev:active,
    #changxiang70x .section-battery2 .swiper-button-next:active {
        background-color: transparent;
    }

    #changxiang70x .section-battery2 .swiper-button-prev {
        margin-right: 2.5vw
    }

    #changxiang70x .section-battery2 .swiper-pagination {
        width: auto;
        left: 11.111111vw;
        bottom: 13.138889vw
    }

    #changxiang70x .section-battery2 .swiper-pagination-bullet {
        width: 5.555556vw;
        height: .416667vw;
        background-color: #D3B271;
        border-radius: 0px;
        margin: 0 2.222222vw 0 0;
        transition-duration: .3s
    }

    #changxiang70x .section-oled {
        margin-top: 5.555556vw
    }

    #changxiang70x .section-oled .oled-con {
        width: 90.777778vw;
        margin: 0 auto 6.666667vw
    }

    #changxiang70x .section-oled .oled-con .oled-des {
        width: 77.777778vw;
        margin-left: auto;
        margin-right: auto
    }

    #changxiang70x .section-oled .oled-image {
        width: 100%;
        margin-top: -28.25vw;
        position: relative;
        z-index: -1
    }

    #changxiang70x .section-oled .oled-items {
        width: 72.222222vw;
        margin: 0 auto;
        justify-content: flex-start;
        flex-wrap: wrap
    }

    #changxiang70x .section-oled .oled-items .oled-item {
        width: auto;
        margin-right: 0;
        padding-top: 11.111111vw
    }

    #changxiang70x .section-oled .oled-items .oled-item-1,
    #changxiang70x .section-oled .oled-items .oled-item-3,
    #changxiang70x .section-oled .oled-items .oled-item-6 {
        width: 40vw;
        margin-right: 10.666667vw
    }

    #changxiang70x .section-oled .oled-items .oled-item-5 {
        order: 2
    }

    #changxiang70x .section-oled .oled-items .oled-item-6 {
        order: 1
    }

    #changxiang70x .section-contrast {
        padding-top: 27.777778vw;
        padding-bottom: 27.777778vw
    }

    #changxiang70x .section-contrast .section-des {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 4.444444vw auto 0
    }

    #changxiang70x .section-contrast .section-content {
        width: 91.111111vw
    }

    #changxiang70x .section-contrast .section-content .contrast-tab-wrap {
        display: flex
    }

    #changxiang70x .section-contrast .section-content .contrast-tab {
        transition-duration: .5s
    }

    #changxiang70x .section-contrast .section-content .contrast-tab p {
        color: #797c80;
        margin-top: 3.333333vw
    }

    #changxiang70x .section-contrast .section-content .contrast-image {
        width: 91.111111vw;
        border-radius: 2.222222vw
    }

    #changxiang70x .section-contrast .section-content .contrast-con {
        flex-direction: column;
        width: 91.111111vw
    }

    #changxiang70x .section-contrast .section-content .contrast-swiper {
        width: 91.111111vw;
        flex-direction: column
    }

    #changxiang70x .section-contrast .section-content .contrast-title {
        text-align: center;
        margin: 0 auto 8.888889vw
    }

    #changxiang70x .section-contrast .section-content .contrast-tab-title,
    #changxiang70x .section-contrast .section-content .contrast-tab-text {
        transition-duration: .5s
    }

    #changxiang70x .section-contrast .section-content .contrast-tab-title:hover {
        opacity: 1;
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist {
        width: 81.777778vw;
        margin-left: 6.666667vw;
        margin-right: 3.472222vw
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-tab-2 .contrast-tab-title,
    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-tab-2 .contrast-tab-text {
        opacity: 0
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-tab-1 .contrast-tab-title,
    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="1"] .contrast-tab-1 .contrast-tab-text {
        opacity: 1
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-1 .contrast-tab-title,
    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-1 .contrast-tab-text {
        opacity: 0
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-2 .contrast-tab-title,
    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-2 .contrast-tab-text {
        opacity: 1
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist[data-index="2"] .contrast-tab-2 img {
        filter: none;
        opacity: 1
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist .contrast-tab {
        padding-left: 0;
        margin-top: 8.888889vw
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist-swiper .swiper-slide {
        opacity: 0
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist-swiper .swiper-slide-active {
        opacity: 1
    }

    #changxiang70x .section-contrast .section-content .contrast-tab-title img {
        width: 31.805556vw;
        margin-right: 2.5vw;
        filter: none
    }

    #changxiang70x .section-contrast .caption {
        font-size: 3.888889vw
    }

    #changxiang70x .section-contrast .caption-before {
        right: 6.666667vw;
        bottom: 6.666667vw
    }

    #changxiang70x .section-contrast .caption-after {
        left: 6.666667vw;
        bottom: 6.666667vw
    }

    #changxiang70x .section-contrast .swiper-button-container {
        height: 11.111111vw;
        margin-top: 6.666667vw;
        position: relative;
        margin-right: 0;
        margin-left: auto;
        display: flex;
        justify-content: flex-end
    }

    #changxiang70x .section-contrast .swiper-button-prev,
    #changxiang70x .section-contrast .swiper-button-next {
        position: relative;
        border-radius: 50%;
        margin-top: 0;
        top: auto;
        left: auto;
        right: auto;
        display: inline-flex;
        border: solid .15625vw #D3B271;
        transition-duration: .5s;
        width: 11.111111vw;
        height: 11.111111vw;
        border-width: .416667vw
    }

    #changxiang70x .section-contrast .swiper-button-prev::after,
    #changxiang70x .section-contrast .swiper-button-next::after {
        color: #D3B271;
        font-weight: bold;
        transition-duration: .5s;
        font-size: 3.333333vw
    }

    #changxiang70x .section-contrast .swiper-button-prev:active,
    #changxiang70x .section-contrast .swiper-button-next:active {
        background-color: transparent;
        transition-duration: .5s
    }

    #changxiang70x .section-contrast .swiper-button-prev {
        margin-right: 2.5vw
    }

    #changxiang70x .section-contrast .swiper-pagination {
        width: auto;
        left: 0;
        bottom: 3.138889vw
    }

    #changxiang70x .section-contrast .swiper-pagination-bullet {
        width: 5.555556vw;
        height: .416667vw;
        background-color: #D3B271;
        border-radius: 0px;
        margin: 0 2.222222vw 0 0;
        transition-duration: .3s
    }

    #changxiang70x .section-eyecare {
        width: 100%;
        padding-top: 0;
        padding-bottom: 27.777778vw
    }

    #changxiang70x .section-eyecare .section-des {
        position: relative;
        right: auto;
        bottom: auto;
        margin: 4.444444vw auto 0
    }

    #changxiang70x .section-eyecare .eyecare-con {
        flex-direction: column-reverse
    }

    #changxiang70x .section-eyecare .section-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    #changxiang70x .section-eyecare .section-content .eyecare-left-top {
        position: relative;
        width: 100%;
        margin: 0
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tablist {
        width: 100%
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tablist .swiper-wrapper {
        flex-direction: row;
        width: 100%
    }

    #changxiang70x .section-eyecare .section-content .eyecare-title {
        text-align: center;
        margin-bottom: 0
    }

    #changxiang70x .section-eyecare .section-content .eyecare-sgs {
        margin: 4.444444vw auto 8.888889vw;
        justify-content: center;
        font-size: 3.888889vw
    }

    #changxiang70x .section-eyecare .section-content .eyecare-sgs img {
        width: 8.698611vw;
        margin-right: 2.222222vw
    }

    #changxiang70x .section-eyecare .section-content .eyecare-sgs.hidden-web {
        display: flex;
        text-align: center
    }

    #changxiang70x .section-eyecare .section-content .eyecare-swiper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
        overflow: hidden
    }

    #changxiang70x .section-eyecare .section-content .eyecare-left {
        width: 77.777778vw;
        margin-left: auto;
        margin-right: auto;
        margin-top: 8.888889vw
    }

    #changxiang70x .section-eyecare .section-content .swiper-slide1 img {
        width: 100vw;
        margin: 0;
        transform: translate(0, 0)
    }

    #changxiang70x .section-eyecare .section-content .swiper-slide2 img {
        width: 91.111111vw;
        margin: 0 auto
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tab {
        width: 100%;
        padding-left: 0;
        margin-top: 0
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tab p {
        margin-top: 3.333333vw;
        transition-duration: .5s
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tab-1 {
        opacity: 1
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tablist .swiper-slide.swiper-slide-active {
        z-index: 2;
    }

    #changxiang70x .section-contrast .section-content .contrast-tablist-swiper .swiper-slide.swiper-slide-active {
        z-index: 2;
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tab-1 .eyecare-tab-title,
    #changxiang70x .section-eyecare .section-content .eyecare-tab-1 .eyecare-tab-text {
        opacity: 1;
        transition-duration: .5s
    }

    #changxiang70x .section-eyecare .swiper-button-container {
        height: 11.111111vw;
        margin-top: 6.666667vw;
        position: relative;
        margin-right: 0;
        margin-left: auto;
        display: flex;
        justify-content: flex-end
    }

    #changxiang70x .section-eyecare .swiper-button-prev,
    #changxiang70x .section-eyecare .swiper-button-next {
        position: relative;
        border-radius: 50%;
        margin-top: 0;
        top: auto;
        left: auto;
        right: auto;
        display: inline-flex;
        border: solid .15625vw #D3B271;
        transition-duration: .5s;
        width: 11.111111vw;
        height: 11.111111vw;
        border-width: .416667vw
    }

    #changxiang70x .section-eyecare .swiper-button-prev::after,
    #changxiang70x .section-eyecare .swiper-button-next::after {
        color: #D3B271;
        font-weight: bold;
        transition-duration: .5s;
        font-size: 3.333333vw
    }

    #changxiang70x .section-eyecare .swiper-button-prev:active,
    #changxiang70x .section-eyecare .swiper-button-next:active {
        background-color: transparent;
        transition-duration: .5s
    }

    #changxiang70x .section-eyecare .swiper-button-prev {
        margin-right: 2.5vw
    }

    #changxiang70x .section-eyecare .swiper-pagination {
        width: auto;
        left: 0;
        bottom: 3.138889vw
    }

    #changxiang70x .section-eyecare .swiper-pagination-bullet {
        width: 5.555556vw;
        height: .416667vw;
        background-color: #D3B271;
        border-radius: 0px;
        margin: 0 2.222222vw 0 0;
        transition-duration: .3s
    }

    #changxiang70x .section-fuselage .sticky-container {
        top: -10vw
    }

    #changxiang70x .section-fuselage .fuselage-title {
        transform: translateX(0)
    }

    #changxiang70x .section-fuselage .fuselage-con {
        width: 91.666667vw;
        left: 4.166667vw;
        top: 24.333333vw;
        text-align: center;
        transform: translateY(-25vw);
        transition-duration: 1s
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-phone {
        width: 59.573611vw;
        left: 40.402778vw;
        top: 97.416667vw;
        top: auto;
        bottom: 18.333333vw;
        transform: translateY(-25vw) rotate(15deg)
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-shadow {
        width: 76.6625vw;
        top: 77%;
        left: -5%
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg {
        height: calc(100vh + 20vw)
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-icon {
        width: 46.111111vw;
        top: auto;
        left: 26.944444vw
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-left-icon {
        bottom: 111.527778vw;
        transform: translateY(-15vw)
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-right-icon {
        bottom: 51.388889vw;
        transform: translateY(15vw)
    }

    #changxiang70x .section-fuselage.active .fuselage-con,
    #changxiang70x .section-fuselage.active .fuselage-items {
        transform: translateY(0)
    }

    #changxiang70x .section-fuselage.active .fuselage-image-phone {
        transform: rotate(0deg) translateY(0)
    }

    #changxiang70x .section-fuselage.active2 .fuselage-con,
    #changxiang70x .section-fuselage.active2 .fuselage-items {
        transform: translateY(0)
    }

    #changxiang70x .section-fuselage.active2 .fuselage-image-phone {
        transform: rotate(0deg) translateY(0);
        opacity: 0
    }

    #changxiang70x .section-fuselage.active2 .fuselage-left-icon,
    #changxiang70x .section-fuselage.active2 .fuselage-right-icon {
        transform: translateY(0)
    }

    #changxiang70x .section-fuselage.active2 .fuselage-image-shadow {
        opacity: 0
    }

    #changxiang70x .section-fuselage .text-to-left,
    #changxiang70x .section-fuselage .text-to-right {
        transform: translateX(0)
    }

    #changxiang70x .section-fuselage .fuselage-des {
        transform: translateX(0)
    }

    #changxiang70x .section-fuselage .fuselage-items {
        width: auto;
        margin-top: 23vw;
        margin-left: 6.944444vw;
        flex-direction: column;
        text-align: left;
        transform: translateY(-13vw);
        transition-duration: 1s
    }

    #changxiang70x .section-fuselage .fuselage-items .fuselage-item {
        width: auto;
        margin-top: 8.888889vw;
        margin-right: 0
    }

    #changxiang70x .section-fuselage .fuselage-items .fuselage-item p {
        width: -moz-max-content;
        width: max-content
    }

    #changxiang70x .section-fuselage .fuselage-items .fuselage-item:nth-child(1) {
        margin-top: 0
    }

    #changxiang70x .section-camera {
        padding-top: 33.333333vw;
        background-image: linear-gradient(to bottom, #F5EFE1 0%, #FFFFFF 70%);
    }

    #changxiang70x .section-camera .camera-con {
        flex-direction: column-reverse;
        margin-top: 0
    }

    #changxiang70x .section-camera .camera-title {
        width: 66.733333vw
    }

    #changxiang70x .section-camera .camera-title .camera-title-right {
        top: 17.205556vw
    }

    #changxiang70x .section-camera .camera-image {
        width: 67.916667vw;
        position: relative;
        top: auto;
        left: auto;
        margin: 15.694444vw auto 0
    }

    #changxiang70x .section-camera .camera-items {
        width: 77.777778vw;
        flex-wrap: wrap;
        margin-right: 0;
        flex-direction: row;
        margin-top: 11.111111vw
    }

    #changxiang70x .section-camera .camera-items .camera-item {
        width: 100%
    }

    #changxiang70x .section-camera .camera-items .camera-item p {
        margin-top: 3.333333vw
    }

    #changxiang70x .section-camera .camera-items .camera-item-1 {
        width: 100%
    }

    #changxiang70x .section-camera .camera-items .camera-item-2 {
        width: -moz-max-content;
        width: max-content;
        margin-left: 0;
        margin-top: 8.888889vw
    }

    #changxiang70x .section-camera .camera-items .camera-item-3 {
        margin-top: 13.888889vw;
        position: absolute;
        left: 30.555556vw;
        bottom: 0
    }

    #changxiang70x .section-gallery .gallery-swiper {
        width: 77.777778vw;
        margin-left: auto;
        margin-right: auto
    }

    #changxiang70x .section-gallery .swiper-slide {
        width: 100%;
        margin-right: 4.444444vw
    }

    #changxiang70x .section-gallery .swiper-slide img,
    #changxiang70x .section-gallery .swiper-slide-1 img,
    #changxiang70x .section-gallery .swiper-slide-2 img,
    #changxiang70x .section-gallery .swiper-slide-3 img,
    #changxiang70x .section-gallery .swiper-slide-4 img,
    #changxiang70x .section-gallery .swiper-slide-5 img,
    #changxiang70x .section-gallery .swiper-slide-6 img,
    #changxiang70x .section-gallery .swiper-slide-7 img {
        width: 77.777778vw;
        height: auto
    }

    #changxiang70x .section-gallery .swiper-slide p {
        margin-top: 5.555556vw;
        text-align: left
    }

    #changxiang70x .section-gallery .swiper-button-container {
        height: 11.111111vw;
        margin-top: 6.666667vw
    }

    #changxiang70x .section-gallery .swiper-button-prev,
    #changxiang70x .section-gallery .swiper-button-next {
        width: 11.111111vw;
        height: 11.111111vw;
        border-width: .416667vw
    }

    #changxiang70x .section-gallery .swiper-button-prev:active,
    #changxiang70x .section-gallery .swiper-button-next:active {
        background-color: transparent;
    }

    #changxiang70x .section-gallery .swiper-button-prev::after,
    #changxiang70x .section-gallery .swiper-button-next::after {
        font-size: 3.333333vw
    }

    #changxiang70x .section-gallery .swiper-button-prev:active:after,
    #changxiang70x .section-gallery .swiper-button-next:active:after {
        color: #D3B271
    }

    #changxiang70x .section-gallery .swiper-button-prev {
        margin-right: 2.5vw
    }

    #changxiang70x .section-gallery .swiper-pagination {
        width: auto;
        left: 11.111111vw;
        bottom: 3.138889vw
    }

    #changxiang70x .section-gallery .swiper-pagination-bullet {
        width: 5.555556vw;
        height: .416667vw;
        background-color: #D3B271;
        border-radius: 0px;
        margin: 0 2.222222vw 0 0;
        transition-duration: .3s
    }

    #changxiang70x .section-des {
        width: auto;
        font-size: 3.333333vw;
    }

    #changxiang70x .section-nfc .nfc-con {
        width: 83.333333vw
    }

    #changxiang70x .section-nfc .nfc-list {
        width: 91.111111vw;
        flex-wrap: wrap;
        padding: 8.888889vw 0 0
    }

    #changxiang70x .section-nfc .nfc-title {
        flex-direction: column
    }

    #changxiang70x .section-nfc .swiper-container {
        padding: 0;
        width: 91.111111vw;
        margin-left: auto;
        margin-right: auto
    }

    #changxiang70x .section-nfc .swiper-wrapper {
        display: flex;
        width: 100%;
        padding: 0;
        margin-top: 8.888889vw;
        border: none;
        background: none
    }

    #changxiang70x .section-nfc .section-des {
        top: 130.555556vw;
        bottom: auto;
        width: 100%;
        right: auto;
        text-align: center
    }

    #changxiang70x .section-nfc .swiper-slide {
        padding: 0;
        margin-right: 4.444444vw
    }

    #changxiang70x .section-nfc .swiper-slide:last-child {
        margin-right: 0;
        padding-bottom: 0;
        border: none
    }

    #changxiang70x .section-nfc .swiper-slide+.swiper-slide {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
        border: none
    }

    #changxiang70x .section-nfc .nfc-img-swiper {
        width: 100%
    }

    #changxiang70x .section-nfc .nfc-img-swiper .swiper-wrapper {
        margin-top: 0
    }

    #changxiang70x .section-nfc .nfc-img-swiper .swiper-slide {
        opacity: 1 !important;
        margin-right: 8.333333vw
    }

    #changxiang70x .section-nfc .nfc-img-swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #changxiang70x .section-nfc .nfc-tab-swiper {
        width: 77.777778vw;
        margin-left: 6.666667vw;
        margin-right: 6.666667vw;
        overflow: hidden;
        flex-shrink: 0
    }

    #changxiang70x .section-nfc .nfc-tab-swiper .swiper-wrapper {
        display: flex;
        width: 100%;
        height: auto;
        background: none;
        padding: 0
    }

    #changxiang70x .section-nfc .nfc-tab-swiper .swiper-slide+.swiper-slide {
        margin: 0 auto;
        padding: 0;
        border: none;
        margin-right: 6.666667vw
    }

    #changxiang70x .section-nfc .nfc-tab-swiper .swiper-slide {
        border: none
    }

    #changxiang70x .section-nfc .nfc-tab-swiper .swiper-slide:last-child {
        margin-right: 0
    }

    #changxiang70x .section-nfc .nfc-tab-swiper .tab-row {
        width: 77.777778vw;
        margin: 0 auto
    }

    #changxiang70x .section-nfc .tab-picture {
        width: 100%;
        padding-bottom: 8.888889vw
    }

    #changxiang70x .section-nfc .tab-row {
        display: block;
        cursor: auto
    }

    #changxiang70x .section-nfc .tab-headline {
        color: #1d1d1f
    }

    #changxiang70x .section-nfc .tab-headline:hover {
        opacity: 1;
    }

    #changxiang70x .section-nfc .tab-icon {
        display: none
    }

    #changxiang70x .section-nfc .intro-row {
        height: auto
    }

    #changxiang70x .section-nfc .tab-intro {
        opacity: 1;
        margin-top: 3.333333vw
    }

    #changxiang70x .section-nfc .controls {
        padding: 0 5.555556vw 5.555556vw
    }

    #changxiang70x .section-nfc .swiper-scrollbar {
        width: 38.888889vw;
        height: .555556vw;
        border-radius: .555556vw;
        background-color: rgba(0, 0, 0, 0)
    }

    #changxiang70x .section-nfc .swiper-scrollbar::before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        content: "";
        transform: translateY(-50%);
        background-color: #b5b5b5
    }

    #changxiang70x .section-nfc .swiper-scrollbar-drag {
        background-color: #1d1d1f
    }

    #changxiang70x .section-nfc .slidenav-arrow {
        width: 11.111111vw;
        cursor: pointer;
        transition: opacity .3s;
        outline: 0
    }

    #changxiang70x .section-nfc .slidenav-arrow-next {
        margin-left: 2.777778vw
    }

    #changxiang70x .section-nfc .slidenav-disabled {
        cursor: auto;
        opacity: .4
    }

    #changxiang70x .section-nfc .swiper-button-container {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-right: 11.111111vw;
        height: 11.111111vw;
        margin-top: 6.666667vw
    }

    #changxiang70x .section-nfc .swiper-button-prev,
    #changxiang70x .section-nfc .swiper-button-next {
        position: relative;
        border-radius: 50%;
        margin-top: 0;
        top: auto;
        left: auto;
        right: auto;
        display: inline-flex;
        border: solid .15625vw #D3B271;
        transition-duration: .5s;
        width: 11.111111vw;
        height: 11.111111vw;
        border-width: .416667vw
    }

    #changxiang70x .section-nfc .swiper-button-prev:active,
    #changxiang70x .section-nfc .swiper-button-next:active {
        background-color: transparent;
        transition-duration: .5s
    }

    #changxiang70x .section-nfc .swiper-button-prev:active:after,
    #changxiang70x .section-nfc .swiper-button-next:active:after {
        color: #D3B271
    }

    #changxiang70x .section-nfc .swiper-button-prev::after,
    #changxiang70x .section-nfc .swiper-button-next::after {
        color: #D3B271;
        font-weight: bold;
        transition-duration: .5s;
        font-size: 3.333333vw
    }

    #changxiang70x .section-nfc .swiper-button-prev {
        margin-right: 2.5vw
    }

    #changxiang70x .section-nfc .swiper-pagination {
        width: auto;
        left: 11.111111vw;
        bottom: 3.138889vw
    }

    #changxiang70x .section-nfc .swiper-pagination-bullet {
        width: 5.555556vw;
        height: .416667vw;
        background-color: #D3B271;
        border-radius: 0px;
        margin: 0 2.222222vw 0 0;
        transition-duration: .3s
    }

    #changxiang70x .section-convenient {
        overflow: hidden;
        margin-top: 27.777778vw
    }

    #changxiang70x .section-convenient .section-content {
        flex-wrap: wrap;
        width: 91.111111vw
    }

    #changxiang70x .section-convenient .convenient-title {
        position: relative;
        text-align: center;
        width: 100%;
        top: auto;
        left: auto;
        margin: 0
    }

    #changxiang70x .section-convenient .swiper-container {
        width: 91.111111vw;
        flex-direction: column
    }

    #changxiang70x .section-convenient .swiper-wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
        background: none;
        order: 1
    }

    #changxiang70x .section-convenient .swiper-wrapper .swiper-slide {
        width: 100%;
        flex-direction: column-reverse
    }

    #changxiang70x .section-convenient .swiper-wrapper .swiper-slide .convenient-con {
        margin: 4.444444vw auto 0
    }

    #changxiang70x .section-convenient .swiper-wrapper .swiper-slide .convenient-img {
        width: 100%;
        margin-left: 0;
        margin-top: 8.888889vw;
        border-radius: 2.222222vw;
        overflow: hidden;
    }

    #changxiang70x .section-convenient .circle-wrapper {
        bottom: 56vw;
        left: 24.811111vw;
        width: 5.166667vw;
        height: 5.166667vw
    }

    #changxiang70x .section-convenient .convenient-con {
        background: none;
        width: 77.777778vw;
        position: relative;
        top: auto;
        transform: unset;
        left: auto;
        margin: 27.777778vw auto 8.333333vw;
        text-align: center
    }

    #changxiang70x .section-convenient .section-des {
        order: 2;
        width: 100%;
        position: relative;
        top: auto;
        text-align: center;
        margin: 4.444444vw 0 0
    }

    #changxiang70x .section-convenient .swiper-content {
        width: 100%;
        border: none;
        background: none;
        order: 3
    }

    #changxiang70x .section-convenient .swiper-content .tablist {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        padding: 8.333333vw 0 0
    }

    #changxiang70x .section-convenient .swiper-content .tabnav {
        margin-top: 0
    }

    #changxiang70x .section-convenient .swiper-content .tabnav:hover {
        opacity: 1;
    }

    #changxiang70x .section-convenient .swiper-content .tabnav p {
        margin-top: 2.777778vw
    }

    #changxiang70x .section-convenient .swiper-content .tabnav svg {
        width: 11.111111vw;
        height: 11.111111vw
    }

    #changxiang70x .section-convenient .swiper-content .tabnav-icon {
        width: 11.111111vw
    }

    #changxiang70x .contrast-feature-1-container {
        width: 100%
    }

    #changxiang70x .contrast-feature-1-container .comparison-button,
    #changxiang70x .contrast-feature-1-container .comparison-icon svg {
        width: 11.111111vw;
        height: 11.111111vw
    }

    #changxiang70x .contrast-feature-1-container .comparison-slider {
        border-radius: 1.388vw
    }

    #changxiang70x .contrast-feature-1-container [data-current="0"] .comparison-after {
        width: 0
    }

    #changxiang70x .contrast-feature-1-container [data-current="0"] .comparison-handle {
        left: -2px
    }

    #changxiang70x .contrast-feature-1-container [data-current="1"] .comparison-after {
        width: 100%
    }

    #changxiang70x .contrast-feature-1-container [data-current="1"] .comparison-handle {
        left: calc(100% + 2px)
    }

    #changxiang70x .contrast-feature-1-container .picture-after img {
        width: 91.111111vw
    }

    #changxiang70x .contrast-feature-1-container .tabnav-pill {
        display: flex;
        justify-content: center;
        margin-top: 11.111111vw
    }

    #changxiang70x .contrast-feature-1-container .tabnav-wrapper {
        overflow: hidden
    }

    #changxiang70x .contrast-feature-1-container .tabnav-list {
        position: relative;
        display: flex
    }

    #changxiang70x .contrast-feature-1-container .tabnav-item {
        margin-right: 8.3vw;
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    #changxiang70x .contrast-feature-1-container .tabnav-item:last-child {
        margin-right: 0
    }

    #changxiang70x .contrast-feature-1-container .tabnav-label {
        font-size: 5.555vw;
        font-weight: 500;
        line-height: 1.25;
        transition: color .4s cubic-bezier(0.65, 0.05, 0.36, 1);
        color: #86868b
    }

    #changxiang70x .contrast-feature-1-container .tabnav-item-active {
        cursor: default
    }

    #changxiang70x .contrast-feature-1-container .tabnav-item-active .tabnav-label {
        transition: color .4s .4s cubic-bezier(0.05, 0.65, 1, 0.36);
        color: #fff9e0;
        line-height: 1.25
    }

    #changxiang70x .contrast-feature-1-container .tabnav-item-active .tabnav-label-swiper-switch-btn-svg {
        opacity: 1
    }

    #changxiang70x .contrast-feature-1-container .tabnav-label-swiper-switch-btn-svg {
        opacity: 0;
        transition: opacity .4s .4s cubic-bezier(0.05, 0.65, 1, 0.36)
    }

    #changxiang70x .contrast-feature-1-container .tabnav-label-swiper-switch-btn-svg svg {
        width: 20.7vw;
        height: 3.24vw
    }

    #changxiang70x .contrast-feature-1-container .tabnav-indicator {
        position: absolute;
        top: 0;
        left: var(--tabnav-indicator-left, 0);
        overflow: hidden;
        width: var(--tabnav-indicator-width, 50%);
        height: 100%;
        transition: left .8s cubic-bezier(0.65, 0.05, 0.36, 1), width .8s cubic-bezier(0.65, 0.05, 0.36, 1);
        border-radius: 999px;
        background-color: #fff9e0
    }

    #changxiang70x .contrast-feature-2-container {
        width: 100%
    }

    #changxiang70x .contrast-feature-2-container .comparison-button,
    #changxiang70x .contrast-feature-2-container .comparison-icon svg {
        width: 11.111111vw;
        height: 11.111111vw
    }

    #changxiang70x .contrast-feature-2-container .comparison-slider {
        border-radius: 1.388vw
    }

    #changxiang70x .contrast-feature-2-container [data-current="0"] .comparison-after {
        width: 0
    }

    #changxiang70x .contrast-feature-2-container [data-current="0"] .comparison-handle {
        left: -2px
    }

    #changxiang70x .contrast-feature-2-container [data-current="1"] .comparison-after {
        width: 100%
    }

    #changxiang70x .contrast-feature-2-container [data-current="1"] .comparison-handle {
        left: calc(100% + 2px)
    }

    #changxiang70x .contrast-feature-2-container .picture-after img {
        width: 91.111111vw
    }

    #changxiang70x .contrast-feature-2-container .tabnav-pill {
        display: flex;
        justify-content: center;
        margin-top: 11.111111vw
    }

    #changxiang70x .contrast-feature-2-container .tabnav-wrapper {
        overflow: hidden
    }

    #changxiang70x .contrast-feature-2-container .tabnav-list {
        position: relative;
        display: flex
    }

    #changxiang70x .contrast-feature-2-container .tabnav-item {
        margin-right: 8.3vw;
        position: relative;
        z-index: 1;
        cursor: pointer
    }

    #changxiang70x .contrast-feature-2-container .tabnav-item:last-child {
        margin-right: 0
    }

    #changxiang70x .contrast-feature-2-container .tabnav-label {
        font-size: 5.555vw;
        font-weight: 500;
        line-height: 1.25;
        transition: color .4s cubic-bezier(0.65, 0.05, 0.36, 1);
        color: #86868b
    }

    #changxiang70x .contrast-feature-2-container .tabnav-item-active {
        cursor: default
    }

    #changxiang70x .contrast-feature-2-container .tabnav-item-active .tabnav-label {
        transition: color .4s .4s cubic-bezier(0.05, 0.65, 1, 0.36);
        color: #fff9e0;
        line-height: 1.25
    }

    #changxiang70x .contrast-feature-2-container .tabnav-item-active .tabnav-label-swiper-switch-btn-svg {
        opacity: 1
    }

    #changxiang70x .contrast-feature-2-container .tabnav-label-swiper-switch-btn-svg {
        opacity: 0;
        transition: opacity .4s .4s cubic-bezier(0.05, 0.65, 1, 0.36)
    }

    #changxiang70x .contrast-feature-2-container .tabnav-label-swiper-switch-btn-svg svg {
        width: 20.7vw;
        height: 3.24vw
    }

    #changxiang70x .contrast-feature-2-container .tabnav-indicator {
        position: absolute;
        top: 0;
        left: var(--tabnav-indicator-left, 0);
        overflow: hidden;
        width: var(--tabnav-indicator-width, 50%);
        height: 100%;
        transition: left .8s cubic-bezier(0.65, 0.05, 0.36, 1), width .8s cubic-bezier(0.65, 0.05, 0.36, 1);
        border-radius: 999px;
        background-color: #fff9e0
    }

    #changxiang70x .section-theme .theme-con {
        width: 80.555556vw
    }

    #changxiang70x .section-theme .system-creative-theme-switch-container {
        margin-top: -10vw
    }

    #changxiang70x .section-theme .system-creative-theme-content {
        display: block;
        margin: 0 auto;
        width: 83.333%
    }

    #changxiang70x .section-theme .system-creative-theme-title,
    #changxiang70x .section-theme .system-creative-theme-text {
        width: 100%
    }

    #changxiang70x .section-theme .system-creative-theme-background-container {
        display: none
    }

    #changxiang70x .section-theme .system-creative-theme-swiper-container {
        margin-left: 10.833%;
        width: 98.6111%
    }

    #changxiang70x .section-theme .system-creative-theme-item-container {
        transition: all .5s ease-in-out
    }

    #changxiang70x .section-theme .system-creative-theme-switch-btn-container {
        border-radius: 6.666vw;
        width: 58.333%;
        height: 13.333vw
    }

    #changxiang70x .section-theme .system-creative-theme-switch-btn {
        font-size: 3.888vw;
        margin-right: 13vw;
    }

    #changxiang70x .section-theme .system-creative-theme-switch-btn:hover {
        opacity: 1;
    }

    #changxiang70x .section-theme .system-creative-theme-switch-btn-container::before {
        border-radius: 5.555vw;
        top: 1.111vw;
        left: 1.111vw;
        width: 27.778vw;
        height: 11.111vw
    }

    #changxiang70x .section-theme .system-creative-theme-switch-btn-container[data-index="1"]::before {
        transform: translateX(101%)
    }

    #changxiang70x .section-xiaoyi {
        margin: 0
    }

    #changxiang70x .section-xiaoyi .section-content {
        width: 91.111111vw;
        margin: 27.777778vw auto 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        background: none
    }

    #changxiang70x .section-xiaoyi .section-content .xiaoyi-con {
        width: 77.777778vw;
        margin: 0 auto 8.888889vw;
        padding: 0;
        background: none;
        text-align: center
    }

    #changxiang70x .section-xiaoyi .section-content .xiaoyi-image {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        transform: unset
    }

    #changxiang70x .section-xiaoyi .section-content .section-des {
        width: 100%;
        text-align: center;
        margin: 4.444444vw auto 0
    }

    #changxiang70x .section-control .section-content {
        width: 91.111111vw;
        margin: 27.777778vw auto 27.777778vw;
        padding: 0;
        display: flex;
        flex-direction: column;
        background: none
    }

    #changxiang70x .section-control .section-content .media-container {
        position: relative;
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
        transform: unset;
        background: #F6F2E8;
        border-radius: 2.222222vw;
        order: 2
    }

    #changxiang70x .section-control .section-content .control-con {
        width: 77.777778vw;
        margin: 0 auto 8.888889vw;
        padding: 0;
        background: none;
        text-align: center;
        order: 1
    }

    #changxiang70x .section-control .section-content .section-des {
        order: 3;
        width: 100%;
        margin: 4.444444vw auto 0;
        text-align: center
    }

    #changxiang70x .section-control .section-content .control-image {
        position: relative;
        width: 67.361111vw;
        top: auto;
        left: auto;
        margin: 0 auto;
        right: auto;
        transform: unset
    }

    #changxiang70x .section-control .section-content .control-mask {
        left: 50%;
        transform: translateX(-50%);
        width: 67.361111vw;
        height: 100%
    }

    #changxiang70x .section-control .section-content .control-image2 {
        width: 28.75vw;
        top: 40.555556vw
    }

    #changxiang70x .section-control .control-icon-wrap {
        width: 85.555556vw;
        height: 86.527778vw;
        left: 4.166667vw;
        top: 20.138889vw
    }

    #changxiang70x .section-control .control-icon-1 {
        width: 18.055556vw
    }

    #changxiang70x .section-control .control-icon-2 {
        width: 13.055556vw;
        top: 33.472222vw;
        left: 2.5vw
    }

    #changxiang70x .section-control .control-icon-3 {
        width: 16.805556vw;
        top: 64.722222vw
    }

    #changxiang70x .section-control .control-icon-4 {
        width: 18.472222vw;
        top: 11.25vw;
        right: 0
    }

    #changxiang70x .section-control .control-icon-5 {
        width: 10.694444vw;
        top: 40vw;
        right: 6.527778vw
    }

    #changxiang70x .section-control .control-icon-6 {
        width: 15.972222vw;
        bottom: 0;
        right: 0
    }

    #changxiang70x .section-disclaimer .disclaimer-container {
        width: 91.111111vw;
        padding-top: 8.888889vw
    }

    #changxiang70x .section-disclaimer .disclaimer-container ol {
        font-size: 3.333333vw
    }

    #changxiang70x .section-reasons .swiper-slide .reasons-con .section-des {
        bottom: 6.666667vw;
        left: 6.666667vw;
    }

    #changxiang70x .section-reasons .swiper-slide2 .reasons-con .section-des {
        color: rgba(255, 255, 255, .6);
    }

    #changxiang70x .section-reasons .swiper-slide4 .reasons-con .section-des {
        color: rgba(121, 124, 128, .6);
    }

    #changxiang70x .section-connection .connection-image .section-des,
    #changxiang70x .section-communication .section-des {
        position: relative;
        width: 100%;
        text-align: center;
        margin-top: 4.444444vw;
        left: 0;
        bottom: 0;
        color: #797C80;
        top: 0;
    }

    #changxiang70x .section-battery .battery-image .section-des {
        bottom: 6.666667vw;
        right: 12.5vw;
    }

    #changxiang70x .section-battery2 .battery2-swiper .section-des {
        margin-top: 6.666667vw;
    }

    #changxiang70x .section-oled .section-content .section-des {
        margin-top: 6.666667vw;
        margin-right: 12.5vw;
    }

    #changxiang70x .section-contrast,
    #changxiang70x .section-oled .oled-bg::after {
        background-image: none;
    }

    #changxiang70x .section-color .swiper-effect-text .color-name {
        margin-bottom: 3.333333vw;
    }

    #changxiang70x .swiper-button-prev:hover,
    #changxiang70x .swiper-button-next:hover {
        opacity: 1;
    }

    #changxiang70x .section-eyecare .section-content .eyecare-tab-title:hover {
        opacity: 1;
    }

    .swiper-button-prev.swiper-button-disabled,
    .swiper-button-next.swiper-button-disabled {
        opacity: 0.35 !important;
    }

    #changxiang70x .section-reasons .reasons-swiper .section-des {
        width: 83.333333vw;
        text-align: center;
        margin-top: 4.444444vw;
    }
}

#changxiang70x .section-color .swiper-pagination-bullet:nth-child(5) .inside-circle {
    background: linear-gradient(-45deg, #323232 0%, #656669 50%, #323232 100%)
}

#changxiang70x .section-color .swiper-effect-text-5 .color-name {
    background-image: linear-gradient(101deg, #323232 0%, #656669 66%, #323232 100%)
}

#changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(5) .outside-circle {
    border: .104167vw solid #323232
}

@media(max-aspect-ratio: 11/10) {
    #changxiang70x .section-color .swiper-pagination-bullet-active:nth-child(5) .outside-circle {
        border: .277778vw solid #323232
    }
}

#changxiang70x.no-inline-video .video-fallback {
    display: block
}

#changxiang70x.no-inline-video video {
    display: none
}

#changxiang70x.no-inline-video .common-video-btn {
    display: none
}

@media screen and (min-width: 834px)and (max-width: 1366px)and (min-aspect-ratio: 11/10) {
    #changxiang70x .section-fuselage .sticky-container {
        top: 0
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-phone {
        top: auto;
        bottom: 10vw;
        left: 61.643229vw
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg {
        height: 100vh
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #changxiang70x .section-des {
        font-size: .833333vw;
    }
}

@media screen and (width: 1366px) and (min-aspect-ratio: 11/10) {
    #changxiang70x .section-fuselage .fuselage-con {
        top: 21%
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-phone {
        bottom: 10vh;
    }
}

@media screen and (min-width: 640px)and (max-width: 970px) {
    #changxiang70x .section-fuselage .sticky-container {
        top: -60vw
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg {
        height: calc(100vh + 60vw)
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-phone {
        width: 52.573611vw
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-shadow {
        width: 70.6625vw;
        top: 72%;
        left: -5%
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-icon {
        width: 33.420833vw;
        left: auto
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-left-icon {
        left: 11.111111vw;
        bottom: 63.611111vw;
        transform: translate(-5vw, -50%)
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-right-icon {
        right: 11.111111vw;
        bottom: 63.611111vw;
        transform: translate(-5vw, -50%)
    }

    #changxiang70x .section-fuselage.active2 .fuselage-image .fuselage-left-icon {
        transform: translate(0, -50%)
    }

    #changxiang70x .section-fuselage.active2 .fuselage-image .fuselage-right-icon {
        transform: translate(0, -50%)
    }
}

@media screen and (min-width: 677px)and (max-width: 734px) {
    #changxiang70x .section-fuselage .sticky-container {
        top: -87vw
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg {
        height: auto
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-icon {
        top: calc(45vh + 87vw);
        bottom: auto
    }
}

@media screen and (min-width: 677px)and (max-width: 827px)and (min-aspect-ratio: 11/10) {
    #changxiang70x .section-fuselage .sticky-container {
        top: 0
    }

    #changxiang70x .section-des {
        font-size: .833333vw;
    }

    #changxiang70x .section-fuselage .fuselage-con {
        top: 50%;
        transform: translateY(-50%)
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-phone {
        width: 27.171354vw;
        top: auto;
        bottom: 14vw;
        left: 68.643229vw
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-shadow {
        width: 29.502083vw;
        top: 68%;
        left: 19%
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg {
        height: 100vh
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-image-bg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-icon {
        top: auto;
        bottom: auto;
        width: 14.583333vw;
        left: 26.944444vw
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-left-icon {
        left: 16.25vw;
        transform: translate(-5vw, 0%)
    }

    #changxiang70x .section-fuselage .fuselage-image .fuselage-right-icon {
        left: 35.416667vw;
        transform: translate(-5vw, 0%)
    }

    #changxiang70x .section-fuselage.active2 .fuselage-image .fuselage-left-icon {
        transform: translate(0, 0%)
    }

    #changxiang70x .section-fuselage.active2 .fuselage-image .fuselage-right-icon {
        transform: translate(0, 0%)
    }
}

#changxiang70x .section-gallery .section-des{
    margin: 2.5vw 0 2.5vw auto;
}

#changxiang70x .section-nfc .nfc-img-swiper .section-des{
    position: absolute;
    bottom: 32px;
    left: 32px;
    z-index: 10;
}

@media(max-aspect-ratio: 11/10) {
   #changxiang70x .section-gallery .section-des{
       margin: 8.888889vw auto 0;
       text-align: center;
   }

   #changxiang70x .section-nfc .nfc-img-swiper .section-des{
        width: 75vw;
        top: 4.444444vw;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        color: rgba(0, 0, 0, .6);
   }
}