*{margin:0; padding:0;}
html,body,#wrap,.box,.loading{height:100%; width:100%;overflow:hidden;}
html,body{font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background:none;}
#wrap{position:relative; color:#FFF;display:none;}
#page1{z-index:11;}
#page2{z-index:10;}
#page3{z-index:9;}
#page4{z-index:8;}
#page5{z-index:7;}
#page6{z-index:6;}
#page7{z-index:5;}
#page8{z-index:4;}
#page9{z-index:3;}
#page10{z-index:2;}
.screen{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;}
.box{position:absolute; left:0; top:0;overflow:hidden;background:url(../images/bg_blue.jpg) no-repeat center top;background-size:100% auto;}
.in{-webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0);}

.box p{position:absolute;font-size:65px;font-weight: bold;}

.clickBtn{position:absolute;bottom:30px;left:50%;margin-left:-16px;width:32px;height:34px;background:url(../images/arrow.png) no-repeat;z-index:13;-webkit-animation: clickBtn_ani 0.8s linear infinite; animation: clickBtn_ani 0.8s linear infinite;}
@keyframes clickBtn_ani{
    0%{bottom:30px;}
    100%{bottom:35px;}
 }
 @-webkit-keyframes clickBtn_ani{
   0%{bottom:30px;}
    100%{bottom:35px;}
 } 
 .axis{display: none;position:absolute;bottom:0;left:0;width:100%;height:92px;background: url(../images/axis.jpg) no-repeat center;background-size: 100% auto;z-index: 14;}
 .axis_up{animation:axis_up 0.5s linear forwards;-webkit-animation:axis_up 0.5s linear forwards;}
 @keyframes axis_up{
    0%{height:110%;}
    100%{height:0;}
 }
 @-webkit-keyframes axis_up{
   0%{height:110%;}
    100%{height:0;}
 }
 .axis_down{animation:axis_down 0.5s forwards;-webkit-animation:axis_down 0.5s forwards;}
 @keyframes axis_down{
    0%{height:0;bottom:100%;}
    100%{height:110%;bottom:0;}
 }
 @-webkit-keyframes axis_down{
   0%{height:0;bottom:100%;}
    100%{height:110%;bottom:0;}
 } 
.loading,#page1{background:url(../images/bg_green_.jpg) no-repeat center top;background-size: 100% 100%; position:absolute; left:0; top:0; z-index:11;}
#loadNumber{position:absolute;top:0;left:0;opacity: 0;}
.load_img{position:absolute;top:50%;margin-top:-110px;left:50%;margin-left:-15px;height:130px;width:30px;background: url(../images/loading_img.png);background-size: 100% auto; -webkit-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite;}
.loding_txt{position:absolute;bottom:50%;margin-bottom:-60px;left:50%;margin-left:-48px;width:96px;height:16px;background:url(../images/loading.png) no-repeat center;background-size: 100% 100%;}

.none{display:none;}


@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
	to{-webkit-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
	to{transform: rotate(359deg)}
}
.kuang{z-index:11;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/bg_kuang2.png) no-repeat center top;background-size: 100% 100%;}
.kuang_01{background: url(../images/bg_kuang.png) no-repeat center top;background-size: 100% 100%;}
.logo{position:absolute;top:20px;left:50%;margin-left:-68px;width:136px;height:136px;opacity:0;background: url(../images/logo.png) no-repeat; background-size: 100% 100%;}
.logo_ani{animation:move_up 0.1s ease 1.6s both;-webkit-animation:move_up 0.1s ease 1.6s both;}
@keyframes move_up{
	0%{top:20px;opacity:0;}
	100%{top:40px;opacity:1;}
}
@-webkit-keyframes move_up{
	0%{top:20px;opacity:0;}
	100%{top:40px;opacity:1;}
}
.building01{width:484px;height:246px;position:absolute;bottom:0;left:50%;margin-left:-242px;z-index:5;}
.building01_ani{animation:buliding_up01 0.4s ease forwards;-webkit-animation:buliding_up01 0.4s ease forwards;}
@keyframes buliding_up01{
	0%{transform:translate3d(0,100%,0)}
	100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes buliding_up01{
	0%{-webkit-transform:translate3d(0,100%,0)}
	100%{-webkit-transform:translate3d(0,0,0)}
}
.building02{width:376px;height:182px;position:absolute;bottom:0;left:50%;transform:translate3d(0,182px,0);-webkit-transform:translate3d(0,182px,0);margin-left:-188px;z-index: 4;}
.building02_ani{animation:buliding_up02 0.3s ease 0.2s forwards;-webkit-animation:buliding_up02 0.3s ease 0.2s forwards;} 
@keyframes buliding_up02{
	0%{transform:translate3d(0,182px,0)}
	90%{transform:translate3d(0,-408px,0)}
	100%{transform:translate3d(0,-396px,0)}
}
@-webkit-keyframes buliding_up02{
	0%{-webkit-transform:translate3d(0,182px,0)}
	90%{-webkit-transform:translate3d(0,-408px,0)}
	100%{-webkit-transform:translate3d(0,-396px,0)}
}
.building00{width:640px;height:101px;position:absolute;bottom:0;z-index: 8;left:0;}
.building00_ani{animation:buliding_up01 0.4s ease both;-webkit-animation:buliding_up01 0.4s ease both;}
.building03{width:640px;height:322px;position:absolute;bottom:0;z-index: 4;left:0;}
.building03_ani{animation:buliding_up01 0.4s ease 0.3s both;-webkit-animation:buliding_up01 0.4s ease 0.3s both;}
.building04{width:640px;height:263px;position:absolute;bottom:0;z-index: 3;left:0;}
.building04_ani{animation:buliding_up01 0.4s ease 0.5s both;-webkit-animation:buliding_up01 0.4s ease 0.5s both;}
.building05{width:138px;height:393px;position:absolute;bottom:0;z-index: 3;left:0;}
.building05_ani{animation:buliding_up01 0.4s ease 0.6s both;-webkit-animation:buliding_up01 0.4s ease 0.6s both;}
.building_circle{position:absolute;width:170px;height:170px;right:0;bottom:300px;z-index:2;}
.building_circle_ani01{animation:circle 0.3s ease 0.9s both;-webkit-animation:circle 0.3s ease 0.9s both;}
.building_circle_ani02{animation:circle 0.3s ease 1.2s both;-webkit-animation:circle 0.3s ease 1.2s both;}
.building_circle_ani03{animation:circle 0.3s ease 1.5s both;-webkit-animation:circle 0.3s ease 1.5s both;}

@keyframes circle{
	0%{transform:scale(0.1);opacity:0;}
	100%{transform:scale(1);opacity:1;}
}
@-webkit-keyframes circle{
	0%{-webkit-transform:scale(0.1);opacity:0;}
	100%{-webkit-transform:scale(1);opacity:1;}
}
.circle01{right:-85px;bottom:247px;}
.circle02{right:45px;bottom:222px;}
.circle03{right:-20px;bottom:160px;}
.circle04{left:30px;bottom:236px;}
.circle05{left:-50px;bottom:200px;}
.circle06{left:30px;bottom:120px;}
.cloud01{width:270px;height:84px;position:absolute;left:0;top:104px;z-index:12;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.cloud02{width:130px;height:98px;position:absolute;right:0;top:414px;z-index:12;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);}
.cloud01_ani{animation:left_in 0.5s ease 1.8s both;-webkit-animation:left_in 0.5s ease 1.8s both;}
@keyframes left_in{
	0%{transform:translate3d(-100%,0,0)}
	100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes left_in{
	0%{-webkit-transform:translate3d(-100%,0,0)}
	100%{-webkit-transform:translate3d(0,0,0)}
}
.cloud02_ani{animation:right_in 0.5s ease 1.8s both;-webkit-animation:right_in 0.5s ease 1.8s both;}

@keyframes right_in{
	0%{transform:translate3d(100%,0,0)}
	100%{transform:translate3d(0,0,0)}
}
@-webkit-keyframes right_in{
	0%{-webkit-transform:translate3d(100%,0,0)}
	100%{-webkit-transform:translate3d(0,0,0)}
}
.page1_tit{position:absolute;width:400px;height:237px;left:50%;margin-left:-200px;top:222px;opacity:0;}
.page1_tit_ani{animation:page1_tit_up 0.3s ease 2.2s both;-webkit-animation:page1_tit_up 0.3s ease 2.2s both;z-index: 12;}
@keyframes page1_tit_up{
	0%{top:200px;opacity:0;}
	100%{top:222px;opacity:1;}
}
@-webkit-keyframes page1_tit_up{
	0%{top:200px;opacity:0;}
	100%{top:222px;opacity:1;}
}
.page1_btn{position:absolute;width:216px;height:66px;left:50%;margin-left:-108px;top:500px;opacity:0;}
.page1_btn_ani{animation:page1_btn_up 0.3s ease 2.4s forwards;-webkit-animation:page1_btn_up 0.3s ease 2.4s forwards;z-index: 12;}
@keyframes page1_btn_up{
	0%{top:520px;opacity:0;}
	100%{top:500px;opacity:1;}
}
@-webkit-keyframes page1_btn_up{
	0%{top:520px;opacity:0;}
	100%{top:500px;opacity:1;}
}

.page2Show1{top:50px;left:100px;width:534px;height:78px;background:url(../images/page2show1.png) no-repeat center bottom;background-size: 100% auto;}
.page2Show1 p{left:130px;top:8px;color:#02ffff;}
.page2Show2{top:130px;left:100px;width:458px;height:152px;background:url(../images/page2show2.png) no-repeat center bottom;background-size: 100% auto;}
.page2Show2 p{left:54px;top:22px;color:#ff90c9;}
.page2Show3{top:320px;left:50px;width:360px;height:123px;background:url(../images/page2show3.png) no-repeat center bottom;background-size: 100% auto;}
.page2Show3 p{left:130px;top:53px;color:#f4ff02;}
.page2Show4{top:450px;left:106px;width:400px;height:156px;}
.page2Show4_ani{animation:page2Show4_ani 0.3s ease 0.3s both;-webkit-animation:page2Show4_ani 0.3s ease 0.3s both;z-index: 12;}
@keyframes page2Show4_ani{
	0%{top:480px;opacity:0;transform:scale(1.4);}
	100%{top:450px;opacity:1;transform:scale(1);}
}
@-webkit-keyframes page2Show4_ani{
	0%{top:480px;opacity:0;transform:scale(1.4);}
	100%{top:450px;opacity:1;transform:scale(1);}
}
.page2Show5{bottom:82px;left:-220px;width:220px;height:286px;}
.page2Show6{bottom:90px;right:-110px;width:110px;height:223px;}
.page2Show7{bottom:354px;left:90px;width:90px;height:86px;}
.page2Show8{bottom:312px;right:82px;width:100px;height:70px;}
.page3Show1{top:50px;left:170px;width:320px;height:130px;}
.page3Show2{top:224px;left:170px;width:416px;height:123px;}
.page3Show3{top:390px;left:120px;width:416px;height:94px;background:url(../images/page3show3.png) no-repeat center bottom;background-size: 100% auto;}
.page3Show3 p{left:150px;top:30px;color:#f8444d;}
.page3Show4{bottom:140px;right:140px;width:58px;height:156px;z-index:2;}
.page3Show5{bottom:190px;left:-414px;width:414px;height:184px;}
.page3Show6{bottom:127px;left:-110px;width:110px;height:78px;}
.page3Show8{bottom:370px;width:112px;height:110px;left:50%;margin-left:-66px;z-index: 1111;}
.page3Show7{position:absolute;bottom:370px;width:110px;height:78px;right:150px;z-index: 1111;}
.page3Show7 img{opacity:1;transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:33px 108px;-webkit-transform-origin:33px 108px;transform:scale(0);-webkit-transform:scale(0);}
.page3Show7_ani{animation:page3Show7_ani 0.2s ease 0.2s forwards;-webkit-animation:page3Show7_ani 0.2s ease 0.2s forwards;z-index: 5;}
@keyframes page3Show7_ani{
	0%{transform:scale(0);opacity:0;transform:rotate(90deg);}
	100%{transform:scale(1);opacity:1;transform:rotate(0);}
}
@-webkit-keyframes page3Show7_ani{
	0%{-webkit-transform:scale(0);opacity:0;-webkit-transform:rotate(90deg);}
	100%{-webkit-transform:scale(1);opacity:1-webkit-transform:rotate(0);}
}
.page4Show1{top:50px;left:150px;width:485px;height:123px;background:url(../images/page4show1.png) no-repeat center bottom;background-size: 100% auto;}
.page4Show1 p{left:54px;top:52px;color:#ffff00;}
.page4Show2{top:220px;left:150px;width:440px;height:191px;background:url(../images/page4show2.png) no-repeat center bottom;background-size: 100% auto;}
.page4Show2 p{left:40px;top:62px;color:#01ffff;}
.page4Show3{right:-446px;bottom:100px;width:446px;height:502px;}
.page4Show4{left:-190px;bottom:270px;width:190px;height:240px;}

.opac{position:absolute;opacity:0;}
.page5Show1{left:130px;top:50px;width:439px;height:122px;}
.page5Show2{left:130px;top:190px;width:478px;height:94px;}
.page5Show3{left:80px;top:370px;width:439px;height:122px;}
.page5Show4{right:-290px;bottom:105px;width:290px;height:468px;}
.page5Show5{right:64px;bottom:440px;width:196px;height:80px;}
.page5Show6{right:65px;bottom:325px;width:120px;height:90px;}
.page5Show7{right:46px;bottom:175px;width:170px;height:126px;}
.page5Show8{left:41px;bottom:322px;width:134px;height:90px;}
.page5Show9{left:116px;bottom:235px;width:120px;height:88px;}
.page5Show10{left:64px;bottom:113px;width:150px;height:110px;}
.page5Show5_ani{animation:circle 0.3s ease 0.7s both;-webkit-animation:circle 0.3s ease 0.7s both;}
.page5Show6_ani{animation:circle 0.3s ease 0.5s both;-webkit-animation:circle 0.3s ease 0.5s both;}
.page5Show7_ani{animation:circle 0.3s ease 0.3s both;-webkit-animation:circle 0.3s ease 0.3s both;}
.page5Show8_ani{animation:circle 0.3s ease 0.9s both;-webkit-animation:circle 0.3s ease 0.9s both;}
.page5Show9_ani{animation:circle 0.3s ease 1.0s both;-webkit-animation:circle 0.3s ease 1.0s both;}
.page5Show10_ani{animation:circle 0.3s ease 1.2s both;-webkit-animation:circle 0.3s ease 1.2s both;}

.page6Show1{left:110px;top:50px;width:539px;height:70px;background:url(../images/page6show1.png) no-repeat center bottom;background-size: 100% auto;}
.page6Show1 p{left:206px;top:0;color:#00fffd;}
.page6Show2{left:110px;top:140px;width:201px;height:68px;background:url(../images/page6show2.png) no-repeat center bottom;background-size: 100% auto;}
.page6Show2 p{left:200px;top:0;color:#00fffd;}

.page6Show3{left:110px;top:230px;width:122px;height:68px;background:url(../images/page6show3.png) no-repeat center bottom;background-size: 100% auto;}
.page6Show3 p{left:124px;top:0;color:#ff99ff;}

.page6Show4{left:50px;top:374px;width:83px;height:72px;background:url(../images/page6show4.png) no-repeat center bottom;background-size: 100% auto;}
.page6Show4 p{left:84px;top:3px;color:#00fffd;}
.page6Show5{bottom:105px;right:-330px;width:330px;height:510px;}
.page6Show6{bottom:396px;right:-78px;width:78px;height:204px;}
.page6Show7{position:absolute;bottom:490px;left:93px;width:96px;height:98px;}
.page6Show7 img{opacity:1;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform-origin:95px 93px;-webkit-transform-origin:33px 108px;transform:scale(0);-webkit-transform:scale(0);}
.page6Show7_ani{animation:page6Show7_ani 0.2s ease 0.1s forwards;-webkit-animation:page6Show7_ani 0.2s ease 0.1s forwards;z-index: 5;}
@keyframes page6Show7_ani{
	0%{transform:scale(0);opacity:0;transform:rotate(-90deg);}
	100%{transform:scale(1);opacity:1;transform:rotate(0);}
}
@-webkit-keyframes page6Show7_ani{
	0%{-webkit-transform:scale(0);opacity:0;-webkit-transform:rotate(-90deg);}
	100%{-webkit-transform:scale(1);opacity:1;-webkit-transform:rotate(0);}
}
.page7Show1{left:190px;top:50px;width:360px;height:123px;background:url(../images/page7show1.png) no-repeat center bottom;background-size: 100% auto;}
.page7Show1 p{left:0;top:50px;color:#ffff00;}
.page7Show2{top:200px;left:190px;width:320px;height:93px;}
.page7Show3{top:370px;left:140px;width:275px;height:70px;}
.page7Show4{bottom:100px;right:-420px;width:420px;height:472px;z-index:6;}
.page7Show5{bottom:256px;left:110px;width:122px;height:90px;z-index:7;}
.page7Show6{bottom:355px;right:98px;width:72px;height:60px;z-index:7;}
.page7Show7{bottom:460px;left:50%;margin-left:-180px;width:360px;height:139px;}

.page8Show1{left:160px;top:50px;width:410px;height:140px;background:url(../images/page8show1.png) no-repeat center bottom;background-size: 100% auto;}
.page8Show1 p{left:82px;top:70px;color:#ff99ff;}
.page8Show2{left:160px;top:215px;width:356px;height:136px;background:url(../images/page8show2.png) no-repeat center bottom;background-size: 100% auto;}
.page8Show2 p{left:25px;top:5px;color:#ffff00;}
.page8Show3{left:110px;top:410px;width:436px;height:136px;background:url(../images/page8show3.png) no-repeat center bottom;background-size: 100% auto;}
.page8Show3 p{left:210px;top:5px;color:#03f0f8;}
.page8Show4{bottom:110px;right:-400px;width:400px;height:287px;}
.page8Show5{bottom:320px;left:80px;width:320px;height:194px;}

.page9Show1{left:130px;top:60px;width:455px;height:146px;background:url(../images/page9show1.png) no-repeat center bottom;background-size: 100% auto;}
.page9Show1 p{left:200px;top:76px;color:#ffff00;}
.page9Show2{top:310px;left:80px;width:399px;height:191px;}
.page9Show3{bottom:-79px;left:0;width:640px;height:79px;z-index:10;}
.page9Show4{bottom:-350px;left:50%;margin-left:-175px;width:350px;height:562px;z-index:9;}
.page9Show5{bottom:-156px;left:0;width:640px;height:156px;}

.page9Show6{bottom:205px;left:50%;margin-left:-277px;width:554px;height:346px;transform:scale(0.1);-webkit-transform:scale(0.1);}
.page9Show6_ani{animation:page9Show6_ani 0.2s ease 0.1s both;-webkit-animation:page9Show6_ani 0.2s ease 0.1s both;z-index: 6;}

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

.page10Show1{top:248px;left:50%;margin-left:-239px;width:478px;height:42px;}
.page10Show2{top:320px;left:50%;margin-left:-107px;width:214px;height:214px;z-index:12;}
.page10Show2 img{width:100%;height:100%;display:block;}
.page10Show3{top:570px;left:50%;margin-left:-193px;width:386px;height:20px;}
.page10Btn{width:262px;height:78px;left:50%;margin-left:-131px;z-index:12;}
.page10Show4{bottom:320px;}
.page10Show5{bottom:225px;}
.page10Show6{bottom:130px;}
.page10Show7{bottom:20px;left:0;width:640px;height:51px;}
.logo1{top:60px;left:50%;margin-left:-68px;width:136px;height:136px;}
.popshare{z-index:11;display:none;width:100%;height:100%;background:url(../images/share.png) no-repeat center top;background-size:100% 100%;position:absolute;top:0;left:0;}