body{margin:0;font-family:"Microsoft YaHei",sans-serif;font-size:14px;background-color:#2370bb;color:#fff;}


ul,li{list-style:none;margin:0;padding:0;}


img{border:0; }


a:link,a:visited{text-decoration:none;color:#fff;}


.wrap{width:1000px;margin:0 auto;position:relative;}


.nav{width:100%;height:60px;line-height:60px;background-color:#00618e;background:rgba(0,97,142,0.4);position:fixed;_position:absolute;z-index:99;top:0;_top:expression(eval(document.documentElement.scrollTop));left:0;}


.logo2{position:absolute;left:0;top:8px;}



#fp-nav{background-color:#61acf3;border-radius:15px;}


#fp-nav span,.fp-slidesNav span{background-color:#e9ecf1;border:0;width:10px;height:10px;}


#fp-nav li{margin:10px;}


#fp-nav li .active{background:url(../images/t01b7f47dce4f25f104.png) no-repeat;width:62px;height:32px;left:-43px;top:-8px;}


#fp-nav li .active span,.fp-slidesNav .active span{background-color:#a3c3f1;left:auto;right:7px;top:12px;}


#fp-nav em{font-style:normal;line-height:32px;padding-left:.8em;}


.main{width:1000px;margin:0 auto;height:100%;position:relative;}
.min{ position:absolute; left:0; top:0; width:30%; height:100%; }
.section img{ width:80%; padding:20% 0 0 0;_padding:0;_margin:20px 0 0 0;}
.section2 .circle{ left:50%; top:30%; }
.circle{ *display:none;}
.section3 .bg{ width:70%; left:30%; }
.section3 img{ width:100%; padding:25% 0 0 0;}
.main .bg{ width:70%; }
.section4 .min{}


.section1{background-color:#2370bb;}



.phone2,.downloads{position:absolute;}


.phone2{left:-50px;bottom:30%;}


.downloads{width:525px;right:50px;top:29.595%;text-align:center;z-index:88;}


.section1 .text{font-size:18px;text-align:center;}



.text ul{  width:264px; top:0; padding-top:30px; float:left; ;}


.text ul li{ color:#fff; float:left; width:132px; font-size:24px; line-height:42px; font-weight:bold;}


.button{display:inline-block;*display:inline;*zoom:1;padding:.5em 1em;}


.buttons{margin-top:15px;font-size:18px;}


.pc,.web{display:inline-block;*display:inline;*zoom:1;vertical-align:top;}


.pc{text-align:left;margin-right:26px;}


.link-beta{visibility:hidden;display:block;font-size:14px;margin-top:4px;}


.buttons a.button{border:2px solid #d1f0f0;border-radius:5px;}


.pc:hover .link-beta,.pc.hover .link-beta{visibility:visible;}


.buttons a.button:hover{background-color:#20c5cb;}


.buttons a.button:active{background-color:#099da3;}



.section1 .float-icons,.section1 .bg1,.section1 .bg2{position:absolute;bottom:0;left:0;width:100%; }


.section1 .bg,.section1 .float-icons{-webkit-animation:float 1.5s linear;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;-webkit-animation-delay:1s;-ms-animation:float 1.5s linear;-ms-animation-iteration-count:infinite;-ms-animation-direction:alternate;-ms-animation-delay:1s;-moz-animation:float 1.5s linear;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-moz-animation-delay:1s;-o-animation:float 1.5s linear;-o-animation-iteration-count:infinite;-o-animation-direction:alternate;-o-animation-delay:1s;animation:float 1.5s linear;animation-iteration-count:infinite;animation-direction:alternate;animation-delay:1s;}


.section1 div.bg1{ ;height:235px;background:url(../images/t01a492cd17cf6131fc.png) repeat-x center top;opacity:.4;*filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)";}


.section1 div.bg2{height:180px;background:url(../images/t019ef68f291b398a7c01.png) repeat-x center top;opacity:.8;*filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";-webkit-animation-delay:0;}


@-webkit-keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}


100%{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);-moz-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);}


;}


@-ms-keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}


100%{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);-moz-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);}


;}


@-moz-keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}


100%{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);-moz-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);}


;}


@-o-keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}


100%{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);-moz-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);}


;}


@keyframes float{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}


100%{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);-moz-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%);}


;}


.section2,.section3,.section4,.section5{background:url(../images/t013ac95f0341eac07f.png) no-repeat center center; }


.line{position:absolute;top:100%;left:20%;width:445px;height:8000px;background:url(../images/t01bf6ce50e76aa405e.png) no-repeat left top;opacity:.8;*filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)";}


.circle{position:absolute;top:0;width:90px;height:90px;}


.circle div{position:absolute;top:50%;left:50%;background:#fff;width:90px;height:90px;margin-left:-45px;margin-top:-45px;opacity:1;border-radius:90px;-webkit-animation-duration:1.2s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-ms-animation-duration:1.2s;-ms-animation-timing-function:linear;-ms-animation-iteration-count:infinite;-moz-animation-duration:1.2s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;-o-animation-duration:1.2s;-o-animation-timing-function:linear;-o-animation-iteration-count:infinite;animation-duration:1.2s;animation-timing-function:linear;animation-iteration-count:infinite;}


.circle div.c1{width:20px;height:20px;margin-left:-10px;margin-top:-10px;opacity:1;border-radius:90px;}


.circle div.c2{-webkit-animation-name:c2;-webkit-animation-delay:.6s;-ms-animation-name:c2;-ms-animation-delay:.6s;-moz-animation-name:c2;-moz-animation-delay:.6s;-o-animation-name:c2;-o-animation-delay:.6s;animation-name:c2;animation-delay:.6s;}


.circle div.c3{-webkit-animation-name:c2;-webkit-animation-delay:1.2s;-ms-animation-name:c2;-ms-animation-delay:1.2s;-moz-animation-name:c2;-moz-animation-delay:1.2s;-o-animation-name:c2;-o-animation-delay:1.2s;animation-name:c2;animation-delay:1.2s;}


@-webkit-keyframes c2{0%{-webkit-transform:scale(.222);-ms-transform:scale(.222);-moz-transform:scale(.222);-o-transform:scale(.222);transform:scale(.222);opacity:1;}


50%{-webkit-transform:scale(.622);-ms-transform:scale(.622);-moz-transform:scale(.622);-o-transform:scale(.622);transform:scale(.622);opacity:.4;}


98%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.2;}


100%{opacity:0;}


;}


@-ms-keyframes c2{0%{-webkit-transform:scale(.222);-ms-transform:scale(.222);-moz-transform:scale(.222);-o-transform:scale(.222);transform:scale(.222);opacity:1;}


50%{-webkit-transform:scale(.622);-ms-transform:scale(.622);-moz-transform:scale(.622);-o-transform:scale(.622);transform:scale(.622);opacity:.4;}


98%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.2;}


100%{opacity:0;}


;}


@-moz-keyframes c2{0%{-webkit-transform:scale(.222);-ms-transform:scale(.222);-moz-transform:scale(.222);-o-transform:scale(.222);transform:scale(.222);opacity:1;}


50%{-webkit-transform:scale(.622);-ms-transform:scale(.622);-moz-transform:scale(.622);-o-transform:scale(.622);transform:scale(.622);opacity:.4;}


98%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.2;}


100%{opacity:0;}


;}


@-o-keyframes c2{0%{-webkit-transform:scale(.222);-ms-transform:scale(.222);-moz-transform:scale(.222);-o-transform:scale(.222);transform:scale(.222);opacity:1;}


50%{-webkit-transform:scale(.622);-ms-transform:scale(.622);-moz-transform:scale(.622);-o-transform:scale(.622);transform:scale(.622);opacity:.4;}


98%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.2;}


100%{opacity:0;}


;}


@keyframes c2{0%{-webkit-transform:scale(.222);-ms-transform:scale(.222);-moz-transform:scale(.222);-o-transform:scale(.222);transform:scale(.222);opacity:1;}


50%{-webkit-transform:scale(.622);-ms-transform:scale(.622);-moz-transform:scale(.622);-o-transform:scale(.622);transform:scale(.622);opacity:.4;}


98%{-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:.2;}


100%{opacity:0;}


;}


.section .bg{position:absolute;}

.section2 .bg{top:0%;right:10px;}







.animate .pos{display:none;-webkit-animation:pos .6s ease-in-out;-webkit-animation-fill-mode:forwards;-ms-animation:pos .6s ease-in-out;-ms-animation-fill-mode:forwards;-moz-animation:pos .6s ease-in-out;-moz-animation-fill-mode:forwards;-o-animation:pos .6s ease-in-out;-o-animation-fill-mode:forwards;animation:pos .6s ease-in-out;animation-fill-mode:forwards;}


.animate .pos1{-webkit-animation-delay:.2s;-ms-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s;}


.animate .pos2{-webkit-animation-delay:.4s;-ms-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s;}


.animate .pos3{-webkit-animation-delay:.6s;-ms-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s;}


@-webkit-keyframes pos{0%{-webkit-transform:translateY(10px) scale(.4) translateZ(0);opacity:0;-ms-transform:translateY(10px) scale(.4) translateZ(0);-moz-transform:translateY(10px) scale(.4) translateZ(0);-o-transform:translateY(10px) scale(.4) translateZ(0);transform:translateY(10px) scale(.4) translateZ(0);}


80%{-webkit-transform:scale(1.1) translateZ(0);opacity:.9;-ms-transform:scale(1.1) translateZ(0);-moz-transform:scale(1.1) translateZ(0);-o-transform:scale(1.1) translateZ(0);transform:scale(1.1) translateZ(0);}


100%{-webkit-transform:translateY(0) scale(1) translateZ(0);opacity:1;-ms-transform:translateY(0) scale(1) translateZ(0);-moz-transform:translateY(0) scale(1) translateZ(0);-o-transform:translateY(0) scale(1) translateZ(0);transform:translateY(0) scale(1) translateZ(0);}


;}


@-ms-keyframes pos{0%{-webkit-transform:translateY(10px) scale(.4) translateZ(0);opacity:0;-ms-transform:translateY(10px) scale(.4) translateZ(0);-moz-transform:translateY(10px) scale(.4) translateZ(0);-o-transform:translateY(10px) scale(.4) translateZ(0);transform:translateY(10px) scale(.4) translateZ(0);}


80%{-webkit-transform:scale(1.1) translateZ(0);opacity:.9;-ms-transform:scale(1.1) translateZ(0);-moz-transform:scale(1.1) translateZ(0);-o-transform:scale(1.1) translateZ(0);transform:scale(1.1) translateZ(0);}


100%{-webkit-transform:translateY(0) scale(1) translateZ(0);opacity:1;-ms-transform:translateY(0) scale(1) translateZ(0);-moz-transform:translateY(0) scale(1) translateZ(0);-o-transform:translateY(0) scale(1) translateZ(0);transform:translateY(0) scale(1) translateZ(0);}


;}


@-moz-keyframes pos{0%{-webkit-transform:translateY(10px) scale(.4) translateZ(0);opacity:0;-ms-transform:translateY(10px) scale(.4) translateZ(0);-moz-transform:translateY(10px) scale(.4) translateZ(0);-o-transform:translateY(10px) scale(.4) translateZ(0);transform:translateY(10px) scale(.4) translateZ(0);}


80%{-webkit-transform:scale(1.1) translateZ(0);opacity:.9;-ms-transform:scale(1.1) translateZ(0);-moz-transform:scale(1.1) translateZ(0);-o-transform:scale(1.1) translateZ(0);transform:scale(1.1) translateZ(0);}


100%{-webkit-transform:translateY(0) scale(1) translateZ(0);opacity:1;-ms-transform:translateY(0) scale(1) translateZ(0);-moz-transform:translateY(0) scale(1) translateZ(0);-o-transform:translateY(0) scale(1) translateZ(0);transform:translateY(0) scale(1) translateZ(0);}


;}


@-o-keyframes pos{0%{-webkit-transform:translateY(10px) scale(.4) translateZ(0);opacity:0;-ms-transform:translateY(10px) scale(.4) translateZ(0);-moz-transform:translateY(10px) scale(.4) translateZ(0);-o-transform:translateY(10px) scale(.4) translateZ(0);transform:translateY(10px) scale(.4) translateZ(0);}


80%{-webkit-transform:scale(1.1) translateZ(0);opacity:.9;-ms-transform:scale(1.1) translateZ(0);-moz-transform:scale(1.1) translateZ(0);-o-transform:scale(1.1) translateZ(0);transform:scale(1.1) translateZ(0);}


100%{-webkit-transform:translateY(0) scale(1) translateZ(0);opacity:1;-ms-transform:translateY(0) scale(1) translateZ(0);-moz-transform:translateY(0) scale(1) translateZ(0);-o-transform:translateY(0) scale(1) translateZ(0);transform:translateY(0) scale(1) translateZ(0);}


;}


@keyframes pos{0%{-webkit-transform:translateY(10px) scale(.4) translateZ(0);opacity:0;-ms-transform:translateY(10px) scale(.4) translateZ(0);-moz-transform:translateY(10px) scale(.4) translateZ(0);-o-transform:translateY(10px) scale(.4) translateZ(0);transform:translateY(10px) scale(.4) translateZ(0);}


80%{-webkit-transform:scale(1.1) translateZ(0);opacity:.9;-ms-transform:scale(1.1) translateZ(0);-moz-transform:scale(1.1) translateZ(0);-o-transform:scale(1.1) translateZ(0);transform:scale(1.1) translateZ(0);}


100%{-webkit-transform:translateY(0) scale(1) translateZ(0);opacity:1;-ms-transform:translateY(0) scale(1) translateZ(0);-moz-transform:translateY(0) scale(1) translateZ(0);-o-transform:translateY(0) scale(1) translateZ(0);transform:translateY(0) scale(1) translateZ(0);}


;}


.section4 h2{top:220px;left:0;}


.section4 .bg{top:405px;right:10px;}


.section5 h2{top:210px;right:144px;}


.section5 .bg{top:365px;right:70px;z-index:88;}


.section5 .mobile ul{ width:80%;}

.section5 .mobile a{ display:block; float:left;  width:17%; margin: 0 0 3% 3%; padding:8%;}


.section5 .footer{position:absolute;bottom:0;left:0;width:100%;height:200px;background:url(../images/t01086ec7f7f939f0fc_06.png) no-repeat center bottom;}



.section{  height:100%; width:}
.mask{position:absolute;z-index:100;top:0;left:0;bottom:0;right:0;background:#000;opacity:.75;*filter:alpha(opacity=75);-ms-filter:"alpha(opacity=75)";}


.popdownload{width:617px;height:442px;position:fixed;z-index:200;top:50%;left:50%;margin-left:-308.5px;margin-top:-221px;}


.popdownload span{position:absolute;width:221px;text-align:center;color:#747474;position:absolute;right:79px;top:227px;}


a.pop-close:link,a.pop-close:visited{font-size:0;line-height:0;overflow:hidden;color:#ddd;text-decoration:none;position:absolute;right:10px;top:0;color:#333;width:15px;height:36px;}


a.dl-btn{background:url(http://p7.qhimg.com/d/inn/3f93c794/btn.png) 0 0 no-repeat;position:absolute;display:block;right:79px;top:164px;width:221px;height:58px;}


a.download2pc{background-position:0 0;}


a.download2pc:hover{background-position:0 -58px;}


a.download2pcBeta{background-position:0 -116px;top:272px;}


a.download2pcBeta:hover{background-position:0 100%;}


.popdownload span.download2pcBeta-info{top:335px;}


@media screen and (max-height:800px){.phone{left:21px;}


.phone img{width:80%;}




.section2 img{width:70%;}








.section4 h2{top:120px;}


.section4 .bg{width:70%;top:240px;}


.section5 h2{top:100px;left:140px;}


.section5 .bg{top:240px;}


.section5 img{width:70%;}






;}