.pic-wrapper {
  position:  relative; margin: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;	background: url(../slide/01.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; opacity: 1; left:0px;
 transform:scale(1.00);  
 -ms-transform:scale(1.00);
}
figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /*animation*/
  
 
}

figurecaption {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;

}

.pic-1 { 
 
  background: url(../slide/01.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; animation: slideShow1 18s linear infinite 0s;
}

.pic-2 {
 
  background: url(../slide/02.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;animation: slideShow2 18s linear infinite 0s;
} 
.pic-3 {
 
  background: url(../slide/03.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;animation: slideShow3 18s linear infinite 0s;
}
	
	.pic-4 {
 
  background: url(../slide/04.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;animation: slideShow4 18s linear infinite 0s;
}
 
	
@keyframes 
slideShow1 { 
	0% {
 opacity: 1; left:0px;
 transform:scale(1.00);
 -ms-transform:scale(1.00);
}
 1% {
 opacity: 1; left:0px;
 transform:scale(1.00);
 -ms-transform:scale(1.00);
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1.3);left:0px;
 -ms-transform:scale(1.3);
}
	 90% {
 opacity: 0; transform:scale(1);
 -ms-transformm:scale(1);
 
}
 100% {
 opacity: 1;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
	
	@keyframes 
slideShow2 { 
	0% {
 opacity: 0; left:0px;

}
 20% {
 opacity: 0;  transform:scale(1.1); 
 -ms-transform:scale(1.1);
}
 25% {
 opacity: 1;
}
 45% {
 opacity: 1;
 
}
 50% {
 opacity: 0; transform:scale(1.3)  rotate(-4deg);
 -ms-transform:scale(1.3); 

}
}
 
	@keyframes 
slideShow3 { 
	0% {
 opacity: 0;
}
 
 45% {
 opacity: 0; left:0px;
 transform:scale(1.05);
 -ms-transform:scale(1.05);
}
 50% {
 opacity: 1;
 
}
	70% {
 opacity: 1;
 
}
 75% {
 opacity: 0; transform:scale(1.3);left:0px;
 -ms-transform:scale(1.3);

}
}
 
		@keyframes 
slideShow4 { 
	0% {
 opacity: 0; left:0px;
;
}
 
70% {
 opacity: 0; transform:scale(1.4);
 -ms-transform:scale(1.4) 
}
 75% {
 opacity: 1;
 
}
	97% {
 opacity: 1;
 
}
 100% {
 opacity: 0;
 ransform:scale(1.0);left:0px;
 -ms-transform:scale(1.0);
}
}