.coreadvatages>.img{
       transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}

.coreadvatages>.img:hover{
	   transform: rotateY(360deg);
            -webkit-transform: rotateY(360deg);
            -moz-transform: rotateY(360deg);
            -o-transform: rotateY(360deg);
            -ms-transform: rotateY(360deg);
}

#headnavs .one:hover >.headnav-two{
    animation:menu .4s 1;
    -webkit-animation:menu .4s 1; /* Safari �� Chrome */
}
.index-info-list:nth-child(1){
  animation:mymove 1s 1;
  -webkit-animation:mymove 1s 1; /* Safari �� Chrome */
}
.index-info-list:nth-child(2){
  animation:mymove2 1.2s 1;
  -webkit-animation:mymove2 1.2s 1; /* Safari �� Chrome */
}
.index-info-list:nth-child(3){
  animation:mymove3 1.4s 1;
  -webkit-animation:mymove3 1.4s 1; /* Safari �� Chrome */
}
.index-info-list:nth-child(4){
  animation:mymove4 1.6s 1;
  -webkit-animation:mymove4 1.6s 1; /* Safari �� Chrome */
}

.index-info-list > .media{
	overflow:hidden;

}
.index-info-list > .media img{
				       transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}
.index-info-list > .media img:hover{
	width:380px;
	height:285px;
	margin-left:-30px;
	margin-top:-20px;

}


.indexpartner-list.on{
	overflow:hidden;
	height:400px;
	       transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}
.indexpartner-list{
	overflow:hidden;
	height:800px;
	       transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
}
.qqfilter{
	position:absolute;
	z-index:1;
	opacity:0;
}

#mirror{
  animation:mirror .6s 1;
  -webkit-animation:mirror .6s 1; /* Safari �� Chrome */	
}

.column {
    animation:bottomtotop .6s 1;
  -webkit-animation:bottomtotop .6s 1; /* Safari �� Chrome */	
}

@keyframes bottomtotop
{
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes bottomtotop /* Firefox */
{
0% {opacity:0;}
100% {opacity:1;}
}

@-webkit-keyframes bottomtotop /* Safari �� Chrome */
{
0% { opacity:0;}
100% {opacity:1;}
}

@-o-keyframes bottomtotop /* Opera */
{
0% {opacity:0;}
100% {opacity:1;}
}


@keyframes mirror{
	0% {margin-left:0;opacity:0;}
	70% {margin-left:55px; opacity:.9;}
	100% {margin-left:45px; opacity:1;}
}

@keyframes menu
{
0% {left:47px; opacity:0;}
80% {left:-3px; opacity:.9;}
100% {left:0;opacity:1;}
}

@-moz-keyframes menu /* Firefox */
{
0% {left:47px; opacity:0;}
80% {left:-3px; opacity:.9;}
100% {left:0;opacity:1;}
}

@-webkit-keyframes menu /* Safari �� Chrome */
{
0% {left:47px; opacity:0;}
80% {left:-3px; opacity:.9;}
100% {left:0;opacity:1;}
}

@-o-keyframes menu /* Opera */
{
0% {left:47px; opacity:0;}
80% {left:-3px; opacity:.9;}
100% {left:0;opacity:1;}
}


@keyframes mymove
{
from {margin-top:60px;opacity:0;}
to {margin-top:0;opacity:1;}
}

@-moz-keyframes mymove /* Firefox */
{
from {margin-top:60px;opacity:0;}
to {margin-top:0;opacity:1;}
}

@-webkit-keyframes mymove /* Safari �� Chrome */
{
from {margin-top:60px;opacity:0;}
to {margin-top:0;opacity:1;}
}

@-o-keyframes mymove /* Opera */
{
from {margin-top:60px;opacity:0;}
to {margin-top:0;opacity:1;}
}




@keyframes mymove2
{
0% {margin-top:60px;opacity:0;}
16% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-moz-keyframes mymove2 /* Firefox */
{
0% {margin-top:60px;opacity:0;}
16% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-webkit-keyframes mymove2 /* Safari �� Chrome */
{
0% {margin-top:60px;opacity:0;}
16% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-o-keyframes mymove2 /* Opera */
{
0% {margin-top:60px;opacity:0;}
16% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@keyframes mymove3
{
0% {margin-top:60px;opacity:0;}
28% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-moz-keyframes mymove3 /* Firefox */
{
0% {margin-top:60px;opacity:0;}
28% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-webkit-keyframes mymove3 /* Safari �� Chrome */
{
0% {margin-top:60px;opacity:0;}
28% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-o-keyframes mymove3 /* Opera */
{
0% {margin-top:60px;opacity:0;}
28% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@keyframes mymove4
{
0% {margin-top:60px;opacity:0;}
37% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-moz-keyframes mymove4 /* Firefox */
{
0% {margin-top:60px;opacity:0;}
37% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-webkit-keyframes mymove4 /* Safari �� Chrome */
{
0% {margin-top:60px;opacity:0;}
37% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

@-o-keyframes mymove4 /* Opera */
{
0% {margin-top:60px;opacity:0;}
37% {margin-top:60px;opacity:0;}
100% {margin-top:0;opacity:1;}
}

.head_icon>img{
  animation:logo .6s 1;
  -webkit-animation:logo .6s 1; /* Safari Chrome */	
}

@keyframes logo
{
0% {margin-left:33px; opacity:0;}
100% {margin-left:0px; opacity:1;}
}

@-moz-keyframes logo /* Firefox */
{
0% {margin-left:33px; opacity:0;}
100% {margin-left:0px; opacity:1;}
}

@-webkit-keyframes logo /* Safari  Chrome */
{
0% {margin-left:33px; opacity:0;}
100% {margin-left:0px; opacity:1;}
}

@-o-keyframes logo /* Opera */
{
0% {margin-left:33px; opacity:0;}
100% {margin-left:0px; opacity:1;}
}
