@charset "utf-8";

.mobile-hero-copy {
  display: none;
}

/* ============================================================
   河北初梅文化传媒官网 - 响应式样式
   断点: 1180px (小桌面) / 768px (平板) / 480px (手机)
   ============================================================ */

/* ========== 首页服务区: 中屏 4 列锁定 (2026-08-14 修正) ========== */
/* 仅在 769-1180 区间生效; ≤768 由下方 2×2 接管; ≥1181 桌面基础样式接管 */
/* 关键: 不能用 max-width:1180, 否则会下渗到 ≤768 跟着 fullpage 切模式时 height:0 整片消失 */
@media screen and (min-width: 769px) and (max-width: 1180px) {
  .wk_index_main .wk_fwxm {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    height: 100% !important;
    min-height: 600px !important; /* 兜底: fullpage.js 在切换临界区把 section 切 auto 时不至于坍塌为 0 */
  }
  .wk_index_main .wk_fwxm ul {
    height: 100% !important;
    min-height: 600px !important;
  }
  .wk_index_main .wk_fwxm li {
    width: 25% !important;
    height: 100% !important;
    min-height: 600px !important;
    float: left !important;
  }
  .wk_index_main .wk_fwxm li .wk_fwxm_main {
    position: absolute !important;
    top: 50% !important;
    margin-top: -145px !important;
  }
}

/* ========== 全局: 1180px 以下 ========== */
@media screen and (max-width: 1180px) {

  /* 核心: 取消固定宽度, 改为流式布局 */
  .wp,
  #hd #week_nav .wk_navwp {
    width: auto;
    max-width: 1180px;
    padding: 0 20px;
  }

  /* 取消最小宽度限制 */
  #week_nav,
  .week_container,
  .week_contact,
  .week_map,
  .wk_list_box,
  .wk_ymbg {
    min-width: 0 !important;
  }

  .wk_lonav {
    width: 100%;
    float: none;
  }

  .wk_inav {
    width: auto;
  }

  /* 所有图片自适应 */
  img {
    max-width: 100%;
    height: auto;
  }

  /* 内页 banner 区域 */
  .wk_list_box {
    width: 100% !important;
    min-width: 0 !important;
    height: 300px !important;
  }

  .wk_list_box .bm_h {
    width: auto !important;
    max-width: 1180px;
    margin-top: 140px !important;
    padding: 0 20px;
  }

  .inner-hero_content {
    max-width: 1180px;
    padding: 0 20px;
  }

  .inner-hero--about .inner-hero_content,
  .inner-hero--service .inner-hero_content,
  .inner-hero--case .inner-hero_content {
    max-width: 680px;
    margin-left: clamp(28px, 5vw, 56px);
    margin-right: 20px;
    padding: 0;
  }

  .inner-hero--about .inner-hero_content {
    margin-left: auto;
    margin-right: clamp(28px, 5vw, 56px);
  }

  .inner-hero_title {
    font-size: 36px;
    line-height: 48px;
  }

  .inner-hero_desc {
    max-width: 620px;
    font-size: 16px;
    line-height: 28px;
  }

  /* about/service 页面容器 */
  .main_about .who,
  .main_about .bottom,
  .project_gray .project,
  .team_box .team {
    width: auto;
    max-width: 1180px;
    margin-left: 20px;
    margin-right: 20px;
  }

  /* about.css 中的固定宽度覆盖 */
  .main_about,
  .project_gray,
  .team_box {
    width: 100% !important;
  }

  .main_about .who,
  .main_about .bottom {
    width: auto !important;
    max-width: 1180px !important;
    padding: 30px 0;
  }

  .project_gray .project,
  .team_box .team {
    width: auto !important;
    max-width: 1180px !important;
  }

  /* service-flow */
  .service-flow-section .service-flow-wrap {
    width: auto;
    max-width: 1180px;
    margin-left: 20px;
    margin-right: 20px;
  }

  /* 案例 page */
  .wk_ymbg .case_wp {
    width: auto;
    max-width: 1180px;
    padding: 0 20px;
  }

  /* 联系页面 */
  .week_contact .week_container,
  .week_weixin .week_container,
  .week_map .week_container {
    width: auto;
    max-width: 1180px;
    padding: 0 20px;
  }

  /* footer */
  .wk_footer_side .wk_footer {
    width: auto;
    max-width: 1180px;
    padding: 0 20px;
  }
  .wk_footer_logo {
    max-width: 180px;
  }
  /* 内页 footer 容器 #wk_ft 全局 min-width:1180px 会在中屏/小屏撑宽出横向滚动条，窄屏改为流式 */
  #wk_ft {
    min-width: 0 !important;
  }

  /* 详情页 */
  .wk_news_show,
  .wk_ct2 {
    width: auto !important;
    max-width: 1180px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  /* 首页旧样式包含固定最小宽度，窄电脑窗口改为流式容器。 */
  .wk_index_main .section {
    min-width: 0 !important;
  }

  .wk_index_main .wk_footer_side {
    min-width: 0 !important;
  }

  /* 首页案例区: 取消写死的 1160px 宽度, 中屏流式显示 (2026-08-13 方案A) */
  .wk_index_main .case {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 auto !important;
    width: auto !important;
    max-width: 1180px !important;
    overflow: visible !important;
    padding: 80px 16px 40px;
    box-sizing: border-box;
  }
  .wk_index_main .wk_scrollcontainer {
    width: 100% !important;
    max-width: 1180px !important;
    margin-top: 20px !important;
  }
  .wk_index_main .case h2 img {
    max-width: 100%;
    height: auto;
  }

  /* 案例区标题行: 标题左、按钮右、底部对齐 (与桌面一致, 2026-08-17) */
  .wk_index_main .case {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
  }
  .wk_index_main .case h2 {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
  .wk_index_main .wk_btndiv {
    position: static !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    margin-right: 16px !important;
    right: auto !important;
  }
  .wk_index_main .wk_scrollcontainer {
    flex-basis: 100% !important;
  }

  /* 首页案例区: 中屏 3 列网格 (8/8 分组, 8 张 = 3+3+2, 最后 2 张) */
  .wk_index_main .wk_scrollcontainer li {
    width: 50% !important;
  }
  .wk_index_main .case .wk_case_list {
    width: calc((100% - 48px) / 3) !important;
    height: auto !important;
    margin: 0 16px 16px 0 !important;
  }
  .wk_index_main .case .wk_case_list .wk_case_img {
    width: 100% !important;
    aspect-ratio: 275 / 190;
  }
  .wk_index_main .case .wk_case_list .wk_case_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* ========== 移动端: 820px 以下 ========== */
@media screen and (max-width: 820px) {

  /* ---------- 导航栏改造 ---------- */
  #hd {
    height: auto !important;
    min-height: 56px;
  }

  #week_nav {
    height: auto;
    min-height: 56px;
  }

  .wk_navwp {
    height: auto !important;
    position: relative;
    padding: 0 16px !important;
  }

  .wk_lonav {
    height: auto;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .wk_logo {
    width: 180px;
    height: 36px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: none;
  }

  .wk_logo img {
    width: 180px;
    height: 36px;
  }

  .inner-hero {
    height: 300px !important;
  }

  .inner-hero:before {
    background: linear-gradient(180deg, rgba(21, 24, 38, 0.6) 0%, rgba(21, 24, 38, 0.55) 100%);
  }

  .inner-hero_content {
    padding: 0 16px;
  }

  .inner-hero--about .inner-hero_content,
  .inner-hero--service .inner-hero_content,
  .inner-hero--case .inner-hero_content {
    max-width: none;
    margin-left: 16px;
    margin-right: 16px;
  }

  .inner-hero--about .inner-hero_content {
    text-align: right;
  }

  .inner-hero_eyebrow {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1.5px;
  }

  .inner-hero_title {
    font-size: 30px;
    line-height: 40px;
  }

  .inner-hero_desc {
    margin-top: 14px;
    max-width: none;
    font-size: 14px;
    line-height: 24px;
  }

  /* 导航菜单: 默认隐藏, 点击展开 */
  .wk_inav {
    display: none;
    float: none;
    width: 100%;
    height: auto;
    position: absolute;
    top: 56px;
    left: 0;
    background: #FFF;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }

  .wk_inav.nav-open {
    display: block;
    max-height: 400px;
  }

  .nav {
    float: none;
    height: auto;
    width: 100%;
  }

  .nav li {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.8;
    padding: 0;
    background: none !important;
    border-bottom: 1px solid #f0f0f0;
  }

  .nav li a {
    display: block;
    font-size: 15px;
    color: #333;
    line-height: 48px;
    height: 48px;
    padding: 0 20px;
  }

  .nav li a:hover,
  .nav li.a a {
    color: #e60012;
    background: #f8f8f8;
  }

  /* ---------- 首页: fullpage 禁用, 正常滚动 ---------- */
  .wk_index_main {
    height: auto !important;
    overflow: visible !important;
    position: static !important;
  }

  .wk_index_main .section {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: auto !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }

  /* fullpage 导航点隐藏 */
  #fp-nav,
  .wk_slide-nav-wrap {
    display: none !important;
  }

  /* 首页 banner 区域 */
  .wk_slide-wrap {
    height: 384px !important;
  }

  .wk_slide-wrap ul {
    height: 384px !important;
  }

  .wk_slide-wrap li {
    height: 384px !important;
  }

  .wk_slide-wrap .wk_wrap {
    top: 50% !important;
    transform: translateY(-50%);
    width: 90% !important;
    left: 5% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    height: auto !important;
  }

  .wk_slide-wrap .wk_wrap img {
    max-width: 90%;
    height: auto;
  }

  .wk_slide-wrap li .wk_banner {
    opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -ms-opacity: 1 !important;
    -moz-opacity: 1 !important;
  }

  /* 手机端固定使用首张主视觉，避免桌面分层轮播内容叠加。 */
  .wk_slide-wrap li:not(#wk_s1) {
    display: none !important;
  }

  .wk_slide-wrap li#wk_s1 .wk_wrap {
    display: none !important;
  }

  .mobile-hero-copy {
    position: absolute;
    top: 50%;
    right: 24px;
    left: 24px;
    display: block;
    color: #fff;
    text-align: center;
    transform: translateY(-50%);
  }

  .mobile-hero-copy h1 {
    margin: 0;
    font-size: 34px;
    line-height: 46px;
    color: #fff;
	white-space: nowrap;
  }

  .mobile-hero-copy h1 span {
    display: inline;
    margin: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
    color: #e7343f;
  }

  .mobile-hero-copy span {
    display: block;
    max-width: 370px;
    margin: 14px auto 0;
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255, 0.82);
  }

  @media screen and (min-width: 768px) {
    .mobile-hero-copy span {
      max-width: none;
      white-space: nowrap;
    }
  }

  .wk_slide-wrap li#wk_s1 .wk_banner13,
  .wk_slide-wrap li#wk_s1 .wk_banner12,
  .wk_slide-wrap li#wk_s1 .wk_banner14,
  .wk_slide-wrap li#wk_s2 .wk_banner22,
  .wk_slide-wrap li#wk_s2 .wk_banner23,
  .wk_slide-wrap li#wk_s2 .wk_banner24,
  .wk_slide-wrap li#wk_s3 .wk_banner32,
  .wk_slide-wrap li#wk_s3 .wk_banner33 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 5px auto;
    text-align: center;
    opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -ms-opacity: 1 !important;
    -moz-opacity: 1 !important;
  }

  .wk_slide-wrap li#wk_s1 .wk_banner13 img,
  .wk_slide-wrap li#wk_s1 .wk_banner12 img,
  .wk_slide-wrap li#wk_s1 .wk_banner14 img,
  .wk_slide-wrap li#wk_s2 .wk_banner22 img,
  .wk_slide-wrap li#wk_s2 .wk_banner23 img,
  .wk_slide-wrap li#wk_s3 .wk_banner32 img {
    width: 80% !important;
    max-width: 320px;
    opacity: 1 !important;
  }

  .wk_slide-wrap li#wk_s3 .wk_banner33 img {
    width: 70% !important;
    max-width: 280px;
    opacity: 1 !important;
  }

  .wk_slide-wrap li#wk_s2 .wk_banner24 {
    width: 160px !important;
    height: auto !important;
    margin-top: 14px;
  }

  .wk_slide-wrap li#wk_s2 .wk_banner24 a {
    width: 158px;
    margin: 0 auto;
    opacity: 1 !important;
  }

  .wk_arrow {
    display: none !important;
  }


    /* 首页 page3 案例展示: 移动端不再用 touch 横滑, 改为网格 + 左右按钮翻页
     列数由 <=1180(3 列) / <=768(2 列) 块控制; 基础流式定位保留 */
  .wk_index_main .case {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	margin: 0 auto !important;
	width: auto !important;
	max-width: 1180px !important;
	overflow: visible !important;
	padding: 80px 16px 40px;
	box-sizing: border-box;
	display: block !important; /* 小屏取消 flex, 按钮改绝对定位到标题右上 */
  }
  .wk_index_main .case h2 {
    left: auto !important;
  }
  /* 左右切换按钮在移动端保持显示, 绝对定位到标题图右上、垂直居中 (与桌面一致, 2026-08-17) */
  .wk_index_main .wk_btndiv {
    display: block !important;
    position: absolute !important;
    top: 104px !important;
    right: 16px !important;
    margin-right: 0 !important; /* 中屏段加的 margin-right 不作用于手机, 保持原 right:16 距边留白 */
  }

  /* 首页 page4: 关于我们 */
  .wk_about {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0 !important;
    padding: 30px 16px;
	box-sizing: border-box;
  }

  .wk_about h2,
  .wk_about_div {
    left: auto !important;
    margin: 0 !important;
  }

  .wk_about h2 {
    margin-bottom: 20px !important;
  }

  .wk_about_div {
    overflow: visible !important;
  }

  .wk_about_main {
    display: block !important;
  }

  .wk_about_left {
    float: none !important;
    width: 100% !important;
    text-align: center;
    margin-bottom: 20px;
  }

  .wk_about_left img {
    display: block;
    width: 78%;
    max-width: 400px;
    margin: 0 auto;
  }

  .wk_about_top {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding-top: 0;
  }

  .wk_about_top a {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
    text-align: center;
  }

  .wk_about_top a img {
    max-width: 100%;
    height: auto;
  }

  .wk_about_right {
    float: none !important;
    width: 100% !important;
  }

  .wk_about_des {
    font-size: 14px !important;
    line-height: 1.8 !important;
    padding: 0 10px;
  }

  /* 首页 page5: 服务客户 */
  .wk_service {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0 !important;
    padding: 30px 16px;
	box-sizing: border-box;
  }

  .wk_service h2 {
    left: auto !important;
    margin-left: 0 !important;
  }

  .wk_service_xian {
    width: 100% !important;
  }

  .wk_service_main {
    top: auto !important;
    width: 100% !important;
    padding: 16px 0 !important;
    opacity: 1 !important;
  }

  .wk_service_main ul li {
    width: 23% !important;
    margin: 1% !important;
	float: left !important;
    height: auto !important;
  }

  .wk_service_main ul li img {
    width: 100% !important;
  }

  /* 首页 page6: 联系我们 */
  .wk_contact {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0 !important;
    padding: 30px 16px;
	box-sizing: border-box;
    display: block !important;
  }

  .wk_contact_left,
  .wk_contact_left1 {
    display: none !important;
  }

  .wk_contact_right {
	position: relative !important;
	top: auto !important;
	right: auto !important;
    float: none !important;
    width: 100% !important;
  }

  .wk_contact_right h2 {
    margin: 0 0 20px;
  }

  .wk_contact_right h2 img {
    width: min(72%, 360px);
    height: auto;
  }

  .wk_cont_div {
    width: 100% !important;
    padding-top: 0 !important;
  }

  .wk_cont_div li {
    height: auto !important;
    min-height: 44px;
    line-height: 1.6 !important;
  }

  /* ---------- 内页通用 ---------- */
  .wp,
  #hd #week_nav .wk_navwp {
    padding: 0 16px;
  }

  /* about 页面 */
  .about_title h1, .about_title h2 {
    font-size: 28px !important;
  }

  .about-page-intro-text {
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  .main_about .bottom dl {
    width: 100% !important;
    margin: 15px 0 !important;
    float: none !important;
    text-align: center;
  }

  .main_about .bottom dl dd img {
    max-width: 200px;
  }

  /* about 服务优势 */
  .project_con {
    gap: 18px !important;
    max-width: 920px;
    margin: 24px auto !important;
  }

  .project_con dl {
    width: 100% !important;
    max-width: none;
    float: none !important;
    margin: 0 !important;
    padding: 14px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    height: 100%;
  }



  .project_con dl dd {
    height: 200px !important;
    margin-bottom: 14px !important;
    overflow: hidden;
    border-radius: 10px;
  }

  .project_con dl dt {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #555;
  }

  .service-page .project_con dl dt {
    text-align: left;
  }

  .service-page .service-value-title {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 1.5;
  }

  .about-page .project_con dl dt {
    text-align: left;
  }

  .about-page .project_con,
  .service-page .project_con {
    justify-items: stretch;
  }

  /* about 团队 */
  .team_con {
    display: block !important;
  }

  .team_con .left_cor,
  .team_con .right_cor {
    float: none !important;
    width: 100% !important;
  }

  .team_con .boxgrid {
    width: 48% !important;
    display: inline-block;
    margin: 1% !important;
  }

  /* service 页面 */
  .service-core-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .service-core-card {
    width: auto !important;
    padding: 16px !important;
  }

  .service_guard_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .service_guard_item {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
  }

  .service-flow-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
  }

  .service-flow-item {
    width: calc(50% - 8px) !important;
    float: none !important;
  }

  /* case 页面 */
  .case-card_grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .case-filter {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .case-filter_btn {
    margin-bottom: 8px;
  }

  .case-stats-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .case-stats-item {
    width: 48% !important;
    float: none !important;
    margin-bottom: 20px !important;
  }

  /* contact 页面 */
  .contact-ways {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .contact-ways li {
    width: 100% !important;
    margin-bottom: 16px !important;
    float: none !important;
  }

  .contact-map-canvas {
    height: 300px !important;
  }

  .week_weixin-p img {
    max-width: 200px;
  }

  /* caseshow / newsshow 详情页 */
  .wk_news_show,
  .wk_ct2 .wk_sq_mn,
  .wk_ct2 .wk_sq_sd {
    width: 100% !important;
    float: none !important;
  }

  /* footer */
  .wk_footer {
    font-size: 12px !important;
    padding: 13px 16px !important;
    text-align: left;
  }
  .wk_footer_logo {
    max-width: 160px;
    margin-left: 16px;
  }

  /* 返回顶部 */
  #scrolltop {
    right: 10px !important;
    bottom: 10px !important;
  }
}

/* ========== 手机/平板竖屏: 768px 以下 — footer 左文右 logo 并排，仅缩小 logo（2026-08-13 方案2） ========== */
@media screen and (max-width: 768px) {
  /* 汉堡菜单按钮 (2026-08-14 从 ≤820 调整至 ≤768, 与首页服务区 2×2/footer 断点统一)
     注: 769-820 区间保持桌面横排导航, 不再提前折叠 */
  .nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 1001;
    position: absolute;
    right: 16px;
    top: 10px;
  }
  .nav-toggle span {
    display: block;
    width: 24px;
    height: 3px;
    background: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
    margin: 0 auto;
  }
  .nav-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
  }
  .nav-toggle.active span:nth-child(2) {
    opacity: 0;
  }
  .nav-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }

  .wk_footer_logo {
    max-width: 150px;
    margin-left: 16px;
  }

  /* 首页服务区: ≤768 改 2×2 (2026-08-14)
     选择器加 .wk_index_main 前缀, 特异性 >= 中屏 4 列锁(.wk_index_main .wk_fwxm li),
     从而在小屏真正覆盖 4 列锁; 2 行高度自适应避免撑爆 100vh 区块 */
  .wk_index_main .wk_fwxm,
  .wk_index_main .wk_fwxm ul {
    width: 100% !important;
    max-width: 1180px !important;
    height: auto !important;
    overflow: hidden;
  }
  .wk_index_main .wk_fwxm ul li {
    position: relative !important;
    width: 48% !important;
    margin: 1% !important;
    height: auto !important;
    min-height: 280px;
    float: left !important;
    list-style: none;
    opacity: 1 !important;
    transform: none !important;
  }
  .wk_index_main .wk_fwxm ul li .wk_fwxm_bg {
    height: 100% !important;
  }
  .wk_index_main .wk_fwxm ul li .wk_fwxm_main {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    margin-top: 0 !important;
    padding: 14px 15px !important;
    text-align: center;
  }
  .wk_index_main .wk_fwxm ul li .wk_fwxm_ico {
    width: 72px !important;
    height: 72px !important;
    background-size: 72px auto !important;
  }
  .wk_index_main .wk_fwxm ul li .wk_ljzx {
    margin-top: 14px !important;
  }
  .wk_index_main .wk_fwxm ul li .wk_ljzx a {
    display: block !important;
  }
  .wk_index_main .wk_fwxm ul li h2 {
    font-size: 18px !important;
  }
  .wk_index_main .wk_fwxm ul li .wk_fwxm_des {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .wk_index_main .wk_fwxm ul li .wk_fwxm_main:before,
  .wk_index_main .wk_fwxm ul li .wk_fwxm_main:after {
    display: none !important;
  }

  /* 首页案例区: <=768 改 2 列网格 (2x4), 左右按钮翻页; 小屏 section 自适应高度避免裁切 */
  .wk_index_main .wk_scrollcontainer {
    width: 100% !important;
    max-width: 1180px !important;
    height: auto !important;
    overflow: hidden !important;
  }
  .wk_index_main .wk_scrollcontainer li {
    width: 50% !important;
  }
  .wk_index_main .case .wk_case_list {
    width: calc((100% - 24px) / 2) !important;
    height: auto !important;
    margin: 0 12px 12px 0 !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .wk_index_main .case .wk_case_list .wk_case_img {
    width: 100% !important;
    aspect-ratio: 275 / 190;
  }
  .wk_index_main .case .wk_case_list .wk_case_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  /* 小屏 section 改自适应高度, 让 2x4 不被整屏高裁切 */
  .wk_index_main .section.page3 {
    height: auto !important;
    min-height: 100vh;
  }
}

/* ========== 手机: 480px 以下 ========== */
@media screen and (max-width: 480px) {

  /* 首页案例区: 手机标题图缩放后高度变小, 按钮 top 重新垂直居中 */
  .wk_index_main .wk_btndiv {
    top: 88px !important;
  }

  /* 导航栏 */
  .wk_logo {
    width: 150px;
    height: 30px;
  }

  .wk_logo img {
    width: 150px;
    height: 30px;
  }

  /* 内页 banner */
  .wk_list_box {
    height: 160px !important;
  }

  .wk_list_box .bm_h {
    margin-top: 110px !important;
  }

  /* 首页 banner */
  .wk_slide-wrap {
    height: 312px !important;
  }

  .wk_slide-wrap ul,
  .wk_slide-wrap li {
    height: 312px !important;
  }

  /* 首页服务项目: ≤480 单列 (加 .wk_index_main 前缀, 在 ≤480 压过 2×2; min-height:0 防 4 条叠加撑爆区块) */
  .wk_index_main .wk_fwxm ul li {
    width: 100% !important;
    margin: 10px 0 !important;
    min-height: 0 !important;
  }

  /* 首页案例: <=480 保持 2 列 (2x4), 已由 <=768 块控制, 此处不再单列 */

  /* 首页客户 logos: 2列 */
  .wk_service_main ul li {
    width: 48% !important;
    margin: 1% !important;
  }

  /* about 团队照片: 单列 */
  .team_con .boxgrid {
    width: 100% !important;
    margin: 8px 0 !important;
  }

  /* service 核心: 单列 */
  .service-core-grid {
    grid-template-columns: 1fr !important;
  }

  .service-flow-item {
    width: 100% !important;
  }

  /* case 卡片: 单列 */
  .case-card_grid {
    grid-template-columns: 1fr !important;
  }

  .case-showcase_header h1, .case-showcase_header h2 {
    font-size: 26px !important;
  }

  /* case 统计 */
  .case-stats-item {
    width: 100% !important;
  }

  /* contact */
  .contact-ways li {
    width: 100% !important;
  }

  /* 标题缩小 */
  .about_title h1, .about_title h2 {
    font-size: 22px !important;
  }

  /* footer */
  .wk_footer {
    font-size: 11px !important;
    line-height: 2.0 !important;
    text-align: left !important;
  }
  .wk_footer_logo {
    max-width: 130px;
    margin-left: 12px;
  }

  /* 详情页正文 */
  .wk_news_show,
  .wk_ct2 .wk_sq_mn {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 480px) {
  .project_con {
    gap: 16px !important;
  }

  .project_con dl {
    flex: 1 1 100% !important;
    max-width: 480px;
    margin: 0 auto !important;
    padding: 12px;
    border-radius: 10px;
  }



  .project_con dl dd {
    height: 190px !important;
    margin-bottom: 12px !important;
  }

  .project_con dl dt {
    font-size: 13px !important;
    line-height: 1.75 !important;
  }

  .service-page .service-value-title {
    font-size: 16px;
  }
}

/* ========== 隐藏汉堡菜单(桌面端) ========== */
@media screen and (min-width: 769px) {
  .nav-toggle {
    display: none;
  }
  /* 导航当前页面高亮 */
  .nav li.a {
    position: relative;
  }
  .nav li.a a {
    color: #e60012 !important;
    font-weight: 600;
  }
  .nav li.a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 23px;
    right: 16px;
    height: 3px;
    background: #e60012;
    border-radius: 2px 2px 0 0;
  }
}


/* 移动端：配套增值服务 / 服务优势 卡片单列居中（2026-08-13，用户要求手机屏一行一个） */
@media screen and (max-width: 768px) {
  .project_con {
    gap: 16px !important;
  }
  .project_con dl {
    flex: 1 1 100% !important;
    max-width: 480px;
    margin: 0 auto !important;
  }
}