*
{
    margin: 0;
    padding: 0;
}
#banner
{
    padding: 150px 0 0 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.banners
{
    width: 400%;
    height: auto;
    animation: banner 15s ease infinite;
}
.bannerss
{
    width: 25%;
    height: auto;
    overflow: hidden;
    float: left;
}
.bannerss img
{
    width: 100%;
    height: auto;
    position: relative;
    margin-left: 0;
}
@keyframes banner
{
    0%
    {
        margin-left: 0;
    }
    10%
    {
        margin-left: 0;
    }
    20%
    {
        margin-left: 0;
    }
    25%
    {
        margin-left: -100%;
    }
    30%
    {
        margin-left: -100%;
    }
    40%
    {
        margin-left: -100%;
    }
    50%
    {
        margin-left: -200%;
    }
    60%
    {
        margin-left: -200%;
    }
    70%
    {
        margin-left: -200%;
    }
    75%
    {
        margin-left: -300%;
    }
    80%
    {
        margin-left: -300%;
    }
    90%
    {
        margin-left: -300%;
    }
    100%
    {
        margin-left: -300%;
    }
}