.QX-112210154{width:100%;max-width:1230px;margin:auto;padding:20px 0}.QX-112210154 .title{font-size:16px;max-width:570px;font-weight:300;margin:auto;text-align:center;color:#777;margin-bottom:40px}.QX-112210154 .wrapper{width:100%;display:flex;flex-wrap:wrap}.QX-112210154 .tile{padding:0 15px;width:calc(25% - 30px);outline:0;margin-bottom:50px}.QX-112210154 .imgBox{width:163px;height:163px;z-index:2;margin:auto}.QX-112210154 .imgBox img{width:100%;height:100%;object-fit:cover;object-position:center}.QX-112210154 .textBox{padding:40px;margin-top:-30px;box-shadow:0 0 30px rgba(153,153,153,.1);background:#fff;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-o-transition:all .3s ease 0;transition:all .3s ease 0}.QX-112210154 .banner-name{margin-top:20px;font-size:18px;font-weight:600;color:#222;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:.3s}.QX-112210154 .text{width:100%;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;height:100px;margin-top:15px;line-height:1.56;font-size:16px;font-weight:300;color:#777;text-align:center}.QX-112210154 .tile:hover .textBox{box-shadow:0 20px 30px rgba(0,0,0,.1)}@media screen and (max-width:1230px){.QX-112210154 .textBox{padding:40px 20px}.QX-112210154 .wrapper .slick-list{padding:0 5px}}@media screen and (max-width:1000px){.QX-112210154 .textBox{padding:40px}}@media screen and (max-width:600px){.QX-112210154 .title{width:calc(100% - 20px);margin:0 10px 30px 10px}}