/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}



blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
a{text-decoration:none}
table{border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
strong{font-weight:700}
ol,ul{list-style:none;margin:0;padding:0}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;margin:0;padding:0;color:#444}
q:after,q:before{content:''}
abbr,acronym{border:0}

body {font-family:"Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;line-height:1.5;color:#333;}
a:hover {opacity:.9;}
a:active {opacity:.8;}
.section{text-align:center}

.intro {position:relative;z-index:2;}
canvas {z-index:1;}
.intro h1 {font-size:90px;color: #fff;}
.intro h2 {margin-bottom:10px;font-size:40px;font-weight:200;}
.intro > p {font-size:20px;color:#666;font-weight:100;}
.intro .itm-btns {margin-top:100px;font-size:0;}
.intro .itm-btns a {display:inline-block;width:198px;height:68px;line-height:62px;font-size:24px;vertical-align:middle;border-radius:7px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;user-select:none;}
.intro .itm-btns-a {margin-right:50px;color:#2E92FF;background:#fff;-webkit-box-shadow:0 4px 5px 0 rgba(0, 80, 159, 0.12);box-shadow:0 4px 5px 0 rgba(0, 80, 159, 0.12);border:3px solid #fff;}
.intro .itm-btns-b {color:#fff;border:3px solid #fff;}
#section0 p {font-size:50px;color:#fff;font-weight:100;-webkit-animation:none;animation:none;}

.intro-pic {position:relative;-webkit-transform:scale(.8);transform:scale(.8);}
.intro-pic span {display:block;position:absolute;z-index:1;background-repeat:no-repeat;}

.intro-pic {position:relative;display:block;}
.intro-pic1 {margin:44px auto 0 auto;height:570px;width:871px;}
.intro-pic1 span {background-image:url('../img/1-sprite.png');}
.intro-pic .itm-pic1-1 {top:0px;left:0px;height:570px;width:871px;background-image:url('../img/1-1.png');background-position:0 0;}
.intro-pic .itm-pic1-2 {top:208px;left:410px;height:35px;width:22px;background-position:-219px 0;}
.intro-pic .itm-pic1-3 {top:399px;left:355px;height:47px;width:30px;background-position:-142px 0;}
.intro-pic .itm-pic1-4 {top:269px;left:410px;height:36px;width:22px;background-position:-197px 0;}
.intro-pic .itm-pic1-5 {top:308px;left:409px;height:40px;width:25px;background-position:-172px 0;}
.intro-pic .itm-pic1-6 {top:303px;left:311px;height:32px;width:20px;background-position:-241px 0;}
.intro-pic .itm-pic1-7 {top:199px;left:664px;height:185px;width:142px;background-position:0 0;}

@-webkit-keyframes ani {
    0% {opacity:0;-webkit-transform:scale(0);}
    100% {opacity:1;-webkit-transform:scale(1);}
}
@keyframes ani {
    0% {opacity:0;transform:scale(0);}
    100% {opacity:1;transform:scale(1);}
}

.section.active h2, .section.active p {-webkit-animation:1s anitit ease both;animation:1s anitit ease both;}
@-webkit-keyframes anitit {
    0% {opacity:0;-webkit-transform:scale(0) translateY(-100px)}
    100% {opacity:1;-webkit-transform:scale(1) translateY(0);}
}
@keyframes anitit {
    0% {opacity:0;transform:scale(0) translateY(-100px)}
    100% {opacity:1;transform:scale(1) translateY(0);}
}

#section1.active span {-webkit-animation:1s ani1 ease both;animation:1s ani1 ease both;}
#section1.active .itm-pic1-1 {-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation:1s ani ease both;animation:1s ani ease both;}
#section1.active .itm-pic1-2 {-webkit-animation-delay:.3s;animation-delay:.3s;}
#section1.active .itm-pic1-3 {-webkit-animation-delay:.4s;animation-delay:.4s;}
#section1.active .itm-pic1-4 {-webkit-animation-delay:.5s;animation-delay:.5s;}
#section1.active .itm-pic1-5 {-webkit-animation-delay:.6s;animation-delay:.6s;}
#section1.active .itm-pic1-6 {-webkit-animation-delay:.7s;animation-delay:.7s;}
#section1.active .itm-pic1-7 {-webkit-animation:.6s ani2 .8s ease both;animation:.6s ani2 .8s ease both;-webkit-transform-origin:0 bottom;transform-origin:0 bottom;}

@-webkit-keyframes ani1 {
    0% {-webkit-transform:scale(0);}
    60% {-webkit-transform:scale(1.4);}
    100% {-webkit-transform:scale(1);}
}
@keyframes ani1 {
    0% {transform:scale(0);}
    60% {transform:scale(1.4);}
    100% {transform:scale(1);}
}
@-webkit-keyframes ani2 {
    0% {opacity:0;-webkit-transform:scale(.9);}
    60% {-webkit-transform:scale(1.1);}
    100% {opacity:1;-webkit-transform:scale(1);}
}
@keyframes ani2 {
    0% {opacity:0;transform:scale(.9);}
    60% {transform:scale(1.1);}
    100% {opacity:1;transform:scale(1);}
}

.intro-pic2 {margin:169px auto 0 auto;left:-260px;height:430px;width:616px;}
.intro-pic2 span {background-image:url('../img/2-sprite.png');}
.intro-pic .itm-pic2-1 {top:0px;left:0px;height:430px;width:616px;background-image:url('../img/2-1.png');background-position:0 0;}
.intro-pic .itm-pic2-2 {left:513px;bottom:158px;height:178px;width:221px;background-position:0 0;}
.intro-pic .itm-pic2-3 {left:763px;bottom:196px;height:164px;width:221px;background-position:0 -178px;}
.intro-pic .itm-pic2-4 {left:692px;bottom:389px;height:172px;width:221px;background-position:-221px 0;}
.intro-pic .itm-pic2-5 {left:978px;bottom:362px;height:164px;width:221px;background-position:-221px -178px;}

#section2.active span {-webkit-animation:.6s ani3 ease both;animation:.6s ani3 ease both;-webkit-transform-origin:0 bottom;transform-origin:0 bottom;}
#section2.active .itm-pic2-1 {-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation:1s ani ease both;animation:1s ani ease both;}
#section2.active .itm-pic2-2 {-webkit-animation-delay:.4s;animation-delay:.4s;}
#section2.active .itm-pic2-3 {-webkit-animation-delay:.6s;animation-delay:.6s;}
#section2.active .itm-pic2-4 {-webkit-animation-delay:.8s;animation-delay:.8s;}
#section2.active .itm-pic2-5 {-webkit-animation-delay:1s;animation-delay:1s;}
@-webkit-keyframes ani3 { 
    0% {opacity:0;-webkit-transform:scale(.4) translate(-200px,200px);}
    100% {opacity:1;-webkit-transform:scale(1) translate(0,0);}
}
@keyframes ani3 { 
    0% {opacity:0;transform:scale(.4) translate(-200px,200px);}
    100% {opacity:1;transform:scale(1) translate(0,0);}
}

.intro-pic3 {margin:87px auto 0 auto;height:526px;width:786px;}
.intro-pic3 span {background-image:url('../img/3-sprite.png');}
.intro-pic .itm-pic3-1 {top:0px;left:0px;height:526px;width:786px;background-image:url('../img/3-1.png');background-position:0 0;}
.intro-pic .itm-pic3-2 {top:118px;left:606px;height:183px;width:183px;background-position:-298px 0;}
.intro-pic .itm-pic3-3 {top:16px;left:478px;height:168px;width:169px;background-position:0 -299px;}
.intro-pic .itm-pic3-4 {top:133px;left:300px;height:299px;width:298px;background-position:0 0;z-index:2;}
.intro-pic .itm-pic3-5 {top:218px;left:513px;height:130px;width:130px;background-position:-315px -299px;}
.intro-pic .itm-pic3-6 {top:362px;left:523px;height:147px;width:146px;background-position:-169px -299px;}

/*#section3.active span {}*/
#section3.active .itm-pic3-1 {-webkit-animation:1s ani .2s ease both;animation:1s ani .2s ease both;}
#section3.active .itm-pic3-5 {-webkit-animation:1s ani7 .3s ease both;animation:1s ani7 .3s ease both;}
#section3.active .itm-pic3-3 {-webkit-animation:1s ani5 .4s ease both;animation:1s ani5 .4s ease both;}
#section3.active .itm-pic3-2 {-webkit-animation:1s ani4 .5s ease both;animation:1s ani4 .5s ease both;}
#section3.active .itm-pic3-6 {-webkit-animation:1s ani8 .6s ease both;animation:1s ani8 .6s ease both;}
#section3.active .itm-pic3-4 {-webkit-animation:1s ani6 .7s ease both;animation:1s ani6 .7s ease both;}

@-webkit-keyframes ani7 {
    0% {opacity:0;-webkit-transform:scale(.4);}
    100% {opacity:1;-webkit-transform:scale(1);}
}
@-webkit-keyframes ani5 {
    0% {opacity:0;-webkit-transform:translate(0,200px);}
    100% {opacity:1;-webkit-transform:translate(0,0);}
}
@-webkit-keyframes ani4 {
    0% {opacity:0;-webkit-transform:translate(-200px,100px);}
    100% {opacity:1;-webkit-transform:translate(0,0);}
}
@-webkit-keyframes ani8 {
    0% {opacity:0;-webkit-transform:translate(0,-200px);}
    100% {opacity:1;-webkit-transform:translate(0,0);}
}
@-webkit-keyframes ani6 {
    0% {opacity:0;-webkit-transform:translate(200px,0);}
    100% {opacity:1;-webkit-transform:translate(0,0);}
}

@keyframes ani7 {
    0% {opacity:0;transform:scale(.4);}
    100% {opacity:1;transform:scale(1);}
}
@keyframes ani5 {
    0% {opacity:0;transform:translate(0,200px);}
    100% {opacity:1;transform:translate(0,0);}
}
@keyframes ani4 {
    0% {opacity:0;transform:translate(-200px,100px);}
    100% {opacity:1;transform:translate(0,0);}
}
@keyframes ani8 {
    0% {opacity:0;transform:translate(0,-200px);}
    100% {opacity:1;transform:translate(0,0);}
}
@keyframes ani6 {
    0% {opacity:0;transform:translate(200px,0);}
    100% {opacity:1;transform:translate(0,0);}
}

.intro-pic4 {margin:60px auto 0 auto;height:545px;width:861px;}
.intro-pic .itm-pic4-1 {top:0px;left:0px;height:576px;width:871px;background-image:url('../img/4-1.png');background-position:0 0;}
.intro-pic .itm-pic4-2 {top:125px;left:5px;height:364px;width:859px;background-image:url('../img/4-2.png');background-position:0 0;}
.intro-pic .itm-pic4-3 {top:170px;left:514px;width:22px;height:22px;border:4px solid #fff;border-radius:22px;background:#009FFF;}
.intro-pic .itm-pic4-3:before {position:absolute;top:-43px;left:-26px;content:'434';width:73px;height:30px;line-height:30px;text-align:center;font-size:20px;background:rgba(0,0,0,.1);font-weight:bold;border-radius:30px;}

#section4.active .itm-pic4-1 {-webkit-animation:1s ani .2s ease both;animation:1s ani .2s ease both;}
#section4.active .itm-pic4-2 {-webkit-animation:1s ani10 .8s ease both;animation:1s ani10 .8s ease both;}
#section4.active .itm-pic4-3 {-webkit-animation:.6s ani11 1s ease both;animation:.6s ani11 1s ease both;}
@-webkit-keyframes ani10 {
    0% {width:0;}
    100% {width:859px;}
}
@-webkit-keyframes ani11 {
    0% {opacity:0;-webkit-transform:translate(-30px,10px);}
    100% {opacity:1;-webkit-transform:translateX(0);}
}
@keyframes ani10 {
    0% {width:0;}
    100% {width:859px;}
}
@keyframes ani11 {
    0% {opacity:0;transform:translate(-30px,10px);}
    100% {opacity:1;transform:translateX(0);}
}

#section5 .intro {height:480px;}
.intro .itm-btnreg {overflow:auto;height:243px;width:100%;background:url('../img/5-1.png') no-repeat center center;-webkit-user-select:none;user-select:none;}
.intro .itm-btnreg h3 {margin:40px 0 24px 0;font-size:40px;font-weight:100;color:#fff;}
.intro .itm-btnreg a {display:inline-block;color:#4DBCFF;width:198px;height:68px;line-height:62px;font-size:24px;background:#fff;border-radius:7px;border:3px solid #fff;-webkit-box-shadow:0 4px 5px 0 rgba(0, 80, 159, 0.12);box-shadow:0 4px 5px 0 rgba(0, 80, 159, 0.12);box-sizing:border-box;}
.intro .itm-about {margin:0 auto;height:238px;width:1100px;}
.intro .itm-about1, .intro .itm-about2 {float:left;font-size:16px;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;}
.intro .itm-about h4 {margin-top:42px;margin-bottom:16px;font-size:20px;color:#333;}
.intro .itm-about1 {margin-right:270px;width:460px;}
.intro .itm-about1 p {margin-top:83px;line-height:1.8;-webkit-animation:none;animation:none;color:#999;}
.intro .itm-about1 a {color:#999;}
.intro .itm-about1 a:hover {color:#666;text-decoration:none;}
.intro .itm-about2 li {margin-bottom:8px;color:#999;}

#demo-canvas {position:absolute;top:0;left:0;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {margin:-2px 0 0 -2px;width:8px;height:8px;border:1px solid #000;background:none;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {margin:-2px 0 0 -2px;width:8px;height:8px;border:1px solid #000;background:#000;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {width:8px;height:8px;margin:-2px 0 0 -2px;}
/*#fp-nav ul li a.active:after, #fp-nav ul li:hover a.active:after, .fp-slidesNav ul li a.active:after, .fp-slidesNav ul li:hover a.active:after {position:absolute;left:14px;top:9px;content:"";display:block;width:24px;height:2px;background:rgba(46, 146, 255, 1);}
#fp-nav.highlight ul li a span, .fp-slidesNav.highlight ul li a span {opacity:.5;background:#fff;}
#fp-nav.highlight ul li a.active span, #fp-nav.highlight ul li:hover a.active span, .fp-slidesNav.highlight ul li a.active span, .fp-slidesNav.highlight ul li:hover a.active span {opacity:1;width:10px;height:10px;background:#fff;}
#fp-nav.highlight ul li a.active:after, #fp-nav.highlight ul li:hover a.active:after, .fp-slidesNav.highlight ul li a.active:after, .fp-slidesNav.highlight ul li:hover a.active:after {background:#fff;}*/