/*��ҳ*/
.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 .a_txt{-webkit-animation: fadeInUp 1s ease 1s both; animation: fadeInUp 1s ease 1s both;}
.active .logo{-webkit-animation: fadeInDown .3s ease .2s both; animation: fadeInDown .3s ease .2s both;}
.active .a_slogan{-webkit-animation: bounceIn .5s ease .6s both; animation: bounceIn .5s ease .6s both;}
/*.active .a_ele{-webkit-animation: fadeInRight .4s ease .2s both; animation: fadeInRight .4s ease .2s both;}*/
/*.active .a_word{-webkit-animation: fadeInLeft .4s ease .2s both; animation: fadeInLeft .4s ease .2s both;}*/

.active .b_ele{-webkit-animation: fadeInUp .4s ease .2s both; animation: fadeInUp .4s ease .2s both;}
.active .b_title{-webkit-animation: fadeInDown .5s ease .6s both; animation: fadeInDown .5s ease .6s both;}
.active .b_info{-webkit-animation: fadeInDown .5s ease .6s both; animation: fadeInDown .5s ease .6s both;}
.active .b_slogan{-webkit-animation: fadeInUp .5s ease 1s both; animation: fadeInUp .5s ease 1s both;}

.active .c_title{-webkit-animation: fadeInDown .5s ease .3s both; animation: fadeInDown .5s ease .3s both;}
.active .c_con{-webkit-animation: fadeInUp .6s ease 1s both; animation: fadeInUp .6s ease 1s both;}
.active .c_title-dt{-webkit-animation: fadeInUp .6s ease 1.3s both; animation: fadeInUp .6s ease 1.3s both;}
/*.active .c_title-btn{-webkit-animation: fadeInUp .6s ease 1.7s both; animation: fadeInUp .6s ease 1.7s both;}*/

.active .d_ele{-webkit-animation: fadeInUp .4s ease .2s both; animation: fadeInUp .4s ease .2s both;}
.active .d_title{-webkit-animation: bounceIn .4s ease .5s both; animation: bounceIn .4s ease .5s both;}
.active .d_con1{-webkit-animation: fadeInLeft .5s ease 1s both; animation: fadeInLeft .5s ease 1s both;}
.active .d_con2{-webkit-animation: fadeInRight .5s ease 1s both; animation: fadeInRight .5s ease 1s both;}


.active .e_ele{-webkit-animation: fadeInUp .4s ease .2s both; animation: fadeInUp .4s ease .2s both;}
.active .e_title{-webkit-animation: bounceIn .4s ease .5s both; animation: bounceIn .4s ease .5s both;}
.active .e_con1{-webkit-animation: fadeInUp .5s ease 1s both; animation: fadeInUp .5s ease 1s both;}
.active .e_title1{-webkit-animation: fadeInUp .5s ease 1s both; animation: fadeInUp .5s ease 1s both;}
.active .e_con2{-webkit-animation: fadeInUp .5s ease 1.5s both; animation: fadeInUp .5s ease 1.5s both;}
.active .e_title2{-webkit-animation: fadeInUp .5s ease 1.5s both; animation: fadeInUp .5s ease 1.5s both;}

.active .dt_1{-webkit-animation: fadeInUp .5s ease 0.5s both; animation: fadeInUp .5s ease 0.5s both;}
.active .dt_2{-webkit-animation: fadeInUp .5s ease 1s both; animation: fadeInUp .5s ease 1s both;}
.active .dt_p2-1{-webkit-animation: fadeInUp .5s ease 0.3s both; animation: fadeInUp .5s ease 0.3s both;}
.active .dt_p2-2{-webkit-animation: fadeInUp .5s ease 0.7s both; animation: fadeInUp .5s ease 0.7s both;}

.active .ani1{-webkit-animation: fadeInUp 1.2s ease 1s forwards; animation: fadeInUp 1.2s ease 1s forwards;}