.banner-section, .banner-container, .banner-container .banner-img {
    width: 100%;
    display: block;
}

.banner-section .banner-container {
    position: relative;
}

.banner-container .banner-text {
    position: absolute;
    left: 16vw;
    bottom: 3.5vw;
    height: 11.4rem;
    max-height: 190px;
}


.contact-section {
    width: 100%;
    background: url("/static/images/contact_slices/map.jpg") no-repeat;

    background-size: cover, cover;
}

.contact-section .contact-container {
    width: 67.7vw;
    margin: 6.7rem auto 9.4rem auto;
    display: flex;
    flex-wrap: wrap;
}

.contact-container .contact-title {
    width: 27rem;
}
.contact-container .contact-title img {
    width: 100%;
}

.contact-container .contact-content {
    flex: 0 0 100%;
    margin-top: 5.3vw;
}
.contact-content .contact-form {
    width: 27rem;
    display: flex;
    flex-wrap: wrap;
}
.contact-content .contact-form .contact-form-item {
    flex: 0 0 100%;
    height: 3.9rem;
    margin-bottom: 1.8rem;
    border: 1px solid #FFFFFF;
    border-radius: 0.6rem;
}

.contact-content .contact-form .contact-form-item input {
    width: calc(100% - 1.2rem);
    height: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    border-radius: 0.6rem;
    padding-left: 1.2rem;
    color:  white;
    font-size: var(--base-font-size-default);
}
.contact-content .contact-form .contact-form-item input::placeholder {
    color:  var(--base-font-placeholder-color);
}

.contact-form .submit-btn {
    margin-top: 2.2rem;
    width: 9rem;
    height: 3.9rem;
    border-radius: 0.6rem;
    color: var(--base-font-color-primary-hover);
    background-color: white;
    font-size: var(--base-font-size-default);
    outline: none;
    border: none;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* 添加过渡效果 */
}
.contact-form .submit-btn:hover {
    background-color: var(--base-font-color-primary-hover);
    color: white;
}

@media (max-width: 991px) {

    .banner-container .banner-text {
        height: 40% !important;
    }
}