body {
    margin: 0;
    padding: 0;
    background: #ffffff;
}

.slider{
    width: 1066px;
    height: 600px;
    background: url(sl1.jpg);
    margin: 20px auto;
    animation: slide 35s infinite;
    /* transition: background-color 2.6s ease; */
}

@keyframes slide {

    14%{
        background: url(sl2.jpg);
    }
    28%{
        background: url(sl3.jpg);
    }
    42%{
        background: url(sl4.jpg);
    }
    56%{
        background: url(sl5.jpg);
    }
    70%{
        background: url(sl6.jpg);
    }
    85%{
        background: url(sl7.jpg);
    }
    100%{
        background: url(sl1.jpg);
    }
}