/*关于我们动画*/

.aboutsus .tit h1{
  position:relative;
  animation:mymove1 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:mymove1 1s ease-in-out 1s 1 alternate forwards;
}
.aboutsus .tit span{
  position:relative;
  animation:mymove2 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:mymove2 1s ease-in-out 1s 1 alternate forwards;
}
.aboutsus .tit p{
  position:relative;
  animation:mymove3 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:mymove3 1s ease-in-out 1s 1 alternate forwards;
}

@keyframes mymove1{
  from {top:150px;}
  to {top:0px;}
}

@keyframes mymove2{
  from {top:250px;}
  to {top:0px;}
}

@keyframes mymove3{
  from {top:350px;}
  to {top:0px;}
}


.aboutsus .con p{
  position:relative;
  animation:aboutsus 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:aboutsus 1s ease-in-out 1s 1 alternate forwards;	
}
.aboutsus .con .zw{
  position:relative;
  animation:aboutsus1 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:aboutsus1 1s ease-in-out 1s 1 alternate forwards;	
}
.aboutsus .con a{
  position:relative;
  animation:aboutsus2 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:aboutsus2 1s ease-in-out 1s 1 alternate forwards;	
}

@keyframes aboutsus{
  from {top:450px;}
  to {top:0px;}
}
@keyframes aboutsus1{
  from {top:550px;}
  to {top:0px;}
}
@keyframes aboutsus2{
  from {top:650px;}
  to {top:0px;}
}


/*业务板块动画*/


.ywbkmove .tit h1{
  position:relative;
  animation:ywbkmove1 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbkmove1 1s ease-in-out 1s 1 alternate forwards;
}
.ywbkmove .tit span{
  position:relative;
  animation:ywbkmove2 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbkmove2 1s ease-in-out 1s 1 alternate forwards;
}
.ywbkmove .tit p{
  position:relative;
  animation:ywbkmove3 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbkmove3 1s ease-in-out 1s 1 alternate forwards;
}

@keyframes ywbkmove1{
  from {top:150px;}
  to {top:-700px;}
}

@keyframes ywbkmove2{
  from {top:250px;}
  to {top:-700px;}
}

@keyframes ywbkmove3{
  from {top:350px;}
  to {top:-700px;}
}


.ywbkmove ul .li1{
  position:relative;
  animation:ywbk1 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk1 1s ease-in-out 1s 1 alternate forwards;	
}
.ywbkmove ul .li1 .p1{
  position:relative;
  animation:ywbk2 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk2 1s ease-in-out 1s 1 alternate forwards;  
}
.ywbkmove ul .li1 .p2{
  position:relative;
  animation:ywbk3 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk3 1s ease-in-out 1s 1 alternate forwards;  
}


@keyframes ywbk1{
  from {left:-350px;}
  to {left:0px;}
}
@keyframes ywbk2{
  from {left:-450px;}
  to {left:0px;}
}
@keyframes ywbk3{
  from {left:-500px;}
  to {left:0px;}
}

.ywbkmove ul .li2{
  position:relative;
  animation:ywbk21 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk21 1s ease-in-out 1s 1 alternate forwards; 
}
.ywbkmove ul .li2 .p1{
  position:relative;
  animation:ywbk22 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk22 1s ease-in-out 1s 1 alternate forwards;  
}
.ywbkmove ul .li2 .p2{
  position:relative;
  animation:ywbk23 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk23 1s ease-in-out 1s 1 alternate forwards;  
}


@keyframes ywbk21{
  from {left:-350px;}
  to {left:0px;}
}
@keyframes ywbk22{
  from {left:-450px;}
  to {left:0px;}
}
@keyframes ywbk23{
  from {left:-500px;}
  to {left:0px;}
}

.ywbkmove ul .li3{
  position:relative;
  animation:ywbk31 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk31 1s ease-in-out 1s 1 alternate forwards; 
}
.ywbkmove ul .li3 .p1{
  position:relative;
  animation:ywbk32 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk32 1s ease-in-out 1s 1 alternate forwards;  
}
.ywbkmove ul .li3 .p2{
  position:relative;
  animation:ywbk33 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk33 1s ease-in-out 1s 1 alternate forwards;  
}


@keyframes ywbk31{
  from {right:-350px;}
  to {right:0px;}
}
@keyframes ywbk32{
  from {right:-450px;}
  to {right:0px;}
}
@keyframes ywbk33{
  from {right:-500px;}
  to {right:0px;}
}

.ywbkmove ul .li4{
  position:relative;
  animation:ywbk41 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk41 1s ease-in-out 1s 1 alternate forwards; 
}
.ywbkmove ul .li4 .p1{
  position:relative;
  animation:ywbk42 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk42 1s ease-in-out 1s 1 alternate forwards;  
}
.ywbkmove ul .li4 .p2{
  position:relative;
  animation:ywbk43 1s ease-in-out 1s 1 alternate forwards;
  -webkit-animation:ywbk43 1s ease-in-out 1s 1 alternate forwards;  
}


@keyframes ywbk41{
  from {right:-350px;}
  to {right:0px;}
}
@keyframes ywbk42{
  from {right:-450px;}
  to {right:0px;}
}
@keyframes ywbk43{
  from {right:-500px;}
  to {right:0px;}
}