.about_park {
    padding: 0 !important;
}

.block_nav {

}

.page-container {
    background: #fff;
}

.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;
}

.page-container h1 {
    font-size: var(--font-size-28);
    text-align: center;
    margin: 0;
    padding: 0 6.28vw 6.28vw;
}

.carousel-list li {
    position: relative;
}

.carousel-list li .carousel {
    width: 100%;
    height: 68vw;
    position: relative;
    z-index: 2;
}

.carousel-list > li:after {
    content: " ";
    display: block;
    background: var(--danger-color);
    width: 98vw;
    height: 68vw;
    position: absolute;
    top: 2vw;
    right: 0;
    z-index: 1;
}


.event-container {
    width: 81vw;
    margin: 40px auto 0 auto;
}

.event-container ul {
    margin-bottom: 60px;
}

.event-container li {
    font-size: var(--font-size-16);
    margin-bottom: 20px;
}

.ping-an {
    padding-top: 40px;
}


.hpw-timeline-container {
    width: 80vw;
    margin: 0 auto;
}

.ping-an {
    padding-top: 40px;
}

.ping-an-desc {
    background-image: url('../images/social/dq.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: -70vw;
    text-align: justify;
}

.ping-an-desc > div {
    width: 100vw;
    box-sizing: border-box;
    padding: 10vw 10vw 10vw 40vw;
    background: rgba(255, 255, 255, 0.7);
    line-height: 2em;
    font-size: var(--font-size-16);
}

@media (max-width: 991px) {
    .top_nav {
        background: #8EB18A;
    }
}

@media (min-width: 992px) {
    .page-container h1 {
        font-size: var(--font-size-60);
        width: 75vw;
        margin: 3.125vw auto;
        position: relative;
        padding: 0;
    }

    .page-container h1:after {
        content: "";
        display: block;
        width: 100%;
        border-bottom: 2px solid #d7d7d7;
        position: absolute;
        top: 2vw;
    }

    .page-container h1 > div {
        width: 26vw;
        margin: 0 auto;
        padding: 0 2vw;
        background: #fff;
        position: relative;
        z-index: 1;
        box-sizing: border-box;
    }

    .carousel-list li {
        position: relative;
    }

    .carousel-list li .carousel {
        width: 44vw;
        height: 28vw;
        position: relative;
        z-index: 2;
    }

    .carousel-list > li:after {
        content: " ";
        display: block;
        background: var(--danger-color);
        width: 42.666vw;
        height: 27.666vw;
        position: absolute;
        top: 1vw;
        left: 1vw;
        z-index: 1;
    }

    .hpw-timeline-container {
        width: 75vw;
        margin: 6vw auto 3.125vw auto;
    }

    .event-container {
        width: 80%;
        margin: 40px auto 0 auto;
    }

    .event-container h2 {
        font-size: var(--font-size-80);
        color: var(--font-color-gray);
    }

    .event-container ul {
        margin-bottom: 60px;
    }

    .event-container li {
        font-size: var(--font-size-22);
        margin-bottom: 20px;
    }

    .ping-an-desc {
        background: none;
    }

    .ping-an-desc > div {
        width: 100%;
        font-size: var(--font-size-25);
        color: var(--font-color);
        padding: 4vw 0 0 4vw;
        background: none;
        line-height: 2em;
    }

    .ping-an-bg {
        background: #F7F7F7;
    }
}