/* 透明0 */
.home .tit,
.home .text,
.history .tit,
.history .top5,
.history .text,
.history2 .text1,
.history2 .text2,
.headquarters .text,
.network .text1,
.network .text2,
.quality .text1,
.quality .tit,
.quality .text2,
.quality .data,
.design .tit,
.design .text1,
.design .text2,
.design .car,
.duty .tit,
.duty .text,
.duty .img,
.beat360 .tit,
.beat360 .text,
.new1 .tit,
.new1 .car,
.new2 .tit,
.new2 .play,
.new2 .text,
.new3 .tit,
.new3 .text1,
.new3 .img,
.new3 .text2,
.new3 .car,
.new4 .tit,
.new4 .text,
.new5 .tit,
.new5 .text,
.new5 .img,
.new6 .tit,
.new6 .text,
.technology1 .tit,
.technology1 .text1,
.technology1 .technology1-car,
.technology1 .text3,
.technology2 .tit-wrap,
.technology2 .text1,
.technology2 .text2,
.technology2 .img,
.technology3 .text1,
.technology3 .text2,
.technology4 .text,
.technology4 .img1,
.technology4 .img2,
.catalog .nav2,
.technology4 .uvo {
  opacity: 0;
}


.history2 .car,
.headquarters,
.design .img1,
.design .img2,
.beat360,
.technology3 .img1,
.technology3 .img2,
.technology5-content .img,
.home .car {
  filter: grayscale(1);
}

/* X20 */
.home .tit,
.history2 .text1,
.headquarters .text,
.network .text1,
.quality .text1,
.new3 .car,
.catalog .index,
.catalog .nav2 {
  transform: translateX(20%);
}

.design .car {
  transform: translate(20%, 5%);
}

.new1 .car {
  transform: translate(-20%, 5%);
}

/* X10 */
.quality .data,
.new1 .tit,
.new2 .tit,
.new6 .tit,
.technology2 .text2 {
  transform: translateX(-10%);
}

/* Y-10 */
.home .text,
.history .tit,
.history2 .text2,
.quality .tit,
.duty .tit,
.new3 .tit,
.new3 .img,
.new4 .tit,
.new5 .tit,
.new5 .text,
.technology1 .tit,
.technology3 .text1 {
  transform: translateY(-10%);
}

.catalog .cont,
.catalog .nav1 {
  opacity: 0;
  transform: translateX(-20%);
}

/* Y10 */
.history .text,
.technology1 .text3 {
  transform: translateY(10%);
}

/* 0s */
.swiper-slide-active .home .tit,
.swiper-slide-active .history .tit,
.swiper-slide-active .history2 .car,
.swiper-slide-active .headquarters,
.swiper-slide-active .network .text1,
.swiper-slide-active .quality .text1,
.swiper-slide-active .design .tit,
.swiper-slide-active .duty .tit,
.swiper-slide-active .new1 .car,
.swiper-slide-active .new2 .tit,
.swiper-slide-active .new3 .tit,
.swiper-slide-active .new4 .tit,
.swiper-slide-active .new5 .text,
.swiper-slide-active .new5 .tit,
.swiper-slide-active .new6 .tit,
.swiper-slide-active .technology1 .tit,
.swiper-slide-active .technology2 .tit-wrap,
.swiper-slide-active .technology2 .text1,
.swiper-slide-active .technology3 .img1,
.swiper-slide-active .technology3 .text1,
.swiper-slide-active .technology4 .text,
.swiper-slide-active.catalog .index {
  transition: all 1s 0s;
}

/* .5s */
.swiper-slide-active .home .car,
.swiper-slide-active .home .text,
.swiper-slide-active .history .top5,
.swiper-slide-active .history2 .text1,
.swiper-slide-active .headquarters .text,
.swiper-slide-active .network .text2,
.swiper-slide-active .quality .tit,
.swiper-slide-active .design .img1,
.swiper-slide-active .design .text1,
.swiper-slide-active .duty .text,
.swiper-slide-active .beat360,
.swiper-slide-active .new1 .tit,
.swiper-slide-active .new2 .play,
.swiper-slide-active .new3 .text1,
.swiper-slide-active .new4 .text,
.swiper-slide-active .new5 .img,
.swiper-slide-active .new6 .text,
.swiper-slide-active .technology1 .text1,
.swiper-slide-active .technology2 .text2,
.swiper-slide-active .technology3 .text2,
.swiper-slide-active .technology3 .img2,
.swiper-slide-active .technology4 .img1,
.swiper-slide-active .technology5-content .img,
.swiper-slide-active.catalog .cont {
  transition: all 1s 0.5s;
}

/* 1s */
.swiper-slide-active .history .text,
.swiper-slide-active .history2 .text2,
.swiper-slide-active .quality .text2,
.swiper-slide-active .design .img2,
.swiper-slide-active .design .text2,
.swiper-slide-active .duty .img,
.swiper-slide-active .beat360 .tit,
.swiper-slide-active .beat360 .text,
.swiper-slide-active .new2 .text,
.swiper-slide-active .new3 .img,
.swiper-slide-active .technology1 .technology1-car,
.swiper-slide-active .technology2 .img,
.swiper-slide-active.catalog .nav1,
.swiper-slide-active .technology4 .img2,
.swiper-slide-active .technology4 .uvo {
  transition: all 1s 1s;
}

/* 1.5s */
.swiper-slide-active .quality .data,
.swiper-slide-active .design .car,
.swiper-slide-active .new3 .text2,
.swiper-slide-active .technology1 .text3,
.swiper-slide-active.catalog .nav2 {
  transition: all 1s 1.5s;
}

/* 2s */
.swiper-slide-active .new3 .car {
  transition: all 1s 2s;
}

/* 透明1 偏移回位*/
.swiper-slide-active .home .tit,
.swiper-slide-active .home .text,
.swiper-slide-active .history .tit,
.swiper-slide-active .history .top5,
.swiper-slide-active .history .text,
.swiper-slide-active .history2 .text1,
.swiper-slide-active .history2 .text2,
.swiper-slide-active .headquarters .text,
.swiper-slide-active .network .text1,
.swiper-slide-active .network .text2,
.swiper-slide-active .quality .text1,
.swiper-slide-active .quality .tit,
.swiper-slide-active .quality .text2,
.swiper-slide-active .quality .data,
.swiper-slide-active .design .tit,
.swiper-slide-active .design .text1,
.swiper-slide-active .design .text2,
.swiper-slide-active .design .car,
.swiper-slide-active .duty .tit,
.swiper-slide-active .duty .text,
.swiper-slide-active .duty .img,
.swiper-slide-active .beat360 .tit,
.swiper-slide-active .beat360 .text,
.swiper-slide-active .new1 .tit,
.swiper-slide-active .new1 .car,
.swiper-slide-active .new2 .tit,
.swiper-slide-active .new2 .play,
.swiper-slide-active .new2 .text,
.swiper-slide-active .new3 .tit,
.swiper-slide-active .new3 .text1,
.swiper-slide-active .new3 .img,
.swiper-slide-active .new3 .text2,
.swiper-slide-active .new3 .car,
.swiper-slide-active .new4 .tit,
.swiper-slide-active .new4 .text,
.swiper-slide-active .new5 .text,
.swiper-slide-active .new5 .tit,
.swiper-slide-active .new5 .img,
.swiper-slide-active .new6 .tit,
.swiper-slide-active .new6 .text,
.swiper-slide-active .technology1 .tit,
.swiper-slide-active .technology1 .text1,
.swiper-slide-active .technology1 .technology1-car,
.swiper-slide-active .technology1 .text3,
.swiper-slide-active .technology2 .tit-wrap,
.swiper-slide-active .technology2 .text1,
.swiper-slide-active .technology2 .text2,
.swiper-slide-active .technology2 .img,
.swiper-slide-active .technology3 .text1,
.swiper-slide-active .technology3 .text2,
.swiper-slide-active .technology4 .text,
.swiper-slide-active .technology4 .img1,
.swiper-slide-active .technology4 .img2,
.swiper-slide-active.catalog .index,
.swiper-slide-active.catalog .cont,
.swiper-slide-active.catalog .nav1,
.swiper-slide-active.catalog .nav2,
.swiper-slide-active .technology4 .uvo {
  opacity: 1;
  transform: translate(0%);
}

.swiper-slide-active .history2 .car,
.swiper-slide-active .headquarters,
.swiper-slide-active .design .img1,
.swiper-slide-active .design .img2,
.swiper-slide-active .beat360,
.swiper-slide-active .technology3 .img1,
.swiper-slide-active .technology3 .img2,
.swiper-slide-active .technology5-content .img,
.swiper-slide-active .home .car {
  filter: grayscale(0);
}

/* 星星闪 */
.twinkle {
  animation: start 1.2s infinite;
}

.map1-text1 {
  animation: start 2s infinite;
}

.map1-text2 {
  animation: start 2s infinite 0.3s;
}

.map1-text3 {
  animation: start 2s infinite 0.6s;
}

.map1-text4 {
  animation: start 2s infinite 0.9s;
}

.map1-text5 {
  animation: start 2s infinite 2.1s;
}

.map1-text6 {
  animation: start 2s infinite 2.4s;
}

@keyframes start {
  0% {
    opacity: 1;
  }

  80% {
    opacity: 0.5;
  }
}

@-webkit-keyframes start_twinkle {
  0% {
    opacity: 1;
  }

  80% {
    opacity: 0.5;
  }
}

@keyframes start_twinkle {
  0% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }
}

@-webkit-keyframes start_twinkle {
  0% {
    opacity: 1;
  }

  80% {
    opacity: 0;
  }
}


.glide {
  animation: jts .5s infinite ease-in-out;
  -webkit-animation: jts .5s infinite ease-in-out;
}

@keyframes jts {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }

  50% {
    transform: rotate(1deg) translate(0, 15px);
  }

  100% {
    transform: rotate(0deg) translate(0, 0);
  }
}

@-webkit-keyframes jts {
  0% {
    transform: rotate(0deg) translate(0, 0);
  }

  50% {
    transform: rotate(1deg) translate(0, 15px);
  }

  100% {
    transform: rotate(0deg) translate(0, 0);
  }
}