/* ============================================
 * 成都薇薇网络 首页样式
 * DESTOON Template - vv-index.css
 * ============================================ */

/* ===== CSS Reset & 基础 ===== */
* {margin: 0; padding: 0; box-sizing: border-box;}
html {scroll-behavior: smooth;}
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
a {color: inherit; text-decoration: none; transition: color .3s;}
a:hover {color: #1a56db;}
ul, ol {list-style: none;}
img {max-width: 100%; border: none; vertical-align: middle;}
button {cursor: pointer; border: none; background: none; font-family: inherit;}
input, textarea {font-family: inherit; outline: none; border: none;}

.container {
  width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* ===== 按钮样式 ===== */
.btn {
  display: inline-block;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: all .3s;
  text-align: center;
}
.btn-primary {
  background: linear-gradient(135deg, #1a56db 0%, #2563eb 100%);
  color: #fff;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #1240a8 0%, #1d4ed8 100%);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(26,86,219,.4);
}
.btn-outline {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255,255,255,.6);
}
.btn-outline:hover {
  background: #fff;
  color: #1a56db;
  border-color: #fff;
  transform: translateY(-2px);
}
.btn-lg {padding: 16px 40px; font-size: 16px;}
.btn-block {display: block; width: 100%;}

/* ===== 1. 顶部工具栏 ===== */
.top-bar {
  background: #f5f6f8;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  color: #666;
}
.top-bar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
}
.top-left .weather {margin-left: 16px; color: #999;}
.top-right a {margin-left: 8px; color: #666;}
.top-right a:hover {color: #1a56db;}
.top-right .sep {color: #ddd; margin: 0 6px;}

/* ===== 2. 头部 Logo & 联系方式 ===== */
.header {
  background: #fff;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
  position: relative;
  z-index: 100;
}
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 15px;
}
.logo a {display: flex; align-items: center; gap: 14px;}
.logo h1 {
  font-size: 28px;
  color: #1a56db;
  font-weight: 800;
  letter-spacing: 2px;
  background: linear-gradient(135deg, #1a56db, #2563eb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.logo .logo-en {
  font-size: 11px;
  color: #888;
  letter-spacing: 1px;
  margin-top: 2px;
}
.logo .logo-slogan {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

.header-contact {
  display: flex;
  align-items: center;
  gap: 30px;
}
.contact-item .contact-label {
  display: block;
  font-size: 12px;
  color: #999;
}
.contact-item .contact-value {
  font-size: 18px;
  color: #1a56db;
  font-weight: 700;
  letter-spacing: 1px;
}
.contact-btn {
  padding: 10px 24px;
  background: linear-gradient(135deg, #f97316, #ea580c);
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
}
.contact-btn:hover {
  background: linear-gradient(135deg, #ea580c, #c2410c);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(249,115,22,.4);
}

/* ===== 3. 主导航 ===== */
.main-nav {
  background: #1a56db;
  position: relative;
}
.main-nav .container {padding-left: 0; padding-right: 0;}
.nav-list {
  display: flex;
  align-items: stretch;
  height: 48px;
}
.nav-list li {
  flex: 1;
  text-align: center;
  position: relative;
}
.nav-list li a {
  display: block;
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  transition: background .3s;
}
.nav-list li a:hover,
.nav-list li.nav-current a {
  background: rgba(255,255,255,.15);
}

/* ===== 4. Banner轮播 ===== */
.banner {
  position: relative;
  overflow: hidden;
}
.banner-container {
  position: relative;
  width: 100%;
  height: 520px;
}
.banner-slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .8s ease;
}
.banner-slide.active {opacity: 1; z-index: 2;}
.banner-bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-color: #0f172a;
}
.banner-bg::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: linear-gradient(135deg, rgba(15,23,42,.75) 0%, rgba(26,86,219,.55) 50%, rgba(37,99,235,.4) 100%);
}
.banner-bg-1 {background-image: linear-gradient(135deg, #0c4a6e 0%, #0369a1 30%, #1a56db 70%, #2563eb 100%);}
.banner-bg-2 {background-image: linear-gradient(135deg, #0f172a 0%, #1e3a8a 50%, #1a56db 100%);}
.banner-bg-3 {background-image: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4f46e5 100%);}

.banner-content {
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
  padding: 130px 15px 0;
  color: #fff;
}
.banner-tag {
  display: inline-block;
  padding: 6px 16px;
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 20px;
  font-size: 13px;
  letter-spacing: 2px;
  margin-bottom: 24px;
}
.banner-title {
  font-size: 48px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 20px;
}
.banner-title small {
  display: block;
  font-size: 24px;
  font-weight: 400;
  color: rgba(255,255,255,.85);
  margin-top: 8px;
}
.banner-desc {
  font-size: 16px;
  color: rgba(255,255,255,.85);
  margin-bottom: 36px;
}
.banner-btns {display: flex; gap: 16px;}

.banner-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  gap: 12px;
}
.banner-dots .dot {
  width: 40px;
  height: 4px;
  background: rgba(255,255,255,.4);
  border-radius: 2px;
  cursor: pointer;
  transition: all .3s;
}
.banner-dots .dot.active {
  background: #fff;
  width: 60px;
}

.banner-search {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  width: 640px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(0,0,0,.15);
  padding: 8px;
  display: flex;
}
.banner-search .search-input {
  flex: 1;
  padding: 16px 20px;
  font-size: 15px;
  color: #333;
}
.banner-search .search-btn {
  padding: 16px 32px;
  background: linear-gradient(135deg, #1a56db, #2563eb);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  transition: all .3s;
}
.banner-search .search-btn:hover {
  background: linear-gradient(135deg, #1240a8, #1d4ed8);
  box-shadow: 0 4px 12px rgba(26,86,219,.4);
}

/* ===== 5. 核心数据条 ===== */
.stats-bar {
  background: #fff;
  padding: 60px 0 40px;
  margin-top: 20px;
}
.stats-bar .container {
  display: flex;
  justify-content: space-around;
}
.stats-item {
  text-align: center;
  padding: 0 20px;
}
.stats-num {
  font-size: 48px;
  font-weight: 800;
  color: #1a56db;
  line-height: 1.2;
  font-family: "DIN Alternate", Impact, sans-serif;
}
.stats-label {
  font-size: 14px;
  color: #666;
  margin-top: 8px;
}

/* ===== 通用区块标题 ===== */
.section {
  padding: 80px 0;
}
.section-header {
  text-align: center;
  margin-bottom: 50px;
}
.section-header .section-tag {
  display: inline-block;
  font-size: 13px;
  color: #1a56db;
  letter-spacing: 3px;
  font-weight: 600;
  margin-bottom: 12px;
}
.section-header .section-title {
  font-size: 32px;
  font-weight: 700;
  color: #111;
  margin-bottom: 16px;
}
.section-header .section-sub {
  font-size: 15px;
  color: #666;
}

.section-header-left {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 2px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.section-header-left .section-tag {
  display: block;
  font-size: 12px;
  color: #1a56db;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 4px;
}
.section-header-left h2 {
  font-size: 24px;
  color: #111;
  font-weight: 700;
}
.more-link {
  font-size: 13px;
  color: #1a56db;
}
.more-link:hover {text-decoration: underline;}

/* ===== 6. 四大核心服务 ===== */
.services-section {background: #f8fafc;}
.services-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.service-card {
  background: #fff;
  padding: 40px 30px;
  border-radius: 8px;
  transition: all .4s;
  position: relative;
  border: 1px solid #f0f0f0;
}
.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(26,86,219,.15);
  border-color: #1a56db;
}
.service-icon {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  margin-bottom: 24px;
  position: relative;
}
.service-icon::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 36px; height: 36px;
  background: #fff;
  border-radius: 50%;
}
.service-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 20px; height: 20px;
  background: #1a56db;
  border-radius: 4px;
}
.service-icon-1 {background: linear-gradient(135deg, #1a56db, #3b82f6);}
.service-icon-2 {background: linear-gradient(135deg, #10b981, #34d399);}
.service-icon-3 {background: linear-gradient(135deg, #f97316, #fb923c);}
.service-icon-4 {background: linear-gradient(135deg, #8b5cf6, #a78bfa);}

.service-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #111;
  margin-bottom: 14px;
}
.service-desc {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 20px;
  min-height: 110px;
}
.service-features {
  margin-bottom: 20px;
}
.service-features li {
  font-size: 13px;
  color: #555;
  padding: 4px 0 4px 18px;
  position: relative;
}
.service-features li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #1a56db;
  font-weight: 700;
}
.service-link {
  display: inline-block;
  color: #1a56db;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 2px;
  border-bottom: 1px solid #1a56db;
  transition: all .3s;
}
.service-link:hover {
  color: #1240a8;
  border-bottom-color: #1240a8;
}

/* ===== 7. GEO优化横幅 ===== */
.geo-banner {
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
  padding: 70px 0;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.geo-banner::before {
  content: "";
  position: absolute;
  top: -100px; right: -100px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(79,70,229,.3) 0%, transparent 70%);
  border-radius: 50%;
}
.geo-banner::after {
  content: "";
  position: absolute;
  bottom: -80px; left: -80px;
  width: 300px; height: 300px;
  background: radial-gradient(circle, rgba(26,86,219,.3) 0%, transparent 70%);
  border-radius: 50%;
}
.geo-banner-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.geo-tag {
  display: inline-block;
  padding: 6px 18px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px;
  font-size: 13px;
  color: #a5b4fc;
  margin-bottom: 20px;
}
.geo-banner-left h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 18px;
}
.geo-banner-left p {
  font-size: 15px;
  color: rgba(255,255,255,.8);
  line-height: 1.9;
  margin-bottom: 24px;
}
.geo-platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
}
.geo-platforms .platform {
  padding: 6px 16px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 20px;
  font-size: 13px;
  color: #e0e7ff;
}
.geo-feature-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.geo-feature {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 8px;
  padding: 20px;
  transition: all .3s;
}
.geo-feature:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.2);
  transform: translateY(-4px);
}
.geo-feature h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #fff;
}
.geo-feature p {
  font-size: 13px;
  color: rgba(255,255,255,.7);
  line-height: 1.6;
}

/* ===== 8. 品牌营销服务 ===== */
.brand-section {background: #fff;}
.brand-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.brand-card {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  transition: all .4s;
  box-shadow: 0 2px 10px rgba(0,0,0,.05);
}
.brand-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 50px rgba(0,0,0,.12);
}
.brand-img {
  height: 180px;
  background-size: cover;
  background-position: center;
  background-color: #e2e8f0;
}
.brand-img-1 {background-image: linear-gradient(135deg, #1e3a8a, #3b82f6);}
.brand-img-2 {background-image: linear-gradient(135deg, #831843, #ec4899);}
.brand-img-3 {background-image: linear-gradient(135deg, #065f46, #10b981);}
.brand-img-4 {background-image: linear-gradient(135deg, #7c2d12, #f97316);}
.brand-body {padding: 24px;}
.brand-body h3 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin-bottom: 12px;
}
.brand-body p {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  min-height: 110px;
  margin-bottom: 16px;
}
.brand-link {
  display: inline-block;
  color: #1a56db;
  font-size: 14px;
  font-weight: 500;
}
.brand-link:hover {text-decoration: underline;}

/* ===== 9. 品牌赋能 ===== */
.empower-section {background: #f8fafc;}
.empower-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.empower-item {
  background: #fff;
  padding: 40px 30px;
  border-radius: 8px;
  text-align: center;
  transition: all .3s;
}
.empower-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0,0,0,.08);
}
.empower-icon {
  width: 64px; height: 64px;
  border-radius: 50%;
  margin: 0 auto 20px;
  position: relative;
  background: #eff6ff;
}
.empower-icon::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 28px; height: 28px;
  border-radius: 6px;
}
.empower-icon-1::after {background: #1a56db;}
.empower-icon-2::after {background: #10b981; border-radius: 50%;}
.empower-icon-3::after {background: #f97316;}
.empower-icon-4::after {background: #8b5cf6; border-radius: 50%;}

.empower-item h4 {
  font-size: 18px;
  font-weight: 700;
  color: #111;
  margin-bottom: 12px;
}
.empower-item p {
  font-size: 14px;
  color: #666;
  line-height: 1.8;
  margin-bottom: 16px;
}
.empower-item a {
  font-size: 14px;
  color: #1a56db;
  font-weight: 500;
}
.empower-item a:hover {text-decoration: underline;}

/* ===== 10. 行业覆盖 ===== */
.industry-section {background: #fff;}
.industry-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.industry-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  background: #f8fafc;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #333;
  transition: all .3s;
}
.industry-item:hover {
  background: #1a56db;
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(26,86,219,.3);
}
.industry-item:hover .ind-icon {
  background: rgba(255,255,255,.3);
}
.ind-icon {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: #dbeafe;
  flex-shrink: 0;
  transition: all .3s;
}

/* ===== 11. 关于我们 + 新闻 ===== */
.news-about-section {background: #f8fafc;}
.news-about-section .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
.about-content p {
  font-size: 14px;
  color: #555;
  line-height: 1.9;
  margin-bottom: 14px;
}
.about-highlight {
  font-size: 16px !important;
  color: #1a56db !important;
  font-weight: 600;
  margin-bottom: 16px !important;
}
.about-advantages {
  display: flex;
  gap: 30px;
  margin: 24px 0;
  padding: 20px 0;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}
.about-advantages .advantage strong {
  display: block;
  font-size: 24px;
  color: #1a56db;
  font-weight: 700;
}
.about-advantages .advantage span {
  font-size: 13px;
  color: #666;
}

.news-list li {
  border-bottom: 1px dashed #e5e7eb;
}
.news-list li a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
  transition: all .3s;
}
.news-list li a:hover .news-title {color: #1a56db;}
.news-date {
  display: inline-block;
  padding: 4px 10px;
  background: #1a56db;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 4px;
  flex-shrink: 0;
}
.news-title {
  flex: 1;
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .3s;
}

/* ===== 12. 客户logo墙 ===== */
.client-section {background: #fff;}
.client-logos {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 16px;
}
.client-item {
  height: 72px;
  background: #f1f5f9;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #94a3b8;
  transition: all .3s;
  border: 1px solid #e2e8f0;
}
.client-item:hover {
  color: #1a56db;
  border-color: #1a56db;
  box-shadow: 0 4px 12px rgba(26,86,219,.15);
}

/* ===== 13. CTA行动号召 ===== */
.cta-section {
  background: linear-gradient(135deg, #0f172a 0%, #1a56db 100%);
  padding: 70px 0;
  color: #fff;
}
.cta-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.cta-content h2 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 16px;
}
.cta-content p {
  font-size: 15px;
  color: rgba(255,255,255,.8);
  line-height: 1.9;
}
.cta-form-wrap {
  background: #fff;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 20px 60px rgba(0,0,0,.3);
}
.cta-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.cta-form input {
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  transition: border-color .3s;
}
.cta-form input:focus {
  border-color: #1a56db;
  background: #fff;
}
.cta-form textarea {
  width: 100%;
  height: 90px;
  padding: 12px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  font-size: 14px;
  color: #333;
  resize: none;
  margin-bottom: 16px;
  transition: border-color .3s;
}
.cta-form textarea:focus {
  border-color: #1a56db;
  background: #fff;
}

/* ===== 14. 底部 ===== */
.footer-main {
  background: #0f172a;
  color: rgba(255,255,255,.7);
  padding: 60px 0 40px;
}
.footer-main .container {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1.3fr;
  gap: 40px;
}
.footer-col h3 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer-about p {
  font-size: 13px;
  line-height: 1.9;
  margin-bottom: 20px;
}
.footer-sns {
  display: flex;
  gap: 10px;
}
.footer-sns li a {
  display: block;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  text-align: center;
  line-height: 36px;
  font-size: 12px;
  color: #fff;
  transition: all .3s;
}
.footer-sns li a:hover {
  background: #1a56db;
  transform: translateY(-2px);
}
.footer-links li {margin-bottom: 10px;}
.footer-links li a {
  font-size: 13px;
  color: rgba(255,255,255,.65);
  transition: all .3s;
  padding-left: 12px;
  position: relative;
}
.footer-links li a::before {
  content: "›";
  position: absolute;
  left: 0;
  color: #1a56db;
  font-weight: 700;
}
.footer-links li a:hover {color: #fff; padding-left: 16px;}
.footer-contact li {
  font-size: 13px;
  margin-bottom: 12px;
  padding-left: 24px;
  position: relative;
}
.footer-contact li strong {
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
}
.fc-icon {
  position: absolute;
  left: 0; top: 2px;
  width: 16px; height: 16px;
  background: #1a56db;
  border-radius: 3px;
}
.fc-tel {border-radius: 50%;}

/* 友情链接 */
.friend-link {
  background: #1e293b;
  padding: 16px 0;
  font-size: 13px;
  color: rgba(255,255,255,.5);
}
.friend-link .container {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.friend-link a {
  color: rgba(255,255,255,.6);
  padding: 0 8px;
  transition: color .3s;
}
.friend-link a:hover {color: #60a5fa;}
.fl-title {
  color: rgba(255,255,255,.8);
  font-weight: 500;
}

/* 版权 */
.copyright {
  background: #020617;
  padding: 20px 0;
  text-align: center;
  font-size: 12px;
  color: rgba(255,255,255,.5);
}
.copyright p {margin-bottom: 4px;}
.copyright a {color: rgba(255,255,255,.5);}
.copyright a:hover {color: #60a5fa;}
.copyright-extra {
  font-size: 11px;
  color: rgba(255,255,255,.35);
}

/* ===== 15. 右侧悬浮 ===== */
.side-float {
  position: fixed;
  right: 16px;
  bottom: 120px;
  z-index: 999;
}
.side-float ul li {
  margin-bottom: 4px;
}
.side-float a {
  display: block;
  width: 58px;
  background: #1a56db;
  color: #fff;
  padding: 10px 6px;
  text-align: center;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.4;
  transition: all .3s;
  box-shadow: 0 4px 12px rgba(26,86,219,.3);
}
.side-float a:hover {
  background: #1240a8;
  width: 70px;
}
.side-float .sf-tel a {background: linear-gradient(135deg, #f97316, #ea580c);}
.side-float .sf-tel a:hover {background: linear-gradient(135deg, #ea580c, #c2410c);}

/* ===== 响应式 ===== */
@media (max-width: 1240px) {
  .container {width: 100%;}
}
@media (max-width: 1024px) {
  .banner-container {height: 420px;}
  .banner-title {font-size: 36px;}
  .services-grid, .brand-grid, .empower-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .industry-grid {grid-template-columns: repeat(3, 1fr);}
  .client-logos {grid-template-columns: repeat(4, 1fr);}
  .news-about-section .container,
  .geo-banner-inner,
  .cta-inner {
    grid-template-columns: 1fr;
  }
  .footer-main .container {grid-template-columns: 1fr 1fr;}
  .banner-search {width: 90%;}
  .header-contact {display: none;}
  .nav-list li a {font-size: 14px;}
}
@media (max-width: 768px) {
  .banner-container {height: 380px;}
  .banner-content {padding-top: 60px;}
  .banner-title {font-size: 28px;}
  .banner-title small {font-size: 16px;}
  .stats-bar .container {flex-wrap: wrap; gap: 20px;}
  .stats-item {width: 50%;}
  .stats-num {font-size: 36px;}
  .section {padding: 50px 0;}
  .section-header .section-title {font-size: 24px;}
  .services-grid, .brand-grid, .empower-grid {
    grid-template-columns: 1fr;
  }
  .industry-grid {grid-template-columns: repeat(2, 1fr);}
  .client-logos {grid-template-columns: repeat(2, 1fr);}
  .geo-feature-list {grid-template-columns: 1fr;}
  .cta-form .form-row {grid-template-columns: 1fr;}
  .footer-main .container {grid-template-columns: 1fr;}
  .banner-search {bottom: -50px; flex-direction: column; gap: 6px;}
  .banner-search .search-btn {width: 100%;}
}