.header {
  width: 100%;
  height: 88px;
  background: rgba(254, 249, 243, 1.0);
  box-shadow: 2px 2px 5px #d5d5d5;
  position: fixed;
  z-index: 2;
}
.header .header-bar {
  width: 70%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.header .header-bar .header-nav-list {
  height: 100%;
  position: relative;
}
.header .header-bar .header-nav-list .header-nav-item {
  color: #fff;
  padding: 0 20px;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.header .header-bar .header-nav-list .header-nav-item a {
  color: #000;
  line-height: 2em;
}
.header .header-bar .header-nav-list .header-nav-hover-bg {
  position: absolute;
  transition: left .5s;
  padding: 0 20px;
  border-bottom: 2px solid #f4ae31;
}
.header li {
  list-style: none;
}
.header a {
  text-decoration: none;
}
.swiper-container.fullPage {
  width: 100%;
  height: 100%;
}
.swiper-container.fullPage .swiper-pagination-bullet {
  zoom: 2;
  opacity: 1;
  border: solid .5px #000;
  background: transparent;
}
.swiper-container.fullPage .swiper-pagination-active {
  background: #000;
}
.swiper-container.fullPage .swiper-button-next {
  transform: rotate(90deg) translateY(50%);
  position: absolute;
  top: 90%;
  left: 50%;
  color: #fff;
  background-color: #fff;
  padding: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  zoom: .7;
  animation: t 2.5s infinite;
}
.swiper-container.fullPage .swiper-button-disabled {
  animation: none;
  display: none;
}
@keyframes t {
  0% {
    top: 88%;
    opacity: .2;
  }
  100% {
    top: 92%;
    opacity: .7;
  }
}
.beforeAfter::before,
.beforeAfter::after {
  content: '';
  display: inline-block;
  width: 120px;
  border-top: solid .5px #fff;
  margin-right: 20px;
}
.beforeAfter::after {
  margin-left: 20px;
}
/*# sourceMappingURL=common.css.map */