/**
 * Date: 2019.6.28
 * Update: 2019.6.28
 * Developer: Mine
 * Theme: 新三国志大战M
 */
/* ======================================
二级页-worldview
======================================== */
.wv-banner {
  background: url(../images/worldview/wv-banner.png) no-repeat top center;
  width: 100%;
  height: 276px;
  min-width: 1200px;
  position: relative;
  z-index: 2;
}
.wv-main {
  background: url(../images/worldview/bg06.png) center top / cover no-repeat;
  width: 100%;
  min-width: 1200px;
  min-height: 931px;
  position: relative;
  z-index: 1;
  margin-top: -44px;
  padding-top: 44px;
}
.wv-slo {
  display: block;
  width: 999px;
  height: 58px;
  margin: 76px auto 0;
}
.wv-swiper-container {
  width: 1000px;
  /* width: 810px; */
  margin: 70px auto 0;
}
.wv-prev {
  background: url(../images/worldview/wv-prev.png) no-repeat 0 0 / 100% 100%;
  width: 61px;
  height: 94px;
  left: 90px;
  margin-top: -70px;
}
.wv-prev:hover {
  background: url(../images/worldview/wv-prev-H.png) no-repeat 0 0 / 100% 100%;
}
.wv-next {
  background: url(../images/worldview/wv-next.png) no-repeat 0 0 / 100% 100%;
  width: 61px;
  height: 94px;
  right: 90px;
  margin-top: -70px;
}
.wv-next:hover {
  background: url(../images/worldview/wv-next-H.png) no-repeat 0 0 / 100% 100%;
}

.wv-slide {
  width: 696px;
}
.wv-slide:before {
  content: "";
  display: block;
  position: absolute;
  width: 696px;
  height: 412px;
  top: 50%;
  left: 50%;
  margin-top: -206px;
  margin-left: -348px;
  background: rgba(0,0,0,0.4);
}
.swiper-slide-active::before{
  display: none;
}
.wv-slide img {
  width: 696px;
}
.wv-slo2 {
  margin: 50px 0 0 240px;
  width: 787px;
  height: 137px;
  display: block;
}

.wv-swiper-container2 .swiper-slide img {
  opacity: 0 !important;
  transition: all 0.8s ease-in-out;
}
.wv-swiper-container2 .swiper-slide-duplicate-active img,
.wv-swiper-container2 .swiper-slide-active img {
  opacity: 1 !important;
}
.wv-slide2-slo1 img {
  width: 902px;
  height: 130px;
  margin: 50px 0 0 240px;
}
.wv-slide2-slo2 img {
  width: 895px;
  height: 133px;
  margin: 45px 0 0 240px;
}
.wv-slide2-slo3 img {
  width: 787px;
  height: 129px;
  margin: 50px 0 0 240px;
}
.wv-slide2-slo4 img {
  width: 886px;
  height: 129px;
  margin: 50px 0 0 240px;
}
.wv-slide2-slo5 img {
  width: 795px;
  height: 123px;
  margin: 50px 0 0 240px;
}
.wv-slide2-slo6 img {
  width: 882px;
  height: 123px;
  margin: 50px 0 0 240px;
}