.fadeinbg {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background:#000000;
}

.fadeinbg li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    -webkit-animation: anime 100s linear 0s infinite ;
    animation: anime 100s linear 0s infinite ;
}


.fadeinbg li:nth-child(1) { 
	background-image: url(../images/bgslider/01.jpg) ;
}
.fadeinbg li:nth-child(2) {
    background-image: url(../images/bgslider/02.jpg);
    -webkit-animation-delay: 10s;
    animation-delay: 10s;
}
.fadeinbg li:nth-child(3) {
    background-image: url(../images/bgslider/03.jpg);
    -webkit-animation-delay: 20s;
    animation-delay: 20s;
}
.fadeinbg li:nth-child(4) {
    background-image: url(../images/bgslider/04.jpg);
    -webkit-animation-delay: 30s;
    animation-delay: 30s;
}


@-webkit-keyframes anime { 
	0% {
	    -webkit-animation-timing-function: ease-in;
		opacity: 0;
	}
	25% {
	    -webkit-transform: scale(1.1);
		opacity: 1;
	}
	50% {
	    -webkit-transform: scale(1.2);
            -webkit-animation-timing-function: ease-out;
		opacity: 1;
	}
	75% {
	    -webkit-transform: scale(1.3);
		opacity: 0;
	}
	100% { opacity: 0 }
}
@keyframes anime { 
	0% {
	    animation-timing-function: ease-in;
		opacity: 0;
	}
	25% {
	    transform: scale(1.1);
		opacity: 1;
	}
	50% {
	    transform: scale(1.2);
            animation-timing-function: ease-out;
		opacity: 1;
	}
	75% {
	    transform: scale(1.3);
		opacity: 0;
	}
	100% { opacity: 0 }
}