.QX-79890102{max-width:1200px;padding:50px 10px;margin:0 auto}.clearfix{clear:both;zoom:1}.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}.QX-79890102 .title{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.QX-79890102 .subtitle{color:#fff;font-size:20px}.QX-79890102 .pit{padding-top:50px}.QX-79890102 .zh li{float:left;background-color:transparent;box-sizing:border-box;cursor:pointer}.QX-79890102 .zh li .imgContainer img{width:100%;height:100%;object-fit:cover;transition:all .36s ease}.QX-79890102 .zh li:nth-child(2) .imgContainer img{transform:scale(1.1)}.QX-79890102 .zh li:nth-child(3) .imgContainer img{transform:scale(1.1)}.QX-79890102 .zh li:nth-child(1){width:580px;height:570px;margin-right:20px;position:relative;overflow:hidden}.QX-79890102 .zh li:nth-child(1) .imgContainer{width:580px;height:570px;transform-style:preserve-3d;transition:all .7s ease-out}.QX-79890102 .zh li:nth-child(1) .banner-description{display:block;backface-visibility:hidden;transform-style:preserve-3d;transition:all .7s ease-out;position:absolute;top:0;width:100%;height:100%;transform:rotateY(180deg);opacity:0}.QX-79890102 .zh li:nth-child(1) .cont{margin-top:180px;position:relative;z-index:5;padding:0 50px;text-align:center}.QX-79890102 .zh li:nth-child(1) .banner-name{color:#0b0b0b;font-size:26px;font-family:'HELVETICANEUELTPRO-THEX',Arial;margin-top:90px;transition:all .36s ease;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.QX-79890102 .zh li:nth-child(1) .banner-docs{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all .36s ease;height:78px;line-height:26px;font-size:13px;margin:20px 20px 0;color:rgba(73,73,73,0.52)}.QX-79890102 .zh li:nth-child(2){width:600px;height:270px;float:left;border:0;margin-bottom:30px}.QX-79890102 .zh li:nth-child(2) .imgContainer{width:300px;height:270px;position:relative;overflow:hidden;float:right}.QX-79890102 .zh li:nth-child(2) .banner-description{float:left;background:#1e1e1e;width:300px;height:270px;text-align:center;position:relative}.QX-79890102 .zh li .banner-description::before{content:'';width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid rgba(255,255,255,0.5);position:absolute;top:0;left:0;margin:10px;opacity:0;transform:scale(1.08);transition:all .36s ease;z-index:2}.QX-79890102 .zh li .banner-description::after{content:'';width:100%;height:100%;transform:scale(1);position:absolute;top:0;left:0;transition:all .36s ease;z-index:1}.QX-79890102 .zh li:nth-child(3){width:600px;height:270px;float:left;border:0}.QX-79890102 .zh li:nth-child(3) .imgContainer{width:300px;height:270px;position:relative;overflow:hidden;float:left}.QX-79890102 .zh li:nth-child(3) .banner-description{float:right;background:#1e1e1e;width:300px;height:270px;text-align:center;position:relative}.QX-79890102 .zh li:nth-child(2) .banner-description .cont,.QX-79890102 .zh li:nth-child(3) .banner-description .cont{position:relative;z-index:5;padding:0 50px}.QX-79890102 .zh li .cont .mc{position:absolute;width:100%;height:100%;left:0;top:0}.QX-79890102 .zh li .banner-description .cont::before{content:'';width:20px;height:1px;background:#565656;position:absolute;top:-13px;left:50%;margin-left:-10px}.QX-79890102 .zh li:nth-child(2) .banner-description .banner-name,.QX-79890102 .zh li:nth-child(3) .banner-description .banner-name{font-size:16px;line-height:30px;color:#fff;font-family:'HELVETICANEUELTPRO-THEX',Arial;margin-top:90px;transition:all .36s ease;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.QX-79890102 .zh li:nth-child(2) .banner-description .banner-docs,.QX-79890102 .zh li:nth-child(3) .banner-description .banner-docs{color:rgba(255,255,255,0.6);transition:all .36s ease;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;font-size:14px;line-height:22px}.QX-79890102 .zh li .banner-description .submit{display:inline-block;margin:32px 0 0;position:relative}.QX-79890102 .zh li .banner-description .bor{position:absolute;width:100%;height:100%;top:0;left:0;border:1px solid;border-radius:15px;opacity:.1;box-shadow:0 6px 14px rgba(0,0,0,0);z-index:-1}.QX-79890102 .zh li .banner-description .moreBtn{display:inline-block;color:inherit;font-size:13px;width:96px;height:26px;padding:0;line-height:26px;text-align:center;border-radius:15px}.QX-79890102 .zh li:hover .bor{background:#fff;border:0;box-shadow:0 6px 14px rgba(0,0,0,0.17);opacity:1}.QX-79890102 .zh li:hover .moreBtn{color:#0e0e0e}.QX-79890102 .zh li:nth-child(2):hover .imgContainer img,.QX-79890102 .zh li:nth-child(3):hover .imgContainer img{transform:scale(1)}.QX-79890102 .zh li:nth-child(2):hover .banner-description::before,.QX-79890102 .zh li:nth-child(3):hover .banner-description::before{opacity:1;transform:scale(1)}.QX-79890102 .zh li:nth-child(2):hover .banner-name,.QX-79890102 .zh li:nth-child(2):hover .banner-docs,.QX-79890102 .zh li:nth-child(3):hover .banner-name,.QX-79890102 .zh li:nth-child(3):hover .banner-docs{color:#0e0e0e}.QX-79890102 .zh li:nth-child(2):hover .banner-description::after,.QX-79890102 .zh li:nth-child(3):hover .banner-description::after{transform:scale(1.08);background:#f8c80f}.QX-79890102 .zh li:nth-child(1):hover .imgContainer{transform:rotateY(-180deg)}.QX-79890102 .zh li:nth-child(1):hover .banner-description{transform:rotateY(0);background:#ffce0f;opacity:1}.QX-79890102 .zh li:nth-child(1):hover .banner-description::before{opacity:1;transform:scale(0.92)}@media screen and (max-width:1240px){.QX-79890102 .zh li:nth-child(1){width:475px;height:450px;margin-right:30px}.QX-79890102 .zh li:nth-child(1) .imgContainer{width:475px;height:450px}.QX-79890102 .zh li:nth-child(2){width:475px;height:210px;margin-bottom:30px}.QX-79890102 .zh li:nth-child(2) .imgContainer{width:50%;height:210px}.QX-79890102 .zh li:nth-child(2) .banner-description{width:50%;height:210px}.QX-79890102 .zh li:nth-child(3){width:475px;height:210px}.QX-79890102 .zh li:nth-child(3) .imgContainer{width:50%;height:210px}.QX-79890102 .zh li:nth-child(3) .banner-description{width:50%;height:210px}.QX-79890102 .zh li:nth-child(1) .cont{margin-top:150px}.QX-79890102 .zh li:nth-child(2) .banner-description .banner-name,.QX-79890102 .zh li:nth-child(3) .banner-description .banner-name{margin-top:60px}}@media screen and (max-width:992px){.QX-79890102 .title{margin-left:0}.QX-79890102 .zh li:nth-child(1){width:100%;height:810px;margin:0;padding:0}.QX-79890102 .zh li:nth-child(1) .imgContainer{width:100%;height:800px}.QX-79890102 .zh li:nth-child(1):hover .imgContainer{transform:unset}.QX-79890102 .zh li:nth-child(1) .banner-description{display:none}.QX-79890102 .pit{padding-top:0}.QX-79890102 .title{margin-bottom:20px}.QX-79890102 .zh li:nth-child(2),.QX-79890102 .zh li:nth-child(3){width:100%;margin:30px 0 0;height:380px}.QX-79890102 .zh li:nth-child(2) .imgContainer,.QX-79890102 .zh li:nth-child(3) .imgContainer,.QX-79890102 .zh li:nth-child(2) .banner-description,.QX-79890102 .zh li:nth-child(3) .banner-description{width:50%;height:380px}.QX-79890102 .zh li .banner-description::before{display:none}.QX-79890102 .zh li .banner-description::after{height:100%}.QX-79890102 .zh li:nth-child(2):hover .banner-description::after,.QX-79890102 .zh li:nth-child(3):hover .banner-description::after{transform:scale(1.04)}.QX-79890102 .zh li .banner-description .submit{display:none}.QX-79890102 .zh li:nth-child(2) .banner-description .banner-name,.QX-79890102 .zh li:nth-child(3) .banner-description .banner-name{margin-top:170px}}@media screen and (max-width:768px){.QX-79890102 .zh li:nth-child(1){height:700px}.QX-79890102 .zh li:nth-child(1) .imgContainer{height:700px}}@media screen and (max-width:510px){.QX-79890102{padding:30px 10px}.QX-79890102 .zh li:nth-child(1){height:320px}.QX-79890102 .zh li:nth-child(1) .imgContainer{height:320px}.QX-79890102 .zh li:nth-child(2),.QX-79890102 .zh li:nth-child(3){height:150px;margin-top:20px;padding:0;margin-bottom:0}.QX-79890102 .zh li:nth-child(2) .imgContainer,.QX-79890102 .zh li:nth-child(3) .imgContainer,.QX-79890102 .zh li:nth-child(2) .banner-description,.QX-79890102 .zh li:nth-child(3) .banner-description{height:150px}.QX-79890102 .zh li .banner-description::after{height:100%}.QX-79890102 .zh li:nth-child(2) .banner-description .cont,.QX-79890102 .zh li:nth-child(3) .banner-description .cont{padding:0 10px}.QX-79890102 .zh li .banner-description .moreBtn{display:none}.QX-79890102 .zh li:nth-child(2) .banner-description .banner-name,.QX-79890102 .zh li:nth-child(3) .banner-description .banner-name{margin-top:60px}}