@keyframes indexfirst {
    0%   {margin-left:-100px;opacity:0.2;}
    100% {margin-left:0;opacity: 1;}
}

@-moz-keyframes indexfirst{
    0%   {margin-left:-100px;opacity:0.2;}
    100% {margin-left:0;opacity: 1;}
}

@-webkit-keyframes indexfirst {
    0%   {margin-left:-100px;opacity:0.2;}
    100% {margin-left:0;opacity: 1;}
}

@-o-keyframes indexfirst {
    0%   {margin-left:-100px;opacity:0.2;}
    100% {margin-left:0;opacity: 1;}
}
.animation-gradient {
    animation-name: indexfirst;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;
    /* firefox: */
    -moz-animation-name: indexfirst;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    /* safari 和 chrome: */
    -webkit-animation-name: indexfirst;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    /* opera: */
    -o-animation-name: indexfirst;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: normal;
    -o-animation-play-state: running;}


@keyframes indexsecond {
    0%   {opacity:0.5;margin-left: 100px;}
    100% {opacity: 1;margin-left: 0px;}
}

@-moz-keyframes indexsecond{
    0%   {opacity:0.5;margin-left: 100px;}
    100% {opacity: 1;margin-left: 0px;}
}

@-webkit-keyframes indexsecond {
    0%   {opacity:0.5;margin-left: 100px;}
    100% {opacity: 1;margin-left: 0px;}
}

@-o-keyframes indexsecond {
    0%   {opacity:0.5;margin-left: 100px;}
    100% {opacity: 1;margin-left: 0px;}
}
.img-gradient {
    animation-name: indexsecond;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;
    /* firefox: */
    -moz-animation-name: indexsecond;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    /* safari 和 chrome: */
    -webkit-animation-name: indexsecond;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    /* opera: */
    -o-animation-name: indexsecond;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: normal;
    -o-animation-play-state: running;}


@keyframes indexthird {
    0%   {opacity:0.5;margin-left: 240px;}
    100% {opacity: 1;margin-left: 140px;}
}

@-moz-keyframes indexthird{
    0%   {opacity:0.5;margin-left: 240px;}
    100% {opacity: 1;margin-left: 140px;}
}

@-webkit-keyframes indexthird {
    0%   {opacity:0.5;margin-left: 240px;}
    100% {opacity: 1;margin-left: 140px;}
}

@-o-keyframes indexthird {
    0%   {opacity:0.5;margin-left: 240px;}
    100% {opacity: 1;margin-left: 140px;}
}
.img-gradient1 {
    animation-name: indexthird;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;
    /* firefox: */
    -moz-animation-name: indexthird;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    /* safari 和 chrome: */
    -webkit-animation-name: indexthird;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    /* opera: */
    -o-animation-name: indexthird;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: normal;
    -o-animation-play-state: running;}


@keyframes indexfourth {
    0%   {margin-left:-30px;opacity:0.2;}
    100% {margin-left:70px;opacity: 1;}
}

@-moz-keyframes indexfourth{
    0%   {margin-left:-30px;opacity:0.2;}
    100% {margin-left:70px;opacity: 1;}
}

@-webkit-keyframes indexfourth {
    0%   {margin-left:-30px;opacity:0.2;}
    100% {margin-left:70px;opacity: 1;}
}

@-o-keyframes indexfourth {
    0%   {margin-left:-30px;opacity:0.2;}
    100% {margin-left:70px;opacity: 1;}
}
.animation-gradient1 {
    animation-name: indexfourth;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-play-state: running;
    /* firefox: */
    -moz-animation-name: indexfourth;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
    -moz-animation-play-state: running;
    /* safari 和 chrome: */
    -webkit-animation-name: indexfourth;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state: running;
    /* opera: */
    -o-animation-name: indexfourth;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: linear;
    -o-animation-delay: 0s;
    -o-animation-iteration-count: 1;
    -o-animation-direction: normal;
    -o-animation-play-state: running;}