/*��ҳ*/
.star1{-ms-animation: flow 5s ease infinite both; -webkit-animation: flow 5s ease infinite both; animation: flow 5s ease infinite both}
.star2{-ms-animation: flow 3s ease infinite both; -webkit-animation: flow 3s ease infinite both; animation: flow 3s ease infinite both}
.star3{-ms-animation: flow 6s ease infinite both;-webkit-animation: flow 6s ease infinite both; animation: flow 6s ease infinite both}
.sgs{-ms-animation: scale 2s linear infinite alternate both; -webkit-animation: scale 2s linear infinite alternate both; animation: scale 2s linear infinite alternate both}
@-webkit-keyframes flow {
    0%{-webkit-transform:translate(0,0); opacity: 1}
    100%{-webkit-transform:translate(-1000%,1000%);opacity: 0.5 }
}
@-ms-keyframes flow {
    0%{-ms-transform:translate(0,0); opacity: 1}
    100%{-ms-transform:translate(-1000%,1000%);opacity: 0.5 }
}
@keyframes flow {
    0%{-webkit-transform:translate(0,0); opacity: 1}
    100%{-webkit-transform:translate(-1000%,1000%);opacity: 0.5 }
}

@-webkit-keyframes scale{
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(-10px,-10px);}
}
@-ms-keyframes scale{
    0%{-ms-transform:translate(0,0); }
    100%{-ms-transform:translate(-10px,-10px);}
}
@keyframes scale{
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(-10px,-10px);}
}
/*�˹���*/
.active .build{-webkit-animation: fadeInUp 1s ease .2s both; animation: fadeInUp 1s ease .2s both;}
.active .logo{-webkit-animation: fadeInDown .5s ease .2s both; animation: fadeInDown .5s ease .2s both;}
.active .slogan{-webkit-animation: rollIn .5s ease .6s both; animation: rollIn .5s ease .6s both;}
.active .title{-webkit-animation: bounceIn .5s ease .6s both; animation: bounceIn .5s ease .6s both;}
.active .lc1{-webkit-animation: fadeInLeft .5s ease 1s both; animation: fadeInLeft .5s ease 1s both;}
.active .lc2{-webkit-animation: fadeInLeft .5s ease 1.2s both; animation: fadeInLeft .5s ease 1.2s both;}
.active .lc3{-webkit-animation: fadeInLeft .5s ease 1.4s both; animation: fadeInLeft .5s ease 1.4s both;}
.active .lc4{-webkit-animation: fadeInLeft .5s ease 1.6s both; animation: fadeInLeft .5s ease 1.6s both;}
.active .lc5{-webkit-animation: fadeInLeft .5s ease 1.8s both; animation: fadeInLeft .5s ease 1.8s both;}
.active .lc6{-webkit-animation: fadeInLeft .5s ease 2s both; animation: fadeInLeft .5s ease 2s both;}
.active .build1{-webkit-animation: fadeInUp 1s ease .2s both; animation: fadeInUp 1s ease .2s both;}
.active .build2,.active .build3,.active .build4{-webkit-animation: fadeInUp 1s ease .2s both; animation: fadeInUp 1s ease .2s both;}
.active .d-con{-webkit-animation: bounceInUp .8s ease 1s both; animation: bounceInUp .8s ease 1s both;}
.active .map{-webkit-animation: fadeInDown .5s ease 1s both; animation: fadeInDown .5s ease 1s both;}
.active .hb{-webkit-animation: bounceIn .5s ease 1.2s both; animation: bounceIn .5s ease 1.2s both;}
.active .hn{-webkit-animation: bounceIn .5s ease 1.3s both; animation: bounceIn .5s ease 1.3s both;}
.active .hd{-webkit-animation: bounceIn .5s ease 1.4s both; animation: bounceIn .5s ease 1.4s both;}
.active .hz{-webkit-animation: bounceIn .5s ease 1.5s both; animation: bounceIn .5s ease 1.5s both;}
.active .xn{-webkit-animation: bounceIn .5s ease 1.6s both; animation: bounceIn .5s ease 1.6s both;}
.active .map-right{-webkit-animation: fadeInRight .5s ease 2s both; animation: fadeInRight .5s ease 2s both;}
.active .star1{-ms-animation: flow 5s ease infinite 2s both; -webkit-animation: flow 5s ease infinite 2s both; animation: flow 5s ease infinite 2s both}
.active .star2{-ms-animation: flow 3s ease infinite 2s both; -webkit-animation: flow 3s ease infinite  2s both; animation: flow 3s ease infinite 2s both}
.active .star3{-ms-animation: flow 6s ease infinite 2s both;-webkit-animation: flow 6s ease infinite 2s both; animation: flow 6s ease infinite 2s both}
.active .g_title{-webkit-animation: lightSpeedIn .8s ease .6s both; animation: lightSpeedIn .8s ease .6s both;}
.active .g_con{-webkit-animation: bounceInRight .8s ease .6s both; animation: bounceInRight .8s ease .6s both;}
.active .h_con1{-webkit-animation: bounceInRight .6s ease 1s both; animation: bounceInRight .6s ease 1s both;}
.active .h_con2{-webkit-animation: flipInX .6s ease 1.4s both; animation: flipInX .6s ease 1.4s both;}
.active .h_con3{-webkit-animation: fadeInUpBig .6s ease 1.8s both; animation: fadeInUpBig .6s ease 1.8s both;}
.active .i-con{-webkit-animation: slideInRight .5s ease 1s both; animation: slideInRight .5s ease 1s both;}
.active .cube{-webkit-animation: fadeIn .5s ease 1s both; animation: fadeIn .5s ease 1s both;}
.active .b_con{-webkit-animation: bounceInLeft .9s ease 1s both; animation: bounceInLeft .9s ease 1s both;}
.active .c_con{-webkit-animation: bounceInRight .8s ease 1s both; animation: bounceInRight .8s ease 1s both;}
.active .c_btn{-webkit-animation: bounceIn .8s ease 1.2s both; animation: bounceIn .8s ease 1.2s both;}
.active .bg1{-webkit-animation: fadeInUp .8s ease 1s both; animation: fadeInUp .8s ease 1s both;}
.active .bg2{-webkit-animation: fadeInUp .8s ease 1.2s both; animation: fadeInUp .8s ease 1.2s both;}
.active .p_btn{-webkit-animation: bounceIn .8s ease 1.6s both; animation: bounceIn .8s ease 1.6s both;}