﻿.s5_banner,.small_img{vertical-align:middle}
*,.clearer,abbr,article,aside,blockquote,body,command,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,input,li,mark,meter,nav,ol,output,p,pre,progress,section,summary,time,ul{margin:0;padding:0;}
.clearer,article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
a,body{color:#515151}
address,caption,cite,code,em,figcaption,h1,h2,h3,h4,h5,h6,pre,strong,th{font-size:1em;font-weight:400;font-style:normal}
body,html{width:100%;height:100%}
html{background-color:#fff}
.clear{clear:both}
img{border: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 span a{margin-left:20px;color:#333;padding:5px;font-size:13px;border-bottom:2px solid transparent;text-decoration:none}
.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}
.JSWrapperWidth{width:1080px}
.center-wrapper{position:relative;top:0;width:1040px;height:100%;margin:0 auto}
.img-wrapper{line-height:0}
.a3-page h1{font-size:28px;line-height:35px}
.a3-page h2{font-size:40px;line-height:46px;margin-top:10px}
.a3-page .subnav-logo{padding:22px 0}
.a3-page .slider{position:relative;overflow:hidden;font-size:14px}
.a3-page .slider h1{padding-bottom:14px}
.a3-page .slider p{line-height:24px}
.a3-page.mac .slider{font-size:16px;line-height:24px}
.a3-page .img-wrapper{line-height:0}
.a3-page .next-page{position:relative;height:324px}
.a3-page .next-page img{position:absolute;left:160px;bottom:0}
.a3-page .next-page .next-desc{clear:both;width:50%;height:100%;margin-left:50%;padding-top:130px}
.a3-page .next-page span{font-size:20px}
.a3-page .next-page h3{font-size:30px;padding:8px 0}
.s5_music-desc h1,.s5_music-desc h2{text-align:center;padding-bottom:5px!important}
.a3-page .next-page a{font-size:24px;color:#00a7ea}
.a3-page .next-page .triangle{position:relative;left:4px;height:30px;width:30px;background-position:0 0;background-image:url(../images/triangle.png);background-image:-webkit-image-set(url(../images/triangle.png) 1x,url(../images/a3/triangle@2x.png) 2x)}
.banner-img-2.features-list div,.screen-features div{border-left:#333 1px solid;border-right:#333 1px solid}
.s5_banner{margin-top:200px}
.small_img{height:60px;text-align:center;position:relative;margin:10px 10px 5px}
.s5_banner li{width:100px;float:left;border:1px solid #c1c1c1;margin-right:20px;border-radius:5px}
.s5_banner li p{font-size:12px;text-align:center}
.s5_music{background:url(../images/s5_music.jpg) center center;background-size:cover;height:700px}
.s5_music-desc h1{color:#fff;font-size:40px}
.s5_music-desc h2{color:#C9C9C9;font-size:20px}
.s5_music-desc{position:relative;width:530px;margin:0 auto;padding-top:300px}
.s5_music-desc p{z-index:1;color:#C9C9C9;text-align:center;font-size:16px}
.hkl-back{height:700px;background-color:#e5e5e5}
.hkl-back-desc{position:relative;padding-top:154px;width:365px;z-index:1;float:right}
.hkl-back-desc h1{color:#535252;font-size:35px;padding-bottom:1px!important}
.hkl-back-desc h2{color:#535252;font-size:20px;line-height:36px}
.hkl-back-img{position:absolute;top:0;left:0}
.s5-section_jsfy{padding-top:100px}
.s5_jsfy li{text-align:center;width:150px;float:left}
.s5_line-back{height:650px;background-color:#fff}
.s5_line-back-desc{position:relative;padding-top:284px;width:325px;z-index:1}
.s5_line-back-desc h1{color:#535252;font-size:35px;padding-bottom:1px!important}
.s5_line-back-desc h2{color:#535252;font-size:20px;line-height:36px}
.s5_ich-desc h1,.s5_ich-desc h2,.s5_ich-desc p{text-align:center;color:#323232}
.s5_line-back-img{position:absolute;top:0;left:400px}
.s5_ich{background:url(../images/s5_ich.jpg) center center;background-size:cover;height:700px}
.s5_ich-desc h1{font-size:40px;padding-bottom:5px!important}
.s5_ich-desc h2{font-size:20px;padding-bottom:5px!important}
.s5_ich-desc{position:relative;width:380px;margin:0 auto;padding-top:100px;padding-left:500px}
.s5_ich-desc p{z-index:1;font-size:16px}
.stand-back{height:650px;background-color:#fff}
.stand-back-desc{position:relative;padding-top:184px;width:325px;z-index:1}
.stand-back-desc h1{color:#535252;font-size:35px;padding-bottom:1px!important}
.stand-back-desc h2{color:#535252;font-size:20px;line-height:36px}
.stand-back-img{position:absolute;top:0;left:400px}
.banner{position:relative;height:580px;background-color:#e3e3e3}
.banner-img,.banner-img-1,.banner-img-2{position:absolute}
.banner-desc{padding-top:10px}
.banner-img{top:-30px;left:380px;width:1000px}
.banner-img-1{top:160px}
.airwheel_a3_1{height:584px;width:650px;font-size:25px;float:left}
.function,.function-desc{background:#f6f5f5}
.airwheel_a3_con{padding-top:30px;font-size:50px;line-height:80px}
.airwheel_a3_con p{font-size:25px}
.function-desc{padding:150px 0}
.function-desc li{width:100px;text-align:center;float:left;padding:50px 70px}
.djbp{padding-top:65px}
.chip-figure{margin-top:84px;text-align:center}
.section3{height:880px;color:#FFF;background-color:#f6f5f5}
.section3-desc{position:relative;float:right;padding-right:30px}
.section3-desc p{z-index:1}
.section3-img{position:absolute;top:-1px;margin-left:-354px}
.section4-back{height:772px;background-color:#F1F1F0}
.section4-back-desc{position:relative;padding-top:154px;width:325px;z-index:1}
.section4-back-desc h1{color:#fe9a43;font-size:35px}
.section4-back-img{position:absolute;top:0;left:5px}
.section5{height:842px;background:#edecec}
.section5-desc{padding-top:100px;width:548px;margin:0 auto;z-index:1;text-align:center}
.section3-desc{z-index:1;padding-top:170px}
.section5-desc p{z-index:1;padding-top:15px;width:330px;margin:0 auto}
.section5-desc h1{font-size:38px;color:#535252}
.section8-back-desc h1,.section9-back-desc h1{font-size:35px;color:#fe9a43}
.section5-desc h3{font-size:24px}
.section6-back{height:650px;background-color:#fff}
.section6-back-desc{position:relative;padding-top:414px;width:325px;z-index:1;float:right}
.section6-back-desc h1{color:#535252;font-size:35px}
.section6-back-img{position:absolute;top:100px;left:0}
.section7-back li{width:480px;float:left;padding:30px 20px}
.section7-back li p{text-align:center;padding:10px;font-size:16px}
.section9-back{height:588px;background-color:#000}
.section9-back-desc{position:relative;padding-top:154px;width:375px;z-index:1}
.section9-back-desc p{color:#fff}
.section9-back-img{position:absolute;top:75px;left:25px}
.section10-back{height:770px;background-color:#fff}
.section10-back-desc{position:relative;padding-top:454px;width:375px;z-index:1}
.section10-back-desc h1{color:#fe9a43;font-size:35px}
.section10-back-img{position:absolute;top:3px;left:305px}
.section11{background:url(../images/airwheel_s5_4.jpg) center center;background-size:cover;height:700px}
.section11-desc h1{color:#fff;font-size:40px;text-align:center;padding-bottom:5px!important}
.section11-desc{position:relative;width:500px;margin:0 auto;padding-top:90px}
.section11-desc p{z-index:1;color:#fff;text-align:center;font-size:20px}
