/*Ê×Ò³*/

@-webkit-keyframes flow {
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(-10px,10px); }
}

@keyframes flow {
    0%{-webkit-transform:translate(0,0);}
    100%{-webkit-transform:translate(-10px,10px); }

}

@-webkit-keyframes scale{
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(15px,-15px);}
}
@-ms-keyframes scale{
    0%{-ms-transform:translate(0,0); }
    100%{-ms-transform:translate(15px,-15px);}
}
@keyframes scale{
    0%{-webkit-transform:translate(0,0);}
    100%{-webkit-transform:translate(-20px,0px);}
}

/*ÕÀ·Å*/
.active .bg{-webkit-animation: fadeInUp .5s ease 0s both; animation: fadeInUp .5s ease 0s both;}
.active .logo{-webkit-animation: fadeInDown .5s ease .2s both; animation: fadeInDown .5s ease .2s both;}
.active .slogan{-webkit-animation: bounceIn .5s ease .6s both; animation: bounceIn .5s ease .6s both;}
.active .title{-webkit-animation: bounceIn .5s ease .8s both; animation: bounceIn .5s ease .8s both;}

.active .b_con1{-webkit-animation: fadeInRight .5s ease .6s both; animation: fadeInRight .5s ease .6s both;}
.active .b_con2{-webkit-animation: fadeInRight .5s ease .6s both; animation: fadeInRight .5s ease .6s both;}

.active .c_con1{-webkit-animation: fadeInUp .5s ease .5s both; animation: fadeInUp .5s ease .5s both;}
.active .post{-webkit-animation: bounceIn .5s ease 1.8s both; animation: bounceIn .5s ease 1.8s both;}
.active .w31{-webkit-animation: fadeInRight .5s ease 1s both; animation: fadeInRight .5s ease 1s both;}
.active .c_con2{-webkit-animation: fadeInRight .5s ease 1s both; animation: fadeInRight .5s ease 1s both;}
.active .w32{-webkit-animation: fadeInRight .5s ease 1.4s both; animation: fadeInRight .5s ease 1.4s both;}
.active .c_con3{-webkit-animation: fadeInRight .5s ease 1.4s both; animation: fadeInRight .5s ease 1.4s both;}

.active .btn{-webkit-animation: bounceIn .5s ease 1.8s both; animation: bounceIn .5s ease 1.8s both;}



.active .d_con1{-webkit-animation: bounceIn .5s ease .5s both; animation: bounceIn .5s ease .5s both;}
.active .d_con{-webkit-animation: fadeInUp .5s ease 1s both; animation: fadeInUp .5s ease 1s both;}

.active .e_con{-webkit-animation: fadeInDown .5s ease 1s both; animation: fadeInDown .5s ease 1s both;}