.brands_box{width:100%;overflow:hidden;margin-top:.6rem;margin-bottom:1rem}.brands_box>div{float:left;width:25%;position:relative}.brands_box>div>img{width:100%}.brands_box>div h3{height:1rem;line-height:1rem;text-align:center;width:100%;position:absolute;bottom:0;color:#fff;font-weight:400}.brands_box .div{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7);top:0;left:0;display:none}.brands_box>div:hover h3{display:none}.brands_box>div:hover .div{display:block}.brands_box>div .div .imgb{width:2rem;height:1.3rem;display:flex;justify-content:center;align-items:center;margin:3rem auto .5rem}.brands_box>div .div .btn{width:1.8rem;height:.45rem;line-height:.45rem;margin:.2rem auto;border:.01rem solid #fff;color:#fff;text-align:center}.brands_box>div .div .btn:hover{background:#fff;color:#000;border-color:#fff;transition:all .3s ease}.brands_box .div img{height:auto}@media (max-width:767px){.brands_box>div{float:none;width:100%;margin-bottom:.2rem;position:relative}.brands_box>div h3{padding-left:.3rem;font-size:.4rem;text-align:left;top:.5rem;font-weight:400}.brands_box>div div{width:2.1rem;height:.65rem;position:absolute;top:1.5rem;left:.3rem;line-height:.65rem;text-align:center;color:#fff;border:1px solid #fff}.brands_box>div:hover h3{display:block}}