.qv_banner{position: relative;}
.qv_banner>img{width: 100%;}

.qv_video{display: flex;flex-wrap: wrap;padding: 40px 0 0;}
.qv_video_i{width: 31%;margin-right: 3.5%;margin-bottom: 80px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;height: 280px;}
.qv_video_i:nth-child(3n){margin-right: 0;}
.qv_video_i>div{background-color: rgba(0,0,0,.5 );opacity: .1;display: flex;justify-content: center;align-items: center;transition: .3s;cursor: pointer;height: 100%;}
.qv_video_i>h1{font-size: 16px;font-weight: 400;text-align: center;line-height: 2;margin-top: 10px;}
.qv_video_i:hover >div{opacity: 1;}
.qi_video{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;display: none;background-color: rgba(0,0,0,.5)}
.qi_video>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80vw;}
.qi_video>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}

@media screen and (max-width: 766px) {
    .qv_banner>img{height: 14rem;object-fit: cover;}


    .qv_video_i{width: 100%;margin-right: 0;}
}