.slider{
	width: 100%;
	max-height: 700px;
	min-height:auto;
	overflow:hidden;
	margin-top: 1%;
	/*display: flex;
	overflow-x:hidden;*/
}

.slider ul{
	padding: 0;
	display: flex;
	overflow:hidden;
	width: 400%;
	animation: animateSlide 20s infinite alternate;
	animation-timing-function: linear;
	
	/*
	width: 100%;
	object-fit: cover;
	background-image: url(../img/02.jpg);
	*/
}

.slider ul li{
	width: 100%;
}

.slider li img{
	width: 100%;
	
}

@keyframes animateSlide{
	20%{
		margin-left:0;
	}
	25%{
		margin-left:-100%;
	}
	45%{
		margin-left:-100%;
	}
	
	50%{
		margin-left:-200%;
	}
	70%{
		margin-left:-200%;
	}
	
	75%{
		margin-left:-300%;
	}
	100%{
		margin-left:-300%;
	}
}