@charset "utf-8";
/* CSS Document */

.banner{
	width:375px;
	height:695px;
	border:2px solid #FFF;
    margin:auto;
	
	
	
	background-size: 100% 100%;
	
	animation: banner 12s infinite;

	
	}
	
	@keyframes banner {
		
		0%, 30%{
			background-image: url(banner/1.jpg);
			opacity: 1;
			
			}
			31%, 34%{
				opacity: 0.1;
				
				}
			
			
			35%, 65%{
			background-image: url(banner/2.jpg);
			opacity: 1;
			}
			
			
			66%, 69%{
				opacity: 0.1;
				
				}
			
			
			70%, 100%{
			background-image: url(banner/3.jpg);
			
			}
			
		
		
	}