@keyframes firstslide {
  0% {
    transform: rotate(360deg) scale(0.1) translate(-100px, -100px);
    opacity: 0;
  }
  50% {
    transform: rotate(0) scale(1) translate(0, 0);
  }
  70% {
    transform: rotate(0) scale(1) translate(0, 0);
  }
  90% {
    transform: rotate(0) scale(0.9) translate(0, 0);
  }
  100% {
    transform: rotate(0) scale(1) translate(0, 0);
  }
}
@-webkit-keyframes firstslide {
  0% {
    transform: rotate(360deg) scale(0.1) translate(-100px, -100px);
    opacity: 0;
  }
  50% {
    transform: rotate(0) scale(1) translate(0, 0);
  }
  70% {
    transform: rotate(0) scale(1) translate(0, 0);
  }
  90% {
    transform: rotate(0) scale(0.9) translate(0, 0);
  }
  100% {
    transform: rotate(0) scale(1) translate(0, 0);
  }
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.l_cover {
  width: 100%;
  height: 100%;
  background: url(../images/l_c_bg.jpg) no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
  position: relative;
}
.l_cover .l_c_logo {
  display: block;
  width: 7.06666667rem;
  height: 4.26666667rem;
  position: absolute;
  top: 0.88rem;
  left: 0;
  z-index: 99;
}
.l_cover .l_c_banner {
  width: 100%;
  height: 33.30666667rem;
  overflow: hidden;
  position: relative;
}
.l_cover .l_c_banner li {
  width: 100%;
  height: 100%;
  position: relative;
}
.l_cover .l_c_banner li img {
  display: block;
  width: 100%;
  height: 100%;
}
.l_cover .l_c_banner li .l_m_banner {
  width: 13.94666667rem;
  height: 17.97333333rem;
  position: absolute;
  left: 50%;
  margin-left: -6.97333333rem;
  top: 17%;
  overflow: hidden;
}
.l_cover .l_c_banner li .l_m_banner ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.l_cover .l_c_banner li .l_m_banner ul li {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.l_cover .l_c_banner li .l_m_banner ul li.swiper-slide-active {
  -webkit-animation: firstslide 1.5s ease-in both;
  animation: firstslide 1.5s ease-in both;
}
.l_cover .l_c_banner li .l_m_banner ul li img {
  display: block;
  width: 100%;
  height: 17.97333333rem;
}
.l_cover .l_c_banner li .l_m_banner ul li a {
  display: block;
  width: 6.34666667rem;
  height: 1.49333333rem;
  position: absolute;
  bottom: 1.38666667rem;
  left: 50%;
  margin-left: -3.17333333rem;
}
.l_cover .l_c_banner li .swiper-button-prev {
  width: 1.49333333rem;
  height: 2.88rem;
  position: absolute;
  background: url(../images/l_c_nav.png) no-repeat center;
  background-size: 100% 100%;
  left: 0.53333333rem;
  top: 35%;
}
.l_cover .l_c_banner li .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.l_cover .l_c_banner li .swiper-button-next {
  width: 1.49333333rem;
  height: 2.88rem;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  position: absolute;
  background: url(../images/l_c_nav.png) no-repeat center;
  background-size: 100% 100%;
  right: 0.53333333rem;
  top: 35%;
}
.l_cover .l_c_banner li .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.l_cover .l_c_banner .l_c_bottom {
  width: 100%;
  height: 10.18666667rem;
  background: url(../images/l_bottom.png) no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10;
}
.l_cover .l_c_banner .l_c_bottom .l_c_nav {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  margin-top: 1.94666667rem;
}
.l_cover .l_c_banner .l_c_bottom .l_c_nav li {
  width: 3.09333333rem;
  height: 5.78666667rem;
  overflow: hidden;
  border-radius: 0;
  opacity: 1;
  background: none;
}
.l_cover .l_c_banner .l_c_bottom .l_c_nav li:nth-child(2) {
  margin-top: 1.09333333rem;
}
.l_cover .l_c_banner .l_c_bottom .l_c_nav li:nth-child(3) {
  margin-top: 1.09333333rem;
}
.l_cover .l_c_banner .l_c_bottom .l_c_nav li.swiper-pagination-bullet-active img:nth-child(1) {
  display: none;
}