/* ===== 1. 全局基础样式 ===== */
*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
body{background:#f4f7fa;color:#1e293b;line-height:1.5;}
a{text-decoration:none;color:inherit;}
li{list-style:none;}
img{display:block;}
.container{max-width:1660px;margin:0 auto;padding:0 32px;}
.section-block{padding:70px 0;background:#ffffff;}
.section-block.gray{background:#f8fafc;}page-hero-overlay
.section-block.light-gray{background:#f1f5f9;}
.section-title-wrapper{text-align:center;margin-bottom:40px;}
.section-title-wrapper .sub-label{color:#f59e0b;font-weight:600;letter-spacing:2px;font-size:14px;margin-bottom:4px;text-transform:uppercase;}
.section-title-wrapper h2{font-size:35px;font-weight:700;color:#0b2a4a;margin-bottom:8px;}
.section-title-wrapper p{color:#475569;font-size:17px;max-width:700px;margin:0 auto;line-height:1.6;}

/* ===== 2. 头部 ===== */
.header{background:#0b2a4a;color:#ffffff;padding:14px 0;border-bottom:3px solid #f59e0b;}
.header .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;}
.logo-area{display:flex;align-items:center;gap:10px;}
.logo-icon{font-size:28px;font-weight:700;letter-spacing:2px;background:#f59e0b;color:#0b2a4a;padding:4px 12px;border-radius:6px;}
.logo-text{font-size:20px;font-weight:600;}
.logo-text a{color:#ffffff;}
.contact-top{display:flex;gap:18px;font-size:14px;flex-wrap:wrap;}
.contact-top a{color:#e2e8f0;transition:color 0.25s ease;}
.contact-top a:hover{color:#fbbf24;}

/* ===== 3. 导航 ===== */
.nav{background:#ffffff;box-shadow:0 2px 8px rgba(0,0,0,0.04);position:sticky;top:0;z-index:100;}
.nav .container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 32px;gap:10px;}
.nav-links{display:flex;gap:6px;font-weight:500;align-items:center;flex-wrap:wrap;}
.nav-links>li{list-style:none;position:relative;}
.nav-links>li>a{display:inline-block;padding:8px 16px;border-radius:30px;font-size:15px;color:#1e293b;transition:all 0.25s ease;}
.nav-links>li>a:hover,.nav-links>li:hover>a{background:#d0dbe6;color:#0b2a4a;}
.nav-links>li>a.active{background:#0b2a4a;color:#ffffff;}
.nav-links>li>a .arrow{font-size:12px;margin-left:4px;color:#94a3b8;}
.nav-links>li>a.active .arrow{color:#f59e0b;}
.nav-links .dropdown-menu{position:absolute;top:42px;left:0;background:#ffffff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.12);padding:16px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.25s ease;border:1px solid #edf2f7;z-index:200;}
.nav-links>li:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.nav-links .grid-dropdown{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-width:480px;}
.nav-links .grid-dropdown li a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 6px!important;border-left:none!important;text-align:center;color:#1e293b;}
.drop-icon-img{width:56px;height:56px;object-fit:contain;border-radius:12px;}
.wide-two-col{min-width:800px;display:flex;gap:0px;padding:0!important;overflow:hidden;}
.drop-tab-left{width:280px;background:#f7f9fc;padding:20px 0;}
.tab-item{display:flex;padding:12px 24px;font-size:14px;cursor:pointer;transition:0.25s;}
.tab-item img{width:40px;height:40px;object-fit:contain;margin-right:8px;}
.tab-item.active{background:#ffffff;color:#0b3b8f;font-weight:600;border-left:3px solid #0b3b8f;}
.tab-item:hover{background:#eef2f8;}
.drop-content-right{flex:1;padding:20px 24px;border-left:2px solid #eef2f8;background:#eef2f8 url(../images/all/icon-POM.png) no-repeat right bottom/30%;}
.tab-panel{display:none;flex-direction:column;gap:12px;}
.tab-panel.active{display:flex;}
.tab-panel a{font-size:14px;color:#334155;padding:6px 0;transition:0.2s;}
.tab-panel a:hover{color:#0b3b8f;padding-left:6px; font-weight: bold;}
.nav-links .dropdown-menu:not(.grid-dropdown):not(.wide-two-col) li{list-style:none;}
.nav-links .dropdown-menu:not(.grid-dropdown):not(.wide-two-col) li a{display:block;padding:10px 20px;font-size:14px;color:#1e293b;border-left:3px solid transparent;transition:all 0.25s ease;min-width:200px;}
.nav-links .dropdown-menu:not(.grid-dropdown):not(.wide-two-col) li a:hover{background:#f8fafc;border-left-color:#f59e0b;color:#0b2a4a;}
.nav-cta{background:#f59e0b;color:#0b2a4a;padding:8px 20px;border-radius:30px;font-weight:600;font-size:14px;transition:all 0.25s ease;}
.nav-cta:hover{background:#d97706;}

/* ===== 4. 面包屑 ===== */
.breadcrumb{background:#f8fafc;padding:16px 0;border-bottom:1px solid #edf2f7; display: none;}
.breadcrumb .container{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.breadcrumb a{color:#475569;font-size:14px;transition:color 0.25s ease;}
.breadcrumb a:hover{color:#f59e0b;}
.breadcrumb .separator{color:#94a3b8;font-size:16px;}
.breadcrumb .current{color:#0b2a4a;font-weight:600;font-size:14px;}

.breadcrumb{background:#fff;padding:10px 0;border-bottom:1px solid #e8ecf1;font-size:13px;color:#94a3b8}
.breadcrumb a{color:#0b2a4a}
.breadcrumb a:hover{color:#f59e0b}
.breadcrumb .cur{color:#475569;font-weight:600}
.breadcrumb span{margin:0 6px;color:#cbd5e1}
.breadcrumb .container{display:flex;flex-wrap:wrap;align-items:center;gap:2px}

/* ===== 5. 页面主横幅（通用） ===== */
.page-hero{position:relative;min-height:320px;display:flex;align-items:center;background-size:cover!important;background-position:center!important;}
.page-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,42,74,0.92),rgba(11,42,74,0.75));}
.page-hero .container{position:relative;z-index:1;width:100%;}
.page-hero-content{max-width:800px;color:#ffffff;margin:0 auto;text-align:center;}
.hero-tag{background:rgba(245,158,11,0.15);color:#fbbf24;display:inline-block;padding:6px 18px;border-radius:30px;font-size:15px;border:1px solid rgba(245,158,11,0.3);margin-bottom:18px;}
.page-hero-content h1{font-size:42px;font-weight:700;margin-bottom:14px;}
.page-hero-content h1 span{color:#fbbf24;}
.page-hero-content p{font-size:17px;color:#cbd5e1;line-height:1.7;}
.hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:24px;}
.hero-buttons{display:flex;gap:18px;flex-wrap:wrap; align-items: center;justify-content: center;}
.stat-item{text-align:center;}
.stat-number{font-size:36px;font-weight:700;color:#fbbf24;}
.stat-label{font-size:14px;color:#cbd5e1;margin-top:4px;}

/* ===== 6. 联系表单（通用） ===== */
.contact-cta{background:#0b2a4a;color:#ffffff;padding:65px 0;}
.contact-cta .container{max-width:780px;}
.contact-cta h2{font-size:34px;margin-bottom:14px;text-align:center;}
.contact-cta .sub{text-align:center;color:#cbd5e1;margin-bottom:34px;font-size:17px;}
.contact-form{display:flex;flex-direction:column;gap:22px;background:#1a3f62;padding:34px 32px;border-radius:26px;}
.form-row{display:flex;flex-wrap:wrap;gap:18px;}
.form-row input,.form-row textarea,.form-row select{flex:1;min-width:210px;padding:15px 20px;border-radius:40px;border:none;font-size:16px;background:#ffffff;outline:none;}
.form-group{flex:1;min-width:210px;}
.form-group.full-width{flex-basis:100%;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:15px 20px;border-radius:40px;border:none;font-size:16px;background:#ffffff;outline:none;}
.form-group textarea{border-radius:22px;resize:vertical;min-height:100px;}
.form-row button{background:#f59e0b;color:#0b2a4a;border:none;padding:15px 40px;border-radius:40px;font-weight:700;font-size:18px;cursor:pointer;transition:all 0.25s ease;}
.form-row button:hover{background:#fbbf24;}
.form-note{color:#94a3b8;font-size:14px;margin-top:10px;text-align:center;}
.email-list{text-align:center;margin-top:24px;font-size:17px;}
.email-list a{color:#fbbf24;margin:0 14px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}

/* ===== 7. 页脚 ===== */
.footer{background:#0a1e30;color:#94a3b8;padding:42px 0;border-top:1px solid #1e3a5f;text-align:center;font-size:15px;}

/* ===== 8. Cookie 浮窗 ===== */
.cookie-float{position:fixed;bottom:0;left:0;right:0;background:#0b2a4a;color:#f1f5f9;padding:18px 30px;box-shadow:0 -6px 20px rgba(0,0,0,0.25);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 28px;z-index:9999;border-top:2px solid #f59e0b;backdrop-filter:blur(2px);font-size:16px;transition:transform 0.4s ease,opacity 0.4s ease;}
.cookie-float.hidden{transform:translateY(100%);opacity:0;pointer-events:none;}
.cookie-float .cookie-text{display:flex;align-items:center;gap:10px;flex:1 1 340px;}
.cookie-float .cookie-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.cookie-float .cookie-actions a{color:#94a3b8;text-decoration:underline;font-size:14px;transition:color 0.25s ease;}
.cookie-float .cookie-actions a:hover{color:#fbbf24;}
.cookie-float .btn-cookie{padding:8px 22px;border-radius:40px;border:none;font-weight:600;font-size:15px;cursor:pointer;transition:all 0.25s ease;background:#f1f5f9;color:#0b2a4a;}
.cookie-float .btn-cookie.accept{background:#f59e0b;color:#0b2a4a;}
.cookie-float .btn-cookie.accept:hover{background:#fbbf24;transform:scale(1.02);}
.cookie-float .btn-cookie.reject{background:#334155;color:#e2e8f0;}
.cookie-float .btn-cookie.reject:hover{background:#475569;}

/* ===== 9. 响应式（公共） ===== */
@media (max-width:1200px){
  .container{padding:0 28px;}
}

@media (max-width:992px){
  .container{padding:0 24px;}
  .nav .container{padding:8px 24px;}
  .page-hero-content h1{font-size:34px;}
}

@media (max-width:768px){
  .container{padding:0 20px;}
  .nav .container{padding:8px 20px;}
  .page-hero{min-height:260px;}
  .page-hero-content h1{font-size:28px;}
  .page-hero-content p{font-size:15px;}
  .nav-links{gap:4px;}
  .nav-links>li>a{font-size:13px;padding:6px 10px;}
  .nav-links .dropdown-menu{min-width:160px;left:-10px;}
  .contact-top{font-size:12px;gap:6px;}
  .section-block{padding:45px 0;}
  .section-title-wrapper h2{font-size:29px;}
  .hero-stats{gap:20px;}
  .stat-number{font-size:28px;}
  .form-row{flex-direction:column;}
  .form-row input,.form-row select{min-width:100%;}
  .form-row button{width:100%;}
}

@media (max-width:600px){
  .cookie-float{padding:16px 18px;flex-direction:column;gap:12px;text-align:center;}
  .cookie-float .cookie-text{justify-content:center;}
  .cookie-float .cookie-actions{justify-content:center;}
  .page-hero-content h1{font-size:24px;}
  .breadcrumb a,.breadcrumb .current{font-size:12px;}
  .logo-icon{font-size:22px;}
  .logo-text{font-size:16px;}
  .nav-cta{padding:6px 14px;font-size:12px;}
}