/*Ê×Ò³*/
.ball1{ -webkit-animation: flow 2s ease infinite alternate both; animation: flow 2s ease infinite alternate both}
.ball2{ -webkit-animation: flow 1.2s ease infinite alternate both; animation: flow 1.2s ease infinite alternate both}
.ball3{-webkit-animation: flow 1.5s ease infinite alternate both; animation: flow 1.5s ease infinite alternate both}
.ball4{-webkit-animation: flow 1.8s ease infinite alternate both; animation: flow 1.8s ease infinite alternate both}

@-webkit-keyframes flow {
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(-5px,-5px); }
}
@-ms-keyframes flow {
    0%{-ms-transform:translate(0,0);}
    100%{-ms-transform:translate(-5px,-5px); }
}
@keyframes flow {
    0%{-webkit-transform:translate(0,0);}
    100%{-webkit-transform:translate(-5px,-5px);}
}
@-webkit-keyframes rotate{
    0%{-webkit-transform:rotate(0); }
    100%{-webkit-transform:rotate(3deg);}
}
@keyframes rotate{
    0%{-webkit-transform:rotate(0); }
    100%{-webkit-transform:rotate(3deg);}
}
@-webkit-keyframes rotate{
    0%{opacity: 1; }
    100%{opacity:0.8;}
}
@keyframes rotate{
    0%{opacity: 1; }
    100%{opacity: 0.8;}
}
@-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);}
}
@-webkit-keyframes scale{
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(-10px,-10px);}
}
/*µã½«Éú*/
.active .logo{-webkit-animation: fadeInDown .5s ease .2s both; animation: fadeInDown .5s ease .2s both;}
.active .slogan{-webkit-animation: bounceIn .5s ease 1s both; animation: bounceIn .5s ease 1s both;}
.active .title{-webkit-animation: bounceIn .5s ease 1s both; animation: bounceIn .5s ease 1s both;}
.active .build,.active .cloud1,.active .cloud2,.active .peo{-webkit-animation: fadeInUp .5s ease .6s both; animation: fadeInUp .5s ease .6s both;}
.active .train{-webkit-animation: fadeInLeft .5s ease .6s both; animation: fadeInLeft .5s ease .6s both;}
.active .fly{-webkit-animation: fadeInDown .5s ease .6s both; animation: fadeInDown .5s ease .6s both;}
.active .light{-webkit-animation: rotate 1s ease infinite alternate .6s both; animation: rotate 1s ease infinite alternate .6s both;}
.active .lightImg{-webkit-animation: fadeIn .5s ease .6s both; animation: fadeIn .5s ease .6s both;}
.active .b_con{-webkit-animation: fadeInUp .5s ease 1.5s both; animation: fadeInUp .5s ease 1.5s both;}
.active .d_con1{-webkit-animation: fadeInRight .5s ease 1.5s both; animation: fadeInRight .5s ease 1.5s both;}
.active .d_con2{-webkit-animation: fadeInRight .5s ease 1.8s both; animation: fadeInRight .5s ease 1.8s both;}
.active .d_con3{-webkit-animation: fadeInRight .5s ease 2.3s both; animation: fadeInRight .5s ease 2.3s both;}
.active .line1{-webkit-animation: fadeInUp .5s ease 2.8s both; animation: fadeInUp .5s ease 2.8s both;}
.active .line2{-webkit-animation: fadeInRight .5s ease 2.8s both; animation: fadeInRight .5s ease 2.8s both;}
.active .e_con1{-webkit-animation: bounceInDown .5s ease 1s both; animation: bounceInDown .5s ease 1s both;}
.active .e_con2{-webkit-animation: fadeInRight .5s ease 1.5s both; animation: fadeInRight .5s ease 1.5s both;}
.active .e_con3{-webkit-animation: fadeInRight .5s ease 1.7s both; animation: fadeInRight .5s ease 1.7s both;}
.active .e_con4{-webkit-animation: fadeInRight .5s ease 1.9s both; animation: fadeInRight .5s ease 1.9s both;}
.active .e_con5{-webkit-animation: fadeInRight .5s ease 2.1s both; animation: fadeInRight .5s ease 2.1s both;}
.active .f_con{-webkit-animation: flipInX .5s ease 1.5s both; animation: flipInX .5s ease 1.5s both;}
.active .g-con{-webkit-animation: fadeInRight .5s ease 1.5s both; animation: fadeInRight .5s ease 1.5s both;}