﻿* {
  margin: 0;
  padding: 0;
}
h1 { font-size:30px;}
.clear {clear:both}
html, body {width: 100%;height: 100%; }
html {background-color:#fff; }
body {font-size: 14px;color: #515151;font-weight:lighter;}
.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;}
.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-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}*/
.simple {height:1000px; background-color:#e1e2e4}
.simple-desc{padding-top:108px;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 .q5_base {padding-top:50px;z-index:1;transition:all 1s ease-in-out;transform:translate(0,200px); text-align:center}
.simple.on .q5_base {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;color:#fff}
/*.simple{height:900px;background:url(../images/airwheel_s3-base.jpg) center 240px no-repeat}*/
.q5_v2{height:770px;background:url(../images/airwheel_q5_bg1.jpg) center center;background-size:cover}
.q5_v2-desc{position:relative;padding-top:250px;width:600px;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;}
.q5_v2.on .q5_v2-desc,.q5_v2.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;color:#fff}
.q5_battery{height:700px;background-color:#ffffff;color:#515151;text-align:center}
.q5_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}
.q5_battery-desc h1{text-align:center}
.q5_battery-img{position:absolute;top:300px; width:1000px; text-align:center;transition:all .1s ease-out 1s;-webkit-transform:translate(0,400px);transform:translate(0,400px)}
.q5_battery.on .q5_battery-desc{opacity:1}
.q5_battery.on .q5_battery-img{-webkit-transform:translate(0,0);transform:translate(0,0)}
.q5_battery.on {opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.led_q5{height:888px;background:url(../images/airwheel_q5_bg2.jpg) center center;background-size:cover}
.led_q5-desc{position:relative;padding-top:230px;width:300px;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;}
.led_q5-img{position:absolute;top:0px;right:0;transition:all 1s ease-in-out;-webkit-transform:translate(300px,0px);transform:translate(300px,0px)}
.led_q5.on .led_q5-desc,.led_q5.on .led_q5-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;color:#fff}
.kickstand{height:850px}
.kickstand-desc{padding-top:100px;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}
.kickstand-desc p{text-align:center}
.kickstand-img{position:absolute; text-align:center; width:1040px}
.kickstand-img-1{transition:all .6s ease-in}
.kickstand.on .kickstand-desc{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q5_model{height:800px;background:url(../images/airwheel_q5_bg3.jpg) center center;background-size:cover; color:#E8E6E6}
.q5_model-desc{position:relative;padding-top:280px;width:358px;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}
.q5_model-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(300px,150px);transform:translate(300px,150px)}
.q5_model.on .q5_model-desc,.q5_model.on .q5_model-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.Panel_q5{height:820px}
.Panel_q5-desc{position:relative;padding-top:250px;width:338px;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;}
.Panel_q5-img{position:absolute;top:80px;right:-200px;transition:all 1s ease-in-out;-webkit-transform:translate(300px,0px);transform:translate(300px,0px)}
.Panel_q5.on .Panel_q5-desc,.Panel_q5.on .Panel_q5-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.q5_intel{height:888px;background:url(../images/airwheel_q5_bg4.jpg) center center;background-size:cover}
.q5_intel-desc{position:relative;padding-top:250px;width:400px;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(0px,50);transform:translate(0px,50);opacity:0;float:right;}
.q5_intel.on .q5_intel-desc,.q5_intel.on {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;color:#fff}
.simple1 {height:795px}
.simple1-desc{padding-top:108px;text-align:center;z-index:1;opacity:1;width:600px;margin:0 auto}
.simple1-desc p{z-index:1}
.simple1.on .simple1-desc{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.simple1 .q5_base {padding-top:50px;z-index:1;transition:all 1s ease-in-out;transform:translate(0,200px); text-align:center}
.simple1.on .q5_base {-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;color:#fff}
.pad{height:650px; background-color:#424647; color:#CCC}
.pad-desc{padding-top:80px;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}
.pad-desc p{text-align:center}
.pad-img{position:absolute; text-align:center; width:1040px; top:300px}
.pad-img-1{transition:all .6s ease-in}
.pad.on .pad-desc{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.fold_q5{height:840px}
.fold_q5-desc{position:relative;padding-top:230px;width:300px;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;}
.fold_q5.on .fold_q5-desc,.fold_q5.on .fold_q5-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.fold_q5-img{position:absolute;right:-42%}
.q5_v3{height:855px;background:url(../images/airwheel_q5_bg5.jpg) center center;background-size:cover}
.q5_v3-desc{position:relative;padding-top:250px;width:450px;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:right;}
.q5_v3.on .q5_v3-desc,.q5_v3.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}
.s3_bl{height:890px;}
.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 #44a8f2;-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 #44a8f2!important}
.fixedNav{position:fixed;top:0;left:0;width:100%;z-index:100000}
a:link, a:visited{text-decoration:none}




