.QX-125040616{position:relative;padding:10px 0;margin:0 auto;width:100%}.QX-125040616 .hy{display:flex;flex-wrap:wrap}.QX-125040616 .fl{width:calc(25% - 30px);margin:0 17.8px;position:relative;overflow:hidden}.QX-125040616 .fl:nth-child(4n+1){margin:0 17.8px 0 0}.QX-125040616 .fl:nth-child(4n){margin:0 0 0 17.8px}.QX-125040616 .imgBox{width:100%;height:0;position:relative;padding-bottom:100%}.QX-125040616 .imgBox img{position:absolute;width:100%;height:100%;object-fit:contain}.QX-125040616 .mc{position:absolute;width:100%;height:100%;outline:0;top:0;left:0;z-index:2;cursor:default}.QX-125040616 .mc[href]{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:'';height:100%;width:100%;position:absolute;top:0;left:100%}.QX-125040616 .banner-description{transition:all .5s ease;position:absolute;padding:9px 16px;right:0;background:#fff;bottom:50px;font-size:14px;word-break:break-word;max-width:70%;z-index:3;max-height:calc(100% - 100px);overflow:hidden}.QX-125040616 .banner-name{color:#116497;outline:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;white-space:normal;text-overflow:ellipsis;word-break:break-word;width:100%}.QX-125040616 .banner-docs{display:none}.QX-125040616 .moreBtn{display:none}.QX-125040616 .fl:hover .banner-description{color:#fff !important}.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:1200px){.QX-125040616{padding:5px}.QX-125040616 .banner-description{padding:6px 13px;bottom:30px;font-size:14px;max-width:80%;max-height:calc(100% - 60px)}}@media screen and (max-width:900px){.QX-125040616{padding:5px 0 5px 8px}.QX-125040616 .banner-description{padding:5px 10px;font-size:13px}}@media screen and (max-width:769px){.QX-125040616{padding:5px}.QX-125040616 .banner-name{color:#116497;outline:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;white-space:normal;text-overflow:ellipsis;word-break:break-word;width:100%}}@media screen and (max-width:510px){.QX-125040616 .hy .fl{margin:0 15px;width:calc(100% - 30px)}.QX-125040616 .fl:nth-child(n+2){margin-top:30px}.QX-125040616 .banner-description{padding:9px 16px;bottom:50px;font-size:14px;max-width:70%;max-height:calc(100% - 100px)}.QX-125040616 .banner-name{color:#116497;outline:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;white-space:normal;text-overflow:ellipsis;word-break:break-word;width:100%}}