@charset utf-8;

/* init banner1_word moves */

@-webkit-keyframes banner1_word_box

{

0%   {transform:skew(60deg);left:-500px;transform:scale(1)}

25%  {transform:skew(0deg);left:75%;transform:scale(1)}

40%  {transform:scale(1.1)}

55%  {transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:transform:scale(1)}

}

@-moz-keyframes banner1_word_box

{

0%   {transform:skew(60deg);left:-500px;transform:scale(1)}

25%  {transform:skew(0deg);left:12%;transform:scale(1)}

40%  {transform:scale(1.1)}

55%  {transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:transform:scale(1)}

}

@-o-keyframes banner1_word_box

{

0%   {transform:skew(60deg);left:-500px;transform:scale(1)}

25%  {transform:skew(0deg);left:12%;transform:scale(1)}

40%  {transform:scale(1.1)}

55%  {transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:transform:scale(1)}

}

@-keyframes banner1_word_box

{

0%   {transform:skew(60deg);left:-500px;transform:scale(1)}

25%  {transform:skew(0deg);left:75%;transform:scale(1)}

40%  {transform:scale(1.1)}

55%  {transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:transform:scale(1)}

}



/* init banner1_word moves */

@-webkit-keyframes banner1_bingcom_box

{

0%   {left:-120%;}

50%  {left:-40%;transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:scale(1)}

}

@-moz-keyframes banner1_bingcom_box

{

0%   {left:-120%;}

50%  {left:-40%;transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:scale(1)}

}

@-o-keyframes banner1_bingcom_box

{

0%   {left:-120%;}

50%  {left:-40%;transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:scale(1)}

}

@-keyframes banner1_bingcom_box

{

0%   {left:-120%;}

50%  {left:-40%;transform:scale(1)}

75%  {transform:scale(1.1)}

100% {transform:scale(1)}

}



/* init banner1_word moves */

@-webkit-keyframes banner1_smallcom_box

{

0%   {left:120%;}

100% {left:50%;}

}

@-moz-keyframes banner1_smallcom_box

{

0%   {left:120%;}

100% {left:50%;}

}

@-o-keyframes banner1_smallcom_box

{

0%   {left:120%;}

100% {left:50%;}

}

@-keyframes banner1_smallcom_box

{

0%   {left:120%;}

100% {left:50%;}

}

/* init banner1_word moves */

@-webkit-keyframes banner1_keybroak_box

{

0%   {opacity: 0;}

60%  {opacity: 0.01}

100% {opacity: 1;}

}

@-moz-keyframes banner1_keybroak_box

{

0%   {opacity: 0;}

60%  {opacity: 0.01}

100% {opacity: 1;}

}

@-o-keyframes banner1_keybroak_box

{

0%   {opacity: 0;}

60%  {opacity: 0.01}

100% {opacity: 1;}

}

@-keyframes banner1_keybroak_box

{

0%   {opacity: 0;}

60%  {opacity: 0.01}

100% {opacity: 1;}

}

/* -------------------------use move---------------------------------- */

.mybanner ul li .banner1_word_box

{

/*  animation: 动画名称  完成动画所需时间  动画播放速度  延迟多久开始  动画播放次数(默认为1，infinite则无限循环)   是否应该轮流反向播放动画; */

animation:banner1_word_box 2.4s linear .3s 1 normal;

/* Firefox: */

-moz-animation:banner1_word_box 2.4s linear .3s 1 normal;

/* Safari and Chrome: */

-webkit-animation:banner1_word_box 2.4s linear .3s 1 normal;

/* Opera: */

-o-animation:banner1_word_box 2.4s linear .3s 1 normal;

}



.mybanner ul li .banner1_bingcom_box

{

/*  animation: 动画名称  完成动画所需时间  动画播放速度  延迟多久开始  动画播放次数(默认为1，infinite则无限循环)   是否应该轮流反向播放动画; */

animation:banner1_bingcom_box 1.4s linear 0s 1 normal;

/* Firefox: */

-moz-animation:banner1_bingcom_box 1.4s linear 0s 1 normal;

/* Safari and Chrome: */

-webkit-animation:banner1_bingcom_box 1.4s linear 0s 1 normal;

/* Opera: */

-o-animation:banner1_bingcom_box 1.4s linear 0s 1 normal;

}



.mybanner ul li .banner1_smallcom_box

{

/*  animation: 动画名称  完成动画所需时间  动画播放速度  延迟多久开始  动画播放次数(默认为1，infinite则无限循环)   是否应该轮流反向播放动画; */

animation:banner1_smallcom_box 0.8s linear 0s 1 normal;

/* Firefox: */

-moz-animation:banner1_smallcom_box0.8s linear 0s 1 normal;

/* Safari and Chrome: */

-webkit-animation:banner1_smallcom_box 0.8s linear 0s 1 normal;

/* Opera: */

-o-animation:banner1_smallcom_box 0.8s linear 0s 1 normal;

}



.mybanner ul li .banner1_keybroak_box

{

/*  animation: 动画名称  完成动画所需时间  动画播放速度  延迟多久开始  动画播放次数(默认为1，infinite则无限循环)   是否应该轮流反向播放动画; */

animation:banner1_keybroak_box 1.6s linear 0s 1 normal;

/* Firefox: */

-moz-animation:banner1_keybroak_box 1.6s linear 0s 1 normal;

/* Safari and Chrome: */

-webkit-animation:banner1_keybroak_box 1.6s linear 0s 1 normal;

/* Opera: */

-o-animation:banner1_keybroak_box 1.6s linear 0s 1 normal;

}