table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;table-layout:auto}
.firstRow{background-color:#2563eb;color:#fff;font-weight:600;line-height:3;text-align:center}
a{text-decoration:none}
table td{padding:12px 15px;border:1px solid #e5e7eb;font-size:14px;color:#4b5563;vertical-align:top;word-break:break-all}
table tr:nth-child(2n) td{background-color:#f9fafb}
table tr:nth-child(2n) td:hover td{background-color:#f9fafb}
@media (max-width:768px){body{padding:10px}
table td{padding:10px 8px;font-size:13px}
}

*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",sans-serif; word-wrap: break-word!important;          /* 允许长单词或 URL 换行 */
    word-break: break-word!important;         /* 在必要时可在任意位置断开 */
    white-space: normal!important;}
:root{--main:#165DFF;--dark:#0F3460;--light-blue:#F0F7FF;--gray:#555;--white:#ffffff}
body{color:#333;line-height:1.8;background-color:#fcfcfc}
.container{max-width:1200px;width:100%;margin:0 auto;padding:0 20px}
.breadcrumb{max-width:1200px;margin:15px auto 0;padding:0 20px;font-size:14px;color:#999}
.breadcrumb a{color:var(--main);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.nav{background:var(--white);box-shadow:0 3px 15px rgba(22,93,255,.1);padding:0;position:sticky;top:0;z-index:999}
.nav-container{height:78px;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:24px;font-weight:700;color:var(--dark);letter-spacing:.5px;display:flex;justify-content:center;align-items:center;text-align:center}
.nav-menu-pc a{margin-left:10px;text-decoration:none;color:#333;font-size:15px;transition:.3s;padding:8px 3px;position:relative}
.nav-menu-pc a:hover{color:var(--main)}
.nav-menu-pc a::after{content:"";width:0;height:3px;background:var(--main);position:absolute;bottom:0;left:0;border-radius:3px;transition:.3s}
.nav-menu-pc a:hover::after{width:100%}
.hamburger{display:none;width:36px;height:32px;position:relative;cursor:pointer}
.hamburger span{display:block;width:100%;height:3px;background:#333;border-radius:3px;position:absolute;transition:.3s}
.hamburger span:first-child{top:5px}
.hamburger span:nth-child(2){top:14px}
.hamburger span:nth-child(3){top:23px}
.hamburger.active span:first-child{transform:rotate(45deg);top:14px}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg);top:14px}
.mobile-nav{position:fixed;top:78px;right:-100%;width:75%;height:calc(100vh - 78px);background:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);padding:30px 25px;transition:right .3s ease;z-index:998}
.mobile-nav.open{right:0}
.mobile-nav a{display:block;padding:14px 0;font-size:16px;color:#333;text-decoration:none;border-bottom:1px solid #eee}
.mobile-nav a:hover{color:var(--main);padding-left:8px}
.mask{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:997;display:none}
.mask.show{display:block}
.banner{height:530px;background:linear-gradient(135deg,#0f3460,#165dff);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative;overflow:hidden}
.banner::before{content:"";position:absolute;width:100%;height:100%;opacity:.15}
.banner>div{position:relative;z-index:2;max-width:1100px}
.banner h2{font-size:46px;margin-bottom:20px;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.15)}
.banner p{font-size:20px;max-width:750px;margin:0 auto 38px;opacity:.95}
.banner-btn a{background:var(--main);color:#fff;padding:14px 36px;border-radius:50px;text-decoration:none;margin:0 14px;display:inline-block;transition:.3s all;box-shadow:0 5px 18px rgba(22,93,255,.32);font-size:16px}
.banner-btn a:nth-child(2){background:0 0;border:2px solid #fff;box-shadow:none}
.banner-btn a:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(22,93,255,.38)}
.section{margin:90px auto}
.bg-blue{background:var(--light-blue);padding:85px 0;margin:0}
.title{text-align:center;font-size:30px;color:var(--dark);margin-bottom:55px;position:relative;font-weight:600}
.title::after{content:'';width:75px;height:4px;background:var(--main);position:absolute;left:50%;transform:translateX(-50%);bottom:-13px;border-radius:4px}
.btn-more{display:inline-block;margin-top:12px;color:var(--main);font-size:14px;text-decoration:none;cursor:pointer}
.btn-more:hover{text-decoration:underline}
.more-content{display:none;margin-top:15px;padding-top:15px;border-top:1px dashed #ddd}
.about{display:flex;gap:55px;align-items:center}
.about-text{flex:1;font-size:16px;color:var(--gray)}
.about-img{flex:1;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(15,52,96,.13)}
.about-img img{width:100%;display:block;transition:.5s ease;object-fit:cover}
.about-img:hover img{transform:scale(1.04)}
.card-box{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.card{background:var(--white);padding:35px;border-radius:16px;box-shadow:0 6px 22px rgba(15,52,96,.06);border-left:6px solid var(--main);transition:.35s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 14px 35px rgba(15,52,96,.11)}
.card h3{color:var(--dark);margin-bottom:14px;font-size:20px}
.card p{color:var(--gray);font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.item{background:#fff;padding:25px;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.05);text-align:center;transition:.35s}
.item:hover{transform:translateY(-8px);box-shadow:0 13px 32px rgba(22,93,255,.11)}
.item img{max-width:100%;height:220px;border-radius:12px;margin-bottom:18px;object-fit:cover}
.item h3{color:var(--dark);margin-bottom:9px;font-size:18px}
.item p{color:#666;font-size:14px}
.news-box{background:var(--light-blue);padding:38px;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(22,93,255,.07)}
.news-box{display:flex;flex-wrap:wrap;gap:16px 20px}
.news-box a{display:block;flex:0 0 calc(50% - 10px);text-decoration:none;color:inherit;background:#fafbfc;border-radius:6px;transition:background .2s;border:1px solid #e9edf4;padding:14px 18px}
.news-item{background:#fff;padding:14px 18px;border-radius:8px;margin-bottom:12px;border-left:4px solid var(--main);transition:.25s;display:flex;justify-content:space-between;align-items:center}
.news-item:hover{padding-left:22px}
.news-tit{font-size:16px;color:#333}
.news-date{font-size:13px;color:#888;white-space:nowrap;padding-left:10px}
.news-page{margin-top:25px;text-align:center}
.news-page a{display:inline-block;padding:6px 13px;margin:0 4px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#333;text-decoration:none}
.news-page a.active{background:#165dff;color:#fff;border-color:#165dff}
.news-page a:hover:not(.active),.page-num-current{border-color:#165dff!important;color:#165dff!important}
.zhaobiao-wrap{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(22,93,255,.07)}
.zhaobiao-head{background:linear-gradient(90deg,#0f3460,#165dff);color:#fff;padding:16px 22px;font-size:17px;font-weight:500}
.zhaobiao-table-head{display:grid;grid-template-columns:4fr 1fr;background:#165dff;color:#fff;padding:13px 18px;font-weight:500}
.zhaobiao-list{list-style:none}
.zhaobiao-list li{display:grid;grid-template-columns:4fr 1fr;padding:15px 18px;border-bottom:1px solid #f1f1f1;align-items:center;transition:.25s}
.zhaobiao-list li:hover{background:#f7fbff}
.zl-tit{color:#222}
.zl-area,.zl-date,.zl-type{font-size:14px;color:#666}
.zl-btn a{padding:5px 14px;border:1px solid #165dff;color:#165dff;border-radius:5px;font-size:13px;text-decoration:none;transition:.25s}
.zl-btn a:hover{background:#165dff;color:#fff}
.zhaobiao-page{padding:22px;text-align:center}
.zhaobiao-page a{display:inline-block;padding:6px 14px;margin:0 4px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#333;text-decoration:none}
.zhaobiao-page a.active{background:#165dff;color:#fff;border-color:#165dff}
.contact-wrap{background:linear-gradient(145deg,#0a2240,#103a80);color:#fff;padding:65px 20px 45px}
.contact-container{max-width:1200px;margin:0 auto;width:100%}
.contact-title{text-align:center;font-size:30px;margin-bottom:55px;position:relative}
.contact-title::after{content:"";width:75px;height:4px;background:#165dff;position:absolute;left:50%;transform:translateX(-50%);bottom:-13px;border-radius:4px}
.contact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.contact-col h4{font-size:19px;margin-bottom:22px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.18)}
.contact-col p{font-size:15px;margin:11px 0;opacity:.88}
.contact-col p i{margin-right:9px;color:#69b0ff}
.btn-online{display:inline-block;background:#165dff;padding:11px 26px;border-radius:50px;color:#fff;text-decoration:none;margin-top:14px;transition:.3s}
.btn-online:hover{background:#3378ff;transform:translateY(-3px)}
.qr-box{width:115px;height:115px;background:#fff;border-radius:10px;margin:10px 0;display:flex;align-items:center;justify-content:center;color:#333;font-size:13px}
.copyright{border-top:1px solid rgba(255,255,255,.15);margin-top:50px;padding-top:30px;text-align:center;font-size:14px;color:#b9c9e4}
@media (max-width:768px){.nav-menu-pc{display:none}
.hamburger{display:block}
.about,.card-box,.grid3{grid-template-columns:1fr;flex-direction:column}
.banner h1{font-size:30px}
.banner p{font-size:16px}
.banner-btn a{margin:10px 6px;padding:12px 28px}
.contact-row{grid-template-columns:repeat(2,1fr);gap:30px}
.zhaobiao-list li,.zhaobiao-table-head{grid-template-columns:2fr 1fr;gap:8px}
.news-item{flex-wrap:wrap}
.news-date{margin-top:6px;width:100%}
}
@media (max-width:640px){.news-box a{flex:0 0 100%}
.news-box{gap:12px}
}
    /* ===== 欢迎条样式 ===== */
    .welcome-bar {
        background: linear-gradient(135deg, #f2f8ff 0%, #e8f0fe 100%);
        border-bottom: 1px solid rgba(42, 125, 225, 0.12);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
        padding: 0 0;
        height: 48px;
        display: flex;
        align-items: center;
        font-size: 14px;
        color: #1a3b5c;
        transition: all 0.2s;
        position: relative;
        z-index: 10;
    }

    .welcome-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }

    .welcome-left {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    .welcome-icon {
        font-size: 16px;
        line-height: 1;
    }

    .welcome-slogan {
        font-weight: 500;
        color: #0b2a44;
        letter-spacing: 0.3px;
    }

    .welcome-tag {
        color: #2a7de1;
        font-weight: 500;
        background: rgba(42, 125, 225, 0.08);
        padding: 2px 12px;
        border-radius: 30px;
        font-size: 12px;
        letter-spacing: 0.3px;
    }

    .welcome-divider {
        color: #c5d8ec;
        font-weight: 300;
        margin: 0 2px;
    }

    .welcome-right {
        display: flex;
        align-items: center;
        gap: 6px;
        background: rgba(255, 255, 255, 0.5);
        padding: 4px 16px 4px 12px;
        border-radius: 40px;
        backdrop-filter: blur(2px);
        border: 1px solid rgba(42, 125, 225, 0.08);
    }

    .phone-icon {
        font-size: 15px;
        line-height: 1;
    }

    .phone-label {
        color: #4a6f8f;
        font-weight: 400;
        font-size: 13px;
    }

    .welcome-phone-link {
        color: #1a5bbf;
        font-weight: 700;
        text-decoration: none;
        font-size: 16px;
        letter-spacing: 0.5px;
        transition: color 0.2s;
    }

    .welcome-phone-link:hover {
        color: #0a3d8a;
        text-decoration: underline;
    }

    /* ===== 移动端适配 ===== */
    @media (max-width: 768px) {
        .welcome-bar {
            height: auto;
            padding: 8px 0;
        }

        .welcome-content {
            flex-direction: column;
            align-items: flex-start;
            gap: 4px;
        }

        .welcome-divider {
            display: none;
        }

        .welcome-tag {
            font-size: 11px;
            padding: 1px 10px;
        }

        .welcome-slogan {
            font-size: 13px;
        }

        .welcome-right {
            padding: 3px 12px 3px 10px;
            background: rgba(255, 255, 255, 0.7);
            width: auto;
        }

        .welcome-phone-link {
            font-size: 15px;
        }

        .phone-label {
            font-size: 12px;
        }
    }

    @media (max-width: 480px) {
        .welcome-left {
            gap: 6px;
        }

        .welcome-slogan {
            font-size: 12px;
        }

        .welcome-tag {
            font-size: 10px;
            padding: 1px 8px;
        }

        .welcome-phone-link {
            font-size: 14px;
        }
    }
	
	/* ----- Tab 切换按钮组 ----- */
        .tab-group {
            display: flex;
            gap: 6px;
            background: #f0f4fa;
            padding: 5px;
            border-radius: 40px;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
        }

        .tab-btn {
            padding: 10px 28px;
            border: none;
            border-radius: 30px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            background: transparent;
            color: #5b6f87;
            transition: all 0.25s ease;
            letter-spacing: 0.5px;
            font-family: inherit;
        }

        .tab-btn:hover {
            color: #1a3b5c;
            background: rgba(42, 125, 225, 0.06);
        }

        .tab-btn.active {
            background: #ffffff;
            color: #0b2a44;
            box-shadow: 0 4px 12px rgba(42, 125, 225, 0.18);
            color: #1a5bbf;
        }