﻿		.index1cartoon1 {
				   animation:index1-dh .4s 1 alternate; 
				  -webkit-animation:index1-dh .4s 1 alternate; 
				  -moz-animation:index1-dh .4s 1 alternate; 
				  -o-animation:index1-dh .4s 1 alternate;  
				  -ms-animation:index1-dh .4s 1 alternate; 
		}
		.index1cartoon2 {
				   animation:index1-dh .5s 1 alternate; 
				  -webkit-animation:index1-dh .5s 1 alternate; 
				  -moz-animation:index1-dh .5s 1 alternate; 
				  -o-animation:index1-dh .5s 1 alternate;  
				  -ms-animation:index1-dh .5s 1 alternate; 
		}
		.index1cartoon3 {
				   animation:index1-dh .6s 1 alternate; 
				  -webkit-animation:index1-dh .6s 1 alternate; 
				  -moz-animation:index1-dh .6s 1 alternate; 
				  -o-animation:index1-dh .6s 1 alternate;  
				  -ms-animation:index1-dh .6s 1 alternate; 
		}
		.index1cartoon4 {
				   animation:index1-dh .7s 1 alternate; 
				  -webkit-animation:index1-dh .7s 1 alternate; 
				  -moz-animation:index1-dh .7s 1 alternate; 
				  -o-animation:index1-dh .7s 1 alternate;  
				  -ms-animation:index1-dh .7s 1 alternate; 
		}
		.index1cartoon5 {
				   animation:index1-dh .8s 1 alternate; 
				  -webkit-animation:index1-dh .8s 1 alternate; 
				  -moz-animation:index1-dh .8s 1 alternate; 
				  -o-animation:index1-dh .8s 1 alternate;  
				  -ms-animation:index1-dh .8s 1 alternate; 
		}
		.index1cartoon6 {
				   animation:index1-dh .9s 1 alternate; 
				  -webkit-animation:index1-dh .9s 1 alternate; 
				  -moz-animation:index1-dh .9s 1 alternate; 
				  -o-animation:index1-dh .9s 1 alternate;  
				  -ms-animation:index1-dh .9s 1 alternate; 
		}
		.index1cartoon7 {
				   animation:index1-dh 1s 1 alternate; 
				  -webkit-animation:index1-dh 1s 1 alternate; 
				  -moz-animation:index1-dh 1s 1 alternate; 
				  -o-animation:index1-dh 1s 1 alternate;  
				  -ms-animation:index1-dh 1s 1 alternate; 
		}
		.index1cartoon8 {
				   animation:index1-dh 1.1s 1 alternate; 
				  -webkit-animation:index1-dh 1.1s 1 alternate; 
				  -moz-animation:index1-dh 1.1s 1 alternate; 
				  -o-animation:index1-dh 1.1s 1 alternate;  
				  -ms-animation:index1-dh 1.1s 1 alternate; 
		}
		.index1cartoon9 {
				   animation:index1-dh 1.2s 1 alternate; 
				  -webkit-animation:index1-dh 1.2s 1 alternate; 
				  -moz-animation:index1-dh 1.2s 1 alternate; 
				  -o-animation:index1-dh 1.2s 1 alternate;  
				  -ms-animation:index1-dh 1.2s 1 alternate; 
		}
		.index1cartoon10 {
				   animation:index1-dh 1.3s 1 alternate; 
				  -webkit-animation:index1-dh 1.3s 1 alternate; 
				  -moz-animation:index1-dh 1.3s 1 alternate; 
				  -o-animation:index1-dh 1.3s 1 alternate;  
				  -ms-animation:index1-dh 1.3s 1 alternate; 
		}
		
		.index2cartoon1 {
				   animation:index2-dh1 1.5s 1 alternate; 
				  -webkit-animation:index2-dh1 1.5s 1 alternate; 
				  -moz-animation:index2-dh1 1.5s 1 alternate; 
				  -o-animation:index2-dh1 1.5s 1 alternate;  
				  -ms-animation:index2-dh1 1.5s 1 alternate; 
		}
		.index2cartoon2 {
				   animation:index2-dh2 1.5s 1 alternate; 
				  -webkit-animation:index2-dh2 1.5s 1 alternate; 
				  -moz-animation:index2-dh2 1.5s 1 alternate; 
				  -o-animation:index2-dh2 1.5s 1 alternate;  
				  -ms-animation:index2-dh2 1.5s 1 alternate; 
		}
		.index2cartoon3 {
				   animation:index2-dh3 1.5s 1 alternate; 
				  -webkit-animation:index2-dh3 1.5s 1 alternate; 
				  -moz-animation:index2-dh3 1.5s 1 alternate; 
				  -o-animation:index2-dh3 1.5s 1 alternate;  
				  -ms-animation:index2-dh3 1.5s 1 alternate; 
		}
		.index2cartoon4 {
				   animation:index2-dh4 1.5s 1 alternate; 
				  -webkit-animation:index2-dh4 1.5s 1 alternate; 
				  -moz-animation:index2-dh4 1.5s 1 alternate; 
				  -o-animation:index2-dh4 1.5s 1 alternate;  
				  -ms-animation:index2-dh4 1.5s 1 alternate; 
		}
		.index2cartoon5 {
				   animation:index2-dh5 1.5s 1 alternate; 
				  -webkit-animation:index2-dh5 1.5s 1 alternate; 
				  -moz-animation:index2-dh5 1.5s 1 alternate; 
				  -o-animation:index2-dh5 1.5s 1 alternate;  
				  -ms-animation:index2-dh5 1.5s 1 alternate; 
		}
		.index2cartoon6 {
				   animation:index2-dh6 1.5s 1 alternate; 
				  -webkit-animation:index2-dh6 1.5s 1 alternate; 
				  -moz-animation:index2-dh6 1.5s 1 alternate; 
				  -o-animation:index2-dh6 1.5s 1 alternate;  
				  -ms-animation:index2-dh6 1.5s 1 alternate; 
		}
		.index2cartoon7 {
				   animation:index2-dh7 1.5s 1 alternate; 
				  -webkit-animation:index2-dh7 1.5s 1 alternate; 
				  -moz-animation:index2-dh7 1.5s 1 alternate; 
				  -o-animation:index2-dh7 1.5s 1 alternate;  
				  -ms-animation:index2-dh7 1.5s 1 alternate; 
		}
		.index2cartoon8 {
				   animation:index2-dh8 1.5s 1 alternate; 
				  -webkit-animation:index2-dh8 1.5s 1 alternate; 
				  -moz-animation:index2-dh8 1.5s 1 alternate; 
				  -o-animation:index2-dh8 1.5s 1 alternate;  
				  -ms-animation:index2-dh8 1.5s 1 alternate; 
		}

		.index3cartoon1 {
				   animation:index3-dh1 2s 1 alternate; 
				  -webkit-animation:index3-dh1 2s 1 alternate; 
				  -moz-animation:index3-dh1 2s 1 alternate; 
				  -o-animation:index3-dh1 2s 1 alternate;  
				  -ms-animation:index3-dh1 2s 1 alternate; 
		}
		.index3cartoon2 {
				   animation:index3-dh2 2s 1 alternate; 
				  -webkit-animation:index3-dh2 2s  1 alternate; 
				  -moz-animation:index3-dh2 2s  1 alternate; 
				  -o-animation:index3-dh2 2s  1 alternate;  
				  -ms-animation:index3-dh2 2s  1 alternate; 
		}
		
		
/* index1-dh */	
@keyframes index1-dh{ 
    from {
        	transform:translate(150px,0px);
			opacity:0;
    }
    to {
       transform:translate(0px);
			opacity:1;
    }
} 
@-webkit-keyframes index1-dh{ 
    from {
        	-webkit-transform:translateY(150px,0px);
			opacity:0;
    }
    to {
       -webkit-transform:translateY(0);
			opacity:1;
    }
} 
@-moz-keyframes index2-dh{ 
   from {
        	-moz-transform:translateY(150px,0px);
			opacity:0;
    }
    to {
       -moz-transform:translateY(0);
			opacity:1;
    }
} 
@-o-keyframes index1-dh{ 
    from {
        	-o-transform:translateY(150px,0px);
			opacity:0;
    }
    to {
      -o-transform:translateY(0);
			opacity:1;
    }
} 
@-ms-keyframes index1-dh{ 
    from {
        	-ms-transform:translateY(150px,0px);
			opacity:0;
    }
    to {
       -ms-transform:translateY(0);
			opacity:1;
    }
} 
/*index1-dh*/


/* index2-dh1图片渐入效果方法结束 */	
@keyframes index2-dh1{ 
    from {
        	transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			transform:translate(0px,0px);
			opacity:1;
    }
} 
@-webkit-keyframes index2-dh1{ 
   from {
        	-webkit-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-webkit-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-moz-keyframes index2-dh1{ 
   from {
        	-moz-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-moz-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-o-keyframes index2-dh1{ 
   from {
        	-o-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-o-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-ms-keyframes index2-dh1{ 
 from {
        	-ms-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index2-dh1图片渐入效果方法结束 */	

/* index2-dh2图片渐入效果方法结束 */	
@keyframes index2-dh2{ 
    from {
        	transform:translate(-280px,0px);
			opacity:0;
    }
    to {
			transform:translate(0px,0px);
			opacity:1;
    }
} 
@-webkit-keyframes index2-dh2{ 
   from {
        	-webkit-transform:translate(-280px,0px);
			opacity:0;
    }
    to {
			-webkit-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-moz-keyframes index2-dh2{ 
   from {
        	-moz-transform:translate(-280px,0px);
			opacity:0;
    }
    to {
			-moz-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-o-keyframes index2-dh2{ 
   from {
        	-o-transform:translate(-280px,0px);
			opacity:0;
    }
    to {
			-o-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-ms-keyframes index2-dh2{ 
 from {
        	-ms-transform:translate(-280px,0px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index2-dh2图片渐入效果方法结束 */	



/* index2-dh3图片渐入效果方法结束 */	
@keyframes index2-dh3{ 
    from {
        	transform:translate(0px,-180px);
			opacity:0;
    }
    to {
			transform:translate(0px,0px);
			opacity:1;
    }
} 
@-webkit-keyframes index2-dh3{ 
   from {
        	-webkit-transform:translate(0px,-180px);
			opacity:0;
    }
    to {
			-webkit-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-moz-keyframes index2-dh3{ 
   from {
        	-moz-transform:translate(0px,-180px);
			opacity:0;
    }
    to {
			-moz-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-o-keyframes index2-dh3{ 
   from {
        	-o-transform:translate(0px,-180px);
			opacity:0;
    }
    to {
			-o-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-ms-keyframes index2-dh3{ 
 from {
        	-ms-transform:translate(0px,-180px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index2-dh3图片渐入效果方法结束 */	


/* index2-dh4图片渐入效果方法结束 */	
@keyframes index2-dh4{ 
    from {
        	transform:translate(-180px,-180px);
			opacity:0;
    }
    to {
			transform:translate(0px,0px);
			opacity:1;
    }
} 
@-webkit-keyframes index2-dh4{ 
   from {
        	-webkit-transform:translate(-180px,-180px);
			opacity:0;
    }
    to {
			-webkit-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-moz-keyframes index2-dh4{ 
   from {
        	-moz-transform:translate(-180px,-180px);
			opacity:0;
    }
    to {
			-moz-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-o-keyframes index2-dh4{ 
   from {
        	-o-transform:translate(-180px,-180px);
			opacity:0;
    }
    to {
			-o-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-ms-keyframes index2-dh4{ 
 from {
        	-ms-transform:translate(-180px,-180px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index2-dh4图片渐入效果方法结束 */	

/* index2-dh5图片渐入效果方法结束 */	
@keyframes index2-dh5{ 
    from {
        	transform:translate(-280px,-180px);
			opacity:0;
    }
    to {
			transform:translate(0px,0px);
			opacity:1;
    }
} 
@-webkit-keyframes index2-dh5{ 
   from {
        	-webkit-transform:translate(-280px,-180px);
			opacity:0;
    }
    to {
			-webkit-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-moz-keyframes index2-dh5{ 
   from {
        	-moz-transform:translate(-280px,-180px);
			opacity:0;
    }
    to {
			-moz-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-o-keyframes index2-dh5{ 
   from {
        	-o-transform:translate(-280px,-180px);
			opacity:0;
    }
    to {
			-o-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-ms-keyframes index2-dh5{ 
 from {
        	-ms-transform:translate(-280px,-180px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index2-dh5图片渐入效果方法结束 */
/* index2-dh6图片渐入效果方法结束 */	
@keyframes index2-dh6{ 
    from {
        	transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			transform:translate(0px,0px);
			opacity:1;
    }
} 
@-webkit-keyframes index2-dh6{ 
   from {
        	-webkit-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-webkit-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-moz-keyframes index2-dh6{ 
   from {
        	-moz-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-moz-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-o-keyframes index2-dh6{ 
   from {
        	-o-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-o-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-ms-keyframes index2-dh6{ 
 from {
        	-ms-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index2-dh6图片渐入效果方法结束 */	

/* index3-dh1图片渐入效果方法结束 */	
@keyframes index3-dh1{ 
    from {
			opacity:0;
    }
    to {
			opacity:1;
    }
} 
@-webkit-keyframes index3-dh1{ 
   from {
			opacity:0;
    }
    to {
			opacity:1;
    }
} 
@-moz-keyframes index3-dh1{ 
   from {
			opacity:0;
    }
    to {
			opacity:1;
    }
} 
@-o-keyframes index3-dh1{ 
   from {
			opacity:0;
    }
    to {
			opacity:1;
    }
} 
@-ms-keyframes index3-dh1{ 
 from {
        	-ms-transform:translate(-180px,0px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index3-dh1图片渐入效果方法结束 */	
/* index3-dh2图片渐入效果方法结束 */	
@keyframes index3-dh2{ 
    from {
        	transform:translate(180px,0px);
			opacity:0;
    }
    to {
			transform:translate(0px,0px);
			opacity:1;
    }
} 
@-webkit-keyframes index3-dh2{ 
   from {
        	-webkit-transform:translate(180px,0px);
			opacity:0;
    }
    to {
			-webkit-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-moz-keyframes index3-dh2{ 
   from {
        	-moz-transform:translate(180px,0px);
			opacity:0;
    }
    to {
			-moz-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-o-keyframes index3-dh2{ 
   from {
        	-o-transform:translate(180px,0px);
			opacity:0;
    }
    to {
			-o-transform:translate(0px,0px);
			opacity:1;
    }
} 
@-ms-keyframes index3-dh2{ 
 from {
        	-ms-transform:translate(180px,0px);
			opacity:0;
    }
    to {
			-ms-transform:translate(0px,0px);
			opacity:1;
    }
} 
/*index3-dh2图片渐入效果方法结束 */	






