div,ul,span,li,img{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@keyframes z{from{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)}to{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)}}.z{-webkit-animation-name:z;animation-name:z}@keyframes run{from{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)}to{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)}from{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1)}to{-webkit-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);-moz-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);-ms-transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);transform:translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1)}}.run{-webkit-animation-name:run;animation-name:run}@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.float{-webkit-animation-name:float;animation-name:float}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(0.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@keyframes floatX{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.floatX{-webkit-animation-name:float;animation-name:float}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}body{max-height:100%;height:100%;margin:0;padding:0;border:0;line-height:1.5;font-size:12px;color:#333;font-family:"微软雅黑",Tahoma,Arial,"Helvetica Neue","Hiragino Sans GB",Simsun,sans-self,serif;font-weight:normal;font-style:normal;cursor:auto;background:#EFF2F9;width:100%;min-width:1000px}form{margin:0;padding:0}img{border:0;height:auto;margin:0;padding:0;-ms-interpolation-mode:bicubic;vertical-align:middle}ul,ol,li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-family:"微软雅黑", "Open Sans", serif;font-size:100%;margin:0;padding:0;font-weight:normal;word-wrap:break-word}td,select,input,textarea{color:#333}div,p,blockquote,dl,dt,dd,tr,th,td,center,input,button,textarea{padding:0;margin:0;word-wrap:break-word}::-webkit-scrollbar{width:10px;overflow:visible;height:10px}::-webkit-scrollbar-button{height:0;width:0}::-webkit-scrollbar-track{background-clip:padding-box;border:1px solid transparent}::-webkit-scrollbar-track:horizontal{border-width:2px 0 0}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.1)}::-webkit-scrollbar-track:horizontal:hover{border:1px solid rgba(0,0,0,0.1)}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.2)}::-webkit-scrollbar-track:horizontal:active{border:1px solid rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb{background-clip:padding-box;background:rgba(0,0,0,0.08);border:1px solid rgba(0,0,0,0.1);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:rgba(36,36,36,0.15)}.clearfix:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix{zoom:1}a{color:#333;text-decoration:none;cursor:pointer;border:0}a:hover{cursor:pointer;color:#2898fd}em{color:#ff4200;font-style:normal}.row{margin:0 auto;width:1000px;zoom:1;position:relative}.row .row{width:auto;margin-top:0;margin-bottom:0;max-width:none}.row:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix:after,ul:after{content:"";height:0;visibility:hidden;display:block;clear:both}.clearfix,ul{zoom:1}.fleft{float:left !important;display:inline-block}.fright{float:right !important;display:inline-block}.hide{display:none}.border-none{border:none !important}.column,.columns{position:relative;float:left}.width400{width:400px}.width600{width:600px}.width500{width:500px}.header{width:100%;position:absolute;top:0;left:0;padding:30px 0;z-index:1}.header .row .left{float:left;width:50%}.header .row .right{float:right;width:50%}.header .row .right ul li{float:left;margin:0 20px}.header .row .right ul li a{color:white;font-size:16px;display:block;padding:5px;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.header .row .right ul li a:hover{border-bottom:1px solid #fff}.main .section{width:100%;height:740px;position:relative;background-size:auto auto;overflow:hidden}.main .section .step{position:absolute !important}.main .section-1{position:relative;height:700px;background:#0199E9;background:-webkit-linear-gradient(90deg, #227CCD 0%, #1D7CBC 35%, #2771B2 75%, #217FD3 100%);background:-moz-linear-gradient(90deg, #227CCD 0%, #1D7CBC 35%, #2771B2 75%, #217FD3 100%);background:-ms-linear-gradient(90deg, #227CCD 0%, #1D7CBC 35%, #2771B2 75%, #217FD3 100%);background:linear-gradient(90deg, #227CCD 0%, #1D7CBC 35%, #2771B2 75%, #217FD3 100%)}.main .section-1 .section-1-wrap{left:50%;margin-left:-685px;top:-50%;height:1369px;width:1369px;position:absolute;background:url(../images/bg2.png) 50% no-repeat;animation:run 30s linear 0s infinite}.main .section-1 .row{padding-top:100px}.main .section-1 .row .width500{position:relative}.main .section-1 .row .s-fleft{float:left;height:550px}.main .section-1 .row .s-fright{float:right;height:490px;margin-top:60px}.main .section-1 .row .step1{left:0;top:0}.main .section-1 .row .step2{left:20px;top:50px}.main .section-1 .row .step3{left:20px;top:130px;width:480px}.main .section-1 .row .step3 span{font-size:28px;color:white;letter-spacing:4px}.main .section-1 .row .step4{left:77px;top:230px;width:360px}.main .section-1 .row .step4 .btn-group a{display:block;padding:15px 25px 15px 60px;background:#fff;margin:20px 0;position:relative;z-index:0;overflow:hidden;width:115px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:16px;color:#0AAFF4;transition:all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1)}@media screen and (min-width: 0){.main .section-1 .row .step4 .btn-group a:before,.main .section-1 .row .step4 .btn-group a:after{position:absolute;right:0;bottom:0;width:100px;height:100px;border-radius:50%;background:#1d89ff;content:'';opacity:0;transition:transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1),opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);z-index:-1;transform:translate(100%, -25%) translateZ(0)}}.main .section-1 .row .step4 .btn-group a:hover{-webkit-box-shadow:0 5px 11px 0 #397fbd,0 4px 15px 0 #fff;-moz-box-shadow:0 5px 11px 0 #397fbd,0 4px 15px 0 #fff;box-shadow:0 5px 11px 0 #397fbd,0 4px 15px 0 #fff;transition:all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1)}.main .section-1 .row .step4 .btn-group a:hover:before{opacity:.15;transition:transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1),opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);transform:translate3d(50%, 0, 0) scale(0.9)}.main .section-1 .row .step4 .btn-group a:hover:after{opacity:.25;transition:transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1) 0.05s,opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1) 0.05s;transform:translate(50%) scale(1.1)}.main .section-1 .row .step4 .btn-group a i{background:url(../images/icon.png) no-repeat;width:28px;height:32px;display:block;position:absolute;left:20px;top:8px}.main .section-1 .row .step4 .btn-group a.iphone i{background-position:0 0}.main .section-1 .row .step4 .btn-group a.android i{background-position:-33px 0}.main .section-1 .row .step4 .fleft img{margin-top:21px}.main .section-1 .row .step4 b.border-left{display:block;height:125px;position:relative;margin:20px 10px 0}.main .section-2{background:#fff}.main .section-2 .row .s-fleft{position:relative;float:left}.main .section-2 .row .s-fleft .step1{font-size:48px;letter-spacing:4px;margin-top:200px;left:10px;color:#666}.main .section-2 .row .s-fleft .step2{font-size:24px;color:#666;margin-top:300px;left:10px;letter-spacing:4px}.main .section-2 .row .s-fleft .step3{left:-15px;margin-top:400px}.main .section-2 .row .s-fleft .step3 ul li{float:left;border-left:1px solid #9d9d9d;padding:0 30px}.main .section-2 .row .s-fleft .step3 ul li div{display:block;text-align:center;width:80px}.main .section-2 .row .s-fleft .step3 ul li div:hover i{-webkit-animation:flip ease-in-out 1s;-o-animation:flip ease-in-out 1s;animation:flip ease-in-out 1s}.main .section-2 .row .s-fleft .step3 ul li div i.icon{background:url(../images/icon.png) no-repeat;width:56px;height:56px;display:block;margin:0 auto}.main .section-2 .row .s-fleft .step3 ul li div i.icon-1{background-position:0 -40px}.main .section-2 .row .s-fleft .step3 ul li div i.icon-2{background-position:-57px -40px}.main .section-2 .row .s-fleft .step3 ul li div i.icon-3{background-position:-114px -40px}.main .section-2 .row .s-fleft .step3 ul li div span{font-size:20px;color:#9D9D9D;display:block;margin-top:5px}.main .section-2 .row .s-fright{position:relative;float:right}.main .section-2 .row .s-fright .step{letter-spacing:3px}.main .section-2 .row .s-fright .step div{-webkit-animation:float ease-in-out 3.6s infinite;-o-animation:float ease-in-out 3.6s infinite;animation:float ease-in-out 3.6s infinite}.main .section-2 .row .s-fright .step4{margin-top:125px;right:50px}.main .section-2 .row .s-fright .step5{top:226px;right:370px;opacity:0}.main .section-2 .row .s-fright .step6{top:277px;right:23px;opacity:0}.main .section-2 .row .s-fright .step7{top:453px;right:335px;opacity:0}.main .section-2 .row .s-fright .step8{top:170px;right:300px;opacity:0}.main .section-2 .row .s-fright .step8 div{background:url(../images/sec25.png) no-repeat;width:95px;height:95px;color:white;font-size:24px;text-align:center;line-height:95px;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7}.main .section-2 .row .s-fright .step9{top:377px;right:292px;opacity:0}.main .section-2 .row .s-fright .step9 div{background:url(../images/sec26.png) no-repeat;width:70px;height:70px;color:white;font-size:20px;text-align:center;line-height:70px;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7}.main .section-2 .row .s-fright .step10{top:398px;right:33px;opacity:0}.main .section-2 .row .s-fright .step10 div{background:url(../images/sec27.png) no-repeat;width:80px;height:80px;color:white;font-size:20px;text-align:center;line-height:80px;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7}.main .section-2 .row .s-fright .step11{top:459px;right:60px;opacity:0}.main .section-2 .row .s-fright .step11 div{background:url(../images/sec28.png) no-repeat;width:65px;height:65px;color:white;font-size:18px;text-align:center;line-height:65px;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7}.main .section-3{background:#f3fbfe}.main .section-3 .row .s-fleft{position:relative;float:left}.main .section-3 .row .s-fleft .step1{top:125px;right:90px}.main .section-3 .row .s-fleft .step2{top:279px;right:-17px}.main .section-3 .row .s-fleft .step3{top:420px;left:45px}.main .section-3 .row .s-fleft .step2,.main .section-3 .row .s-fleft .step3{opacity:0}.main .section-3 .row .s-fleft .step2 img,.main .section-3 .row .s-fleft .step3 img{-webkit-animation:pulse ease-in-out 3.6s infinite;-o-animation:pulse ease-in-out 3.6s infinite;animation:pulse ease-in-out 3.6s infinite}.main .section-3 .row .s-fright{position:relative;float:right}.main .section-3 .row .s-fright .step4{font-size:48px;letter-spacing:4px;top:200px;left:110px;color:#666}.main .section-3 .row .s-fright .step5{font-size:24px;color:#666;top:300px;left:110px;letter-spacing:4px}.main .section-3 .row .s-fright .step6{left:78px;top:400px}.main .section-3 .row .s-fright .step6 ul li{float:left;border-left:1px solid #9d9d9d;padding:0 30px}.main .section-3 .row .s-fright .step6 ul li div{display:block;text-align:center;width:80px}.main .section-3 .row .s-fright .step6 ul li div:hover i{-webkit-animation:flip ease-in-out 1s;-o-animation:flip ease-in-out 1s;animation:flip ease-in-out 1s}.main .section-3 .row .s-fright .step6 ul li div i.icon{background:url(../images/icon.png) no-repeat;width:60px;height:52px;display:block;margin:0 auto 10px}.main .section-3 .row .s-fright .step6 ul li div i.icon-1{background-position:0 -98px}.main .section-3 .row .s-fright .step6 ul li div i.icon-2{background-position:-60px -94px}.main .section-3 .row .s-fright .step6 ul li div i.icon-3{background-position:-120px -94px}.main .section-3 .row .s-fright .step6 ul li div span{font-size:20px;color:#9D9D9D;display:block;margin-top:5px}.main .section-4{background:#fff}.main .section-4 .row .s-fleft{position:relative;float:left}.main .section-4 .row .s-fleft .step1{font-size:48px;letter-spacing:4px;top:200px;left:10px;color:#666}.main .section-4 .row .s-fleft .step2{font-size:24px;color:#666;top:300px;left:10px;letter-spacing:4px}.main .section-4 .row .s-fleft .step3{left:-15px;top:400px}.main .section-4 .row .s-fleft .step3 ul li{float:left;border-left:1px solid #9d9d9d;padding:0 30px}.main .section-4 .row .s-fleft .step3 ul li div{display:block;text-align:center;width:80px}.main .section-4 .row .s-fleft .step3 ul li div:hover i{-webkit-animation:flip ease-in-out 1s;-o-animation:flip ease-in-out 1s;animation:flip ease-in-out 1s}.main .section-4 .row .s-fleft .step3 ul li div i.icon{background:url(../images/icon.png) no-repeat;width:50px;height:52px;display:block;margin:0 auto}.main .section-4 .row .s-fleft .step3 ul li div i.icon-1{background-position:0 -146px}.main .section-4 .row .s-fleft .step3 ul li div i.icon-2{background-position:-56px -148px}.main .section-4 .row .s-fleft .step3 ul li div i.icon-3{background-position:-114px -149px}.main .section-4 .row .s-fleft .step3 ul li div span{font-size:20px;color:#9D9D9D;display:block;margin-top:5px}.main .section-4 .row .s-fright{position:relative;float:right}.main .section-4 .row .s-fright .step{letter-spacing:3px}.main .section-4 .row .s-fright .step4{top:125px;right:0}.main .section-4 .row .s-fright .step5{top:200px;right:400px}.main .section-4 .row .s-fright .step6{top:206px;left:128px}.main .section-4 .row .s-fright .step7{top:228px;left:169px}.main .section-4 .row .s-fright .step8{top:327px;left:97px}.main .section-4 .row .s-fright .step5,.main .section-4 .row .s-fright .step6,.main .section-4 .row .s-fright .step7,.main .section-4 .row .s-fright .step8{-webkit-animation:floatX ease-in-out 3s infinite;-o-animation:floatX ease-in-out 3s infinite;animation:floatX ease-in-out 3s infinite;opacity:0}.main .section-5{background:#64C0FB}.main .section-5 .row .s-fleft{position:relative;float:left}.main .section-5 .row .s-fleft .step1{top:125px;right:50px}.main .section-5 .row .s-fleft .step2{top:279px;left:86px;opacity:0}.main .section-5 .row .s-fleft .step2 img{-webkit-animation:shake ease-in-out 2s;-o-animation:shake ease-in-out 2s;animation:shake ease-in-out 2s}.main .section-5 .row .s-fleft .step3{top:378px;left:142px;opacity:0}.main .section-5 .row .s-fleft .step3 img{-webkit-animation:shake 2s ease-in-out 2s;-o-animation:shake 2s ease-in-out 2s;animation:shake 2s ease-in-out 2s}.main .section-5 .row .s-fright{position:relative;float:right}.main .section-5 .row .s-fright .step4{font-size:48px;letter-spacing:4px;top:200px;left:110px;color:#fff}.main .section-5 .row .s-fright .step5{font-size:24px;color:#fff;top:300px;left:110px;letter-spacing:4px}.main .section-5 .row .s-fright .step6{left:78px;top:400px}.main .section-5 .row .s-fright .step6 ul li{float:left;border-left:1px solid #fff;padding:0 30px}.main .section-5 .row .s-fright .step6 ul li div{display:block;text-align:center;width:80px}.main .section-5 .row .s-fright .step6 ul li div:hover i{-webkit-animation:flip ease-in-out 1s;-o-animation:flip ease-in-out 1s;animation:flip ease-in-out 1s}.main .section-5 .row .s-fright .step6 ul li div i.icon{background:url(../images/icon.png) no-repeat;width:60px;height:52px;display:block;margin:0 auto 10px}.main .section-5 .row .s-fright .step6 ul li div i.icon-1{background-position:5px -203px}.main .section-5 .row .s-fright .step6 ul li div i.icon-2{background-position:-53px -203px}.main .section-5 .row .s-fright .step6 ul li div i.icon-3{background-position:-105px -203px}.main .section-5 .row .s-fright .step6 ul li div span{font-size:20px;color:#fff;display:block;margin-top:5px}.main .section-6{background:#fff}.main .section-6 .row .s-fleft{position:relative;float:left}.main .section-6 .row .s-fleft .step1{font-size:48px;letter-spacing:4px;top:200px;left:10px;color:#666}.main .section-6 .row .s-fleft .step2{font-size:24px;color:#666;top:300px;left:10px;letter-spacing:4px}.main .section-6 .row .s-fleft .step3{left:-15px;top:400px}.main .section-6 .row .s-fleft .step3 ul li{float:left;border-left:1px solid #9d9d9d;padding:0 30px}.main .section-6 .row .s-fleft .step3 ul li div{display:block;text-align:center;width:80px}.main .section-6 .row .s-fleft .step3 ul li div:hover i{-webkit-animation:flip ease-in-out 1s;-o-animation:flip ease-in-out 1s;animation:flip ease-in-out 1s}.main .section-6 .row .s-fleft .step3 ul li div i.icon{background:url(../images/icon.png) no-repeat;width:52px;height:52px;display:block;margin:0 auto}.main .section-6 .row .s-fleft .step3 ul li div i.icon-1{background-position:0 -257px}.main .section-6 .row .s-fleft .step3 ul li div i.icon-2{background-position:-59px -256px}.main .section-6 .row .s-fleft .step3 ul li div i.icon-3{background-position:-123px -257px}.main .section-6 .row .s-fleft .step3 ul li div span{font-size:20px;color:#9D9D9D;display:block;margin-top:5px}.main .section-6 .row .s-fright{position:relative;float:right}.main .section-6 .row .s-fright .step{letter-spacing:3px}.main .section-6 .row .s-fright .step4{top:125px;right:0}.main .section-6 .row .s-fright .step5{top:169px;right:334px}.main .section-6 .row .s-fright .step6{top:289px;right:-92px}.main .section-6 .row .s-fright .step7{top:284px;left:128px}.main .section-6 .row .s-fright .step8{top:354px;left:322px}.main .section-6 .row .s-fright .step9{top:243px;left:481px}.main .section-6 .row .s-fright .step10{top:-136px;left:0;-webkit-transform:translateX(0) translateY(100px) translateZ(0) rotateX(-114deg) rotateY(-12deg) rotateZ(0deg) scale(0.7);-moz-transform:translateX(0) translateY(100px) translateZ(0) rotateX(-114deg) rotateY(-12deg) rotateZ(0deg) scale(0.7);-ms-transform:translateX(0) translateY(100px) translateZ(0) rotateX(-114deg) rotateY(-12deg) rotateZ(0deg) scale(0.7);-o-transform:translateX(0) translateY(100px) translateZ(0) rotateX(-114deg) rotateY(-12deg) rotateZ(0deg) scale(0.7);transform:translateX(0) translateY(100px) translateZ(0) rotateX(-114deg) rotateY(-12deg) rotateZ(0deg) scale(0.7)}.main .section-6 .row .s-fright .step10 img{-webkit-animation:z 2s linear 0s infinite;-o-animation:z 2s linear 0s infinite;animation:z 2s linear 0s infinite}.main .section-6 .row .s-fright .step5,.main .section-6 .row .s-fright .step6,.main .section-6 .row .s-fright .step7,.main .section-6 .row .s-fright .step8,.main .section-6 .row .s-fright .step9,.main .section-6 .row .s-fright .step10{opacity:0}.footer{background:#0BADF6;background:-webkit-linear-gradient(#0AAFF4 0%, #257BC8 100%);background:-moz-linear-gradient(#0AAFF4 0%, #257BC8 100%);background:-ms-linear-gradient(#0AAFF4 0%, #257BC8 100%);background:linear-gradient(#0AAFF4 0%, #257BC8 100%)}.footer .triangle{background:url(../images/triangle.png) no-repeat;width:65px;height:32px;margin:0 auto}.footer .clearfix{margin:0 auto;width:360px;padding:50px 0}.footer .clearfix .btn-group a{display:block;padding:15px 25px 15px 60px;background:#fff;margin:20px 0;position:relative;z-index:0;overflow:hidden;width:115px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:16px;color:#0AAFF4;transition:all 0.3s cubic-bezier(0.02, 0.01, 0.47, 1)}.footer .clearfix .btn-group a:before,.footer .clearfix .btn-group a:after{position:absolute;right:0;bottom:0;width:100px;height:100px;border-radius:50%;background:#1d89ff;content:'';opacity:0;transition:transform 0.15s cubic-bezier(0.02, 0.01, 0.47, 1),opacity 0.15s cubic-bezier(0.02, 0.01, 0.47, 1);z-index:-1;transform:translate(100%, -25%) translateZ(0)}.footer .clearfix .btn-group a:hover,.footer .clearfix .btn-group a:focus{-webkit-box-shadow:0 5px 11px 0 #397fbd,0 4px 15px 0 #fff;-moz-box-shadow:0 5px 11px 0 #397fbd,0 4px 15px 0 #fff;box-shadow:0 5px 11px 0 #397fbd,0 4px 15px 0 #fff;transition:all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1)}.footer .clearfix .btn-group a:hover:before,.footer .clearfix .btn-group a:focus:before{opacity:.15;transition:transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1),opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);transform:translate3d(50%, 0, 0) scale(0.9)}.footer .clearfix .btn-group a:hover:after,.footer .clearfix .btn-group a:focus:after{opacity:.25;transition:transform 0.2s cubic-bezier(0.02, 0.01, 0.47, 1) 0.05s,opacity 0.2s cubic-bezier(0.02, 0.01, 0.47, 1) 0.05s;transform:translate(50%) scale(1.1)}.footer .clearfix .btn-group a i{background:url(../images/icon.png) no-repeat;width:28px;height:32px;display:block;position:absolute;left:20px;top:8px}.footer .clearfix .btn-group a.iphone i{background-position:0 0}.footer .clearfix .btn-group a.android i{background-position:-33px 0}.footer .clearfix .fleft img{margin:21px 0 0 45px}.footer .copy-right{text-align:center;font-size:14px;color:#fff;height:40px;line-height:40px}
/*# sourceMappingURL=master.css.map */