.about_park {
    padding: 0 !important;
}

.block_nav {
    padding: 3vw 0;
    box-sizing: border-box;
}

.breadcrumb {
    padding-top: 6vw;
}

.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;
    margin-bottom: 2vw;
}

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

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

.white-pollution {
    position: relative;
}

.white-pollution img {
    width: 100%;
}

.white-pollution .define {
    position: absolute;
    top: 0;
    right: 4vw;

}

.white-pollution .define h1 {
    padding-top: 18.6vw;
    color: white;
    text-align: center;
    font-size: var(--font-size-36);
}

.white-pollution .define > div {
    width: 59vw;
    background: rgba(28, 137, 193, 0.65);
    color: white;
    box-sizing: border-box;
    padding: 4vw;
    line-height: 1.5em;
    font-size: var(--font-size-16);
    position: relative;
    z-index: 1;
}

.ci-ji {
    position: relative;
    margin-top: 29vw;
}

.ci-ji img {
    width: 100%;
}

.ci-ji .define {
    position: absolute;
    top: 0;
    left: 4vw;
    padding-top: 40vw;
}


.ci-ji .define > div {
    width: 64vw;
    background: rgba(28, 137, 193, 0.65);
    color: white;
    box-sizing: border-box;
    padding: 4vw;
    line-height: 1.5em;
    font-size: var(--font-size-16);
    position: relative;
    z-index: 1;
}

.ci-ji-ping-an {
    position: relative;
    margin-top: 29vw;
}

.ci-ji-ping-an img {
    width: 100%;
}

.ci-ji-ping-an .define {
    position: absolute;
    top: 0;
    right: 4vw;
    padding-top: 40vw;
}


.ci-ji-ping-an .define > div {
    width: 52vw;
    background: rgba(28, 137, 193, 0.65);
    color: white;
    box-sizing: border-box;
    padding: 6vw;
    line-height: 1.6em;
    font-size: var(--font-size-16);
    position: relative;
    z-index: 1;
}

.ci-ji-ping-an .define > img {
    position: absolute;
    top: 82vw;
    left: -16vw;
    width: 12vw;
}

.ping-an-04 {
    margin: 40vw 0 0 0;
}

.ping-an-04 .rectangle {
    margin-top: 56vw;
    margin-left: 8vw;
    transform: rotate(-90deg);
    width: 12vw;
}

.ping-an-04 .define {
    font-size: var(--font-size-16);
    padding: 6vw;
}

.ping-an-05 {
    width: 100vw;
}

.ping-an-05 .img {
    width: 100vw;
    height: 51vw;
    text-align: right;
    background: #6BB2D6;
    box-sizing: border-box;
}

.ping-an-05 .img img {
    display: inline-block;
    height: 51vw;
}

.ping-an-05 .define {
    font-size: var(--font-size-16);
    padding: 6vw;
}

.page-container h1.block-big-title {
    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;
}

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

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

@media (min-width: 992px) {
    .breadcrumb {
        padding-top: 3.65vw;
    }

    .white-pollution .define {
        width: 28vw;
        right: 2vw;
    }

    .white-pollution .define h1 {
        font-size: var(--font-size-80);
        padding-bottom: 1vw;
    }

    .white-pollution .define > div {
        width: 100%;
        padding: 1.93vw;
        box-sizing: border-box;
        font-size: var(--font-size-25);
    }

    .ci-ji {
        margin-top: 7.8vw;
    }

    .ci-ji .define {
        position: absolute;
        top: -4vw;
        left: 2vw;
        padding-top: 0;
    }


    .ci-ji .define > div {
        width: 28vw;
        padding: 1.67vw;
        font-size: var(--font-size-25);
    }

    .ci-ji-ping-an {
        margin-top: 7.8vw;
    }

    .ci-ji-ping-an img {
        width: 100%;
    }

    .ci-ji-ping-an .define {
        top: -12vw;
        right: 2vw;
        padding-top: 0;
    }

    .ci-ji-ping-an .define > div {
        width: 28vw;
        padding: 1.67vw;
        font-size: var(--font-size-25);
    }

    .ci-ji-ping-an .define > img {
        position: absolute;
        top: 82vw;
        left: -16vw;
        width: 12vw;
    }

    .ping-an-04 {
        position: relative;
        z-index: 1;
        margin: 7.8vw 0 0 0;
    }

    .ping-an-04 .define {
        padding: 0 12vw 0 4vw;
        font-size: var(--font-size-25);
    }

    .ping-an-06 {
        position: relative;
        top: -15vw;
        height: 16.67vw;
    }

    .ping-an-06 > div {
        position: absolute;
        top: 0;
        left: 0;
        height: 31.7vw;
        display: flex;
        justify-content: space-between;
        background: #6BB2D6;
        overflow-x: hidden;
    }

    .ping-an-06 > div .define {
        width: 54vw;
        padding: 17vw 0 0 20vw;
        box-sizing: border-box;
        font-size: var(--font-size-25);
        color: white;
        line-height: 1.6em;
    }

    .ping-an-06 > div .img {

    }

    .ping-an-06 > div img {
        width: 45.5vw;
        height: 31.7vw;
    }

    .page-container h1.block-big-title {
        font-size: var(--font-size-60);
        width: 75vw;
        margin: 3.125vw auto;
        position: relative;
        padding: 0;
    }

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

    .page-container h1.block-big-title > 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: 0 auto;
    }

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

}