.QX-164341202{max-width:1200px;margin:0 auto;padding:30px 0;position:relative;word-break:break-word}.QX-164341202 .title{font-size:28px;line-height:36px;text-align:center;margin-bottom:30px;color:#fff}.QX-164341202 .subtit{font-size:24px;margin-bottom:10px}.QX-164341202 .show-list{display:flex;flex-wrap:wrap}.QX-164341202 .show-item{width:calc(100% / 3 - 20px);margin:0 10px;height:260px;position:relative;transform-style:preserve-3d;-webkit-perspective:1000px;-webkit-transform-style:preserve-3d;z-index:1}.QX-164341202 .show-item:nth-child(n+4){margin-top:20px}.QX-164341202 .front{position:absolute;width:100%;height:100%;left:0;top:0;border:1px solid #fff;border-radius:8px;box-shadow:0 1px 51.3px 5.7px rgba(137,143,156,.15);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0);-webkit-transform:rotateX(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .7s ease}.QX-164341202 .back{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:8px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;box-shadow:0 1px 51.3px 5.7px rgba(137,143,156,.15);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all .7s ease;background-size:cover;background-position:center}.QX-164341202 .back::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent -80%,#00247e);border-radius:8px}.QX-164341202 .front-inner{position:relative;width:calc(100% - 50px);height:calc(100% - 50px);padding:25px;text-align:center;backface-visibility:hidden;-webkit-transform:translateY(-50%) translateZ(60px) scale(0.94);transform:translateY(-50%) translateZ(60px) scale(0.94);z-index:2;top:50%;left:0;color:#fff}.QX-164341202 .imgBoxT{height:60px;width:60px;display:inline-block;margin-top:10px}.QX-164341202 .imgBoxT img{width:100%;height:100%;object-fit:contain}.QX-164341202 .banner-name{width:100%;font-size:22px;margin:12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.QX-164341202 .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.6}.QX-164341202 .back-inner{position:absolute;width:100%;height:100%;left:0;backface-visibility:hidden;-webkit-transform:translateY(-50%) translateZ(60px) scale(0.94);transform:translateY(-50%) translateZ(60px) scale(0.94);z-index:2;top:50%}.QX-164341202 .imgBox{position:absolute;width:100%;height:100%;left:0;top:0;display:none}.QX-164341202 .imgBox img{width:100%;height:100%;object-fit:cover}.QX-164341202 .discrib{position:absolute;z-index:1;width:calc(100% - 50px);height:calc(100% - 50px);padding:25px;color:#fff;text-align:center}.QX-164341202 .show-item:hover .front{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.QX-164341202 .show-item:hover .back{-webkit-transform:rotateX(0);transform:rotateX(0)}.QX-164341202 .butn{position:absolute;left:50%;transform:translateX(-50%);bottom:40px;background:#fff;padding:10px 25px;border-radius:5px;color:#0c5adb;transition:.5s;white-space:nowrap}.QX-164341202 .butn a{color:inherit}.QX-164341202 .butn:hover{background:#0c5adb;color:#fff !important}@media screen and (max-width:1200px){.QX-164341202{width:100%;overflow:hidden}}@media screen and (max-width:768px){.QX-164341202 .show-item{width:calc(50% - 20px)}.QX-164341202 .show-item:nth-child(n+3){margin-top:20px}}@media screen and (max-width:510px){.QX-164341202 .title{margin-left:10px;margin-right:10px}.QX-164341202 .show-item{width:calc(100% - 20px)}.QX-164341202 .show-item:nth-child(n+2){margin-top:20px}.QX-164341202 .front{display:none}.QX-164341202 .back{transform:rotateX(0)}}