.QX-125040616{position:relative;padding:10px 0;margin:0 auto;max-width:1520px}.QX-125040616 .hy{display:flex;flex-wrap:wrap}.QX-125040616 .fl{width:calc(25% - 30px);margin:0 15px;position:relative;overflow:hidden}.QX-125040616 .imgBox{width:100%;height:0;position:relative;padding-bottom:88%}.QX-125040616 .imgBox img{position:absolute;width:100%;height:100%;object-fit:contain}.QX-125040616 .mc{position:absolute;width:100%;height:100%;cursor:pointer;outline:0;top:0;left:0;z-index:2}.QX-125040616 .mc::before{transition:all .5s ease;display:block;content:'';background:rgba(5,6,5,0.5);height:100%;width:100%;position:absolute;top:0;left:0;opacity:0}.QX-125040616 .mc::after{transition:all .5s ease;display:block;content:'';background:#da291c;height:100%;width:100%;position:absolute;top:0;left:100%}.QX-125040616 .banner-description{transition:all .5s ease;position:absolute;right:0;background:#fff;bottom:50px;font-size:14px;color:#da291c;word-break:break-word;max-width:70%;z-index:3;max-height:calc(100% - 100px);overflow:hidden}.QX-125040616 .banner-name{color:inherit;outline:0;padding:9px 16px;display:block}.QX-125040616 .banner-docs{display:none}.QX-125040616 .moreBtn{display:none}.QX-125040616 .fl:hover .banner-description{color:#fff !important;background:#da291c}.QX-125040616 .fl:hover .mc::before{opacity:1}.QX-125040616 .fl:hover .mc::after{left:-99%}.QX-125040616 .fl:nth-child(n+5){margin-top:30px}@media screen and (max-width:1520px){.QX-125040616{max-width:100%}}@media screen and (max-width:1200px){.QX-125040616 .banner-description{bottom:30px;font-size:14px;max-width:80%;max-height:calc(100% - 60px)}}@media screen and (max-width:900px){.QX-125040616 .banner-description{font-size:13px}}@media screen and (max-width:510px){.QX-125040616 .fl{width:calc(100% - 30px)}.QX-125040616 .fl:nth-child(n+2){margin-top:30px}.QX-125040616 .banner-description{bottom:50px;font-size:14px;max-width:70%;max-height:calc(100% - 100px)}}