<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.f-size-80 {
  font-size: 4.125vw;
  line-height: 1.3;
}
.f-size-72 {
  font-size: 3.785vw;
}
.f-size-20 {
  font-size: 1.04167vw;
}
@media only screen and (min-width: 2000px) {
  .f-size-72 {
    font-size: calc(2.6vw + 1vh);
  }
  .f-size-20 {
    font-size: calc(0.8vw + 0.4vh);
  }
}
@media only screen and (max-width: 1640px) {
  .f-size-80 {
    font-size: 4.125vw;
  }
  .f-size-72 {
    font-size: 3.125vw;
  }
  .f-size-20 {
    font-size: 1.1vw;
  }
}
@media only screen and (max-width: 1380px) {
  .f-size-80 {
    font-size: 4.525vw;
  }
  .f-size-72 {
    font-size: 3.7vw;
  }
  .f-size-20 {
    font-size: 1.2vw;
  }
}
@media only screen and (max-width: 1240px) {
  .f-size-80 {
    font-size: 4.725vw;
  }
  .f-size-72 {
    font-size: 4vw;
  }
  .f-size-20 {
    font-size: 1.3vw;
  }
}
@media only screen and (max-width: 1080px) {
  .f-size-80 {
    font-size: 5.825vw;
  }
  .f-size-72 {
    font-size: 5vw;
  }
  .f-size-20 {
    font-size: 1.4vw;
  }
}
@media only screen and (max-width: 1024px) {
  .f-size-20 {
    font-size: 1.8vw;
  }
}
@media only screen and (max-width: 735px) {
  .f-size-80 {
    font-size: 7.825vw;
  }
  .f-size-72 {
    font-size: 6vw;
  }
  .f-size-20 {
    font-size: 2.3vw;
  }
}
@media only screen and (max-width: 535px) {
  .f-size-80 {
    font-size: 7.4vw;
  }
  .f-size-72 {
    font-size: 7.4vw;
  }
  .f-size-20 {
    font-size: 4.11vw;
  }
}
@media only screen and (max-width: 375px) {
  .f-size-80 {
    font-size: 7.5vw;
  }
  .f-size-72 {
    font-size: 7.4vw;
  }
  .f-size-20 {
    font-size: 4.11vw;
  }
}
picture img {
  max-width: 100%;
}
.zh .level-txt {
  line-height: 1.5;
}
.level-txt-list {
  margin-bottom: 0.5em;
}
.level-tit {
  margin-bottom: 0.25em;
  line-height: 1.1;
}
.level-txt {
  margin-bottom: 0.5em;
}
.level-video video,
.bg-video video {
  width: 100%;
}
.theme-txt {
  -webkit-mask-image: linear-gradient(107deg, #D7FE6D 34%, #A5F1C5, #40F0FE 86%);
  background-image: linear-gradient(107deg, #D7FE6D 34%, #A5F1C5, #40F0FE 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.theme-blue-txt {
  color: #2F354D;
}
.txt-babi {
  color: #ff00ff;
}
.txt-blue {
  color: #0089ff;
}
.text-colors {
  -webkit-mask-image: linear-gradient(118deg, #40f1ff 20%, #3673ff, #ff1700 80%);
  background-image: linear-gradient(118deg, #40f1ff 20%, #3673ff, #ff1700 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-bottom: 0.08em;
}
.fullimg .level-container {
  z-index: 2;
}
.fullimg .fullimgbg {
  z-index: 1;
}
.level-tit,
.level-txt,
.level-fullimgbg,
.level-btn {
  transition: -webkit-transform 0.6s, opacity 1.2s, visibility 0.1s;
  transition: transform 0.6s, opacity 1.2s, visibility 0.1s;
}
.level-tit,
.level-txt,
.level-fullimgbg,
.level-btn {
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
}
.level-txt {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.level-fullimgbg {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.level-btn {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.m-level.active .level-tit,
.level-fidein.active .level-tit,
.m-level.active .level-txt,
.level-fidein.active .level-txt,
.m-level.active .level-fullimgbg,
.level-fidein.active .level-fullimgbg,
.m-level.active .level-btn,
.level-fidein.active .level-btn {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.lv1 {
  background-color: #000;
}
.lv1 .lv1videobg {
  display: inline-block;
  height: 100vh;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}
@media only screen and (max-width: 998px) {
  .lv1 .lv1videobg {
    transform: translateX(-50%) scale(0.9);
  }
}
@media only screen and (max-width: 900px) {
  .lv1 .lv1videobg {
    transform: translateX(-50%) scale(0.8);
  }
}
@media only screen and (max-width: 800px) {
  .lv1 .lv1videobg {
    transform: translateX(-50%) scale(0.7);
  }
}
@media only screen and (max-width: 768px) {
  .lv1 .lv1videobg {
    transform: translateX(-50%) scale(0.58);
  }
}
@media only screen and (max-width: 550px) {
  .lv1 .lv1videobg {
    transform: translateX(-50%) scale(0.5);
  }
}
@media only screen and (max-width: 425px) {
  .lv1 .lv1videobg {
    transform: translateX(-50%) scale(0.4);
  }
}
@media only screen and (max-width: 375px) {
  .lv1 .lv1videobg {
    transform: translateX(-50%) scale(0.45);
  }
}
.lv1 .bg-video-hasimg {
  height: 100%;
}
.lv1 .bg-video-hasimg img {
  height: 100%;
  width: auto;
  max-height: 100vh;
  max-width: inherit;
}
.lv1 .lv1-content-box {
  background-color: #00020e;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.lv1 .lv1-content-box .lv1txt {
  opacity: 0;
  transform: translateX(-1em);
  -webkit-transition: transform 0.3s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, opacity 0.3s 0s;
}
.lv1 .lv1-content-box .lv1img {
  transform: rotateY(-20deg);
  -webkit-transition: transform 0.3s 0s, opacity 0.3s 0s;
  transition: transform 0.3s 0s, opacity 0.3s 0s;
  opacity: 0;
}
.lv1 .lv1-content-box.active {
  opacity: 1;
}
.lv1 .lv1-content-box.active .lv1txt {
  opacity: 1;
  transform: none;
  -webkit-transition: -webkit-transform 0.6s 0.5s, opacity 1.2s 0.5s;
  transition: -webkit-transform 0.6s 0.5s, opacity 1.2s 0.5s;
  transition: transform 0.6s 0.5s, opacity 1.2s 0.5s;
}
.lv1 .lv1-content-box.active .lv1img {
  transform: rotateY(0deg);
  opacity: 1;
  transition: transform 0.8s, opacity 1.2s;
}
.lv1 .lv1-content {
  height: 100%;
  width: 100%;
}
.lv1 .lv1-content .lv1bg {
  position: absolute;
  width: 100%;
}
.lv1 .lv1-content .lv1device {
  width: 100%;
  position: relative;
  z-index: 10;
}
.lv1 .lv1-content .lv1txt-box {
  position: absolute;
  top: 53%;
  right: 53%;
  transform: translateY(-50%);
  font-size: 0.72vw;
}
.lv1 .lv1-content .lv1txt-box .lv1-logo {
  width: 42em;
  margin-bottom: 1.9em;
}
.lv1 .lv1-content .lv1txt-box .lv1-textimg {
  width: 32.7em;
  margin-left: -2.3em;
  margin-bottom: 1.9em;
  position: relative;
}
.lv1 .lv1-content .lv1txt-box .lv1-textimg2 {
  position: absolute;
  left: 83%;
  top: -3%;
  width: 18em;
}
.lv1 .lv1-content .lv1txt-box .lv1-textimg2cn {
  left: 100%;
}
.lv1 .lv1-content .lv1txt-box .lv1-text {
  font-size: 3em;
  line-height: 1.05;
  font-weight: bold;
  color: #4bd0fa;
}
.lv1 .lv1-content .lv1txt-box .lv1-text-cn {
  font-size: 1.5em;
}
.lv1 .lv1-content .lv1imgbox {
  position: absolute;
  top: 50%;
  left: 55.9%;
  transform: translate(-50%, -50%);
  width: 116%;
}
@media only screen and (min-width: 1950px) {
  .lv1 .lv1-content .lv1imgbox {
    width: 88%;
  }
}
.lv1 .lv1-content .lv1imgbox picture img {
  width: 100%;
}
.lv1 .lv1-first {
  overflow: hidden;
  position: sticky;
  top: 0;
}
.lv1 .lv1-second {
  height: 50vh;
}
.lv1 .lv1-third {
  height: 50vh;
}
.lv1 .black-guodu.top,
.lv1 .black-guodu.bottom {
  display: none;
}
.lv1 .u-btn.guang-scale {
  position: absolute;
  left: 58%;
  top: 83%;
}
@media only screen and (max-width: 998px) {
  .lv1 .black-guodu.top,
  .lv1 .black-guodu.bottom {
    display: block;
  }
  .lv1 .lv1-content .lv1imgbox {
    position: absolute;
    top: 71%;
    left: 30.9%;
    width: 166%;
  }
  .lv1 .lv1-content .lv1txt-box {
    top: 31%;
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 1.12vw;
  }
}
@media only screen and (max-width: 535px) {
  .lv1 .lv1-content .lv1imgbox {
    position: absolute;
    top: 71%;
    left: 18.9%;
    width: 214%;
  }
  .lv1 .lv1-content .lv1txt-box {
    top: 31%;
    right: 50%;
    transform: translate(50%, -50%);
    font-size: 1.72vw;
  }
  .lv1 .u-btn.guang-scale {
    position: absolute;
    left: 32%;
    top: 90%;
  }
}
.lv2 {
  background-color: #020307;
}
.lv2 .lv2-first {
  overflow: hidden;
  position: sticky;
  top: 0;
  left: 0;
  height: 100vh;
}
.lv2 .lv2-second,
.lv2 .lv2-third,
.lv2 .lv2-fourth,
.lv2 .zhanweizhi {
  height: 50vh;
}
.lv2 .lv2-third {
  height: 50vh;
}
.lv2 .lv2-logo {
  height: 100vh;
  width: 100%;
  position: absolute;
  background-color: #020307;
}
.lv2 .lv2-logo.active {
  opacity: 0;
  transition: opacity 0.5s;
}
.lv2 .lv2-logoimg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30em;
  transform: translate(-50%, -50%);
}
.lv2 .lv2-1,
.lv2 .lv2-2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.lv2 .lv2-1 .lv2bg,
.lv2 .lv2-2 .lv2bg {
  width: 100%;
  opacity: 0;
}
.lv2 .lv2-1 .lv2-txt {
  position: absolute;
  top: calc(55px + 1%);
  width: 90vw;
  left: 50%;
  text-align: center;
  transform: translateX(-50%);
}
.lv2 .lv2-1 .lv2-txt .level-txt {
  width: 70%;
  margin: auto;
}
.lv2 .lv2-1 .lv2-1-logo {
  position: absolute;
  right: 55%;
  top: 67%;
  width: 22%;
  transform: translateY(-50%);
  opacity: 0;
}
.lv2 .lv2-1.active .lv2-1-logo {
  opacity: 1;
  transition: opacity 0.5s;
}
.lv2 .lv2-1.playing .lv2-txt,
.lv2 .lv2-1.playing .lv2-1-logo {
  opacity: 0;
  transition: opacity 0.5s;
}
.lv2 .lv2-2 .lv2-txt {
  position: absolute;
  right: 55%;
  top: 50%;
  width: 37%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 2000px) {
  .lv2 .lv2-2 .lv2-txt {
    top: 50%;
    width: 33%;
    right: 58%;
  }
}
.lv2.ended .lv2-1,
.lv2.ended .lv2-2 {
  background-color: #020307;
  opacity: 0;
  transition: opacity 0.5s;
}
.lv2.ended .lv2-1 .lv2bg,
.lv2.ended .lv2-2 .lv2bg {
  opacity: 1;
}
.lv2.ended .lv2-1.active,
.lv2.ended .lv2-2.active {
  opacity: 1;
}
.lv2.ended .lv2videobg {
  visibility: hidden !important;
  opacity: 0 !important;
}
.lv2 .lv2-contentbox {
  display: inline-block;
  height: 100vh;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.lv2 .lv2videobg {
  opacity: 0;
}
.lv2 .lv2videobg.active {
  opacity: 1;
  transition: opacity 0.5s;
}
.lv2 .lv2videobg,
.lv2 .lv2bg {
  display: block;
  transform-origin: bottom;
}
.lv2 .bg-video-hasimg {
  height: 100%;
}
.lv2 .bg-video-hasimg img {
  height: 100%;
  width: auto;
  max-height: 100vh;
  max-width: inherit;
}
@media only screen and (max-width: 1800px) {
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transition: transform-origin 1s, transform 1s;
    transform: translate(10%, 1%) scale(0.9);
  }
  .lv2 .lv2-2 .lv2-txt {
    right: 55%;
    width: 28%;
  }
}
@media only screen and (max-width: 1680px) {
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transform: translate(5%, 1%) scale(0.9);
  }
}
@media only screen and (max-width: 1380px) {
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transform: translate(3%, 1%) scale(0.9);
  }
}
@media only screen and (max-width: 1350px) {
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transform: translate(1%, 1%) scale(0.9);
  }
  .lv2 .lv2-2 .lv2-txt {
    right: 56%;
    width: 33vw;
  }
}
@media only screen and (max-width: 1240px) {
  .lv2 .lv2videobg,
  .lv2 .lv2-1 .lv2bg {
    transform: scale(0.8);
    transform-origin: center;
  }
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transform: translate(1%, 1%) scale(0.8);
    transform-origin: bottom;
  }
}
@media only screen and (max-width: 1080px) {
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transform: translate(1%, 1%) scale(0.7);
    transform-origin: bottom;
  }
  .lv2 .lv2-2 .lv2-txt {
    right: 56%;
    width: 36vw;
  }
}
@media only screen and (max-width: 998px) {
  .lv2 .lv2videobg,
  .lv2 .lv2-1 .lv2bg {
    transform: scale(0.7) translate(-14%, 2%);
    transform-origin: center bottom;
  }
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transform: translate(-7%, 1%) scale(0.6);
    transform-origin: bottom center;
  }
  .lv2 .lv2-1 .lv2-1-logo {
    width: 21vh;
    right: 50%;
    bottom: 40%;
    top: initial;
    transform: translateX(50%);
  }
  .lv2 .lv2-2 .lv2-txt {
    right: 50%;
    width: 78vw;
    transform: translateX(50%);
    top: 8%;
  }
}
@media only screen and (max-width: 735px) {
  .lv2 .lv2videobg,
  .lv2 .lv2-1 .lv2bg {
    transform: scale(0.6) translate(-14.6%, 2%);
  }
  .lv2 .lv2videobg.mover,
  .lv2 .lv2videobg.mover ~ .lv2-2 .lv2bg {
    transform: translate(-7.7%, 1%) scale(0.5);
  }
  .lv2 .lv2-1 .lv2-1-logo {
    width: 33vw;
    right: 50%;
    bottom: 35%;
  }
  .lv2 .lv2-1 .lv2-txt .level-txt {
    width: 100%;
  }
  .lv2 .lv2-logoimg {
    width: 50vw;
  }
}
@media only screen and (max-width: 535px) {
  .lv2 .lv2-2 .lv2-txt {
    width: 90vw;
  }
  .lv2 .lv2-1 .lv2-1-logo {
    width: 40vw;
    bottom: 28%;
  }
  .lv2 .lv2videobg,
  .lv2 .lv2-1 .lv2bg {
    transform: scale(0.5) translate(-14.6%, 5%);
  }
}
@media only screen and (max-width: 380px) {
  .lv2 .lv2-1 .lv2-1-logo {
    width: 30vw;
    bottom: 26%;
  }
}
.lv3 {
  background-color: #000;
}
.lv3 .fullbgtextbox {
  position: absolute;
  width: 53%;
  left: 45%;
  top: 9%;
  text-align: left;
  background: #000000a3;
  padding: 2% 0;
  border-radius: 1vw;
}
.lv3 .black-guodu {
  display: none;
}
.lv3 img {
  width: 100%;
}
@media only screen and (max-width: 1240px) {
  .lv3 .black-guodu {
    display: block;
  }
  .lv3 .fullbgtextbox {
    padding-top: 60px;
    position: relative;
    width: 90%;
    left: 5%;
    top: 0;
    background-color: transparent;
  }
  .lv3 .lv3img {
    margin-top: -5vw;
  }
}
@media only screen and (max-width: 735px) {
  .lv3 .lv3img {
    width: 118vw;
  }
}
@media only screen and (max-width: 535px) {
  .lv3 .lv3img {
    width: 136vw;
    margin-left: -10vw;
  }
  .lv3 .fullbgtextbox {
    width: 100%;
    left: 0;
  }
}
.lv4 {
  background-color: #000000;
}
.lv4 .fullbgtextbox {
  position: absolute;
  left: 60%;
  top: 8%;
}
.lv4 .fullbgtextbox .level-txt {
  width: 80%;
}
.lv4 .lv4img {
  margin-bottom: -6vw;
}
.lv4 .lv4img img {
  width: 100%;
}
@media only screen and (max-width: 1380px) {
  .lv4 .lv4img {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1240px) {
  .lv4 .fullbgtextbox {
    position: relative;
    left: inherit;
    top: inherit;
    width: 100%;
  }
  .lv4 .lv4txt {
    width: 70%;
    margin: auto;
    padding-bottom: 5vw;
    margin-top: -5vw;
  }
}
@media only screen and (max-width: 998px) {
  .lv4 .lv4img {
    width: 126vw;
    margin-left: -5vw;
  }
}
@media only screen and (max-width: 768px) {
  .lv4 .lv4img {
    width: 133vw;
    margin-left: -10vw;
  }
  .lv4 .lv4txt {
    width: 80%;
  }
}
@media only screen and (max-width: 535px) {
  .lv4 .lv4txt {
    width: 80%;
  }
  .lv4 .lv4img {
    width: 178vw;
    margin-left: -11vw;
  }
}
@media only screen and (max-width: 375px) {
  .lv4 .lv4img {
    width: 173vw;
    margin-left: -22vw;
  }
}
.lv5 {
  background-color: #000;
}
.lv5 .lv5img {
  margin-bottom: -10vw;
}
.lv5 .lv5img img {
  width: 100%;
}
.lv5 .fullbgtextbox {
  position: absolute;
  width: 50%;
  left: 10%;
  top: 9%;
  background: #000000a3;
  padding: 2% ;
  border-radius: 1vw;
}
.lv5 .lv5numberbox {
  font-size: 3vw;
  line-height: 1;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-mask-image: linear-gradient(109deg, #D7FE6D 30%, #9FEAFD 51%, #00e5fa 99%);
  background-image: linear-gradient(109deg, #D7FE6D 30%, #9FEAFD 51%, #00e5fa 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding: 0.2em;
  position: absolute;
  right: 62%;
  bottom: 3%;
}
.lv5 .lv5numberbox .lv5numberbox-top {
  line-height: 0.8;
  text-align: right;
}
.lv5 .lv5numberbox .lv5numberbox-big-number,
.lv5 .lv5numberbox .lv5numberbox-big-danwei {
  display: inline-block;
  vertical-align: baseline;
}
.lv5 .lv5numberbox .lv5numberbox-big-number {
  font-size: 5.4em;
}
.lv5 .lv5numberbox .lv5numberbox-big-danwei {
  font-size: 3em;
  width: 1em;
}
.lv5 .lv5numberbox .lv5numberbox-big-danwei i {
  font-size: 1em;
  font-weight: 400;
}
.lv5 .lv5numberbox .lv5numbox-bottom {
  font-size: 1.5em;
}
.lv5 .lvguang {
  mix-blend-mode: plus-lighter;
  transform: rotate(51.3deg);
  top: 42.5%;
  left: 31.6%;
}
@media only screen and (max-width: 1380px) {
  .lv5 .lv5img {
    margin-bottom: -5vw;
  }
}
@media only screen and (max-width: 1080px) {
  .lv5 .fullbgtextbox {
    left: 8%;
    top: 7%;
  }
  .lv5 .lv5img {
    width: 110vw;
    margin-left: -5vw;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 735px) {
  .lv5 .fullbgtextbox {
    left: 0;
    top: 0;
    width: 80%;
    position: relative;
    padding-top: 80px;
    margin-left: 10%;
    text-align: left;
    padding: 60px 0 30px;
  }
  .lv5 .lv5numberbox {
    font-size: 4vw;
  }
  .lv5 .lvguang {
    top: 38%;
    left: 22.4%;
  }
}
@media only screen and (max-width: 535px) {
  .lv5 .lv5img {
    width: 176vw;
    margin-left: -54vw;
  }
  .lv5 .lv5numberbox {
    right: 49%;
    bottom: 36%;
  }
  .lv5 .fullbgtextbox {
    margin-left: 10%;
    width: 80%;
    padding: 60px 0 30px;
  }
}
.newVSold {
  background-color: #000;
  padding: 4%;
}
.newVSold .newVSoldbox {
  background-color: #16171B;
  border-radius: 2vw;
  padding: 0 2vw;
  width: 70vw;
  margin: auto;
}
.newVSold .newVSoldbox-top {
  text-align: center;
  padding: 2vw 0;
}
.newVSold .newVSoldbox-item {
  font-size: 1vw;
  color: #fff;
  text-align: center;
  padding-bottom: 2.1em;
}
.newVSold .newVSoldbox-item:last-child {
  padding-bottom: 0.4em;
}
.newVSold .newVSoldbox-left,
.newVSold .newVSoldbox-right {
  display: inline-block;
  vertical-align: top;
}
.newVSold .newVSoldbox-left {
  width: 18em;
}
.newVSold .newVSoldbox-right {
  width: calc( 100% - 19em );
}
.newVSold .newVSoldbox-list {
  margin-bottom: 2.5em;
  text-align: left;
}
.newVSold .newVSoldbox-tit {
  font-size: 2em;
}
.newVSold .newVSoldbox-txt {
  font-size: 2em;
}
.newVSold .newVSoldbox-beizhu {
  font-size: 0.8em;
}
.newVSold .newVSoldbox-bar-item {
  height: 0.6em;
  margin: 0.3em 0;
  display: inline-block;
  position: relative;
}
.newVSold .newVSoldbox-bar-box {
  position: relative;
  border-radius: 3em;
  height: 100%;
}
.newVSold .newVSoldbox-bar {
  height: 100%;
  width: 100%;
  transition: transform 0.5s;
  border-radius: 3em;
  position: relative;
  transform: scale(0, 1);
  transform-origin: left center;
  will-change: transform;
}
.newVSold .newVSoldbox-max {
  font-size: 3.5em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  bottom: 0;
  left: calc( 100% + 0.2em );
  line-height: 0.7;
  opacity: 0;
  transform: translateX(-0.3em);
}
.newVSold .goodtime .newVSoldbox-bar {
  background: linear-gradient(left, #ffb032 9%, #ff0000 50%, #a90fcd 92%);
  background: -o-linear-gradient(left, #ffb032 9%, #ff0000 50%, #a90fcd 92%);
  background: -ms-linear-gradient(left, #ffb032 9%, #ff0000 50%, #a90fcd 92%);
  background: -moz-linear-gradient(left, #ffb032 9%, #ff0000 50%, #a90fcd 92%);
  background: -webkit-linear-gradient(left, #ffb032 9%, #ff0000 50%, #a90fcd 92%);
}
.newVSold .goodtime .newVSoldbox-max {
  color: #a90fcd;
  transition-delay: 0.5s;
}
.newVSold .goodtime::after {
  content: ' ';
  background-image: url("/image/catalog/product/charger/100198/lv7huojian.svg?20230525abc");
}
.newVSold .besttime .newVSoldbox-bar {
  background: linear-gradient(left, #ffb032 9%, #ff0000 92%);
  background: -o-linear-gradient(left, #ffb032 9%, #ff0000 92%);
  background: -ms-linear-gradient(left, #ffb032 9%, #ff0000 92%);
  background: -moz-linear-gradient(left, #ffb032 9%, #ff0000 92%);
  background: -webkit-linear-gradient(left, #ffb032 9%, #ff0000 92%);
  transition-duration: 1s;
}
.newVSold .besttime .newVSoldbox-max {
  color: #ff0000;
  transition-delay: 1s;
}
.newVSold .besttime::after {
  content: ' ';
  background-image: url("/image/catalog/product/charger/100198/lv7tuzi.svg?20230525abc");
}
.newVSold .weaktime .newVSoldbox-bar {
  background: linear-gradient(left, #ffffff 9%, #646464 92%);
  background: -o-linear-gradient(left, #ffffff 9%, #646464 92%);
  background: -ms-linear-gradient(left, #ffffff 9%, #646464 92%);
  background: -moz-linear-gradient(left, #ffffff 9%, #646464 92%);
  background: -webkit-linear-gradient(left, #ffffff 9%, #646464 92%);
  transition-duration: 2s;
}
.newVSold .weaktime .newVSoldbox-max {
  color: #646464;
  transition-delay: 2s;
}
.newVSold .weaktime::after {
  content: ' ';
  background-image: url("/image/catalog/product/charger/100198/lv7wugui.svg?20230525abc");
}
.newVSold .newVSoldxian {
  height: 1px;
  box-shadow: 0 0.4px 0px #9a9a9a;
  width: 80%;
  margin: auto;
  font-size: 1vw;
  margin-bottom: 2.1em;
}
.newVSold .features-middle,
.newVSold .features-left,
.newVSold .features-right,
.newVSold .newVSoldcolor-nav-itembox,
.newVSold .newVSoldcolor-nav-item {
  display: inline-block;
  vertical-align: middle;
}
.newVSold .features-middle {
  font-size: 1em;
  width: 7em;
}
.newVSold .features-item {
  padding-bottom: 2em;
  white-space: nowrap;
}
.newVSold .features-left {
  width: 12em;
  text-align: right;
}
.newVSold .jiangeda picture + picture {
  margin-left: 1em;
}
.newVSold .features-right {
  width: calc( 100% - 18em );
  text-align: left;
}
.newVSold .newVSoldcolor-nav-itembox {
  background: #353A40;
  border-radius: 0.5em;
  padding: 0 0.5em;
}
.newVSold .pc-hide {
  display: none;
}
.newVSold .w30 {
  width: 10vw;
}
.newVSold .w50 {
  width: 25vw;
}
.newVSold .w27 {
  width: 8vw;
}
.newVSold .w100 {
  width: 45vw;
}
.newVSold .newVSoldbox-bar-item.active .newVSoldbox-bar {
  transform: scale(1, 1);
}
.newVSold .newVSoldbox-bar-item.active .newVSoldbox-max {
  opacity: 1;
  transform: none;
  transition: opacity 0.8s 0.6s, transform 0.5s 0.6s;
}
.newVSold .newVSoldbox-bar-item::after {
  width: 2em;
  height: 2em;
  display: block;
  right: calc(100% + 0.5em);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 1080px) {
  .newVSold .newVSoldbox {
    width: 80vw;
  }
  .newVSold .featurebox .newVSoldbox-right {
    width: calc( 100% - 19em );
  }
  .newVSold .featurebox img {
    height: 4vw;
    width: auto;
  }
  .newVSold .featurebox .features-left {
    width: 8em;
  }
  .newVSold .featurebox .features-right {
    width: calc( 100% - 15em );
  }
  .newVSold .newVSoldbox-item {
    font-size: 1.5vw;
  }
  .newVSold .newVSoldxian {
    font-size: 1.5vw;
  }
}
@media only screen and (max-width: 735px) {
  .newVSold .pc-hide {
    display: block;
  }
  .newVSold .newVSoldbox {
    width: 100%;
  }
  .newVSold .newVSoldbox-item {
    font-size: 2vw;
  }
  .newVSold .newVSoldxian {
    font-size: 2vw;
  }
  .newVSold .newVSoldbox-left {
    width: 100%;
    text-align: center;
    padding-bottom: 2em;
  }
  .newVSold .newVSoldbox-right {
    width: 80%;
  }
  .newVSold .newVSoldbox-right .newVSoldbox-txt {
    font-size: 1.8em;
  }
  .newVSold .featurebox .newVSoldbox-right {
    width: 100%;
  }
  .newVSold .featurebox .features-left {
    width: 20vw;
  }
  .newVSold .featurebox .features-middle {
    width: 18vw;
  }
  .newVSold .featurebox .features-right {
    width: 70vw;
  }
}
@media only screen and (max-width: 535px) {
  .newVSold .newVSoldbox-right {
    width: 90%;
    margin-left: 8%;
  }
  .newVSold .newVSoldbox-right .newVSoldbox-txt {
    font-size: 1.5em;
  }
  .newVSold .newVSoldbox-item {
    font-size: 3.4vw;
  }
  .newVSold .newVSoldxian {
    font-size: 3vw;
  }
  .newVSold .featurebox img {
    height: 7vw;
  }
  .newVSold .w30 {
    width: 25vw;
  }
  .newVSold .w50 {
    width: 38vw;
  }
  .newVSold .w27 {
    width: 20vw;
  }
  .newVSold .w100 {
    width: 75vw;
  }
}
.lv7 {
  background-color: #000;
  padding: 6% 0;
}
.lv7 .lv7txt {
  padding-bottom: 4%;
}
.lv7 .level-txt {
  width: 80%;
  margin: auto;
}
.lv7 .lv7videobox {
  border-radius: 10px;
}
.lv7 .level-container {
  max-width: 80%;
}
@media only screen and (max-width: 1380px) {
  .lv7 .lv7video {
    width: 112%;
    margin-left: -6%;
  }
}
@media only screen and (max-width: 998px) {
  .lv7 .lv7video {
    width: 120%;
    margin-left: -10%;
  }
}
@media only screen and (max-width: 735px) {
  .lv7 {
    padding: 60px 0;
  }
  .lv7 .lv7txt {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 535px) {
  .lv7 .level-container {
    max-width: 90%;
  }
  .lv7 .level-txt {
    width: 100%;
  }
  .lv7 .lv7video {
    width: 188%;
    margin-left: -44%;
  }
}
.ispower {
  background-color: #000;
}
.ispower img {
  width: 100%;
}
.ispower .fullbgtextbox {
  position: absolute;
  bottom: 17%;
  left: 65%;
  width: 30%;
}
.ispower .ispowerbtn {
  background-color: #0241FE;
  display: inline-block;
  color: #fff;
  padding: 0 1.1em 0 0.7em;
  line-height: 1.7;
  border-radius: 14em;
  font-size: 1.5em;
  margin-top: 0.5em;
  cursor: pointer;
}
.ispower .ispowerbtn span {
  font-size: 1em;
  margin-right: 0.5em;
  text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 -0.03em #fff, 0 0.03em #fff;
}
@media only screen and (max-width: 1080px) {
  .ispower .fullbgtextbox {
    width: 80%;
    left: 10%;
    position: relative;
    margin-top: -17vw;
    padding-bottom: 4vw;
    text-align: center;
  }
}
@media only screen and (max-width: 735px) {
  .ispower .fullbgtextbox {
    padding-bottom: 65px;
    margin-top: -15vw;
  }
  .ispower .ispowerimg {
    background-position: right;
    margin-top: -3vw;
  }
}
@media only screen and (max-width: 535px) {
  .ispower .ispowerimg {
    width: 147vw;
    margin-left: -29vw;
  }
  .ispower .ispowerbtn {
    font-size: 1.3em;
  }
  .ispower .fullbgtextbox {
    margin-top: -15vw;
  }
}
#ispower-dialog {
  background-color: #15181F;
}
#ispower-dialog.column .pz-LearnMore-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
#ispower-dialog.column .swiper-slide {
  opacity: 1;
}
#ispower-dialog.column .pz-LearnMore-swiper-buttons {
  visibility: hidden;
}
#ispower-dialog .ispower-dialog-content {
  padding-top: 5em;
  padding-bottom: 1em;
}
#ispower-dialog .ispower-dialog-content-mini {
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
#ispower-dialog .ispower-dialog-content-mini + .ispower-dialog-content-mini {
  margin-left: 3%;
}
#ispower-dialog .ispower-dialog-tit {
  font-size: 1.8em;
}
#ispower-dialog .ispower-dialog-txt {
  font-size: 0.8em;
}
#ispower-dialog .ispowerimg1 {
  overflow: hidden;
  display: block;
  border-radius: 1em;
  margin: 0.5em 0;
}
#ispower-dialog .ispowerimg1 img {
  width: 100%;
}
#ispower-dialog .ispower-item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-radius: 1vw;
  overflow: hidden;
  width: 100%;
}
#ispower-dialog .ispower-txt {
  position: absolute;
  bottom: 0%;
  padding: 2.5%;
}
#ispower-dialog .ispower-2-box,
#ispower-dialog .ispower-item-box {
  padding: 0.6em 0;
}
#ispower-dialog .ispower-2-item {
  width: 49%;
}
#ispower-dialog .ispower-2-item + .ispower-2-item {
  margin-left: 1%;
  margin-bottom: 0.8%;
}
#ispower-dialog .ispower-2-1 {
  background-color: #000104;
}
#ispower-dialog .ispower-2-2 {
  background-color: #212548;
}
#ispower-dialog .ispower-2-3 {
  background-color: #0C1131;
}
#ispower-dialog .ispower-2-4 {
  background-color: #000104;
}
#ispower-dialog .ispower-6 .ispower-txt {
  bottom: 50%;
  transform: translateY(50%);
  width: 44%;
  right: 3%;
}
#ispower-dialog .ispower-7 .ispower-txt {
  bottom: 50%;
  transform: translateY(50%);
  width: 44%;
  left: 3%;
}
@media only screen and (max-width: 735px) {
  #ispower-dialog .ispower-2-item {
    width: 100%;
    margin: 0 !important;
    margin-bottom: 1em !important;
  }
  #ispower-dialog .ispower-dialog-content-mini {
    width: 100%;
    margin-left: 0 !important;
  }
  #ispower-dialog .ispower-dialog-content {
    padding-top: 0%;
    padding-bottom: 0em;
  }
  #ispower-dialog .ispower-dialog-tit {
    padding-top: 4em;
  }
  #ispower-dialog .swiper-slide:first-child .ispower-dialog-tit {
    padding-top: 5em;
  }
  #ispower-dialog .swiper-slide:last-child {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 535px) {
  #ispower-dialog .ispower-dialog-tit {
    padding-top: 2em;
  }
  #ispower-dialog .ispower-item {
    border-radius: 4vw;
  }
  #ispower-dialog .swiper-slide:first-child .ispower-dialog-tit {
    padding-top: 4em;
  }
}
.lv10 {
  background-color: #000000;
  padding-bottom: 10vw;
}
.lv10 img {
  width: 100%;
}
.lv10 .fullbgtextbox {
  position: initial;
  margin-top: -51vw;
}
.lv10 .lv10txt {
  position: relative;
  left: 60%;
  top: 8%;
  width: 35%;
  background: #000000ab;
  padding: 2%;
  border-radius: 1vw;
  z-index: 1;
  margin-bottom: 60px;
}
.lv10 .beizhu {
  font-size: 0.6em;
  color: #aaa;
}
.lv10 .lv10subtitle {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0 0.4em;
}
.lv10 .Unmatched-box {
  margin-bottom: 1em;
}
.lv10 .Unmatched-list span {
  vertical-align: middle;
}
.lv10 .Unmatched-list::before {
  content: '';
  width: 0.4em;
  height: 0.4em;
  background-color: #fff;
  border-radius: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.2em;
}
.lv10 #lv10Swiper {
  padding-left: 30px;
}
.lv10 .swiper-slide {
  width: 28vw;
}
.lv10 .lv10-swiper-img {
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 1380px) {
  .lv10 .lv10txt {
    left: 56%;
    top: 29%;
    width: 41%;
  }
}
@media only screen and (max-width: 1240px) {
  .lv10 .black-guodu {
    display: block;
  }
  .lv10 .lv10txt {
    position: relative;
    width: 100%;
    left: inherit;
    top: inherit;
  }
  .lv10 .lv10txt {
    position: relative;
    left: inherit;
    top: inherit;
    width: 60%;
    margin: auto;
    padding: 6%;
    margin-top: -13vw;
  }
  .lv10 .fullbgtextbox {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1025px) {
  .lv10 .lv10txt {
    width: 70%;
    margin-top: -21vw;
  }
  .lv10 .fullbgimg {
    width: 128vw;
    margin-left: -9vw;
  }
  .lv10 .swiper-slide {
    width: 50vw;
  }
}
@media only screen and (max-width: 735px) {
  .lv10 .lv10txt {
    width: 80%;
    margin-top: -21vw;
  }
  .lv10 .swiper-slide {
    width: 70vw;
  }
}
@media only screen and (max-width: 535px) {
  .lv10 .lv10txt {
    width: 90%;
    margin-top: -21vw;
  }
  .lv10 .fullbgimg {
    width: 154vw;
    margin-left: -28vw;
  }
  .lv10 .swiper-slide {
    width: 80vw;
  }
}
.lv11 {
  height: 100vh;
  background-color: #000;
  overflow: hidden;
}
.lv11 .lv11txt {
  position: absolute;
  left: 15%;
  width: 34%;
  bottom: 15%;
}
@media only screen and (max-width: 1024px) {
  .lv11 .lv11txt {
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
    width: 40%;
    text-align: center;
  }
}
@media only screen and (max-width: 735px) {
  .lv11 .lv11txt {
    width: 70%;
    text-align: center;
  }
}
@media only screen and (max-width: 535px) {
  .lv11 .lv11txt {
    width: 80%;
    text-align: center;
  }
}
.duochongbaohu {
  background-color: #000;
}
.duochongbaohu .duochongbaohutxtbox {
  width: 80%;
  margin: auto;
  text-align: center;
  padding: 4vw 0;
}
.duochongbaohu img {
  width: 100%;
}
.duochongbaohu .fullbgimg {
  margin-top: -16vw;
  padding-bottom: 7vw;
}
.duochongbaohu .duochongbaohuchanpin-box {
  font-size: 0.8vw;
  position: absolute;
  height: 100%;
  width: 100%;
  top: -5%;
  left: 0;
  z-index: 10;
}
.duochongbaohu .duochongbaohuchanpinbg {
  background: radial-gradient(center, circle cover, #3c68c4 7%, rgba(249, 233, 219, 0) 58%);
  background: -o-radial-gradient(center, circle cover, #3c68c4 7%, rgba(249, 233, 219, 0) 58%);
  background: -ms-radial-gradient(center, circle cover, #3c68c4 7%, rgba(249, 233, 219, 0) 58%);
  background: -moz-radial-gradient(center, circle cover, #3c68c4 7%, rgba(249, 233, 219, 0) 58%);
  background: -webkit-radial-gradient(center, circle cover, #3c68c4 7%, rgba(249, 233, 219, 0) 58%);
  height: 88em;
  width: 64em;
  position: absolute;
  top: 45%;
  left: 46%;
  transform: translateY(-50%);
}
.duochongbaohu .icon-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 4.3em;
  height: 5.3em;
  margin-bottom: 1em;
}
.duochongbaohu .icon-txt {
  color: #899DB6;
}
.duochongbaohu .icon-item {
  font-size: 1vw;
  width: 10em;
}
.duochongbaohu .duochongbaohuiconbox {
  position: absolute;
  background-color: #2d367966;
  bottom: 4%;
  padding: 1.6% 0%;
  border-radius: 3vw;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 100;
}
@media only screen and (max-width: 1080px) {
  .duochongbaohu {
    padding-bottom: 40px;
  }
  .duochongbaohu .duochongbaohuiconbox {
    position: relative;
    width: 90%;
    margin: auto;
    left: initial;
    transform: none;
    white-space: initial;
    margin-top: -5vw;
  }
  .duochongbaohu .duochongbaohutxtbox {
    padding: 60px 0;
  }
  .duochongbaohu .icon-item {
    font-size: 1.6vw;
    width: 7em;
  }
  .duochongbaohu .fullbgimg {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 535px) {
  .duochongbaohu .duochongbaohuchanpin-box {
    font-size: 1.2vw;
    left: -6.3%;
  }
  .duochongbaohu .icon-item {
    font-size: 2.8vw;
    margin-bottom: 1em;
  }
  .duochongbaohu .fullbgimg {
    margin-top: -18vw;
    width: 154vw;
    margin-left: -23vw;
  }
  .duochongbaohu .duochongbaohuiconbox {
    margin-top: -10vw;
  }
}
.lvguang {
  background-image: url("/image/catalog/product/charger/100198/guang.png?20230619");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  mix-blend-mode: hard-light;
  height: 59%;
  width: 3%;
  position: absolute;
  top: 15.4%;
  left: 51.3%;
  opacity: 0;
  -webkit-animation: huxishan2 4s linear infinite;
  animation: huxishan2 4s linear infinite;
}
.lvguang2 {
  top: 15.4%;
  left: 78.8%;
}
.duochongbaohuicon1 {
  background-image: url("/image/catalog/product/charger/100198/icon/duanlu.png?20230619");
}
.duochongbaohuicon2 {
  background-image: url("/image/catalog/product/charger/100198/icon/guowen.png?20230619");
}
.duochongbaohuicon3 {
  background-image: url("/image/catalog/product/charger/100198/icon/dianya.png?20230619");
}
.duochongbaohuicon4 {
  background-image: url("/image/catalog/product/charger/100198/icon/guoshi.png?20230619");
}
.duochongbaohuicon5 {
  background-image: url("/image/catalog/product/charger/100198/icon/guoya.png?20230619");
}
.duochongbaohuicon6 {
  background-image: url("/image/catalog/product/charger/100198/icon/qianya.png?20230619");
}
.duochongbaohuicon7 {
  background-image: url("/image/catalog/product/charger/100198/icon/fanghuo.png?20230619");
}
@keyframes huxishan {
  0%,
  25%,
  100% {
    opacity: 0.25;
  }
  50%,
  75% {
    opacity: 0.75;
  }
}
@keyframes huxishan2 {
  0%,
  25%,
  100% {
    opacity: 0.2;
  }
  50%,
  75% {
    opacity: 1;
  }
}
.lv12 {
  background-color: #000;
}
.lv12 .lv12img {
  width: 65vw;
  margin-left: auto;
  margin-right: 0%;
}
.lv12 .lv12jianbian {
  -webkit-mask-image: linear-gradient(147deg, #00e5fa 0%, #9FEAFD, #ff0000 99%);
  background-image: linear-gradient(147deg, #00e5fa 0%, #9FEAFD, #ff0000 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.lv12 .fullbgtextbox {
  position: absolute;
  left: 15%;
  width: 24%;
  top: 15%;
}
@media only screen and (max-width: 1380px) {
  .lv12 {
    padding: 3% 0 11%;
  }
  .lv12 .fullbgtextbox {
    left: 10%;
    width: 36%;
  }
  .lv12 .lv12img {
    width: 60vw;
  }
}
@media only screen and (max-width: 1080px) {
  .lv12 .lv12img {
    width: 70vw;
    margin-right: 5vw;
  }
  .lv12 .fullbgtextbox {
    position: relative;
    width: 100%;
    left: inherit;
    top: inherit;
    margin-top: -10vw;
  }
  .lv12 .lv12txt {
    width: 70%;
    margin: auto;
  }
}
@media only screen and (max-width: 535px) {
  .lv12 .lv12img {
    width: 119vw;
    margin-left: -5vw;
  }
  .lv12 .lv12txt {
    width: 83%;
    margin: auto;
  }
}
.lv13 {
  background-color: #000000;
}
.lv13 .lv13txtbox {
  width: 55%;
  margin: auto;
  text-align: center;
  padding: 4vw 0 6vw;
}
.lv13 .lv13txtbox .lv13beizhu {
  display: none;
}
.lv13 .lv13img {
  margin-top: 0vw;
}
.lv13 .lv13beizhu .lv13beizhu-txt {
  color: #969696;
  font-size: 0.8em;
}
.lv13 .fullbgimg .lv13beizhu {
  position: absolute;
  left: 74%;
  bottom: 2%;
}
.lv13 .languepingmubox {
  position: absolute;
  width: 19.3vw;
  height: 15vw;
  left: 50%;
  top: 22%;
  opacity: 1;
  transform: translateX(-50%);
}
.lv13 [class^='langueimg-'] {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0);
  opacity: 0;
  transition: all 0.5s;
}
.lv13.active [class^='langueimg-'] {
  opacity: 1;
  transform: scale(1);
}
.lv13.active .langueimg-cn {
  right: initial;
  transform: scale(1) translateX(160%) translateY(41%);
}
.lv13.active .langueimg-de {
  left: initial;
  top: 1%;
  width: 131%;
  height: 117%;
  transform: scale(1) translateX(-118%) translateY(1%);
}
.lv13.active .langueimg-en {
  width: 108%;
  height: 116%;
  right: initial;
  transform: scale(1) translateX(-18%) translateY(91%);
}
.lv13.active .langueimg-fa {
  left: initial;
  width: 130%;
  transform: scale(1) translateX(-38%) translateY(-77%);
}
.lv13.active .langueimg-jp {
  right: initial;
  transform: scale(1) translateX(68%) translateY(-77%);
}
@media only screen and (max-width: 1380px) {
  .lv13 .lv13beizhu {
    left: 70%;
  }
}
@media only screen and (max-width: 998px) {
  .lv13 .lv13txtbox {
    width: 75%;
  }
  .lv13 .lv13txtbox .lv13beizhu {
    display: block;
  }
  .lv13 .fullbgimg .lv13beizhu {
    display: none;
  }
}
@media only screen and (max-width: 735px) {
  .lv13 .lv13txtbox {
    width: 85%;
  }
}
@media only screen and (max-width: 535px) {
  .lv13 .lv13txtbox {
    width: 90%;
    padding: 60px 0 30px;
  }
  .lv13 .lv13img-box {
    padding-top: 48vw;
    margin-top: -15vw;
  }
  .lv13 .lv13img {
    width: 245vw;
    margin-left: -71vw;
  }
  .lv13 .languepingmubox {
    width: 44.3vw;
    height: 39vw;
    left: 53%;
    top: 35%;
    opacity: 1;
  }
  .lv13.active .langueimg-cn {
    transform: scale(1) translateX(50%) translateY(41%);
  }
  .lv13.active .langueimg-de {
    right: 38%;
    top: 19%;
    width: 104%;
    transform: scale(1) translateX(-21%) translateY(1%);
  }
  .lv13.active .langueimg-jp {
    transform: scale(1) translateX(48%) translateY(-60%);
  }
}
.langueimg-cn {
  background-image: url("/image/catalog/product/charger/100200/langue-cn.png?20230619");
}
.langueimg-de {
  background-image: url("/image/catalog/product/charger/100200/langue-de.png?20230619");
}
.langueimg-en {
  background-image: url("/image/catalog/product/charger/100200/langue-en.png?20230619");
}
.langueimg-fa {
  background-image: url("/image/catalog/product/charger/100200/langue-fa.png?20230619");
}
.langueimg-jp {
  background-image: url("/image/catalog/product/charger/100200/langue-jp.png?20230619");
}
.lv14 {
  background-color: #020305;
  padding-top: 4vw;
}
.lv14 .fullbgtextbox {
  position: absolute;
  left: 60%;
  top: 50%;
  width: 36%;
  transform: translateY(-50%);
}
.lv14 .lv14beizhu {
  position: absolute;
  left: 60%;
  width: 36%;
  bottom: 8%;
  z-index: 10;
}
.lv14 .lv14beizhu .lv14beizhu-txt {
  font-size: 0.8em;
  color: #828181;
}
.lv14 .lv14img {
  width: 75.2vw;
  margin-bottom: -6vw;
}
@media only screen and (max-width: 1380px) {
  .lv14 .fullbgtextbox {
    position: relative;
    left: initial;
    top: initial;
    width: 80vw;
    margin: auto;
    padding: 80px 0 30px;
    transform: none;
  }
}
@media only screen and (max-width: 1080px) {
  .lv14 .lv14img {
    width: 100.2vw;
    margin-top: -8vw;
  }
  .lv14 .lv14beizhu {
    width: 80%;
    bottom: 20px;
    left: 10%;
  }
}
@media only screen and (max-width: 735px) {
  .lv14 .lv14img {
    width: 143.2vw;
    margin-top: -14vw;
    margin-left: -18vw;
  }
  .lv14 .lv14beizhu {
    bottom: 30px;
  }
}
@media only screen and (max-width: 535px) {
  .lv14 .fullbgtextbox {
    width: 90%;
  }
  .lv14 .lv14beizhu {
    width: 90%;
    left: 5%;
    bottom: 20px;
  }
  .lv14 .lv14beizhu .lv14beizhu-txt {
    font-size: 0.7em;
  }
  .lv14 .lv14img {
    width: 164vw;
    margin-left: -25vw;
    margin-top: -18vw;
  }
}
.lv15 {
  background-color: #000;
}
.lv15 .fullbgtextbox {
  position: absolute;
  width: 40%;
  left: 15%;
  top: 3%;
  text-align: left;
  background: #000000a3;
  padding: 2%;
  border-radius: 1vw;
}
.lv15 .black-guodu {
  display: none;
}
.lv15.cn .fullbgtextbox {
  left: 12%;
  top: 12%;
}
@media only screen and (max-width: 1080px) {
  .lv15 .fullbgtextbox {
    width: 51%;
    left: 9%;
    top: 3%;
  }
  .lv15 .fullbgimg {
    width: 120vw;
  }
}
@media only screen and (max-width: 998px) {
  .lv15 .fullbgimg {
    width: 161vw;
    margin-left: -30vw;
  }
}
@media only screen and (max-width: 735px) {
  .lv15 .black-guodu {
    display: block;
  }
  .lv15 .fullbgtextbox {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    background-color: transparent;
  }
  .lv15.cn .fullbgtextbox {
    top: inherit;
    left: inherit;
  }
  .lv15 .lv15txt {
    width: 80%;
    margin: auto;
    padding: 60px 0 0;
  }
  .lv15 .fullbgimg {
    margin-top: -10vw;
  }
}
@media only screen and (max-width: 535px) {
  .lv15 .lv15txt {
    width: 90%;
    margin: auto;
  }
  .lv15 .fullbgimg {
    margin-top: -47vw;
    width: 187vw;
    margin-left: -44vw;
  }
}
.renzheng {
  height: 100vh;
}
.renzheng .renzhengtxtbox {
  width: 40%;
  padding: 2% 3%;
  background: #0000008c;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  left: 50%;
  border-radius: 2vw;
}
.renzheng .renzhengtxt {
  font-size: 2.5vw;
  padding-top: 5.5%;
}
.renzheng .renzhengtxt i + i {
  margin-left: 0.5em;
}
@media screen and (min-aspect-ratio: 1920/936) {
  .renzheng .fullvideobg img {
    width: 100vw !important;
  }
}
@media screen and (max-aspect-ratio: 1920/936) {
  .renzheng .fullvideobg img {
    height: 100% !important;
  }
}
@media only screen and (max-width: 1080px) {
  .renzheng .renzhengtxtbox {
    width: 52%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 735px) {
  .renzheng .renzhengtxtbox {
    width: 70%;
  }
  .renzheng .renzhengtxt {
    font-size: 4.5vw;
  }
}
@media only screen and (max-width: 535px) {
  .renzheng .renzhengtxtbox {
    width: 80%;
  }
  .renzheng .renzhengtxt {
    font-size: 6vw;
  }
}
</pre></body></html>