/*@charset "UTF-8";*/
/* CSS Document */
/*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: lijia xiong --*/
/*QQ：897232289*/
/*html5*/
/*动画样式*/

/*FadeInUp*/
.fadeInUp {
    opacity: 0;
}

.AddFadeInUp {
    -webkit-animation: AddFadeInUp .8s forwards normal;
    animation: AddFadeInUp .8s forwards normal;
}

@-webkit-keyframes AddFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes AddFadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

/*FadeInLeft*/
.fadeInLeft {
    opacity: 0;
}

.AddFadeInLeft {
    -webkit-animation: AddFadeInLeft .8s forwards normal;
    animation: AddFadeInLeft .8s forwards normal;
}

@-webkit-keyframes AddFadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

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

@keyframes AddFadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

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

/*FadeInRight*/
.fadeInRight {
    opacity: 0;
}

.AddFadeInRight {
    -webkit-animation: AddFadeInRight .8s forwards normal;
    animation: AddFadeInRight .8s forwards normal;
}

@-webkit-keyframes AddFadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

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

@keyframes AddFadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
/*延时*/
.d1 {
    animation-delay: 100ms;
    -webkit-animation-delay: 100ms;
}

.d2 {
    animation-delay: 200ms;
    -webkit-animation-delay: 200ms;
}

.d3 {
    animation-delay: 300ms;
    -webkit-animation-delay: 300ms;
}

.d4 {
    animation-delay: 400ms;
    -webkit-animation-delay: 400ms;
}

.d5 {
    animation-delay: 500ms;
    -webkit-animation-delay: 500ms;
}

.d6 {
    animation-delay: 600ms;
    -webkit-animation-delay: 600ms;
}

.d7 {
    animation-delay: 700ms;
    -webkit-animation-delay: 700ms;
}

.d8 {
    animation-delay: 800ms;
    -webkit-animation-delay: 800ms;
}

.d9 {
    animation-delay: 900ms;
    -webkit-animation-delay: 900ms;
}

.d10 {
    animation-delay: 900ms;
    -webkit-animation-delay: 900ms;
}