#app,body,html,main{position:relative;width:100%}.footer{-js-display:flex;display:flex;flex-direction:column;height:100%;background-color:#1b1b1b}.footer .apply{flex-grow:1}@keyframes jump{0%{transform:translate(0)}50%{transform:translateY(-10px)}to{transform:translate(0)}}.banner-swiper{height:500px}.banner-swiper .banner-page{position:relative;display:block;height:100%;text-align:center;overflow:hidden}.banner-swiper .banner-page .banner-page-title{position:relative;margin-top:400px;width:662px;height:56px;z-index:1}.banner-swiper .banner-page .banner-page-text{position:relative;margin-top:33px;font-size:16px;color:#999;z-index:1}.banner-swiper .banner-page .banner-page-bg{position:absolute;top:50%;left:50%;margin-left:-960px;margin-top:-540px;width:1920px;height:1080px}.banner-swiper .banner-page .banner-page-img{position:absolute;top:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover}.banner-swiper .customer-pagination{bottom:10px!important}.banner-swiper .customer-pagination .swiper-pagination-bullet{margin:0 6px!important;width:48px;height:2px;opacity:.8;border-radius:0;background-color:hsla(0,0%,100%,.4)}.banner-swiper .customer-pagination .swiper-pagination-bullet-active{background-color:#fff}.device{padding:40px;justify-content:center;height:449px;background-color:#f2f2fb}.device,.device .tabs{-js-display:flex;display:flex;align-items:center}.device .tabs{width:100px;height:100%}.device .device-swiper{margin:0;width:100px;height:240px}.device .device-swiper .swiper-slide{width:82px;height:50px;padding:10px;text-align:center;border:1px solid transparent}.device .device-swiper .swiper-slide.swiper-slide-active{border-color:#409aff;background-color:hsla(0,0%,100%,.45)}.device .device-swiper .swiper-slide.swiper-slide-active:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border:5px solid transparent;border-left-color:#409aff}.device .device-swiper .device-img{width:auto;height:100%}.info,.info .info-l{-js-display:flex;display:flex;align-items:center}.info .info-l{width:300px;height:300px;padding:20px}.info .info-r{width:550px;padding:20px}.info .info-img{width:100%;height:auto}.info .info-title{margin-bottom:20px;border-bottom:1px solid #d6d6d6}.info .info-title .info-title-text{display:none}.info .info-title .info-title-img{display:block;margin-bottom:10px;width:100px;height:32.786885px}.info .info-title .info-title-sub{float:left;font-size:18px;color:#39f}.info .info-title .info-more-btn{float:right;font-size:14px;color:#999;background:none;border:none}.info .info-list{-js-display:flex;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-start;line-height:1.5;font-size:14px;color:#666}.info .info-list-item{width:50%}.media{-js-display:flex;display:flex}.media .media-left{flex-shrink:0;flex-grow:0}.media .media-body{flex-grow:1;padding-left:66px}.media .media-object{width:500px;height:290px}.media .media-title{position:relative;margin-top:18px;margin-bottom:20px;font-weight:bolder;font-size:24px;color:#333;line-height:2}.media .media-title:before{content:"";position:absolute;margin-top:-18px;width:30px;height:4px;background-color:#333}.media .media-text{margin-bottom:10px;font-size:14px;color:#666;line-height:2}.media .more-btn{margin-top:30px}.system{height:740px;padding-top:60px}.system .title{margin:0 auto 88px;max-width:1174px}.system .content{position:relative;margin:0 auto;width:1174px;height:calc(100% - 184px);text-align:center}.system .dynamic-pic{position:relative;display:inline-block;width:560px;height:488px}.system .dynamic-pic .dynamic-pic-l{position:absolute;top:-10px;left:6px;margin-top:0;width:150px;height:160px;background:no-repeat 50%/100% url(/images/bg-home-system-2.png?0c4a45fb3d66d3fee798b3b0c89e1f69);animation:jump 3s ease-out 1s infinite}.system .dynamic-pic .dynamic-pic-r{position:absolute;top:-10px;right:4px;width:146px;height:200px;background:no-repeat 50%/100% url(/images/bg-home-system-3.png?3863d43eca2b3b6b3a724ae8acd07ea4);animation:jump 3s ease-out 1.5s infinite}.system .dynamic-pic .dynamic-pic-m{position:absolute;top:0;left:0;width:100%;height:100%;background:no-repeat 50%/100% url(/images/bg-home-system-1.png?5181b4d928d58bb67c26fbb15e7804ad)}.system .dynamic-pic .dynamic-pic-b{position:absolute;bottom:82px;right:180px;width:220px;height:160px;background:no-repeat 50%/100% url(/images/bg-home-system-4.png?099563e32a019ddddf8b6fa2e1d48718);animation:jump 3s ease-out 2s infinite}.system .describe{position:absolute}.system .describe .describe-title{padding:10px 0;font-size:18px;color:#333;line-height:1}.system .describe .describe-content{font-size:14px;color:#666;line-height:1.5}.system .describe.one{top:88px;left:calc(50% - 602px);width:282px;text-align:left}.system .describe.two{top:77px;left:calc(50% + 320px);width:282px;text-align:left}.system .describe.three{top:310px;left:calc(50% + 150px);width:346px;text-align:left}.aftersale{height:740px;padding-top:60px;background:#e3e3e3}.aftersale .title{margin:0 auto 120px;max-width:1174px}.aftersale .content{margin:0 auto;max-width:1174px}.aftersale .media-img{width:606px;height:375px}.aftersale .media-body{width:500px}.aftersale .grid{-js-display:flex;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;font-size:14px;line-height:1.5;color:#666;text-align:center}.aftersale .grid b{font-size:32px;color:#333}.aftersale .grid sub{font-size:12px;color:#666}.aftersale .grid .grid-item{padding:10px 0;width:33.333333%;height:88px}.aftersale .grid .grid-item:nth-child(2),.aftersale .grid .grid-item:nth-child(5){border-left:1px solid #ccc;border-right:1px solid #ccc}.aftersale .grid .grid-item:first-child,.aftersale .grid .grid-item:nth-child(2),.aftersale .grid .grid-item:nth-child(3){border-bottom:1px solid #ccc}.brand{width:100%;height:900px;padding-top:60px;overflow:hidden}.brand .title{margin:0 auto 100px;max-width:1174px}.brand .content{margin:0 auto;text-align:center;perspective:1100px}.brand .content .ball{position:relative;margin:0 auto;width:100%;height:600px;transform-style:preserve-3d;animation:rotateForZ 50s linear infinite}.brand .content .ball img{width:400px;height:200px;background-color:#fff;transform:rotateY(180deg)}.brand .content .ball .ball-item{position:absolute;top:50%;left:50%;-js-display:flex;display:flex;flex-wrap:wrap;margin-top:-800px;margin-left:-600px;width:1600px;height:1200px}.brand .content .ball .ball-item:first-child{transform:rotateY(40deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(2){transform:rotateY(80deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(3){transform:rotateY(120deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(4){transform:rotateY(160deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(5){transform:rotateY(200deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(6){transform:rotateY(240deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(7){transform:rotateY(280deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(8){transform:rotateY(320deg) translateZ(2197.981936px)}.brand .content .ball .ball-item:nth-child(9){transform:rotateY(1turn) translateZ(2197.981936px)}@keyframes rotateForZ{0%{transform:rotateY(0deg)}25%{transform:rotateY(90deg)}50%{transform:rotateY(180deg)}75%{transform:rotateY(270deg)}to{transform:rotateY(1turn)}}.brand .content .tip{display:inline-block;margin-right:10px;width:223px;height:36px;line-height:34px;background:#fff;border:1px solid #e1e1e1;box-shadow:0 11px 10px 0 rgba(0,0,0,.06);border-radius:4px}.brand .content .tip b{font-size:18px}.brand .content .btn{display:inline-block;width:128px;height:36px;line-height:36px;border-radius:4px;border:1px solid #93c5ff;color:#fff;background:linear-gradient(45deg,#409aff,#4068ff);box-shadow:0 11px 10px 0 rgba(64,107,255,.28)}.product{position:relative;margin:0 auto;height:918px;padding:136px 0 0;text-align:center;color:#fff}.product .title{position:absolute;top:130px;left:50%;margin-left:-640px;width:1280px;color:#fff;z-index:2}.product .title sub{color:hsla(0,0%,100%,.5)}.product .title.line h2:after,.product .title.line h2:before{background-color:hsla(0,0%,80%,.36)}.product .content{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;text-align:center;z-index:1}.product .content .content-title{position:relative;display:inline-block;margin-top:298px;font-weight:700;padding:34px 50px;font-size:28px;font-style:italic;line-height:1;z-index:1}.product .content .content-title:after,.product .content .content-title:before{content:"";position:absolute;width:73px;height:23px;border:1px solid transparent}.product .content .content-title:before{top:0;left:0;border-top-color:#66df64;border-left-color:#66df64}.product .content .content-title:after{bottom:0;right:0;border-right-color:#66df64;border-bottom-color:#66df64}.product .content .content-text{position:relative;margin-top:60px;font-size:14px;color:#ccc;z-index:1}.product .content .bg{margin-top:-540px;height:1080px;z-index:-1}.product .content .bg video{display:inline-block;height:100%;width:auto;line-height:1}.product .content .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.product .content .swiper-container{height:100%}.product .nav{position:absolute;bottom:306px;left:50%;margin-left:-412px;width:824px;-js-display:flex;display:flex;align-items:center;justify-content:center;line-height:1;z-index:10}.product .nav .nav-item{position:relative;margin:0 30px;flex-basis:220px;height:270px;padding:20px;flex-shrink:0;text-align:center;background-color:rgba(50,50,50,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer}.product .nav .nav-item .icon{position:relative;display:inline-block;margin-top:50px;height:100px;width:100px;padding:20px;color:#fff}.product .nav .nav-item .icon .svg-icon{height:100%;width:100%}.product .nav .nav-item p{margin-top:35px;color:#fff}.product .nav .nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:4px;background-color:#fff;transition:width .3s ease-in-out}.product .nav .nav-item.active:after,.product .nav .nav-item:hover{width:100%}.title{font-size:36px;color:#333;text-align:center;line-height:1}.title h2{-js-display:flex;display:flex;align-items:center;justify-content:center;margin:0 0 10px;font-weight:400;font-size:36px}.title sub{display:block;font-size:12px;color:#333}.title em{font-weight:bolder}.title.line h2:before{margin-right:43px}.title.line h2:after,.title.line h2:before{content:"";display:inline-block;flex-grow:1;height:1px;background-color:#ccc;opacity:.5}.title.line h2:after{margin-left:43px}.sidebar{position:fixed;top:50%;left:35px;transform:translateY(-50%);-js-display:flex;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;z-index:9999}.sidebar:after{content:"";position:absolute;top:10px;right:16px;width:1px;height:calc(100% - 20px);background-color:hsla(0,0%,60%,.8);z-index:-1}.sidebar .sidebar-item{position:relative;width:86px;padding:10px 34px 10px 10px;font-size:14px;color:#999;line-height:1;text-align:center}.sidebar .sidebar-item+.sidebar-item{margin-top:54px}.sidebar .sidebar-item:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:13px;height:13px;background-color:#fff;border:3px solid #fff;outline:thin solid #616161;border-radius:50%;transition:all .2s ease}.sidebar .sidebar-item.active:after{background-color:#278dff;outline-color:#278dff}