/* 设置背景图 */
.background {
    height: 100vh;
    background-image: url('background.jpg'); /* 这里填写你的图片地址 */
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.header {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 50%;
    display: flex;
    flex-direction: row;
    width: 78.125vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 0 0 .3906vw .3906vw;
    background-color: #2e2c28;

    
}

.header .logo-wrapper {
    position: relative;
    overflow: hidden;
    width: 7.5vw;
    height: 4.2188vw;
    border-radius: 0 0 .3906vw .3906vw;
    background: linear-gradient(162deg, #ff6a4c, #dc2826);
}

.header .logo-wrapper .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.5vw;
    height: 4.22vw;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.header .header-content {
    display: flex;
    flex: 1 1;
    justify-content: flex-end;
}

.header .header-content .nav-trigger {
    display: none;
    align-self: center;
    height: 100%;
    padding: 0 1.9531vw;
    color: #fff;
}

.header .header-content .nav-list {
    list-style-type: none;
    display: flex;
    align-items: center;
    flex: 1 1;
    flex-direction: row;
    justify-content: flex-end;
}

.header .header-content .nav-list .nav-item {
    margin-right: 2.6563vw;
}

.header .header-content .nav-list .nav-item a.active {
    color:antiquewhite
}


.section-container {
    position: relative;

    height: 950px;

    @media screen and (max-width: 768px) {
        height: 505/320 * 100vw;
    }

    .background-image {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }
}

.home-content-4-view {
    .content {
        position: absolute;
        top: 180px;
        left: 50%;

        width: 1060px;

        transform: translateX(-50%);
        text-align: center;

        @media screen and (max-width: 768px) {
            top: 82/320 * 100vw;

            width: 266/320 * 100vw;
        }

        .title {
            white-space: pre-wrap;

            color: #000000;
        }

        .desc {
            white-space: pre-wrap;

            color: #000000;
        }
    }
}

.footer .website-info-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
}

.footer .website-info-list .website-info-item {
    margin-right: 2.6563vw;
    /* margin-bottom: 1.9141vw; */
    color:antiquewhite
}

.footer .website-info-list .website-info-item a {
    color: antiquewhite;
    text-decoration: none;
}

.footer {
    position: relative;
    /* padding: 2.7344vw 0 3.5156vw; */
    background-color: #17171d;
}

footer p {
    margin: 0;
    color: antiquewhite;
    font-size: 12px;
}

footer h2 {
    color: antiquewhite;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}

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

.footer .footer-content a {
    color: antiquewhite;
    text-decoration: none;
}