html.has-modal-l {
  background-color: #000;
}

html.has-modal-l body {
  overflow: hidden
}

html.has-modal-l body,
html.has-modal-l .main-navigation.nav-v2,
html.has-modal-l #second-navigation-v4 .product-tabs__heading,
html.fancybox-margin body,
html.fancybox-margin .main-navigation.nav-v2,
html.fancybox-margin #second-navigation-v4 .product-tabs__heading {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

#qingyun-hm740 {
  font-size: 1.145833vw;
  line-height: 1.6;
  color: #fff;
  background-color: #000;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 {
    font-size: 4.444444vw;
  }
}

#qingyun-hm740 .will-change .will-change-tf {
  will-change: transform;
}

#qingyun-hm740 .will-change .will-change-op {
  will-change: opacity;
}

#qingyun-hm740 .will-change .will-change-tf-op {
  will-change: transform, opacity;
}

#qingyun-hm740 *,
#qingyun-hm740 *::before,
#qingyun-hm740 *::after {
  box-sizing: border-box;
}

#qingyun-hm740 section {
  position: relative;
}

#qingyun-hm740 img,
#qingyun-hm740 picture,
#qingyun-hm740 video,
#qingyun-hm740 canvas,
#qingyun-hm740 svg {
  display: block;
  width: 100%;
}

#qingyun-hm740 svg {
  overflow: visible;
}

#qingyun-hm740 .blur-up {
  transition: filter 0.2s;
  filter: blur(20px);
  will-change: filter;
}

#qingyun-hm740 .blur-up.lazyloaded {
  filter: blur(0);
}

#qingyun-hm740 br.lg {
  display: block;
}

#qingyun-hm740 br.xs {
  display: none;
}

#qingyun-hm740 sup,
#qingyun-hm740 a {
  color: inherit;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 br.lg {
    display: none;
  }

  #qingyun-hm740 br.xs {
    display: block;
  }
}

#qingyun-hm740 .overflow-hidden {
  overflow: hidden;
}

#qingyun-hm740 .overflow-visible {
  overflow: visible;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .xs\:overflow-hidden {
    overflow: hidden;
  }

  #qingyun-hm740 .xs\:overflow-visible {
    overflow: visible;
  }
}

#qingyun-hm740 .block {
  display: block;
}

#qingyun-hm740 .inline-block {
  display: inline-block;
}

#qingyun-hm740 .inline {
  display: inline;
}

#qingyun-hm740 .flex {
  display: flex;
}

#qingyun-hm740 .inline-flex {
  display: inline-flex;
}

#qingyun-hm740 .hidden {
  display: none;
}

#qingyun-hm740 .pc-show {
  display: block;
}

#qingyun-hm740 .mob-show {
  display: none;
}

#qingyun-hm740 .relative {
  position: relative;
}

#qingyun-hm740 .absolute {
  position: absolute;
}

@media (max-aspect-ratio: 11/10) {

  #qingyun-hm740 .pc-show {
    display: none;
  }

  #qingyun-hm740 .mob-show {
    display: block;
  }

  #qingyun-hm740 .xs\:block {
    display: block;
  }

  #qingyun-hm740 .xs\:inline-block {
    display: inline-block;
  }

  #qingyun-hm740 .xs\:inline {
    display: inline;
  }

  #qingyun-hm740 .xs\:flex {
    display: flex;
  }

  #qingyun-hm740 .xs\:inline-flex {
    display: inline-flex;
  }

  #qingyun-hm740 .xs\:hidden {
    display: none;
  }
}

#qingyun-hm740 .flex-row {
  flex-direction: row;
}

#qingyun-hm740 .flex-row-reverse {
  flex-direction: row-reverse;
}

#qingyun-hm740 .flex-col {
  flex-direction: column;
}

#qingyun-hm740 .flex-col-reverse {
  flex-direction: column-reverse;
}

#qingyun-hm740 .flex-wrap {
  flex-wrap: wrap;
}

#qingyun-hm740 .flex-nowrap {
  flex-wrap: nowrap;
}

#qingyun-hm740 .nowrap {
  white-space: nowrap;
}

#qingyun-hm740 .justify-start {
  justify-content: flex-start;
}

#qingyun-hm740 .justify-end {
  justify-content: flex-end;
}

#qingyun-hm740 .justify-center {
  justify-content: center;
}

#qingyun-hm740 .justify-between {
  justify-content: space-between;
}

#qingyun-hm740 .items-start {
  align-items: flex-start;
}

#qingyun-hm740 .items-end {
  align-items: flex-end;
}

#qingyun-hm740 .items-center {
  align-items: center;
}

#qingyun-hm740 .shrink-0 {
  flex-shrink: 0;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .xs\:flex-row {
    flex-direction: row;
  }

  #qingyun-hm740 .xs\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  #qingyun-hm740 .xs\:flex-col {
    flex-direction: column;
  }

  #qingyun-hm740 .xs\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  #qingyun-hm740 .xs\:justify-start {
    justify-content: flex-start;
  }

  #qingyun-hm740 .xs\:justify-end {
    justify-content: flex-end;
  }

  #qingyun-hm740 .xs\:justify-center {
    justify-content: center;
  }

  #qingyun-hm740 .xs\:justify-between {
    justify-content: space-between;
  }

  #qingyun-hm740 .xs\:items-start {
    align-items: flex-start;
  }

  #qingyun-hm740 .xs\:items-end {
    align-items: flex-end;
  }

  #qingyun-hm740 .xs\:items-center {
    align-items: center;
  }
}

#qingyun-hm740 .video-container {
  position: relative;
}

#qingyun-hm740 .video-container.playing .icon-pause,
#qingyun-hm740 .video-container.paused .icon-play,
#qingyun-hm740 .video-container.ended .icon-replay,
#qingyun-hm740 .images-container.playing .icon-pause,
#qingyun-hm740 .images-container.paused .icon-play,
#qingyun-hm740 .images-container.ended .icon-replay {
  display: block;
}

#qingyun-hm740 .play-pause-button {
  position: absolute;
  z-index: 2;
  right: 1.666667vw;
  bottom: 1.666667vw;
  overflow: hidden;
  width: 2.083333vw;
  height: 2.083333vw;
  transform: translateZ(0);
  border-radius: 50%;
  cursor: pointer;
  backdrop-filter: blur(0.416667vw);
  -webkit-backdrop-filter: blur(0.416667vw);
  background-color: rgba(128, 128, 128, 0.4);
  transition: all .3s;
  will-change: background-color;
}

@media (hover: hover) {
  #qingyun-hm740 .play-pause-button:hover {
    background-color: rgba(128, 128, 128, 0.24)
  }
}

@media (hover: none) {
  #qingyun-hm740 .play-pause-button:active {
    background-color: rgba(128, 128, 128, 0.4);
  }
}

#qingyun-hm740 .play-pause-button .button-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  pointer-events: none;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .play-pause-button {
    right: 4.444444vw;
    bottom: 4.444444vw;
    width: 8.888889vw;
    height: 8.888889vw;
  }

  #qingyun-hm740 .play-pause-button:hover {
    background-color: rgba(128, 128, 128, 0.4)
  }
}

#qingyun-hm740.no-inline-video .play-pause-button {
  display: none;
}

#qingyun-hm740.no-inline-video .section-emotional .emotional-item-2 .play-pause-button {
  display: block;
}

#qingyun-hm740.no-inline-video .section-compatible-content .compatible-item-2 .play-pause-button {
  display: block;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  #qingyun-hm740 .gradient-text {
    display: inline-block;
    -webkit-text-fill-color: transparent;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

#qingyun-hm740 .no-gradient-text .gradient-text {
  background-image: none !important;
  background-color: transparent !important;
}

#qingyun-hm740 .backdrop-filter {
  background-color: rgba(0, 0, 0, 0.8);
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #qingyun-hm740 .backdrop-filter {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: saturate(180%) blur(30px);
    backdrop-filter: saturate(180%) blur(30px);
  }
}

#qingyun-hm740 .w-1560 {
  width: 81.25vw;
}

#qingyun-hm740 .w-1440 {
  width: 75vw;
}

#qingyun-hm740 .w-1360 {
  width: 70.833333vw;
}

#qingyun-hm740 .w-1296 {
  width: 67.5vw;
}

#qingyun-hm740 .w-1280 {
  width: 66.666667vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .xs\:w-full {
    width: 100%;
  }

  #qingyun-hm740 .xs\:w-688 {
    width: 95.555556vw;
  }

  #qingyun-hm740 .xs\:w-656 {
    width: 91.111111vw;
  }

  #qingyun-hm740 .xs\:w-650 {
    width: 90.277778vw;
  }

  #qingyun-hm740 .xs\:w-640 {
    width: 88.888889vw;
  }

  #qingyun-hm740 .xs\:w-620 {
    width: 86.111111vw;
  }

  #qingyun-hm740 .xs\:w-600 {
    width: 83.333333vw;
  }

  #qingyun-hm740 .xs\:w-592 {
    width: 82.222222vw;
  }

  #qingyun-hm740 .xs\:w-560 {
    width: 77.777778vw;
  }
}

#qingyun-hm740 .mx-auto {
  margin-right: auto;
  margin-left: auto;
}

#qingyun-hm740 .mt-16,
#qingyun-hm740 .lg\:mt-16 {
  margin-top: 0.833333vw;
}

#qingyun-hm740 .mt-24,
#qingyun-hm740 .lg\:mt-24 {
  margin-top: 1.25vw;
}

#qingyun-hm740 .ml-24,
#qingyun-hm740 .lg\:ml-24 {
  margin-left: 1.25vw;
}

#qingyun-hm740 .mt-32,
#qingyun-hm740 .lg\:mt-32 {
  margin-top: 1.666667vw;
}

#qingyun-hm740 .mt-30,
#qingyun-hm740 .lg\:mt-30 {
  margin-top: 1.5625vw;
}

#qingyun-hm740 .mt-40,
#qingyun-hm740 .lg\:mt-40 {
  margin-top: 2.083333vw;
}

#qingyun-hm740 .mt-48,
#qingyun-hm740 .lg\:mt-48 {
  margin-top: 2.5vw;
}

#qingyun-hm740 .mt-56,
#qingyun-hm740 .lg\:mt-56 {
  margin-top: 2.916667vw;
}

#qingyun-hm740 .mt-60,
#qingyun-hm740 .lg\:mt-60 {
  margin-top: 3.125vw;
}

#qingyun-hm740 .mt-64,
#qingyun-hm740 .lg\:mt-64 {
  margin-top: 3.333333vw;
}

#qingyun-hm740 .mt-72,
#qingyun-hm740 .lg\:mt-72 {
  margin-top: 3.75vw;
}

#qingyun-hm740 .mt-80,
#qingyun-hm740 .lg\:mt-80 {
  margin-top: 4.166667vw;
}

#qingyun-hm740 .mt-96,
#qingyun-hm740 .lg\:mt-96 {
  margin-top: 5vw;
}

#qingyun-hm740 .mt-100,
#qingyun-hm740 .lg\:mt-100 {
  margin-top: 5.208333vw;
}

#qingyun-hm740 .mt-112,
#qingyun-hm740 .lg\:mt-112 {
  margin-top: 5.833333vw;
}

#qingyun-hm740 .mt-120,
#qingyun-hm740 .lg\:mt-120 {
  margin-top: 6.25vw;
}

#qingyun-hm740 .mt-160,
#qingyun-hm740 .lg\:mt-160 {
  margin-top: 8.333333vw;
}

#qingyun-hm740 .mt-200,
#qingyun-hm740 .lg\:mt-200 {
  margin-top: 10.416667vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .xs\:mx-auto {
    margin-right: auto;
    margin-left: auto;
  }

  #qingyun-hm740 .xs\:mt-0 {
    margin-top: 0;
  }

  #qingyun-hm740 .mt-16,
  #qingyun-hm740 .xs\:mt-16 {
    margin-top: 2.222222vw;
  }

  #qingyun-hm740 .mt-24,
  #qingyun-hm740 .xs\:mt-24 {
    margin-top: 3.333333vw;
  }

  #qingyun-hm740 .ml-24,
  #qingyun-hm740 .xs\:ml-24 {
    margin-left: 3.333333vw;
  }

  #qingyun-hm740 .mt-32,
  #qingyun-hm740 .xs\:mt-32 {
    margin-top: 4.444444vw;
  }

  #qingyun-hm740 .mt-30,
  #qingyun-hm740 .xs\:mt-30 {
    margin-top: 4.166667vw;
  }

  #qingyun-hm740 .mt-40,
  #qingyun-hm740 .xs\:mt-40 {
    margin-top: 5.555556vw;
  }

  #qingyun-hm740 .mt-48,
  #qingyun-hm740 .xs\:mt-48 {
    margin-top: 6.666667vw;
  }

  #qingyun-hm740 .mt-56,
  #qingyun-hm740 .xs\:mt-56 {
    margin-top: 7.777778vw;
  }

  #qingyun-hm740 .mt-60,
  #qingyun-hm740 .xs\:mt-60 {
    margin-top: 8.333333vw;
  }

  #qingyun-hm740 .mt-64,
  #qingyun-hm740 .xs\:mt-64 {
    margin-top: 8.888889vw;
  }

  #qingyun-hm740 .mt-72,
  #qingyun-hm740 .xs\:mt-72 {
    margin-top: 10vw;
  }

  #qingyun-hm740 .mt-80,
  #qingyun-hm740 .xs\:mt-80 {
    margin-top: 11.111111vw;
  }

  #qingyun-hm740 .mt-100,
  #qingyun-hm740 .xs\:mt-100 {
    margin-top: 13.888889vw;
  }

  #qingyun-hm740 .mt-120,
  #qingyun-hm740 .xs\:mt-120 {
    margin-top: 16.666667vw;
  }

  #qingyun-hm740 .mt-160,
  #qingyun-hm740 .xs\:mt-160 {
    margin-top: 22.222222vw;
  }

  #qingyun-hm740 .mt-200,
  #qingyun-hm740 .xs\:mt-200 {
    margin-top: 27.777778vw;
  }
}

#qingyun-hm740 .pt-200,
#qingyun-hm740 .lg\:pt-200 {
  padding-top: 10.416667vw;
}

#qingyun-hm740 .pb-200,
#qingyun-hm740 .lg\:pb-200 {
  padding-bottom: 10.416667vw;
}

#qingyun-hm740 .py-200,
#qingyun-hm740 .lg\:py-200 {
  padding-top: 10.416667vw;
  padding-bottom: 10.416667vw;
}

#qingyun-hm740 .pt-160,
#qingyun-hm740 .lg\:pt-160 {
  padding-top: 8.333333vw;
}

#qingyun-hm740 .pb-160,
#qingyun-hm740 .lg\:pb-160 {
  padding-bottom: 8.333333vw;
}

#qingyun-hm740 .py-160,
#qingyun-hm740 .lg\:py-160 {
  padding-top: 8.333333vw;
  padding-bottom: 8.333333vw;
}

#qingyun-hm740 .pt-120,
#qingyun-hm740 .lg\:pt-120 {
  padding-top: 6.25vw;
}

@media (max-aspect-ratio: 11/10) {

  #qingyun-hm740 .pt-160,
  #qingyun-hm740 .xs\:pt-160 {
    padding-top: 22.222222vw;
  }

  #qingyun-hm740 .pb-160,
  #qingyun-hm740 .xs\:pb-160 {
    padding-bottom: 22.222222vw;
  }

  #qingyun-hm740 .py-160,
  #qingyun-hm740 .xs\:py-160 {
    padding-top: 22.222222vw;
    padding-bottom: 22.222222vw;
  }

  #qingyun-hm740 .pt-200,
  #qingyun-hm740 .xs\:pt-200 {
    padding-top: 27.777778vw;
  }

  #qingyun-hm740 .pb-200,
  #qingyun-hm740 .xs\:pb-200 {
    padding-bottom: 27.777778vw;
  }

  #qingyun-hm740 .py-200,
  #qingyun-hm740 .xs\:py-200 {
    padding-top: 27.777778vw;
    padding-bottom: 27.777778vw;
  }


  #qingyun-hm740 .pt-120,
  #qingyun-hm740 .xs\:pt-120 {
    padding-top: 16.666667vw;
  }

  #qingyun-hm740 .xs\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  #qingyun-hm740 .xs\:pt-0 {
    padding-top: 0;
  }

  #qingyun-hm740 .xs\:pb-0 {
    padding-bottom: 0;
  }
}

#qingyun-hm740 strong {
  font-weight: 700;
}

#qingyun-hm740 [data-footnote] {
  font-size: 0.6em;
  cursor: pointer;
}

#qingyun-hm740 .text-left {
  text-align: left;
}

#qingyun-hm740 .text-center {
  text-align: center;
}

#qingyun-hm740 .text-right {
  text-align: right;
}

#qingyun-hm740 .text-grey {
  color: #969698;
}

#qingyun-hm740 .text-white {
  color: #fff;
}

#qingyun-hm740 .text-gradient {
  display: inline;
  -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, #D2E4FC 0%, #D2E4FC 40%, #033984 77%);
  background-size: 100% 100%
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .xs\:text-left {
    text-align: left;
  }

  #qingyun-hm740 .xs\:text-center {
    text-align: center;
  }

  #qingyun-hm740 .xs\:text-right {
    text-align: right;
  }
}

#qingyun-hm740 .text-align {
  text-align: center;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .text-align {
    text-align: left;
  }

  html[dir=rtl] #qingyun-hm740 .text-align {
    text-align: right;
  }
}

#qingyun-hm740 .section-common-swiper .swiper {
  overflow: visible;
}

#qingyun-hm740 .section-common-swiper .swiper .swiper-slide {
  width: 33.125vw;
  margin: 0 1.25vw;
}

#qingyun-hm740 .section-common-swiper .swiper .swiper-slide:first-child {
  margin-left: 0;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-common-swiper .swiper .swiper-slide {
    width: 100%;
    margin: 0 4.444444vw;
  }

  #qingyun-hm740 .section-common-swiper .swiper .swiper-slide.swiper-slide:not(.swiper-slide-active) {
    cursor: pointer;
  }

  #qingyun-hm740 .section-running-content .swiper .swiper-slide.swiper-slide:not(.swiper-slide-active) {
    cursor: auto;
  }
}


#qingyun-hm740 .sticky-container {
  position: sticky;
  top: 0;
  height: 100vh;
  /* overflow: hidden; */
}

#qingyun-hm740 .space-100vh {
  position: relative;
  pointer-events: none;
  height: 100vh
}

#qingyun-hm740 .space-50vh {
  position: relative;
  pointer-events: none;
  height: 50vh
}

#qingyun-hm740 .space-500vh {
  position: relative;
  pointer-events: none;
  height: 500vh
}

#qingyun-hm740 .text-light {
  color: #fff;
}

#qingyun-hm740 .fb {
  font-weight: bold;
}

#qingyun-hm740 .anim-text-animate {
  --transition-timing: .8s;
  --copy-fade-transition: opacity var(--transition-timing) linear, transform var(--transition-timing) cubic-bezier(0.16, 1, 0.3, 1);
  --copy-fade-y-start: 70px;
  transition: var(--copy-fade-transition);
  opacity: 0;
  transform: translateY(var(--copy-fade-y-start));
}

#qingyun-hm740 .anim-text-animate.animated-copy-element {
  opacity: 1;
  transform: translateY(0);
}

#qingyun-hm740 .modal-button-container {
  display: flex;
  justify-content: center;
}

#qingyun-hm740 .modal-button-container .modal-button-wrapper {
  position: relative;
  overflow: hidden;
  height: 3.333333vw;
  transition: opacity 300ms ease-out;
  background: #F2F3F5;
  border-radius: 999px;
}

@media (hover: hover) {
  #qingyun-hm740 .modal-button-container .modal-button-wrapper:hover {
    opacity: 0.6;
  }
}

#qingyun-hm740 .modal-button-container .modal-button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 1.666667vw;
  padding-right: .833333vw;
  cursor: pointer;
}

#qingyun-hm740 .modal-button-container .button-copy {
  font-size: 0.9375vw;
  font-weight: 500;
  line-height: 1.25;
  color: #000;
}

#qingyun-hm740 .modal-button-container .button-icon {
  width: 1.666667vw;
  margin-left: .833333vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .modal-button-container .modal-button-wrapper {
    min-height: 13.333333vw;
    height: auto;
    padding: 3.611111vw 0;
  }

  #qingyun-hm740 .modal-button-container .modal-button {
    padding-right: 3.333333vw;
    padding-left: 6.666667vw;
  }

  #qingyun-hm740 .modal-button-container .button-copy {
    font-size: 3.611111vw;
  }

  #qingyun-hm740 .modal-button-container .button-icon {
    width: 6.666667vw;
    margin-left: 3.333333vw;
  }
}

#qingyun-hm740 .section-modal {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: -webkit-backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), backdrop-filter 0.6s cubic-bezier(0.65, 0.05, 0.36, 1), background-color 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
  outline: 0;
  background-color: rgba(25, 25, 26, 0);
  -webkit-backdrop-filter: blur(0px) brightness(100%);
  backdrop-filter: blur(0px) brightness(100%);
}

#qingyun-hm740 .section-modal.modal-scrollable {
  padding-inline-end: var(--modal-scrollbar-buffer);
}

#qingyun-hm740 .section-modal.modal-open {
  background-color: rgba(25, 25, 26, 0.8);
  -webkit-backdrop-filter: blur(50px) brightness(120%);
  backdrop-filter: blur(50px) brightness(120%);
}

#qingyun-hm740 .section-modal.modal-open .modal-container {
  transition: transform 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), opacity 0.2s ease-in;
  opacity: 1;
}

#qingyun-hm740 .section-modal.light .modal-open {
  background-color: rgba(237, 238, 242, 0.8);
}

.has-modal-l #qingyun-hm740 .section-modal.modal-open,
.has-modal-l #qingyun-hm740 .section-modal.modal-will-close {
  z-index: 200;
}

.has-modal-l #qingyun-hm740 .section-modal .modal-container {
  transform: translate3d(0, 0, 0);
}

#qingyun-hm740 .section-modal.modal-will-close {
  overflow: auto !important;
  padding-inline-end: 0;
}

#qingyun-hm740 .section-modal.modal-will-close .modal-container {
  transition: opacity 0.6s;
}

#qingyun-hm740 .section-modal .modal-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding-top: 3.333333vw;
  padding-bottom: 3.333333vw;
  transform: translate3d(0, 100vh, 0);
  opacity: 0;
  will-change: transform, opacity;
}

#qingyun-hm740 .section-modal .modal-wrapper {
  position: relative;
  width: 81.25vw;
}

#qingyun-hm740 .section-modal .modal-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 6.25vw;
  border-radius: 1.25vw;
  background-color: #fff;
}

#qingyun-hm740 .section-modal .modal-close-container {
  position: absolute;
  top: 2.083333vw;
  right: 2.083333vw;
  bottom: 0;
  width: 2.083333vw;
}

#qingyun-hm740 .section-modal .modal-close-button {
  position: sticky;
  z-index: 10;
  top: 1.666667vw;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
  border-radius: 50%;
}

#qingyun-hm740 .section-modal .modal-close-button::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 300ms ease-out;
  background-color: rgba(128, 128, 128, 0.4);
  backdrop-filter: blur(.416667vw);
  -webkit-backdrop-filter: blur(.416667vw);
}

@media (hover: hover) {
  #qingyun-hm740 .section-modal .modal-close-button:hover::before {
    opacity: 0.6;
  }
}

#qingyun-hm740 .section-modal .modal-close-icon {
  position: relative;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-modal .modal-container {
    padding-top: 13.888889vw;
    padding-bottom: 0;
  }

  #qingyun-hm740 .section-modal .modal-wrapper {
    width: 100%;
  }

  #qingyun-hm740 .section-modal .modal-content {
    padding-bottom: 11.111111vw;
    border-radius: 4.444444vw;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  #qingyun-hm740 .section-modal .modal-close-container {
    top: 3.333333vw;
    right: 3.333333vw;
    width: 11.111111vw;
  }

  #qingyun-hm740 .section-modal .modal-close-button {
    top: 3.333333vw;
  }
}

#qingyun-hm740 .hero-sku {
  margin-top: 1.5625vw;
  text-align: center;
}

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

#qingyun-hm740 .hero-sku .from {
  font-size: 0.677083vw;
}

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

#qingyun-hm740 .hero-sku .buy-cta {
  display: inline-block;
  margin-top: 24px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  transition: opacity 0.3s ease-out;
  color: #fff;
  border-radius: 4px;
  background-color: #000;
}

@media (hover: hover) {
  #qingyun-hm740 .hero-sku .buy-cta:hover {
    opacity: 0.8;
  }
}

#qingyun-hm740 .hero-sku.sku-light .pricing {
  color: #fff;
}

#qingyun-hm740 .hero-sku.sku-light .buy-cta {
  color: #000;
  background-color: #fff;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .hero-sku {
    margin-top: 4.166667vw;
  }

  #qingyun-hm740 .hero-sku .pricing {
    font-size: 5.555556vw;
  }

  #qingyun-hm740 .hero-sku .from {
    font-size: 3.611111vw;
  }

  #qingyun-hm740 .hero-sku .buy-cta {
    margin-top: 6.666667vw;
    padding: 2.222222vw 5.555556vw;
    font-size: 3.888889vw;
    line-height: 6.666667vw;
    border-radius: 1.111111vw;
  }
}

#qingyun-hm740 .section-highlights {
  overflow: hidden;
}

#qingyun-hm740 .section-highlights .highlights-outswiper {
  overflow: visible;
}

#qingyun-hm740 .section-highlights .highlights-outswiper .swiper-wrapper,
#qingyun-hm740 .section-highlights [data-swiper-parallax-x],
#qingyun-hm740 .section-highlights [data-swiper-parallax-y],
#qingyun-hm740 .section-highlights [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#qingyun-hm740 .section-highlights .highlights-outswiper .swiper-touch-move .swiper-wrapper,
#qingyun-hm740 .section-highlights .highlights-outswiper .swiper-touch-move [data-swiper-parallax-x],
#qingyun-hm740 .section-highlights .swiper-touch-move [data-swiper-parallax-y],
#qingyun-hm740 .section-highlights .swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}

#qingyun-hm740 .section-highlights .highlights-outswiper .swiper-slide:not(.swiper-slide-active) {
  cursor: pointer;
}

#qingyun-hm740 .section-highlights .caption-container {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 2.291667vw 2.5vw;
  font-size: 1.666667vw;
}

#qingyun-hm740 .section-highlights .caption-container span {
  display: inline;
}

#qingyun-hm740 .section-highlights .text-light {
  color: #fff;
}

#qingyun-hm740 .section-highlights .title {
  font-weight: bold;
  line-height: 1.25;
}

#qingyun-hm740 .section-highlights .highlights-content {
  position: absolute;
  width: 12.822917vw;
  top: 13.177083vw;
  transform: translateZ(1px);
}

#qingyun-hm740 .section-highlights .highlights-left {
  left: 14.583333vw;
}

#qingyun-hm740 .section-highlights .highlights-right {
  right: 5.3125vw;
}

#qingyun-hm740 .section-highlights .highlights-inline-p {
  color: #86868B;
  line-height: 1.25;
  pointer-events: all;
}

#qingyun-hm740 .section-highlights .highlights-inline-p.text-12 {
  margin-top: .520833vw;
}

#qingyun-hm740 .section-highlights .highlights-inline-p.text-top {
  line-height: 1.6;
}

#qingyun-hm740 .section-highlights .highlights-inline-item {
  margin-top: 1.458333vw;
}

#qingyun-hm740 .section-highlights .highlights-inline-headline {
  color: #000;
  line-height: 1.25;
}

#qingyun-hm740 .section-highlights .controls-container {
  display: flex;
  justify-content: center;
}

#qingyun-hm740 .section-highlights .controls-wrapper {
  display: flex;
  align-items: center;
  height: 3.333333vw;
  padding-right: 1.041667vw;
  padding-left: 1.041667vw;
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

#qingyun-hm740 .section-highlights .controls-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 999px;
  box-shadow: inset -0.15625vw -0.260417vw 0.5625vw #BED0F5;
  -webkit-box-shadow: inset -0.15625vw -0.260417vw 0.5625vw #BED0F5;
  z-index: 1;
}

#qingyun-hm740 .section-highlights .arrownav-item {
  flex-shrink: 0;
  width: 2.083333vw;
  cursor: pointer;
  transition: opacity 0.3s;
  z-index: 2;
  outline: 0;
}

#qingyun-hm740 .section-highlights .arrownav-next {
  margin-left: 0;
}

@media (hover: hover) and (pointer: fine) {
  #qingyun-hm740 .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}

@media (hover: none) {
  #qingyun-hm740 .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: inherit;
  }
}

@media (any-hover: none) {
  #qingyun-hm740 .section-highlights .arrownav-item:not(.arrownav-disabled):active {
    opacity: inherit;
  }
}

#qingyun-hm740 .section-highlights .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

#qingyun-hm740 .section-highlights .dotnav-list {
  display: flex;
  margin-right: 0.677083vw;
  margin-left: 0.677083vw;
  z-index: 2;
}

#qingyun-hm740 .section-highlights .dotnav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.520833vw;
  height: 0.520833vw;
  margin-right: 0.260417vw;
  margin-left: 0.260417vw;
  cursor: pointer;
  transition: opacity 300ms;
  opacity: 0.2;
  border-radius: 100%;
  outline: 0;
  background-color: #BED0F5;
}

#qingyun-hm740 .section-highlights .dotnav-item::before {
  position: absolute;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding: 0.260417vw;
  content: "";
}

@media (hover: hover) {
  #qingyun-hm740 .section-highlights .dotnav-item:hover {
    opacity: 0.6;
  }
}

#qingyun-hm740 .section-highlights .dotnav-item.current {
  cursor: default;
  opacity: 1;
}

#qingyun-hm740 .section-highlights .start-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}

#qingyun-hm740 .section-highlights .highlights-innerswiper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

#qingyun-hm740 .section-highlights .highlights-innerswiper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
}

#qingyun-hm740 .section-highlights .show-start-frame .start-frame {
  transition: opacity 200ms ease-out;
  opacity: 1;
}

@media (max-width: 810px) and (min-width: 790px) and (min-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-highlights .highlights-content {
    top: 50%;
    transform: translateY(-50%);
    width: 14vw;
  }

  #qingyun-hm740 .section-highlights .highlights-right {
    right: 3.3125vw;
  }
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-highlights .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }

  #qingyun-hm740 .section-highlights {
    background: inherit;
  }

  #qingyun-hm740 .section-highlights .caption-container {
    position: relative;
    margin: 6.666667vw auto 0;
    text-align: center;
  }

  #qingyun-hm740 .section-highlights .caption-container span {
    display: none;
  }

  #qingyun-hm740 .section-highlights .title {
    font-size: 6.666667vw;
  }

  #qingyun-hm740 .section-highlights .caption {
    margin-top: 3.333333vw;
    font-size: 5.555556vw;
  }

  #qingyun-hm740 .section-highlights .controls-wrapper {
    height: 13.333333vw;
    padding-right: 1.666667vw;
    padding-left: 1.666667vw;
  }

  #qingyun-hm740 .section-highlights .controls-wrapper::after {
    box-shadow: inset -0.15625vw -1.260417vw 2.5625vw #BED0F5;
    -webkit-box-shadow: inset -0.15625vw -0.60417vw 1.5625vw #BED0F5;
  }

  #qingyun-hm740 .section-highlights .controls-bg {
    width: 101.3%;
    height: 12vw;
    bottom: 0;
    left: -0.5%;
  }

  #qingyun-hm740 .section-highlights .arrownav-item {
    width: 13.333333vw;
  }

  #qingyun-hm740 .section-highlights .dotnav-list {
    margin-right: -0.555556vw;
    margin-left: -0.555556vw;
  }

  #qingyun-hm740 .section-highlights .dotnav-item {
    width: 2.222222vw;
    height: 2.222222vw;
    margin-right: 1.666667vw;
    margin-left: 1.666667vw;
  }

  #qingyun-hm740 .section-highlights .dotnav-item::before {
    padding: 1.666667vw;
  }


  #qingyun-hm740 .section-highlights .highlights-outswiper .swiper-slide {
    border-radius: 0;
    display: flex;
    flex-direction: column;
  }

  #qingyun-hm740 .section-highlights .highlights-outswiper .swiper-slide img,
  #qingyun-hm740 .section-highlights .highlights-outswiper .swiper-slide video {
    border-radius: 2.222222vw;
  }

  #qingyun-hm740 .section-highlights .highlights-innerswiper .swiper-slide {
    position: relative;
  }

  #qingyun-hm740 .section-highlights .highlights-content {
    position: absolute;
    width: 45vw;
    top: 8.333333vw;
  }

  #qingyun-hm740 .section-highlights .highlights-left {
    left: 4.444444vw;
  }

  #qingyun-hm740 .section-highlights .highlights-right {
    left: 4.444444vw;
    right: auto;
  }

  #qingyun-hm740 .section-highlights .highlights-inline-wrap {
    width: auto;
  }

  #qingyun-hm740 .section-highlights .highlights-inline-item {
    margin-top: 8.333333vw;
  }

  #qingyun-hm740 .section-highlights .highlights-inline-item:first-child {
    margin-top: 0;
  }

  #qingyun-hm740 .section-highlights .highlights-inline-headline {
    margin-top: 0;
    font-size: 6.666667vw;
  }

  #qingyun-hm740 .section-highlights .highlights-inline-p.text-12 {
    margin-top: 1.111111vw;
  }
}

#qingyun-hm740 .rounded,
#qingyun-hm740 .lg\:rounded {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0.833333vw;
}

#qingyun-hm740 .rounded-left {
  border-top-left-radius: 0.833333vw;
  border-bottom-left-radius: 0.833333vw;
}

#qingyun-hm740 .rounded-right {
  border-top-right-radius: 0.833333vw;
  border-bottom-right-radius: 0.833333vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .xs\:rounded {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  #qingyun-hm740 .rounded,
  #qingyun-hm740 .xs\:rounded {
    border-radius: 2.222222vw;
  }

  #qingyun-hm740 .lg\:rounded {
    border-radius: 0;
  }

  #qingyun-hm740 .rounded-left {
    border-top-left-radius: 2.222222vw;
    border-bottom-left-radius: 2.222222vw;
  }

  #qingyun-hm740 .rounded-right {
    border-top-right-radius: 2.222222vw;
    border-bottom-right-radius: 2.222222vw;
  }
}

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

#qingyun-hm740 .text-88 {
  font-size: 4.583333vw;
  line-height: 1.25;
}

#qingyun-hm740 .text-64 {
  font-size: 3.333333vw;
  line-height: 1.25;
  font-weight: bold;
}

#qingyun-hm740 .text-48 {
  font-size: 2.5vw;
  line-height: 1.25;
}

#qingyun-hm740 .text-32 {
  font-size: 1.666667vw;
}

#qingyun-hm740 .text-24 {
  font-size: 1.25vw;
}

#qingyun-hm740 .text-20 {
  font-size: 1.041667vw;
}

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

#qingyun-hm740 .text-14 {
  font-size: .729167vw
}

#qingyun-hm740 .text-12 {
  font-size: .625vw
}

#qingyun-hm740 .text-96 .text-copy {
  top: 0;
  left: 0;
  z-index: 0;
  filter: blur(5px);
}

#qingyun-hm740 .section-hero {
  background: #fff;
}

#qingyun-hm740 .section-hero .hero-content {
  position: absolute;
  z-index: 1;
  top: 15.104167vw;
  left: 63.697917vw;
  justify-content: center;
  width: auto;
  height: auto;
  font-weight: 500;
  color: #000;
}

#qingyun-hm740 .section-hero .hero-logo {
  width: 29.895833vw;
  position: relative;
  font-size: 2.083333vw;
}

#qingyun-hm740 .section-hero .hero-logo sup {
  position: absolute;
  left: 101%;
  top: -0.625vw;
}

#qingyun-hm740 .section-hero .hero-slogan {
  display: flex;
  justify-content: center;
  width: auto;
  letter-spacing: 0.2em;
  margin: 1.041667vw auto 0;
  transform: translateX(0.1em);
  font-size: 2.083333vw;
  font-weight: 400;
  color: #000;
  text-align: center;
}

#qingyun-hm740 .section-hero .hero-ksp {
  margin-top: .625vw;
  font-size: 1.25vw;
  font-weight: 400;
  text-align: center;
  letter-spacing: .04em;
  width: 100%;
}

#qingyun-hm740 .section-hero .player-cta {
  display: inline-flex;
  align-items: center;
  margin-top: 1.5625vw;
  transition: opacity 0.3s ease-out;
}

#qingyun-hm740 .section-hero .section-hero-content-product-video {
  margin-top: 2.5vw;
  margin-bottom: 3.125vw;
  display: flex;
  justify-content: center;
}

#qingyun-hm740 .section-hero .section-hero-content-product-video .video-pop-play {
  display: flex;
  margin-top: 0;
  align-items: center;
  font-size: 1.041667vw;
  cursor: pointer;
}

#qingyun-hm740 .section-hero .section-hero-content-product-video .video-pop-play svg {
  margin-left: 0.416667vw;
  width: 1.666667vw;
  height: 1.666667vw;
}

#qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container {
  flex-direction: column;
  text-align: center;
}

#qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price {
  color: #000000;
  text-align: center;
  font-size: 1.46vw;
  font-weight: 400;
  line-height: 1.25;
}

#qingyun-hm740 .section-hero [data-footnote="pricing"] {
  font-size: 1em;
  vertical-align: inherit;
}

#qingyun-hm740 .section-hero .hero-harmony-logo {
  width: 8.229167vw;
  right: 3.020833vw;
  bottom: 7.1875vw;
}

@media (hover: hover) {
  #qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn:hover {
    opacity: 0.8;
  }
}

#qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price div {
  color: inherit;
  cursor: pointer;
  display: inline-block;
}

#qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price span {
  font-size: 0.677083vw;
}

#qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  display: inline-block;
  padding: 6px 20px;
  border: 2px solid #000;
  background: #000000;
  transition: 0.3s ease-out;
  margin-top: 24px;
  cursor: pointer;
  border-radius: 6px;
}

#qingyun-hm740 .section-hero .player-cta:hover g.changeopacity {
  transition: opacity .3s ease;
}

@media (any-hover: hover) {

  #qingyun-hm740 .section-hero .player-cta:hover g.changeopacity {
    opacity: 0.6;
  }
}

#qingyun-hm740 .section-hero .icon-copy {
  font-size: 1.041667vw;
  color: #fff;
  font-weight: 500;
}

#qingyun-hm740 .section-hero .icon-play {
  width: 1.666667vw;
  margin-left: 0.416667vw;
}

#qingyun-hm740 .section-hero .inline-block {
  display: inline-block;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .text-96 {
    font-size: 13.333333vw;
  }

  #qingyun-hm740 .text-64 {
    font-size: 8.888889vw;
  }


  #qingyun-hm740 .text-48 {
    font-size: 6.666667vw;
  }

  #qingyun-hm740 .text-32 {
    font-size: 4.444444vw;
  }

  #qingyun-hm740 .text-24 {
    font-size: 3.333333vw;
  }

  #qingyun-hm740 .text-20 {
    font-size: 2.777778vw;
  }

  #qingyun-hm740 .text-16 {
    font-size: 2.222222vw
  }

  #qingyun-hm740 .text-14 {
    font-size: 1.944444vw
  }

  #qingyun-hm740 .text-12 {
    font-size: 1.666667vw
  }

  #qingyun-hm740 .text-18-mob {
    font-size: 2.5vw
  }

  #qingyun-hm740 .text-80-mob {
    font-size: 11.111111vw;
  }

  #qingyun-hm740 .text-64-mob {
    font-size: 8.888889vw;
  }

  #qingyun-hm740 .text-48-mob {
    font-size: 6.666667vw;
  }

  #qingyun-hm740 .text-40-mob {
    font-size: 5.555556vw;
  }

  #qingyun-hm740 .text-32-mob {
    font-size: 4.444444vw;
  }

  #qingyun-hm740 .text-28-mob {
    font-size: 3.888889vw;
  }

  #qingyun-hm740 .text-22-mob {
    font-size: 3.055556vw;
  }

  #qingyun-hm740 .text-24-mob {
    font-size: 3.333333vw;
  }

  #qingyun-hm740 .text-16-mob {
    font-size: 2.222222vw;
  }

  #qingyun-hm740 .section-hero {
    display: flex;
    flex-direction: column-reverse;
  }

  #qingyun-hm740 .section-hero .hero-content {
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 22.222222vw;
  }

  #qingyun-hm740 .section-hero .hero-logo {
    width: 76.388889vw;
    margin: 0 auto;
    font-size: 5.555556vw;
  }

  #qingyun-hm740 .section-hero .hero-logo sup {
    top: -1.666667vw;
  }

  #qingyun-hm740 .section-hero .hero-slogan {
    width: 86.111111vw;
    justify-content: center;
    margin: 2.777778vw auto 0;
    font-size: 4.444444vw;
  }

  #qingyun-hm740 .section-hero .hero-ksp {
    margin-top: 1.666667vw;
    font-size: 3.055556vw;
    letter-spacing: .066em;
  }

  #qingyun-hm740 .section-hero .player-cta {
    margin-top: 4.166667vw;
  }

  #qingyun-hm740 .section-hero .icon-copy {
    font-size: 3.888889vw;
  }

  #qingyun-hm740 .section-hero .icon-play {
    width: 6.666667vw;
    margin-left: 2.222222vw;
  }

  #qingyun-hm740 .section-hero .hero-picture {
    aspect-ratio: unset;
    width: 100%;
  }

  #qingyun-hm740 .section-hero .section-hero-content-product-video {
    margin-top: 11.111111vw;
    margin-bottom: 11.111111vw;
  }

  #qingyun-hm740 .section-hero .section-hero-content-product-video .video-pop-play {
    font-size: 4.444444vw;
    margin-top: 0;
  }

  #qingyun-hm740 .section-hero .section-hero-content-product-video .video-pop-play svg {
    width: 5.555556vw;
    height: 5.555556vw;
    margin-left: 2.5vw;
  }

  #qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price {
    font-size: 5.833333vw;
  }

  #qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price .huawei-product-buy-btn-price span {
    font-size: 3.611111111vw;
  }

  #qingyun-hm740 .section-hero .inline-block {
    display: none;
  }

  #qingyun-hm740 .section-hero .hero-content-price-container .huawei-product-buy-btn-container .huawei-product-buy-btn-price span {
    font-size: 3.611111111vw;
  }

  #qingyun-hm740 .section-hero .hero-harmony-logo {
    width: 12.222222vw;
    right: 4.444444vw;
    bottom: 12.222222vw;
    z-index: 2;
  }
}

#qingyun-hm740 .section-s2 {
  padding-top: 10.416667vw;
}

#qingyun-hm740 .section-s2 .s2-content {
  position: relative;
  z-index: 1;
}

#qingyun-hm740 .section-s2 .content-desc {
  text-align: center;
  margin: 0 auto;
  width: fit-content;
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  transition: opacity 1s linear, transform 1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: opacity 1s linear, transform 1s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: opacity 1s linear, transform 1s cubic-bezier(0, 0, 0.2, 1);
}

#qingyun-hm740 .section-s2 .content-desc.animated {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);

}

#qingyun-hm740 .section-s2 .content-txt,
#qingyun-hm740 .section-s2 .content-txt-copy {
  display: inline-block;
  color: #95AFE1;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 1.6;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(138.36deg, #F7FAFF 10%, #2E64B0 21%, #0A49A1 22.71%, #F7FAFF 37.53%, #0A49A1 54.93%, #F7FAFF 65.53%, #0A49A1 70.75%, #F7FAFF 89.67%, #0544A1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 200% 100%;
  background-position-x: 100%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

#qingyun-hm740 .section-s2 .content-txt-copy {
  background-position-x: 0%;
}

#qingyun-hm740 .section-s2 .content-desc.animated .content-txt {
  background-position-x: 0%;
  transition: background-position-x 1.5s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: background-position-x 1.5s cubic-bezier(0, 0, 0.2, 1);
  -moz-transition: background-position-x 1.5s cubic-bezier(0, 0, 0.2, 1);
  transition-delay: .3s;
}

#qingyun-hm740 .section-s2 .content-desc .content-txt-copy {
  position: absolute;
  font-size: 2.5vw;
  font-weight: 500;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(16px);
  opacity: 0;
  transition-duration: 1.5s;
}

#qingyun-hm740 .section-s2 .content-desc.animated .content-txt-copy {
  opacity: 1;
  transition-delay: 1.5s;
}

@media (min-aspect-ratio:11/10) and (min-width:768px) and (max-width: 1024px) {
  #s2ContentTrigger {
    position: relative;
    top: 60vh;
  }
}

@media (max-aspect-ratio:11/10) {
  #qingyun-hm740 .section-s2 {
    padding-top: 27.777778vw;
  }

  #qingyun-hm740 .section-s2 .s2-content {
    transform: translateZ(1px);
  }

  #qingyun-hm740 .section-s2 .content-txt,
  #qingyun-hm740 .section-s2 .content-desc .content-txt-copy {
    font-size: 5.555556vw;
  }

  #qingyun-hm740 .section-s2 .content-desc .content-txt-copy {
    width: 100%;
    height: 100%;
  }

  #qingyun-hm740 .section-s2 .content-shadow .shadow-bg1 {
    margin-top: -0.6944444444444444vw;
  }
}

#qingyun-hm740 .section-s4 .sticky-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#qingyun-hm740 .section-s4 .content-txt span {
  display: inline-block;
  color: #4975bc;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(84.36deg, #A980EB 8%, #AD83BE 27%, #EDB85E 62%, #89CAFB 100%);
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 100% 100%;
  background-position-x: 100%;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

#qingyun-hm740 .section-s4 .s4-video {
  width: 15.625vw;
  margin: 0 auto;
  transform-origin: center;
  will-change: transform;
  z-index: 1;
}

#qingyun-hm740 .section-s4.animated .s4-video {
  transform: scale(1);
  margin-bottom: -1.5625vw;
  height: auto;
}

#qingyun-hm740 .section-s4 .content-desc {
  transition-duration: .5s;
  position: relative;
  z-index: 2;
}

.section-s4 .text-copy {
  transition-duration: .5s;
}

@media (max-aspect-ratio:11/10) {
  #qingyun-hm740 .section-s4 .content-desc {
    margin-top: -6.25vw;
  }

  #qingyun-hm740 .section-s4 .s4-video {
    width: 41.666667vw;
    transition-duration: 0s;
  }
}

#qingyun-hm740 .section-harmony {
  margin: 0 auto;
  padding-top: 0;
  width: 100%;
  background: #000;
  position: relative;
}

#qingyun-hm740 .section-harmony .section-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

#qingyun-hm740 .section-harmony .swiper-slide {
  width: 100%;
  margin-right: 0;
  position: relative;
  border-radius: .416667vw;
  overflow: hidden;
}

#qingyun-hm740 .section-harmony .swiper-slide:last-child {
  margin-right: 0
}

#qingyun-hm740 .section-harmony .swiper-slide .media-container {
  box-sizing: border-box;
  margin-top: 0;
}

#qingyun-hm740 .section-harmony .harmony-container {
  position: relative;
  width: 35.625vw;
  margin: 0 auto;
}

#qingyun-hm740 .section-harmony .harmony-image-bg {
  position: absolute;
  width: 100%;
  top: -8.6375vw;
  left: 0;
}

#qingyun-hm740 .section-harmony .harmony-des {
  width: 67.5vw;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #969698;
  transition: all .5s
}

#qingyun-hm740 .section-harmony .harmony-des:nth-child(1) {
  position: relative;
  margin: 0 auto;
  left: 0;
  transform: unset;
}

#qingyun-hm740 .section-harmony .harmony-des .text-32 {
  font-weight: bold
}

#qingyun-hm740 .section-harmony .harmony-des p {
  margin-top: 0;
  text-align: center
}

#qingyun-hm740 .section-harmony .harmony-des-wrap {
  position: relative;
  margin: 2.083333vw auto 0;
  z-index: 2;
}

#qingyun-hm740 .section-harmony .harmony-des-wrap[data-active="0"] .harmony-des-1 {
  opacity: 1;
}

#qingyun-hm740 .section-harmony .harmony-des-wrap[data-active="1"] .harmony-des-2 {
  opacity: 1;
}

#qingyun-hm740 .section-harmony .harmony-des-wrap[data-active="2"] .harmony-des-3 {
  opacity: 1;
}

#qingyun-hm740 .section-harmony .harmony-des-wrap[data-active="3"] .harmony-des-4 {
  opacity: 1;
}

#qingyun-hm740 .section-harmony .harmony-swiper-scrollbar {
  position: relative;
  margin: .78125vw auto 0;
  width: 34.166667vw;
  height: 2px;
  background: rgba(150, 150, 152, 0.3);
}

#qingyun-hm740 .section-harmony .harmony-swiper-scrollbar .harmony-swiper-scrollbar-drag {
  position: absolute;
  width: 7.916667vw;
  height: 2px;
  top: -1px;
  transform: translateX(0px);
  left: 0;
  background: linear-gradient(to left, #043A88 0%, #6290DC 50%, #D5E6FE 100%);
  transition: all .5s
}

#qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="0"] .harmony-swiper-scrollbar-drag {
  transform: translateX(0px);
}

#qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="1"] .harmony-swiper-scrollbar-drag {
  transform: translateX(10.833333vw);
  width: 5.416667vw;
}

#qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="2"] .harmony-swiper-scrollbar-drag {
  transform: translateX(19.166667vw);
  width: 6.666667vw;
}

#qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="3"] .harmony-swiper-scrollbar-drag {
  transform: translateX(28.75vw);
  width: 5.416667vw;
}

#qingyun-hm740 .section-harmony .swiper-scrollbar-drag {
  display: none
}

#qingyun-hm740 .section-harmony .harmony-scroll {
  margin-top: 6.25vw;
  position: relative;
  z-index: 2;
}

#qingyun-hm740 .section-harmony .harmony-text-btn-wrap {
  margin: 1.09375vw auto 0;
  display: flex;
  justify-content: center;
}

#qingyun-hm740 .section-harmony .harmony-text-btn-wrap .harmony-text-btn {
  color: #fff;
  opacity: 0.4;
  will-change: opacity;
  margin-left: 2.916667vw;
  line-height: 1.25;
  transition-duration: 0.2s;
  cursor: pointer
}

@media (hover: hover) {
  #qingyun-hm740 .section-harmony .harmony-text-btn-wrap .harmony-text-btn:hover {
    opacity: 0.6;
  }
}

#qingyun-hm740 .section-harmony .harmony-text-btn-wrap .harmony-text-btn sup {
  font-size: 0.6em;
}

#qingyun-hm740 .section-harmony .harmony-text-btn-wrap .harmony-text-btn:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-harmony .harmony-text-btn-wrap .harmony-text-btn.active {
  opacity: 1;
  cursor: default;
}

#qingyun-hm740 .section-harmony .harmony-text-bottom {
  color: #A8A9AA;
  margin-top: 2.083333vw;
  text-align: center;
}

#qingyun-hm740 .section-harmony .swiper-button-prev {
  top: auto;
  bottom: 0;
  width: 2.5vw;
  height: 2.5vw;
  left: auto;
  right: 3.541667vw
}

#qingyun-hm740 .section-harmony .swiper-button-prev::after {
  content: ""
}

#qingyun-hm740 .section-harmony .swiper-button-next {
  top: auto;
  bottom: 0;
  width: 2.5vw;
  height: 2.5vw;
  right: 0;
  left: auto
}

#qingyun-hm740 .section-harmony .swiper-button-next::after {
  content: ""
}

#qingyun-hm740 .section-harmony .harmony-image {
  position: relative
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-container {
  cursor: pointer;
  position: absolute;
  right: 1.666667vw;
  bottom: 1.666667vw;
  width: 2.604167vw;
  height: 2.604167vw;
  box-shadow: inset -0.104167vw -0.15625vw 1.041667vw rgba(202, 180, 159, .47);
  border-radius: 50%
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-container svg {
  width: 2.604167vw;
  height: 2.604167vw
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-border-grey {
  display: flex
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-border-black {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg)
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-border-black circle {
  stroke-dasharray: 114;
  stroke-dashoffset: 114;
  stroke-linecap: round;
  opacity: 1
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-border-black.active circle {
  opacity: 1
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-start {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s ease
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn-pause {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s ease
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn {
  position: absolute;
  top: 0;
  left: 0
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn[data-index="1"] .harmony-video-play-btn-start {
  opacity: 1
}

#qingyun-hm740 .section-harmony .harmony-video-play-btn[data-index="2"] .harmony-video-play-btn-pause {
  opacity: 1
}

#qingyun-hm740 .section-harmony .harmony-swiper-btn-container {
  display: none;
  margin-top: 2.6vw;
  margin-left: 57.708333vw
}

#qingyun-hm740 .section-harmony .harmony-swiper-btn-container svg {
  width: 2.604167vw;
  height: 2.604167vw
}

#qingyun-hm740 .section-harmony .harmony-swiper-btn-container svg g {
  opacity: 1;
  transition: opacity .3s ease
}

#qingyun-hm740 .section-harmony .harmony-swiper-btn-container .swiper-button-disabled {
  cursor: default
}

#qingyun-hm740 .section-harmony .harmony-swiper-prev-btn {
  cursor: pointer;
  display: flex;
  margin-right: 1.5625vw
}

#qingyun-hm740 .section-harmony .harmony-swiper-next-btn {
  cursor: pointer;
  display: flex
}

@media(max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-s4 .sticky-container {
    height: auto;
    position: relative;
    overflow: hidden;
  }

  #qingyun-hm740 .section-harmony {
    overflow: hidden;
    margin-top: 11.111111vw;
  }

  #qingyun-hm740 .section-harmony .harmony-des:nth-child(1) {
    top: 0;
  }

  #qingyun-hm740 .section-harmony .harmony-des-wrap {
    margin-top: 8.888889vw;
  }

  #qingyun-hm740 .section-harmony .harmony-des {
    width: 75.694444vw;
    margin-top: 0;
  }

  #qingyun-hm740 .section-harmony .harmony-scroll {
    margin: 17.5vw 10vw 0;
    position: relative;
  }

  #qingyun-hm740 .section-harmony .harmony-text-btn-wrap {
    width: max-content;
    transition-duration: .5s;
  }

  #qingyun-hm740 .section-harmony .harmony-swiper-scrollbar {
    transition-duration: .5s;
  }

  #qingyun-hm740 .section-harmony .harmony-swiper-scrollbar .harmony-swiper-scrollbar-drag {
    top: 0;
  }

  #qingyun-hm740 .section-harmony .harmony-text-btn-wrap[data-active="0"],
  #qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="0"] {
    transform: translateX(0);
  }


  #qingyun-hm740 .section-harmony .harmony-text-btn-wrap[data-active="1"],
  #qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="1"] {
    transform: translateX(-18vw);
  }

  #qingyun-hm740 .section-harmony .harmony-text-btn-wrap[data-active="2"],
  #qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="2"] {
    transform: translateX(-56.111111vw);
  }

  #qingyun-hm740 .section-harmony .harmony-text-btn-wrap[data-active="3"],
  #qingyun-hm740 .section-harmony .harmony-swiper-scrollbar[data-active="3"] {
    transform: translateX(-65.277778vw);
  }

  #qingyun-hm740 .section-harmony .harmony-text-btn-wrap .harmony-text-btn {
    margin-left: 11.111111vw;
  }

  #qingyun-hm740 .section-harmony .harmony-swiper-scrollbar {
    width: auto;
    margin: 3.75vw 0 0;
  }

  #qingyun-hm740 .section-harmony .harmony-container {
    width: 65.277778vw;
    margin-top: 15.972222vw;
  }

  #qingyun-hm740 .section-harmony .swiper-slide {
    border-radius: 1.111111vw;
  }

  #qingyun-hm740 .section-harmony .swiper-slide .video-container {
    width: 100%;
    border-radius: 1.111111vw;
  }

  #qingyun-hm740 .section-harmony .harmony-image-bg {
    top: 0;
  }
}

#qingyun-hm740 .section-performance .text-64 {
  position: relative;
  line-height: 1.25;
  z-index: 2;
  margin-top: 7.708333vw;
  opacity: 0;
  transform: translate(0, 2vw);
  will-change: transform;
  transition: all .8s;
}

#qingyun-hm740 .section-performance .media-container {
  position: relative;
}

#qingyun-hm740 .section-performance .performance-image-1 {
  width: 15.46875vw;
  top: 5.25vw;
  left: 16.197917vw;
  transform: translate(13.5vw, 3.625vw);
}

#qingyun-hm740 .section-performance .performance-image-2 {
  width: 20.9375vw;
  top: 15.625vw;
  left: 27.916667vw;
  transform: translate(7vw, 4vw);
}

#qingyun-hm740 .section-performance .performance-image-3 {
  width: 21.145833vw;
  top: 4.375vw;
  left: 50.729167vw;
  transform: translate(-6vw, 6vw);
}

#qingyun-hm740 .section-performance .performance-image-4 {
  width: 16.979167vw;
  top: 19.375vw;
  left: 62.96875vw;
  transform: translate(-12vw, 3vw);
}

#qingyun-hm740 .section-performance .feature-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53.854167vw;
  margin: 1.666667vw auto 0;
  transition-duration: .8s;
  transition-delay: .3s;
  opacity: 0;
  will-change: transform;
  transform: translate(0, 4vw);
}

#qingyun-hm740 .section-performance.animated2 .feature-container {
  opacity: 1;
  transform: translate(0, 0);
}

#qingyun-hm740 .section-performance .performance-image {
  will-change: transform;
  transition-duration: .8s;
}

#qingyun-hm740 .section-performance .feature-num {
  line-height: 1.25;
  display: inline;
  font-weight: bold;
  -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(45deg, #D2E4FC, #033984);
  background-size: 100% 100%
}

#qingyun-hm740 .section-performance.animated .text-64 {
  opacity: 1;
  transform: translate(0, 0);
}

#qingyun-hm740 .section-performance.animated .performance-image {
  transform: translate(0, 0);
}

#qingyun-hm740 .section-performance .feature-row {
  display: flex;
  justify-content: center;
  margin: 0 8.333333vw 0 auto;
  width: 15.104167vw;
  flex-wrap: wrap
}

#qingyun-hm740 .section-performance .feature-content {
  width: 30.416667vw;
  margin-left: 0;
}

#qingyun-hm740 .section-performance .feature-item {
  width: 100%;
  margin: 0;
  text-align: left;
  position: relative;
}

#qingyun-hm740 .section-performance .feature-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .104167vw;
  border-radius: .260417vw;
  background: linear-gradient(to left, #043A88, #6290DC, #D5E6FE);

}

#qingyun-hm740 .section-performance .feature-item:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-performance .feature-text {
  margin-top: 1.09375vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-performance .text-64 {
    margin-top: 22.222222vw;
  }

  #qingyun-hm740 .section-performance .feature-container {
    flex-direction: column-reverse;
    width: 83.333333vw;
    margin-left: 8.888889vw;
    margin-right: auto;
    margin-top: 5.555556vw;
  }

  #qingyun-hm740 .section-performance .feature-content {
    width: 100%;
  }

  #qingyun-hm740 .section-performance .feature-row {
    width: 36.111111vw;
    margin: 10.416667vw auto 0 0;
  }

  #qingyun-hm740 .section-performance .feature-item::before {
    height: .416667vw;
  }

  #qingyun-hm740 .section-performance .feature-text {
    margin-top: 2.777778vw;
  }

  #qingyun-hm740 .section-performance .performance-image-1 {
    width: 23.75vw;
    top: 14.208333vw;
    left: 5.958333vw;
    transform: translate(12.5vw, 5vw);
  }

  #qingyun-hm740 .section-performance .performance-image-2 {
    width: 32.222222vw;
    top: 31.625vw;
    left: 14.916667vw;
  }

  #qingyun-hm740 .section-performance .performance-image-3 {
    width: 33.472222vw;
    top: 12.375vw;
    left: 52.729167vw;
    transform: translate(-8vw, 8vw);
  }

  #qingyun-hm740 .section-performance .performance-image-4 {
    width: 26.111111vw;
    top: 35.6vw;
    left: 63.96875vw;
    transform: translate(-14vw, 4vw);
  }
}

#qingyun-hm740 .battery-container .comparison-slider {
  position: relative;
  overflow: hidden;
  width: 67.5vw;
  margin: 0 auto;
}

#qingyun-hm740 .battery-container .comparison-after {
  position: relative
}

#qingyun-hm740 .battery-container .picture {
  display: block;
  width: 100%;
  max-width: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none
}


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

#qingyun-hm740 .battery-container .picture-after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%
}

#qingyun-hm740 .battery-container .picture-after img {
  width: 67.5vw;
}

#qingyun-hm740 .battery-container .caption {
  font-size: 1.145833vw;
  position: absolute;
  bottom: 1.666667vw;
  opacity: 0.6;
  white-space: nowrap
}

#qingyun-hm740 .battery-container .caption-after {
  left: 1.666667vw
}

#qingyun-hm740 .battery-container .caption-before {
  right: 1.666667vw
}

#qingyun-hm740 .battery-container .comparison-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  pointer-events: none
}

#qingyun-hm740 .battery-container .comparison-handle.active {
  pointer-events: auto
}

#qingyun-hm740 .battery-container .comparison-handle::before {
  position: relative;
  z-index: 3;
  display: block;
  width: 2px;
  height: 100%;
  content: "";
  pointer-events: none;
  background-color: #fff;
  opacity: 0.6;
}

#qingyun-hm740 .battery-container .comparison-button {
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 2.5vw;
  height: 2.5vw;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transform: translate3d(-50%, -50%, 0)
}

#qingyun-hm740 .battery-container .comparison-icon {
  pointer-events: none
}

#qingyun-hm740 .battery-container .comparison-icon svg {
  width: 2.5vw;
  height: 2.5vw;
}

#qingyun-hm740 .battery-container .grabbing {
  cursor: grabbing
}

#qingyun-hm740 .battery-container .grabbing .comparison-button {
  cursor: grabbing
}

#qingyun-hm740 .section-battery .feature-row {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 60.9375vw;
  flex-wrap: wrap
}

#qingyun-hm740 .section-battery .feature-content {
  width: 44.0625vw;
  margin: 3.333333vw auto 0;
}

#qingyun-hm740 .section-battery .feature-item {
  width: 15.104167vw;
  margin: 3.333333vw 5.208333vw 0 0;
  text-align: left;
  position: relative;
}

#qingyun-hm740 .section-battery .feature-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .104167vw;
  border-radius: .260417vw;
  background: linear-gradient(to left, #043A88, #6290DC, #D5E6FE);

}

#qingyun-hm740 .section-battery .feature-item:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-battery .feature-item:nth-child(3n) {
  margin-right: 0;
}

#qingyun-hm740 .section-battery .feature-item-6 {
  display: flex;
  align-items: center;
}

#qingyun-hm740 .section-battery .feature-item-6 img {
  width: 3.75vw;
  margin-top: 1.354167vw;
  margin-right: .833333vw;
}

#qingyun-hm740 .section-battery .feature-num {
  line-height: 1.25;
  display: inline;
  font-weight: bold;
  -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(45deg, #D2E4FC, #033984);
  background-size: 100% 100%
}

#qingyun-hm740 .section-battery .feature-text {
  margin-top: 1.09375vw;
}

@media(max-aspect-ratio: 11/10) {

  #qingyun-hm740 .battery-container .comparison-slider {
    width: 100%;
    border-radius: 0px;
  }

  #qingyun-hm740 .battery-container .comparison-button,
  #qingyun-hm740 .battery-container .comparison-icon svg {
    width: 11.111111vw;
    height: 11.111111vw;
  }

  #qingyun-hm740 .battery-container .comparison-handle::before {
    width: 3px;
  }

  #qingyun-hm740 .battery-container [data-current="0"] .comparison-after {
    width: 0
  }

  #qingyun-hm740 .battery-container [data-current="0"] .comparison-handle {
    left: -2px
  }

  #qingyun-hm740 .battery-container [data-current="1"] .comparison-after {
    width: 100%
  }

  #qingyun-hm740 .battery-container [data-current="1"] .comparison-handle {
    left: calc(100% + 2px)
  }

  #qingyun-hm740 .battery-container .picture-after img {
    width: 100vw;
  }

  #qingyun-hm740 .battery-container .caption {
    font-size: 3.333333vw;
    bottom: 4.444444vw;
  }

  #qingyun-hm740 .battery-container .caption-after {
    left: 4.444444vw;
  }

  #qingyun-hm740 .battery-container .caption-before {
    right: 4.444444vw;
  }

  #qingyun-hm740 .battery-container .tabnav-wrapper {
    overflow: hidden;
  }

  #qingyun-hm740 .section-battery .feature-content {
    width: 82.222222vw;
    margin-top: 8.888889vw;
  }

  #qingyun-hm740 .section-battery .feature-row {
    width: 82.222222vw;
    justify-content: flex-start;
    margin-top: 0;
  }

  #qingyun-hm740 .section-battery .feature-item {
    width: 33.333333vw;
    margin-top: 11.111111vw;
    margin-right: 15.277778vw;
  }

  #qingyun-hm740 .section-battery .feature-item:nth-child(2n) {
    margin-right: 0;
  }

  #qingyun-hm740 .section-battery .feature-item::before {
    height: .416667vw;
  }

  #qingyun-hm740 .section-battery .feature-text {
    margin-top: 2.777778vw;
  }
}

#qingyun-hm740 .section-signal .feature-row {
  display: flex;
  align-items: stretch;
}

#qingyun-hm740 .section-signal .feature-item {
  width: 33.125vw;
  height: auto;
  padding: 4.166667vw 5.104167vw;
  background: #131314;
}

#qingyun-hm740 .section-signal .feature-item img {
  width: auto;
  height: 8.177083vw;
  margin: 4.166667vw auto 1.875vw;
}

#qingyun-hm740 .section-signal .feature-item:last-child {
  margin: 0;
}

#qingyun-hm740 .section-signal .feature-headline {
  font-weight: bold;
  line-height: 1.25;
}

#qingyun-hm740 .section-signal .feature-text {
  margin-top: .78125vw;
}

@media(max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-signal {
    overflow: hidden;
  }

  #qingyun-hm740 .section-common-swiper .swiper .swiper-slide {
    width: 77.777778vw;
  }

  #qingyun-hm740 .section-signal .feature-item {
    padding: 0 6.666667vw 10.416667vw;
  }

  #qingyun-hm740 .section-signal .feature-item img {
    height: 36.111111vw;
    margin: 11.111111vw auto 4.444444vw;
  }

  #qingyun-hm740 .section-signal .feature-text {
    margin-top: 3.333333vw;
  }

  #qingyun-hm740 .section-signal .arrownav-list {
    margin-left: auto;
    margin-right: 13.333333vw;
  }
}

#qingyun-hm740 .section-screen .sticky-container {
  overflow: hidden;
  height: auto;
}

#qingyun-hm740 .section-screen .text-container {
  text-align: center;
  margin: 0 auto;
}

#qingyun-hm740 .section-screen .section-content {
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: all .8s;
  transform: translateY(2vw);
}

#qingyun-hm740 .section-screen .media-container {
  width: 100%;
  position: relative;
  transform: scale(2.801041);
  transform-origin: center 45%;
  margin: 0 auto;
  margin-top: 3.333333vw;
  will-change: transform,margin;
  transition: all .8s;
}

#qingyun-hm740 .section-screen.animated .section-content {
  transform: translateY(0);
  transition-timing-function: ease-in-out;
  opacity: 1;
}

#qingyun-hm740 .section-screen.animated2 .media-container {
  transform: scale(1);
  margin-top: -7.291667vw;
  transition-timing-function: ease-in-out;
}

#qingyun-hm740 .section-screen .section-text {
  width: 48.4375vw;
  text-align: center
}

#qingyun-hm740 .section-screen .space-100vh {
  pointer-events: none;
}

#qingyun-hm740 .section-screen .feature-container {
  position: relative;
  opacity: 0;
  z-index: 2;
  margin: 0 auto;
  transform: translateY(15vw);
  color: #fff;
  transition: all 1s;
}

#qingyun-hm740 .section-screen.animated2 .feature-container {
  opacity: 1;
  transform: translateY(0);
}

#qingyun-hm740 .section-screen .feature-row {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 60.9375vw;
  flex-wrap: wrap
}

#qingyun-hm740 .section-screen .feature-content {
  width: 42.0625vw;
  margin: 0 auto 0;
}

#qingyun-hm740 .section-screen .feature-item {
  width: 15.104167vw;
  margin: 3.333333vw 5.208333vw 0 0;
  text-align: left;
  position: relative;
}

#qingyun-hm740 .section-screen .feature-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .104167vw;
  border-radius: .260417vw;
  background: linear-gradient(to left, #043A88, #6290DC, #D5E6FE);

}

#qingyun-hm740 .section-screen .feature-item:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-screen .feature-item:nth-child(3n) {
  margin-right: 0;
}

#qingyun-hm740 .section-screen .feature-item-6 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

#qingyun-hm740 .section-screen .feature-item-6 img {
  width: 2.291667vw;
  margin-top: .78125vw;
}

#qingyun-hm740 .section-screen .feature-num {
  line-height: 1.25;
  display: inline;
  font-weight: bold;
  -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(45deg, #D2E4FC, #033984);
  background-size: 100% 100%
}

#qingyun-hm740 .section-screen .feature-text {
  margin-top: 1.09375vw;
}

@media (max-aspect-ratio: 11/10) {

  #qingyun-hm740 .section-screen .section-content,
  #qingyun-hm740 .section-screen .feature-container {
    transform: unset;
    opacity: 1;
    transition: none;
  }

  #qingyun-hm740 .section-screen .media-container {
    transform: scale(1);
    margin-top: 16.666667vw;
    transform-origin: center;
  }

  #qingyun-hm740 .section-screen .feature-container {
    margin-top: 8.888889vw;
  }

  #qingyun-hm740 .section-screen .feature-content {
    width: 85.138889vw;
    margin-right: auto;
    margin-left: 7.5vw;
    text-align: left;
  }

  #qingyun-hm740 .section-screen .feature-row {
    width: 85.138889vw;
    margin-right: auto;
    margin-left: 7.5vw;
    margin-top: 1.527778vw;
  }

  #qingyun-hm740 .section-screen .feature-item,
  #qingyun-hm740 .section-screen .feature-item:nth-child(3n) {
    width: 37.5vw;
    margin-right: auto;
    margin-top: 11.111111vw;
  }

  #qingyun-hm740 .section-screen .feature-item:nth-child(2n) {
    margin-right: 0;
  }

  #qingyun-hm740 .section-screen .feature-item::before {
    width: 33.333333vw;
    height: .416667vw;
  }

  #qingyun-hm740 .section-screen .feature-item:last-child {
    white-space: nowrap;
  }

  #qingyun-hm740 .section-screen .feature-item-6 img {
    width: 5.555556vw;
    margin-top: 1.527778vw;
  }

  #qingyun-hm740 .section-screen .feature-num {
    letter-spacing: -0.02em;
  }

  #qingyun-hm740 .section-screen .feature-text {
    margin-top: 2.777778vw;
  }

  #qingyun-hm740 .section-screen.animated2 .media-container {
    margin-top: 16.666667vw;
  }
}

#qingyun-hm740 .section-pen {
  margin: 0 auto;
  width: 100%
}

#qingyun-hm740 .pen-container {
  margin: 0 auto;
}

#qingyun-hm740 .section-pen .section-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

#qingyun-hm740 .section-pen .swiper-slide {
  width: 100%;
  margin-right: 0
}

#qingyun-hm740 .section-pen .swiper-slide:last-child {
  margin-right: 0
}

#qingyun-hm740 .section-pen .swiper-slide .media-container {
  box-sizing: border-box;
  margin-top: 3.333333vw;
  border-radius: .833333vw;
  overflow: hidden
}

#qingyun-hm740 .section-pen .swiper-slide .media-container .responsive-video {
  width: 100%;
  margin-left: auto;
  margin-right: auto
}

#qingyun-hm740 .section-pen .pen-des {
  width: 44.791667vw;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #969698;
  transition: all .5s
}

#qingyun-hm740 .section-pen .pen-des:nth-child(1) {
  position: relative;
  margin: 0 auto;
  left: 0;
  transform: unset;
}

#qingyun-hm740 .section-pen .pen-des .text-32 {
  font-weight: bold
}

#qingyun-hm740 .section-pen .pen-des p {
  margin-top: 0;
  text-align: center
}

#qingyun-hm740 .section-pen .pen-des-wrap {
  position: relative;
  margin: 2.083333vw auto 0;
}

#qingyun-hm740 .section-pen .pen-des-wrap[data-active="0"] .pen-des-1 {
  opacity: 1;
}

#qingyun-hm740 .section-pen .pen-des-wrap[data-active="1"] .pen-des-2 {
  opacity: 1;
}

#qingyun-hm740 .section-pen .pen-swiper-scrollbar {
  position: relative;
  margin: .78125vw auto 0;
  width: 12.916667vw;
  height: 2px;
  background: rgba(150, 150, 152, 0.3);
}

#qingyun-hm740 .section-pen .pen-swiper-scrollbar .pen-swiper-scrollbar-drag {
  position: absolute;
  width: 5vw;
  height: 2px;
  top: -1px;
  transform: translateX(0px);
  left: 0;
  background: linear-gradient(to left, #043A88 0%, #6290DC 50%, #D5E6FE 100%);
  transition: all .5s
}

#qingyun-hm740 .section-pen .pen-swiper-scrollbar[data-active="0"] .pen-swiper-scrollbar-drag {
  transform: translateX(0px);
}

#qingyun-hm740 .section-pen .pen-swiper-scrollbar[data-active="1"] .pen-swiper-scrollbar-drag {
  transform: translateX(7.916667vw);
}


#qingyun-hm740 .section-pen .swiper-scrollbar-drag {
  display: none
}

#qingyun-hm740 .section-pen .pen-text-btn-wrap {
  margin: 2.5vw auto 0;
  display: flex;
  justify-content: center;
}

#qingyun-hm740 .section-pen .pen-text-btn-wrap .pen-text-btn {
  color: #fff;
  opacity: 0.4;
  will-change: opacity;
  margin-left: 2.916667vw;
  line-height: 1.25;
  transition: opacity 0.3s;
  cursor: pointer
}

@media (hover: hover) {
  #qingyun-hm740 .section-pen .pen-text-btn-wrap .pen-text-btn:hover {
    opacity: 0.6;
  }
}

#qingyun-hm740 .section-pen .pen-text-btn-wrap .pen-text-btn sup {
  font-size: 0.6em;
}

#qingyun-hm740 .section-pen .pen-text-btn-wrap .pen-text-btn:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-pen .pen-text-btn-wrap .pen-text-btn.active {
  opacity: 1;
  cursor: default;
}

#qingyun-hm740 .section-pen .pen-text-bottom {
  color: #A8A9AA;
  margin-top: 2.083333vw;
  text-align: center;
}

#qingyun-hm740 .section-pen .swiper-button-prev {
  top: auto;
  bottom: 0;
  width: 2.5vw;
  height: 2.5vw;
  left: auto;
  right: 3.541667vw
}

#qingyun-hm740 .section-pen .swiper-button-prev::after {
  content: ""
}

#qingyun-hm740 .section-pen .swiper-button-next {
  top: auto;
  bottom: 0;
  width: 2.5vw;
  height: 2.5vw;
  right: 0;
  left: auto
}

#qingyun-hm740 .section-pen .swiper-button-next::after {
  content: ""
}

#qingyun-hm740 .section-pen .pen-image {
  position: relative
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-pen {
    overflow: hidden;
  }

  #qingyun-hm740 .section-pen .section-content {
    width: 83.055556vw;
  }

  #qingyun-hm740 .section-pen .swiper-slide .media-container {
    margin-top: 8.333333vw;
    border-radius: 0;
  }

  #qingyun-hm740 .section-pen .pen-text-btn-wrap {
    margin-top: 8.333333vw;
  }

  #qingyun-hm740 .section-pen .pen-text-btn-wrap .pen-text-btn {
    margin-left: 11.111111vw;
  }

  #qingyun-hm740 .section-pen .pen-swiper-scrollbar {
    margin-top: 3.611111vw;
    width: 55.555556vw;
  }

  #qingyun-hm740 .section-pen .pen-swiper-scrollbar .pen-swiper-scrollbar-drag {
    width: 22.222222vw;
    top: 0;
  }

  #qingyun-hm740 .section-pen .pen-swiper-scrollbar[data-active="1"] .pen-swiper-scrollbar-drag {
    transform: translateX(33.333333vw);
  }

  #qingyun-hm740 .section-pen .pen-des-wrap {
    margin-top: 8.888889vw;
  }

  #qingyun-hm740 .section-pen .pen-des {
    width: 84.444444vw;
    color: #969698;
  }
}

#qingyun-hm740 .section-light .text-64 {
  position: relative;
  z-index: 2;
}

#qingyun-hm740 .section-light .media-container {
  margin: -2.083333vw auto 0;
}

#qingyun-hm740 .section-light .feature-container {
  margin-top: -14.0625vw;
  position: relative;
  z-index: 2;
}

#qingyun-hm740 .section-light .feature-row {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 60.9375vw;
  flex-wrap: wrap
}

#qingyun-hm740 .section-light .feature-content {
  width: 45.833333vw;
  margin: 3.333333vw auto 0;
}

#qingyun-hm740 .section-light .feature-item {
  width: 15.104167vw;
  margin: 3.333333vw 5.208333vw 0 0;
  text-align: left;
  position: relative;
}

#qingyun-hm740 .section-light .feature-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .104167vw;
  border-radius: .260417vw;
  background: linear-gradient(to left, #043A88, #6290DC, #D5E6FE);

}

#qingyun-hm740 .section-light .feature-item:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-light .feature-item:last-child {
  margin-right: 0;
}

#qingyun-hm740 .section-light .feature-num {
  line-height: 1.25;
  display: inline;
  font-weight: bold;
  -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(45deg, #D2E4FC, #033984);
  background-size: 100% 100%
}


#qingyun-hm740 .section-light .feature-text {
  margin-top: 1.09375vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-light .media-container {
    margin-top: 8.888889vw;
  }

  #qingyun-hm740 .section-light .feature-content {
    width: 82.222222vw;
    margin-top: 5.555556vw;
  }

  #qingyun-hm740 .section-light .feature-container {
    margin-top: 0;
  }

  #qingyun-hm740 .section-light .feature-row {
    width: auto;
  }

  #qingyun-hm740 .section-light .feature-item {
    width: 33.333333vw;
    margin: 10.416667vw 15.555556vw 0 0;
  }

  #qingyun-hm740 .section-light .feature-item::before {
    height: .416667vw;
  }

  #qingyun-hm740 .section-light .feature-text {
    margin-top: 2.777778vw;
  }
}

#qingyun-hm740 .section-office .media-container {
  position: relative;
  margin-top: 4.166667vw;
}

#qingyun-hm740 .section-office .feature-row {
  display: flex;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  top: 2.760417vw;
  margin: 0 auto;
  width: 67.5vw;
  flex-wrap: wrap
}

#qingyun-hm740 .section-office .feature-item {
  padding: 1.09375vw 1.25vw 1.197917vw;
  background: rgba(190, 208, 245, 0.08);
  border-radius: .416667vw;
  margin: 0 .416667vw;
  border: solid .104167vw #1A2028;
  color: #F5F5F7;
}

#qingyun-hm740 .section-office .feature-item:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-office .feature-item:last-child {
  margin-right: 0;
  letter-spacing: 0.2em;
}

#qingyun-hm740 .section-office .office-text {
  top: 9.375vw;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-office .media-container {
    margin-top: 8.888889vw;
  }

  #qingyun-hm740 .section-office .feature-row {
    width: 80vw;
    top: 5.555556vw;
  }

  #qingyun-hm740 .section-office .feature-item {
    padding: 2.777778vw 0 3.055556vw;
    width: 36.111111vw;
    border-radius: 1.111111vw;
    margin: 2.777778vw 2.222222vw 0;
    border: solid .277778vw rgba(26, 32, 40, 0.08);
    color: #fff;
  }

  #qingyun-hm740 .section-office .feature-item:nth-child(1n) {
    margin-left: 0;
  }

  #qingyun-hm740 .section-office .feature-item:last-child {
    background: none;
    padding: 0;
    border: none;
    margin-top: 5vw;
  }

  #qingyun-hm740 .section-office .feature-item:nth-child(2n) {
    margin-right: 0;
  }

  #qingyun-hm740 .section-office .office-text {
    top: 71.25vw;
    width: max-content;
  }
}

#qingyun-hm740 .section-commercial {
  margin-top: -2.5vw;
  padding-bottom: 3.229167vw;
}

#qingyun-hm740 .section-commercial .text-64 {
  line-height: 1.25;
  z-index: 2;
}

#qingyun-hm740 .section-commercial .section-content {
  width: 67.5vw;
  margin: 0 auto;
  text-align: center;
}

#qingyun-hm740 .section-commercial .section-content {
  width: 52.083333vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

#qingyun-hm740 .section-commercial .commercial-container {
  width: 67.5vw;
  height: auto;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: flex-start;
}

#qingyun-hm740 .section-commercial .commercial-left {
  width: 36.822917vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: -8.59375vw;
}

#qingyun-hm740 .section-commercial .commercial-left .commercial-left-bg {
  position: relative;
  width: 49.166667vw;
  flex-shrink: 0;
  z-index: 1;
}

#qingyun-hm740 .section-commercial .commercial-left .swiper {
  width: 36.822917vw;
  overflow: initial;
  pointer-events: none;
  position: absolute;
  top: .78125vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

#qingyun-hm740 .section-commercial .commercial-left .swiper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
}

#qingyun-hm740 .section-commercial .commercial-left .swiper .media-container {
  margin: 0;
}

#qingyun-hm740 .section-commercial .commercial-left .swiper .swiper-slide img,
#qingyun-hm740 .section-commercial .commercial-left .swiper .swiper-slide video {
  will-change: transform;
  border-radius: .416667vw;
  overflow: hidden;
  position: relative;
}

#qingyun-hm740 .section-commercial .commercial-left .swiper .swiper-slide:nth-child(1) {
  position: relative;
}

#qingyun-hm740 .section-commercial .commercial-left[data-index="0"] .swiper-slide-2 {
  opacity: 0 !important;
  pointer-events: none;
}

#qingyun-hm740 .section-commercial .commercial-left[data-index="0"] .swiper-slide-1 {
  opacity: 1 !important;
}

#qingyun-hm740 .section-commercial .commercial-left[data-index="0"] .swiper-slide-1 .active {
  pointer-events: all;
}

#qingyun-hm740 .section-commercial .commercial-left[data-index="1"] .swiper-slide-1 {
  opacity: 0 !important;
}

#qingyun-hm740 .section-commercial .commercial-left[data-index="1"] .swiper-slide-2 {
  opacity: 1 !important;
}

#qingyun-hm740 .section-commercial .commercial-left[data-index="1"] .swiper-slide-2 .active {
  pointer-events: all;
}

#qingyun-hm740 .section-commercial .commercial-right {
  width: 20.625vw;
  margin-left: 0;
  padding: 3.958333vw 0 0;
  margin-right: auto;
  position: relative;
}


#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title {
  width: 100%;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .swiper-wrapper {
  display: block
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-right-title-item-1 p {
  height: var(--commercialp1) !important;
  margin-top: 1.25vw
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-right-title-item-1 .text-32,
#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-right-title-item-2 .text-32 {
  color: #fff;
}


#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-right-title-item-2 p {
  height: var(--commercialp2) !important;
  margin-top: 1.25vw
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-right-title-item {
  width: 100%;
  position: relative;
  padding-bottom: 2.083333vw;
  margin-left: 1.666667vw;
  cursor: default;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-right-title-item-2,
#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-right-title-item-1 {
  cursor: pointer;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-right-title-item:last-child {
  padding-bottom: 0;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-right-title-item p {
  color: #969698;
  transition: .5s all ease-in-out;
  overflow: hidden;
  cursor: auto;
  margin-top: 0px
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  opacity: 0.4;
  will-change: opacity;
  transition: .5s all ease-in-out;
  line-height: 1.25;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title-top .text-32 {
  line-height: 1.25;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-swiper-thu-scrollbar {
  width: 2px;
  height: 11.614583vw;
  background: rgba(150, 150, 152, 0.3);
  position: absolute;
  left: 0;
  top: 4.2vw;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-swiper-scrollbar-drag {
  width: 2px;
  position: absolute;
  transition: .5s all ease-in-out;
  left: 0;
  top: 0;
  height: 7.65625vw;
  background: linear-gradient(to top, #043A88, #6290DC, #D5E6FE);
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-swiper-scrollbar-drag {
  transform: translateY(0);
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-right-title-top-1,
#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-right-title-top-2 {
  opacity: 1;
}

#qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-swiper-scrollbar-drag {
  transform: translateY(3.958333vw);
}

#qingyun-hm740 .section-commercial .commercial-text-btn-wrap {
  display: none;
}

@media (hover: hover) {
  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title-top:hover {
    opacity: 0.6;
  }
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-commercial {
    margin-top: 26.388889vw;
    padding-bottom: 0;
  }

  #qingyun-hm740 .section-commercial .commercial-container {
    width: auto;
    margin-left: 6.666667vw;
    margin-right: 6.25vw;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 11.111111vw;
  }

  #qingyun-hm740 .section-commercial .commercial-left {
    margin: 0 auto;
    width: 68.194444vw;
  }

  #qingyun-hm740 .section-commercial .commercial-left .commercial-left-bg {
    width: 91.111111vw;
  }

  #qingyun-hm740 .section-commercial .commercial-left .swiper {
    width: 100%;
    top: 1vw;
  }

  #qingyun-hm740 .section-commercial .commercial-left .swiper .swiper-slide {
    width: 100%;
    opacity: 1;
  }

  #qingyun-hm740 .section-commercial .commercial-left .swiper .media-container {
    width: 100%;
    border-radius: .694444vw;
    overflow: hidden;
  }

  #qingyun-hm740 .section-commercial .commercial-right {
    width: 100%;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title-top {
    display: none;
  }

  #qingyun-hm740 .section-commercial .commercial-text-btn-wrap {
    display: flex;
    margin-top: 18.333333vw;
    line-height: 1.25;
    order: 1;
  }

  #qingyun-hm740 .section-commercial .commercial-text-btn-wrap .commercial-text-btn {
    color: #fff;
    opacity: 0.4;
    white-space: nowrap;
    margin-left: 11.111111vw;
    transition-duration: .3s;
  }

  #qingyun-hm740 .section-commercial .commercial-text-btn-wrap .commercial-text-btn.active {
    opacity: 1;
  }

  #qingyun-hm740 .section-commercial .commercial-text-btn-wrap .commercial-text-btn:first-child {
    margin-left: 0;
  }

  #qingyun-hm740 .section-commercial .commercial-right {
    padding-top: 0;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title {
    display: flex;
    flex-direction: column;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .swiper-wrapper {
    order: 3;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-right-title-item {
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0 auto;
    top: 0;
    left: 0;
    opacity: 0;
    text-align: center;
    transition-duration: .3s;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-right-title-item p {
    height: auto !important;
    margin-top: 0;
    color: #969698;
    transition: none;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-right-title-item-1 {
    opacity: 1;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-right-title-item-2 {
    opacity: 1;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-text-btn-1 {
    opacity: 1;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-text-btn-2 {
    opacity: 1;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-right-title-item:first-child {
    position: relative;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-swiper-thu-scrollbar {
    order: 2;
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
    width: 85.277778vw;
    height: 2px;
    transition-duration: .3s;
    margin: 3.611111vw auto 8.888889vw;
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title .commercial-swiper-scrollbar-drag {
    width: 40.833333vw;
    height: 2px;
    top: 0;
    left: 0;
    transform: translateX(0);
    background: linear-gradient(to left, #043A88, #6290DC, #D5E6FE)
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-swiper-scrollbar-drag {
    height: 2px;
    transform: translateX(0);
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-swiper-scrollbar-drag {
    width: 33.333333vw;
    height: 2px;
    transform: translateX(51.944444vw);
  }

  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="0"] .commercial-right-title-item-1 p,
  #qingyun-hm740 .section-commercial .commercial-right .commercial-right-title[data-active="1"] .commercial-right-title-item-2 p {
    height: auto !important;
    margin-top: 0;
  }
}

#qingyun-hm740 .section-linkage .feature-row {
  display: flex;
  margin: 3.958333vw auto 0;
  flex-direction: row;
}

#qingyun-hm740 .section-linkage .swiper .feature-item {
  width: 21.666667vw;
  height: auto;
  padding: 4.166667vw 3.125vw;
  background: #131314;
  margin-left: auto;
}

#qingyun-hm740 .section-linkage .swiper .feature-item:first-child {
  margin-left: 0;
}

#qingyun-hm740 .section-linkage .swiper .feature-item:last-child {
  margin: 0;
}

#qingyun-hm740 .section-linkage .swiper .feature-item img {
  width: auto;
  height: 5.364583vw;
  margin: 0 auto 2.604167vw;
}


#qingyun-hm740 .section-linkage .feature-headline {
  font-weight: bold;
  line-height: 1.25;
}

#qingyun-hm740 .section-linkage .feature-text {
  margin-top: .78125vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-linkage {
    overflow: hidden;
  }

  #qingyun-hm740 .section-linkage .feature-row {
    margin-top: 10.416667vw;
  }

  #qingyun-hm740 .section-linkage .swiper .feature-item {
    width: 86.666667vw;
    padding: 11.111111vw 13.333333vw 10.416667vw;
  }

  #qingyun-hm740 .section-linkage .swiper .feature-item:last-child {
    margin-right: 4.444444vw;
  }

  #qingyun-hm740 .section-linkage .swiper .feature-item img {
    height: 25vw;
    margin-bottom: 10.416667vw;
  }

  #qingyun-hm740 .section-linkage .feature-text {
    margin-top: 3.333333vw;
  }
}

#qingyun-hm740 .section-privacy .privacy-text {
  margin-top: -1.666667vw;
  width: 43.541667vw;
  position: relative;
  z-index: 2;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-privacy .privacy-text {
    width: 82.222222vw;
    margin-top: 5.555556vw;
  }
}

#qingyun-hm740 .section-safety .feature-row {
  width: 63.125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

#qingyun-hm740 .section-safety .feature-item {
  width: 10.520833vw;
  margin-top: 4.166667vw;
  color: #CECECE;
}

#qingyun-hm740 .section-safety .feature-item .feature-text {
  line-height: 1.25;
  margin-top: .520833vw;
}

#qingyun-hm740 .section-safety .feature-item:nth-child(6n) {
  margin-right: 0;
}

#qingyun-hm740 .section-safety .feature-item img {
  width: 6.145833vw;
  margin: 0 auto;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-safety .feature-row {
    width: 100%;
    margin-top: 11.111111vw;
    background: none;
    border-radius: 2.222222vw;
    padding: 0 6.666667vw;
  }

  #qingyun-hm740 .section-safety .feature-item {
    width: 33.3333%;
    margin: 4.444444vw auto 0;
    color: #969698;
  }

  #qingyun-hm740 .section-safety .feature-item-1,
  #qingyun-hm740 .section-safety .feature-item-2,
  #qingyun-hm740 .section-safety .feature-item-3 {
    margin-top: 0;
  }

  #qingyun-hm740 .section-safety .feature-item-4,
  #qingyun-hm740 .section-safety .feature-item-5,
  #qingyun-hm740 .section-safety .feature-item-6 {
    margin-top: 2.083333vw;
  }

  #qingyun-hm740 .section-safety .feature-item:nth-child(6n) {
    margin-right: auto;
  }

  #qingyun-hm740 .section-safety .feature-item img {
    width: 16.388889vw;
  }

  #qingyun-hm740 .section-safety .feature-item .feature-text {
    margin-top: 1.388889vw;
  }
}

#qingyun-hm740 .section-interface {
  padding-bottom: 5.729167vw;
}

#qingyun-hm740 .section-interface .media-container {
  position: relative;
}

#qingyun-hm740 .section-interface .feature-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

#qingyun-hm740 .section-interface .feature-row-1 {
  top: 5.9375vw;
  left: 31.927083vw;
}

#qingyun-hm740 .section-interface .feature-row-2 {
  left: 35.416667vw;
  top: 29.947917vw;
}

#qingyun-hm740 .section-interface .feature-item {
  width: auto;
  text-align: center;
  line-height: 1.25;
  color: #BED0F5;
}

#qingyun-hm740 .section-interface .feature-item-1 {
  margin-right: 2.65625vw;
}

#qingyun-hm740 .section-interface .feature-item-2 {
  margin-right: 4.375vw;
}

#qingyun-hm740 .section-interface .feature-item-3 {
  margin-right: 3.854167vw;
}

#qingyun-hm740 .section-interface .feature-item-4 {
  transform: translateY(-.625vw);
}

#qingyun-hm740 .section-interface .feature-item-5 {
  margin-right: 1.901042vw;
}

#qingyun-hm740 .section-interface .feature-item-6 {
  margin-right: 3.229167vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-interface {
    padding-bottom: 27.777778vw;
  }

  #qingyun-hm740 .section-interface .media-container {
    margin-top: 11.111111vw;
    padding-bottom: 6.666667vw;
  }

  #qingyun-hm740 .section-interface .feature-row-1 {
    left: 20.138889vw;
    top: -5vw;
  }

  #qingyun-hm740 .section-interface .feature-row-2 {
    left: 17.083333vw;
    top: 64.947917vw;
    align-items: flex-start;
  }

  #qingyun-hm740 .section-interface .feature-item {
    color: #BED0F5;
  }

  #qingyun-hm740 .section-interface .feature-item-1 {
    margin-right: 4.333333vw;
  }

  #qingyun-hm740 .section-interface .feature-item-2 {
    transform: translateY(16vw);
    margin-right: 6.388889vw;
  }

  #qingyun-hm740 .section-interface .feature-item-3 {
    margin-right: 1.111111vw;
  }

  #qingyun-hm740 .section-interface .feature-item-4 {
    transform: translateY(14vw);
  }

  #qingyun-hm740 .section-interface .feature-item-6 {
    transform: translateY(16.5vw);
    margin-right: 3vw;
  }
}

#qingyun-hm740 .section-productivity .text-64 {
  line-height: 1.25;
}

#qingyun-hm740 .section-productivity .section-content {
  width: 67.5vw;
  margin: 0 auto;
  text-align: center;
}

#qingyun-hm740 .section-productivity .section-content {
  width: 52.083333vw;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

#qingyun-hm740 .section-productivity .productivity-container {
  width: 67.5vw;
  height: auto;
  display: flex;
  margin: 4.166667vw auto 0;
  justify-content: center;
  align-items: flex-start;
}

#qingyun-hm740 .section-productivity .productivity-left {
  width: 46.510417vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

#qingyun-hm740 .section-productivity .productivity-left .productivitySwiper {
  width: 46.510417vw;
  overflow: initial;
  pointer-events: none;
  position: relative;
  top: .78125vw;
  left: 50%;
  transform: translateX(-50%);
}

#qingyun-hm740 .section-productivity .productivity-left .productivitySwiper .swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
  overflow: hidden;
}

#qingyun-hm740 .section-productivity .productivity-left .productivitySwiper .media-container {
  margin: 0;
}

#qingyun-hm740 .section-productivity .productivity-left .productivitySwiper .swiper-slide img,
#qingyun-hm740 .section-productivity .productivity-left .productivitySwiper .swiper-slide video {
  will-change: transform;
  border-radius: .416667vw;
  overflow: hidden;
  position: relative;
}

#qingyun-hm740 .section-productivity .productivity-left .productivitySwiper .swiper-slide:nth-child(1) {
  position: relative;
}

#qingyun-hm740 .section-productivity .productivity-left[data-index="0"] .swiper-slide-2 {
  opacity: 0;
}

#qingyun-hm740 .section-productivity .productivity-left[data-index="0"] .swiper-slide-1 {
  opacity: 1;
}

#qingyun-hm740 .section-productivity .productivity-left[data-index="1"] .swiper-slide-1 {
  opacity: 0;
}

#qingyun-hm740 .section-productivity .productivity-left[data-index="1"] .swiper-slide-2 {
  opacity: 1;
}

#qingyun-hm740 .section-productivity .productivity-right {
  width: 23.958333vw;
  transform: translateX(1.5vw);
  flex-shrink: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 3.958333vw 0 0;
  position: relative;
  z-index: 2;
}


#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title {
  width: 100%;
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .swiper-wrapper {
  display: block
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-right-title-item-1 p {
  height: var(--productivityp1) !important;
  margin-top: 1.25vw
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-right-title-item-1 .text-32,
#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-right-title-item-2 .text-32 {
  color: #fff;
}


#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-right-title-item-2 p {
  height: var(--productivityp2) !important;
  margin-top: 1.25vw
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-right-title-item {
  width: 100%;
  position: relative;
  padding-bottom: 2.083333vw;
  margin-left: 1.666667vw;
  cursor: default;
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-right-title-item-2,
#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-right-title-item-1 {
  cursor: pointer;
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-right-title-item:last-child {
  padding-bottom: 0;
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-right-title-item p {
  color: #969698;
  transition: .5s all ease-in-out;
  overflow: hidden;
  cursor: auto;
  margin-top: 0px
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  opacity: 0.4;
  will-change: opacity;
  transition: .5s all ease-in-out;
  line-height: 1.25;
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-right-title-top-1,
#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-right-title-top-2 {
  opacity: 1;
}

@media (hover: hover) {
  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title-top:hover {
    opacity: 0.6;
  }
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title-top .text-32 {
  line-height: 1.25;
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-swiper-thu-scrollbar {
  width: 2px;
  height: 11.614583vw;
  background: rgba(150, 150, 152, 0.3);
  position: absolute;
  left: 0;
  top: 4.2vw;
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-swiper-scrollbar-drag {
  width: 2px;
  height: 7.65625vw;
  position: absolute;
  transition: .5s all ease-in-out;
  left: 0;
  top: 0;
  background: linear-gradient(to top, #043A88, #6290DC, #D5E6FE);
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-swiper-scrollbar-drag {
  transform: translateY(0);
}

#qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-swiper-scrollbar-drag {
  transform: translateY(3.958333vw);
}

#qingyun-hm740 .section-productivity .productivity-text-btn-wrap {
  display: none;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-productivity .productivity-container {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 11.111111vw;
  }

  #qingyun-hm740 .section-productivity .productivity-left {
    margin: 4.166667vw auto 0;
    width: 100%;
  }

  #qingyun-hm740 .section-productivity .productivity-left .productivity-left-bg {
    width: 91.111111vw;
  }

  #qingyun-hm740 .section-productivity .productivity-left .productivitySwiper {
    width: 100%;
  }

  #qingyun-hm740 .section-productivity .productivity-left .productivitySwiper .swiper-slide {
    position: relative;
  }

  #qingyun-hm740 .section-productivity .productivity-right {
    width: 83.333333vw;
    transform: unset;
    margin: 0 auto;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title-top {
    display: none;
  }


  #qingyun-hm740 .section-productivity .productivity-text-btn-wrap {
    display: flex;
    margin-top: 8.888889vw;
    order: 1;
    justify-content: center;
  }

  #qingyun-hm740 .section-productivity .productivity-text-btn-wrap .productivity-text-btn {
    color: #fff;
    opacity: 0.4;
    white-space: nowrap;
    margin-left: 11.111111vw;
    will-change: opacity;
    transition: opacity .3s;
    line-height: 1.25;
  }

  #qingyun-hm740 .section-productivity .productivity-text-btn-wrap .productivity-text-btn.active {
    opacity: 1;
  }

  #qingyun-hm740 .section-productivity .productivity-text-btn-wrap .productivity-text-btn:first-child {
    margin-left: 0;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title {
    display: flex;
    flex-direction: column;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .swiper-wrapper {
    order: 3;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-right-title-item {
    width: 100%;
    position: absolute;
    padding: 0;
    margin: 0 auto;
    top: 0;
    left: 0;
    opacity: 0;
    text-align: center;
    transition-duration: .3s;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-right-title-item p {
    height: auto !important;
    margin-top: 0;
    transition: none;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-right-title-item-1 {
    opacity: 1;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-right-title-item-2 {
    opacity: 1;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-text-btn-1 {
    opacity: 1;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-text-btn-2 {
    opacity: 1;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-right-title-item:first-child {
    position: relative;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-swiper-thu-scrollbar {
    order: 2;
    position: relative;
    top: auto;
    left: auto;
    transform: unset;
    width: 55.555556vw;
    height: 2px;
    transition-duration: .3s;
    margin: 3.611111vw auto 8.888889vw;
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title .productivity-swiper-scrollbar-drag {
    width: 22.222222vw;
    height: 2px;
    top: 0;
    left: 0;
    transform: translateX(0);
    background: linear-gradient(to left, #043A88, #6290DC, #D5E6FE)
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-swiper-scrollbar-drag {
    height: 2px;
    transform: translateX(0);
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-swiper-scrollbar-drag {
    height: 2px;
    transform: translateX(33.333333vw);
  }

  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="0"] .productivity-right-title-item-1 p,
  #qingyun-hm740 .section-productivity .productivity-right .productivity-right-title[data-active="1"] .productivity-right-title-item-2 p {
    height: auto !important;
    margin-top: 0;
  }
}

#qingyun-hm740 .section-card {
  padding-bottom: 10.416667vw;
  width: 100%;
  overflow: hidden;
}

#qingyun-hm740 .section-card .swiper-container {
  overflow: visible;
  margin-left: auto;
  margin-right: auto;
  width: 67.5vw;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide {
  border-radius: .833333vw;
  width: 21.666667vw;
  height: 23.4375vw;
  margin-right: 1.25vw;
  overflow: hidden;
  background-color: #131314;
  cursor: pointer
}


#qingyun-hm740 .section-card .swiper-container .swiper-slide.active .text-32 {
  opacity: 0;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide:last-child {
  margin-right: 0
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .text-32 {
  position: relative;
  margin: 2.291667vw auto 0 2.083333vw;
  transform: translateZ(1px);
  transition: all .3s;
  opacity: 1;
  line-height: 1.25;
  z-index: 6;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .card-text {
  margin: 1.041667vw 2.5vw 0 2.083333vw;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .card-imgs {
  position: relative;
  width: 7.291667vw;
  transition: all .6s;
  margin: 2.083333vw auto 0 2.083333vw;
  pointer-events: all;
  z-index: 5;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .card-text {
  transition: all .3s;
  will-change: opacity;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .card-imgs img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .card-des {
  width: 17.083333vw;
  position: absolute;
  top: 3.125vw;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .card-des p {
  opacity: 0;
  transition: all .3s;
  width: auto
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide.active .card-imgs,
#qingyun-hm740 .section-card .swiper-container .swiper-slide.active .card-text {
  opacity: 0;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide .card-icon img {
  transition: all .3s;
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide.active .card-icon img {
  transform: rotate(45deg);
}

#qingyun-hm740 .section-card .swiper-container .swiper-slide.active .card-des p {
  opacity: 1;
  transition: all .3s;
  transform: translateX(0) translateY(0)
}


#qingyun-hm740 .section-card .swiper-container .swiper-slide.active .card-des {
  pointer-events: all;
  z-index: 6;
}

#qingyun-hm740 .section-card .controls-container {
  display: flex;
  justify-content: flex-end;
}

#qingyun-hm740 .section-card .controls-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}


#qingyun-hm740 .section-card .arrownav-item {
  flex-shrink: 0;
  width: 2.5vw;
  cursor: pointer;
  transition: opacity 0.3s;
  outline: 0;
  z-index: 2;
}

#qingyun-hm740 .section-card .arrownav-next {
  margin-left: 1.25vw;
}

#qingyun-hm740 .section-card .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}


#qingyun-hm740 .section-card .swiper-container .card-icon {
  position: absolute;
  bottom: 1.25vw;
  right: 1.25vw;
  width: 2.083333vw;
  cursor: pointer;
  transform: translateZ(1px);
  pointer-events: all;
  background-color: rgba(52, 53, 54, 1);
  border-radius: 50%;
  overflow: hidden;
  transition: all .3s;
  z-index: 6;
}

@media (hover: hover) {
  #qingyun-hm740 .section-card .swiper-container .card-icon:hover {
    background-color: rgba(52, 53, 54, 0.6);
  }
}

#qingyun-hm740 .section-video-card .swiper {
  margin: 0;
}

#qingyun-hm740 .section-video-card .swiper-wrapper,
#qingyun-hm740 .section-video-card [data-swiper-parallax-x],
#qingyun-hm740 .section-video-card [data-swiper-parallax-opacity] {
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

#qingyun-hm740 .swiper.swiper-touch-move .swiper-wrapper,
#qingyun-hm740 .swiper.swiper-touch-move [data-swiper-parallax-x],
#qingyun-hm740 .swiper.swiper-touch-move [data-swiper-parallax-opacity] {
  transition-timing-function: ease;
}

#qingyun-hm740 .section-video-card .swiper-slide {
  width: 33.125vw;
}

#qingyun-hm740 .section-video-card .video-container {
  display: flex;
  justify-content: center;
}

#qingyun-hm740 .section-video-card .intro {
  width: 80%;
  margin-left: 0.833333vw;
  margin-right: 0.833333vw;
}

#qingyun-hm740 .section-video-card .arrownav-list {
  display: flex;
  justify-content: flex-end;
}

#qingyun-hm740 .section-video-card .arrownav-list.moving {
  pointer-events: none;
}

#qingyun-hm740 .section-video-card .arrownav-item {
  position: relative;
  width: 2.5vw;
  cursor: pointer;
  transition: opacity 300ms;
  border-radius: 100%;
  background-color: #303032;
}

@media (max-aspect-ratio: 11/10) {

  #qingyun-hm740 .section-card {
    width: 100%;
    overflow: hidden;
    padding-bottom: 27.777778vw
  }

  #qingyun-hm740 .section-card .swiper-container {
    width: 82.222222vw;
  }

  #qingyun-hm740 .section-card .swiper-container .swiper-slide {
    width: 100%;
    height: auto;
    height: 88.472222vw;
    background: none;
    display: block;
    margin-right: 4.444444vw;
    background: #131314;
    border-radius: 2.222222vw;
    cursor: auto
  }

  #qingyun-hm740 .section-card .swiper-container .swiper-slide .text-32 {
    position: relative;
    top: auto;
    width: auto;
    left: auto;
    transform: unset;
    margin: 8.333333vw auto 2.777778vw 6.666667vw;
  }

  #qingyun-hm740 .section-card .swiper-container .swiper-slide .card-imgs {
    width: 33.333333vw;
    margin: 6.666667vw auto 0 6.666667vw;
    position: relative;
    height: auto;
    transform: unset;
    top: auto;
    left: auto;
  }

  #qingyun-hm740 .section-card .swiper-container .card-icon {
    width: 8.888889vw;
    right: 4.444444vw;
    bottom: 4.444444vw;
  }

  #qingyun-hm740 .section-card .swiper-container .card-icon:hover {
    background-color: rgba(52, 53, 54, 1);
  }

  #qingyun-hm740 .section-card .swiper-container .swiper-slide .card-text {
    margin: 0 6.666667vw 17.222222vw;
  }

  #qingyun-hm740 .section-card .swiper-container .swiper-slide .card-des {
    width: 69.444444vw;
    top: 6.666667vw;
    left: 6.666667vw;
    transform: unset;
  }

  #qingyun-hm740 .section-card .arrownav-item {
    width: 11.111111vw;
  }

  #qingyun-hm740 .section-card .arrownav-next {
    margin-left: 5.555556vw;
  }
}

@media (hover: hover) {
  #qingyun-hm740 .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}

#qingyun-hm740 .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

#qingyun-hm740 .arrownav-next {
  margin-left: 1.25vw;
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .arrownav-item {
    width: 11.111111vw;
  }

  #qingyun-hm740 .arrownav-next {
    margin-left: 4.444444vw;
  }

  #qingyun-hm740 .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }

}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-video-card .swiper {
    width: 100%;
    margin-left: auto;
  }

  #qingyun-hm740 .section-video-card .swiper-slide {
    width: 100%;
  }

  #qingyun-hm740 .section-video-card .inline-video {
    top: 0;
    width: 100%;
  }

  #qingyun-hm740 .section-video-card .play-pause-button {
    right: 5.555556vw;
    bottom: 5.555556vw;
    width: 8.888888vw;
    height: 8.888888vw;
  }

  #qingyun-hm740 .section-video-card .text-content {
    position: static;
    margin-top: 6.666667vw;
    font-size: 3.888889vw;
  }
}

#qingyun-hm740.no-inline-video .section-pupup-btn .screen-frame {
  display: none;
}

#qingyun-hm740 .section-footnote .footnote-list {
  padding-top: 0;
}

#qingyun-hm740 .section-footnote .footnote-list li.global-style-hide {
  list-style: none;
  position: relative;
}

#qingyun-hm740 .section-footnote .footnote-list li.global-style-hide::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-125%);
}

#qingyun-hm740 .section-footnote .footnote-list li.mll {
  margin-top: 1.6em;
}

#qingyun-hm740 .section-footnote .footnote-list li.mll::before {
  content: '*';
}

#qingyun-hm740 .section-footnote .footnote-list li.mll2::before {
  content: '**';
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .section-footnote .footnote-list {
    padding-top: 0;
  }
}

#qingyun-hm740 .section-footnote .footnote-list,
#qingyun-hm740 .section-footnote .tips-list {
  font-size: 14px;
  line-height: 1.6;
  padding-inline-start: 1.5em;
}

@media (max-aspect-ratio: 11/10) {

  #qingyun-hm740 .section-footnote .footnote-list,
  #qingyun-hm740 .section-footnote .tips-list {
    font-size: 3.333333vw;
  }
}

#qingyun-hm740 .section-footnote .footnote-list li {
  list-style-type: decimal;
  color: #FFFFFF;
}

#qingyun-hm740 .section-footnote .footnote-list li a {
  -webkit-text-decoration: underline #FFFFFF;
  text-decoration: underline #FFFFFF;
  color: #FFFFFF;
}

#qingyun-hm740 .section-footnote .footnote-list li.current {
  font-weight: bold;
}

#qingyun-hm740 .section-footnote .footnote-list li.current a {
  font-weight: bold;
}

#qingyun-hm740 .section-footnote .footnote-list li.asterisk {
  list-style-type: "*";
}

#qingyun-hm740 .section-footnote .footnote-list li.disclaimer {
  list-style-type: none;
}

#qingyun-hm740 .section-footnote .footnote-list.light li.current {
  color: #2A2A2C;
}

#qingyun-hm740 .section-footnote .footnote-list.light li.current a {
  color: #2A2A2C;
  text-decoration-color: #2A2A2C;
}


#qingyun-hm740 .arrownav-list {
  display: flex;
  justify-content: flex-end;
  margin-bottom: -2px;
  padding-bottom: 2px;
}

#qingyun-hm740 .arrownav-list.mob-show {
  display: none;
}

#qingyun-hm740 .arrownav-list .arrownav-item {
  position: relative;
  overflow: hidden;
  width: 2.5vw;
  cursor: pointer;
  border-radius: 100%;
  transition: opacity 0.3s;
}

#qingyun-hm740 .arrownav-list .arrownav-disabled {
  cursor: default;
}

#qingyun-hm740 .arrownav-list .arrownav-next {
  margin-left: 1.041667vw;
}

#qingyun-hm740 .arrownav-list .arrownav-disabled {
  cursor: default;
  opacity: 0.3;
}

@media (any-hover: hover) {
  #qingyun-hm740 .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 0.6;
  }
}

@media (hover: none) {
  #qingyun-hm740 .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }
}

@media (any-hover: none) {
  #qingyun-hm740 .arrownav-list .arrownav-item:not(.arrownav-disabled):active {
    opacity: 1;
  }
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .arrownav-list.mob-show {
    display: flex;
  }

  #qingyun-hm740 .arrownav-list .arrownav-item {
    width: 11.111111vw;
  }

  #qingyun-hm740 .arrownav-list .arrownav-item:not(.arrownav-disabled):hover {
    opacity: 1;
  }

  #qingyun-hm740 .arrownav-list .arrownav-next {
    margin-left: 5.555556vw;
  }
}

#qingyun-hm740 .common-video-btn {
  position: absolute;
  display: flex;
  align-items: center;
  opacity: 0;
  z-index: 6;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  cursor: default;
  transition-duration: .3s;
  margin-top: 3.854167vw;
}

#qingyun-hm740 .common-video-btn.active {
  opacity: 1;
}

#qingyun-hm740 .common-video-btn span {
  margin-right: .416667vw;
}

#qingyun-hm740 .common-video-btn .video-btn-text-wrap {
  position: relative
}

#qingyun-hm740 .common-video-btn .video-btn-icon-wrap {
  position: relative
}

#qingyun-hm740 .common-video-btn .video-btn-icon {
  width: .729167vw;
}

#qingyun-hm740 .common-video-btn .video-btn-icon-1 {
  position: relative;
}

#qingyun-hm740 .common-video-btn .video-btn-icon-1.active {
  opacity: 1;
  z-index: 3;
}

@media (hover: hover) {
  #qingyun-hm740 .common-video-btn.active:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}

@media (max-aspect-ratio: 11/10) {
  #qingyun-hm740 .common-video-btn {
    position: relative;
    margin: 0 auto;
    justify-content: center;
    left: auto;
    top: auto;
    transform: none;
    margin-top: 9.166667vw;
  }

  #qingyun-hm740 .common-video-btn.active:hover {
    opacity: 1;
  }

  #qingyun-hm740 .common-video-btn .video-btn-icon {
    width: 3.055556vw;
  }

  #qingyun-hm740 .common-video-btn span {
    margin-right: 1.111111vw;
  }
}