/* ============ 鹤壁GEO推广 · 专属样式（沿用官网色系：亮蓝 #2986e7 / 渐变 #00a0ff-#62aff9 / 浅底 #f6f8fb） ============ */
.g-sec-head{text-align:center;max-width:820px;margin:0 auto 52px;}
.g-sec-head .g-eyebrow{display:inline-block;font-size:14px;letter-spacing:2px;color:#2986e7;background:rgba(41,134,231,.08);padding:5px 16px;border-radius:20px;margin-bottom:16px;}
.g-sec-head h2{font-size:34px;font-weight:600;color:#161616;margin:0 0 14px;line-height:1.3;}
.g-sec-head p{font-size:16px;color:#666666;line-height:1.9;margin:0;}


/* ---- Hero ---- */
.g-hero{position:relative;padding:110px 0 96px;background-color: #2986e7; background-image: url(), linear-gradient(180deg, #039ce1 0%, #046ec7 100%);color:#fff;overflow:hidden;height: 500px;}
.g-hero::before{content:'';position:absolute;inset:0;background:
    radial-gradient(600px 400px at 78% 20%, rgba(255,255,255,.14), transparent 60%),
    radial-gradient(500px 380px at 12% 85%, rgba(255,255,255,.10), transparent 65%);
    pointer-events:none;}
.g-hero .g-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
.g-hero .g-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:15px;letter-spacing:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:7px 16px;border-radius:24px;margin-bottom:22px;}
.g-hero h1{font-size:50px;font-weight:700;margin:0 0 18px;line-height:1.15;letter-spacing:1px;}
.g-hero .g-sub{font-size:16px;color:rgba(255,255,255,.96);line-height:1.9;max-width:560px;margin:0 0 30px;}
.g-hero .g-sub b{color:#fff;}
.g-hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:34px;}
.g-hero-cta a{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 25px;border-radius:8px;font-size:16px;font-weight:500;text-decoration:none;transition:.25s;}
.g-hero-cta .g-solid{background:#fff;color:#046ec7;box-shadow:0 8px 24px rgba(0,90,160,.20);}
.g-hero-cta .g-solid:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,90,160,.28);}
.g-hero-cta .g-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7);}
.g-hero-cta .g-ghost:hover{background:rgba(255,255,255,.16);}

.g-hero .g-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:360px;}
.g-hero .g-visual img.g-phone{width:74%;max-width:430px;filter:drop-shadow(0 24px 40px rgba(0,70,140,.28));}
.g-chip{position:absolute;background:#fff;color:#046ec7;font-size:14px;font-weight:500;padding:8px 18px;border-radius:22px;box-shadow:0 10px 26px rgba(0,70,140,.20);animation:gFloat 3.6s ease-in-out infinite;}
.g-chip.c1{top:4%;left:2%;animation-delay:.1s;}
.g-chip.c2{top:16%;right:0;animation-delay:.5s;}
.g-chip.c3{bottom:22%;left:0;animation-delay:1s;}
.g-chip.c4{bottom:4%;right:8%;animation-delay:1.5s;}
.g-chip.c5{top:46%;right:6%;animation-delay:.8s;}
@keyframes gFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}


/* ---- 搜索变革 ---- */
.g-change{padding:55px 0;background:#fff;}
.g-change .g-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.g-panel{border-radius:16px;padding:34px 30px;position:relative;overflow:hidden;}
.g-panel.g-old{background:#f6f8fb;border:1px solid #e9e9e9;}
.g-panel.g-ai{background-color:#2986e7;background-image:linear-gradient(135deg,#00a0ff 0%,#62aff9 100%);color:#fff;box-shadow:0 18px 44px rgba(0,80,160,.20);}
.g-panel .g-p-tag{display:inline-block;font-size:13px;font-weight:600;letter-spacing:1px;padding:5px 14px;border-radius:18px;margin-bottom:18px;}
.g-old .g-p-tag{background:#e6ecf5;color:#556;border:1px solid #d9e2ee;}
.g-ai .g-p-tag{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.35);}
.g-panel h3{font-size:24px;margin:0 0 20px;}
.g-panel ul{list-style:none;margin:0;padding:0;}
.g-panel li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.7;padding:9px 0;border-bottom:1px dashed rgba(120,135,160,.22);}
.g-panel li:last-child{border-bottom:none;}
.g-panel li .g-ico{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:2px;}
.g-old li .g-ico{background:#dde4ee;color:#98a2b3;}
.g-ai li .g-ico{background:#fff;color:#046ec7;box-shadow:0 0 0 4px rgba(255,255,255,.18);}

/* ---- CTA 条 ---- */
.g-cta{padding:42px 0;background:url(/images/geossbg.png),linear-gradient(90deg,#2986e7 0%,#00a0ff 100%);color:#fff; }
.g-cta .g-flex{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.g-cta h3{font-size:26px;margin:0;font-weight:600;}
.g-cta p{margin:6px 0 0;font-size:15px;color:#e8f4ff;}
.g-cta a{display:inline-flex;align-items:center;height:50px;padding:0 30px;background:#fff;color:#046ec7;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 8px 22px rgba(0,80,150,.18);transition:.25s;}
.g-cta a:hover{transform:translateY(-2px);}

/* ---- 核心优势（8大图标卡片，一行4个共2行） ---- */
.g-adv{padding:55px 0;background:#f6f8fb;}
.g-adv .g-advgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.g-adv .g-item{background:#fff;border-radius:16px;padding:36px 22px 30px;text-align:center;box-shadow:0 10px 28px rgba(0,80,150,.05);border:1px solid #e9e9e9;transition:.25s;}
.g-adv .g-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,80,150,.12);}
.g-adv .g-ic{width:74px;height:74px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#00a0ff,#62aff9);box-shadow:0 10px 22px rgba(0,80,160,.18);display:flex;align-items:center;justify-content:center;}
.g-adv .g-ic svg{width:36px;height:36px;}
.g-adv h3{font-size:19px;font-weight:600;color:#161616;margin:0 0 10px;}
.g-adv p{font-size:13.5px;color:#666666;line-height:1.8;margin:0;}

/* ---- 服务方案 ---- */
.g-plan{padding:55px 0;background:#fff;}
.g-plan .g-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.g-card{border:1px solid #e9e9e9;border-radius:16px;overflow:hidden;box-shadow:0 10px 32px rgba(0,80,150,.05);display:flex;flex-direction:column;transition:.25s;}
.g-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(0,80,150,.12);}
.g-card .g-card-head{background:linear-gradient(120deg,#046ec7 0%,#2986e7 100%);color:#fff;padding:26px 26px 22px;}
.g-card.g-hot .g-card-head{background:linear-gradient(90deg,#2986e7 0%,#00a0ff 100%);}
.g-card .g-card-head em{display:inline-block;font-style:normal;font-size:12px;letter-spacing:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);padding:4px 12px;border-radius:16px;margin-bottom:14px;}
.g-card .g-card-head h3{font-size:22px;margin:0 0 8px;font-weight:600;}
.g-card .g-card-head p{font-size:13px;color:#e3eefc;margin:0;line-height:1.6;}
.g-card .g-card-body{flex:1;padding:24px 26px 12px;}
.g-card .g-card-body ul{list-style:none;margin:0;padding:0;}
.g-card .g-card-body li{position:relative;padding:9px 0 9px 24px;font-size:14px;color:#161616;line-height:1.6;}
.g-card .g-card-body li::before{content:'✓';position:absolute;left:0;top:9px;color:#2986e7;font-weight:700;}
.g-card .g-card-foot{display:flex;gap:12px;padding:14px 26px 26px;}
.g-card .g-card-foot a{flex:1;text-align:center;height:44px;line-height:44px;border-radius:8px;font-size:15px;text-decoration:none;transition:.2s;}
.g-card .g-card-foot .g-p{background:#2986e7;color:#fff;}
.g-card .g-card-foot .g-q{border:1px solid #2986e7;color:#2986e7;}
.g-card .g-card-foot a:hover{filter:brightness(1.08);}

/* ---- 数据见证（浅底，沿用官网浅灰背景） ---- */
.g-data{padding:55px 0;background:#f6f8fb;}
.g-data .g-imgs{position:relative;margin-bottom:30px;padding:0px;}

.g-data .g-swiper{overflow:hidden;}
.g-data .g-swiper .swiper-slide img{width:100%;display:block; }
.g-data .g-swiper .swiper-pagination{position:static;margin-top:18px;}
.g-data .g-swiper .swiper-pagination-bullet{background:#b9c6d6;opacity:1;}
.g-data .g-swiper .swiper-pagination-bullet-active{background:#2986e7;}
.g-data .g-swiper-nav{display:flex;justify-content:center;gap:12px;margin-top:20px;}
.g-data .g-swiper-nav button{width:40px;height:40px;border:1px solid #e9e9e9;background:#fff;color:#2986e7;font-size:20px;line-height:1;border-radius:50%;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;padding:0;}
.g-data .g-swiper-nav button:hover{background:#2986e7;color:#fff;border-color:#2986e7;}


/* ---- 知识分享 ---- */
.g-know{padding:55px 0 0px 0;background:#fff;}
.g-know .g-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.g-know .g-article{display:block;text-decoration:none;background:#f6f8fb;border:1px solid #e9e9e9;border-radius:14px;padding:22px 24px;transition:.25s;}
.g-know .g-article:hover{border-color:#2986e7;box-shadow:0 12px 30px rgba(0,80,150,.10);transform:translateY(-3px);}
.g-know .g-article .g-date{font-size:13px;color:#999999;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.g-know .g-article .g-date i{width:7px;height:7px;border-radius:50%;background:#2986e7;display:inline-block;}
.g-know .g-article h4{font-size:17px;color:#161616;margin:0 0 8px;font-weight:600;line-height:1.5;}
.g-know .g-article p{font-size:13.5px;color:#666666;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.g-know .g-more{text-align:center;margin-top:36px;}
.g-know .g-more a{display:inline-flex;align-items:center;height:46px;padding:0 44px;background:#2986e7;color:#fff;border-radius:24px;font-size:15px;text-decoration:none;transition:.25s;}
.g-know .g-more a:hover{box-shadow:0 10px 24px rgba(41,134,231,.35);transform:translateY(-2px);}

/* ---- 响应式 ---- */
@media(max-width:960px){
    .g-hero{height:auto;padding:88px 0 0px;}
    .g-hero h1{font-size:42px;}
    .g-hero .g-eyebrow{display:none;}
    .g-hero .g-grid{grid-template-columns:1fr;}
    .g-hero .g-visual{display:none;}
    .g-change .g-cols{grid-template-columns:1fr;}
    .g-adv .g-advgrid{grid-template-columns:repeat(2,1fr);}
    .g-plan .g-cards{grid-template-columns:1fr;}
    .g-data .g-kpis{grid-template-columns:repeat(2,1fr);}
    .g-data .g-plat{grid-template-columns:repeat(3,1fr);}
    .g-data .g-imgs{grid-template-columns:1fr;}
    .g-know .g-list{grid-template-columns:1fr;}
}
@media(max-width:680px){
    .g-adv .g-advgrid{grid-template-columns:1fr;}
    .g-data .g-plat{grid-template-columns:repeat(2,1fr);}
    .g-sec-head h2{font-size:26px;}
    .g-hero h1{font-size:34px;}
}