@charset "utf-8";
.cz{animation:z1 3s;}
@keyframes z1 {
 0% {
transform:scale(0.1);
}
100% {
transform:scale(1);
}
}
@-webkit-keyframes z1 {
 0% {
-webkit-transform:scale(0.1);
}
 100% {
-webkit-transform:scale(1);
}
}
}

.rot
	-webkit-animation:swing .8s .2s ease both;
	-moz-animation:swing .8s .2s ease both;
	animation:swing .8s .2s ease both;
}
@keyframes swing{
	0%{ -webkit-transform:rotateY(-360deg); }
	100%{ -webkit-transform:rotateY(360deg); } 
}
@-webkit-keyframes swing{
	0%{ -webkit-transform:rotateY(-360deg); }
	100%{ -webkit-transform:rotateY(360deg); } 
}
@-moz-keyframes swing{
	0%{ -moz-transform:rotateY(-360deg); }
	100%{ -moz-transform:rotateY(360deg); } 
}









/*摇摆*/
.shake {
  animation: shake 1s .2s ease both;
  -webkit-animation: shake 1s .2s ease both;
  -moz-animation: shake 1s .2s ease both;
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
/*.nav ul li a:hover .icon{
	-webkit-animation:swing .8s .2s ease both;
	-moz-animation:swing .8s .2s ease both;
}*/
@keyframes swing{
	0%{ -webkit-transform:rotateY(-360deg); }
	100%{ -webkit-transform:rotateY(360deg); } 
}
@-webkit-keyframes swing{
	0%{ -webkit-transform:rotateY(-360deg); }
	100%{ -webkit-transform:rotateY(360deg); } 
}
@-moz-keyframes swing{
	0%{ -moz-transform:rotateY(-360deg); }
	100%{ -moz-transform:rotateY(360deg); } 
}

/*从上到下*/
.t-to-d{  -webkit-animation:topSilder .5s .2s ease both;-moz-animation:topSilder .5s .2s ease both;}
@-webkit-keyframes topSilder{
	0%{opacity:0; transform:translateY(-200px)}
	100%{opacity:1; transform:translateY(0)}
}
@-moz-keyframes topSilder{
	0%{opacity:0; transform:translateY(-200px)}
	100%{opacity:1; transform:translateY(0)}
}

























/*暂时不用*/
/*下方淡入*/
.p_fu {
  animation: fadeInUp 1s .5s ease both;
  -webkit-animation: fadeInUp 1s .5s ease both;
  -moz-animation: fadeInUp 1s .5s ease both;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(30px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}



.y_fd {
  -webkit-animation: fadeInDown 1s .2s ease both;
  -moz-animation: fadeInDown 1s .2s ease both;
  animation: fadeInDown 1s .2s ease both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/*产品中心*/
#imagesIn{
	animation:imagesIn 1.5s  ease-in 0s  both;
	-moz-animation:imagesIn 1.5s  ease-in 0s  both;
	-webkit-animation:imagesIn 1.5s  ease-in 0s  both;
	-o-animation:imagesIn 1.5s  ease-in 0s  both;
}

@keyframes imagesIn{
0%{ transform:scale(0); opacity:0;}
80%{transform:scale(1.04);opacity:1;}
100%{ transform:scale(1);opacity:1;}
}
@-moz-keyframes imagesIn{
0%{ -moz-transform:translateY(-400px); opacity:0;}
80%{ -moz-transform:scale(1.04);opacity:1;}
100%{ -moz-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes imagesIn {
0%{ -webkit-transform:scale(0); opacity:0;}
80%{-webkit-transform:scale(1.04);opacity:1;}
100%{ -webkit-transform:scale(1);opacity:1;}
}
@-o-keyframes imagesIn{
0%{ -o-transform:translateY(-400px); opacity:0;}
100%{ -o-transform:translateY(0px);opacity:1;}
}

/*事业中心*/
#c0{
	animation:productIn 1s  ease-out 0s  both;
	-moz-animation:productIn 1s ease-out 0s  both;
	-webkit-animation:productIn 1s   ease-out 0s  both;
	-o-animation:productIn 1s   ease-out 0s  both;
}
#c1{
	animation:productIn 1s  ease-out 0.2s  both;
	-moz-animation:productIn 1s  ease-out 0.2s  both;
	-webkit-animation:productIn 1s  ease-out 0.2s  both;
	-o-animation:productIn 1s  ease-out 0.2s  both;
}
#c2{
	animation:productIn 1s  ease-out 0.4s  both;
	-moz-animation:productIn 1s  ease-out 0.4s  both;
	-webkit-animation:productIn 1s  ease-out 0.4s  both;
	-o-animation:productIn 1s  ease-out 0.4s  both;
}
#c3{
	animation:productIn 1s  ease-out 0.6s  both;
	-moz-animation:productIn 1s  ease-out 0.6s  both;
	-webkit-animation:productIn 1s  ease-out 0.6s  both;
	-o-animation:productIn 1s  ease-out 0.6s  both;
}
@keyframes productIn{
0%{ transform:translateY(-400px); opacity:0;}
100%{ transform:translateY(0px);opacity:1;}
}
@-moz-keyframes productIn{
0%{ -moz-transform:translateY(-400px); opacity:0;}
100%{ -moz-transform:translateY(0px);opacity:1;}
}
@-webkit-keyframes productIn {
0%{ -webkit-transform:translateY(-400px); opacity:0;}
100%{ -webkit-transform:translateY(0px);opacity:1;}
}
@-o-keyframes productIn{
0%{ -o-transform:translateY(-400px); opacity:0;}
100%{ -o-transform:translateY(0px);opacity:1;}
}

@keyframes opacityIn{
0%{ transform:scale(1,1);}
50%{ transform:scale(1,-1);}
100%{ transform:scale(1,1);}
}

@-webkit-keyframes opacityIn{
0%{ transform:scale(1,1);}
50%{ transform:scale(1,-1);}
100%{ transform:scale(1,1);}
}

@-moz-keyframes opacityIn{
0%{ transform:scale(1,1);}
50%{ transform:scale(1,-1);}
100%{ transform:scale(1,1);}
}

@-o-keyframes opacityIn{
0%{ transform:scale(1,1);}
50%{ transform:scale(1,-1);}
100%{ transform:scale(1,1);}
}