@charset "utf-8";
/* CSS Document */

        @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900&display=swap");
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {overflow-x: hidden;
            background: linear-gradient(180deg, #d7ebff, #ffffff);
            color: #1a1a2e;
            line-height: 1.6;
        }

        .container {
            max-width: 78%;
            margin: 0 auto;
            padding: 0 0px;
        }

        /* ===== 第一板块：图片 ===== */
        .hero {
            margin: 0px 0 40px 0;
            border-radius: 0px;
            overflow: hidden;
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.10);
            position: relative;
            background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
            min-height: 265px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero img {
            width: 100%;
            height: auto;
            min-height: 265px;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }

        .hero:hover img {
            transform: scale(1.02);
        }

        /* 如果图片加载失败，显示后备文字 */
        .hero .fallback {
            position: absolute;
            color: rgba(255, 255, 255, 0.85);
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: 4px;
            text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
            text-align: center;
            padding: 20px;
            pointer-events: none;
        }

        .hero .fallback small {
            display: block;
            font-size: 1rem;
            font-weight: 300;
            letter-spacing: 2px;
            margin-top: 12px;
            opacity: 0.8;
        }

        /* ===== 第二板块：新闻列表 ===== */
        .news-section {
            border-radius: 0px;
            padding: 3vw 0px 3vw 0;
            margin-bottom: 50px;
        }

        .news-section .section-title {
            font-size: 1.6rem;
            font-weight: 700;
            color: #1a1a2e;
            margin-bottom: 28px;
            padding-bottom: 14px;
            border-bottom: 3px solid #e8edf5;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .news-section .section-title::before {
            content: "📰";
            font-size: 1.8rem;
        }

        /* ----- 每条新闻 ----- */
        .news-item {
            display: flex;
            align-items: stretch;
            padding: 3vw 1.5vw;
            border-bottom: 1px solid #ddd;
            transition: background 0.2s ease;
            border-radius: 12px;
            margin: 0px;
            cursor: default;
        }

        .news-item:last-child {
            border-bottom: none;
        }

        .news-item:hover {
            background: #f8faff;
        }

        /* ---- 左侧：日期 ---- */
        .news-date {
            font-family: "Poppins", sans-serif;
            flex: 0 0 10vw;
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: end;
            text-align: right;
            padding-right: 1vw;
            border-right: 2px solid #eef2f8;
            min-height: 80px;
        }

        .news-date .year {
            font-size: 2vw;
            font-weight: normal;
            color: #b2b2b6;
            letter-spacing: 0px;
            line-height: 1.3;
        }

        .news-date .month-day {
            margin-top: 1.5vw;
            font-size: 1.5rem;
            font-weight: 700;
            color: #4a6cf7;
            line-height: 1.3;
        }

        .news-date .month-day .month {
            font-family: "Poppins", sans-serif;
            font-size: 3vw;
            font-weight: normal;
            color: #828284;
        }

        /* ---- 右侧：内容 ---- */
        .news-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-left: 5vw;
            min-height: 80px;
        }
        .news-content a{text-decoration: none;}

        .news-content .title {
            font-size: 1.8vw;
            font-weight: normal;
            color: #212122;
            line-height: 1.4;
            margin-bottom: 1.8vw;
            transition: color 0.2s;
        }

        .news-item:hover .news-content .title {
            color: #4a6cf7;
        }

        .news-content .desc {
            font-size: 0.85vw;
            color: #868686;
            line-height: 1.5;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .wenzhang{width: 1200px;
    background: #fff;
    overflow: hidden;
    margin: 5vw auto 5vw auto;
    max-width: 1600px;
    padding:0 5% 5%;
    text-align:center;border-radius: 20px;
    min-width: 1200px;}

.wenzhang h3{font-size:36px;color:#333;font-weight:normal;padding-top:5vw;}
.wenzhang dd{font-size:16px;color:#333;font-weight:normal;line-height:30px;text-align:center;padding: 15px 0 30px 0;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.wenzhang img{width:100%;}
.wenzhang p{font-size:16px;color:#666;font-weight:normal;line-height:30px;text-align:left;padding: 0 5%;}

        /* ===== 响应式 ===== */
        @media (max-width: 768px) {
            .container {
                padding: 0 16px;
            }

            .hero {
                min-height: 180px;
                margin: 16px 0 28px;
                border-radius: 14px;
            }

            .hero img {
                min-height: 180px;
            }

            .hero .fallback {
                font-size: 1.4rem;
            }
            .hero .fallback small {
                font-size: 0.85rem;
            }

            .news-section {
                padding: 24px 16px 16px;
                border-radius: 14px;
            }

            .news-section .section-title {
                font-size: 1.25rem;
                margin-bottom: 20px;
                padding-bottom: 10px;
            }

            .news-item {
                flex-direction: row;
                padding: 14px 8px;
                margin: 0 -8px;
                flex-wrap: wrap;
            }

            .news-date {
                flex: 0 0 80px;
                padding-right: 14px;
                min-height: 60px;
                border-right: 2px solid #eef2f8;
            }

            .news-date .year {
                font-size: 0.85rem;
            }

            .news-date .month-day {
                font-size: 1.15rem;
            }
            .news-date .month-day .month {
                font-size: 0.8rem;
            }

            .news-content {
                padding-left: 14px;
                min-height: 60px;
                flex: 1;
            }

            .news-content .title {
                font-size: 1rem;
            }

            .news-content .desc {
                font-size: 0.85rem;
                -webkit-line-clamp: 2;
            }
        }

        @media (max-width: 480px) {
            .news-date {
                flex: 0 0 70px;
                padding-right: 10px;
            }

            .news-date .year {
                font-size: 0.75rem;
            }
            .news-date .month-day {
                font-size: 1rem;
            }
            .news-date .month-day .month {
                font-size: 0.7rem;
            }

            .news-content {
                padding-left: 10px;
            }
            .news-content .title {
                font-size: 0.92rem;
            }
            .news-content .desc {
                font-size: 0.8rem;
                -webkit-line-clamp: 2;
            }
        }

        /* ===== 加载更多（占位，仅作示意） ===== */
        .load-more {
            text-align: center;
            margin-top: 24px;
            padding-top: 20px;
            border-top: 1px solid #f0f2f7;
        }

        .load-more button {
            background: transparent;
            border: 2px solid #e0e5ef;
            color: #4a5a7a;
            padding: 10px 36px;
            border-radius: 40px;
            font-size: 0.95rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.25s;
            letter-spacing: 0.5px;
        }

        .load-more button:hover {
            background: #4a6cf7;
            border-color: #4a6cf7;
            color: #fff;
            box-shadow: 0 8px 24px rgba(74, 108, 247, 0.25);
        }

        /* ============================================================
           新增移动端样式（完美适配移动端，间距与字号均使用 vw 单位）
           ============================================================ */
        @media (max-width: 768px) {
            .container {
                max-width: 100%;
                padding: 0 4.27vw;
            }

            .hero {
                min-height: 35vw;
                margin: 4.27vw 0 6.4vw 0;
                border-radius: 2.67vw;
                box-shadow: 0 3.2vw 10.67vw rgba(0, 0, 0, 0.10);
            }
            .hero img {
                min-height: 35vw;
            }
            .hero .fallback {
                font-size: 5.33vw;
                padding: 5.33vw;
            }
            .hero .fallback small {
                font-size: 3.2vw;
                margin-top: 3.2vw;
            }

            .news-section {
                padding: 5.33vw 0 4.27vw 0;
                margin-bottom: 8vw;
                border-radius: 2.67vw;
            }
            .news-section .section-title {
                font-size: 5.33vw;
                margin-bottom: 4.27vw;
                padding-bottom: 2.67vw;
                border-bottom-width: 0.53vw;
                gap: 2.67vw;
            }
            .news-section .section-title::before {
                font-size: 5.87vw;
            }

            .news-item {
                padding: 4.27vw 2.67vw;
                margin: 0;
                border-radius: 2.67vw;
                flex-wrap: nowrap;
                border-bottom-width: 0.27vw;
            }
            .news-item:last-child {
                border-bottom: none;
            }
            .news-item:hover {
                background: #f8faff;
            }
            .news-item:hover .news-content .title {
                color: #4a6cf7;
            }

            .news-date {
                flex: 0 0 22vw;
                padding-right: 3.2vw;
                min-height: 18vw;
                border-right-width: 0.27vw;
                justify-content: center;
                align-items: flex-end;
                text-align: right;
            }
            .news-date .year {
                font-size: 3.2vw;
                letter-spacing: 0.27vw;
                line-height: 1.3;
            }
            .news-date .month-day {
                font-size: 5.33vw;
                margin-top: 1.07vw;
                line-height: 1.3;
            }
            .news-date .month-day .month {
                font-size: 4vw;
            }

            .news-content {
                padding-left: 3.73vw;
                min-height: 18vw;
                justify-content: center;
            }
            .news-content .title {
                font-size: 4.27vw;
                margin-bottom: 1.6vw;
                line-height: 1.4;
            }
            .news-content .desc {
                font-size: 3.2vw;
                line-height: 1.5;
                -webkit-line-clamp: 2;
            }

            .load-more {
                margin-top: 5.33vw;
                padding-top: 4.27vw;
                border-top-width: 0.27vw;
            }
            .load-more button {
                padding: 2.67vw 9.6vw;
                font-size: 3.73vw;
                border-width: 0.53vw;
                border-radius: 10.67vw;
                letter-spacing: 0.13vw;
            }
            .load-more button:hover {
                background: #4a6cf7;
                border-color: #4a6cf7;
                color: #fff;
                box-shadow: 0 2.13vw 6.4vw rgba(74, 108, 247, 0.25);
            }
        }

        @media (max-width: 480px) {
            .hero {
                min-height: 40vw;
                margin: 3.2vw 0 5.33vw 0;
                border-radius: 2.13vw;
            }
            .hero img {
                min-height: 40vw;
            }

            .news-section {
                padding: 4.27vw 0 3.2vw 0;
                margin-bottom: 6.4vw;
            }
            .news-section .section-title {
                font-size: 4.8vw;
                margin-bottom: 3.73vw;
                padding-bottom: 2.13vw;
            }
            .news-section .section-title::before {
                font-size: 5.33vw;
            }

            .news-item {
                padding: 3.73vw 2.13vw;
                border-radius: 2.13vw;
            }

            .news-date {
                flex: 0 0 22vw;
                padding-right: 2.67vw;
                min-height: 16vw;
            }
            .news-date .year {
                font-size:4.5vw;
            }
            .news-date .month-day {
                font-size: 4.8vw;
                margin-top: 0.8vw;
            }
            .news-date .month-day .month {
                font-size:6.5vw;
            }

            .news-content {
                padding-left: 3.2vw;
                min-height: 16vw;
            }
            .news-content .title {
                font-size: 4vw;
                margin-bottom: 1.33vw;
            }
            .news-content .desc {
                font-size: 2.93vw;
                -webkit-line-clamp: 2;
            }

            .load-more {
                margin-top: 4.27vw;
                padding-top: 3.73vw;
            }
            .load-more button {
                padding: 2.4vw 8.53vw;
                font-size: 3.47vw;
                border-radius: 9.6vw;
                border-width: 0.4vw;
            }
        }