body {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
}

img{
    display: block;
}

@keyframes zoom {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.1);
    }
}

.header-logo{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 255px;
    height: 98px;
    z-index: 1;
    background-image: url('../images/logo.png');
}

.header-logo:hover{
    animation: zoom 0.3s forwards;
}

.header-box{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.header-content{
    display: flex;
    margin-top: 160px;
}


@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}


.header-down{
    position: absolute;
    bottom: 200px;
    left: 50%;
    transform: translateX(-50%);
    animation: blink 1s infinite;
}


.item-bar{
    width: 100%;
    height: 217px;
    background-size: cover;
}

.footer-content{
    display: flex;
    align-items: flex-end;
}

.footer-content-middle{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.land_zxd{
    width: 178px;
    height: 219px;
    background-image: url('../images/land_zxd.png');
}

.land_zxd:hover{
    animation: zoom 0.3s forwards;
}

.land_cxt{
    width: 183px;
    height: 217px;
    background-image: url('../images/land_cxt.png');
}

.land_cxt:hover{
    animation: zoom 0.3s forwards;
}

.land_hzc{
    width: 212px;
    height: 210px;
    background-image: url('../images/land_hzc.png');
}

.land_hzc:hover{
    animation: zoom 0.3s forwards;
}

.land_xxs{
    width: 208px;
    height: 217px;
    background-image: url('../images/land_xxs.png');
}

.land_xxs:hover{
    animation: zoom 0.3s forwards;
}

.back-home{
    width: 320px;
    height: 135px;
    background-image: url('../images/back_home.png');
}

.back-home:hover{
    background-image: url('../images/back_home_checked.png');
}