.h_100{height:100%}
.re{position:relative}
.ab{position:absolute}
.fi{position:fixed}
.main-item{overflow:hidden;margin:0 auto;width:1164px; padding-top:60px; padding-bottom:25px;}
.video .list{margin:0 10px;position:relative;overflow:hidden; float:left;}
.video .list .v{overflow:hidden;display:block;position:relative;background-position:center center;background-size:cover}
.video .list .v .icon{height:85px;width:85px;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0; background:Rgba(0,0,0,0.5);border-radius:50%;}
.video .list .v .icon img{ display:block; margin:0 auto; padding-top:25%;}
.video .list .img_p{ background:#000;}
.video .list .img_p img{transition:ease .65s;transform:scale(1);}
.video .list .img_p:hover img{transform:scale(1.1);opacity:.8;transition:ease .65s;}
.video .list .t{line-height:30px;font-size:14px}
.video .list.l .t{right:0}
.video .list .t .t-title{font-size:18px; text-align:center; padding:15px 0 25px 0;}
.t-desc{line-height:22px}
a.v.play-video.rl{float:right}
.t-desc p span{color:#383838;font-family:AileronThin,Arial,'Microsoft YaHei',SimSun,serif;font-size:14px;line-height:24px;background-color:#fff}
.zzao{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.8);top:0;left:0;z-index:-1;opacity:0}
.bz_c{position:relative;width:100%;opacity:0}
.zzao .videoBox{position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%,-50%)}
.sb_zzao{z-index:99;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.8);visibility:hidden;opacity:0;}
/*video*/
.video{}
.video img{max-width:100%;}
.video .open{top:0;bottom:0;left:0;right:0;margin:auto;z-index:7;width:90px;height:90px;}
.video .openp{top:0;bottom:0;left:0;right:0;margin:auto;z-index:6;text-align: center;height:0.2rem;color:white;font-size: 0.22rem;padding-top:1.4rem;}
.video :hover .open1 {opacity:0;}
.index-gswh-sj{position:relative;}
.index-gswh-sj .sspdt{ position:relative;}
/**/
.video_out{display:none;}
.box_vdo{top: 50%;transform: translateY(-50%);left:0;right:0;margin:auto;width:80%;}  
.vdo_close{width:30px;height:30px;border-radius:50%;background:black;top:-15px;right:-15px;z-index: 10;}
.vdo_close .iconfont{display:block;text-align: center;line-height:30px;font-size:0.8rem;color:white;cursor:pointer;}
.vdo_close .iconfont:hover{transform-origin:center;transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);}

.index_video{ width:100%; position: absolute; z-index:100;top:50%;transform: translateY(-50%); overflow:hidden; visibility:hidden;}
.index_video:before{content: '';width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: -1;}
.index_video .text{ text-align: center;width: 100%;color: #fff; visibility: visible;}
.index_video .text .bofang{display: block;width:90px; height:90px; text-align: center; margin: 0 auto 20px; border-radius: 50%; background:Rgba(0,0,0,0.3); color: #fff; line-height: 60px;position: relative;}
.index_video .text .bofang:before{content: ''; width: 90%;height:90%; display: block;border: 1px solid rgba(255,255,255,0);border-radius: 50%; position: absolute;top: 0;right: 0;bottom: 0;left: 0;  margin: auto;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;}
.index_video .text .bofang:hover{ background:#d0121b;}
.index_video .text .bofang:hover i{color: #fff;}
.index_video .text .bofang i{font-size:30px; color:#fff; text-align:center; line-height:90px;}
.index_video .text strong{display: block;font-size: calc(18px + 1vw); margin-bottom: calc(5px + 0.2vw);}
.index_video .text span{display: block;font-size: 14px;color: rgba(255,255,255,0.6); font-weight: 300;}
.index_video .text p{ font-size:36px;}
.index_video .text p:nth-of-type(2){ font-size:12px; color:Rgba(255,255,255,0.5)}
.index_video .index_video_more{ text-align:center; margin-top:8%; visibility: visible;}
.index_video .index_video_more i{ width: calc(40px + 1vw); height: 1px;display:inline-block; transform: translateY(-5px); position: relative; background: rgba(255,255,255,0.2); margin-right: 10px;}
.index_video .index_video_more i:before{ width:7px; height:7px;display:inline-block; background: #e5e5e5;border-radius: 50%;position: absolute;left: 0; top: 0%;transform: translateY(-3px);content: '';-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_video .index_video_more:hover i:before{left: calc(100% - 6px);background: #b18f53;}
.index_video .index_video_more:hover a{ color: #b18f53;}
.index_video .index_video_more a{color: #fff;}

@media screen and (max-width:1300px){
.main-item{ width:95%;}
}
@media screen and (max-width:780px){
.box_vdo{ width:95%;}
}