*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior: smooth;}
body{font-family: "Microsoft YaHei",PingFang SC,sans-serif;background:#ffffff;color:#242424;line-height:1.88;font-size:15px;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;transition:0.28s ease;}
.container{width:93%;max-width:1240px;margin:0 auto;}

/* 顶部悬浮导航 白底简约商务 */
.site-header{width:100%;position:fixed;top:0;background:#ffffff;box-shadow:0 1px 14px rgba(0,0,0,0.04);z-index:999;}
.nav-inner{height:72px;display:flex;justify-content:space-between;align-items:center;}
.logo-text{font-size:23px;font-weight:700;color:#0a2549;}
.logo-text em{color:#2478e0;font-style:normal;}
.nav-list{display:flex;gap:34px;}
.nav-list a{font-size:14.8px;color:#333;font-weight:500;position:relative;}
.nav-list a::after{content:"";width:0;height:2px;background:#2478e0;position:absolute;left:0;bottom:-5px;transition:0.28s;}
.nav-list a:hover{color:#2478e0;}
.nav-list a:hover::after{width:100%;}
.header-space{height:72px;}

/* 首屏Banner 低饱和渐变，干净大气 */
.banner-wrap{width:100%;background:linear-gradient(130deg,#0a2549,#153b72);padding:98px 0 76px;color:#fff;text-align:center;}
.banner-wrap h1{font-size:42px;margin-bottom:20px;font-weight:600;letter-spacing:0.5px;}
.banner-desc{max-width:820px;margin:0 auto 46px;font-size:16px;opacity:0.9;line-height:1.9;}
.data-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.data-card{background:rgba(255,255,255,0.06);border-radius:14px;padding:28px 10px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.1);}
.data-num{font-size:36px;color:#62b2ff;font-weight:700;margin-bottom:8px;}
.data-txt{font-size:14.5px;opacity:0.92;}

/* 通用区块 超大上下留白，板块分割清晰 */
.section{padding:90px 0;}
.section-light{background:#f6f9fe;}
.title-block{text-align:center;margin-bottom:66px;}
.title-block h2{font-size:30px;color:#0a2549;margin-bottom:14px;position:relative;}
.title-block h2::after{content:"";width:55px;height:4px;background:#2478e0;position:absolute;left:50%;transform:translateX(-50%);bottom:-10px;}
.title-block p{max-width:760px;margin:0 auto;color:#545454;font-size:16px;}

/* 三栏通用卡片（介绍/平台/优势/资讯统一） */
.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.base-card{background:#fff;border-radius:16px;padding:34px;box-shadow:0 4px 24px rgba(0,0,0,0.04);transition:0.3s;}
.base-card:hover{transform:translateY(-8px);box-shadow:0 12px 38px rgba(36,120,224,0.09);}
.base-card h3{font-size:20px;color:#0a2549;margin-bottom:16px;}
.base-card p{color:#474747;line-height:1.88;}

/* 四大服务 四等分网格 */
.grid-four{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.service-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 24px rgba(0,0,0,0.04);border-left:5px solid #2478e0;}
.service-card h3{font-size:18px;color:#0a2549;margin-bottom:14px;}

/* 套餐卡片样式 */
.package-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 26px rgba(0,0,0,0.05);}
.package-head{background:#0a2549;color:#fff;padding:22px;text-align:center;font-size:20px;font-weight:600;}
.package-body{padding:34px;}
.p-price{font-size:34px;color:#2478e0;text-align:center;margin:24px 0;font-weight:700;}
.p-item{padding:12px 0;border-bottom:1px solid #eeeeee;color:#444;}

/* 行业标签区域 */
.tag-box{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}
.tag-item{background:#e8f2ff;color:#0a2549;padding:12px 28px;border-radius:50px;font-size:15px;}

/* 资讯卡片时间样式 */
.news-time{font-size:13px;color:#888;margin-top:14px;display:block;}

/* 底部咨询深色通栏 */
.contact-banner{background:#0a2549;color:#fff;padding:86px 0;text-align:center;}
.contact-banner h2{font-size:34px;margin-bottom:20px;}
.contact-banner p{font-size:17px;opacity:0.9;margin-bottom:10px;}
.tel-text{font-size:30px;color:#62b2ff;font-weight:700;margin:34px 0;}
.btn-consult{display:inline-block;background:#2478e0;color:#fff;padding:16px 42px;border-radius:8px;font-size:16px;font-weight:600;box-shadow:0 8px 24px rgba(36,120,224,0.25);}
.btn-consult:hover{background:#1d66c7;}

/* 页脚三栏 + 通栏横向友情链接 */
.footer-wrap{background:#071a36;color:#b2c1e1;padding:68px 0 32px;}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-bottom:46px;}
.footer-col h4{color:#fff;font-size:19px;margin-bottom:22px;padding-bottom:10px;border-bottom:1px solid #1c325c;}
.footer-col p,.footer-col li{font-size:14.5px;line-height:1.78;margin:10px 0;opacity:0.86;}
.footer-col a{color:#b2c1e1;}
.footer-col a:hover{color:#62b2ff;}

/* 通栏横向友情链接独立区块 */
.link-area{border-top:1px solid #1c325c;padding:32px 0;margin-bottom:28px;}
.link-area h4{display:inline-block;color:#fff;font-size:17px;margin-right:20px;}
.link-list{display:inline-flex;flex-wrap:wrap;gap:26px;align-items:center;}
.link-list a{color:#b2c1e1;font-size:14.5px;}
.link-list a:hover{color:#62b2ff;}

.copyright{text-align:center;padding-top:30px;border-top:1px solid #1c325c;font-size:13px;color:#808fb9;}

/* 移动端自适应逻辑 */
@media(max-width:992px){
    .nav-list{display:none;}
    .data-grid,.grid-four{grid-template-columns:repeat(2,1fr);}
    .grid-three,.footer-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
    .banner-wrap h1{font-size:30px;}
    .section{padding:64px 0;}
    .data-grid,.grid-three,.grid-four,.footer-grid{grid-template-columns:1fr;}
    .link-list{display:block;margin-top:14px;}
}