* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html {
  max-width: 640px;
  margin: auto;
}
body {
  font-size: 0.14rem;
  height: 49.2rem;
  max-height: 49.2rem;
  background: url('../img/bg.jpg') no-repeat;
  background-size: 100% 49.2rem;
}
.top-wrapper {
  width: 100%;
  height: 12.79rem;
  background: url(../img/top-bg.png);
  background-size: 100% 100%;
  position: relative;
}
.top-wrapper a.down-btn {
  width: 60%;
  height: 1.2rem;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}
.video-wrapper {
  margin-top: 0.5rem;
  width: 100%;
  height: 5.76rem;
  background: url(../img/img3.png) no-repeat left;
  background-size: 6.9rem 100%;
  position: relative;
}
.video-wrapper video {
  width: 90%;
  height: 3.7rem;
  position: absolute;
  left: 5%;
  bottom: 0.45rem;
}
.pic-wrppaer {
  margin-top: 0.5rem;
  width: 100%;
  height: 6.03rem;
  background: url(../img/img2.png) no-repeat left;
  background-size: 6.9rem 100%;
  position: relative;
  padding-top: 1.9rem;
}
.pic-wrppaer .swiper-container {
  width: 90%;
  height: 3.7rem;
}
.pic-wrppaer .swiper-container img {
  width: 100%;
}
.pic-wrppaer .pagination {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 0.05rem;
}
.pic-wrppaer .pagination .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.2rem;
  background: url(../img/point.png) no-repeat center;
  background-size: 0.09rem 0.09rem;
  opacity: 1;
}
.pic-wrppaer .pagination .swiper-pagination-bullet-active {
  background: url(../img/active-point.png) no-repeat center;
  background-size: 0.17rem 0.17rem;
}
.desc-wrapper {
  height: 21.14rem;
  background: url(../img/img1.png);
  background-size: 100% 100%;
  margin-top: 0.5rem;
}