@-webkit-keyframes zccbounce {
  0%,  {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
   10%% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  } 
   13% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }   
   20%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
   25% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
   
   30%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
 
  35% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
 40%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
   45% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }     
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	

}

@keyframes zccbounce {
  0%,  {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
   10%% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  } 
   13% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }   
   20%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
   25% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
   
   30%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
 
  35% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
 40%{
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
   45% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }     
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	
}

.zccbounce {
  -webkit-animation-name: zccbounce;
          animation-name: zccbounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
	-webkit-animation-fill-mode :forwards ;	
	animation-fill-mode :forwards ;		  
}

@-webkit-keyframes zccfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	
  
}

@keyframes zccfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	
   
}

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

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

@keyframes zccfadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	
   
}

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

@-webkit-keyframes zccfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	
    
}

@keyframes zccfadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	
   
}

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

@-webkit-keyframes zccfadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	
   
}

@keyframes zccfadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  30% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
  80%{   opacity: 1;
	}	  
  100%{   opacity: 0;
	}	 
}

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


@-webkit-keyframes zccmingan {
  0% {630px;height:526px;
    opacity: 0.8;
	
    
  }

  50% {640px;height:535px;
    opacity: 1;
   
  }
  100%{   opacity: 0.8;630px;height:526px;
          
}
}

@keyframes zccmingan {
  0% {630px;height:526px;
    opacity: 0.8;
   
  }

  50% {
    opacity: 1;640px;height:535px;
   
  }
  100%{   opacity: 0.8;630px;height:526px;
          
}
}
.zccmingan{
  -webkit-animation-name:zccmingan;
          animation-name:zccmingan;
 -webkit-animation-iteration-count: infinite;	
 animation-iteration-count: infinite;		  
}

@-webkit-keyframes zcchuojian {
  80% {
 opacity:1; 
  }

100%{opacity:0;top:-10%  }
}

@keyframes zcchuojian {
  80% {
  opacity:1;   
  }
 100%{opacity:0;top:-10% }
 
}
.zcchuojian{
  -webkit-animation-name:zcchuojian;
          animation-name:zcchuojian;
		  
}
/********************************/
@-webkit-keyframes zcchuojian1 {
  50% {
 opacity:0; 
  }

100%{opacity:0;top:40%  }
}

@keyframes zcchuojian1 {
  50% {
 opacity:0; 
   
  }
 100%{opacity:0;top:40% }
 
}
.zcchuojian1{
  -webkit-animation-name:zcchuojian1;
          animation-name:zcchuojian1;
		  
}
/**************/
@-webkit-keyframes zcchuojian2 {
  0%,20% ,60%{
   opacity:0;
  }
  40%,80%{
   opacity:1;
  }
    
 100%{ opacity:0;top:5% }
}

@keyframes zcchuojian2 {
  0%,25% ,75%{
   opacity:0;
  }
  50%,100%{
   opacity:1;
  }
    
 100%{top:5% }
 
}
.zcchuojian2{
  -webkit-animation-name:zcchuojian2;
          animation-name:zcchuojian2;
		  
}
@-webkit-keyframes zcckulian {
  0% {
  }
70%{opacity:0;}
  
100%{opacity:0;left:50%  ;  top:75%
}

}

@keyframes zcckulian {
  0% {
  }
 70%{opacity:0;} 
  100%{opacity:0;left:50%  ;  top:75%
}
}
.zcckulian{
  -webkit-animation-name:zcckulian;
          animation-name:zcckulian;
		  
}