body{background:#fff;color:#fff;font-family:"Hiragino Sans GB","STHeiti","Microsoft YaHei","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif}h1,h2,h3,h4,h5,h6{color:#fff}a{text-decoration:none}a:hover{text-decoration:none}.clearfix:after{clear:both}.header-bootom-box{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);color:#fff;text-align:center;display:none}.header-bootom-box .item{display:inline-block;width:50%;float:left;color:#fff;height:40px;line-height:40px}@media(max-width:524px){.header-bootom-box{display:block}}.le-header{position:fixed;top:0;z-index:999;left:0;right:0;background:transparent;padding:15px 10%;transition:all .6s}.le-header .logo{float:left;height:30px}.le-header .nav{float:right;height:30px}.le-header .nav a{line-height:34px;color:#fff;font-size:14px;padding-left:15px}.le-header .nav a.active{color:#ff4e00}.le-header:hover{background:rgba(0,0,0,0.2)!important}.center-box{text-align:center}.section{position:relative;background:center center no-repeat;background-size:cover;overflow:hidden}.section-box{position:absolute;top:50%;left:50%;z-index:99;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);text-align:center}.section-one{width:100vw;height:100vh}.section-one .section-one-bg{height:100vh;width:50%}.section-one .section-box{text-align:center}.section-one .section-one-slogen{height:300px}.section-one .app-qrcode{opacity:0;margin-top:28px}.section-one .section-box .wechat-qrcode{margin-bottom:15%}.section-one .section-box .wechat-qrcode img{height:125px}.section-one .section-box .page1-title-1 img{height:84px}.section-one .section-box .page1-title-2 img{height:64px}.section-one .section-box .rock-your-body{margin-bottom:15%}.section-one .section-box .rock-your-body img{height:21px}.section-one .section-box .app-down-box .btn-down{color:#fff;border:1px solid #fff;background:rgba(255,255,255,0.15);border-radius:0;webkit-box-shadow:none;box-shadow:none;width:12em;margin:5px 10px;font-weight:600}.section-one .section-box .app-down-box .btn-down .iconfont{font-weight:400}.section-one .section-box .app-down-box .btn-down:hover{color:red;border:1px solid #fff;background:#fff}.section-two .section-two-info{margin-bottom:10%}.section-two .section-two-info img{height:60px}.section-two .section-two-info h3{font-weight:800}.section-two .page2-icon{height:137px}.section-four a{color:#fff}.section-four .section-four-slogen{max-width:70vw;max-height:85vh;padding:5% 0;transition:all .3s}.section-four .section-four-btn{margin-top:-5%;transition:all .3s;display:flex;flex-direction:row;justify-content:center}.section-four .link-btn{margin-top:-5%;transition:all .3s;height:56px;line-height:56px;width:200px;font-size:24px;background:#ff4f00;border-radius:10px}.section-five a{color:#fff}.section-five .section-box>div{width:70vw;padding:5% 0;transition:all .3s}.section-five .section-box>div h3{font-weight:800;transition:all .3s}.section-five .section-box>div h4{font-weight:600}.section-five .section-box>div h5{font-weight:400}.section-five .section-box>div mail{transition:all .3s}.section-five .jion{background:rgba(32,33,42,0.6);margin-bottom:3%}.section-five .jion:hover{background:rgba(32,33,42,0.8);border-radius:3px}.section-five .jion:hover mail{color:#ccc}.section-five .cooperation{background:rgba(255,78,0,0.6);margin-bottom:10%}.section-five .cooperation:hover{background:rgba(255,78,0,0.8);border-radius:3px}.section-five .cooperation:hover h3{color:#ccc}.section-five footer{text-align:center;padding:20px 0;position:absolute;left:0;right:0;bottom:0;background:#272935}.phone-bg-animated{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}.rock-your-body{opacity:0}.wechat-qrcode{opacity:0}.btn-down{opacity:0}.section-one.active .app-qrcode{animation:fadeInSlideInUp 1s .6s forwards;-webkit-animation:fadeInSlideInUp 1s .6s forwards}.section-one.active .section-one-slogen{animation:fadeIn .8s;-webkit-animation:fadeIn .8s}.section-one.active .page1-title-2{animation:fadeSlideInRight .8s;-webkit-animation:fadeSlideInRight .8s}.section-one.active .rock-your-body{animation:fadeIn 1s 1 forwards;-webkit-animation:fadeIn 1s .6s forwards}.section-one.active .app-down-box .btn-down{animation:fadeIn 1s .6s forwards;-webkit-animation:fadeIn 1s .6s forwards}@-webkit-keyframes fadeSlideInLeft{from{opacity:0;transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeSlideInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeSlideInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeSlideInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.section-two.active .section-two-info{animation:fadeIn 3s;-webkit-animation:fadeIn 3s}.section-two.active .center-box-1{animation:fadeInSlideInUp 1s;-webkit-animation:fadeInSlideInUp 1s}.section-two.active .center-box-2{animation:fadeInSlideInUp 1s;-webkit-animation:fadeInSlideInUp 1s}.section-two.active .center-box-3{animation:fadeInSlideInUp 1s;-webkit-animation:fadeInSlideInUp 1s}.section-three.active .iPhone-6{animation:fadeInSlideInUp 1.5s;-webkit-animation:fadeInSlideInUp 1.5s}.section-three.active .section-three-info{animation:fadeIn 1.5s .7s forwards;-webkit-animation:fadeIn 1.5s .7s forwards}.section-three.active .fp-slidesNav{animation:fadeIn 1.5s .7s forwards;-webkit-animation:fadeIn 1.5s .7s forwards}.section-three .fp-slidesNav{opacity:0}.section-three .section-three-info{opacity:0}.section-four.active .section-four-slogen{animation:fadeIn 1s;-webkit-animation:fadeSlideInLeft 1.5s}.section-four.active .section-four-btn{animation:fadeInSlideInUp 2.5s;-webkit-animation:fadeInSlideInUp 2.5s}.section-five.active .jion,.section-five.active .cooperation{animation:fadeIn 1s;-webkit-animation:fadeInSlideInUp 1.2s}.section-five.active footer{animation:fadeIn .5s;-webkit-animation:fadeIn .5s}@-webkit-keyframes fadeInSlideInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInSlideInUp{from{opacity:0;transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{opacity:1;transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes a_to_50{from{width:0}to{width:50%}}@-moz-keyframes a_to_50{from{width:0}to{width:50%}}@-webkit-keyframes a_to_50{from{width:0}to{width:50%}}@-o-keyframes a_to_50{from{width:0}to{width:50%}}@media(min-width:1440px){.section-one .section-box{text-align:center}.section-one .section-box .wechat-qrcode{margin-bottom:15%}.section-one .section-box .wechat-qrcode img{height:145px}.section-one .section-box .page1-title-1 img{height:100px}.section-one .section-box .page1-title-2 img{height:76px}.section-one .section-box .rock-your-body{margin-bottom:15%}.section-one .section-box .rock-your-body img{height:23px}.section-two .center-box .page2-icon{height:150px}.section-two .center-box p{font-size:14px}}@media(max-width:768px){.le-header{display:none}.le-header .logo{height:17px}.le-header .nav{display:none}.section-three .section-three-box .iPhone-6{width:230px;height:407px;bottom:-66px}.section-three .section-three-box .phone-bg{width:175px;height:287px;top:54px;left:21px}.section-three .section-three-box .section-three-info{position:absolute;text-align:center;top:-60%;left:50%;z-index:99;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%)}.section-three .section-three-box .iPhone-box{left:50%;z-index:99;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%)}.section-three .redline-box .redline{z-index:99;position:absolute;width:120%;left:-5%;height:2px;transform:rotate(-8.1deg);-ms-transform:rotate(-8.1deg);-webkit-transform:rotate(-8.1deg);-o-transform:rotate(-8.1deg);-moz-transform:rotate(-8.1deg)}.section-three .redline-box .redline.line-1{bottom:36%}.section-three .redline-box .redline.line-1:after{content:'';display:inline-block;background:#e60012;height:2px;width:80%}.section-three .redline-box .redline.line-2{bottom:41%}.section-three .redline-box .redline.line-2:after{content:'';position:relative;left:75%;display:inline-block;background:#e60012;height:2px;width:15%}.section-three .redline-box .redline.line-3{bottom:80%}.section-three .redline-box .redline.line-3:after{content:'';position:relative;left:60%;display:inline-block;background:#e60012;height:2px;width:40%}.section-four .link-btn{height:40px;line-height:40px;width:140px;font-size:18px;border-radius:5px}}@media(max-width:415px){.section-two .section-two-info{margin-top:10%;margin-bottom:7%;padding:0 20px}.section-one .section-box .section-one-slogen{height:145px}.section-one .section-box .app-qrcode{height:145px}.section-two .section-two-info img{height:37px}.section-two .section-two-info h3{font-size:20px}.section-two .section-two-info h5{font-size:14px}.section-two .page2-icon{height:98px}.section-five .section-box>div{width:90vw}.section-five .section-box>div h3{font-weight:800;transition:all .3s;font-size:20px}.section-five .section-box>div h4{font-weight:600;font-size:16px}.section-five .section-box>div h5{font-weight:400;font-size:14px}.section-five .section-box>div mail{transition:all .3s}.section-five .cooperation{margin-bottom:48%}.section-five footer{text-align:center;padding:20px 0;position:absolute;left:0;right:0;bottom:0;background:#272935}.section-four .link-btn{margin-top:1%;height:30px;line-height:30px;width:110px;font-size:14px;border-radius:3px}}@media(max-width:376px){}@media(max-width:321px){.section-one .section-box{text-align:center}.section-one .section-box .wechat-qrcode{margin-bottom:15%}.section-one .section-box .wechat-qrcode img{height:100px}.section-one .section-box .page1-title img{height:52px}.section-one .section-box .rock-your-body{margin-bottom:15%}.section-one .section-box .rock-your-body img{height:21px}.section-two .section-two-info{margin-bottom:13%}.section-two .section-two-info img{height:25px}.section-two .section-two-info h3{font-weight:800}.section-two .page2-icon{height:90px}.section-two .center-box p{margin:0}}#fp-nav ul li a span{transition:all .3s;height:10px;width:10px}.fp-slidesNav ul li a span{transition:all .3s;height:10px;width:10px}#fp-nav ul li a.active span{background:#ff4e00;height:10px;width:10px;margin:-2px 0 0 -2px}.fp-slidesNav ul li a.active span{background:#fff;height:10px;width:10px;margin:-2px 0 0 -2px}#fp-nav ul li:hover a span{background:#ccc;height:10px;width:10px;margin:-2px 0 0 -2px}.fp-slidesNav ul li:hover a span{background:#ccc;height:4px;width:20px;margin:-2px 0 0 -2px}#fp-nav ul li:hover a.active span{background:#fff;height:10px;width:10px;margin:-2px 0 0 -2px}.fp-slidesNav ul li:hover a.active span{background:#fff;height:4px;width:20px;margin:-2px 0 0 -2px;border-radius:0}.fp-slidesNav{z-index:9999}.fp-slidesNav ul li a span{background:#333;height:4px;width:20px;border-radius:0}.fp-slidesNav ul li a.active span{background:#ff4e00;height:4px;width:20px;margin:-2px 0 0 -2px;border-radius:0}.fp-slidesNav.pc-fp-slidesNav ul li a span{background:#111}.fp-slidesNav.pc-fp-slidesNav ul li a.active span{background:#fff}.fullpage-wrapper .fp-controlArrow{top:65%;width:24px;height:44px}.fullpage-wrapper .fp-controlArrow.fp-prev{border-width:0;background:url("../images/page3-icon-left.png");background-size:100% 100%}.fullpage-wrapper .fp-controlArrow.fp-next{border-width:0;background:url("../images/page3-icon-right.png") center center no-repeat;background-size:100% 100%}