﻿*{margin:0;padding:0}
a{text-decoration:none}
.clear{clear:both}
body,html{width:100%;height:100%;font-family:微软雅黑,Arial}
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{line-height:24px}
.subnav-logo{padding:22px 0}
.slider{position:relative;overflow:hidden;font-size:14px}
.slider h1{padding-bottom:14px;line-height:35px}
h1{font-weight:lighter}
.slider{position:relative;overflow:hidden;font-size:14px;line-height:1.8}
.slider h1,.slider h2,body.mac{font-weight:lighter;font-size:25px}
.sliders{width:100%;overflow:hidden}
.sliders_banner{margin-bottom:-6px}
.animate{opacity:0}
@media screen and (max-width:1080px){.subnav{width:1080px}
}
.pubulic_app{font-size:18px;color:#fff;padding-top:15px}
.pubulic_app a{font-size:19px;color:#60aff6}
.pubulic_app span{padding-left:55px}
.pubulic_app a i{padding-left:5px}
.pubulic_app a i img{width:23px;vertical-align:middle}
.pubulic_app a:hover{color:#a1a1a1}
.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}
#djgm {background: red;border-radius: 10px;padding: 5px 15px;color: #FFF;margin-left: 40px;cursor: pointer;}
#djgm:hover{border:0}
.sc{border-top:1px solid #ccc}
.sc_c{width:1110px;margin:0 auto;padding:10px}
.sc_c a{float:right;padding:5px 10px}
.selectss{border-bottom:2px solid red!important}
.fixedNav{position:fixed;top:0;left:0;width:100%;z-index:100000}
.c5_design2{height:900px;background:url(../images/airwheel_helmet.jpg) center center;background-size:cover}
.c5_design2-desc h1 img{width:35px;vertical-align:middle;padding-right:5px}
.c5_design2-desc{position:relative;padding-top:240px;color:#fff;width:300px;text-align:left;float:left;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}
.c5_design2-desc .helmets_app{padding-top:30px}
.c5_design2-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.c5_design2.on .c5_design2-desc,.c5_design2.on .c5_design2-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.c5_electric_Control{height:690px;background:#eef2fb;padding-top:150px}
.c5_electric_Control-desc{padding-top:20px;width:450px;text-align:left;left:-5%;position:absolute;z-index:999;color:#5F5F5F}
.c5_electric_Control-desc p{padding-top:380px}
.c5_electric_Control-img{position:absolute;top:0;right:-15%;margin-left:0}
.c5_cpu{height:930px;background:url(../images/airwheel_helmet_cpu.jpg) center center}
.c5_All{height:900px;background:url(../images/Intelligent_helmet_for_road_safety.jpg) center center}
.c5_cpu-desc{position:relative;width:500px;padding-top:202px;margin:0 auto;color:#edba74;text-align:center;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);opacity:1}
.c5_All .c5_cpu-desc{width:400px;color:#969696}
.c5_cpu-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.c5_All.on .c5_All,.c5_cpu.on .c5_cpu,.c5_cpu.on .c5_cpu-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.c5_rock_main{background:#eef2fa;padding-top:80px}
.c5_rock{height:1000px;background:url(../images/street_sports_helmets.jpg) center center}
.c5_rock-desc{position:relative;width:500px;padding-top:120px;color:#333;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);opacity:1}
.c5_rock_info{position:absolute;padding-top:220px;color:#CFCFCF;right:5%;width:180px}
.c5_rock_info h2{background:url(../images/c5_rock_info_icon.png) right top no-repeat;padding-top:30px;font-size:30px}
.c5_rock .c5_rock_info_p{text-align:right;width:230px;position:absolute;padding-top:312px;right:5%;color:#CFCFCF}
.c5_rock-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.c5_rock.on .c5_rock,.c5_rock.on .c5_rock-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.c5_rock_info_p .gap{display:inline-block;width:42px;height:0;border-bottom:3px solid #929395;margin:10px auto;opacity:1}
.process-feature{background:#08212f}
.process-feature .feature{width:990px;margin:0 auto;padding:60px 0}
.feature li{float:left;width:322px;font-size:14px;line-height:18px;text-align:center;list-style-type:none;color:#d2d2d2}
.feature li h2{font-size:21px;line-height:25px;opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:-webkit-transform 1s 1s,opacity 1s 1s;transition:transform 1s 1s,opacity 1s 1s}
.feature li h1{font-size:48px;letter-spacing:3px}
.feature li h1 span{font-size:24px}
.feature li .gap{display:inline-block;width:25px;height:0;border-bottom:1px solid #ccc;margin:11px auto;opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:-webkit-transform 1s 1.2s,opacity 1s 1.2s;transition:transform 1s 1.2s,opacity 1s 1.2s}
.feature li p{opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition:-webkit-transform 1s 1.5s,opacity 1s 1.5s;transition:transform 1s 1.5s,opacity 1s 1.5s}
.actived .feature .gap,.actived .feature h2,.actived .feature p{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
.process-feature .feature-specs{padding:50px 0}
.process-specs{background:#303031!important}
.feature-specs li h2{font-size:16px}
.feature-specs li h1{font-size:30px;letter-spacing:3px}
.feature-specs li .gap{margin:5px 0}
.feature-specs li p{font-size:14px}
.craft{background:#eef2fa}
.craft .desc{width:560px;margin:0 auto;padding:60px 0;text-align:center}
.craft .desc h1{line-height:68px;font-size:25px}
.craft .craft-pic{position:relative;width:100%;height:790px;overflow:hidden}
.c5_ride{height:900px;background:url(../images/color_intelligent_helmet.jpg) center center}
.c5_ride-desc{position:relative;width:500px;padding-top:120px;color:#333;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);opacity:1}
.c5_ride_info{position:absolute;padding-top:320px;color:#6E6E6E;width:180px;padding-left:40px}
.c5_ride_info h2{background:url(../images/c5_rock_info_icon_gray.png) right top no-repeat;padding-top:30px;font-size:30px}
.c5_ride .c5_ride_info_p{width:230px;position:absolute;padding-top:412px;color:#868686}
.c5_ride-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.c5_ride.on .c5_ride,.c5_ride.on .c5_ride-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.c5_ride_info_p .gap{display:inline-block;width:42px;height:0;border-bottom:3px solid #929395;margin:10px auto;opacity:1}
.c5_moment{height:900px;background:url(../images/custom_intelligent_helmet.jpg) center center}
.c5_ride .c5_ride_right,.c5_ride .c5_ride_text_right{right:5%}
.c5_ride_text_right{text-align:right;color:#676565!important;width:210px!important}
.c5_halve{background:#eef2fa;padding:100px 0 80px 0}
.c5_halve-desc{width:460px;text-align:left;right:0;position:absolute;z-index:999;color:#eef2fb;left:5%;color:#333}
.c5_halve-img{position:absolute;top:0;right:1%;margin-left:0;margin:0}
.c5_halve_slip{margin-bottom:-8px}
.c5_helmets_right{height:600px;background:#eef2fb;padding:80px 0}
.c5_helmets_right-desc{padding-top:50px;width:260px;text-align:left;right:0;position:absolute;z-index:999}
.c5_helmets_right-desc .iphone{float:right;display:inline-block}
.c5_helmets_right-img{position:absolute;top:80px;margin-left:0;left:-80px}
.c5_battery{height:800px;background:#eef2fb;padding:80px 0}
.c5_battery-desc{padding-top:50px;width:260px;text-align:center;right:35%;position:absolute;z-index:999;top:59%}
.c5_battery-desc .iphone{float:right;display:inline-block}
.c5_battery-img{position:absolute;top:40px;margin-left:0;left:100px}
.c5_app_connect{height:900px;background:url(../images/airwheel_c5_contact.jpg) center center}
.c5_app_connect-desc{position:relative;width:500px;padding-top:120px;color:#333;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);opacity:1}
.c5_app_connect_info{position:absolute;padding-top:547px;color:#6E6E6E;width:230px;left:-100px;text-align:left;}
.c5_app_connect_info h2{padding-top:30px;font-size:30px}
.c5_app_connect.on .c5_app_connect,.c5_app_connect.on .c5_app_connect-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.c5_app_connect_info .range_c5{text-align:center;border:1px solid #C6CBCF;border-radius:5px;width:90px;padding:5px 3px;margin-top:22px;float:left;font-size:16px}
.c5_function2{height:775px;background:#eef2fb;padding-top:81px}
.c5_function2-desc{padding-top:0;width:450px;text-align:center;left:30%;position:absolute;z-index:999;color:#5F5F5F}
.c5_function2-img{position:absolute;top:0;right:-13%;margin-left:0;padding-top:90px}
.c5_function1{height:900px;background:url(../images/airwheel_best_motorcycle_helmet.jpg) center center;background-size:cover}
.c5_function1-desc h1 img{width:35px;vertical-align:middle;padding-right:5px}
.c5_function1-desc{position:relative;padding-top:240px;color:#fff;width:300px;text-align:left;float:left;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}
.c5_function1-desc .helmets_app{padding-top:30px}
.c5_function1-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.c5_function1.on .c5_function1-desc,.c5_function1.on .c5_function1-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.c5_function3{height:930px;background:url(../images/airwheel_helmet_cpu.jpg) center center}
.c5_All{height:900px;background:url(../images/Intelligent_helmet_for_road_safety.jpg) center center}
.c5_function3-desc{position:relative;width:500px;padding-top:202px;margin:0 auto;color:#edba74;text-align:center;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:translate(0,-100px);transform:translate(0,-100px);opacity:1}
.c5_All .c5_function3-desc{width:400px;color:#969696}
.c5_function3-img{position:absolute;top:10px;left:0;transition:all 1s ease-in-out;-webkit-transform:translate(0,0);transform:translate(0,0)}
.c5_All.on .c5_All,.c5_function3.on .c5_function3,.c5_function3.on .c5_function3-img{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1}
.c5_function4{height:930px;background:url(../images/airwheel_wifi_c5.jpg) center center}
.c5_function4-desc{position:relative;width:500px;padding-top:120px;color:#333;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}
.c5_function4_info{position:absolute;padding-top:100px;color:#6E6E6E;width:280px;padding-left:10px;left:0;text-align:left}
.c5_function4_info h2{padding-top:30px;font-size:30px}
.c5_function5{height:965px;background:url(../images/airwheel_tel.jpg) center center}
.c5_function5 .c5_cpu-desc{color:#B6B6B6}
.c5_function6{height:916px;background:url(../images/smart_helmet.jpg) center center}
.c5_function6-desc{position:relative;width:500px;padding-top:120px;color:#333;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}
.c5_function6_info{position:absolute;padding-top:150px;color:#6E6E6E;width:280px;padding-left:10px;right:0;text-align:left}
.c5_function6_info h2{padding-top:30px;font-size:30px}
.c5_function7{height:881px;background:url(../images/airwheel_helmet_proof.jpg) center center}
.c5_function7-desc{position:relative;width:500px;padding-top:120px;color:#333;z-index:1;transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out}
.c5_function7_info{position:absolute;padding-top:500px;color:#6E6E6E;width:280px;padding-left:10px;left:7%;text-align:left;color:#EAD9D9}
.c5_function7_info h2{padding-top:30px;font-size:30px}

