.spBox {
  height: 996px;
  width: 100%;
  position: relative;
}
.spBox .bj-swiper {
  width: 100%;
  height: 996px;
}
.spBox .bj-swiper .swiper-slide {
  width: 100% !important;
  height: 996px;
}
.spBox .bj-swiper .swiper-slide .pic {
  width: 100%;
  height: 996px;
}
.spBox .bj-swiper .swiper-slide .pic img {
  width: 100%;
  height: 100%;
}
.spBox .bj-swiper .swiper-slide .tit {
  position: absolute;
  top: 0;
  left: 228px;
  width: 290px;
  height: 456px;
  background: rgba(0, 0, 0, 0.6);
}
.spBox .bj-swiper .swiper-slide .tit p {
  position: absolute;
  top: 88px;
  left: 35px;
  font-size: 18px;
  width: 220px;
  color: #fff;
  font-weight: 700;
}
.spBox .bj-swiper .swiper-slide .tit span {
  position: absolute;
  top: 130px;
  left: 20px;
  width: 250px;
  font-size: 16px;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
}
.spBox .lb-swiper {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 286px;
  z-index: 5;
}
.spBox .lb-swiper .swiper-wrapper {
  width: 1504%;
  height: 366px;
}
.spBox .lb-swiper .swiper-wrapper .swiper-slide {
  width: 287px !important;
  height: 210px;
}
.spBox .lb-swiper .swiper-wrapper .swiper-slide .xpic {
  width: 287px;
  height: 154px;
}
.spBox .lb-swiper .swiper-wrapper .swiper-slide .xpic img {
  width: 100%;
  height: 100%;
}
.spBox .lb-swiper .swiper-wrapper .swiper-slide .xmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 287px;
  height: 154px;
  background: rgba(0, 0, 0, 0.6);
}
.spBox .lb-swiper .swiper-wrapper .swiper-slide .xmark::before {
  content: "";
  display: block;
  width: 45px;
  height: 39px;
  background: url(../images/VideoCenter/ztj.png) no-repeat;
  background-size: 45px 39px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spBox .lb-swiper .swiper-wrapper .swiper-slide .xtit {
  width: 208px;
  margin: 24px auto 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spBox .lb-swiper .swiper-wrapper .lbactive .xmark {
  display: none;
}
.spBox .lb-swiper .syy {
  position: absolute;
  left: 420px;
  bottom: 0;
  background: url(../images/VideoCenter/syy.png) no-repeat;
  width: 119px;
  height: 48px;
  background-size: 119px 48px;
  z-index: 6;
}
.spBox .lb-swiper .xyy {
  position: absolute;
  right: 420px;
  bottom: 0;
  background: url(../images/VideoCenter/xyy.png) no-repeat;
  width: 119px;
  height: 48px;
  background-size: 119px 48px;
  z-index: 6;
}
.spBox .lb-swiper .fgx {
  width: 2px;
  height: 56px;
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.spBox .marks {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 286px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 4;
}