.home-video{padding-bottom:3%}
.home-video .videowrap{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-video .videowrap .videoitem{background:#F8F8F8;transition:all .2s linear;margin-bottom:20px;width:23%;display:flex;flex-direction:column}
.home-video .videowrap .videoitem:hover{background:var(--color);color:#FFFFFF}
.home-video .videowrap .videoitem:hover i{color:var(--color)}
.home-video .videowrap .videoinner{position:relative;width:100%}
.home-video .videowrap .videoinner img{width:100%;height:100%;object-fit:cover}
.home-video .videowrap .videoinner iframe,.home-video .videowrap .videoinner video{width:100%;height:100%}
.home-video .videowrap .videoinner i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFFFFF;font-size:40px;cursor:pointer}
.home-video .videowrap .title{padding:7px 10px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3;flex:1}
@media(max-width:1024px){.home-video .videowrap .videoitem{width:48%}
.home-video .videowrap .title{padding:10px}}
@media(max-width:768px){.home-video .videowrap .videoitem{width:100%}}