*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",system-ui}
body{background:#f5f7fa}
a{text-decoration:none}

.top{background:#1b2a4f;color:#fff;padding:12px 0;font-size:14px}
.container{width:1380px;margin:0 auto}
.header{background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.05);padding:20px 0}
.logo{font-size:28px;font-weight:bold;color:#1b2a4f}
.nav{display:flex;justify-content:space-between;align-items:center}
.menu a{margin-left:25px;color:#333;font-size:16px}
.menu a:hover{color:#1b2a4f}

.banner{background:linear-gradient(135deg,#1b2a4f,#2c4a7d);color:#fff;padding:80px 0;text-align:center}
.banner h1{font-size:42px;margin-bottom:15px}
.banner p{font-size:18px;opacity:.9}

.section{padding:0px 0}
.title{text-align:center;margin-bottom:40px}
.title h2{font-size:32px;color:#1b2a4f}

.list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.05);transition:.3s}
.card:hover{transform:translateY(-5px)}
.card-img{height:180px;background:#f5f5f5}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:20px}
.card-title{font-size:18px;margin-bottom:10px;color:#1b2a4f;line-height:1.4}
.card-info{font-size:14px;color:#666}
.btn{display:inline-block;background:#1b2a4f;color:#fff;padding:10px 20px;border-radius:6px;margin-top:10px}

.page{text-align:center;margin-top:40px}
.page a{background:#fff;padding:8px 15px;border-radius:6px;margin:0 3px;color:#333}
.page .active{background:#1b2a4f;color:#fff}
.footer {
    background: #1b2a4f;
    color: #fff;
    text-align: center;
    padding: 30px 0;
    /* margin-top: 1px; */
    border-top: 1px solid #596991;
}
/*.footer{background:#1b2a4f;color:#fff;text-align:center;padding:30px 0;margin-top:1px}*/
/* 公告滚动样式 */
        .notice-wrap {
            background: #fff;
            border: 1px solid #eee;
            border-radius: 4px;
            padding: 12px 20px;
            margin-bottom: 25px;
            overflow: hidden;
            position: relative;
        }
        .notice-title {
            position: absolute;
            left: 20px;
            top: 12px;
            font-size: 16px;
            color: #1b2a4f;
            font-weight: bold;
        }
        .notice-content {
            white-space: nowrap;
            animation: notice-scroll 20s linear infinite;
            padding-left: 100%;
        }
        @keyframes notice-scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }

        /* 卡片列表：一排4个 */
        .container.section .list {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .card {
            margin: 0;
        }

        /* 卡片信息美化（按你红框样式） */
        .card-cate {
            display: inline-block;
            background: #e8f4ff;
            color: #0078d7;
            padding: 2px 8px;
            border-radius: 3px;
            font-size: 12px;
            margin-bottom: 8px;
        }
        .card-title {
            font-size: 16px;
            font-weight: 600;
            margin: 8px 0;
            color: #222;
            line-height: 1.4;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .card-info-row {
            font-size: 12px;
            color: #666;
            margin: 6px 0;
            padding: 4px 0;
            border-bottom: 1px dotted #eee;
        }
        .card-info-row:last-child {
            border-bottom: none;
        }
        .card-serial {
            font-size: 12px;
            color: #666;
            margin-bottom: 8px;
        }

        /* ========== 返回顶部按钮 ========== */
        .back-top {
            position: fixed;
            bottom: 30px;
            right: 30px;
            width: 45px;
            height: 45px;
           background: #11502b;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            cursor: pointer;
            display: none;
            z-index: 999;
            transition: .3s;
        }
        .back-top:hover {
            background: #2c3e50;
        }

        /* ====================== 友情链接样式（横排） ====================== */
        .link-wrap {
    background: #1b2a4f;
    padding: 15px 0;
    border-top: 1px solid #2196F3;
    margin-top: 20px;
}
        .link-title {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
        .link-list {
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            align-items: center;
        }
        .link-list a {
    color: #31a7cd;
    font-size: 13px;
    text-decoration: none;
    transition: .2s;
}
        .link-list a:hover {
            color: #0078d7;
        }
        .link-empty {
            font-size: 13px;
            color: #999;
            padding: 5px 0;
        }

        /* ====================== 手机自适应 ====================== */
        @media (max-width: 768px) {
            .container {
                padding: 0 10px;
                box-sizing: border-box;
            }
            .header .nav {
                flex-direction: column;
                padding: 10px 0;
                gap: 10px;
            }
            .header .menu {
                flex-wrap: wrap;
                justify-content: center;
                gap: 6px;
            }
            .container.section .list {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            .notice-wrap {
                padding: 10px;
            }
            .notice-title {
                position: static;
                margin-bottom: 6px;
            }
            .notice-content {
                white-space: normal;
                animation: none;
                padding-left: 0;
                font-size: 13px;
            }
            .banner h1 {
                font-size: 22px;
            }
            .banner p {
                font-size: 14px;
            }
            .page {
                padding: 10px 0;
            }
            .link-list {
                gap: 12px;
            }
        }