.QX-105040415{width:100%;position:relative}.QX-105040415 .cont{width:calc(50% + 600px);margin-left:calc(50% - 600px);display:flex;align-items:center;position:relative}.QX-105040415 .left{margin-right:30px;padding:40px 10px;width:calc(40% - 50px)}.QX-105040415 .title{color:#fff;font-size:44px;letter-spacing:.075em;margin-bottom:20px}.QX-105040415 .tip{color:#fff;background:rgba(255,255,255,0.1);font-size:16px;position:relative;z-index:1;padding:17px 20px 15px 48px;font-weight:500;line-height:1.25;letter-spacing:.1em;transition:.3s all ease;width:calc(100% - 68px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.QX-105040415 .text{position:relative;border-radius:0;z-index:1;padding:20px 10px 4px;color:rgba(255,255,255,0.3);display:none}.QX-105040415 .nr{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.QX-105040415 .pagetab:not(:first-child){margin-top:20px}.QX-105040415 .pagetab{display:block}.QX-105040415 .pagetab:first-child .text{display:block}.QX-105040415 .tip::before{position:absolute;content:'';bottom:0;left:0;height:2px;width:0;background:#ffb426;transition:all .3s ease;z-index:2}.QX-105040415 .tip.show::before{width:100%}.QX-105040415 .shi{position:absolute;top:0;bottom:0;left:0;z-index:2;width:44px;background:transparent;border-radius:0;transition:.33s all ease}.QX-105040415 .heng{width:14px;height:2px;right:50%;background:#fff;content:'';position:absolute;top:50%;z-index:4;transform:translate3d(50%,-50%,0)}.QX-105040415 .shu{width:2px;height:14px;right:50%;content:'';position:absolute;top:50%;z-index:4;transform:translate3d(50%,-50%,0);background:#fff}.QX-105040415 .right{width:60%;position:absolute;height:100%;display:block;right:0}.QX-105040415 .pic,.QX-105040415 .pic .backstage-componet,.QX-105040415 .pic .backstage-componet-bd,.QX-105040415 .pic .blocks-image{width:100%;height:100%}.QX-105040415 .pic .backstage-componet-bd{overflow:hidden}.QX-105040415 .pic .blocks-image img{width:100%;height:100%;display:block;object-fit:cover;animation:bgPos 20s ease infinite}.QX-105040415 .right .discribe{position:absolute;top:13%;bottom:15%;left:10%;overflow:hidden;padding:10px;color:#fff;z-index:2}.QX-105040415 .right .text2{line-height:1.44;letter-spacing:.2em;max-width:280px;font-size:18px;margin-top:20px}.QX-105040415 .right .line{margin-top:25px;width:1px;height:100%;background:rgba(255,255,255,0.4);pointer-events:none;transition:all .3s ease}@keyframes bgPos{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@media screen and (max-width:1200px){.QX-105040415 .title{font-size:35px}.QX-105040415 .cont{width:100%;margin:0}.QX-105040415 .left{width:calc(40% - 20px);margin-right:0}.QX-105040415 .right{right:0}}@media screen and (max-width:768px){.QX-105040415 .cont{width:100%;margin:0;flex-wrap:wrap;padding-bottom:30px}.QX-105040415 .left{width:calc(100% - 20px);margin:0}.QX-105040415 .right{position:relative;right:0;margin:0 auto;width:calc(100% - 20px)}.QX-105040415 .pic .blocks-image img{animation:none}}@media screen and (max-width:510px){.QX-105040415 .right{width:calc(100% - 20px)}}