.wrap {
  position: relative;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
}
.main {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.main .bg-img {
  position: relative;
  height: 100%;
}
.main .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main .bg2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  animation: bg 0.6s ease infinite;
}
.main .logo {
  top: 1.9%;
  left: 4.5%;
  width: 19.9%;
  display: block;
}
.main .logo2 {
  right: 3.2%;
  top: 2.2%;
  width: 19.5%;
  display: block;
}
.main .title {
  top: 12%;
  width: 94.4%;
  animation: turn 1s ease alternate infinite;
}
.main .rw {
  z-index: -1;
}
.main .rw1 {
  left: 10.5%;
  top: -96.5%;
  width: 34%;
  animation: move1 1s ease alternate infinite;
}
.main .rw2 {
  left: 11.6%;
  top: -120.3%;
  width: 77.7%;
  animation: move2 1s ease 0.2s alternate infinite;
}
.main .rw3 {
  left: 52.4%;
  top: -104.7%;
  width: 43.2%;
  animation: move3 1s ease 0.1s alternate infinite;
}
.main .bot {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  isolation: isolate;
}
.main .erCode {
  left: 0.7%;
  bottom: 2.5%;
  width: 19.9%;
}
.main .nav {
  left: 20.5%;
  bottom: 1.6%;
  width: 78.1%;
}
.main .nav-item {
  display: inline-block;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.main .nav-item:hover {
  transform: translateY(-10px);
}
.main .nav1 {
  width: 48.3%;
  margin-right: 1.7%;
}
.main .nav2 {
  width: 42.7%;
}
.main .nav3 {
  width: 49.7%;
  margin-right: 0.3%;
}
.main .nav4 {
  width: 50%;
}
.main-swiper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.main-swiper .bg-img {
  height: 100%;
}
.main-swiper .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-swiper .tit > img {
  animation: beat2 0.7s ease infinite normal;
}
.main-swiper .main-slide {
  position: relative;
  overflow: hidden;
}
.main-swiper .kuang1,
.main-swiper .lunbo {
  top: 17.7%;
}
.main-swiper .kuang1 {
  width: 70.7%;
}
.main-swiper .lunbo {
  width: 70.7%;
}
.main-swiper .lunbo .kuang {
  opacity: 0;
}
.main-swiper .lunbo .swi-btn {
  width: 14.9%;
  z-index: 2;
  cursor: pointer;
}
.main-swiper .lunbo .swi-prev {
  left: -14.7%;
}
.main-swiper .lunbo .swi-next {
  right: -14.7%;
}
.main-swiper .lb-swiper {
  width: 94.9%;
}
.main-swiper .lb-swiper .img {
  width: 85.3%;
  border: 2px solid #5fffff;
  box-sizing: border-box;
  margin: 0 auto;
}
.main-swiper .noTxt-lunbo .lb-swiper {
  top: 12.2%;
}
.main-swiper .noTxt-lunbo .wz {
  top: 65.7%;
}
.main-swiper .bot {
  width: 19.4%;
}
.scroll {
  left: 7.9%;
  bottom: 4%;
  width: 12.3%;
  animation: move13 0.9s ease 0.1s alternate infinite;
  z-index: 10;
}
.scroll .up {
  display: none;
}
.scroll.change .down {
  display: none;
}
.scroll.change .up {
  display: block;
}
.toBuy {
  right: 6.9%;
  bottom: 4%;
  width: 22.3%;
  animation: beat 0.8s ease alternate infinite;
  z-index: 10;
}
.backHome {
  right: 6.9%;
  top: 1.5%;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 2px 10px #fff;
  animation: beat2 0.8s ease 0.1s alternate infinite;
  z-index: 10;
}
.main1 .tit {
  top: 4.4%;
  width: 89.7%;
}
.main1 .item1 {
  left: 0;
  bottom: 0;
  width: 41.7%;
  animation: move4 0.8s ease 0.1s alternate infinite;
}
.main1 .item2 {
  right: 0;
  bottom: 0;
  width: 36.3%;
  animation: move4 1s ease 0.2s alternate infinite;
}
.main1 .item3 {
  left: -17.4%;
  top: 0.8%;
  width: 30%;
  -webkit-animation: wing-animation 0.8s linear infinite;
  -moz-animation: wing-animation 0.8s linear infinite;
  animation: wing-animation 0.8s linear infinite;
}
.main1 .item4 {
  top: 50.4%;
  right: 0;
  width: 23.2%;
  animation: move5 1s ease 0.1s alternate infinite;
}
.main1 .slide {
  top: 71.5%;
  width: 64.4%;
  isolation: isolate;
}
.main1 .sliT {
  position: relative;
}
.main1 .sliT .bt {
  top: 24.2%;
  width: 71.3%;
}
.main1 .sliT .back {
  top: 55.3%;
  display: block;
  width: 45.7%;
}
.main1 .tab {
  position: relative;
  width: 14.5%;
  cursor: pointer;
}
.main1 .tab .qh2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
}
.main1 .tab .bz {
  left: 12%;
  top: -13.8%;
  width: 74.4%;
  z-index: -1;
}
.main1 .tab:hover .qh2,
.main1 .tab.active .qh2 {
  opacity: 1;
  visibility: visible;
}
.main2 .item1 {
  left: 0;
  top: 17.5%;
  width: 34.7%;
  animation: move6 1s ease 0.1s alternate infinite;
}
.main2 .item2 {
  right: 0;
  bottom: 0;
  width: 32.4%;
  animation: move4 1s ease 0.1s alternate infinite;
}
.main2 .tit {
  top: 4.4%;
  width: 95.9%;
}
.main2 .slide {
  left: 0;
  top: 71.7%;
  width: 100%;
}
.main2-swiper1 {
  width: 76%;
  height: 74.2%;
}
.main2-swiper1 .swiper-slide {
  position: relative;
  height: auto;
  cursor: pointer;
}
.main2-swiper1 .sli-nav {
  position: relative;
  height: 100%;
}
.main2-swiper1 .sli-nav img {
  height: 100%;
  object-fit: contain;
}
.main2-swiper1 .bt2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s ease;
}
.main2-swiper1 .swiper-slide-thumb-active .bt2 {
  opacity: 1;
  visibility: visible;
}
.main3 .tit {
  top: 7.6%;
  width: 89.7%;
  isolation: isolate;
}
.main3 .kuang1,
.main3 .lunbo {
  top: 24.9%;
}
.main3 .item1 {
  right: -19.2%;
  top: -3.2%;
  width: 31.3%;
  z-index: -1;
}
.main3 .item1 .fc2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  animation: bg 0.8s ease infinite;
}
.main3 .item2 {
  left: 0;
  top: 23.7%;
  width: 48.8%;
}
.main3 .item2 .gd2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  animation: bg 0.6s 0.1s ease infinite;
}
.main3 .item3 {
  right: -23.5%;
  bottom: 6.2%;
  width: 68.4%;
  animation: move7 0.8s ease alternate infinite;
}
.main3 .item4 {
  left: -4.9%;
  bottom: 7.9%;
  width: 49.3%;
  animation: move8 1s ease 0.2s alternate infinite;
}
.main3 .wz {
  width: 74.5%;
}
.main4 .item1 {
  right: 5.1%;
  top: -1.5%;
  width: 24.3%;
  animation: move10 1s ease 0.1s alternate infinite;
}
.main4 .item2 {
  left: -9.7%;
  top: 17.9%;
  width: 32.5%;
  animation: move9 1.5s ease 0.2s alternate infinite;
}
.main4 .item3 {
  top: 64.7%;
  left: -1.5%;
  width: 34.4%;
  animation: beat2 0.5s ease alternate infinite;
}
.main4 .item4 {
  bottom: 0;
  left: 40.3%;
  width: 30.8%;
  animation: move11 1.3s ease 0.1s alternate infinite;
}
.main4 .item5 {
  right: -12%;
  bottom: 0;
  width: 37.3%;
  animation: move12 1s ease 0.2s alternate infinite;
}
.main4 .tit {
  top: 9.5%;
  width: 82.9%;
}
.main4 .kuang1,
.main4 .lunbo {
  top: 28.4%;
}
.main4 .wz {
  width: 78.5%;
}