/*  index service animate start ------------------------------ */
.serviceAnimate,.aboutTxtAnimate,.worksAnimate,.teamAnimate,.cooperationAnimate,.businessAnimate,.dynamicAnimate,.contactAnimate{
    position:relative;
    animation:stAnimate 1s;
    -moz-animation:stAnimate 1s; /* Firefox */
    -webkit-animation:stAnimate 1s; /* Safari and Chrome */
    -o-animation:stAnimate 1s; /* Opera */
}

@keyframes stAnimate
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-moz-keyframes stAnimate /* Firefox */
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-webkit-keyframes stAnimate /* Safari and Chrome */
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-o-keyframes stAnimate /* Opera */
{
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}



.serviceListAnimateLeft{
    position: relative; animation: slAnimateLeft 1s;-moz-animation: slAnimateLeft 1s;-webkit-animation:slAnimateLeft 1s ;-o-animation: slAnimateLeft 1s;
}
@keyframes slAnimateLeft {
    0%{left: 100px;opacity: 0}
    100%{left: 0px;opacity: 1}
}

@-moz-keyframes slAnimateLeft {
    0%{left: 100px;opacity: 0}
    100%{left: 0px;opacity: 1}
}

@-webkit-keyframes slAnimateLeft {
    0%{left: 100px;opacity: 0}
    100%{left: 0px;opacity: 1}
}

@-o-keyframes slAnimateLeft {
    0%{left: 100px;opacity: 0}
    100%{left: 0px;opacity: 1}
 }




.serviceListAnimateCenter{
    position: relative; animation: slAnimateCenter 1s;-moz-animation: slAnimateCenter 1s;-webkit-animation:slAnimateCenter 1s ;-o-animation: slAnimateCenter 1s;
}
@keyframes slAnimateCenter {
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-moz-keyframes slAnimateCenter {
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-webkit-keyframes slAnimateCenter {
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}

@-o-keyframes slAnimateCenter {
    0%   {top:50px; opacity: 0;}
    100% {top:0px; opacity: 1;}
}





.serviceListAnimateRight{
    position: relative; animation: slAnimateRight 1s;-moz-animation: slAnimateRight 1s;-webkit-animation:slAnimateRight 1s ;-o-animation: slAnimateRight 1s;
}
@keyframes slAnimateRight {
    0%   {right:100px; opacity: 0;}
    100% {right:0px; opacity: 1;}
}

@-moz-keyframes slAnimateRight {
    0%   {right:100px; opacity: 0;}
    100% {right:0px; opacity: 1;}
}

@-webkit-keyframes slAnimateRight {
    0%   {right:100px; opacity: 0;}
    100% {right:0px; opacity: 1;}
}

@-o-keyframes slAnimateRight {
    0%   {right:-100px; opacity: 0;}
    100% {right:0px; opacity: 1;}
}






/*  index service animate end------------------------------ */