*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",Arial,sans-serif;color:#11243f;background:#f4f7fb;line-height:1.85}
a{text-decoration:none;color:inherit}
.inner{max-width:1200px;margin:0 auto;padding:0 18px}

/* 顶部小条 */
.topbar{height:34px;background:#061426;color:#dfe9f6;font-size:14px}
.topbar .inner{display:flex;align-items:center;justify-content:space-between;height:100%}
.top-links a{margin-left:24px;color:#dfe9f6}

/* 头部导航 */
.header{
    height:88px;
    background:linear-gradient(90deg,#081a31,#0e2b4d,#081a31);
    color:#fff;
    box-shadow:0 6px 22px rgba(0,0,0,.18);
    position:sticky;
    top:0;
    z-index:50;
}
.header .inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:100%;
}

/* LOGO区域：保持横排，不换行 */
.brand{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:420px;
    flex-shrink:0;
}
.logoMark{
    width:90px;
    height:90px;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.logoMark img{
    width:90px;
    height:90px;
    object-fit:contain;
    display:block;
}
.brand h2{
    font-size:23px;
    line-height:1.25;
    color:#fff;
    white-space:nowrap;
}
.brand p{
    font-size:13px;
    color:#f7cf6a;
    white-space:nowrap;
    margin-top:4px;
}

/* 导航 */
.nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:34px;
    flex:1;
}
.nav a{
    color:#fff;
    font-weight:700;
    font-size:16px;
    white-space:nowrap;
    padding:31px 0;
}
.nav a:hover,.nav .active{color:#ffd66b}

.headBtn{
    background:#ffd66b;
    color:#071426;
    padding:14px 25px;
    border-radius:10px;
    font-weight:900;
    box-shadow:0 0 28px rgba(255,214,107,.36);
    white-space:nowrap;
}

/* 首页大图 */
.hero{
    height:430px;
    background:
    linear-gradient(
        90deg,
        rgba(5,17,32,.96),
        rgba(8,26,48,.55),
        rgba(5,17,32,.15)
    ),
    url('hero-kefu.jpg') center/cover no-repeat;

    color:#fff;
    position:relative;
    overflow:hidden;
}
.hero .inner{
    height:100%;
    display:flex;
    align-items:center;
}
.heroText{max-width:620px}
.hero h1{
    font-size:48px;
    color:#ffd66b;
    letter-spacing:1px;
    margin-bottom:18px;
}
.hero h3{
    font-size:22px;
    margin-bottom:22px;
}
.hero p{
    font-size:18px;
    color:#e6eef8;
    max-width:560px;
}
.btns{
    margin-top:28px;
    display:flex;
    gap:16px;
}
.btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:14px 30px;
    border-radius:8px;
    font-weight:900;
    border:1px solid rgba(255,255,255,.35);
}
.btn.gold{
    background:#ffd66b;
    color:#061426;
    border:0;
}

/* 右侧客服栏 */
.quickPanel{
    position:fixed;
    right:26px;
    top:140px;
    width:150px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 12px 40px rgba(0,0,0,.2);
    overflow:hidden;
    z-index:60;
    position:fixed;
z-index:9999;
}
.quickPanel h3{
    display:none;
}
.quickPanel a{
    display:block;
    padding:12px 18px;
    border-bottom:1px solid #e8edf3;
    color:#13233a;
    font-weight:700;
}

/* 内容区 */
.section{padding:46px 0}
.title{text-align:center;margin-bottom:28px}
.title h2{font-size:30px;color:#102a47}
.title p{color:#66758a}

.cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}
.card{
    background:#fff;
    border-radius:14px;
    padding:30px 24px;
    box-shadow:0 6px 20px rgba(21,44,74,.09);
    border:1px solid #e3eaf2;
}
.icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#0b1d35;
    color:#ffd66b;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:18px;
}
.card h3{font-size:21px;margin-bottom:8px;color:#102a47}
.card p{color:#64748b;font-size:15px}
.more{display:inline-block;margin-top:16px;color:#b07b18;font-weight:900}

/* 公告 */
.notice{
    background:#fff8e6;
    border:1px solid #f5d98f;
    border-radius:10px;
    padding:15px 22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#5d4a1e;
}

/* 公司展示 */
.split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px;
    align-items:center;
}
.box{
    background:#fff;
    border-radius:14px;
    padding:34px;
    box-shadow:0 8px 24px rgba(21,44,74,.08);
    border:1px solid #e3eaf2;
}
.box h2{font-size:28px;margin-bottom:16px;color:#102a47}
.box p{margin-bottom:12px;color:#42536a}
.photo{
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.photo img{
    display:block;
    width:100%;
    height:auto;
}

/* 底部优势 */
.features{
    background:#061426;
    color:#fff;
    padding:30px 0;
}
.features .inner{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}
.feature{
    display:flex;
    gap:12px;
    align-items:center;
    color:#e7eef7;
}
.feature b{
    color:#ffd66b;
    font-size:24px;
}
.footer{
    background:#061426;
    color:#b8c5d6;
    text-align:center;
    padding:24px;
}

/* 悬浮客服 */
.float{
    position:fixed;
    right:24px;
    bottom:26px;
    width:86px;
    height:86px;
    border-radius:50%;
    background:#ffd66b;
    color:#061426;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-weight:900;
    box-shadow:0 0 28px rgba(255,214,107,.65);
    z-index:80;
}

/* 内页 */
.articleHero{
    background:linear-gradient(90deg,#071a31,#12375f);
    color:#fff;
    padding:56px 0;
}
.articleHero h1{
    color:#ffd66b;
    font-size:36px;
}
.crumb{
    font-size:14px;
    color:#c7d4e3;
    margin-bottom:12px;
}
.content{
    max-width:1000px;
    margin:36px auto;
    background:#fff;
    border-radius:14px;
    padding:38px;
    box-shadow:0 8px 24px rgba(21,44,74,.08);
}
.content h2{
    color:#102a47;
    margin:26px 0 10px;
}
.content p{
    margin:12px 0;
    color:#30445e;
}
.rel{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    margin-top:26px;
}
.rel a{
    background:#f4f7fb;
    padding:14px;
    border-radius:8px;
    color:#12375f;
    font-weight:700;
}

/* 手机端 */
@media(max-width:900px){
    .topbar{display:none}
    .header{
        height:auto;
        padding:12px 0;
        position:relative;
    }
    .header .inner{
        display:block;
    }
    .brand{
        min-width:0;
        width:100%;
        margin-bottom:10px;
    }
    .logoMark{
        width:50px;
        height:50px;
        font-size:20px;
    }
    .brand h2{
        font-size:19px;
        white-space:normal;
    }
    .brand p{
        font-size:12px;
    }
    .nav{
        display:flex;
        overflow-x:auto;
        justify-content:flex-start;
        gap:0;
    }
    .nav a{
        padding:12px 14px;
        white-space:nowrap;
        font-size:14px;
    }
    .headBtn{
        position:absolute;
        right:16px;
        top:18px;
        padding:10px 16px;
    }
    .hero{
        height:auto;
        padding:70px 0 170px;
        background-position:center right;
    }
    .hero h1{font-size:36px}
    .hero h3{font-size:18px}
    .hero p{font-size:16px}
    .cards,.split,.features .inner{
        grid-template-columns:1fr;
    }
    .quickPanel{display:none}
    .content{
        margin:22px 14px;
        padding:24px 18px;
    }
    .rel{grid-template-columns:1fr}
    .float{
        width:74px;
        height:74px;
        right:15px;
        bottom:18px;
    }
    .section{padding:34px 0}
}
/* 遮住背景图自带文字，保留真人客服 */
.hero{
    position:relative !important;
    overflow:hidden !important;
}

.hero::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:68%;
    height:100%;
    background:linear-gradient(
        90deg,
        #061426 0%,
        #061426 50%,
        rgba(6,20,38,.92) 65%,
        rgba(6,20,38,.55) 80%,
        rgba(6,20,38,0) 100%
    );
    z-index:1;
    pointer-events:none;
}
.hero h1,
.hero h3,
.hero p,
.hero .btns{
    position:relative;
    z-index:10;
}

.hero .inner{
    position:relative;
    z-index:2;
}

.heroText{
    position:relative;
    z-index:3;
}