/* ================================================================
   所有页面（about/wenhua/team/guandian/fuwu/fuwu-index/joblist/newslist）
   移动端适配统一方案【已去重精简版】
   ================================================================ */

/* ---------- 手机端（≤ 767px） ---------- */
@media (max-width: 767px) {

  /* ===== 背景图适配移动端 ===== */
  .data-background-joinus,
  .data-background-us,
  .data-background-us2,
  .data-background-us3,
  .data-background-us4 {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 420px !important;
    height: auto !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .data-background-joinus .container--title-content,
  .data-background-us .container--title-content,
  .data-background-us2 .container--title-content,
  .data-background-us3 .container--title-content,
  .data-background-us4 .container--title-content {
    width: 100% !important;
    min-height: auto !important;
    padding: 40px 16px 30px 16px !important;
    box-sizing: border-box !important;
  }

/* ===== 1. 横幅：共通（newslist头部和其他about页面完全统一大小） ===== */
.case__banner .container--title-content,
.us__banner .container--title-content,
.join__banner .container--title-content {
    height: auto !important;
    box-sizing: border-box;
}

  .case__banner .containerY--center,
  .us__banner .containerY--center,
  .join__banner .containerY--center {
    padding: 30px 16px 20px !important;
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
  }

  .case__banner .container--title-content h1,
  .us__banner .container--title-content h1,
  .join__banner .container--title-content h1 {
    font-size: 26px !important;
    line-height: 1.2 !important;
    margin-bottom: 0px !important;
    word-break: break-word !important;
    font-weight: bold !important;
  }
  .case__banner .container--title-content h3,
  .us__banner .container--title-content h3,
  .join__banner .container--title-content h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 0px 0 8px !important;
    word-break: break-word !important;
    font-weight: bold !important;
  }
  .case__banner .container--title-content p,
  .us__banner .container--title-content p,
  .join__banner .container--title-content p {
    font-size: 13px !important;
    line-height: 1.7 !important;
    margin-bottom: 0px !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    color: rgba(0, 0, 0, 0.75) !important;
  }

  /* ===== 2. 导航菜单：共通 ===== */
  .nav__list {
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 2px !important;
    box-sizing: border-box;
    width: 100% !important;
    clear: both !important;
  }
  .nav__list .nav__list--content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px 4px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* ★ 默认状态：淡灰色背景 + 黑色文字 + 圆角 ★ */
  .nav__list .nav__list--content li {
    font-size: 12px !important;
    padding: 7px 0px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    white-space: nowrap !important;
    list-style: none !important;
    height: auto !important;
    min-height: 0 !important;
    background: #f0f0f0 !important;
    border-radius: 24px !important;
    cursor: pointer !important;
  }
  .nav__list .nav__list--content li a {
    font-size: 12px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.8) !important;
    display: block !important;
    text-decoration: none !important;
  }
  /* ★ 选中状态：红底白字 ★ */
  .nav__list .nav__list--content li.nav-active {
    background: #e40011 !important;
  }
  .nav__list .nav__list--content li.nav-active a {
    color: #fff !important;
  }
  .nav__list .nav__list--content li.nav-active a font {
    color: #fff !important;
  }

  /* ===== 3. 内容区域左右留白（about / fuwu / fuwu-index 系列） ===== */
  .product__area {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }
  .product__area--list {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
  /* ★ 手机端卡片单列显示 ★ */
  .product__area--list [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 20px !important;
  }

  /* ===== 3.1 服务卡片内部优化（fuwu-index.html 专用） ===== */
  .product__item {
    padding: 16px !important;
    border-radius: 12px !important;
    margin: 0 !important;
  }
  .product__content {
    padding-bottom: 0 !important;
    height: auto !important;
  }
  .product__meta {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
  }
  .product__meta--desc {
    min-height: auto !important;
  }
  .product__meta--desc img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto 12px !important;
  }
  .product__meta--desc h5 {
    font-size: 16px !important;
    text-align: center !important;
    padding: 8px 0 !important;
  }
  .product__meta--desc span li {
    font-size: 14px !important;
    line-height: 1.8 !important;
    list-style: none !important;
    padding: 2px 0 !important;
  }
  .product__meta--desc span li font {
    font-size: 14px !important;
    color: #333 !important;
  }
  .read-more {
    justify-content: center !important;
    margin-top: 12px !important;
    padding-bottom: 4px !important;
  }
  .read-more a {
    font-size: 14px !important;
  }

  /* ===== 4. 内容区域左右留白（wenhua / team / guandian 系列） ===== */
  .us__container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }
  .us__container .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .us__container .row [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ===== 5. 图文区块上下排列（wenhua / team / guandian） ===== */
  .us__container_item {
    flex-direction: column !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .us__container_item--image {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
  }
  .us__container_item--image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
  .us__container_item .col-lg-1 {
    display: none !important;
  }
  .us__container_item--wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  .us__container_item--title {
    font-size: 20px !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    text-align: left !important;
    font-weight: bold !important;
  }
  .us__container_item--info {
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: left !important;
  }
  .us__container_item--info p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
  }
  .us__container_item--link {
    margin-top: 16px !important;
  }
  .us__container_item--button {
    width: 160px !important;
    height: 44px !important;
    line-height: 44px !important;
    font-size: 14px !important;
  }

  /* ===== 6. 图片自适应（通用） ===== */
  .product__area--list img,
  .us__container_item--image img,
  .us__container img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* ===== 7. 职位卡片（joblist.html 专用） ===== */
  .position__wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .position__item {
    padding: 20px 16px 60px !important;
    margin-bottom: 24px !important;
    border-radius: 12px  !important;
  }
  .position__item--title {
    font-size: 20px !important;
    height: auto !important;
    line-height: 1.4 !important;
  }
  .position__require--content {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  .position__item .read-more {
    bottom: 16px !important;
  }
  .position__item .read-more a {
    font-size: 14px !important;
    color: #e40011 !important;
  }

  /* 岗位分类导航（4列网格） */
  .nav--job-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px 3px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 16px 0 24px !important;
    border-bottom: none !important;
  }
  .nav--job-list li {
    font-size: 12px !important;
    padding: 6px 2px !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: auto !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.4 !important;
    border-bottom: none !important;
    background: #f0f0f0 !important;
    border-radius: 24px !important;
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .nav--job-list li a {
    color: rgba(0, 0, 0, 0.8) !important;
    display: block;
    font-size: 12px !important;
  }
  .nav--job-list li.active {
    background: #e40011 !important;
    color: #fff !important;
  }
  .nav--job-list li.active a {
    color: #fff !important;
  }
  .nav--job-list li.active a b {
    color: #fff !important;
  }
  .nav--job-list li a b {
    font-weight: normal !important;
    color: inherit !important;
  }

  /* ===== 8. 新闻列表页（newslist.html）文章卡片调整（合并最终生效值） ===== */
  .case-list.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  .case-list.row[style*="margin"] {
    margin: 0 auto !important;
  }
  .case-list.row > a.col-lg-6.col-md-12.col-sm-12,
  .case-list.row [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 16px !important;
  }
  .case-list .card {
    width: 100% !important;
    margin-bottom: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  .case-list .card-avater {
    padding-bottom: 56.25% !important;
    overflow: hidden !important;
    position: relative !important;
  }
  .case-list .card-avater img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
  }
  .case-list .card-body {
    padding: 14px 12px !important;
  }
  .case-list .card-title {
    white-space: normal !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    word-break: break-word !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
  }
  .case-list .card--tag-list {
    margin: 8px 0 12px !important;
    height: auto !important;
  }
  .case-list .card--tag-item li {
    font-size: 13px !important;
    padding: 0 12px !important;
    height: 26px !important;
    line-height: 26px !important;
  }
  .case-list .card__icon--list {
    height: auto !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  .case-list .card__icon--list ul li {
    font-size: 14px !important;
  }
  .case-list .case__detail--user p {
    font-size: 14px !important;
  }

  /* ===== 9. 分页按钮 ===== */
  .load-more {
    min-width: auto !important;
    width: 100% !important; /* 贴合手机父容器宽度，不溢出 */
    line-height: 36px;
    font-size: 13px;
    gap: 4px;
    padding: 5px 4px;
    border-radius: 12px;
  }
  /* 隐藏冗余页数提示，大幅缩减横向宽度，可选保留就删除本行 */
  .load-more > span:first-child {
    display: none !important;
	-webkit-overflow-scrolling: touch;
  }
  .load-more span {
    margin: 0 1px;
    white-space: nowrap !important;
  }
  .load-more a {
    min-width: 38px;
    padding: 0 5px;
    height: 40px;
    border-radius: 12px;
    white-space: nowrap !important;
  }
  .load-more a:hover {
    transform: translateY(-1px);
    box-shadow: 0 1px 4px rgba(228, 0, 17, 0.12);
  }
  /* 移动端激活按钮圆角同步缩小统一 */
  .load-more span.nolink,
  .load-more a.active {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
    cursor: default;
    border-radius: 12px;
  }
  .load-more span.nolink:hover {
    transform: none;
    box-shadow: none;
  }
  .load-more select {
    height: 40px;
    padding: 0 5px;
    border-radius: 12px;
    margin-left: 2px;
  }
  .load-more select:focus {
    outline: none;
    border-color: var(--primary-color);
  }

  /* ===== 10. 全局容器重置 ===== */
  .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .container__wrapper--center {
    width: 100% !important;
    max-width: 100% !important;
  }
  .navbar-brand {
	padding-left: 10px !important;
  }

  /* ===== 11. 顶部间距微调 ===== */
  .pt-70 {
    padding-top: 30px !important;
  }

/* ========================================
   产品/新闻详情页移动端优化（合并入主手机媒体查询）
   ======================================== */

/* 1. Banner 高度缩减，以后面基准代码为准 min?height:220px */
.case-details-banner {
  min-height: 220px !important;
  height: auto !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}
.case-details-banner:before {
  min-height: 300px; /* 来自前片段独有 */
}
.case-details-banner .container--title-content {
  height: auto !important;
  padding: 30px 16px 20px !important;
  box-sizing: border-box;
}
.case-details-banner .containerY--center {
  padding: 30px 16px 20px !important;
  position: static !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  text-align: center !important; /* 新增：最外层居中，解决上层左对齐问题 */
}

/* 2. 详情区块负边距调整 */
.case__detail {
  margin-top: -120px; /* 来自前片段独有 */
}

/* 4. 标题字号调小，取后段26px优先级更高 */
.case__details--title {
  font-size: 26px !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
  word-break: break-word !important;
  font-weight: bold !important;
  text-align: center !important; /* 新增：标题居中，和标签对齐 */
}

/* 5. 标签容器允许换行，调整内边距，以后段完整标签样式为基准，合并前段margin-top */
.case__details--tag {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-left: 0 !important;
  margin-top: 12px; /* 前片段独有 */
  margin-bottom: 20px !important;
  justify-content: center !important;
}
.case__details--tag li {
  font-size: 12px !important;
  padding: 8px 16px !important;
  background: rgba(255,255,255,0.25) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  position: relative !important;
  margin-right: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  margin-bottom: 6px; /* 前片段独有，换行下间距 */
  overflow: hidden !important;
  cursor: pointer !important;
}
.case__details--tag li:before {
  content: "" !important;
  background: rgba(0, 0, 0, 0.05) !important;
  filter: blur(12px) !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.case__details--tag li span {
  position: relative !important;
  font-size: 13px !important;
  color: #ffffff !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
/* 新增：标签内链接强制白色、去除默认下划线 */
.case__details--tag li a {
  color: #ffffff !important;
  text-decoration: none !important;
  position: relative !important;
}
/* 新增：hover状态链接跟随变色 */
.case__details--tag li:hover a {
  color: #000 !important;
}
.case__details--tag li:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.case__details--tag li:hover span {
  color: #000 !important;
}

/* 仅产品详情页移动端：缩小最小高度+清除上下padding */
.case-detail-main .container--title-content {
  min-height: auto !important;
  padding-top: 16px !important;
  padding-bottom: 0 !important;
}
/* 正文区块继续向上偏移抵消背景渐变留白 */
main.case-detail-main section.container.pt-72 {
  padding-top: 0 !important;
  margin-top: -28px !important;
}

/* 6. 详情内容区文字 来自前片段字号行高 */
.case__detail .case__detail--content,
.case__detail .case__detail--content p,
.case__detail .case__detail--content div,
.case__detail .case__detail--content span {
  font-size: 15px !important;
  line-height: 28px !important;
}
/* 标题级单独调整 */
.case__detail .case__detail--content h1 {
  font-size: 24px !important;
  line-height: 36px !important;
}
.case__detail .case__detail--content h2 {
  font-size: 20px !important;
  line-height: 32px !important;
}
.case__detail .case__detail--content h3 {
  font-size: 18px !important;
  line-height: 30px !important;
}

/* 7. “相关文章”标题间距，以后段基准代码20px边距、margin?bottom:10px为准 */
.case-detail-main .more-case-title {
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-bottom: 10px !important;
}
.more-case-title h4 {
  font-size: 18px; /* 前片段独有 */
}

/* 8. 相关文章卡片堆叠，去除左右内边距落差（前片段独有） */
.case-list > a {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.case-list > a:nth-child(even),
.case-list > a:nth-child(odd) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.case-list .card {
  margin-bottom: 24px;
}
.card-avater {
  padding-bottom: 50%; /* 图片比例调高，更适合竖屏 */
}
.card-title {
  font-size: 18px;
  white-space: normal; /* 允许换行 */
}
.card--tag-item li {
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
}

/* ===== 产品/新闻详情页内容区域左右留白缩小（后段基准） ===== */
.case__detail,
.case__detail__wrapper,
.case__detail--content {
  padding-left: 10px !important;
  padding-right: 10px !important;
  box-sizing: border-box;
  border-radius:12px;
}
.case__detail .container,
.case__detail__wrapper .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.case__detail .row,
.case__detail__wrapper .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.case__detail .row [class*="col-"],
.case__detail__wrapper .row [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 内容区域自动换行 */
.dangerously-html-box,
.document {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.dangerously-html-box h2,
.document h2 {
  font-size: 20px !important;
  line-height: 1.4 !important;
  margin: auto !important;
}
.dangerously-html-box p,
.document p {
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-bottom: 12px !important;
}
.dangerously-html-box img,
.document img {
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 10px auto !important;
  border-radius:12px;
}

/* 10. 模糊背景图片保留（前片段独有） */
.blur-img {
  filter: blur(3px);
}

/* ===== 底部页脚移动端适配 ===== */

.site-footer__container .pt-50 {
  padding-top: 30px !important;
}
.site-footer__container .pb-48 {
  padding-bottom: 30px !important;
}
.footer__container--top {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
}
.footer__container--top .col-lg-9,
.footer__container--top .col-lg-3 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.footer__container--top .col-lg-9 h6 {
  font-size: 15px !important;
  line-height: 1.4 !important;
}
.footer__container--top .footer__container--logo {
  text-align: center !important;
}
.footer__container--top .footer__container--logo img {
  height: 30px !important;
  width: auto !important;
}
.footer__container--divider {
  margin: 20px 0 !important;
}
.footer__container--center .row {
  flex-direction: column !important;
}
.footer__container--center .col-lg-8,
.footer__container--center .col-lg-3 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}



/* 栏目内部列表保持垂直 */
.footer__container--link-item h6 {
  font-size: 14px !important;
  margin: 0 0 8px 0 !important;
}
.footer__container--link-item h6 a {
  font-size: 14px !important;
}
.footer__container--link-item ul {
  display: block !important;
  padding-left: 0 !important;
  margin:0 !important;
}
.footer__container--link-item ul li {
  display: block !important;
  float: none !important;
  margin: 0 0 4px 0 !important;
}
.footer__container--link-item ul li a {
  font-size: 13px !important;
  height: auto !important;
  line-height: 26px !important;
}

.footer__container--center .footer__container--qrcode {
  text-align: center !important;
  margin-top: 16px !important;
}
.footer__container--center .footer__container--qrcode img {
  width: 100px !important;
  height: 100px !important;
}
.footer__container--center .footer__container--qrcode p {
  font-size: 13px !important;
  margin-top: 8px !important;
}
.footer__container--copyright {
  text-align: center !important;
  margin-top: 24px !important;
}
.footer__container--copyright p {
  font-size: 11px !important;
  line-height: 1.5 !important;
}
.site-footer__container .container {
  padding-left: 30px !important;
  padding-right: 30px !important;
}





} /* 手机端 @media(max?width:767px) 闭合 */



/* ================================================================
   新闻详情页移动端统一修复（无冲突版本）
   ================================================================ */
@media (max-width: 767px) {

    /* 1. 白色内容框：统一左右内边距，左右完全对称 */
    #site-article__container .articlee__detail--content {
        padding: 24px 18px 40px 18px !important;
        box-sizing: border-box !important;
    }

    /* 2. 所有父容器左右内边距清零 */
    #site-article__container .container,
    #site-article__container .container__wrapper--center,
    #site-article__container .article__detail,
    #site-article__container .clearfix {
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* 3. 文本包装器内边距为 0，由父级控制 */
    #site-article__container .article__text-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 4. 标题居中，与正文左右对齐 */
    #site-article__container .article--title {
        font-size: 22px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        word-break: break-word !important;
        margin: 12px 0 12px 0 !important;
        font-weight: bold !important;
    }

    /* 5. 信息栏：垂直排列，左对齐 */
    #site-article__container .article--other-info {
        margin: 0 0 20px 0 !important;
       
        align-items: flex-start !important;
        gap: 6px !important;
    }

    /* 信息栏内部：左对齐，允许换行 */
    #site-article__container .article--other-info-left ul {
        flex-wrap: wrap !important;
        align-items: center !important;
        padding-left: 0 !important;
        gap: 2px 0px !important;
    }
   /* #site-article__container .article--other-info-left li {
        margin-right: 0 !important;
    }
     隐藏 PC 端阅读量/点赞 
    #site-article__container .article--other-info-left .pc {
        display: none !important;
    }*/

	.icon-view {
	  display: inline-block;
	  height: 20px;
	  width: 20px;
	  background-repeat: no-repeat;
	  background-size: 100%;
	  background-image: url(data:image/png;base64,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);
	}

	 /* .article-operation-aside {
		display: none !important;
	 }*/


    /* 6. 右侧分类标签 */
    #site-article__container .article--other-info-right ul li {
        font-size: 12px !important;
        padding: 4px 6px !important;
        height: auto !important;
        line-height: 1.4 !important;
        background: #f0f0f0 !important;
        border-radius: 24px !important;
        display: inline-block !important;
    }

    /* 7. 正文段落 */
    #site-article__container .dangerously-html-box p {
        font-size: 15px !important;
        line-height: 28px !important;
        margin-bottom: 12px !important;
        padding: 0 !important;
    }

    /* 8. 图片、表格自适应 */
    #site-article__container .dangerously-html-box img,
    #site-article__container .dangerously-html-box table,
    #site-article__container .dangerously-html-box div[style*="width"] {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 12px 0 !important;
    }
/* 移动端：文章底部操作栏（包含分享组件）居中 */
#site-article__container .article-operation-aside {
    margin-top: 20px !important;
    padding-top: 16px !important;
    border-top: 1px solid #eee !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;   /* 改为 center */
    justify-content: center !important;
    gap: 12px !important;
}
#site-article__container .article-operation-aside .operation-left,
#site-article__container .article-operation-aside .cursor-pointer {
    font-size: 14px !important;
    text-align: center !important;    /* 文字居中 */
}
#site-article__container .article-operation-aside [style*="text-align:center"] {
    width: 100% !important;
    text-align: center !important;
}


    /* 10. 相关文章标题 */
    #site-article__container .more-case-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 16px !important;
    }
    #site-article__container .more-case-title h4 {
        font-size: 18px !important;
    }
    /* 相关文章卡片列表 */
    #site-article__container .case-list.row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

	/* ========== 新增：新闻详情相关文章左右留白修复 ========== */
	/* 相关文章外层容器补对称留白 */
	#site-article__container section.container {
		padding-left: 12px !important;
		padding-right: 12px !important;
		box-sizing: border-box !important;
	}
	/* 恢复列表内侧基础间距，和全站卡片留白统一 */
	#site-article__container .case-list.row {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* 卡片自带横向安全边距，避免贴边 */
	#site-article__container .case-list.row > a {
		padding: 0 2px !important;
		box-sizing: border-box !important;
	}

  .article--other-info {
    height: 36px !important;
    line-height: 36px !important;
    font-size: 14px !important; /* 缩小字号适配窄屏 */
  }
  .article--other-info-left {
    height: 36px !important;
  }
  .article--other-info .icon--margin-right {
    margin-left: 4px !important; /* 图标间距微缩更紧凑 */
  }

  .article--other-info-left .article--profile {
    width: 25px !important; /* 移动端头像略缩小更紧凑 */
    height: 25px !important;
  }
  .article--other-info-left .article--author-time {
    margin-right: 12px !important; /* 缩减右侧留白适配窄屏 */
  }
  .article--other-info-left .article--profile img {
    width: 100% !important; /* 双向铺满圆形框，规避窄屏拉伸错位 */
    height: 100% !important;
    object-fit: cover !important;
  }



	/* ===== fuwu-index.html 卡片修复（全局PC/移动端通用） ===== */
	.product__area--list .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.product__content .container--center {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		transform: none !important;
	}
	.product__content {
		padding-bottom: 0 !important;
		height: auto !important;
		min-height: auto !important;
	}
	.product__item {
		height: auto !important;
		margin-bottom: 20px !important;
	}
	.product__meta--desc {
		text-align: left !important;
	}
	.product__meta--desc span li {
		text-align: left !important;
	}
	.read-more {
		justify-content: center !important;
	}




}




/* ---------- 平板小屏适配（768px ~ 991px）【已移出手机查询外部，同级】 ---------- */
@media (min-width: 768px) and (max-width: 991px) {
  .case__detail__wrapper {
    padding: 48px 40px 64px;
  }
  h4.case__details--title {
    font-size: 38px;
    line-height: 48px;
  }
  .case-details-banner {
    min-height: 450px;
  }
  .case-details-banner:before {
    min-height: 450px;
  }
  .case__detail {
    margin-top: -200px;
  }

  .case__banner .container--title-content,
  .us__banner .container--title-content,
  .join__banner .container--title-content {
    height: auto !important;
  }

  .case__banner .containerY--center,
  .us__banner .containerY--center,
  .join__banner .containerY--center {
    position: static !important;
    transform: none !important;
  }
  .case__banner .container--title-content h1,
  .us__banner .container--title-content h1,
  .join__banner .container--title-content h1 {
    font-size: 36px !important;
  }
  .case__banner .container--title-content h3,
  .us__banner .container--title-content h3,
  .join__banner .container--title-content h3 {
    font-size: 24px !important;
  }
  .case__banner .container--title-content p,
  .us__banner .container--title-content p,
  .join__banner .container--title-content p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  /* ★ 平板端导航菜单：样式与手机端统一，布局使用flex换行 ★ */
  .nav__list {
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 2px !important;
    box-sizing: border-box;
    width: 95% !important;
    clear: both !important;
  }
  .nav__list .nav__list--content {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 10px !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .nav__list .nav__list--content li {
    font-size: 14px !important;
    padding: 7px 16px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    white-space: nowrap !important;
    list-style: none !important;
    height: auto !important;
    min-height: 0 !important;
    background: #f0f0f0 !important;
    border-radius: 24px !important;
    cursor: pointer !important;
  }
  .nav__list .nav__list--content li a {
    font-size: 14px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
    color: rgba(0, 0, 0, 0.8) !important;
    display: block !important;
    text-decoration: none !important;
  }
  .nav__list .nav__list--content li.nav-active {
    background: #e40011 !important;
  }
  .nav__list .nav__list--content li.nav-active a {
    color: #fff !important;
  }
  .nav__list .nav__list--content li.nav-active a font {
    color: #fff !important;
  }

  .product__area,
  .us__container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  /* 平板：卡片两列 */
  .product__area--list [class*="col-"] {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 10px !important;
    margin-bottom: 20px !important;
  }
  .position__wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .position__item {
    padding: 30px 24px 60px !important;
  }
  .us__container_item {
    flex-direction: column !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .us__container_item--image {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
  }
  .us__container_item .col-lg-1 {
    display: none !important;
  }
  .us__container_item--wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
  }
  .us__container img,
  .product__area--list img {
    max-width: 100% !important;
    height: auto !important;
  }
  /* 平板：新闻列表卡片保持两列 */
  .case-list > a.col-lg-6.col-md-12.col-sm-12 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .case-list .card {
    margin-bottom: 20px !important;
  }
  .case-list .card-avater {
    padding-bottom: 56.25% !important;
  }
  .case-list .card-title {
    white-space: normal !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
  }
  .nav--job-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 12px !important;
    border-bottom: none !important;
    margin: 20px 0 30px !important;
  }
  .nav--job-list li {
    width: auto !important;
    padding: 6px 16px !important;
    font-size: 14px !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.4 !important;
    background: #f0f0f0 !important;
    border-radius: 24px !important;
  }
  .nav--job-list li a {
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.8) !important;
  }
  .nav--job-list li.active {
    background: #e40011 !important;
  }
  .nav--job-list li.active a {
    color: #fff !important;
  }
  .load-more {
    width: 80% !important;
    max-width: 400px !important;
  }
  .container,
  .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* 平板页脚微调 */
  .footer__container--link .row {
    gap: 12px !important;
  }
  .footer__container--link .col-lg-4,
  .footer__container--link .col-md-4,
  .footer__container--link .col-sm-4,
  .footer__container--link .col-4 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .footer__container--link-item ul li a {
    font-size: 12px !important;
  }
  .site-footer__container .container {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}





/* ================================================================
   移动端汉堡菜单（head.html 移动端导航）
   ================================================================ */
/* ===== 汉堡按钮 ===== */
.mobile-hamburger {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 1001;
  margin-left: auto;
}
.mobile-hamburger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  margin: 3px 0;
  transition: all 0.3s ease;
  border-radius: 2px;
}
.mobile-hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(4px, 4px);
}
.mobile-hamburger.active span:nth-child(2) {
  opacity: 0;
}
.mobile-hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
}
/* ===== 移动端菜单遮罩 ===== */
.mobile-nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
}
/* ===== 移动端下拉菜单 ===== */
.mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #e1000d;
  padding-top: 60px;
  z-index: 1000;
  transform: translateY(-100%);
  transition: transform 0.35s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.mobile-nav.active {
  transform: translateY(0);
}
.mobile-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-nav li {
  padding: 14px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.mobile-nav li a {
  color: #fff;
  font-size: 16px !important;
  display: block;
  text-decoration: none;
  font-weight: 500;
}
.mobile-nav li a:hover {
  opacity: 0.8;
}
/* ===== 移动端显示控制（≤991px） ===== */
@media (max-width: 991px) {
  .mobile-hamburger {
    display: flex !important;
  }
  .navbar-nav .nav-item:last-child {
    display: none;
  }
  #mobileHamburger {
    display: flex !important;
  }
}
/* ===== PC端强制隐藏移动端菜单（>992px） ===== */
@media (min-width: 992px) {
  .mobile-hamburger {
    display: none !important;
  }
  .navbar-nav .nav-item:last-child {
    display: block;
  }
}


/* ===== 底部友情链接移动端：强制三列布局（手机端） ===== */
@media (max-width: 767px) {

    /* 1. 直接针对整个链接容器，强制为 flex 行布局 */
    .footer__container--link.row,
    .footer__container--link {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        gap: 0 !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    /* 2. 每个链接列占 1/3 宽度 */
    .footer__container--link .footer__container--link-item,
    .footer__container--link .col-lg-4,
    .footer__container--link .col-md-4,
    .footer__container--link .col-sm-4,
    .footer__container--link .col-4 {
        flex: 0 0 33.3333% !important;
        max-width: 33.3333% !important;
        width: 33.3333% !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
        float: none !important;
        clear: none !important;
    }

    /* 3. 列内部的标题和链接保持垂直排列 */
    .footer__container--link-item h6 {
        font-size: 13px !important;
        margin: 0 0 6px 0 !important;
        font-weight: bold !important;
    }
    .footer__container--link-item h6 a {
        font-size: 13px !important;
    }
    .footer__container--link-item ul {
        display: block !important;
        padding-left: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    .footer__container--link-item ul li {
        display: block !important;
        margin: 0 0 3px 0 !important;
        padding: 0 !important;
        float: none !important;
        width: 100% !important;
    }
    .footer__container--link-item ul li a {
        font-size: 12px !important;
        line-height: 1.6 !important;
        height: auto !important;
        padding: 0 !important;
        display: inline-block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        max-width: 100% !important;
    }

    /* 4. 如有分割线，保持隐藏或缩小 */
    .footer__container--divider {
        margin: 8px 0 16px 0 !important;
    }

    /* 5. 版权信息居中 */
    .footer__container--copyright {
        text-align: center !important;
        margin-top: 16px !important;
    }
    .footer__container--copyright p {
        font-size: 11px !important;
    }
}

/* ========== 移动端头部搜索按钮【独立样式，直接追加】 ========== */
.mobile-search-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 36px;
  padding: 0 14px;
  color: #fff;
  font-size: 13px;
  background: rgba(255,255,255,0.18);
  border-radius: 18px;
  transition: background 0.2s ease;
}
.mobile-search-btn:active {
  background: rgba(255,255,255,0.3);
}
/* 纯CSS放大镜图标，GBK零乱码 */
.search-icon {
  position: relative;
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
  border-radius: 50%;
  flex-shrink: 0;
}
.search-icon::after {
  content: '';
  position: absolute;
  right: -4px;
  bottom: -2px;
  width: 6px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
}


/* ==========修复搜索弹窗移动端BUG 追加到CSS底部========== */
.search-modal {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.35);
    /* 兼容旧手机，关闭毛玻璃造成点击穿透 */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 99999 !important;
    display: none;
    align-items: center;
    justify-content: center;
    padding:15px;
    box-sizing: border-box;
}
.search-modal.active {
    display: flex !important;
}

.search-modal-inner {
    width: 100%;
    max-width:820px;
    background:#fff;
    padding:32px;
    border-radius:24px;
    box-shadow:0 10px 40px rgba(0,0,0,0.15);
    position: relative;
    box-sizing: border-box;
    /* 关键：禁止子元素被父transform影响 */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

/* 强制表单元素正常渲染，防止被转义成纯文本 */
.search-modal-inner form.header-search {
    display:flex !important;
    flex-wrap:nowrap;
    gap:12px;
    align-items:center;
    padding-right:48px;
    box-sizing:border-box;
}

.header-search-input {
    flex:1 1 auto;
    height:56px;
    padding:0 18px;
    border:1px solid #e2e2e4;
    border-radius:16px;
    font-size:17px;
    background:#f7f7f9;
    outline:none;
    transition:0.22s;
    /* 禁止移动端浏览器篡改样式 */
    -webkit-appearance:none;
}
.header-search-input:focus {
    border-color:#E1000D;
    box-shadow:0 0 0 3px rgba(225,0,13,0.15);
}

.header-search-btn {
    height:56px;
    min-width:100px;
    padding:0 24px;
    border:none;
    background:#E1000D;
    color:#fff;
    border-radius:16px;
    cursor:pointer;
    font-size:17px;
    transition:0.2s;
    -webkit-appearance:none;
}
.header-search-btn:hover {
    background:#c7000b;
}

.search-close {
    position:absolute;
    right:16px;
    top:16px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#f1f1f3;
    display:flex !important;
    align-items:center;
    justify-content:center;
    font-size:20px;
    cursor:pointer;
    color:#666;
    line-height:1;
    z-index:999999;
    transition:0.2s;
}
.search-close:hover {
    background:#e5e5e7;
}

/* 手机端 */
@media (max-width:767px){
    .search-modal{
        padding:12px;
    }
    .search-modal-inner{
        padding:20px 16px;
        border-radius:20px;
    }
    .search-modal-inner form.header-search{
        flex-direction:column !important;
        gap:12px;
        padding-right:0 !important;
    }
    .header-search-input,.header-search-btn{
        width:100%;
        height:48px;
        font-size:16px;
        border-radius:14px;
    }
    .search-close{
        right:12px;
        top:12px;
        width:30px;
        height:30px;
        font-size:18px;
    }
}

@media(max-width:767px){
    .search-modal-inner{
        width:92%;
    }
    .header-search-input{
        width:100%;
    }
    .mobile-nav li a.mobile-menu-search{
        display:block !important;
        padding:12px 16px !important;
    }

	/* ===== 搜索结果页移动端左右内边距 ===== */
	#searchResultBox {
		padding-left: 16px !important;
		padding-right: 16px !important;
		box-sizing: border-box;
	}

	.search-result-item {
		padding: 12px 16px !important;   /* 上下12px，左右16px */
		box-sizing: border-box;
	}

}