.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;}
/**/
.video_out{display:none;}
.box_vdo{top:0;left:0;right:0;bottom:0;margin:auto;width:60%;}  
.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:12px;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);}
@media screen and (max-width:1300px){
.main-item{ width:95%;}
}