footer{
    padding: 12% 0 5% 0;
    color: #3e3a39;
}

footer::after{
    content: '';
    width: 100%;
    height: 100%;
    background: #ffffff71;
    clip-path: polygon(
    0% 4%,    /* 左上 */
    100% 42%,    /* 右上 */
    100% 100%, /* 右下 */
    0% 100%    /* 左下 */
    );
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

footer .mainTitle{
    text-align: right;
    padding-right: 4%;
    margin-bottom: 8%;
    color: #000;
}

footer .footerBox{
    padding: 0 12%;
}

footer .footerBox .logo{
    width: 13%;
    display: block;
    margin-bottom: 2.5%;
}

footer .footerBox a{
    display: inline-block;
    min-width: 14.7%;
}

footer .footerBox a small{
    font-family: "Cinzel", sans-serif;
    margin-right: 1rem;
    color: #3e3a39;
    font-size: calc(2px + .7vw);
}

footer .footerBox a span{
    color: #3e3a39;
    transition: all 0.4s ease;
}

footer .footerBox a:hover span{
    color: #000;
    letter-spacing: 1px;
    transition: all 0.4s ease;
}

footer .footerBox .address{
    display: block;
    margin-bottom: 1rem;
}

footer .footerBox a:nth-of-type(2),footer .footerBox a:nth-of-type(3){
    font-size: calc(3px + .75vw);
}

footer .footerBox .copyRight{
    color: #727171c6;
    font-family: "Cinzel", sans-serif;
    margin-top: 5%;
}

footer .footerBox .map{
    width: 90%;
    display: block;
    margin-left: auto;
    height: 35vh;
}

.residentFooter {
    padding: 0 12%;
    margin-top: 3%;
}

.residentFooter::after {
    background: none;
}

.residentFooter .footerBox{
    border-top: 1px solid #3e3a3a;
    padding: 0 0 2% 0;
}

.residentFooter .footerBox .copyRight{
    font-size: calc(1px + .8vw);
    margin-top: 1%;
}

@media (max-width:991px) {
    footer{
        padding: 15% 0 5% 0;
    }

    footer::after{
        background: #ffffff7e;
        height: 110%;
        clip-path: polygon(
        0% 0%,    /* 左上 */
        100% 11%,    /* 右上 */
        100% 100%, /* 右下 */
        0% 100%    /* 左下 */
        );
        top: -10%;
    }

    footer .mainTitle{
        text-align: center;
        padding-right: 0;
        margin-bottom: 15%;
    }

    footer .footerBox{
        padding: 0 5%;
    }

    footer .footerBox .logo{
        width: 30%;
        margin-bottom: 10%;
    }

    footer .footerBox a{
        display: block;
        min-width: auto;
        margin-bottom: 1rem;
    }

    footer .footerBox a small{
        font-size: calc(10px + .7vw);
    }

    footer .footerBox .address{
        font-size: calc(16px + .9vw);
    }

    footer .footerBox a:nth-of-type(2),footer .footerBox a:nth-of-type(3){
        font-size: calc(12px + .9vw);
    }

    footer .footerBox .copyRight{
        font-size: calc(9px + .9vw);
        margin-top: 17%;
    }

    footer .footerBox .map{
        width: 100%;
        height: 30vh;
    }

    .residentFooter {
        padding: 0 8%;
    }

    .residentFooter .footerBox{
        padding: 0 0 5% 0;
    }

    .residentFooter .footerBox .copyRight{
        font-size: calc(8px + .8vw);
        margin-top: 3%;
    }
}

@media (max-width:767px) {
    footer .footerBox .logo{
        width: 45%;
    }
}