body{background:#111;font-family:Source Han Sans CN}.ves1on{width:123px}h2 p{color:#222}.nav{display:none}.qrcode{width:378px;height:377px;max-width:60vw;max-height:calc(60vw * 377 / 378);background:url("../png/web13d7.png?d1485b2b") center/cover no-repeat}.qrcode.designer{background:url("../png/designerd8bb.png?cbe7c83d") center/cover no-repeat}.net-decoration{transition:all 0.5s ease-in-out}.right-btn{width:159px;height:135px;max-width:20vw;max-height:calc(20vw * 135 / 159);position:fixed;bottom:30%;right:0;z-index:100;cursor:pointer;background:url("../png/tougaoff80.png?a045fc53") right top/contain no-repeat;transition:all .1s ease}@media screen and (max-width: 768px){.right-btn{bottom:5%}}.right-btn:hover{bottom:calc(30% - 3px);background:url("../png/tougao-hoverea8e.png?ddea5b47") right top/contain no-repeat}.wrapper{max-width:100%}@media screen and (max-width: 768px){.wrapper{padding-left:0 !important;padding-right:0 !important}}h2{display:inline-block;font-size:0;margin-bottom:15px;transform-origin:left}@media screen and (max-width: 768px){h2{transform:scale(0.8)}}.desc p{font-size:18px;line-height:2em}.slider-wrapper{position:relative;width:670px;height:390px;max-width:80vw;max-height:calc(80vw * 390 / 670);margin:0 auto;z-index:10}.slider-wrapper .slider-container{width:670px;height:390px;max-width:80vw;max-height:calc(80vw * 390 / 670);background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/video-bg.svg?039dddc6") center/cover no-repeat}.slider-wrapper .slider-container .slider-box{width:635px;height:356px;max-width:76vw;max-height:calc(76vw * 356 / 635);overflow:hidden}.slider-wrapper .slider-container .slider-list{min-width:100%;transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateX(0px)}.slider-wrapper .slider-container .slider-list li{width:635px;height:356px;max-width:76vw;max-height:calc(76vw * 356 / 635);float:left;cursor:pointer}.slider-wrapper .slider-container .slider-list li img{width:100%;height:100%;object-fit:cover}.slider-wrapper .slider-play{width:80px;height:80px;display:block;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/play.svg?231fcc0f") center/contain no-repeat;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2;transition:all 0.3s ease;cursor:pointer}.slider-wrapper .slider-play:hover{opacity:0.8}.slider-wrapper .slider-box{position:relative}.slider-wrapper .slider-controller{position:absolute;width:53px;height:53px;max-width:7vw;max-height:7vw;display:block;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/arrow.svg?cc772ec4") center/contain no-repeat;cursor:pointer;top:50%;transform:translateY(-50%);transition:all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28)}.slider-wrapper .slider-controller.pre{left:-83px}.slider-wrapper .slider-controller.next{right:-83px;transform:translateY(-50%) rotate(180deg)}.slider-wrapper .slider-controller.end{opacity:0.5}.slider-wrapper .slider-controller:hover{top:calc(50% + 3px)}@media screen and (max-width: 768px){.slider-wrapper .slider-controller.pre{left:-8vw}.slider-wrapper .slider-controller.next{right:-8vw}}.scene-1{padding:159px 20px 40px;background:url("../jpg/bgc4f4.jpg?f3556b75") center top/1920px auto no-repeat}.scene-1 .wrapper{width:1200px;max-width:100%;margin:0 auto;padding:0}.scene-1 .banner{text-align:center;position:absolute;top:159px;z-index:10;left:50%;transform:translateX(-50%)}.scene-1 .banner h1{width:1190px;height:73px;max-width:90vw;max-height:calc(90vw * 73 / 1190);font-size:0;background:url("../png/title36a6.png?14631232") center/contain no-repeat;margin:0 auto 12px}.scene-1 .banner h1 .water{width:50px;height:30px;position:absolute;left:calc(50% + 80px);top:0}.scene-1 .banner h1 .water::before{content:"";display:inline-block;width:8px;height:17px;background:url("../png/pop120ee.png?b1c36beb") right bottom/100% 100% no-repeat;animation:water1 2s linear infinite;margin-right:5px;vertical-align:3px}.scene-1 .banner h1 .water::after{content:"";display:inline-block;width:31px;height:20px;background:url("../png/pop2bf90.png?33784de6") left bottom/100% 100% no-repeat;animation:water2 2s linear 1s infinite}.scene-1 .banner .desc{width:751px;height:210px;max-width:90vw;max-height:calc(90vw * 210 / 751);font-size:0;background:url("../png/desc09fe.png?25c96ce5") center/contain no-repeat;margin:0 auto;transform:translateX(-26px)}.scene-1 .banner .btn{width:50vw;height:calc( 50vw * 94 / 344);max-width:344px;max-height:94px;font-size:0;transform:translateY(-13px);cursor:pointer;background:url("../png/btn72fe.png?6d49d997") center/contain no-repeat;position:relative;display:inline-block}.scene-1 .banner .btn:hover{background:url("../png/btn-hoverb42c.png?87035234") center/contain no-repeat}@media screen and (max-width: 768px){.scene-1 .banner{top:100px}.scene-1 .banner h1{width:587px;height:183px;max-width:90vw;max-height:calc(90vw * 183 / 587);background:url("../png/title-mobile4186.png?0df15cd8") center/contain no-repeat}.scene-1 .banner .desc{transform:translateX(0)}.scene-1 .banner .btn{margin-top:30px}.scene-1 .banner .btn::before{display:none}.scene-1 .banner .btn:hover span{top:2px}}.scene-1 .donghua{width:1060px;height:771px;background:url("../png/animation-bg3507.png?69174d6f") 104px top/788px 439px no-repeat;position:relative;margin:217px 0 0 113px;transform-origin:left top}.scene-1 .donghua span,.scene-1 .donghua div{position:absolute}.scene-1 .donghua .camera{width:108px;height:83px;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/camera.svg?4089ba87") center/contain no-repeat;top:221px;left:199px;transform-origin:left bottom;animation:camera 3s infinite cubic-bezier(0.18, 0.89, 0.32, 1.28)}.scene-1 .donghua .ground{width:1060px;height:438px;bottom:0;left:0;z-index:0}.scene-1 .donghua .grass1{width:174px;height:141px;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/grass1.svg?1d6132e6") center center/contain no-repeat;top:-67px;left:103px;z-index:1;animation:swing 5s infinite linear}.scene-1 .donghua .grass2{width:226px;height:140px;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/grass2.svg?464883cb") center center/contain no-repeat;top:-60px;left:380px;z-index:1;animation:grass2 5s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955)}.scene-1 .donghua .grass3{width:109px;height:98px;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/grass3.svg?5d80fdd9") center center/contain no-repeat;top:-29px;left:309px;z-index:1;animation:grass3 4s infinite linear}.scene-1 .donghua .triangle{width:60px;height:60px;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/triangle.svg?4ca07c22") center center/contain no-repeat;top:167px;right:180px;animation:triangle 4s infinite linear}.scene-1 .donghua .earth{width:100%;height:100%;background:url("../png/draw-bged27.png?ffb94a56") center center/contain no-repeat;bottom:0;left:0;z-index:2}@media screen and (max-width: 1024px){.scene-1 .donghua{transform:scale(0.9);margin:300px 0 0 0}}@media screen and (max-width: 768px){.scene-1 .donghua{transform:scale(0.6);margin:390px 0 0 0}}@media screen and (max-width: 640px){.scene-1 .donghua{transform:scale(0.5);margin:390px 0 0 0}}@media screen and (max-width: 520px){.scene-1 .donghua{transform:scale(0.45);margin:340px 0 0 0}}@media screen and (max-width: 420px){.scene-1 .donghua{transform:scale(0.4);margin:260px 0 0 0}}@media screen and (max-width: 360px){.scene-1 .donghua{transform:scale(0.35);margin:250px 0 0 0}}.scene-1 .who{display:flex;transform:translateX(61px);margin-top:-281px}.scene-1 .who h2{width:218px;height:57px;background:url("../png/title-198a7.png?b5fc56b1") center/contain no-repeat}.scene-1 .who .desc{width:473px;margin-top:10px;margin-left:75px}.scene-1 .who .desc p{color:rgba(219,220,244,0.7);margin-bottom:32px;line-height:32px}@media screen and (max-width: 768px){.scene-1 .who{flex-direction:column-reverse;align-items:center;transform:translateX(0);margin-top:-540px}.scene-1 .who .qrcode{margin-top:20px}.scene-1 .who .desc{width:100%;margin-left:0}}@media screen and (max-width: 560px){.scene-1 .who{margin-top:-580px}}@media screen and (max-width: 768px){.scene-1{padding:130px 20px 40px;background:url("../jpg/bg-mobile3cde.jpg?5d668f7e") center top/contain no-repeat}.scene-1 .wrapper{background-size:contain;background-position:center 266px}}@media screen and (min-width: 1921px){.scene-1{background:url("../jpg/bgc4f4.jpg?f3556b75") center -7vw/100vw auto no-repeat}}.scene-2{padding:163px 20px 105px;background:#010545;position:relative}.scene-2 .wrapper{width:788px}.scene-2 h2{width:190px;height:61px;background:url("../png/title-2f7d0.png?7cc47749") center/contain no-repeat}.scene-2 p{color:rgba(253,253,253,0.7);padding:31px 0 26px 97px}.scene-2 p.award1{background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/award1.svg?8e5ef5d9") left 20px/59px 64px no-repeat}.scene-2 p.award1 span{color:rgba(48,204,217,0.7)}.scene-2 p.award2{background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/award2.svg?e7ea7bba") left 24px/58px 49px no-repeat}.scene-2 p.award3{transform-style:preserve-3d;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/award3.svg?b07de504") left 35px/54px 54px no-repeat}.scene-2 p.award3 span{font-size:24px;padding:0 1px;position:relative}.scene-2 p.award3 span::after{content:'';display:block;width:64px;height:53px;background:url("../png/tuoyuand2ab.png?42ce46b7") center/contain no-repeat;position:absolute;left:-4px;top:-7px;transform:translateZ(-1px)}@media screen and (max-width: 768px){.scene-2 p.award3{background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/award3.svg?b07de504") left 20px/54px 54px no-repeat}}.scene-2 .net-decoration{display:block;width:402px;height:404px;max-width:40vw;max-height:calc(40vw * 404 / 402);background:url("../png/wang-yuandb36.png?af103621") center top/contain no-repeat;position:absolute;left:-182px;top:-144px;animation:float-normal 1.3s ease-in-out infinite alternate}@media screen and (max-width: 768px){.scene-2{padding:80px 20px}.scene-2 p{padding:15px 0 15px 73px}.scene-2 .net-decoration{left:-15vw;top:-15vw}}.scene-3{padding:108px 20px 0;position:relative}.scene-3 .wrapper{width:994px;padding:47px 90px 190px;background:url("../png/bg-215b9.png?5797f094") 67px top/902px 471px no-repeat}.scene-3 h2{width:266px;height:35px;margin-bottom:65px;background:url("../png/title-3c31f.png?867aed30") center/contain no-repeat}.scene-3 p{color:rgba(219,220,244,0.7);padding:15px 0 15px 15px;display:flex;align-items:flex-start}.scene-3 p i{display:inline-block;width:36px;height:36px;line-height:32px;color:#00FFFF;border:1px solid #00FFFF;border-radius:50%;text-align:center;font-size:18px;font-weight:bold;margin-right:25px;position:relative;transform-style:preserve-3d}.scene-3 p i::before{content:'';width:100%;height:100%;background:#010545;border-radius:50%;display:block;position:absolute;left:-4px;top:-4px;z-index:-1;transform:translateZ(-1px)}.scene-3 p span{width:calc(100% - 51px)}.scene-3 p:nth-of-type(2) i{color:#C9488D;border-color:#C9488D}.scene-3 p:last-of-type i{color:#8436D3;border-color:#8436D3}.scene-3 .net-decoration{display:block;width:556px;height:389px;max-width:50vw;max-height:calc(50vw * 389 / 556);background:url("../png/wang-hua57b.png?fba7255c") center/contain no-repeat;position:absolute;right:-225px;top:-260px;animation:float-normal 1.3s ease-in-out infinite alternate}@media screen and (max-width: 768px){.scene-3{padding-top:80px}.scene-3 .wrapper{padding:55px 0 80px;background-position:left top;background-size:contain}.scene-3 .net-decoration{right:-15vw;top:-15vw}}.scene-4{padding:108px 20px 161px;background:#1B0145;position:relative}.scene-4 .wrapper{width:788px}.scene-4 h2{width:190px;height:58px;background:url("../png/title-4e803.png?ea798656") center/contain no-repeat}.scene-4 p{color:rgba(219,220,244,0.7);padding-top:15px}.scene-4 .net-decoration{display:block;width:1920px;height:1021px;max-width:100vw;max-height:140%;background:url("../png/bg-58c33.png?9503e0a0") center top/contain no-repeat;position:absolute;left:50%;top:10px;transform:translateX(-50%)}@media screen and (max-width: 768px){.scene-4{padding:80px 20px}}.scene-5{padding:72px 15px 84px;position:relative}.scene-5 .wrapper{width:994px}.scene-5 h2{transform-origin:center;width:266px;height:37px;margin-bottom:53px;background:url("../png/title-5f894.png?1731aae5") center/contain no-repeat}.scene-5 .wrapper-title{text-align:center}.scene-5 p{color:rgba(219,220,244,0.7)}.scene-5 .net-decoration{display:block;width:302px;height:300px;max-width:50vw;max-height:calc(50vw * 300 / 302);background:url("../png/wang-yuan-1eb71.png?8e21a8a6") center/contain no-repeat;position:absolute;left:50%;top:-70px;transform:translateX(-50%);animation:float 1.3s ease-in-out infinite alternate}.scene-6{padding:58px 15px 0;background:#1A0424 url("../jpg/wave-bg_026d8a.jpg?e6720e76") center bottom/contain no-repeat;position:relative}.scene-6 .wrapper{width:994px;padding:55px 67px 178px;background:url("../png/bg-215b9.png?5797f094") 67px top/902px 471px no-repeat}.scene-6 h2{width:266px;height:35px;background:url("../png/title-6b1f9.png?108d5655") center/contain no-repeat}.scene-6 p{color:rgba(219,220,244,0.7);padding:15px 0 0 15px}.scene-6 .net-decoration{display:block;width:524px;height:408px;max-width:40vw;max-height:calc(40vw * 408 / 524);background:url("../png/wang-hu-1c863.png?5cd5d6ee") center/contain no-repeat;position:absolute;left:-200px;top:-78px;animation:float-normal 1.3s ease-in-out infinite alternate}@media screen and (max-width: 768px){.scene-6 .wrapper{padding:20px 67px 80px}.scene-6 .net-decoration{left:-27vw;top:-10vw}}.scene-7{padding:20px 20px 50px;overflow:hidden;background:url("../png/bg-35c70.png?37886b1b") center 20px/1000px 338px no-repeat;position:relative}.scene-7 .wrapper{width:1000px;padding:0 103px 0;transform:translateY(87px)}.scene-7 h2{width:335px;height:31px;background:url("../png/title-77653.png?96e0f2cb") center/contain no-repeat}.scene-7 .wrapper-title{display:inline-block}.scene-7 p{display:inline-block;color:rgba(219,220,244,0.7);margin-left:35px;padding-bottom:6px;transform:translateY(13px);background:url("../png/wave93da.png?1092ce9d") bottom right/191px 6px no-repeat}.scene-7 .qrcode{margin:20px auto 0}.scene-7 .net-decoration{display:block;width:301px;height:301px;max-width:30vw;max-height:30vw;background:url("../png/wang-yuan-283cd.png?d44ef63a") center/contain no-repeat;position:absolute;right:-50px;top:0;animation:float-normal 1.3s ease-in-out infinite alternate}@media screen and (max-width: 768px){.scene-7{background-size:contain;text-align:center}.scene-7 .wrapper{transform:translateY(63px)}.scene-7 h2{margin-bottom:0;transform-origin:center}.scene-7 p{margin-left:0}.scene-7 .qrcode{margin-top:35px;transform:translateX(-10vw)}.scene-7 .net-decoration{right:-15vw}}.video-play-win{width:720px;height:calc(720px * 9 / 16 + 72px);padding:0}.video-play-win iframe{width:100%;height:100%}.tougao-win{width:472px;height:329px;padding-top:58px}.tougao-win .img{width:314px;height:154px;margin:0 auto;margin-bottom:22px;background:url("https://qncdn.aoscdn.com/local/wangxutech.com/img/designer/contect.svg?b4ae360f") center/contain no-repeat}.tougao-win p{color:#666;font-size:16px;text-align:center}.tougao-win p a{color:#4884FF;text-decoration:none;position:relative}.tougao-win p a::after{content:"";width:calc(100% + 13px);height:18px;background:#4884FF;opacity:0.1;position:absolute;left:-3px;top:9px;z-index:-1}.win-mask{background:rgba(0,0,0,0.5)}@keyframes grass1{0%{transform:rotate(-5deg)}25%{transform:rotate(0deg)}50%{transform:rotate(5deg)}75%{transform:rotate(0deg)}100%{transform:rotate(-5deg)}}@keyframes grass2{0%{transform:rotate(5deg)}25%{transform:rotate(0deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(0deg)}100%{transform:rotate(5deg)}}@keyframes grass3{0%{transform:rotate(-3deg)}25%{transform:rotate(0deg)}50%{transform:rotate(3deg)}75%{transform:rotate(0deg)}100%{transform:rotate(-3deg)}}@keyframes camera{0%{opacity:0.8;transform:rotate(0deg)}25%{opacity:1}50%{opacity:0.8;transform:rotate(5deg)}75%{opacity:1}100%{opacity:0.8;transform:rotate(0deg)}}@keyframes triangle{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes water1{from{background-size:0% 0%}to{background-size:100% 100%}}@keyframes water2{from{background-size:0% 0%}to{background-size:100% 100%}}@keyframes swing{0%{-webkit-transform:translateX(-50%) rotate(10deg);transform:translateX(-50%) rotate(10deg)}50%{-webkit-transform:translateX(-50%) rotate(-10deg) skewX(5deg) skewY(-2deg) scale(1.1);transform:translateX(-50%) rotate(-10deg) skewX(5deg) skewY(-2deg) scale(1.1)}100%{-webkit-transform:translateX(-50%) rotate(10deg);transform:translateX(-50%) rotate(10deg)}}@keyframes float{from{transform:translate(-50%, 15px)}to{transform:translate(-50%, 0px)}}@keyframes float-normal{from{transform:translateY(15px)}to{transform:translateY(0px)}}