@charset "utf-8";
/* CSS Document */
.index-comanitmation .swiper-slide-active .test-move-flash,.index-comanitmation .swiper-slide-duplicate-active .test-move-flash{
	-webkit-animation-name:flash;
	animation-name:flash;
	animation-duration: 3s;
	 animation-delay:0s;
}

@-webkit-keyframes flash {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes flash {
0% {
opacity:0;
}
100% {
opacity:1;
}
}

.index-comanitmation .swiper-slide-active .test-move-flash-1,.index-comanitmation  .swiper-slide-duplicate-active .test-move-flash-1{
	-webkit-animation-name:flash-1;
	animation-name:flash-1;
	animation-duration: 3s;
	 animation-delay:0s;
}

@-webkit-keyframes flash-1 {
0% {
opacity:0;
}
25%, 75% {
opacity:0
}
100% {
opacity:1;
}
}
@keyframes flash-1 {
0% {
opacity:0;
}
25%, 75% {
opacity:0
}
100% {
opacity:1;
}
}


.index-comanitmation  .swiper-slide-active .test-move-flash-2,.index-comanitmation .swiper-slide-duplicate-active .test-move-flash-2{
	-webkit-animation-name:flash-2;
	animation-name:flash-2;
	animation-duration: 9s;
	 animation-delay:0s;
}

@-webkit-keyframes flash-2 {
0% {
opacity:0;
}

100% {
opacity:1;
}
}
@keyframes flash-2 {
0% {
opacity:0;
}

100% {
opacity:1;
}
}


.index-comanitmation  .swiper-slide-active .test-move-right,.index-comanitmation  .swiper-slide-duplicate-active .test-move-right{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
	 animation-duration: 2s;
	 animation-delay:0s;
}	
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
50% {
opacity:0.5;
-webkit-transform:translate3d(30%, 0, 0);
transform:translate3d(30%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

.index-comanitmation .swiper-slide-active .test-move-right-1,.index-comanitmation .swiper-slide-duplicate-active .test-move-right-1{
	-webkit-animation-name:fadeInRight-1;
	animation-name:fadeInRight-1;
	 animation-duration: 3.3s;
	 animation-delay:0s;
}	
@-webkit-keyframes fadeInRight-1 {
0% {
opacity:0;
-webkit-transform:translate3d(200%, 0, 0);
transform:translate3d(200%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight-1 {
0% {
opacity:0;
-webkit-transform:translate3d(200%, 0, 0);
-ms-transform:translate3d(200%, 0, 0);
transform:translate3d(200%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}



.index-comanitmation .swiper-slide-active .test-move-down,.index-comanitmation .swiper-slide-duplicate-active .test-move-down{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	 animation-duration: 2s;
	 animation-delay:0s;
}	
@-webkit-keyframes fadeInDown{
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0,-100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}	



.index-comanitmation .swiper-slide-active .test-move-left,.index-comanitmation .swiper-slide-duplicate-active .test-move-left{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
    animation-duration: 2s;
	 animation-delay:0s;
}


@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
50% {
opacity:0.5;
-webkit-transform:translate3d(-30%, 0, 0);
transform:translate3d(-30%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

.index-comanitmation .swiper-slide-active .test-move-left-1,.index-comanitmation .swiper-slide-duplicate-active .test-move-left-1{
	-webkit-animation-name:fadeInLeft-1;
	animation-name:fadeInLeft-1;
		 animation-duration: 3.2s;
	 animation-delay:0s;
}


@-webkit-keyframes fadeInLeft-1 {
0% {
opacity:0;
-webkit-transform:translate3d(-220%, 0, 0);
transform:translate3d(-220%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft-1 {
0% {
opacity:0;
-webkit-transform:translate3d(-220%, 0, 0);
-ms-transform:translate3d(-220%, 0, 0);
transform:translate3d(-220%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}


.index-comanitmation .swiper-slide-active .test-move-left-2,.index-comanitmation .swiper-slide-duplicate-active .test-move-left-2{
	-webkit-animation-name:fadeInLeft-2;
	animation-name:fadeInLeft-2;
		 animation-duration: 2s;
	 animation-delay:0s;
}


@-webkit-keyframes fadeInLeft-2{
0% {
opacity:0;
-webkit-transform:translate3d(-220%, 0, 0);
transform:translate3d(-220%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft-2 {
0% {
opacity:0;
-webkit-transform:translate3d(-220%, 0, 0);
-ms-transform:translate3d(-220%, 0, 0);
transform:translate3d(-220%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}



.index-comanitmation .swiper-slide-active .test-move-big,.index-comanitmation .swiper-slide-duplicate-active .test-move-big{
	-webkit-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig;
		 animation-duration: 1s;
	 animation-delay:0s;
}

@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
-ms-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}

.index-comanitmation .swiper-slide-active .test-move-pulse,.index-comanitmation .swiper-slide-duplicate-active .test-move-pulse{
		-webkit-animation-name:pulse;
	animation-name:pulse;
		 animation-duration: 0.6s;
	 animation-delay:0s;
}

@-webkit-keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}


.index-comanitmation .swiper-slide-active .test-move-up,.index-comanitmation .swiper-slide-duplicate-active .test-move-up{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	 animation-duration:2s;
	  animation-delay: 0s;
}	

@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}

100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}