.about_park {
    padding: 0 !important;
}

.bg-light {
    background: #fff !important;
}

.top_banner {
}

.top_banner .banner_title {
    position: absolute;
    top: 14vw;
    left: 13vw;
}

.top_banner .banner_title .big_title {
    font-size: 3.91vw;
    font-weight: bold;
    letter-spacing: 1vw;
}

.top_banner .banner_title .small_title {
    font-size: 1.3vw;
    line-height: 2em;
    letter-spacing: 0.5vw;
}

.top_banner .banner_title_mobile {
    position: absolute;
    top: 22vw;
    left: 6vw;
}

.top_banner .banner_title_mobile .big_title {
    font-size: 8vw;
    font-weight: bold;
    letter-spacing: 1vw;
}

.top_banner .banner_title_mobile .small_title {
    font-size: 3vw;
    line-height: 2em;
    letter-spacing: 0.5vw;
}


.area-name {
    font-size: 6.5vw;
    text-align: center;
    padding: 15vw 0 2vw 0;
}

.area-time {
    text-align: center;
    font-size: 3.2vw;
}

.card-list {
    width: 80%;
    margin: 0 auto;
}

.card-list li {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    padding: 7.4vw;
    margin-top: 20px;
    display: flex;
    justify-content: space-around;
}

.card-list li .cut-line {
    width: 1px;
    box-sizing: border-box;
    border-left: 1px solid #797979;
}

.card-list li i {
    color: var(--danger-color);
    font-size: 6vw;
}

.card-list li i.bi-telephone-fill {
    display: inline-block;
    padding: 1vw;
    font-size: 4.5vw;
}

.card-list li .card-name,
.card-list li .card-mobile {
    font-size: 3.7vw;
    color: var(--font-color);
}

.card-list li .card-mobile a:hover {
    text-decoration: underline;
}

.area-img-text-name {
    font-size: 6.5vw;
    text-align: center;
    padding: 15vw 0 6vw 0;
}

.area-img-text {
    width: 80%;
    margin: 0 auto;
}

.area-img-text img {
    width: 100%;
}

.area-img-text .card-content {
    background: #eee;
    padding: 20px;
}

.fire-tel {
    display: flex;
    justify-content: space-around;
    padding: 20px 0 10px 0;
}

.fire-tel h2 {
    color: var(--danger-color);
    font-size: var(--font-size-28);
}

.fire-tel img {
    width: 10vw;
}

.fire-action {
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: var(--font-color);
    font-size: var(--font-size-16);
}

.fire-action > .cut-line {
    width: 2px;
    border-left: 1px solid var(--font-color);
    height: 16px;
}

.fire-desc {
    font-size: var(--font-size-16);
    padding: 20px 0;
}

.dao-hang {
    font-size: var(--font-size-16);
}

.dao-hang a {
    color: var(--danger-color);
}

.dao-hang .position {
    display: flex;
    justify-content: space-around;
    font-size: var(--font-size-14);
    padding: 20px 0;
}

.tou-su {
    font-size: var(--font-size-16);
}

.tou-su a {
    color: var(--danger-color);
}

@media (min-width: 992px) {
    .area-name {
        font-size: var(--font-size-55);
        padding: 5vw 0 1vw 0;
    }

    .area-time {
        font-size: var(--font-size-18);
    }

    .card-list {
        width: 58vw;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .card-list li {
        width: 27vw;
        margin-bottom: 1.6vw;
        padding: 3vw 1vw;
        align-items: center;
    }


    .card-list li > div {
        display: flex;
        align-items: baseline;
    }

    .card-list li i {
        color: var(--danger-color);
        font-size: var(--font-size-20);
        padding: 1vw;
    }

    .card-list li i.bi-telephone-fill {
        font-size: var(--font-size-16);
    }

    .card-list li .card-name,
    .card-list li .card-mobile {
        font-size: var(--font-size-20);
        color: var(--font-color);
    }

    .card-list li .cut-line {
        height: 3vw;
    }

    .area-img-text-name {
        font-size: var(--font-size-55);
        text-align: center;
        padding: 5vw 0 4vw 0;
    }

    .area-img-text {
        width: 58vw;
        margin: 0 auto;
    }

    .area-img-text .card-content {
        height: 100%;
        box-sizing: border-box;
    }

    .fire-tel {
        padding: 0;
        display: block;
        text-align: center;
    }

    .fire-tel .fire-24 {
        text-align: right;
    }

    .fire-tel img {
        width: 2vw;
    }

    .fire-tel h2 {
        font-size: var(--font-size-45);
        padding-top: 2.5vw;
    }

    .fire-action {
        width: 80%;
        margin: 0 auto;
        font-size: var(--font-size-20);
    }

    .fire-desc {
        width: 80%;
        margin: 0 auto;
        font-size: var(--font-size-13);
        padding: 2vw 0 0 0;
    }

    .dao-hang {
        font-size: var(--font-size-20);
        box-sizing: border-box;
    }

    .dao-hang-brief {
        padding: 4vw 0 0 8vw;
    }

    .dao-hang-a {
        padding: 0 0 0 8vw;
    }

    .dao-hang a {
        color: var(--danger-color);
    }

    .dao-hang .position {
        display: flex;
        justify-content: space-around;
        font-size: var(--font-size-18);
        padding: 2vw 0 0 0;
        width: 78%;
        margin: 0 auto;
    }

    .tou-su {
        font-size: var(--font-size-20);
        box-sizing: border-box;
    }

    .tou-su-brief {
        padding: 4vw 0 0 8vw;
    }

    .tou-su-a {
        padding: 2vw 0 0 8vw;
    }

    .tou-su-a a {
        color: var(--danger-color);
    }
}