html,
body {
  width: 100%;
  height: 100%;
}

.section-wrap {
  width: 100%;
  height: 100%;
  overflow: visible;
  transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}

.section-wrap .section {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.section-wrap .section .title {
  width: 100%;
  position: absolute;
  top: 10%;
  color: #fff;
  font-size: 2.4em;
  text-align: center;
}

.section-wrap .section .title p {
  padding: 0 4%;
  opacity: 0;
}

.section-wrap .section .title.active .tit {
  opacity: 1;
  transform: translateY(-25px);
  -webkit-transform: translateY(-25px);
  transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
  -webkit-transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
}

.section-wrap .section-1 {
  /* background: url(../images/index_img1.jpg) no-repeat top center; */
  position: relative;
}
.banner .swiper-container .swiper-wrapper .swiper-slide::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.banner .swiper-container .swiper-wrapper .swiper-slide .text h2 img {
  width: initial;
}
.banner .swiper-container .swiper-wrapper .swiper-slide .text p img {
  width: initial;
}
.section-wrap .section-2 {
  background: url(../images/index_img2.jpg) no-repeat top center;
}

.section-wrap .section-3 {
}

.section-wrap .section-4 {
  background: url(../images/index_img5.jpg) no-repeat center center;
  background-size: cover !important;
}

.section-wrap .section-5 {
  background: url(../images/index_img6.jpg) no-repeat top center;
}

.section-wrap .section-6 {
  height: 66vh !important;
}

.section-btn {
  width: 20px;
  position: fixed;
  right: 4%;
  top: 42%;
}

.section-btn li {
  width: 16px;
  height: 16px;
  cursor: pointer;
  text-indent: -9999px;
  /* border-radius: 50%; */
  /* -webkit-border-radius: 50%; */
  margin: 30px auto;
  /* background: #0636be; */
  text-align: center;
  color: #fff;
  cursor: pointer;
  border: 1px solid #364890;
}
.section-btn li:last-of-type {
  display: none;
}
.section-btn li.on {
  background: url(../images/huaIcon.png) no-repeat center;
  width: 18px;
  height: 18px;
}

.arrow {
  opacity: 1;
  animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
  -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  line-height: 60px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  overflow: hidden;
}

.arrow:hover {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}


#fp-nav{
  right: 40px;
  top: 60% !important;
  
}
#fp-nav ul li a{
  width: 16px !important;
  height: 16px !important;
  cursor: pointer;
  text-indent: -9999px;
  margin: 30px auto;
  text-align: center;
  color: #fff;
  cursor: pointer;
  border: 1px solid #364890;
}
#fp-nav ul li a.active {
  background: url(../images/huaIcon.png) no-repeat center;
  width: 18px;
  height: 18px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
  display: none;
}
@keyframes arrow {
  0%,
  100% {
    bottom: 10px;
    opacity: 1;
  }

  50% {
    bottom: 50px;
    opacity: 0.5;
  }
}

@-webkit-keyframes arrow {
  0%,
  100% {
    bottom: 10px;
    opacity: 1;
  }

  50% {
    bottom: 50px;
    opacity: 0.5;
  }
}

.covervid-wrapper {
  position: absolute;

  top: 0;
  left: 0;

  width: 100%;

  height: 100%;
}
.fd {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1440px) {
  .banner .swiper-container .swiper-wrapper .swiper-slide .text p img {
    width: 700px;
  }
}
@media screen and (max-width: 1366px) {
  .banner .swiper-container .swiper-wrapper .swiper-slide .text p img {
    width: 660px;
  }
}
@media screen and (max-width: 992px) {
  .banner .swiper-container .swiper-wrapper .swiper-slide .text p img {
    width: 200px;
  }
  .banner .swiper-container .swiper-wrapper .swiper-slide .text h2 img {
    width: 280px;
  }
  .section-wrap .section-1{
    height: 38vh;
  }
  .section-wrap .section-2{
    height: auto;
  }
  .section-wrap .section-3{
    height: auto;
  }
  .section-wrap .section-4{
    margin-top: 20px;
    height: 50vh;
    background-size: 210% !important;
  }
  .section-wrap .section-5{
    margin-top: 20px;
    height: 710px;
    overflow: hidden;
    /* background-size: 210% !important; */
  }
}