@keyframes gonggao {
    0%{
        transform: translate(0,-100%);
        transition: all 0.5s;
    }
    100%{
        transform: translate(0,0);
        transition: all 0.5s;
    }
}
.gonggaosty{
    animation-name: gonggao;
    animation-timing-function:linear;
    animation-delay:0.5s;
    animation-duration: 0.5s;
    animation-iteration-count:1;
    animation-direction: normal;;
    animation-play-state:running;
}
.titlesty{
    animation-name: title;
    animation-timing-function:linear;
    animation-delay:0.5s;
    animation-duration: 0.5s;
    animation-iteration-count:1;
    animation-direction: normal;;
    animation-play-state:running;
}
@keyframes title  {
    0%{
        opacity: 0;
        /*transform: translate(30px,20px);*/
        transform: translate(0,100%) scale(0.8);
        transition: all 1s cubic-bezier(.53,.52,.67,.65);
    }
    100%{
        opacity: 1;
        transform: translate(0,0);
        transition: all 1s cubic-bezier(.53,.52,.67,.65);
    }
}
.s_b_m_sty{
    animation-name: s_b_m_sty;
    animation-timing-function:linear;
    animation-delay:0.5s;
    animation-duration: 0.5s;
    animation-iteration-count:1;
    animation-direction: normal;;
    animation-play-state:running;
}
@keyframes s_b_m_sty {
    0%{
        opacity: 0;
        transform: translate(-464px,0) scale(0.6);
        transition: all 1s ease-in-out;
    }
    50%{
        opacity: 0.5;
        transform: translate(200px,0) scale(0.6);
        transition: all 1s ease-in-out;
    }
    100%{
        opacity: 1;
        transform: translate(0,0) scale(1);
        transition: all 1s ease-in-out;
    }
}

.zoomInUp {
    animation-name: zoomIn;
    animation-delay:0.8s;
}