body {
    height: 100vh;
}

.footer {
    height: 10vh;
    display: flex;
    align-items: center;
}

.main {
    height: 56vh;
    display: flex;
    align-items: center;
}

.banner {
    height: 34vh;
}

.banlist {
    height: 100%;
}

.swiper-container {
    height: 100%;
}

.footer .foot{
        height: 90px;
   justify-content: center;
}


@media screen and (max-width: 1280px) {

.footer .foot{
     height: auto;
    
}

body {
    height: auto;
}

.footer {
    height: auto;
    display: flex;
    align-items: center;
}

.main {
    height: auto;
    display: flex;
    align-items: center;
}

.banner {
    height: auto;
}

.banlist {
    height: auto;
}

.swiper-container {
    height: auto;
}

}