.lighting .cistern .highlights-slide .arrow-left,
.lighting .cistern .highlights-slide .arrow-right {
  color: #333;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.lighting .cistern .highlights-slide .arrow-left .iconfont,
.lighting .cistern .highlights-slide .arrow-right .iconfont {
  width: 21px;
  height: 42px;
  font-size: 42px;
}
.lighting .cistern .highlights-slide .arrow-left {
  left: -60px;
}
.lighting .cistern .highlights-slide .arrow-right {
  right: -60px;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left {
  width: calc(50% - 5px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left .pic {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left .pic.left01 {
  width: 100%;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left .pic.left01::after {
  padding-top: 60.50420168%;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left .pic.left02 {
  margin-top: 10px;
  width: calc(50% - 5px);
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left .pic.left02::after {
  padding-top: 61.64383562%;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left .pic::after {
  content: '';
  width: 100%;
  display: block;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .left .pic img {
  position: absolute;
  display: block;
  width: 100%;
  min-height: 100%;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right {
  width: calc(50% - 5px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right .right-ban {
  width: calc(50% - 5px);
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right .right-ban .pic {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right .right-ban .pic.right01 {
  width: 100%;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right .right-ban .pic.right01::after {
  padding-top: 61.64383562%;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right .right-ban .pic.right02::after {
  padding-top: 123.28767123%;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right .right-ban .pic::after {
  content: '';
  width: 100%;
  display: block;
}
.lighting .cistern .highlights-slide .swiper-container .swiper-wrapper .swiper-slide .right .right-ban .pic img {
  position: absolute;
  display: block;
  width: 100%;
  min-height: 100%;
}
@media (max-width: 992px) {
  .lighting {
    display: none;
  }
}
.light-box {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  opacity: 0;
}
.light-box .h2-title {
  display: none;
}
.light-box .icon-close {
  font-size: 40px;
  color: #696969;
  position: absolute;
  right: 50px;
  top: 50px;
  cursor: pointer;
  transition: all ease 0.3s;
}
.light-box .icon-close:hover {
  transform: rotate(180deg);
}
.light-box .swiper-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  overflow: hidden;
}
.light-box .swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.light-box .swiper-container .light-slides-page {
  color: #fff;
}
.light-box .light-slides-button-next,
.light-box .light-slides-button-prev {
  position: absolute;
  top: 0;
  margin-top: -15px;
  margin: auto;
  bottom: 0;
  width: 42px;
  height: 42px;
  color: #fff;
  transition: 0.25s;
}
.light-box .light-slides-button-next:hover,
.light-box .light-slides-button-prev:hover {
  color: #c7000b;
}
.light-box .light-slides-button-next .iconfont,
.light-box .light-slides-button-prev .iconfont {
  font-size: 42px;
}
.light-box .light-slides-button-next.swiper-button-disabled,
.light-box .light-slides-button-prev.swiper-button-disabled {
  color: #696969;
}
.light-box .light-slides-button-prev {
  right: 0;
  left: -700px;
}
.light-box .light-slides-button-next {
  left: 0;
  right: -700px;
}
@media (max-width: 992px) {
  .light-box {
    padding: 60px 0;
    display: block;
    opacity: 1;
    position: static;
    background-color: transparent;
  }
  .light-box .h2-title {
    display: block;
    margin-bottom: 25px;
  }
  .light-box .icon-close {
    display: none;
  }
  .light-box .swiper-container {
    position: static;
    transform: none;
    width: calc(100% - 30px);
    overflow: visible;
  }
  .light-box .swiper-container .swiper-wrapper .swiper-slide {
    width: 96%;
  }
  .light-box .swiper-container .light-slides-page {
    display: none;
  }
  .light-box .light-slides-button-next,
  .light-box .light-slides-button-prev {
    display: none;
  }
}