.top_banner {
    background-color: #C3F3FF;
    padding-top: 16.5vw;
}

.top_banner .banner_title {
    position: absolute;
    color: #333333;
    top: 16.5vw;
}

.top_banner .banner_title div:first-child {
    font-size: 6vw;
    font-weight: normal;
    letter-spacing: 0.46vw;
}

.top_banner .banner_title div:last-child {
    font-size: 2.7vw;
    font-weight: normal;
}

.introduction-info {
    font-size: 3.72vw;
    text-align: justify;
}

.park_data_info .data_item {
    color: #373737;
    margin-top: 4.4vw;
}

/*园区简介*/
.park_video {
    width: 100%;
    height: 57.9vw;
}

.park_i_info {
    background: #d52738;
    color: #fff;
}

.park_i_info .park_i_info_title {
    font-size: 5.58vw;
    line-height: 6.97vw;
    font-weight: normal;
    letter-spacing: 0.46vw;
    padding-bottom: 2.55vw;
}

.park_i_info .park_i_info_desc {
    font-size: 3.8vw;
    letter-spacing: 0.23vw;
    padding-bottom: 6.27vw;
}

.park_i_data {
    position: relative;
}

.park_i_data .park_video_img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 57.9vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.park_i_data .park_i_info {
    padding: 7.27vw 10vw 4.27vw 10vw;
}

.park_i_right {
    padding: 9vw 8.3vw 0;
}

.park_i_right p {
    font-size: 3.72vw;
    font-weight: normal;
    color: #313131;
    line-height: 6.97vw;
    letter-spacing: 0.23vw;
    margin-bottom: 0;
}

/* 发展历程 */

.carousel-item {
    width: 100vw;
    height: 67.9vw;
}

.carousel-item img {
    width: 100%;
    max-height: 67.9vw;
    object-fit: cover;
}

.park_data_bg_up {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 96vw;
}

.park_data_bg_down {
    background: #d52738;
    width: 96vw;
    height: 64.6vw;
    position: absolute;
    right: 0;
    top: 7.81vw;
    z-index: 1;
}

/*时间轴*/
.main_time_line {
    padding: 10vw 0;
}

.horizontal-timeline {
    display: flex;
    padding: 2.32vw 0;
    overflow-x: scroll;
    white-space: nowrap; /* 防止文本折行 */
    overflow-x: auto; /* 允许横向滚动 */
    -ms-overflow-style: none; /* 隐藏 IE 浏览器的滚动条 */
    scrollbar-width: none; /* 隐藏 Firefox 浏览器的滚动条 */
}

.horizontal-timeline::-webkit-scrollbar {
    display: none;
}

.timeline-item > div.date_active {
    color: #d52738;
}

.dot_active {
    color: #d52738;
}

.timeline-item {
    flex-shrink: 0;
    width: 8.13vw; /* 调整项目宽度 */
    text-align: center;
    position: relative;
    margin-right: 3.25vw;
}

.timeline-item .bi-dot {
    font-size: 6.97vw;
}

.timeline-item .date {
    font-size: 3.48vw;
    color: #777777; /* 时间戳文字颜色 */
    padding: 1.16vw 2.32vw;
    border-radius: 5px;
    font-weight: bold;
    position: absolute;
    top: -3.65vw;
    left: 50%;
    transform: translateX(-50%);
}

.history_event .year {
    font-size: 6.97vw;
    color: #6b6b6b;
    font-family: "SiYuanHei, SiYuanHei-Bold";
    font-weight: normal;
}

.event_date {
    margin: 6.27vw 0 2.32vw 0;
}

.event_items {
    font-family: "SiYuanHei, SiYuanHei-Normal";
    font-weight: normal;
    color: #000000;
    font-size: 3.72vw;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    align-items: start;
}

.event_items > div:first-child {
    flex-basis: 10%;
    margin-right: 4.65vw;
}

.event_items > div:last-child {
    flex-basis: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制最多显示两行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}

.event_items small {
    line-height: 3.72vw;
    font-family: "SiYuanHei, SiYuanHei-Normal";
}

.data_carousel {
    height: 72.4vw;
}

.long-line-with-arrow {
    position: relative;
    width: 83%; /* 设置线的长度 */
    height: 2px; /* 设置线的粗细 */
    background-color: #D52738; /* 设置线的颜色 */
    top: -7.67vw;
    z-index: 0;
}

.long-line-with-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%; /* 箭头在线的右侧 */
    width: 0;
    height: 0;
    border-left: 10px solid #D52738; /* 箭头的颜色 */
    border-top: 10px solid transparent; /* 箭头上方的透明部分 */
    border-bottom: 10px solid transparent; /* 箭头下方的透明部分 */
    transform: translateY(-50%);
}

.history_date {
    margin: 9.3vw 0 16.27vw 0;
}

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

@media (min-width: 992px) {
    .p_i_content {
        margin: 5vw auto 1vw;
    }

    .top_banner {
        padding: 0;
    }

    .top_banner .banner_title {
        top: 11.25vw;
        right: 13.4vw;
    }

    .top_banner .banner_title div:first-child {
        font-size: 2.44vw;
        letter-spacing: 0.1vw;
    }

    .top_banner .banner_title div:last-child {
        font-size: 1vw;
        font-weight: normal;
        letter-spacing: 1px;
    }

    /* tag 导航 */
    .nav_tag .v_gutter {
        width: 2px;
        height: 1.3vw;
        border-left: 2px solid #797979;
        margin: 0 1.66vw;
    }

    .nav_tag ul li > a {
        font-size: 1.25vw;
        width: 6vw;
        line-height: 1.77vw;
    }

    .introduction-info {
        font-size: 1.14vw;
    }

    /*内容*/
    .p_i_content .info p {
        font-size: 1.25vw;
        line-height: 2.34vw;
        letter-spacing: 1px;
        margin-top: 3.43vw;
    }

    /*数据概览*/
    .park_data_info {
        /*padding: 0 3vw;*/
    }

    .park_data_label .park_data_bar {
        padding: 6.97vw 0;
    }

    .park_data_bar .park_data_title {
        font-size: 3.125vw;
        line-height: 4.37vw;
        font-weight: normal;
        letter-spacing: 0.1vw;
        margin: 0;
    }

    .park_data_info .data_item .data_bg {
        width: 14.94vw;
        padding: 2.05vw 0;
        box-shadow: -2px 10px 17px 4px rgba(0, 0, 0, 0.15);
    }

    .park_data_info .data_item .big {
        font-size: 3.125vw;
        line-height: 4.375vw;
    }

    .park_data_info .data_item small {
        font-size: 1.04vw;
        line-height: 1.92vw;
        letter-spacing: 1px;
    }

    .park_data_info .data_item .data_used {
        font-size: 1.04vw;
        line-height: 1.92vw;
        letter-spacing: 1px;
    }

    .park_data_info .data_item .data_icon {
        font-size: 6.19vw;
    }

    .park_data_bar {
        padding: 0 2.2vw;
        margin: 4.5vw 0 5vw 0;
    }

    .park_data_bar > div:nth-child(1), .park_data_bar > div:nth-child(3) {
        background-color: #d3d3d3;
        height: 2px;
    }

    .park_i_data {
        /*margin:0 auto;*/
        position: relative;
    }

    .park_i_data .park_video_img, .park_i_data .park_video {
        position: absolute;
        left: 4vw;
        top: 2vw;
        width: 69vw;
        height: 33vw;
        z-index: 2;
    }


    .park_i_info .park_i_info_title {
        font-size: 2.34vw;
        line-height: 3.17vw;
        font-weight: normal;
        letter-spacing: 0.1vw;
    }

    .park_i_info .park_i_info_desc {
        font-size: 1.3vw;
        font-family: "SiYuanHei, SiYuanHei-Normal";
        letter-spacing: 1px;
        padding-bottom: 4.27vw;
    }

    .park_i_data .park_i_left {
        padding: 40.3vw 3.59vw 1vw 3.59vw;
    }

    .park_i_data .park_i_right {
        padding: 40.3vw 0 2vw 4vw;
    }

    .park_i_right p {
        font-size: 1.14vw;
        line-height: 2.18vw;
        padding: 0;
        letter-spacing: 1px;
    }

    .data_carousel .carousel {
        width: 40.98vw;
        height: 29.37vw;
    }

    .carousel-item img {
        width: 40.98vw;
        height: 29.37vw;
        max-height: 29.37vw;
    }

    .park_data_bg_down {
        background: #d52738;
        width: 38.54vw;
        height: 27.13vw;
        position: absolute;
        left: 5vw;
        top: 3.5vw;
        z-index: 1;
    }

    .carousel-item {
        width: 40.98vw;
        height: 29.37vw;
    }

    .park_data_bg_up {
        left: 1vw;
        top: 0;
        z-index: 3;
        width: 40.98vw;
    }

    .event_date {
        margin: 0;
    }

    .history_event {
        padding: 0 40px;
    }

    .history_event .year {
        font-size: 4.16vw;
    }

    .event_items {
        font-size: 1.14vw;
        margin-bottom: 1.45vw;
    }

    .event_items small {
        line-height: 1.61vw;
    }

    .event_items > div:first-child {
        flex-basis: 10%;
        margin-right: 1.65vw;
    }

    .event_items > div:last-child {
        flex-basis: 90%;
    }

    .data_carousel {
        height: 30.41vw;
    }

    .history_event_info {
        /* margin-top:-9.37vw;*/
    }

    .timeline-item .date {
        font-size: 1.04vw;
        color: #777777; /* 时间戳文字颜色 */
        padding: 1.16vw 2.32vw;
        top: -2.65vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .timeline-item {
        width: 2.34vw; /* 调整项目宽度 */
        margin-right: 1.87vw;
    }

    .history_date {
        margin: 4.53vw 0 5.41vw 0;
    }

    .long-line-with-arrow {
        position: relative;
        width: 83%; /* 设置线的长度 */
        top: -3.8vw;
    }

    .timeline-item .bi-dot {
        font-size: 2vw;
    }


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