/* ===== 全局重置 & 基础 ===== */
* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;}
ul, ol {list-style: none;}
a {text-decoration: none;color: #333;transition: color 0.2s, background 0.2s;}
img {max-width: 100%;display: block;height: auto;}
.container {width: 92%;max-width: 1200px;margin: 0 auto;}
/* ===== 顶部热线栏 ===== */
.top-bar {background: #222;color: #fff;padding: 8px 0;font-size: 14px;}
.top-bar .container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 6px;}
.hotline span {color: #ff0000;font-weight: bold;font-size: 20px;margin-left: 3px;}
.top-nav a {color: #fff;margin: 0 8px;font-size: 14px;}
.top-nav a:hover {opacity: 0.7;}
/* ===== 导航头部 ===== */
.header {background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,0.06);position: sticky;top: 0;z-index: 1000;transition: box-shadow 0.3s;}
.header.scrolled {box-shadow: 0 4px 20px rgba(0,0,0,0.10);}
.header .container {display: flex;justify-content: space-between;align-items: center;height: 80px;position: relative;}
.logo {font-size: 28px;font-weight: bold;color: #2563eb;letter-spacing: 1px;}
.nav-list {display: flex;gap: 36px;}
.nav-list li a {font-size: 16px;padding: 10px 0;position: relative;font-weight: 500;}
.nav-list li a::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2.5px;background: #2563eb;transition: width 0.3s;}
.nav-list li a:hover::after,.nav-list li a.active::after {width: 100%;}
.nav-list li a.active {color: #2563eb;font-weight:bold;}
.menu-btn {display: none;flex-direction: column;justify-content: center;gap: 5px;width: 40px;height: 40px;cursor: pointer;background: none;border: none;padding: 0;}
.menu-btn span {display: block;width: 100%;height: 3px;background: #333;border-radius: 2px;transition: 0.3s;}
.menu-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 999;}
.menu-overlay.active {display: block;}
/* ===== 咨询联系 ===== */
.contact-banner {padding: 60px 0;color: #fff;text-align: center;background-color: #0b1a33;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232563eb' stop-opacity='0.15'/%3E%3Cstop offset='50%25' stop-color='%23fcd34d' stop-opacity='0.08'/%3E%3Cstop offset='100%25' stop-color='%234a1a6b' stop-opacity='0.15'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 300 Q 300 100 600 250 T 1200 150 L 1200 400 L 0 400 Z' fill='url(%23g1)'/%3E%3Cpath d='M0 250 Q 400 400 800 200 T 1200 300 L 1200 400 L 0 400 Z' fill='rgba(255,255,255,0.03)'/%3E%3C/svg%3E");background-size: cover;background-position: center bottom;background-repeat: no-repeat;position: relative;}
.contact-banner h3 {font-size: 32px;margin-bottom: 16px;font-weight: 700;}
.contact-banner p {font-size: 18px;opacity: 0.8;margin-bottom: 30px;}
.tel-num {font-size: 36px;color: #ff4444;font-weight: bold;margin-bottom: 30px;letter-spacing: 2px;}
.contact-btns {display: flex;justify-content: center;flex-wrap: wrap;gap: 12px;}
.contact-btns a {padding: 14px 40px;background: #2563eb;color: #fff;border-radius: 4px;font-size: 16px;font-weight: 500;transition: 0.3s;border: 2px solid transparent;}
.contact-btns a:hover {background: #1d4ed8;transform: translateY(-2px);}
.contact-btns a:last-child {background: transparent;border-color: #fff;}
.contact-btns a:last-child:hover {background: #fff;color: #111;}
/* ===== 底部页脚 ===== */
.footer {padding: 60px 0 30px;background: #222;color: #aaa;}
.footer-wrap {display: flex;gap: 60px;margin-bottom: 40px;flex-wrap: wrap;}
.footer-col {flex: 1;min-width: 200px;}
.footer-col h4 {color: #fff;font-size: 18px;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #333;}
.footer-col p,.footer-col li {line-height: 2;font-size: 14px;}
.footer-col a {color: #aaa;transition: color 0.2s;}
.footer-col a:hover {color: #2563eb;}
.footer-col ul li {padding: 2px 0;}
.copyright {padding-top: 20px;border-top: 1px solid #333;font-size: 14px;color: #888;}
.copyright-inner {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 4px 8px;}
.copyright-inner .cert-icon {height: 20px;width: auto;}
.copyright a {color: #888;}
/* 手机端隐藏顶部热线栏top-bar */
@media screen and (max-width: 768px) {
  .top-bar {
    display: none !important;
  }
}