@keyframes animate {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0.2rem, 0.3rem, 0.2rem);
    -webkit-transform: translate3d(0.2rem, 0.3rem, 0.2rem);
  }
}
@-webkit-keyframes animate {
  from {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0.2rem, 0.3rem, 0.2rem);
    -webkit-transform: translate3d(0.2rem, 0.3rem, 0.2rem);
  }
}
.content {
  height: 38.4rem;
  overflow: hidden;
  position: relative;
  background: url(../images/bimg.jpg) no-repeat;
  background-size: cover;
  transform-style: preserve-3d;
}
.content > img {
  display: block;
  margin: 0 auto;
}
.content .title1 {
  width: 7.55rem;
  margin-top: 1.1rem;
}
.content .ft {
  width: 8.5rem;
  margin-top: 0.7rem;
  perspective: 800px;
  animation: animate 1.5s linear infinite alternate;
  -webkit-animation: animate 1.5s linear infinite alternate;
}
.content .title2 {
  width: 9.13rem;
}
.content .bannerBox {
  width: 100%;
  height: 12.45rem;
  position: relative;
  margin: 0 auto;
  margin-top: 5.2rem;
}
.content .bannerBox .swiper-container {
  width: 8.3rem;
  height: 100%;
  margin: 0 auto;
}
.content .bannerBox .swiper-container .swiper-wrapper {
  position: relative;
}
.content .bannerBox .swiper-container .swiper-slide {
  width: 5.75rem;
  height: 100%;
}
.content .bannerBox .swiper-container .swiper-slide img {
  position: absolute;
  width: 80%;
  margin: auto;
  top: 0;
  bottom: 0;
  transition: width .2s;
  -webkit-transition: width .2s;
}
.content .bannerBox .swiper-container .swiper-slide-active img {
  width: 100%;
}
.content .bannerBox .swiper-container .swiper-slide-prev img {
  left: auto;
  right: 0;
}
.content .bannerBox label {
  display: block;
  width: 0.74rem;
  height: 1.35rem;
  background: url(../images/left.png) no-repeat;
  background-size: cover;
}
.content .bannerBox label.swiper-button-next {
  background: url(../images/right.png) no-repeat;
  background-size: cover;
}
.content .bannerBox .swiper-pagination {
  margin: auto;
  top: 13rem;
  left: 0;
  right: 0;
}
.content .bannerBox .swiper-pagination span {
  background: rgba(255, 255, 255, 0.6);
  margin: 0 0.16rem 0 0;
}
.content .bannerBox .swiper-pagination-bullet-active {
  background: #fff;
}
.content .footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.content .footer img {
  width: 1.08rem;
  display: block;
  line-height: 0;
  margin: 0 auto;
  margin-top: 0.3rem;
  margin-bottom: 0.2rem;
}
.content .footer p:nth-child(2) {
  font-size: 0.36rem;
  text-align: center;
  color: #fff;
  margin-bottom: 0.22rem;
}
.content .footer p:nth-child(3) {
  width: 5.4rem;
  margin: 0 auto;
  line-height: 0.42rem;
  font-size: 0.28rem;
  text-align: center;
  color: #fff;
  margin-bottom: 0.4rem;
}