/*以下首页视频*/



.clearfix::after {

  clear: both;

  content: "";

  position: static;

  display: block;

  overflow: hidden;

}

.clearfix {

  *zoom: 1;

}







.play-btn .btn {

  position: sticky;

  cursor:pointer;

  text-align: center;

}

 .play-btn .btn .icon {

  margin-bottom: 10px;

}

.play-btn .btn .span {

  font-size: 14px;

  font-weight: bold;

  color: #fff;

}

.play-btn {

    z-index: 22;

  }

.video_mask {

  background: #000;

position: fixed;

 

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 999999999999;



  -webkit-transform: scale(0.6);

     -moz-transform: scale(0.6);

      -ms-transform: scale(0.6);

          transform: scale(0.6);

  opacity: 0;

  pointer-events: none;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.video_mask .videobox {

  height: 80%;

  width: 80%;

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

     -moz-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  border: 1px solid #143170;

}

.video_mask .videobox .top {

  height: 60px;

  background: #fafafa;

}

.video_mask .videobox .top .close_btn {

  cursor: pointer;

  float: right;

  width: 44px;

  height: 44px;

  position: relative;

  margin-top: 8px;

}

.video_mask .videobox .top .close_btn i {

  position: absolute;

  -webkit-transform: translate(-50%, -50%) rotate(45deg);

     -moz-transform: translate(-50%, -50%) rotate(45deg);

      -ms-transform: translate(-50%, -50%) rotate(45deg);

          transform: translate(-50%, -50%) rotate(45deg);

  left: 50%;

  top: 50%;

  background: #000;



}

.video_mask .videobox .top .close_btn .s {

  width: 2px;

  height: 28px;

}

.video_mask .videobox .top .close_btn .h {

  width: 28px;

  height: 2px;

}

.video_mask .videobox video {

  width: 100%;

   display: block;

  height: 400px;

 z-index: 9999999999;



}

.fdmask {

  background: #000;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9999999999;

  -webkit-transform: scale(0.6);

     -moz-transform: scale(0.6);

      -ms-transform: scale(0.6);

          transform: scale(0.6);

  opacity: 0;

  pointer-events: none;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.fdmask .in_div {

  position: absolute;

  width: 90%;

  left: 5%;

  top: 50%;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

.fdmask .in_div .btn {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

     -moz-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

}

.fdmask .in_div .fdprev {

  left: 0;

}

.fdmask .in_div .fdnext {

  right: 0;

}

.fdmask .in_div #fdswiper {

  width: 60%;



}

.act_video_mask {

  opacity: 1;

  pointer-events: auto;

  -webkit-transform: scale(1);

     -moz-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);



}