﻿* {
  margin: 0;
  padding: 0;
}
h1 { font-size:2.0rem;}
.clear {clear:both}
html, body {width: 100%;height: 100%; }
html {background-color:#fff; }
body {font-size: 14px;color: #515151;font-weight:lighter;font-family:"微软雅黑","Microsoft Yahei",Arial;}
.JSWrapperWidth{width:1080px}
.center-wrapper{position:relative;top:0;width:1040px;height:100%;margin:0 auto}
.img-wrapper{line-height:0}
.slider{font-size:16px;line-height:24px}
.slider a{color:#333}
.slider a:hover{color:#333}
.slider p{margin-top:20px;line-height:24px;font-family:"微软雅黑","Microsoft Yahei",Arial}
.subnav-logo{padding:22px 0}
.slider{position:relative;overflow:hidden;font-size:14px}
.slider h1{padding-bottom:14px}
.slider{position:relative;overflow:hidden;font-size:14px;line-height:1.8}
.slider h1,body.mac,.slider h2{font-family:"微软雅黑","Microsoft Yahei",Arial;font-weight:lighter}
.sliders{width:100%;overflow:hidden}
/*/common/*/
.sliders_banner {margin-bottom:-6px}
.animate{opacity:0}
/*.simple-desc{padding-top:128px;text-align:center;z-index:1;transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out; -webkit-transform:translate(0,40px);transform:translate(0,40px);opacity:0}*/
.scooters_q1{height:1000px; background:url(../images/Airwheel-q1-scooters1.jpg) center center;background-size:cover; color:#FFF}
.scooters_q1-desc{position:relative;padding-top:280px;width:310px;z-index:1;float:left; left:100px; text-align:right;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(60px,0);transform:translate(60px,0);opacity:0}
.scooters_q1.on .scooters_q1-desc,.scooters_q1.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}

.q1_design1{height:670px}
.q1_design1-desc{position:relative;padding-top:100px;width:280px;z-index:1;transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0,30px);transform:translate(0px,30px);opacity:1;text-align:left; float:right; right:14%}
.q1_design1-desc h2{font-size:24px; color:#b99a80; font-weight:lighter; padding-bottom:20px; line-height:60px}
.q1_design1-desc h3{font-size:22px; font-weight:lighter}
.q1_design1-desc font{ font-size:60px}
.q1_design1-img{position:absolute;top:0px;left:-10%;transition:all .5s ease-in-out;-webkit-transform:translate(-200px,-200px);transform:translate(-200px,-200px)}
.q1_design1.on .q1_design1-desc,.q1_design1.on .q1_design1-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q1_v2{height:920px;background:url(../images/Airwheel-q1-scooters3.jpg) center center;background-size:cover}
.q1_v2-desc{position:relative;padding-top:280px;width:500px;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .1s ease-in-out;transition:opacity .5s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0px,50);transform:translate(0px,50);opacity:0;float:left; text-align:right; left:-10%}
.tab {padding-top:100px; text-align:center; font-weight:lighter; float:right}
.tab font{font-size:40px}
.q1_v2.on .q1_v2-desc,.q1_v2.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q1_light{height:660px;background:url(../images/Airwheel-q1-scooters4.jpg) center center;background-size:cover}
.q1_light-desc{position:relative;padding-top:290px;width:230px;text-align:left;float:right;z-index:1;transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(40px,0);transform:translate(40px,0);opacity:0}
.q1_light-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(300px,150px);transform:translate(300px,150px)}
.q1_light.on .q1_light-desc,.q1_light.on .q1_light-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q1_pc{height:888px;background:url(../images/Airwheel-q1-scooters6.jpg) center center;background-size:cover}
.q1_pc-desc{position:relative;padding-top:200px;width:250px;text-align:left;float:right;z-index:1;transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(40px,0);transform:translate(40px,0);opacity:0}
.q1_pc-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(300px,150px);transform:translate(300px,150px)}
.q1_pc.on .q1_pc-desc,.q1_pc .q1_pc-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.simple {height:1000px; background-color:#f5f5f5}
.simple-desc{padding-top:80px;text-align:center;z-index:1;opacity:1;width:600px;margin:0 auto}
.simple-desc p{z-index:1}
.simple.on .simple-desc{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.simple .q1_base {padding-top:60px;z-index:1;transition:all 1s ease-in-out;transform:translate(0,200px); text-align:center}
.simple.on .q1_base {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;color:#fff}
.Panel_q1{height:820px}
.Panel_q1-desc{position:relative;padding-top:250px;width:280px;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(40px,0);transform:translate(40px,0);opacity:0;float:left; text-align:right; left:8%}
.Panel_q1-img{position:absolute;right:-42%}
.Panel_q1.on .Panel_q1-desc,.Panel_q1.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.function_q1{height:942px; background:url(../images/Airwheel-q1-function1.jpg) center center;background-size:cover}
.function_q1-desc{position:relative;padding-top:310px;width:300px;z-index:1;float:left; left:100px;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(60px,0);transform:translate(60px,0);opacity:0}
.function_q1.on .function_q1-desc,.function_q1.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q1_function2{height:888px; background:url(../images/Airwheel-q1-function2.jpg) center center;background-size:cover; color:#f8f6f6}
.q1_function2-desc{position:relative;padding-top:250px;width:320px;z-index:1;transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0,50px);transform:translate(0px,50px);opacity:1;text-align:left; float:left; left:12%}
.q1_function2-desc h2{font-size:24px; color:#b99a80; font-weight:lighter; padding-bottom:20px; line-height:70px}
.q1_function2-desc font{ font-size:60px}
.q1_function2.on .q1_function2-desc,.q1_function2.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q1_function3 {height:1050px; background:url(../images/Airwheel-q1-bj1.jpg) center center;background-size:cover}
.q1_function3-desc{padding-top:108px;text-align:center;z-index:1;opacity:1;width:600px;margin:0 auto}
.q1_function3-desc p{z-index:1}
.q1_function3.on .q1_function3-desc{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q1_function3 .q1_base1 {padding-top:30px;z-index:1;transition:all 1s ease-in-out;transform:translate(0,200px); text-align:center}
.q1_base1{z-index:1;transition:all 1s ease-in-out;position:absolute;right:-7%;transform:translate(0,200px)}
.q1_function3.on .q1_base1 {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;color:#fff}
.q1_function4{height:1060px; background:url(../images/Airwheel-q1-function4.jpg) center center;background-size:cover; color:#f8f6f6}
.q1_function4-desc{position:relative;padding-top:300px;width:900px;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(40px,0);transform:translate(40px,0);opacity:0;float:left; left:15%}
.funtion1{width:190px; float:left}
.function2{width:200px; float:right}
.specs{ width:190px; float:left; margin:20px 0px}
.specs{font-weight:lighter}
.specs1{width:100px; float:left;font-size:60px; line-height:60px}
.specs2{width:80px; float:left; font-size:22px; padding-left:10px}
.specs2 p{line-height:normal; margin:0}
.q1_function4.on .q1_function4-desc,.q1_function4.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q1_battery{height:750px;background-color:#ffffff;color:#515151;text-align:center}
.q1_battery-desc{position:relative;padding-top:80px;margin:0 auto;width:800px;z-index:1;transition:opacity .5s ease-in;opacity:0;text-align:center}
.q1_battery-desc h1{text-align:center}
.q1_battery-img{position:absolute;top:300px; width:1000px; text-align:center;transition:all .1s ease-out 1s;-webkit-transform:translate(0,200px);transform:translate(0,200px)}
.q1_battery.on .q1_battery-desc{opacity:1}
.q1_battery.on .q1_battery-img{-webkit-transform:translate(0,0);transform:translate(0,0)}
.q1_battery.on {opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.q1_specs{height:750px;background-color:#0e1215;color:#e2e2e2;text-align:center}
.q1_specs-desc{position:relative;padding-top:80px;margin:0 auto;width:900px;text-align:center}
.q1-mk{width:900px; padding-top:40px}
.mk{width:380px; float:left; border-bottom:1px dashed #e2e2e2}
.mk-img{width:100px; text-align:left; float:left; margin:10px 0}
.mk-wd{width:280px; float:left; margin-top:20px}
.mk-wd p{ font-size:16px; line-height:30px; margin:0; text-align:left}
.mk1{width:380px; float:left; margin-left:140px; border-bottom:1px dashed #e2e2e2}
.mk1-img{width:100px; text-align:left; float:left; margin:10px 0}
.mk1-wd{width:280px; float:left; margin-top:20px}
.mk1-wd p{ font-size:20px; line-height:30px; margin:0; text-align:left}
.easy{height:800px}
.easy-desc{padding-top:120px;width:700px;margin:0 auto;text-align:center;transition:opacity 1s ease-out,-webkit-transform 1.2s ease-out;transition:opacity 1s ease-out,transform 1.2s ease-out;-webkit-transform:translate(0,50px);transform:translate(0,50px);opacity:0}
.easy-desc p{text-align:center}
.easy-img{position:absolute; text-align:center; width:1200px; top:350px; right:-9%}
.easy-img-1{transition:all .6s ease-in}
.easy.on .easy-desc{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.km_q1{height:858px;background:url(../images/Airwheel-q1-function6.jpg) center center;background-size:cover}
.km_q1-desc{position:relative;padding-top:230px;width:300px; left:100px;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(40px,0);transform:translate(40px,0);opacity:0;float:left;}
.km_q1.on .km_q1-desc,.km_q1.on{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}


.s3_bh-desc{text-align:center; margin:0 auto; width:700px}
.s3_bh{padding-top:120px; height:650px}
.s3_bh h1{font-size:36px;color:#424647}
.s3_bh p{font-size:20px; margin-top:0px; line-height:30px;color:#424647}
.s3_bl-desc{top:350px;float:left}
.picc{width:844px;margin:0 auto;padding:80px}
.s3_bh_con{padding-top:35px;margin-bottom:20px}
.s3_bh1{width:225px;float:left;padding:15px}
.s3_bh1 p{font-size:18px;color:#585858;padding:15px;line-height:23px; padding-left:5px}
.s3_bf_cons{line-height:20px; font-size:13px}
.s3_bh_title p{padding-top:40px}
.s3_bh_title{text-align:center}


/*/common/*/
.sliders_banner {margin-bottom:-6px}
.animate{opacity:0}
@media screen and (max-width:1080px){.subnav{width:1080px}}
.top_menu{border-bottom:1px solid #ccc;background:#E5E5E5}
.top_menus{width:1100px;margin:0 auto;height:50px;line-height:50px;font-size:16px}
.top_menus .span1{width:300px;float:left}
.top_menus .span2{width:280px;float:right}
.top_menus span a{margin-left:20px;color:#333;padding:5px;font-size:13px;border-bottom:2px solid transparent}
.top_menus span a:hover{border-bottom:2px solid red;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.selectss{border-bottom:2px solid red!important}
.fixedNav{position:fixed;top:0;left:0;width:100%;z-index:100000}
a:link, a:visited{text-decoration:none}




