.brand_block{padding: 0.8rem 0 1.1rem 0;}
.brand_list dd h3{line-height: 1.33em;}
.brand_list dd {padding: 0.4rem;padding-bottom: 0.55rem;}
.brand_list dl{background: #ecf0f4; border-radius: 0.3rem;overflow: hidden; height: 100%;}
.brand_list li{float: left;width: 33.33%;margin-bottom: 0.5rem;}
.brand_list ul{display: flex;flex-wrap: wrap;margin:0 -0.25rem;}
.brand_list li>a{display: block; margin:0 0.25rem; height: 100%;}
.brand_list dt{ position: relative; overflow: hidden;}

.brand_list .video_button dt{position: relative;}
.brand_list .video_button dt::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
.brand_list .video_button dt em{z-index: 9;color: #fff; font-size: 0.6rem; opacity: 0.5;} 

.brand_list01 dt::before{
    content: '\e712';
    font-family: 'iconfont';
    color: #fff;
    font-size: 0.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
    opacity: 0;
    transition: .5s;
}
.brand_list01 dt::after{
    content: '';
    position: absolute;
    background: #387fbe;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s;
}




.video_appbox{ display: block; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{width: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width:1000px;max-width:94%; height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{position:absolute; top:calc(20% - 30px); right:calc(50% - 500px); cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;}
@media only screen and (max-width:1023px) {
    .video_close{right:3%;}
}
@media only screen and (max-width:767px) {
    .brand_block{padding-top: 0; padding-bottom: 40px;}
    .brand_list li{width: 100%;float: none;margin-bottom: 20px;}
    .brand_list dd{padding: 20px;}
    .modular{margin: 0;}
}

@media screen and (min-width: 768px) {
    /* .brand_list01 li>a:hover dt::after {
        opacity: 0.9;
    }
  
    .brand_list01 li>a:hover dt::before {
        opacity: 1;
    } */
  }