.div01 {
        position: relative;
        }
.div01 img{
        transition:all 1s ease-in-out;
        }
.img01-top{
            position: absolute;
            opacity: 0;
            -webkit-transform: scale(0,0);
            -moz-transform: scale(0,0);
            -ms-transform: scale(0,0);
            -o-transform: scale(0,0);
            transform: scale(0,0);
        }
.div01:hover .img01-top , .div01_hover .img01-top{       
             opacity:1;
             transform: scale(1,1);
             transform-origin: right top;
         }
.div01:hover .img02-bottom , .div01_hover .img02-bottom{
            opacity:0;
            transform: scale(0,0);
            transform-origin:left bottom ;
        }
		
		
	

	.zong{
		width:1479px;
		height:344px;
		-webkit-animation:change 10s linear infinite; 
	}
	.son{
		margin-top:0px;
		float:left;
	}
	#father{
		margin-left:291px;
		width:487px;
		height:344px;
		overflow:hidden;
	}
	.zong:hover{
		animation-play-state:paused;
	}
	@-webkit-keyframes change{
		0%{
			margin-left:0;
		}
		30%{
			margin-left:0;
		}
		33%{
			margin-left:-487px;
		}
		63%{
			margin-left:-487px;
		}
		66%{
			margin-left:-974px;
		}
		97%{
			margin-left:-974px;
		}
		100%{
			margin-left:-1461px;
		}
	}