@charset "UTF-8";
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
q:after,q:before{content:''}
fieldset,img{border:0}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
body{color:#333;font-size:14px;line-height:1.5;font-family:M-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:M-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
/*!-----------------[初始化结束]--------------*/
.main .wp{width:95%;max-width:12rem;margin:0 auto}
@font-face{font-family:Roboto-Bold;src:url(../fonts/Roboto-Bold.ttf)}
@font-face{font-family:Roboto-Medium;src:url(../fonts/Roboto-Medium.ttf)}
@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.ttf)}
@font-face{font-family:DIN-Bold;src:url(../fonts/DIN-Bold.otf)}
@font-face{font-family:DIN-Medium;src:url(../fonts/DIN-Medium.ttf)}
@font-face{font-family:DIN-Regular;src:url(../fonts/DIN-Regular.otf)}
@font-face{font-family:PSL-pro;src:url(../fonts/PSL174pro.ttf)}
@media screen and (max-width:1200px){
.main .wp{padding:0 15px;width:auto;max-width:none}
}
@media (min-width:320px){
html{font-size:43.6667px}
}
@media (min-width:360px){
html{font-size:48px}
}
@media (min-width:375px){
html{font-size:50px}
}
@media (min-width:384px){
html{font-size:51.2px}
}
@media (min-width:414px){
html{font-size:55.2px}
}
@media (min-width:448px){
html{font-size:59.7333px}
}
@media (min-width:480px){
html{font-size:48px}
}
@media (min-width:512px){
html{font-size:68.2667px}
}
@media (min-width:544px){
html{font-size:72.5333px}
}
@media (min-width:576px){
html{font-size:76.8px}
}
@media (min-width:608px){
html{font-size:81.0667px}
}
@media (min-width:640px){
html{font-size:85.3333px}
}
@media (min-width:750px){
html{font-size:100px}
}
@media (min-width:1280px){
html{font-size:66.6667px}
}
@media (min-width:1360px){
html{font-size:70.8333px}
}
@media (min-width:1366px){
html{font-size:71.1458px}
}
@media (min-width:1400px){
html{font-size:72.9167px}
}
@media (min-width:1440px){
html{font-size:75px}
}
@media (min-width:1600px){
html{font-size:83.3333px}
}
@media (min-width:1680px){
html{font-size:87.5px}
}
@media (min-width:1920px){
html{font-size:100px}
}

.main{overflow:hidden;background-repeat:no-repeat;background-position:top center;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;background-color:#121212}
.m-ninebotl{overflow:hidden;position:relative}
.m-ninebotl .txt{position:absolute;top:0;left:0;width:100%;padding-top:1.49rem}
.m-ninebotl .logo{width:3.14rem;height:auto;margin:0 auto .63rem;overflow:hidden}
.m-ninebotl .tit{font-family:BentonSans-bold;font-size:.88rem;line-height:1.5em;color:#f22a2a;text-align:center;overflow:hidden;font-weight:700}
.m-MAXimizel{overflow:hidden;position:relative}
.m-MAXimizel .txt{position:absolute;top:0;left:0;width:100%;padding:1.21rem 0}
.g-ntitl1 .tit{text-align:center;font-size:.48rem;line-height:1.375em;color:#000;overflow:hidden;margin-bottom:.22rem;font-weight:700;font-family:SinhalaSangamMN-Bold}
.g-ntitl1 .desc{text-align:center;font-size:.24rem;color:rgba(0,0,0,.8);line-height:1.5em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:5;-webkit-line-clamp:5;overflow:hidden;max-width:8.75rem;margin:0 auto;font-family:SinhalaSangamMN-Regular}
.g-ntitl1.fff .tit{color:#fff}
.g-ntitl1.fff .desc{color:rgba(255,255,255,.8)}
.g-ntitl1.l1 .tit{font-family:Tahoma-Bold}
.m-listl1{overflow:hidden;padding:.95rem 0 .12rem}
.ul-nlistl1{overflow:hidden;margin:0 -.1rem}
.ul-nlistl1 li{width:25%;float:left;padding:0 .1rem;margin-bottom:.71rem}
.ul-nlistl1 .con{display:block;overflow:hidden}
.ul-nlistl1 .icon{display:block;width:.46rem;height:.46rem;line-height:.46rem;font-size:0;overflow:hidden;text-align:center;margin:0 auto .15rem}
.ul-nlistl1 .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.ul-nlistl1 .tt{font-size:.14rem;line-height:1.357em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#ababab;text-align:center;font-family:BentonSans-Regular}
.m-gokartl{background-repeat:no-repeat;background-position:left top;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;overflow:hidden;margin-bottom:.32rem}
.m-gokartl .txt{overflow:hidden;padding:1.41rem 0 .37rem}
.ul-nlistl2{overflow:hidden;text-align:center;font-size:0;margin-bottom:1.76rem}
.ul-nlistl2 li{display:inline-block;vertical-align:middle;padding:0 1.03rem;overflow:hidden;position:relative}
.ul-nlistl2 li:after{content:"";position:absolute;right:0;width:.03rem;height:1.47rem;background:#fff;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.ul-nlistl2 li:last-child:after{display:none}
.ul-nlistl2 .con{display:block;overflow:hidden}
.ul-nlistl2 .num{font-family:BentonSans-Regular;font-size:.41rem;text-align-last:left;color:#fff}
.ul-nlistl2 .num span{font-size:2.21rem;line-height:1.2em;color:#ee1e27;font-family:MIUIEX}
.ul-nlistl2 .tt{text-align-last:left;font-size:.41rem;color:#fff;line-height:1.634em;overflow:hidden;font-family:BentonSans-Regular;padding:0 .1rem}
.m-wheel{overflow:hidden}
.m-wheel .txt{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;padding:.94rem 0 .78rem}
.m-easyl,.m-integratedl,.m-technologyl{overflow:hidden;background-repeat:no-repeat;background-position:top left;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;padding-top:1.4rem}
.m-technologyl .txt{overflow:hidden;margin-bottom:.4rem}
.ul-nlistl2.l2{margin-bottom:1.4rem}
.ul-nlistl2.l2 .num{font-size:.74rem;font-family:FZLTXHJW--GB1-0}
.ul-nlistl2.l2 .num span{font-size:1.98rem;font-family:MIUIEX-Normal}
.ul-nlistl2.l2 .tt{font-size:.33rem;font-family:BentonSans-Regular}
.m-barl{overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:1.72rem 0 .86rem}
.m-barl .txt{overflow:hidden;margin-bottom:.72rem}
.ul-nlistl2.l3{margin-bottom:.43rem}
.ul-nlistl2.l3 .num{font-size:.7rem;font-family:FZLTXHJW--GB1-0;color:#000}
.ul-nlistl2.l3 .num span{font-size:1.78rem;font-family:MIUIEX-Normal}
.ul-nlistl2.l3 .tt{font-size:.31rem;line-height:1.838em;font-family:BentonSans-Regular;color:#000}
.m-easyl{padding:4.18rem 0 .92rem}
.m-easyl .txt{overflow:hidden;margin-bottom:1.1rem}
.m-powerl{overflow:hidden;position:relative}
.m-integratedl .txt,.m-powerl .txt{position:absolute;top:0;left:0;width:100%;padding:2.62rem 0;z-index:2}
.m-integratedl{overflow:hidden;padding:0;position:relative}
.m-integratedl .txt{padding:1.3rem 0}
.m-takel{overflow:hidden;position:relative;padding-bottom:2.28rem}
.m-takel:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/Ninebot-S-MAX/n-bgl2.png);background-repeat:no-repeat;background-position:top left;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.m-takel .txt{padding:1.01rem 0 .76rem;position:relative;z-index:2}
.m-takel .pic{display:block;max-width:91.1458%;height:auto;margin:0 auto;overflow:hidden;border-radius:.2rem;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;-ms-border-radius:.2rem;-o-border-radius:.2rem}
.m-takel .pic img{display:block;width:100%;height:100%}
.ul-nlistl3{overflow:hidden}
.ul-nlistl3 .con{display:block;overflow:hidden;background-color:#2a2a2a;position:relative}
.ul-nlistl3 .pic{width:50%;float:left;overflow:hidden}
.ul-nlistl3 .pic img{display:block;width:100%;height:100%}
.ul-nlistl3 .txt{overflow:hidden;position:absolute;top:0;width:50%;right:0;height:100%}
.ul-nlistl3 .txt .tit{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);font-family:Sinhala Sangam MN;font-weight:700;font-size:.5rem;color:#fff;line-height:1.07rem;padding:0 .2rem;text-align:center}
.ul-nlistl3 .txt .tit span{display:block}
.ul-nlistl3 li:nth-child(2n) .pic{float:right}
.ul-nlistl3 li:nth-child(2n) .txt{left:0;right:auto}
.m-mobilel{overflow:hidden;padding:2.58rem 0 2.35rem}
.m-mobilel .txt{margin-bottom:.61rem;overflow:hidden}
.m-mobilel .pic{width:79.1146%;margin:0 auto;height:auto;overflow:hidden}
.m-specsl{overflow:hidden;background-color:#fff;padding:1.11rem 2rem 3.02rem}
.m-specsl .specs{overflow:hidden;margin-bottom:.44rem}
.m-specsl .item:last-child{margin-bottom:0}
.m-specsl .item{overflow:hidden;margin-bottom:1.03rem}
.m-specsl .tit{font-family:BentonSans-Medium;font-size:.6rem;color:#222;line-height:1.5em;opacity:.9;border-bottom:.02rem solid #c2c2c2;text-align:center;padding-bottom:.25rem;margin-bottom:.8rem}
.m-specsl .info{overflow:hidden;padding:0 .1rem}
.m-specsl .info .box{overflow:hidden;margin-bottom:.34rem}
.m-specsl .info .ll{float:left;width:4.1rem;max-width:40%;overflow:hidden;font-size:.36rem;line-height:1.333em;color:#000;font-family:BentonSans-Medium}
.m-specsl .info .rr{float:right;width:4.3rem;max-width:40%;overflow:hidden;font-size:.36rem;line-height:1.333em;color:#000;font-family:BentonSans-Regular}
.m-specsl .info .rr em{display:inline-block;vertical-align:middle;font-size:.3rem;line-height:1.25em;padding:.09rem 0}
.m-specsl .tips{overflow:hidden;font-family:MyriadPro-Regular;font-size:.22rem;color:rgba(34,34,34,.8);line-height:1.363em}
.m-specsl .tips p{margin-bottom:.31rem}
.m-MAXimizel .pic,.m-barl .pic,.m-easyl .pic,.m-gokartl .pic,.m-integratedl .pic,.m-ninebotl .pic,.m-powerl .pic,.m-technologyl .pic,.m-wheel .pic{display:block;width:100%;height:auto;font-size:0;text-align:center}
.m-MAXimizel .pic img,.m-barl .pic img,.m-easyl .pic img,.m-gokartl .pic img,.m-integratedl .pic img,.m-mobilel .pic img,.m-ninebotl .logo img,.m-powerl .pic img,.m-technologyl .pic img,.m-wheel .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.m-ninebotl .pic img{display:block;width:100%;height:100%}
.m-ninebotl .pic .img-m{display:none}
@media only screen and (max-width:1200px){
.m-specsl .tips,.ul-nlistl1 .tt{font-size:12px}
.g-ntitl1 .desc{font-size:14px;max-width:100%}
.ul-nlistl1 li{width:33.33%}
.m-ninebotl .txt{padding-top:1rem}
.m-ninebotl .logo{margin-bottom:.4rem}
.m-ninebotl .tit{font-size:.6rem}
.ul-nlistl2 .num span,.ul-nlistl2.l2 .num span,.ul-nlistl2.l3 .num span{font-size:1rem}
.ul-nlistl2 .num,.ul-nlistl2.l2 .num,.ul-nlistl2.l3 .num{font-size:.32rem}
.ul-nlistl2 .tt{font-size:.32rem}
.ul-nlistl2.l2 .tt,.ul-nlistl2.l3 .tt{font-size:.24rem}
.m-specsl{padding:1rem .3rem}
.m-specsl .info{padding:0}
.m-specsl .info .ll,.m-specsl .info .rr{font-size:.28rem}
.m-specsl .info .rr em{font-size:.24rem}
}
@media only screen and (max-width:600px){
.m-ninebotl .pic .img-m{display:block}
.m-ninebotl .pic .img-pc{display:none}
.m-ninebotl .txt{padding-top:30px}
.m-ninebotl .logo{margin-bottom:10px}
.g-ntitl1 .tit,.m-ninebotl .tit{font-size:20px}
.m-MAXimizel .txt{padding:30px 0}
.ul-nlistl1{margin:0 -10px}
.ul-nlistl1 li{width:50%;margin-bottom:30px;padding:0 10px}
.ul-nlistl1 .icon{width:30px;height:30px;line-height:30px;margin-bottom:10px}
.m-listl1{padding:30px 0 0}
.m-gokartl,.ul-nlistl2{margin-bottom:30px}
.m-barl,.m-easyl,.m-gokartl .txt,.m-integratedl .txt,.m-mobilel,.m-powerl .txt,.m-takel .txt,.m-wheel .txt{padding:30px 0}
.ul-nlistl2 li{padding:0 30px}
.ul-nlistl2 li:after{height:150px}
.ul-nlistl2 .num,.ul-nlistl2 .tt,.ul-nlistl2.l2 .num,.ul-nlistl2.l2 .tt,.ul-nlistl2.l3 .num,.ul-nlistl2.l3 .tt{font-size:14px}
.ul-nlistl2 .num span,.ul-nlistl2.l2 .num span,.ul-nlistl2.l3 .num span{font-size:26px}
.m-specsl .tit,.ul-nlistl3 .txt .tit{font-size:20px}
.m-easyl,.m-technologyl{padding-top:30px}
.m-barl .txt,.m-easyl .txt,.m-mobilel .txt,.m-specsl .specs,.m-technologyl .txt,.ul-nlistl2.l2,.ul-nlistl2.l3{margin-bottom:30px}
.m-takel{padding-bottom:30px}
.m-specsl{padding:30px 15px}
.m-specsl .item{margin-bottom:20px}
.m-specsl .tit{padding-bottom:10px;margin-bottom:15px}
.m-specsl .info .box{margin-bottom:20px}
.m-specsl .info .ll,.m-specsl .info .rr{font-size:14px}
.m-specsl .info .rr em{font-size:12px;padding:0}
.m-specsl .tips p{margin-bottom:10px}
.ul-nlistl3 .pic,.ul-nlistl3 li:nth-child(2n) .pic{width:auto;float:none}
.ul-nlistl3 .txt{float:none;height:150px;position:relative;width:100%}
}