.QX-103240411{width:100%;position:relative;padding:30px 0}.QX-103240411 .title{text-align:center;font-size:42px;line-height:1.2;margin-bottom:30px;max-width:1200px;margin:0 auto 30px;word-break:break-word}.QX-103240411 .promote{display:flex;flex-wrap:wrap}.QX-103240411 .item{margin:0 10px 20px;width:calc(50% - 20px);position:relative;overflow:hidden;display:flex}.QX-103240411 .imgBox{width:65%;overflow:hidden;position:relative;height:0;padding-bottom:39%;z-index:2}.QX-103240411 .mc{position:absolute;width:0;height:100%;top:0;left:0;outline:0;transition:all .3s ease-in-out;z-index:3;cursor:pointer}.QX-103240411 .imgBox img{position:absolute;width:100%;height:100%;object-fit:cover;transition:all .6s ease-in-out;vertical-align:middle}.QX-103240411 .banner-description{width:35%;position:relative;z-index:2;display:flex;align-items:center;transition:all .3s ease-in-out}.QX-103240411 .cont{padding:20px 3% 10px 8%;position:relative;z-index:6;width:89%}.QX-103240411 .banner-name{font-size:17px;min-width:1em;display:inline-block;height:2em;line-height:2em;position:relative;padding:0 .8em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;transition:all .3s ease-in-out;max-width:calc(100% - 1.6em)}.QX-103240411 .banner-name span{z-index:2;position:relative}.QX-103240411 .banner-docs{position:relative;font-size:20px;max-height:5.6em;line-height:1.4em;padding-top:2em;color:#fff;word-break:break-word;overflow:hidden}.QX-103240411 .pButn{margin-top:1.6667em;font-size:18px;position:relative;color:#fff;display:inline-block;cursor:pointer}.QX-103240411 .moreBtn{display:flex;align-items:center;color:inherit}.QX-103240411 .moreBtn span{margin-left:5px}.QX-103240411 .item:hover .mc{width:100%;background-color:rgba(0,0,0,.3);opacity:.3}.QX-103240411 .item:hover .imgBox img{transform:scale(1.1)}.QX-103240411 .item:hover .banner-description{transform:translateX(-20%)}.QX-103240411 .item:hover .banner-name{min-width:calc(100% - 1.6em)}.QX-103240411 .borderps{display:block;text-align:center}.QX-103240411 .butn{padding:.6em 3em;display:inline-block;border:1px solid #000;color:inherit;font-size:18px;font-weight:400;line-height:1.2em;transition:all .4s;border-radius:2px}.QX-103240411 .butn .backstage-blocksEditor-wrap{min-height:unset}.QX-103240411 .butn .blocks-button{color:inherit}.QX-103240411 .butn .backstage-componet-bd{position:relative}.QX-103240411 .butn:hover{color:#fff;background-color:#000;box-shadow:0 5px 10px -5px rgba(0,0,0,.5);padding-right:4.5em;padding-left:1.5em}.QX-103240411 .butn .backstage-componet-bd i{font-size:15px;position:absolute;top:46%;right:-15px;transform:translateY(-50%);opacity:0;transition:all .4s}.QX-103240411 .butn:hover .backstage-componet-bd i{opacity:1;right:-55px}@media screen and (max-width:1500px){.QX-103240411 .banner-docs{max-height:2.8em}}@media screen and (max-width:1200px){.QX-103240411 .item{flex-wrap:wrap}.QX-103240411 .imgBox{width:100%;padding-bottom:60%}.QX-103240411 .mc{width:100%;display:none}.QX-103240411 .item:hover .banner-description{transform:unset}.QX-103240411 .item:hover .mc{background:unset}.QX-103240411 .item:hover .banner-name{min-width:unset}.QX-103240411 .banner-description{width:100%;height:100%;display:block}.QX-103240411 .banner-docs{display:block;padding-top:20px}.QX-103240411 .pButn{margin-top:20px}.QX-103240411 .cont{padding:20px 5%;width:90%;overflow:hidden}}@media screen and (max-width:510px){.QX-103240411 .item{width:calc(100% - 20px)}.QX-103240411 .butn{padding:.6em 2em}}