.QX-186340311{max-width:1180px;margin:0 auto;padding:15px 0;position:relative;display:flex;align-items:center;word-break:break-word}.QX-186340311 .title{color:#333;font-size:35px;margin-bottom:15px}.QX-186340311 .text{font-size:14px;line-height:1.8;color:#666}.QX-186340311 .left{width:490px;position:relative}.QX-186340311 .butn .backstage-componet{display:flex;align-items:center}.QX-186340311 .link{height:70px;width:70px;margin-right:20px;border-radius:50%;background-color:#fff;cursor:pointer;font-size:25px;position:relative;display:flex;justify-content:center;align-items:center;transition:height .25s ease,width .25s ease;box-shadow:0 14px 28px rgb(0 0 0 / 25%),0 10px 10px rgb(0 0 0 / 22%)}.QX-186340311 .link::before{content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid #00a3c8;animation:ripple 2s linear infinite;z-index:1}.QX-186340311 .link i{display:inline-block;font-size:25px}.QX-186340311 .butn{display:inline-block;margin-top:40px;color:#00a3c8;font-size:18px}@keyframes ripple{0%{transform:scale(1)}75%{transform:scale(1.75);opacity:1}100%{transform:scale(2);opacity:0}}.QX-186340311 .butn a{color:inherit}.QX-186340311 .right{width:calc(100% - 520px);margin-left:30px;display:flex;flex-wrap:wrap}.QX-186340311 .item1{width:300px;height:300px;margin-left:30px;margin-bottom:30px;margin-top:80px;position:relative}.QX-186340311 .item2{width:300px;height:300px;margin-left:30px;margin-bottom:30px;position:relative}.QX-186340311 .item3{width:300px;height:300px;margin-left:30px;position:relative}.QX-186340311 .imgBox{width:100%;height:100%;position:relative}.QX-186340311 .pic,.QX-186340311 .pic .backstage-componet,.QX-186340311 .pic .backstage-componet-bd,.QX-186340311 .pic .blocks-image{width:100%;height:100%}.QX-186340311 .pic .blocks-image img{width:100%;height:100%;object-fit:cover;display:block}.QX-186340311 .pic.backstage-blocksEditor-wrap .backstage-widgetsettings-tools-zindex{top:0}.QX-186340311 .cont{position:absolute;width:250px;max-height:220px;top:50%;left:25px;transform:translateY(-50%);z-index:2;overflow:hidden;line-height:1.8;color:#fff}.QX-186340311 .mc{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0}.QX-186340311 .desc{max-width:250px;max-height:250px;overflow:hidden;position:relative;z-index:3}@media screen and (max-width:1200px){.QX-186340311{flex-wrap:wrap;padding:15px 10px}.QX-186340311 .left{width:100%}.QX-186340311 .butn{margin-left:40px}.QX-186340311 .right{width:auto;margin:0 auto;justify-content:center}.QX-186340311 .item1{margin-left:0}}@media screen and (max-width:600px){.QX-186340311 .right{width:100%}.QX-186340311 .item2,.QX-186340311 .item3{margin-left:0}.QX-186340311 .item1,.QX-186340311 .item2,.QX-186340311 .item3{width:100%}.QX-186340311 .row2{width:100%}.QX-186340311 .pic .blocks-image img{object-fit:cover}}@media screen and (max-width:1200px) and (min-width:600px){.QX-186340311 .right{margin-top:55px;display:flex;flex-wrap:nowrap;width:100%}.QX-186340311 .row2{display:flex;flex:2 0 50%;width:auto}.QX-186340311 .item1{margin-top:0;flex:1 0 calc(25% - 30px);width:auto}.QX-186340311 .item2,.QX-186340311 .item3{flex:1 0 calc(50% - 30px);width:auto}}@media screen and (max-width:790px) and (min-width:600px){.QX-186340311 .right{margin-top:55px;display:flex;flex-wrap:nowrap;width:100%}.QX-186340311 .row2{display:flex;flex:2 0 50%;width:auto}.QX-186340311 .item1{margin-top:0;flex:1 0 calc(25% - 10px);width:auto}.QX-186340311 .item2,.QX-186340311 .item3{flex:1 0 calc(50% - 10px);width:auto;margin-left:10px}.QX-186340311 .desc{padding:0 10px}}