@charset "utf-8";
* { margin: 0; padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; font-size: 10px; }
/**
 * 核心基础
 **/
html, body, nav, ul, li, h1, h2, h3, h4, h5, h6, figure, p, input { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1.2rem; font-weight: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input[type=button] { -webkit-appearance: none; outline: none; }
body { font-size: 1rem; font-family: "\5fae\8f6f\96c5\9ed1", "Microsoft YaHei"; background: #f6f6f6; position: relative; color: #333; }
input[type="text"], input[type="search"] { -webkit-appearance: none; -webkit-tap-highlight-color: #fff; outline: none; }
img { border: none; vertical-align: middle; }
a { color: #333; text-decoration: none; border: 0; outline: none; background-color: transparent; }
a:-webkit-any-link {outline: none;}
a:active, a:hover { outline: 0; }
a:hover, a:focus { text-decoration: none; color: #333; }
a:focus { outline: thin dotted; outline: 0.5rem auto -webkit-focus-ring-color; outline-offset: -0.2rem; }
ul, ol, li { list-style-type: none; }
em, i { font-style: normal; }
.cl{clear:both;}
.fl{float:left;}
.fr{float:right;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.f-tac{text-align:center;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.ml-10{margin-left:10px;}
.ml-20{margin-left:20px;}
.ml-36{margin-left:36px;}
.mt-50{margin-top:50px;}
.over{overflow:hidden;}
.wrap{width:1200px; margin:0 auto; position:relative;}
.section-1{width:100%; min-height:742px; background:#fedf17 url(../images/index/first_screen_bg.jpg) no-repeat center center;}
.section-2,.section-3,.section-4{width:100%; min-height:776px;}
.section-2{background:#e7e6ea url(../images/index/second_screen_bg.jpg) no-repeat center center;}
.section-3{background:#fcfaf0 url(../images/index/third_screen_bg.jpg) no-repeat center center;}
.section-4{background:#fff;}
.section-5{width:100%; min-height:930px; background:#fedc00;}
.posa{position:absolute; z-index:3;}
.logo{width:289px; height:55px; background:url(../images/index/logo.png?v=3.0) no-repeat; left:0; top:48px;}
.bgb-app{width:420px; height:92px; background:url(../images/index/skkj_app.png?v=3.0) no-repeat; left:0; top:152px;}
.banner-txt{width:490px; font-size:18px; left:0; top:268px;}
.banner-txt li{height:30px; line-height:30px; clear:both;}
.banner-txt li i{width:8px; height:8px; float:left; background:url(../images/index/dot.png) no-repeat; margin:12px 12px 12px 0;}
.qr-wrap{width:490px; height:252px; left:0; top:475px;}
.section-1 .wrap{height:742px;}
.section-2 .wrap,.section-3 .wrap,.section-4 .wrap{height:776px;}
.btn{display:inline-block; width:232px; padding:16px 32px; font-size:24px; font-weight:normal; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; outline:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:2px;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus{outline:0;}
.btn:hover, .btn:focus, .btn.focus{color:#333; text-decoration:none;}
.btn:active, .btn.active{background-image:none; outline:0;}
.btn-white{color:#373534; background-color:#fff; border:1px solid #ddd;}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active{color:#373534; background-color:rgba(255,255,255,.9); border-color:#ddd; }
.btn-radius{border-radius:5px;}
.btn.iphone i{width:28px; height:28px; background:url(../images/index/iPhone.png) no-repeat; float:left; margin-right:10px;}
.btn.andriod i{width:28px; height:28px; background:url(../images/index/Andriod.png) no-repeat; float:left; margin-right:10px;}
.banner-slogan{width:112px; height:458px; background:url(../images/index/banner_slogan.png) no-repeat; bottom:92px; right:405px;}
.banner-phone{width:350px; height:590px; background:url(../images/index/banner_phone.png) no-repeat; bottom:0; right:0;}
.second-screen{width:1005px; height:658px; top:50%; left:50%; margin-top:-329px; margin-left:-502.5px;}
.third-screen, .fourth-screen{width:678px; height:620px; top:50%; left:50%; margin-left:-339px; margin-top:-310px;}
.footer{margin-top:118px; margin-bottom:60px;}
.footer-phone{width:319px; height:680px; background:url(../images/index/footer_phone.png) no-repeat; margin-left:242px;}
.footer-fr{width:475px; margin-top:80px;}
.foot-slogan{width:289px; height:38px; background:url(../images/index/foot_slogan.png) no-repeat;}
.foot-qr{width:210px; margin-top:55px; margin-left:40px;}
.foot-qr p{width:210px; height:210px;}
.foot-qr p img{width:100%;}
.foot-qr span{display:block; margin-top:10px;}
.btn-footer{width:230px; height:60px; padding:12px 32px;}