.container{width:1140px;margin:0 auto}.icon-play,.icon-right{vertical-align:-2px}.hide{display:none}body{margin:0}.section{position:relative;overflow:hidden}.section h1,.section h2,.section h3,.section h4,.section p,.section ul,.section li{margin:0;padding:0;font-weight:400;font-style:normal}.section .title{font-size:56px;line-height:1;color:#212121;font-family:dinoffcpro-condbold}.section .sub-title{font-size:28px;line-height:32px;color:#5c6670;margin-top:10px}.section .content{font-size:18px;line-height:24px;color:#5c6670;margin-top:60px}.section.white .content{color:#d1d3d3}.section .link-block{margin-top:30px;font-size:18px;line-height:1.4}.section .link{display:inline-block}.section .link a{color:#df001f;transition:all ease-out .3s}.section .link span{transition:all ease-out .3s;display:inline-block;padding-left:2px}.section .link:hover a{opacity:.65}.section .link:hover span{transform:translate3d(5px,0,0);opacity:.65}.section .info{font-size:14px;color:#a4a9ad;line-height:1.3}.section-footer{height:400px;background:#333;position:relative;overflow:hidden}.section-footer .abs-text{position:absolute;left:50%;top:141px;margin-left:-473px}.section-footer .title{margin:0;padding:0;font-size:30px;line-height:1;color:#f5f5f5;margin-bottom:10px}.section-footer .content{font-size:20px;line-height:1.2;color:#a4a9ad;margin:0;margin-bottom:30px}.section-footer .link{display:inline-block}.section-footer .link a{font-size:18px;color:#df001f;line-height:1.4}.section-footer .link span{transition:all ease-out .3s;display:inline-block;padding-left:2px}.section-footer .link:hover a{opacity:.65}.section-footer .link:hover span{transform:translate3d(5px,0,0);opacity:.65}.m-style .section .title{font-size:.64rem;line-height:.64rem;padding-left:.4rem;padding-right:.4rem}.m-style .section .sub-title{margin-top:.1rem;font-size:.4rem;line-height:.48rem;padding-left:.4rem;padding-right:.4rem}.m-style .section .content{margin-top:.6rem;font-size:.32rem;line-height:.42rem;padding-left:.4rem;padding-right:.4rem;width:100%}.m-style .section .link{padding-left:.4rem}.m-style .section-footer{height:4rem;background-size:cover;background-position:-9rem 0}.m-style .section-footer .abs-text{left:.4rem;margin-left:auto;top:1rem;z-index:10}.m-style .section-footer .title{font-size:.4rem;line-height:1.4}.m-style .section-footer .content{margin-top:.1rem;font-size:.32rem;line-height:.4rem;margin-bottom:.3rem}.abs-text{position:absolute;left:50%}.abs-img{position:absolute;left:50%}.pro-nav-head{height:50px;line-height:50px;width:100%;position:absolute;top:70px;color:#d1d3d3;z-index:300}.pro-nav-head .container{border-bottom:1px solid #ccc}.pro-nav-head.hideFloat{display:none;opacity:0}.pro-nav-head.fixed{position:fixed;color:#000;opacity:1;top:0;display:block;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);background:#fefefe;background-color:rgba(255,255,255,.98);-webkit-transition-property:background-color,-webkit-backdrop-filter;transition-property:background-color,backdrop-filter,-webkit-backdrop-filter}.pro-nav-head.fixed .container{border-bottom:0}@supports (-webkit-backdrop-filter:initial) or (backdrop-filter:initial){.pro-nav-head.fixed{-webkit-backdrop-filter:saturate(180%) blur(30px);backdrop-filter:saturate(180%) blur(30px);background-color:rgba(255,255,255,.7)}}.pro-nav-head .pro-name{float:left;font-size:14px;padding-left:30px;height:50px;line-height:50px;color:#5c6670;width:150px;margin:0}.pro-nav-head .pro-features{float:right;font-size:13px}.pro-nav-head .pro-features a{color:#5c6670;text-decoration:none;display:inline-block}.pro-nav-head .pro-features a.current{color:#a4a9ad}.pro-nav-head .pro-features a:hover{color:#a4a9ad}.pro-nav-head .pro-features .tab-href{margin-right:30px}.pro-nav-head .pro-features .btn{height:25px;line-height:25px;text-align:center;padding-left:40px;padding-right:40px;background:#df001f;color:#fff;font-size:14px;border-radius:4px;display:none}.pro-nav-head.fix-bar{position:fixed;top:0;z-index:100;opacity:.95;transition:all .6s ease-out;background:rgba(247,247,247,.9);border-radius:4px}.pro-nav-head.fix-bar .pro-name{color:#0e0e0e}.pro-nav-head.fix-bar .pro-features a{color:#0e0e0e}.pro-nav-head.fix-bar .pro-features .current{color:#df001f}.pro-nav-head.fix-bar .pro-features .btn{color:#fff}.pro-nav-head.hide-bar{top:-50px}@media only screen and (max-width:1119px){.container{width:970px}}.section{width:1140px;margin:0 auto;border-top:1px solid #d1d3d3}.section-head{height:650px;border-top:0;margin-top:120px}.section-head .img-list{width:1140px;position:absolute;left:50%;margin-left:-570px;top:0;z-index:0}.section-head .img-list li{position:absolute;top:0;left:0;opacity:0;z-index:1;transition:all ease-out .4s;transition-delay:.4s}.section-head .img-list .current{opacity:1;transition-delay:0s}.section-head .img-list img{width:1140px}.section-head .paint-choice{position:absolute;top:570px;left:50%;margin-left:-480px;width:970px;z-index:1}.section-head .paint-choice .color-list{margin:0 auto;display:table}.section-head .paint-choice .color-list .paint-type{font-size:18px;line-height:43px;color:#5c6670;font-family:dinoffcpro;margin:0 10px 0 50px;display:inline-block;vertical-align:top;position:absolute;top:-45px;margin-left:8px}.section-head .paint-choice .color-list li{width:40px;height:40px;border-radius:50%;border:1px solid transparent;cursor:pointer;transition:all ease-out .3s;margin:0 20px 0 10px;display:inline-block}.section-head .paint-choice .color-list li::after{content:'';position:absolute;width:48px;height:48px;border-radius:50%;margin:-7px -7px;border:3px solid transparent;transition:all .3s ease-out}.section-head .paint-choice .color-list li:hover{opacity:.65}.section-head .paint-choice .color-list li:hover::after{content:'';position:absolute;width:48px;height:48px;border-radius:50%;margin:-7px -7px;border:3px solid #5c6670}.section-head .paint-choice .color-list .current{cursor:default}.section-head .paint-choice .color-list .current:hover{opacity:1}.section-head .paint-choice .color-list .current::after{content:'';position:absolute;width:48px;height:48px;border-radius:50%;margin:-7px -7px;border:3px solid #5c6670}.section-head .paint-choice .color-list .glossy{-webkit-box-shadow:inset -8px -8px 1px 0 rgba(0,0,0,.3),0 5px 15px 0 rgba(0,0,0,.2);-moz-box-shadow:inset -8px -8px 1px 0 rgba(0,0,0,.3),0 5px 15px 0 rgba(0,0,0,.2);box-shadow:inset -8px -8px 1px 0 rgba(0,0,0,.3),0 5px 15px 0 rgba(0,0,0,.2);transition:all .3s ease-out}.section-head .paint-choice .color-list .matte-text{margin-left:60px}.section-head .paint-choice .color-list .matte-color{margin-left:60px}.section-head .paint-choice .color-list .col-a{background-color:#fff;border:1px solid #ddd}.section-head .paint-choice .color-list .col-b{background-color:#df001f}.section-head .paint-choice .color-list .col-c{background-color:#105695}.section-head .paint-choice .color-list .col-d{background-color:#757A80}.section-head .paint-choice .color-list .col-e{background-color:#4d4d4d}.section-head .paint-choice .color-list .col-f{background-color:#545E4B;background-image:linear-gradient(135deg,#63735C 0,#2B3329 100%);-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.section-head .paint-choice .color-list .col-g{background-color:#575959;background-image:linear-gradient(135deg,#6D6F6F 0,#3F4141 100%);-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.section-head .paint-choice .color-list .col-h{background-color:#212121;background-image:linear-gradient(135deg,#4E4E4E 0,#1B1B1B 100%);-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.section-spec{height:340px;border-top:0}.section-spec .abs-text{margin-left:-570px;top:50px}.section-spec .re-list{margin-top:30px;width:562px;margin-left:auto;margin-right:auto;*zoom:1;*display:block;position:absolute;left:50%;margin-left:-210px;top:50px;width:420px;text-align:center}.section-spec .re-list:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section-spec .re-list li{width:116px;margin-right:30px;height:83px;float:left;border-radius:4px;border:1px solid #a4a9ad}.section-spec .re-list li:last-child{margin-right:0}.section-spec .re-list .li-title{width:96px;height:52px;line-height:52px;border-bottom:solid 1px #979797;font-size:14px;color:#5c6670;margin-left:auto;margin-right:auto}.section-spec .re-list .li-title b{font-size:40px;font-family:dinoffcpro-condbold;display:inline-block;margin-right:3px}.section-spec .re-list .li-cont{font-size:12px;color:#5c6670;margin-top:5px}.section-spec .re-list li{margin-bottom:30px;height:90px}.section-spec .re-list .li-cont{margin-top:8px}.section-spec .re-list .right{margin-right:0}.section-spec .re-list .two-line{line-height:1.2;margin-top:5px}.section-spec .re-list .li-title{position:relative}.section-spec .re-list .li-title sup{position:absolute;top:-8px;right:25px}.section-dimen{height:704px}.section-dimen .abs-text{margin-left:-570px;top:29px}.section-dimen .abs-img{width:1031px;top:131px;margin-left:-515px}.left-block{width:405px;float:left}.mid-block{float:left;width:285px}.mid-block .line{line-height:20px;margin-bottom:15px;font-size:20px;color:#5c6670;font-family:dinoffcpro-medium}.mid-block .line a{color:#df001f}.mid-block .line a:hover{color:#5c6670}.right-block{float:left}.right-block .line{line-height:20px;margin-bottom:15px;font-size:20px;color:#5c6670}.section-common{*zoom:1;*display:block;padding-top:47px;padding-bottom:29px}.section-common:after{content:".";display:block;height:0;clear:both;visibility:hidden}.section-common .title{margin-top:-20px}.m-style .n1s-specs{padding-left:.4rem;padding-right:.4rem}.m-style .section{width:100%}.m-style .section-head{height:6.8rem;margin-top:0rem}.m-style .section-head .img-list{width:100%;top:.6rem;left:0;margin-left:0}.m-style .section-head .img-list li{width:100%;text-align:center}.m-style .section-head .img-list img{width:6.5rem}.m-style .section-head .paint-choice{top:4.3rem;margin-left:-1.6rem;width:5rem}.m-style .section-head .paint-choice .color-list{padding:0}.m-style .section-head .paint-choice .color-list .paint-type{top:initial;left:initial;font-size:.34rem;line-height:2.5;margin-left:-1.1rem;margin-top:-.1rem;display:table}.m-style .section-head .paint-choice .color-list li{width:.7rem;height:.7rem;border-width:0;margin:0 .32rem 0 .1rem}.m-style .section-head .paint-choice .color-list li::after{width:.9rem;height:.9rem;margin:-.1rem -.1rem;border-width:.05rem}.m-style .section-head .paint-choice .color-list li:hover::after{width:.9rem;height:.9rem;margin:-.1rem -.1rem}.m-style .section-head .paint-choice .color-list .current::after{width:.9rem;height:.9rem;margin:-.1rem -.1rem}.m-style .section-head .paint-choice .color-list .matte-text{margin-left:-1.1rem;margin-top:.25rem}.m-style .section-head .paint-choice .color-list .matte-color{margin-left:.11rem;margin-top:.32rem}.m-style .section-spec{height:9.5rem}.m-style .section-spec .abs-text{margin-left:0;left:-.4rem;top:.5rem}.m-style .section-spec .re-list{width:5.3rem;top:1.9rem;margin-left:-2.65rem}.m-style .section-spec .re-list .right{margin-right:.6rem}.m-style .section-spec .re-list li{width:2.32rem;margin-right:.6rem}.m-style .section-spec .re-list li:nth-child(2){margin-right:0}.m-style .section-spec .re-list li:nth-child(4){margin-right:0}.m-style .section-spec .re-list li:nth-child(6){margin-right:0}.m-style .section-spec .re-list .li-title{font-size:.3rem;width:2rem}.m-style .section-spec .re-list .li-title b{font-size:.75rem}.m-style .section-spec .re-list .li-cont{font-size:.24rem;margin-top:.08rem}.m-style .section-dimen{height:5.82rem;background:url(//global.niucache.com/static/i18n/widget/en/product/n-series/img/s-5_10fad360.png) no-repeat center 1.84rem;background-size:6.5rem auto}.m-style .section-dimen .abs-img{width:6.5rem;top:1.84rem;margin-left:-3.25rem;display:none}.m-style .section-dimen .abs-text{top:.6rem;left:-.4rem;margin-left:0}.m-style .section-frame{height:12.5rem}.m-style .section-battery{height:8.4rem}.m-style .section-power{height:8.3rem}.m-style .section-electerical{height:7.9rem}.m-style .section-manual{height:3rem}.m-style .section-common .left-block{position:absolute;left:-.4rem;top:.6rem}.m-style .section-common .left-block .title{margin-top:0}.m-style .section-common .mid-block{position:absolute;left:0rem;top:1.71rem}.m-style .section-common .mid-block .line{margin-bottom:.82rem;font-size:.32rem}.m-style .section-common .right-block{position:absolute;left:0rem;top:2.23rem}.m-style .section-common .right-block .line{margin-bottom:.82rem;font-size:.32rem}