@charset "utf-8";
/* =============================================================================
   comm.css —— 模板公共补充样式（原散落在模板 <style> 里的规则统一收口于此）
   由 comm/head.html 在 aoyun.css / animate.css 之后引入，全站生效。
   分区：
     1. 顶部导航条（移动端比例 + 当前栏目红色小条）
     2. Banner 文字（全站统一）
     3. 专题页区块节奏统一（基准 = 首页）
     4. 城市分站导航组件（comm/city_nav.html）
     5. 分页专项微调
   修改记录：2026-10-27 由 head.html / head_banner.html / city_nav.html / skin_ai.htm 内联样式合并而来
   ============================================================================= */

/* ===== 1. 顶部导航条 ===== */
/* 移动端导航条：logo 缩小防换行、汉堡按钮收窄并去掉点击黄圈 */
@media (max-width: 991.98px){
  .navbar-brand img{height:36px !important}
  .navbar-toggler{height:32px !important;width:auto !important;padding:4px 7px !important;outline:none !important;box-shadow:none !important;-webkit-tap-highlight-color:transparent}
  .navbar-toggler:focus,.navbar-toggler:active{outline:none !important;box-shadow:none !important}
  .head-sm-height{height:56px !important}
}
/* 当前打开页对应菜单项：下方红色小条（文字保持普通色/字重），条与文字间距 8px，纯 CSS 实现 */
@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link{position:relative}
  .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-4px;width:22px;height:3px;border-radius:2px;background:#e62022}
}

/* ===== 2. Banner 文字全站统一（基准 = /website/）===== */
/* 修复子页面皮肤 CSS 覆盖（yingxiao 根字号 10px、weixin h1 行高 36px）造成的差异 */
.index > .swiper-container .swiper-slide h1{font-size:24px !important;line-height:1.2 !important;margin-top:0 !important}
.index > .swiper-container .swiper-slide h4{font-size:18px !important;line-height:1.2 !important;margin-top:12px !important}
@media (min-width:768px){
  .index > .swiper-container .swiper-slide h1{font-size:40px !important}
  .index > .swiper-container .swiper-slide h4{font-size:24px !important}
}

/* ===== 3. 专题页区块节奏统一（基准 = 首页：PC 上下各 40px / 移动各 30px / 块间 margin 0）===== */
/* 3.1 首页 / 网站程序开发 / 搜索引擎优化 / 公司简介（.section 体系） */
body > .section{padding:40px 0 !important;margin:0 !important}
/* 3.2 AI模型优化训练 / 小程序（同套 skin 结构） */
.s_title{padding:40px 0 !important;margin:0 !important}
.s_contentBox{margin-top:0 !important}
.sw_bgbox{padding:40px 0 !important;margin:0 !important}
.sol_cont{padding:40px 0 !important;margin:0 !important}
/* 3.3 营销型网站（page- 系列） */
.page-solution{padding:40px 0 !important;margin:0 !important}
.page-affordBg{padding:40px 0 !important;margin:0 !important}
.page-designBox{padding:40px 0 !important;margin:0 !important}
.page-contrastBg{padding:40px 0 !important;margin:0 !important}
.page-choiceBox{padding:40px 0 !important;margin:0 !important}
.page-chooseBaiila{margin-top:0 !important}
.page-buildAgoBg,.page-buildIng,.page-buildLast{padding:40px 0 !important;margin:0 !important}
/* 3.4 微信公众号（web-content-* / weixin-content-*） */
.web-content-1,.web-content-5,.web-content-7,.weixin-content-2,.weixin-content-3,.weixin-content-4,.web-content-6{padding:40px 0 !important;margin:0 !important}
/* 3.5 移动商城（artical01~07） */
.artical{padding:40px 0 !important;margin:0 !important}
/* 3.6 高端响应式（page-h5-one / page-h5-two / page-h5-dt / page-fn-two） */
.page-h5-one,.page-h5-two,.page-h5-dt,.page-fn-two{padding:40px 0 !important;margin:0 !important}
/* 修：两块内部 absolute 铺满层原 top:0 会盖住 padding 区，改为只覆盖内容区（与图片等高对齐） */
.page-h5-two > div,.page-h5-dt > .txt{top:40px !important;bottom:40px !important;height:auto !important}
@media (max-width:991.98px){
  body > .section,
  .s_title,.sw_bgbox,.sol_cont,
  .page-solution,.page-affordBg,.page-designBox,.page-contrastBg,.page-choiceBox,
  .page-buildAgoBg,.page-buildIng,.page-buildLast,
  .web-content-1,.web-content-5,.web-content-7,
  .weixin-content-2,.weixin-content-3,.weixin-content-4,.web-content-6,
  .artical,.page-h5-one,.page-h5-two,.page-h5-dt,.page-fn-two{padding:30px 0 !important}
  .page-h5-two > div,.page-h5-dt > .txt{top:30px !important;bottom:30px !important;height:auto !important}
}

/* ===== 4. 城市分站导航组件（comm/city_nav.html）===== */
.cn-city{position:relative;display:flex;align-items:center;margin-right:auto;margin-left:4px}
.cn-trigger{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:999px;border:1px solid #e5e5e5;background:#fff;color:#444;font-size:11px;line-height:1;cursor:pointer;transition:all .18s ease;white-space:nowrap;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}
.cn-trigger:hover,.cn-trigger:focus,.cn-city.is-open .cn-trigger{border-color:#e62022;color:#e62022;background:#fff8f8;outline:none;box-shadow:0 0 0 2px rgba(230,32,34,.10)}
.cn-trigger .ico{width:10px;height:10px;flex:0 0 10px;fill:currentColor}
.cn-trigger .txt{font-weight:600;letter-spacing:.2px}
/* 全量重置：防止 skin/css/yingxiao/bootstrap.min.css(Bootstrap3) 的 .caret{border-top:4px dashed;border-top-color:#000!important;...} 干扰本自绘三角 */
.cn-trigger .caret{display:inline-block;width:6px;height:6px;margin-left:1px;vertical-align:middle;border:0;border-top:0;border-right:0;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;border-top-color:transparent!important;transform:rotate(-45deg) translate(1px,-1px);transition:transform .2s}
.cn-city.is-open .cn-trigger .caret{transform:rotate(135deg) translate(-2px,-2px)}
.cn-city.has-cur .cn-trigger{border-color:#e62022;background:#fff1f1;color:#e62022;font-weight:600}
.cn-panel{position:absolute;top:calc(100% + 16px);left:0;width:720px;background:#fff;border-radius:6px;box-shadow:0 12px 32px rgba(0,0,0,.14),0 2px 8px rgba(0,0,0,.06);border:1px solid #eee;padding:16px 20px 14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease-out;z-index:1080}
.cn-city.is-open .cn-panel{opacity:1;visibility:visible;transform:translateY(0)}
.cn-panel:before{content:"";position:absolute;top:-6px;left:30px;width:12px;height:12px;background:#fff;border-left:1px solid #eee;border-top:1px solid #eee;transform:rotate(45deg)}
.cn-close{position:absolute;top:8px;right:10px;width:22px;height:22px;border:0;background:transparent;color:#bbb;font-size:16px;line-height:1;cursor:pointer;border-radius:3px}
.cn-close:hover{background:#f4f4f4;color:#e62022}
.cn-hot{display:flex;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed #eee}
.cn-hot .lb{font-size:12px;color:#999;flex:0 0 auto;letter-spacing:.5px}
.cn-hot a{font-size:13px;color:#555;padding:2px 10px;border-radius:3px;background:#f7f7f7;transition:all .15s}
.cn-hot a:hover{background:#e62022;color:#fff}
.cn-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.cn-grid a{display:block;height:32px;line-height:32px;text-align:center;font-size:13px;color:#333;border-radius:4px;background:#fafafa;border:1px solid #f0f0f0;transition:all .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
.cn-grid a:hover{background:#e62022;border-color:#e62022;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px rgba(230,32,34,.28)}
.cn-grid a.all{background:#fff;border-color:#e62022;color:#e62022;font-weight:600}
.cn-grid a.all:hover{background:#e62022;color:#fff}
@media (max-width: 991.98px){
  .cn-city{margin-left:4px;padding-left:0}
  .cn-trigger{height:22px;padding:0 7px;font-size:10px;gap:3px;border-width:1px}
  .cn-trigger .ico{width:9px;height:9px;flex:0 0 9px}
  .cn-trigger .txt{letter-spacing:0}
  .cn-hot .lb{display:none}
  .cn-hot{flex-wrap:nowrap;overflow:hidden;gap:6px}
  .cn-hot a{font-size:12px;padding:2px 6px;white-space:nowrap;flex:0 0 auto}
  .cn-panel{position:fixed;top:64px;left:12px;right:12px;width:auto;transform:translateY(4px);padding:12px 12px 10px}
  .cn-city.is-open .cn-panel{transform:translateY(0)}
  .cn-panel:before{display:none}
  .cn-grid{grid-template-columns:repeat(5,1fr);gap:5px}
  .cn-grid a{font-size:12px;height:30px;line-height:28px;padding:0 2px}
}

/* ===== 5. 分页专项微调（原 skin_ai.htm 内联）===== */
@media (max-width: 480px){
  .sol_cont .sol_ .sol_tab{margin-top:-20px}
}