@-webkit-keyframes image-slide-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }

    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes image-slide-top {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    to {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}
@-webkit-keyframes image-slide-right {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px)
    }

    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}
@keyframes image-slide-right {
    0% {
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes image-slide-left {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes image-slide-left {
    0% {
        -webkit-transform: translateX(-200px);
        transform: translateX(-200px);
        opacity: 0;
    }

    to {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}
/*圆点缩放动画*/
@-webkit-keyframes twinkling {
    0%{
        opacity: 0.2;
        -webkit-transform: scale(1);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1.12);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(1);
    }
}
@keyframes twinkling {
    0%{
        opacity: 0.2;
        -webkit-transform: scale(1);
    }
    50% {
        opacity: 0.5;
        -webkit-transform: scale(1.12);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(1);
    }
}
@keyframes fedui-show
{
    from {top:65px;}
    to {top:75px;}
}

@-webkit-keyframes fedui-show /*Safari and Chrome*/
{
    from {top:65px;}
    to {top:75px;}
}
/*淡入*/
@keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-webkit-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-ms-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-o-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}
@-moz-keyframes fade-in{
    0%{ opacity: 0;}
    100%{opacity:1;}
}