.row-recomendVideo h2 {
  height: 100px;
  width: 100%;
  margin-top: 80px;
  margin-bottom: 25px;
  background-image: url("../images/title.png");
  background-position: 58% -1090px;
  background-repeat: no-repeat;
  position: relative;
}
.row-recomendVideo h2:before {
  content: "";
  height: 100%;
  width: 100%;
  background: url("../images/red-line.png") 0 50% no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.row-recomendVideo .container {
  position: relative;
  z-index: 3;
}

.recom-cont {
  position: relative;
  height: 460px;
}
.recom-cont-item {
  position: absolute;
  z-index: 1;
  display: none;
}
.recom-cont-item.on {
  display: block;
}

.recom-box {
  background-color: #fff;
  position: relative;
  z-index: 3;
}

.recom-box-video {
  overflow: hidden;
  height: 460px;
  width: 710px;
  float: left;
  position: relative;
}
.recom-box-video img{
  height: 460px;
  width: 710px;
}
.recom-box-video:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.recom-box-video iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  background: transparent url("../images/play-big.png") no-repeat center center;
}
.recom-box-video .recom-cover {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.beginPos {
  right: -710px;
}

.recom-box-swiper {
  width: 490px;
  height: 460px;
  float: left;
  position: relative;
  z-index: 3;
}
.recom-box-swiper .arrow-top {
  background: url("../images/arrow-top-grey.png") no-repeat right top;
  position: absolute;
  left: 50%;
  top: 5px;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
.recom-box-swiper .arrow-down {
  background: url("../images/arrow-down-grey.png") no-repeat right top;
  position: absolute;
  left: 50%;
  bottom: 5px;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
.recom-box-swiper .swiper-container {
  width: 100%;
  height: 396px;
  top: 35px;
}
.recom-box-swiper .slide-cont {
  height: 100%;
  position: relative;
  padding-top: 21px;
}
.recom-box-swiper .slide-cont:before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #aaaaaa;
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 1;
}
.recom-box-swiper img {
  width: 140px;
  height: 90px;
  float: left;
  position: relative;
  z-index: 4;
  transition: all 0.7s;
}
.recom-box-swiper .swiper-text {
  position: relative;
  z-index: 4;
}
.recom-box-swiper h3 {
  height: 30px;
  overflow: hidden;
}
.recom-box-swiper p {
  height: 50px;
  overflow: hidden;
}
.recom-box-swiper .swiper-slide {
  position: relative;
  cursor: pointer;
}
.recom-box-swiper .hover h3 {
  color: #fff;
}
.recom-box-swiper a {
  font-size: 18px;
  font-weight: normal;
}
.recom-box-swiper .hover a {
  color: #fff;
}
.recom-box-swiper .hover img {
  margin-left: -156px;
}
.recom-box-swiper .hover .slide-cont:after {
  content: "";
  background: #dc000d;
  background: -moz-linear-gradient(left, #dc000d 0%, #c30011 100%);
  background: -webkit-linear-gradient(left, #dc000d 0%, #c30011 100%);
  background: linear-gradient(to right, #dc000d 0%, #c30011 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc000d', endColorstr='#c30011', GradientType=1);
  width: 100%;
  height: 112px;
  position: absolute;
  left: 0;
  top: 8px;
  z-index: 2;
  transition: all 0.5s;
}
.recom-box-swiper .on {
  position: relative;
  cursor: pointer;
}