/*!/static/global/_var.scss*/.container{color:#333}.slider{position:relative;overflow:hidden}.slider .dark{color:#fff}.slider .light{color:#000}.slider .desc h1{font-size:42px;line-height:68px;margin-bottom:20px;opacity:0;letter-spacing:1px;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);-webkit-transition:-webkit-transform 1s,opacity 1s;transition:transform 1s,opacity 1s}.slider .desc p{font-size:16px;line-height:28px;opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);-webkit-transition:-webkit-transform 1s .4s,opacity 1s .4s;transition:transform 1s .4s,opacity 1s .4s}.center-wrapper{position:relative;top:0;width:1240px;height:100%;margin:0 auto}.slider.active .desc h1,.slider.active .desc p{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.boxkv{height:879px;overflow:hidden}.boxkv .cir{pointer-events:none;display:none;width:3600px;height:3600px;margin-left:-1800px;margin-top:-1800px;border-radius:1800px;position:absolute;top:50%;left:50%;z-index:2;box-shadow:0 0 0 1800px #fff inset}.boxkv .bg{width:2560px;display:block;position:absolute;margin-left:-1280px;left:50%}.boxkv .center-wrapper{text-align:center;height:100%}.boxkv .desc{text-align:left;position:absolute;top:50%;left:50%;width:200px;height:86px;margin-left:-100px;margin-top:-43px;z-index:1}.boxkv .desc h1{margin-bottom:0;line-height:1.4;letter-spacing:5px;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;transition:none}.boxkv .desc p{color:#666;font-size:26px;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;transition:none}.boxkv .mbox{position:relative}.boxkv .mbox img{width:100%}.boxkv .mbox-1{width:467px;position:absolute;bottom:4%;right:1%}.boxkv .mbox-1 img{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.boxkv .mbox-2{width:375px;position:absolute;margin-top:-187px;top:52%;left:0}.boxkv .mbox-2 img{-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.boxkv .mbox-3{width:283px;position:absolute;margin-top:-180px;top:8%;right:25%}.boxkv .mbox-3 img{-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.boxkv .shadow-1{width:371px;position:absolute;margin-top:-32px;top:88%;left:20px}.boxkv .shadow-2{width:341px;position:absolute;margin-top:-30px;top:38%;right:24%}.bluetooth{background:url(images_bg-bluetooth_439b1dc.jpg) no-repeat center center;height:780px}.bluetooth .desc{position:relative;padding:310px 0 0 717px;width:600px}.bluetooth .desc h1{color:#e5e5e5}.bluetooth .desc p{color:#d1d1d1}.nice{height:1150px}.nice .bg{width:2560px;display:block;position:absolute;margin-left:-1280px;left:50%}.nice .desc{position:relative;padding:76px 0 0;text-align:center}.nice .desc ul{padding-top:862px;font-size:20px;text-align:center;padding-right:30px}.nice .desc li{width:244px;display:inline-block;*display:inline;*zoom:1}.nice .desc li span{display:inline-block;*display:inline;width:6px;height:6px;border-radius:3px;margin-right:8px;position:relative;top:-3px;background:#8e2b36}.soft{margin-top:-362px;height:362px}.soft .soft-bg{width:100%;overflow:hidden;height:362px;position:absolute;bottom:0}.soft .soft-bg img{width:2560px;position:absolute;left:50%;top:0;margin-left:-1280px}.maxx{background:url(images_bg-maxx_48c2a71.jpg) no-repeat center 0;height:913px}.maxx .desc{position:relative;padding:166px 0 0;width:500px;color:#fff}.maxx .desc p{width:331px}.maxx .desc img{margin-top:30px}.long{height:820px;overflow:hidden}.long .long-img1{width:1005px;position:absolute;right:50%;top:0;margin-right:280px;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.long .long-img2{width:1005px;position:absolute;left:50%;top:0;margin-left:280px;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.long .desc{position:relative;padding:257px 0 0;text-align:center}.long .desc h2{font-size:20px;font-weight:400;line-height:2;margin-bottom:21px;margin-top:16px;color:#404040}.long .desc sup{color:#999}.long ul{color:#8e2b36;text-align:center;font-size:16px;margin-top:67px}.long ul li{width:140px;padding-left:25px;display:inline-block;*display:inline}.long ul b{font-size:42px;padding-right:10px}.long .remark{position:absolute;font-size:12px;color:#999;text-align:center;bottom:45px;width:100%}.palm{background:url(images_bg-palm_237854f.jpg) no-repeat center center;height:810px}.palm .center-wrapper{height:auto}.palm .desc{color:#fff;position:relative;padding:306px 0 0 718px;width:535px}.spball{height:988px}.spball .bg{position:absolute;width:2560px;margin-left:-1280px;left:50%}.spball .desc{padding-top:412px;width:100%}.quality{background:url(images_bg-quality_5f5c083ea.jpg) no-repeat center 0;height:778px}.quality .desc{position:relative;padding:145px 0 0;width:450px;text-align:left}.quality ul{line-height:60px;border-top:1px solid #e2e2e1;width:332px;text-align:right;font-size:16px;margin-top:102px}.quality ul li{border-bottom:1px solid #e2e2e1;width:100%}.quality ul span{text-align:left;float:left}.spec{background:url(images_bg-spec_5771a4a.jpg) no-repeat center 0;height:698px}.spec .desc{position:relative;padding:120px 0 0;text-align:center}.spec .desc h1{color:#fff;line-height:57px;font-size:42px}.spec .desc p{color:#fff}.spec ul{line-height:60px;border-top:1px solid #5c5753;width:910px;margin:62px auto 0;text-align:right;font-size:16px;color:#fff}.spec ul li{border-bottom:1px solid #5c5753;width:320px;float:left}.spec ul .right{padding-left:270px}.spec ul span{text-align:left;float:left}.active.boxkv .cir{-webkit-animation:ciropen 2s .5s 1 ease-in-out both;animation:ciropen 2s .5s 1 ease-in-out both}.active.boxkv .desc{-webkit-animation:box-scale 1.6s .5s 1 ease-in-out both;animation:box-scale 1.6s .5s 1 ease-in-out both}.active.boxkv .mbox-1{-webkit-animation:simple .1s 1.6s 1 ease-in-out both;animation:simple .1s 1.6s 1 ease-in-out both}.active.boxkv .mbox-1 img{-webkit-animation:uprotate1 2s 1.6s 1 cubic-bezier(0.265,.085,.085,.995) both;animation:uprotate1 2s 1.6s 1 cubic-bezier(0.265,.085,.085,.995) both}.active.boxkv .mbox-2{-webkit-animation:simple .1s 1.6s 1 ease-in-out both;animation:simple .1s 1.6s 1 ease-in-out both}.active.boxkv .mbox-2 img{-webkit-animation:uprotate2 2s 1.6s 1 cubic-bezier(0.265,.085,.085,.995) both;animation:uprotate2 2s 1.6s 1 cubic-bezier(0.265,.085,.085,.995) both}.active.boxkv .mbox-3{-webkit-animation:simple .1s 1.6s 1 ease-in-out both;animation:simple .1s 1.6s 1 ease-in-out both}.active.boxkv .mbox-3 img{-webkit-animation:uprotate3 2s 1.6s 1 cubic-bezier(0.265,.085,.085,.995) both;animation:uprotate3 2s 1.6s 1 cubic-bezier(0.265,.085,.085,.995) both}.active.boxkv .shadow-1,.active.boxkv .shadow-2{-webkit-animation:simple 1s 3s 1 ease-in-out both;animation:simple 1s 3s 1 ease-in-out both}.active.soft .soft-bg{-webkit-animation:open 1s 0s 1 ease-in-out both;animation:open 1s 0s 1 ease-in-out both}.active.soft img{-webkit-animation:open2 1s 0s 1 ease-in-out both;animation:open2 1s 0s 1 ease-in-out both}.active.nice ul{-webkit-animation:up 1s .8s 1 ease-in-out both;animation:up 1s .8s 1 ease-in-out both}.active.long .long-img1{-webkit-animation:long1 1s 0s 1 ease-in-out both;animation:long1 1s 0s 1 ease-in-out both}.active.long .long-img2{-webkit-animation:long2 1s 0s 1 ease-in-out both;animation:long2 1s 0s 1 ease-in-out both}.active.maxx .maxx-logo{-webkit-animation:up 1s .8s 1 ease-in-out both;animation:up 1s .8s 1 ease-in-out both}.active.quality ul{-webkit-animation:up 1s .8s 1 ease-in-out both;animation:up 1s .8s 1 ease-in-out both}.active.spec ul{-webkit-animation:up 1s .4s 1 ease-in-out both;animation:up 1s .4s 1 ease-in-out both}@-webkit-keyframes up{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}@keyframes up{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1}}@-webkit-keyframes simple{0%{opacity:0}100%{opacity:1}}@keyframes simple{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uprotate1{0%{-webkit-transform:translate(0px,40px) rotate(-25deg);transform:translate(0px,40px) rotate(-25deg)}100%{-webkit-transform:translate(0px,0) rotate(0deg);transform:translate(0px,0) rotate(0deg)}}@keyframes uprotate1{0%{-webkit-transform:translate(0px,40px) rotate(-25deg);transform:translate(0px,40px) rotate(-25deg)}100%{-webkit-transform:translate(0px,0) rotate(0deg);transform:translate(0px,0) rotate(0deg)}}@-webkit-keyframes uprotate2{0%{-webkit-transform:translate(0px,30px) rotate(25deg);transform:translate(0px,30px) rotate(25deg)}100%{-webkit-transform:translate(0px,0) rotate(0deg);transform:translate(0px,0) rotate(0deg)}}@keyframes uprotate2{0%{-webkit-transform:translate(0px,30px) rotate(25deg);transform:translate(0px,30px) rotate(25deg)}100%{-webkit-transform:translate(0px,0) rotate(0deg);transform:translate(0px,0) rotate(0deg)}}@-webkit-keyframes uprotate3{0%{-webkit-transform:translate(0px,20px) rotate(-15deg);transform:translate(0px,20px) rotate(-15deg)}100%{-webkit-transform:translate(0px,0) rotate(0deg);transform:translate(0px,0) rotate(0deg)}}@keyframes uprotate3{0%{-webkit-transform:translate(0px,20px) rotate(-15deg);transform:translate(0px,20px) rotate(-15deg)}100%{-webkit-transform:translate(0px,0) rotate(0deg);transform:translate(0px,0) rotate(0deg)}}@-webkit-keyframes box-scale{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}60%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes box-scale{0%{-webkit-transform:scale(0.8);transform:scale(0.8)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}60%{-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ciropen{0%{box-shadow:0 0 0 1800px #fff inset}30%{box-shadow:0 0 0 1600px #fff inset}50%{box-shadow:0 0 0 1680px #fff inset}100%{box-shadow:0 0 #fff inset}}@keyframes ciropen{0%{box-shadow:0 0 0 1800px #fff inset}30%{box-shadow:0 0 0 1600px #fff inset}50%{box-shadow:0 0 0 1680px #fff inset}100%{box-shadow:0 0 #fff inset}}@-webkit-keyframes long1{0%{-webkit-transform:translate(-100px,-100px) skewX(2deg);transform:translate(-100px,-100px) skewX(2deg)}100%{-webkit-transform:translate(0px,0) skewX(0deg);transform:translate(0px,0) skewX(0deg)}}@keyframes long1{0%{-webkit-transform:translate(-100px,-100px) skewX(2deg);transform:translate(-100px,-100px) skewX(2deg)}100%{-webkit-transform:translate(0px,0) skewX(0deg);transform:translate(0px,0) skewX(0deg)}}@-webkit-keyframes long2{0%{-webkit-transform:translate(100px,-100px) skewX(-2deg);transform:translate(100px,-100px) skewX(-2deg)}100%{-webkit-transform:translate(0px,0) skewX(0deg);transform:translate(0px,0) skewX(0deg)}}@keyframes long2{0%{-webkit-transform:translate(100px,-100px) skewX(-2deg);transform:translate(100px,-100px) skewX(-2deg)}100%{-webkit-transform:translate(0px,0) skewX(0deg);transform:translate(0px,0) skewX(0deg)}}@-webkit-keyframes open{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes open{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@-webkit-keyframes open2{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes open2{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}.cssanimations .boxkv .cir{display:block}.cssanimations .soft .soft-bg{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.cssanimations .soft img{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cssanimations .long .long-img1{-webkit-transform:translate(-100px,-100px) skewX(2deg);-ms-transform:translate(-100px,-100px) skewX(2deg);transform:translate(-100px,-100px) skewX(2deg)}.cssanimations .long .long-img2{-webkit-transform:translate(100px,-100px) skewX(-2deg);-ms-transform:translate(100px,-100px) skewX(-2deg);transform:translate(100px,-100px) skewX(-2deg)}.cssanimations .nice ul,.cssanimations .maxx .maxx-logo,.cssanimations .quality ul,.cssanimations .spec ul{opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}@media screen and (max-width:1680px){.long{height:720px}.long .desc{padding:187px 0 0}.long .long-img1{width:865px;margin-right:200px}.long .long-img2{width:865px;margin-left:200px}}@media screen and (max-width:1440px){.boxkv{height:669px}.boxkv .bg{width:1920px;margin-left:-960px}.boxkv .mbox-1{width:373px}.boxkv .mbox-2{width:300px}.boxkv .mbox-3{width:226px;margin-top:-147px}.boxkv .shadow-1{width:296px}.nice{height:1174px}.nice .bg{width:1920px;margin-left:-960px}.nice .desc{padding:36px 0 0}.nice .desc ul{padding-top:640px}.soft{margin-top:-272px;height:272px}.soft .soft-bg{height:272px}.soft .soft-bg img{width:1920px;margin-left:-960px}.bluetooth{height:720px}.bluetooth .desc{padding:270px 0 0 717px}.palm{height:720px}.palm .desc{padding:270px 0 0 717px}.maxx{height:713px}.long{height:640px}.long .desc{padding:157px 0 0}.long .long-img1{width:750px;margin-right:200px}.long .long-img2{width:750px;margin-left:200px}.spball{height:741px}.spball .bg{width:1920px;margin-left:-960px}.spball .desc{padding-top:270px}}.page-remark{background-color:#fff}.page-remark .center-wrapper{padding:38px 0;height:auto}.page-remark .label,.page-remark li{color:#ccc;font-size:12px}.page-remark .label{width:30px;float:left}.page-remark ul{margin-left:40px}