.scaleBg {
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
@keyframes scale-bg {
 from {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0);
}
to {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
}
.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
 @keyframes slideLeft {
 0% {
 transform: translateX(150%);
 opacity: 0;
}
 100% {
 transform: translateX(0%);
 opacity: 1;
}
}
 @-webkit-keyframes slideLeft {
 0% {
 -webkit-transform: translateX(150%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
}
.slideRight {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
 @keyframes slideRight {
 0% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 transform: translateX(-150%);
 opacity: 0;
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 transform: translateX(0%);
 opacity: 1;
}
}
 @-webkit-keyframes slideRight {
 0% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 transform: translateX(-150%);
 opacity: 0;
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 transform: translateX(0%);
 opacity: 1;
}
}
.driveInLeft {
	-webkit-animation-name: driveInLeft;
	animation-name: driveInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-60px, 0, 0);
 transform: translate3d(-60px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInRight {
	-webkit-animation-name: driveInRight;
	animation-name: driveInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(60px, 0, 0);
 transform: translate3d(60px, 0, 0);
}
 100% {
opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInTop {
	-webkit-animation-name: driveInTop;
	animation-name: driveInTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInTop {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -200px, 0);
 transform: translate3d(0, -200px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInBottom {
	-webkit-animation-name: driveInBottom;
	animation-name: driveInBottom;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @keyframes driveInBottom {
 0% {
 opacity: 0;
 -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 -webkit-transform: translate3d(0, 300px, 0);
 transform: translate3d(0, 300px, 0);
}
 30% {
 opacity: 1;
}
 60% {
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
 animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes clockwise {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes clockwise {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
 @-webkit-keyframes counter-clockwise {
 0% {
-webkit-transform: rotate(360deg);
}
 100% {
-webkit-transform: rotate(0deg);
}
}
 @keyframes counter-clockwise {
 0% {
transform: rotate(360deg);
}
 100% {
transform: rotate(0deg);
}
}
.kuan {
	-webkit-animation-name: kuan;
	animation-name: kuan;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
@keyframes kuan {
0% {
right:0;
width:0px;
}
100% {
right:0;
width: 200px;
}
}
.kuan1 {
	-webkit-animation-name: kuan1;
	animation-name: kuan1;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
@keyframes kuan {
 100% {
right:0;
width: 200px;
}
0% {
right:0;
width:0px;
}
}
.xiaon {
	animation:xiaon 5s 1 forwards;
	-mzoanimation:xiaon 5s 1 forwards;
	-webkit-animation:xiaon 5s 1 forwards;
	-o-animation:xiaon 5s 1 forwards;
}
 @keyframes xiaon {
 0% {
 width:0;
opacity:0;
}
100% {
 width:100;
opacity:1;
}
}
.zifadeInUp {
	-webkit-animation-name: zifadeInUp;
	animation-name: zifadeInUp;
}
@-webkit-keyframes zifadeInUp {
 0% {
 -webkit-transform:translateY(30px);
 opacity: 0.5;
}


 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInUp {
 0% {
 -ms-transform:translateY(30px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInUp {
 0% {
 transform:translateY(30px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}
.zifadeInDown {
	-webkit-animation-name: zifadeInDown;
	animation-name: zifadeInDown;
}
 @-webkit-keyframes zifadeInDown {
 0% {
 -webkit-transform:translateY(-30px);
 opacity: 0.5;
}
 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInDown {
 0% {
 -ms-transform:translateY(-30px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInDown {
 0% {
 transform:translateY(-30px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}
.shake1 {
	animation:shake1 5s infinite;
	-mzoanimation:shake1 5s infinite;
	-webkit-animation:shake1 5s infinite;
	-o-animation:shake1 5s infinite;
}
@keyframes shake1 {
 0%, 100% {
 -webkit-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateY(-5px);
 -ms-transform: translateY(-5px);
 transform: translateY(-5px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
}
.spinIn {
	-webkit-animation-name: spinIn;
	animation-name: spinIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-iteration-count:infinite;
}
 @keyframes spinIn {
 0% {
 opacity: 0;
 -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
 transform: rotateZ(0deg) scale3d(0, 0, 0);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 50% {
 opacity: 1;
}
 70% {
 -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
 transform: rotateZ(380deg) scale3d(1, 1, 1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 100% {
 -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
 transform: rotateZ(360deg) scale3d(1, 1, 1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
}
.rotate {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	-webkit-transition-duration: 0.7s;
}
.fangun {
	animation:fangun 5s infinite;
	-mzoanimation:fangun 5s infinite;
	-webkit-animation:fangun 5s infinite;
	-o-animation:fangun 5s infinite;
}
@keyframes fangun {
 0% {
 transform:rotateY(0deg);
 -moz-transform:rotateY(0deg);
 -webkit-transform:rotateY(0deg);
 -o-transform:rotateY(0deg);
}
 100% {
 transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}
}
 @-webkit-keyframes circleProgressLoad {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
.zifadeInRight {
	-webkit-animation-name: zifadeInRight;
	animation-name: zifadeInRight;
}
@-webkit-keyframes zifadeInRight {
 0% {
 -webkit-transform:translateX(100px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateX(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInRight {
 0% {
 -ms-transform:translateX(100px);
 opacity: 0;
}
 100% {
 -ms-transform:translatranslateXteY(0px);
 opacity: 1;
}
}
@keyframes zifadeInRight {
 0% {
 transform:translateX(100px);
 opacity: 0;
}
 100% {
 transform:translateX(0px);
 opacity: 1;
}
}
.zifadeInLeft {
	-webkit-animation-name: zifadeInLeft;
	animation-name: zifadeInLeft;
}
@-webkit-keyframes zifadeInLeft {
 0% {
 -webkit-transform:translateX(-100px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateX(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInLeft {
 0% {
 -ms-transform:translateX(-100px);
 opacity: 0;
}
 100% {
 -ms-transform:translatranslateXteY(0px);
 opacity: 1;
}
}
@keyframes zifadeInLeft {
 0% {
 transform:translateX(-100px);
 opacity: 0;
}
 100% {
 transform:translateX(0px);
 opacity: 1;
}
}
.popIn {
	-webkit-animation-name: popIn;
	animation-name: popIn;
}
 @keyframes popIn {
 0% {
 -webkit-transform: scale3d(0, 0, 0);
 transform: scale3d(0, 0, 0);
 opacity: 0;
}
 20% {
 opacity: 1;
}
 40% {
 -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
 animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
 -webkit-transform: scale3d(1.08, 1.08, 1.08);
 transform: scale3d(1.08, 1.08, 1.08);
}
 60% {
 -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 80% {
 -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.fangun1 {
	animation:fangun1 10s linear infinite;
	-mzoanimation:fangun1 10s linear infinite;
	-webkit-animation:fangun1 10s linear infinite;
	-o-animation:fangun1 10s linear infinite;
}
@keyframes fangun1 {
 0% {
 left:0;
 opacity: 1;
 transform: translateX(100px);
}
 100% {
 left:1920px;
 opacity: 1;
 transform: translateX(0);
}
}
.fangun2 {
	animation:fangun2 10s linear infinite;
	-mzoanimation:fangun2 10s linear infinite;
	-webkit-animation:fangun2 10s linear infinite;
	-o-animation:fangun2 10s linear infinite;
}
@keyframes fangun2 {
 0% {
 right:0;
 opacity: 1;
 transform: translateX(100px);
}
 100% {
 right:1920px;
 opacity: 1;
 transform: translateX(0);
}
}
.openDownLeftRetourn {
	-webkit-animation-name:openDownLeftRetourn;
	animation-name:openDownLeftRetourn;
}
@keyframes openDownLeftRetourn {
0% {
transform-origin:bottom left;
transform:rotate(-110deg);
animation-timing-function:ease-in-out;
}
100% {
transform-origin:bottom left;
transform:rotate(0deg);
animation-timing-function:ease-out;
}
}
.zifadeInUp {
	-webkit-animation-name: zifadeInUp;
	animation-name: zifadeInUp;
}
@-webkit-keyframes zifadeInUp {
 0% {
 -webkit-transform:translateY(30px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInUp {
 0% {
 -ms-transform:translateY(30px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInUp {
 0% {
 transform:translateY(30px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}



/*
==========
zoomerOut
==========
*/
.zoomerOut{
	animation-name: zoomerOut;
	-webkit-animation-name: zoomerOut;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);	
	-webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);

	-webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;	

	visibility: visible !important;						
}
@-webkit-keyframes zoomerOut {
  0% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.8);
  }
}
@keyframes zoomerOut {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}
.swap {
	-webkit-animation-name:swap;
	animation-name:swap;
}
@-webkit-keyframes swap {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
-webkit-transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
-webkit-transform:scale(1, 1) translate(0px, 0px);;
}
}
@keyframes swap {
0% {
opacity:0;
transform-origin:0 100%;
transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
transform-origin:100% 100%;
transform:scale(1, 1) translate(0px, 0px);
}
}


.perspectiveLeftRetourn {
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
	-webkit-animation-name:perspectiveLeftRetourn;
	animation-name:perspectiveLeftRetourn;
}
@-webkit-keyframes perspectiveLeftRetourn {
0% {
-webkit-transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(-130deg);
}
100% {
-webkit-transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveLeftRetourn {
0% {
transform-origin:0 0;
transform:perspective(800px) rotateY(-130deg);
}
100% {
transform-origin:0 0;
transform:perspective(800px) rotateY(0deg);
}
}


.spaceInUp {
	-webkit-animation-name:spaceInUp;
	animation-name:spaceInUp;
}
@-webkit-keyframes spaceInUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0%;
-webkit-transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
-webkit-transform-origin:50% 0%;
-webkit-transform:scale(1) translate(0%, 0%);
}
}
@keyframes spaceInUp {
0% {
opacity:0;
transform-origin:50% 0%;
transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
transform-origin:50% 0%;
transform:scale(1) translate(0%, 0%);
}
}
/*.paizi img{animation: whirl 50s linear infinite;}*/
 @keyframes whirl {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
		
		

.puffIn {
	-webkit-animation-name:puffIn;
	animation-name:puffIn;
}

@-webkit-keyframes puffIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
-webkit-filter:blur(2px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@keyframes puffIn {
0% {
opacity:0;
transform-origin:50% 50%;
transform:scale(2, 2);
filter:blur(2px);
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1);
filter:blur(0px);
}
}


.active .crho h2 span:nth-of-type(2) {
  animation-delay: .05s;
}

.active .crho h2 span:nth-of-type(3) {
  animation-delay: .1s;
}

.active .crho h2 span:nth-of-type(4) {
  animation-delay: .15s;
}

.active .crho h2 span:nth-of-type(5) {
  animation-delay: .2s;
}

.active .crho h2 span:nth-of-type(6) {
  animation-delay: .25s;
}

.active .crho h2 span:nth-of-type(7) {
  animation-delay: .3s;
}

.active .crho h2 span:nth-of-type(8) {
  animation-delay: .35s;
}

.active .crho h2 span:nth-of-type(9) {
  animation-delay: .4s;
}

.active .crho h2 span:nth-of-type(10) {
  animation-delay: .45s;
}

.crho h2 span:nth-of-type(11) {
  animation-delay: .5s;
}

.active .crho h2 span:nth-of-type(12) {
  animation-delay: .55s;
}

.active .crho h2 span:nth-of-type(13) {
  animation-delay: .6s;
}

.active .crho h2 span:nth-of-type(14) {
  animation-delay: .65s;
}



.crho3 h2 span:nth-of-type(2) {
  animation-delay: .05s;
}

.crho3 h2 span:nth-of-type(3) {
  animation-delay: .1s;
}

.crho3 h2 span:nth-of-type(4) {
  animation-delay: .15s;
}

.crho3 h2 span:nth-of-type(5) {
  animation-delay: .2s;
}

.active .crho h2 span:nth-of-type(6) {
  animation-delay: .25s;
}

.crho3 h2 span:nth-of-type(7) {
  animation-delay: .3s;
}

.active .crho h2 span:nth-of-type(8) {
  animation-delay: .35s;
}

.crho3 h2 span:nth-of-type(9) {
  animation-delay: .4s;
}

.crho3 h2 span:nth-of-type(10) {
  animation-delay: .45s;
}

.crho3 span:nth-of-type(11) {
  animation-delay: .5s;
}

.crho3 h2 span:nth-of-type(12) {
  animation-delay: .55s;
}

.crho3 h2 span:nth-of-type(13) {
  animation-delay: .6s;
}

.crho3 h2 span:nth-of-type(14) {
  animation-delay: .65s;
}

@keyframes leftRight {
  40% {
    transform: translate(50px, 0) scale(.7);
    opacity: 1;
    color: #fff;
  }
  60% {
    color: #0031ff;
  }
  80% {
    transform: translate(0) scale(2);
    opacity: 0;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}


.vanishIn {
	-webkit-animation-name:vanishIn;
	animation-name:vanishIn;
}
@-webkit-keyframes vanishIn {
0% {
opacity:0.5;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@keyframes vanishIn {
0% {
opacity:0.5;
transform-origin:50% 50%;
transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}

.fangunc {
	animation:fangunc 3s infinite linear;
	-mzoanimation:fangunc 3s infinite linear;
	-webkit-animation:fangunc 3s infinite linear ;
	-o-animation:fangunc 3s infinite linear;
}
@keyframes fangunc {
 0% {
 transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
 -o-transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 -o-transform:rotate(360deg);
}
}



@-webkit-keyframes pulse1 {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}

50% {
	-webkit-transform:scaleX(1.2);
	transform:scaleX(1.2)
}
100% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@keyframes pulse1 {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}

50% {
	-webkit-transform:scaleX(1.2);
	transform:scaleX(1.2)
}
100% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
.pulse1 {
	-webkit-animation-name:pulse1;
	animation-name:pulse1
}

.zibnr {
	animation:zibnr 3s infinite linear;
	-mzoanimation:zibnr 3s infinite linear;
	-webkit-animation:zibnr 3s infinite linear ;
	-o-animation:zibnr 3s infinite linear;
}
@keyframes zibnr {
	     0%{transform: translateX(0px);
		 opacity:0.5}
		 
		 
		 100%{transform: translateX(277px);
		 opacity:1;}
        }
.zibnr1 {
	animation:zibnr1 3s infinite linear;
	-mzoanimation:zibnr1 3s infinite linear;
	-webkit-animation:zibnr1 3s infinite linear ;
	-o-animation:zibnr1 3s infinite linear;
}
@keyframes zibnr1 {
	     0%{transform: translateX(0px);
		 opacity:0}
		 
		 
		 100%{transform: translateX(277px);
		 opacity:1;}
        }