 <style>
body{
	margin: 0;
	padding: 0;
}
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Arial', sans-serif;
    }
    :root {
      --main-purple: #4b38e8;
      --text-dark: #222;
      --text-gray: #666;
      --border-light: #eee;
      --container-width: 1320px;
    }
    .container {
      width: var(--container-width);
      margin: 0 auto;
      padding: 0 20px;
    }
    /* 导航栏 */
    header {
      background: #fff;
      box-shadow: 0 1px 4px rgba(0,0,0,0.08);
      position: sticky;
      top: 0;
      z-index: 999;
    }
    .header-wrap {
		gap:35px;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100px;
    }
    ..logo {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-dark);
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 100%;
}

.logo img {

  width: 220px;
  display: block;
  max-width: 160px;
  object-fit: contain;
}
    .nav-menu {
      display: flex;
      gap: 40px;
    }
    .nav-menu a {
      color: var(--text-dark);
      text-decoration: none;
      font-size: 18px;
      transition: color 0.3s;
    }
    .nav-menu a:hover {
      color: #9C9C9C;
    }
	
		.nav-menu ls-active{
	color: #975630
}


    /* 语言切换 双按钮修改 */
    .lang-switch {
      display: flex;
      gap: 10px;
    }
    .lang-switch a {
      padding: 6px 14px;
      background-color: #000;
      border-radius: 4px;
      color: #fff;;
      text-decoration: none;
      font-size: 14px;
      transition: all 0.3s;
    }
    .lang-switch a:hover {
      background: ##bbbbbb;
      color: #fff;
    }
    .lang-switch a.active {
      background: #bbbbbb;
      color: #fff;
    }
    /* 询价区块 */
    .quote-section {
      padding: 80px 0;
    }
    .quote-title-group {
      text-align: center;
      margin-bottom: 60px;
    }
    .quote-subtitle {
      font-size: 13px;
      color: #999;
      margin-bottom: 8px;
    }
    .quote-main-title {
      font-size: 36px;
      color: var(--text-dark);
      margin-bottom: 12px;
    }
    .quote-desc {
      max-width: 700px;
      margin: 0 auto;
      color: var(--text-gray);
      font-size: 14px;
      line-height: 1.6;
    }
    .quote-content {
      display: grid;
      grid-template-columns: 360px 1fr;
      gap: 60px;
    }
    .company-info h3 {
      font-size: 18px;
      margin-bottom: 20px;
      color: var(--text-dark);
    }
    .info-block {
      margin-bottom: 30px;
    }
    .info-block h4 {
		margin-top: 20px;
      font-size: 15px;
      margin-bottom: 10px;
      color: #333;
    }
    .info-block p {
	 
      font-size: 14px;
      color: var(--text-gray);
      line-height: 2;
    }
    /* 表单样式 - 加宽表单容器 */
    .quote-form {
      background: #fff;
      border: 1px solid var(--border-light);
      border-radius: 6px;
      padding: 30px 40px; /* 左右内边距加大，拓宽表单可视区域 */
    }
    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-bottom: 16px;
    }
    .form-item {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .form-item-full {
      width: 100%;
      margin-bottom: 16px;
    }
    label {
      font-size: 14px;
      color: #333;
    }
    input, select, textarea {
      padding: 10px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 14px;
      width: 100%;
    }
    /* 详细需求富文本框加宽加高 */
    textarea#detailReq {
      min-height: 160px;
      resize: vertical;
    }
    .upload-box {
      border: 1px dashed #ccc;
      padding: 30px;
      text-align: center;
      border-radius: 4px;
      color: var(--text-gray);
      font-size: 13px;
    }
    .submit-btn {
      width: 100%;
      padding: 16px;
      background: var(--main-purple);
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 18px;
      cursor: pointer;
      transition: opacity 0.3s;
      margin-top: 10px;
    }
    .submit-btn:hover {
      opacity: 0.9;
    }
    .form-tip {
      text-align: center;
      font-size: 12px;
      color: #999;
      margin-top: 14px;
    }
    /* 页脚区域 */
    footer {
      background: #f9f9f9;
      padding: 60px 0 60px; /* 底部整体底部留白加大，文字下移 */
    }
    .footer-top {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 40px;
      padding-bottom: 40px;
      border-bottom: 1px solid var(--border-light);
      position: relative;
    }
    .footer-top::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 0;
      height: 1px;
      background: var(--main-purple);
      transition: width 0.5s ease;
    }
    .footer-top:hover::after {
      width: 100%;
    }
    .footer-col h3 {
      font-size: 20px;
      margin-bottom: 24px;
      color: var(--text-dark);
    }
    .footer-col p {
      font-size: 14px;
      line-height: 1.8;
      color: var(--text-gray);
      margin-bottom: 8px;
    }
    .social-icons {
      display: flex;
      gap: 16px;
      margin-top: 12px;
    }
    .social-icons a {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--text-dark);
      text-decoration: none;
      transition: all 0.3s;
    }
    .social-icons a:hover {
      background: var(--main-purple);
      color: #fff;
    }
    .qr-box {
      text-align: center;
    }
    .qr-box img {
      width: 140px;
      margin: 10px auto;
    }
    .qr-box p {
      font-size: 13px;
      color: var(--text-gray);
    }
    /* 页脚表单 */
    .footer-form-wrap {
      padding: 50px 0;
      border-bottom: 1px solid var(--border-light);
      position: relative;
      margin: 40px 0 60px; /* 表单下方加大间距，让底部文字下移 */
    }
    .footer-form-wrap::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 0;
      height: 1px;
      background: var(--main-purple);
      transition: width 0.5s ease;
    }
    .footer-form-wrap:hover::after {
      width: 100%;
    }
    .footer-form-title {
      text-align: center;
      margin-bottom: 30px;
    }
    .footer-form-title h2 {
      font-size: 26px;
      margin-bottom: 8px;
    }
    .footer-form-title p {
      color: var(--text-gray);
      font-size: 14px;
    }
    .footer-form {
      max-width: 880px; /* 页脚表单同步加宽 */
      margin: 0 auto;
    }
    /* 底部版权栏 - 整体下移，增加上边距 */
    .copyright-bar {
      text-align: center;
      padding-top: 50px; /* 加大上边距，文字整体下移 */
    }
    .brand-text {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 2px;
      color: var(--text-dark);
      margin-bottom: 20px;
    }
    .copyright-text {
      font-size: 16px;
      color: var(--text-gray);
    }
    /* 右下角悬浮按钮 */
    .float-fixed {
      position: fixed;
      right: 30px;
      bottom: 40px;
      z-index: 998;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    .float-btn {
      width: 220px;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 14px 20px;
      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
      color: var(--text-dark);
      box-shadow: 0 2px 12px rgba(0,0,0,0.1);
      transition: all 0.3s;
    }
    .float-btn:hover {
      transform: translateX(-6px);
    }
    .float-btn.phone i {
      color: #007bff;
      font-size: 28px;
    }
    .float-btn.line i {
      color: #25d366;
      font-size: 28px;
    }
    /* 电话弹窗 */
    .phone-modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 9999;
      align-items: center;
      justify-content: center;
    }
    .modal-inner {
      background: #fff;
      padding: 40px;
      border-radius: 8px;
      text-align: center;
      min-width: 360px;
    }
    .modal-inner h3 {
      font-size: 22px;
      margin-bottom: 20px;
    }
    .modal-phone-num {
      font-size: 28px;
      color: var(--main-purple);
      font-weight: 600;
      margin-bottom: 30px;
    }
    .close-modal {
      padding: 10px 24px;
      border: 1px solid var(--main-purple);
      color: var(--main-purple);
      background: transparent;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.3s;
    }
    .close-modal:hover {
      background: var(--main-purple);
      color: #fff;
    }
    /* 响应式简化 */
    @media (max-width: 1320px) {
      .container {
        width: 100%;
      }
    }
    @media (max-width: 992px) {
      .quote-content {
        grid-template-columns: 1fr;
      }
      .footer-top {
        grid-template-columns: repeat(2, 1fr);
      }
      .nav-menu {
        display: none;
      }
      .quote-form {
        padding: 20px;
      }
    }
:root {
    --lc-max-width: 1320px;
    --lc-black: #111111;
    --lc-dark-gray: #333333;
    --lc-light-gray: #666666;
    --lc-white: #ffffff;
    --lc-green-check: #28a745;
    --lc-card-radius: 10px;
}


:root {
    --al-main-purple: #4b38e8;
    --al-dark: #111111;
    --al-white: #ffffff;
    --al-gray-text: #666666;
    --al-light-border: #eeeeee;
    --al-container-max: 1320px;
    --al-card-shadow: 0 3px 15px rgba(0,0,0,0.07);
}

:root {
    --gc-text-dark: #222222;
    --gc-text-gray: #666666;
    --gc-border-color: #e5e5e5;
    --gc-main-black: #111111;
    --gc-white: #ffffff;
    --gc-max-width: 1320px;
}

:root {
    --zsk-max-width: 1320px;
    --zsk-black: #111111;
    --zsk-dark-gray: #333333;
    --zsk-light-gray: #666666;
    --zsk-border-gray: #e5e5e5;
    --zsk-white: #ffffff;
    --zsk-primary: #000000;
    --zsk-green-check: #28a745;
    --zsk-card-radius: 10px;
}


:root {
    --pro-max-width: 1320px;
    --pro-black: #111111;
    --pro-dark-gray: #333333;
    --pro-light-gray: #666666;
    --pro-border-gray: #e5e5e5;
    --pro-white: #ffffff;
    --pro-card-radius: 8px;
}

:root {
    --jy-fw-max-width: 1320px;
    --jy-fw-black: #111;
    --jy-fw-gray-text: #555;
    --jy-fw-light-bg: #fafafa;
    --jy-fw-border-line: #ddd;
}


/* 流程 + 联系我们 共用背景色 */
.gc-process-bg-wrap {
  background-color: #f9fafb; 
  padding: 70px 20px 90px;     
  margin: 0;
}




.al-container {
	max-width: 1320px;
    width: var(--al-container-max);
    margin: 50px auto;
    padding: 0 20px;
}
/* 1. 黑色头部横幅区块 */
.al-case-banner {
    width: 100%;
    background-color: #000;;
    padding: 110px 0;
}
.al-banner-inner {
    width: var(--al-container-max);
    margin: 0 auto;
    text-align: center;
}
.al-banner-main-title {
    font-size: 62px;
    color: #fff;;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: 1px;
}
.al-banner-sub-title {
    font-size: 22px;
    color: #cccccc;
    font-weight: 400;
}
/* 3. 共用案例卡片基础样式（网格布局Tab1） */
.al-grid-view {
    display: block;
}
.al-two-col-view, .al-left-right-switch-view, .al-featured-list-view {
    display: none;
}
.al-grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    padding-bottom: 90px;
}
.al-case-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--al-card-shadow);
    cursor: pointer;
}
.al-card-img-box {
    width: 100%;
    height: 310px;
    overflow: hidden;
    position: relative;
}
.al-card-link {
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.al-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
/* hover图片放大 */
.al-case-card:hover .al-card-img {
    transform: scale(1.09);
}
/* 底部上浮渐变黑灰遮罩 */
.al-card-mask {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.62), transparent);
    transition: height 0.4s ease;
}
.al-case-card:hover .al-card-mask {
    height: 62%;
}
.al-card-year-tag {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(255,255,255,0.86);
    padding: 5px 11px;
    font-size: 12px;
    border-radius: 14px;
    color: var(--al-dark);
}
.al-card-text-wrap {
    padding: 0 18px;
}
.al-card-title-1 {
	margin-top: 20px;
	text-align: center;
    font-size: 20px;
    color: var(--al-dark);
    font-weight: 600;
    margin-bottom: 7px;
}
.al-card-title-2 {
	margin-bottom: 20px;
	text-align: center;
    font-size: 14px;
    color: var(--al-gray-text);
}
/* Tab2：两列并排布局 */
.al-two-col-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    padding-bottom: 90px;
}
.al-two-col-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    height: 420px;
    cursor: pointer;
}
.al-two-col-card .al-card-link {
    height: 100%;
    pointer-events: none;
}
.al-two-col-card .al-card-img {
    height: 100%;
}
.al-two-col-text {
    position: absolute;
    left: 22px;
    bottom: 22px;
    color: var(--al-white);
    font-size: 20px;
    font-weight: 600;
}
/* Tab3：左右交替图文布局 */
.al-switch-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 70px;
}
.al-switch-item.reverse {
    grid-template-columns: 1fr 1fr;
    direction: rtl;
}
.al-switch-item.reverse .al-switch-text-box {
    direction: ltr;
}
.al-switch-img-box {
    border-radius: 12px;
    overflow: hidden;
    height: 380px;
    cursor: pointer;
}
.al-switch-img-box .al-card-link {
    height: 100%;
    pointer-events: none;
}
.al-switch-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.al-switch-img-box:hover img {
    transform: scale(1.06);
}
.al-switch-text-box h3 {
    font-size: 28px;
    margin-bottom: 14px;
    color: var(--al-dark);
}
.al-switch-text-box p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--al-gray-text);
    margin-bottom: 20px;
}
.al-switch-text-box a {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid var(--al-main-purple);
    color: var(--al-main-purple);
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s;
}
.al-switch-text-box a:hover {
    background: var(--al-main-purple);
    color: #fff;
}
/* Tab4：顶部大图+下方左图右文列表 */
.al-featured-top-card {
    border-radius: 12px;
    overflow: hidden;
    height: 460px;
    margin-bottom: 50px;
    position: relative;
    cursor: pointer;
}
.al-featured-top-card .al-card-link {
    height: 100%;
    pointer-events: none;
}
.al-featured-top-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.al-featured-top-text {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: var(--al-white);
}
.al-featured-tag {
    font-size: 13px;
    border: 1px solid #fff;
    padding: 4px 10px;
    border-radius: 12px;
    display: inline-block;
    margin-bottom: 10px;
}
.al-featured-top-text h3 {
    font-size: 36px;
}
.al-featured-list-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
    margin-bottom: 40px;
}
.al-featured-list-img {
    border-radius: 10px;
    overflow: hidden;
    height: 240px;
    cursor: pointer;
}
.al-featured-list-img .al-card-link {
    height: 100%;
    pointer-events: none;
}
.al-featured-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}
.al-featured-list-img:hover img {
    transform: scale(1.06);
}
.al-featured-list-text h4 {
    font-size: 22px;
    margin-bottom: 8px;
    color: var(--al-dark);
}
.al-featured-list-text p {
    color: var(--al-gray-text);
    font-size: 14px;
}

/* ===================== 新增：图片点击放大效果 ===================== */
.al-image-zoom-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.85);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    cursor: zoom-out;
}
.al-image-zoom-mask.show {
    display: flex;
}
.al-image-zoom-inner {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
}
.al-image-zoom-inner img {
    width: auto;
    height: auto;
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 12px;
    box-shadow: 0 0 35px rgba(0,0,0,0.25);
}
.al-image-zoom-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    color: var(--al-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
body.image-zoom-open {
    overflow: hidden;
}

/* ===================== 原有弹窗样式 al-modal ===================== */
.al-modal-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.75);
    z-index: 9998;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 30px;
}
.al-modal-wrap {
    width: min(100%, 1200px);
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}
.al-modal-close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--al-dark);
    cursor: pointer;
    z-index: 10;
}
.al-modal-img-box {
    width: 100%;
    height: 620px;
    position: relative;
}
.al-modal-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.al-modal-title {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
}
.al-modal-title small {
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    opacity: 0.8;
}
.al-modal-title h3 {
    font-size: 48px;
    font-weight: 700;
}
.al-modal-desc-wrap {
    padding: 40px;
}
.al-modal-desc-item {
    margin-bottom: 26px;
}
.al-modal-desc-item h4 {
    font-size: 20px;
    color: var(--al-dark);
    margin-bottom: 10px;
}
.al-modal-desc-item p {
    font-size: 15px;
    line-height: 1.7;
    color: var(--al-gray-text);
}
.al-modal-mask.show {
    display: flex;
}
body.modal-open {
    overflow: hidden;
}

/* 响应式适配 */
@media (max-width: 1320px) {
    .al-container, .al-banner-inner {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .al-grid-row, .al-two-col-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .al-switch-item, .al-switch-item.reverse {
        grid-template-columns: 1fr;
        direction: ltr;
    }
    .al-featured-list-item {
        grid-template-columns: 1fr;
    }
    .al-banner-main-title {
        font-size: 44px;
    }
    .al-modal-img-box {
        height: 420px;
    }
    .al-modal-title h3 {
        font-size: 32px;
    }
}
@media (max-width: 640px) {
    .al-grid-row, .al-two-col-row {
        grid-template-columns: 1fr;
    }
    .al-banner-main-title {
        font-size: 32px;
    }
    .al-modal-img-box {
        height: 300px;
    }
    .al-modal-desc-wrap {
        padding: 24px;
    }
}


.lc-process-banner {
    width: 100%;
    background-color: var(--lc-black);
    padding: 100px 20px;
    text-align: center;
}
.lc-banner-inner {
    width: var(--lc-max-width);
    margin: 0 auto;
}
.lc-banner-main-title {
    font-size: 56px;
    color: var(--lc-white);
    font-weight: 700;
    margin-bottom: 16px;
}
.lc-banner-sub-desc {
    font-size: 20px;
    color: #cccccc;
    line-height: 1.7;
}
/* 全局容器 */
.lc-container {
	max-width: 1320px;
    width: var(--lc-max-width);
    margin: 0 auto;
    padding: 80px 20px;
}
/* 流程卡片网格 一行3列，共两行 */
.lc-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
/* 单张流程卡片 新增hover浮动过渡 */
.lc-step-card {
    border-radius: var(--lc-card-radius);
    overflow: hidden;
    background: var(--lc-white);
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}
/* 鼠标悬停上浮效果 */
.lc-step-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.12);
}
/* 卡片头部渐变灰、高度280px、排版按参考图布局 */
.lc-card-head {
    height: 280px;
    background: linear-gradient(145deg, #444448, #2a2a2e);
    padding: 30px 24px;
    color: var(--lc-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.lc-step-top-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.lc-step-icon {
    font-size: 64px;
    opacity: 0.9;
}
.lc-step-day {
    font-size: 18px;
    opacity: 0.8;
}
.lc-step-bottom-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.lc-step-tag {
    background: rgba(255,255,255,0.2);
    font-size: 16px;
    padding: 6px 14px;
    border-radius: 30px;
    width: fit-content;
}
.lc-step-title {
	margin: 10px 0;
    font-size: 32px;
    font-weight: 700;
}
.lc-step-desc-sm {
    font-size: 18px;
    opacity: 0.75;
}
/* 卡片白色内容区域 */
.lc-card-body {
    padding: 24px 22px;
}
.lc-card-text {
    font-size: 15px;
    color: var(--lc-light-gray);
    line-height: 1.6;
    margin-bottom: 16px;
}
.lc-deliver-title {
    font-size: 14px;
    color: var(--lc-light-gray);
    margin-bottom: 10px;
    font-weight: 600;
}
.lc-deliver-list {
    list-style: none;
}
.lc-deliver-list li {
    font-size: 14px;
    color: var(--lc-light-gray);
    margin-bottom: 7px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.lc-deliver-list li i {
    color: var(--lc-green-check);
    font-size: 12px;
}
/* 响应式适配 */
@media (max-width: 1320px) {
    .lc-banner-inner, .lc-container {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .lc-process-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .lc-banner-main-title {
        font-size: 40px;
    }
    .lc-card-head {
        height: 240px;
    }
    .lc-step-icon {
        font-size: 52px;
    }
    .lc-step-title {
        font-size: 28px;
    }
}
@media (max-width: 640px) {
    .lc-process-grid {
        grid-template-columns: 1fr;
    }
    .lc-banner-main-title {
        font-size: 26px;
    }
    .lc-container, .lc-banner-inner {
        padding: 50px 15px;
    }
    .lc-card-head {
        height: 220px;
    }
    .lc-step-icon {
        font-size: 46px;
    }
    .lc-step-title {
        font-size: 24px;
    }
}



.gc-container {
	max-width: 1320px;
    width: var(--gc-max-width);
    margin: 0 auto;
    padding: 60px 20px;
}
/* ========== 修改1：通栏黑色头部banner ========== */
.gc-head-section {
    width: 100%;
    background: #000000;
    padding: 80px 0;
    margin-bottom: 45px;
}
.gc-head-inner {
    width: var(--gc-max-width);
    margin: 0 auto;
    padding: 0 20px;
}
.gc-head-tag {
    font-size: 14px;
    color: #aaaaaa;
    margin-bottom: 12px;
}
.gc-head-title {
    font-size: 38px;
    color: var(--gc-white);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
}
.gc-head-desc {
    font-size: 15px;
    color: #cccccc;
    line-height: 1.6;
}
/* ========== 修改2：数据区块宽1320px，卡片贴图片底部 ========== */
.gc-data-wrap {
	max-width: 1320px;
    width: var(--gc-max-width);
    margin: 0 auto;
    padding: 50px 20px 60px;
    background: url("https://via.placeholder.com/1320x600/333333/666666?text=Factory Background") center top / cover no-repeat;
    position: relative;
}
.gc-data-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.gc-data-card {
    border: 1px solid #000;
    border-radius: 8px;
    padding: 22px 18px;
    background: rgba(255,255,255,0.92);
}
.gc-data-label {
    font-size: 14px;
    color: var(--gc-text-gray);
    margin-bottom: 8px;
}
.gc-data-value {
    font-size: 22px;
    color: var(--gc-text-dark);
    font-weight: 600;
}
/* 第一組三張工廠大圖 */
.gc-big-img-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 60px;
}
.gc-big-img-box {
    overflow: hidden;
    border-radius: 6px;
}
.gc-big-img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform 0.4s ease;
    cursor: zoom-in;
}
.gc-big-img-box:hover .gc-big-img {
    transform: scale(1.05);
}
.gc-big-img-caption {
    font-size: 18px;
    color: var(--gc-text-gray);
    text-align: center;
    margin-top: 20px;
}
/* ========== 修改3：工厂实景标题居中 ========== */
.gc-factory-title-wrap {
    margin-bottom: 30px;
    text-align: center;
}
.gc-factory-main-title {
    font-size: 28px;
    color: var(--gc-text-dark);
    font-weight: 600;
    margin-bottom: 8px;
}
.gc-factory-sub-title {
    font-size: 15px;
    color: var(--gc-text-gray);
}
/* 工廠實景圖片網格 4欄不规则瀑布流 */
.gc-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 70px;
    grid-auto-flow: dense;
}
.gc-gallery-item {
    overflow: hidden;
    border-radius: 6px;
    grid-row: span var(--gc-row-span, 1);
}
.gc-gallery-item.tall-2 {
    --gc-row-span: 2;
}
.gc-gallery-item.tall-3 {
    --gc-row-span: 3;
}
.gc-gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    cursor: zoom-in;
}
.gc-gallery-item:hover .gc-gallery-img {
    transform: scale(1.05);
}
/* 雙欄文字模塊 生產能力 & 品質管理 */
.gc-two-col-text-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    margin-bottom: 70px;
}
.gc-text-block-title {
    font-size: 24px;
    color: var(--gc-text-dark);
    font-weight: 600;
    margin-bottom: 22px;
}
.gc-text-list li {
    list-style: none;
    font-size: 15px;
    color: var(--gc-text-gray);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gc-text-list li i {
    color: var(--gc-main-black);
    font-size: 12px;
}
/* ========== 修改4：流程标题居中 ========== */
.gc-process-wrap {
	
    margin-bottom: 80px;
}
.gc-process-head {
    margin-bottom: 30px;
    text-align: center;
}
.gc-process-main-title {
    font-size: 24px;
    color: var(--gc-text-dark);
    font-weight: 600;
    margin-bottom: 8px;
}
.gc-process-sub-desc {
    font-size: 14px;
    color: var(--gc-text-gray);
}
.gc-process-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.gc-process-card {
    border: 1px solid var(--gc-border-color);
    border-radius: 8px;
    padding: 24px 20px;
}
.gc-process-num {
    font-size: 16px;
    color: var(--gc-text-gray);
    margin-bottom: 10px;
}
.gc-process-title {
    font-size: 18px;
    color: var(--gc-text-dark);
    font-weight: 600;
    margin-bottom: 10px;
}
.gc-process-desc {
    font-size: 14px;
    color: var(--gc-text-gray);
    line-height: 1.5;
}
/* 底部諮詢區塊 */
.gc-contact-block {
    text-align: center;
}
.gc-contact-title {
    font-size: 26px;
    color: var(--gc-text-dark);
    font-weight: 600;
    margin-bottom: 12px;
}
.gc-contact-desc {
    font-size: 15px;
    color: var(--gc-text-gray);
    margin-bottom: 30px;
}
.gc-contact-btn {
    display: inline-block;
    background: var(--gc-main-black);
    color: var(--gc-white);
    padding: 14px 36px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 15px;
    transition: opacity 0.3s;
}
.gc-contact-btn:hover {
    opacity: 0.85;
}

/* ===================== 新增：图片全屏预览弹窗样式（匹配截图效果） ===================== */
.gc-image-lightbox {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.92);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 30px;
}
.gc-image-lightbox.show {
    display: flex;
}
.gc-lightbox-wrap {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
}
.gc-lightbox-img {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 4px;
}
/* 关闭按钮 */
.gc-lightbox-close {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
}
/* 左右切换箭头 */
.gc-lightbox-prev,
.gc-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.2s;
}
.gc-lightbox-prev:hover,
.gc-lightbox-next:hover {
    background: rgba(255,255,255,0.4);
}
.gc-lightbox-prev {
    left: -50px;
}
.gc-lightbox-next {
    right: -50px;
}
body.lightbox-open {
    overflow: hidden;
}

/* 響應式適配 */
@media (max-width: 1320px) {
    .gc-container, .gc-head-inner {
        width: 100%;
    }
    .gc-data-wrap {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .gc-data-row, .gc-process-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .gc-big-img-row, .gc-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .gc-two-col-text-row {
        grid-template-columns: 1fr;
    }
    .gc-head-title {
        font-size: 30px;
    }
    .gc-lightbox-prev,
    .gc-lightbox-next {
        left: 10px;
        right: 10px;
    }
    .gc-lightbox-close {
        top: 10px;
        right: 10px;
    }
}
@media (max-width: 640px) {
    .gc-data-row, .gc-process-row, .gc-big-img-row, .gc-gallery-grid {
        grid-template-columns: 1fr;
    }
    .gc-head-title {
        font-size: 26px;
    }
    .gc-container, .gc-head-inner {
        padding: 40px 15px;
    }
    .gc-data-wrap {
        padding-top: 120px;
    }
}



.zsk-banner-wrap {
    width: 100%;
    background-color: #000;
    padding: 90px 20px;
}
.zsk-banner-inner {
    width: var(--zsk-max-width);
    margin: 0 auto;
    text-align: center;
}
.zsk-banner-main-title {
    font-size: 56px;
    color:#fff;
    font-weight: 700;
    margin-bottom: 16px;
}
.zsk-banner-sub-text {
    font-size: 20px;
    color: #fff;
    margin-bottom: 40px;
}
/* 搜索框 */
.zsk-search-input-wrap {
    width: 700px;
    margin: 0 auto;
    position: relative;
}
.zsk-search-input {
    width: 100%;
    height: 60px;
    background: #fff;
    border: 1px solid #444;
    border-radius: 12px;
    padding: 0 24px;
    font-size: 18px;
    color: var(--zsk-white);
    outline: none;
}
.zsk-search-input::placeholder {
    color: #999;
}
.zsk-search-icon {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    font-size: 20px;
}

/* 全局内容容器 1320px居中 */
.zsk-container {
	max-width: 1320px;
    width: var(--zsk-max-width);
    margin: 0 auto;
    padding: 60px 20px;
}

/* 分类标签导航 */
.zsk-tab-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
    align-items: center;
    justify-content: flex-start;
}
.zsk-tab-item {
    padding: 10px 20px;
    border-radius: 30px;
    background: #f3f3f3;
    color: var(--zsk-light-gray);
    text-decoration: none;
    font-size: 15px;
    transition: 0.2s all;
    display: flex;
    align-items: center;
    gap: 6px;
}
.zsk-tab-item.active {
    background: var(--zsk-primary);
    color: var(--zsk-white);
}
.zsk-tab-item:hover {
    background: #e0e0e0;
}
.zsk-tab-item.active:hover {
    background: #222;
}

/* 顶部工具栏 展开/收起全部 */
.zsk-top-tool-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    font-size: 15px;
    color: var(--zsk-light-gray);
}
.zsk-tool-link {
    color: var(--zsk-light-gray);
    text-decoration: none;
    margin-left: 12px;
}
.zsk-tool-link:hover {
    color: var(--zsk-primary);
}

/* 问答卡片列表 */
.zsk-faq-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.zsk-faq-card {
    border: 1px solid var(--zsk-border-gray);
    border-radius: var(--zsk-card-radius);
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}
/* 卡片hover上浮效果 */
.zsk-faq-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.09);
}
/* 卡片头部 问题栏 */
.zsk-faq-head {
    padding: 20px 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.zsk-faq-question {
    font-size: 20px;
    color: var(--zsk-primary);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 12px;
}
/* 编号圆形灰色背景 */
.zsk-faq-num {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e5e7eb;
    color: var(--zsk-light-gray);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
}
.zsk-faq-desc-short {
    font-size: 14px;
    color: var(--zsk-light-gray);
    margin-top: 8px;
    padding-left: 52px;
}
.zsk-faq-arrow {
    font-size: 20px;
    color: var(--zsk-light-gray);
    transition: transform 0.3s ease;
}
.zsk-faq-card.open .zsk-faq-arrow {
    transform: rotate(180deg);
}
/* 卡片展开内容 */
.zsk-faq-body {
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s ease;
}
.zsk-faq-card.open .zsk-faq-body {
    padding: 0 24px 24px 24px;
    max-height: 2000px;
}
.zsk-faq-full-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 20px;
}
.zsk-faq-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #f3f3f3;
    border-radius: 30px;
    font-size: 14px;
    color: var(--zsk-light-gray);
}

/* 分类图标彩色化 */
.zsk-tab-item .fa-cube {
    color: #c98aff;
}
.zsk-tab-item .fa-file-text-o {
    color: #ffb347;
}
.zsk-tab-item .fa-paint-brush {
    color: #4db8ff;
}
.zsk-tab-item .fa-scissors {
    color: #ff7979;
}
.zsk-tab-item .fa-check-square-o {
    color: #28a745;
}
.zsk-tab-item .fa-truck {
    color: #ffe066;
}

/* 响应式适配 */
@media (max-width: 1320px) {
    .zsk-banner-inner, .zsk-container {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .zsk-search-input-wrap {
        width: 100%;
    }
    .zsk-banner-main-title {
        font-size: 36px;
    }
    .zsk-faq-question {
        font-size: 17px;
        flex-direction: column;
        align-items: flex-start;
    }
    .zsk-faq-desc-short {
        padding-left: 0;
    }
    .zsk-tab-nav {
        justify-content: center;
    }
}
@media (max-width: 480px) {
    .zsk-banner-wrap {
        padding: 60px 15px;
    }
    .zsk-banner-main-title {
        font-size: 28px;
    }
    .zsk-search-input {
        height: 50px;
        font-size: 16px;
    }
    .zsk-container {
        padding: 40px 15px;
    }
}


.pro-banner-wrap {
    width: 100%;
    background-color: var(--pro-black);
    padding: 100px 20px;
}
.pro-banner-inner {
    width: var(--pro-max-width);
    margin: 0 auto;
    text-align: center;
}
.pro-banner-top-text {
    font-size: 18px;
    color: #aaaaaa;
    letter-spacing: 2px;
    margin-bottom: 12px;
}
.pro-banner-main-title {
    font-size: 64px;
    color: var(--pro-white);
    font-weight: 700;
    margin-bottom: 18px;
}
.pro-banner-sub-text {
    font-size: 20px;
    color: #cccccc;
    margin-bottom: 45px;
}
.pro-search-input-wrap {
    width: 720px;
    margin: 0 auto;
    position: relative;
}
.pro-search-input {
    width: 100%;
    height: 62px;
    background: #262626;
    border: 1px solid #404040;
    border-radius: 10px;
    padding: 0 26px;
    font-size: 18px;
    color: var(--pro-white);
    outline: none;
}
.pro-search-input::placeholder {
    color: #888888;
}
.pro-search-icon {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-size: 20px;
}

/* 主体容器 */
.pro-container {
	max-width: 1320px;
    width: var(--pro-max-width);
    margin: 0 auto;
    padding: 60px 20px;
    display: flex;
    gap: 40px;
}

/* 左侧筛选整体边框容器 */
.pro-filter-sidebar {
    width: 260px;
    flex-shrink: 0;
    border: 1px solid var(--pro-border-gray);
    padding: 24px;
    border-radius: 6px;
}
/* 筛选头部 */
.pro-filter-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 17px;
    color: var(--pro-dark-gray);
    padding-bottom: 16px;
    border-bottom: 1px solid var(--pro-border-gray);
    margin-bottom: 24px;
    letter-spacing: 1px;
}
/* 筛选分组模块 */
.pro-filter-block {
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--pro-border-gray);
}
.pro-filter-block:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
/* 分组标题+折叠箭头 */
.pro-filter-title-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 14px;
}
.pro-filter-title {
    font-size: 18px;
    color: var(--pro-dark-gray);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}
.pro-filter-arrow {
    font-size: 16px;
    color: var(--pro-light-gray);
    transition: transform 0.3s;
}
.pro-filter-block.close .pro-filter-arrow {
    transform: rotate(180deg);
}
/* 标签容器 自适应多行列 */
.pro-filter-item-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
.pro-filter-tag {
    padding: 8px 6px;
    border: 1px solid var(--pro-border-gray);
    border-radius: 4px;
    font-size: 13px;
    color: var(--pro-light-gray);
    text-align: center;
    cursor: pointer;
    transition: 0.2s all;
}
.pro-filter-tag.active {
    background: var(--pro-black);
    color: var(--pro-white);
    border-color: var(--pro-black);
}
.pro-filter-tag:hover {
    border-color: #999;
}
/* 折叠隐藏标签区域 */
.pro-filter-content {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height 0.3s ease;
}
.pro-filter-block.close .pro-filter-content {
    max-height: 0;
}

/* 右侧结果区域 */
.pro-result-wrap {
    flex: 1;
}
.pro-result-head-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    font-size: 15px;
    color: var(--pro-light-gray);
}
/* 三列卡片网格 */
.pro-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.pro-box-card {
    border-radius: var(--pro-card-radius);
    overflow: hidden;
    border: 1px solid var(--pro-border-gray);
    transition: all 0.3s ease;
    cursor: pointer;
}
.pro-box-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}
.pro-card-img-box {
    overflow: hidden;
    width: 100%;
    aspect-ratio: 4 / 3;
}
.pro-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.pro-box-card:hover .pro-card-img {
    transform: scale(1.08);
}
.pro-card-text {
    padding: 14px 16px;
    font-size: 16px;
    color: var(--pro-light-gray);
    line-height: 1.5;
}
.pro-card-hot-tag {
    position: relative;
}
.pro-card-hot-tag::before {
    content: "HOT";
    position: absolute;
    top: 10px;
    left: 10px;
    background: #e63946;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    z-index: 2;
}

/* 响应式 */
@media (max-width: 1320px) {
    .pro-banner-inner, .pro-container {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .pro-container {
        flex-direction: column;
    }
    .pro-filter-sidebar {
        width: 100%;
    }
    .pro-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .pro-search-input-wrap {
        width: 100%;
    }
    .pro-banner-main-title {
        font-size: 42px;
    }
    .pro-filter-item-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .pro-card-grid {
        grid-template-columns: 1fr;
    }
    .pro-banner-wrap {
        padding: 70px 15px;
    }
    .pro-banner-main-title {
        font-size: 32px;
    }
    .pro-search-input {
        height: 52px;
        font-size: 16px;
    }
    .pro-container {
        padding: 40px 15px;
    }
}





.jy-fw-top-banner {
    width: 100%;
    min-height: 100vh;
    background: #f5f5f5 url('https://picsum.photos/id/1031/1920/900') center / cover no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}
.jy-fw-top-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.82);
}
.jy-fw-top-inner {
    width: var(--jy-fw-max-width);
    margin: 0 auto;
    position: relative;
    z-index: 2;
    text-align: center;
}
.jy-fw-top-logo-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 16px;
}
.jy-fw-top-logo-icon {
    font-size: 46px;
    color: #b48359;
}
.jy-fw-top-logo-text {
    font-size: 52px;
    font-weight: 700;
    color: var(--jy-fw-black);
}
.jy-fw-top-sub-main {
    font-size: 26px;
    color: #444;
    margin-bottom: 12px;
}
.jy-fw-top-sub-en {
    font-size: 18px;
    color: #777;
    margin-bottom: 40px;
}
.jy-fw-top-divider {
    width: 100px;
    height: 1px;
    background: #aaa;
    margin: 0 auto 32px auto;
}
.jy-fw-top-desc {
    max-width: 620px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.8;
    color: #555;
}

/* 外层页面容器，全局1320px居中 */
.jy-fw-page {
	max-width: 1320px;
    width: var(--jy-fw-max-width);
    margin: 50px auto;
}

/* 左右图文行模块 */
.jy-fw-row {
    display: flex;
    width: 100%;
    height: 480px;
    border-bottom: 1px solid var(--jy-fw-border-line);
}
.jy-fw-row-1 {
	margin: 50px auto;
	background-color: #f6f6f6;
    display: flex;
    width: 100%;
    height: 480px;
    border-bottom: 1px solid var(--jy-fw-border-line);
}
.jy-fw-col {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.4s ease;
    padding: 0 60px;
}
/* 图片列样式 */
.jy-fw-col-img {
    padding: 0;
}
.jy-fw-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.jy-fw-col:hover .jy-fw-img {
    transform: scale(1.08);
}
/* 文字列hover背景 */
.jy-fw-col-text:hover {
    background: var(--jy-fw-light-bg);
    box-shadow: inset 0 0 20px rgba(0,0,0,0.03);
}
.jy-fw-text-wrap {
    width: 100%;
    transition: transform 0.4s ease;
}
.jy-fw-col:hover .jy-fw-text-wrap {
    transform: translateY(-4px);
}
.jy-fw-feature-label {
    font-size: 18px;
    color: #999;
    letter-spacing: 1px;
    margin-bottom: 12px;
}
/* 已修改：标题字号30px */
.jy-fw-title {
    font-size: 30px;
    color: var(--jy-fw-black);
    margin-bottom: 24px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 16px;
}
.jy-fw-title::after {
    content: '';
    width: 60px;
    height: 3px;
    background: var(--jy-fw-black);
    position: absolute;
    bottom: 0;
    left: 0;
    transition: width 0.3s ease;
}
.jy-fw-col:hover .jy-fw-title::after {
    width: 80px;
}
.jy-fw-desc {
    font-size: 18px;
    color: var(--jy-fw-gray-text);
    line-height: 1.8;
}

/* 底部号召区块 图四样式 */
.jy-fw-cta-block {
    width: 100%;
    padding: 80px 20px;
    text-align: center;
}
.jy-fw-cta-icon {
    font-size: 48px;
    color: #ff6b35;
    margin-bottom: 20px;
}
.jy-fw-cta-main-title {
    font-size: 40px;
    color: var(--jy-fw-black);
    margin-bottom: 16px;
    line-height: 1.3;
}
.jy-fw-cta-sub-en {
    font-size: 22px;
    color: #888;
    margin-bottom: 40px;
}
.jy-fw-cta-text-1 {
    font-size: 20px;
    color: #333;
    margin-bottom: 12px;
}
.jy-fw-cta-text-2 {
    font-size: 17px;
    color: #777;
    margin-bottom: 50px;
}
/* 底部两个按钮 */
.jy-fw-btn-group {
    display: flex;
    gap: 24px;
    justify-content: center;
}
.jy-fw-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 36px;
    border-radius: 999px;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.3s ease;
}
.jy-fw-btn-dark {
    background: #000;
    color: #fff;
}
.jy-fw-btn-dark .fa {
    color: #ffdd44;
}
.jy-fw-btn-outline {
    border: 1px solid #ccc;
    color: #333;
}
.jy-fw-btn-outline .fa {
    color: #40a9ff;
}
.jy-fw-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* 响应式 */
@media (max-width: 1320px) {
    .jy-fw-top-inner, .jy-fw-page {
        width: 100%;
    }
}
@media (max-width: 992px) {
    .jy-fw-row {
        flex-direction: column;
        height: auto;
    }
    .jy-fw-col {
        width: 100%;
        padding: 50px 30px;
    }
    .jy-fw-col-img {
        height: 360px;
        padding: 0;
    }
    .jy-fw-cta-main-title {
        font-size: 32px;
    }
    .jy-fw-top-logo-text {
        font-size: 36px;
    }
}
@media (max-width: 768px) {
    .jy-fw-title {
        font-size: 26px;
    }
    .jy-fw-top-sub-main {
        font-size: 22px;
    }
}
@media (max-width: 480px) {
    .jy-fw-top-banner {
        padding: 40px 15px;
    }
    .jy-fw-top-logo-text {
        font-size: 30px;
    }
    .jy-fw-row {
        height: auto;
    }
    .jy-fw-col {
        padding: 40px 15px;
    }
    .jy-fw-cta-block {
        padding: 60px 15px;
    }
    .jy-fw-btn-group {
        flex-direction: column;
        align-items: center;
    }
}





ul, li { list-style: none; }
        a { text-decoration: none; color: inherit; }
        img { max-width: 100%; display: block; }
        .xl-container {
            width: 1320px;
            margin: 0 auto;
        }
        .xl-text-center { text-align: center; }
        .xl-section {
            padding: 100px 0;
        }
        .xl-section-subtitle {
            font-size: 14px;
            color: #888;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        .xl-section-title {
            font-size: 42px;
            font-weight: 600;
            margin-bottom: 150px;
        }

		.xl-section-title-1 {
            font-size: 42px;
            font-weight: 600;
            margin-bottom: 80px;
        }
        /* 按钮通用样式 */
        .xl-btn {
            display: inline-block;
            padding: 14px 32px;
            border-radius: 999px;
            font-size: 15px;
            font-weight: 500;
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .xl-btn-dark {
            background-color: #111111;
            color: #fff;
        }
        .xl-btn-dark:hover {
            background-color: #333333;
        }
        .xl-btn-outline {
            border: 1px solid #dddddd;
            background: transparent;
        }
        .xl-btn-outline:hover {
            border-color: #111;
        }

        /* ========== 1. 全屏700px头部轮播 ========== */
        .xl-top-banner {
            width: 100%;
            height: 700px;
            position: relative;
            overflow: hidden;
        }
        .xl-banner-track {
            width: 100%;
            height: 100%;
            display: flex;
            transition: transform 0.6s ease;
        }
        .xl-banner-item {
            min-width: 100%;
            height: 100%;
            position: relative;
        }
        .xl-banner-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .xl-banner-text-wrap {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: #ffffff;
        }
        .xl-banner-text-wrap h3 {
            font-size: 22px;
            margin-bottom: 12px;
            opacity: 0.9;
        }
        .xl-banner-text-wrap h2 {
            font-size: 54px;
            margin-bottom: 12px;
        }
        .xl-banner-text-wrap p {
            font-size: 17px;
            opacity: 0.85;
        }
        .xl-banner-dots {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
        }
        .xl-banner-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: rgba(255,255,255,0.4);
            cursor: pointer;
            transition: 0.3s;
        }
        .xl-banner-dot.active {
            background: #fff;
        }

        /* ========== 2. 首页左右图文模块（图1） ========== */
        .xl-intro-wrap {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
        }
/*
        .xl-intro-left {
            text-align: center;
        }
*/
        .xl-intro-tag {
            font-size: 15px;
            color: #999;
            letter-spacing: 2px;
            margin-bottom: 16px;
        }
        .xl-intro-main-title {
			text-align: center;
            font-size: 45px;
            line-height: 1.2;
            margin-bottom: 12px;
        }
        .xl-intro-sub-title {
            font-size: 20px;
            color: #555;
            margin-bottom: 30px;
        }
        .xl-intro-desc {
			line-height: 1.8;
            color: #666;
            margin-top: 30px;
        }
        .xl-intro-btn-group {
            display: flex;
            gap: 20px;
            justify-content: center;
            margin: 40px 0;
        }
        .xl-intro-data-list {
            display: flex;
            justify-content: center;
            gap: 40px;
        }
        .xl-data-item h4 {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 6px;
        }
        .xl-data-item p {
            font-size: 13px;
            color: #777;
        }
        .xl-intro-right-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 16px;
            height: 100%;
        }
        .xl-intro-img-card {
            border-radius: 12px;
            overflow: hidden;
            transition: transform 0.3s ease;
        }
        .xl-intro-img-card:hover {
            transform: translateY(-8px);
        }
        .xl-intro-img-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* ========== 3. 资讯专栏 左右布局（图2） ========== */
        .xl-news-section {
			    background: linear-gradient(180deg, #fffdf8 0%, #fbf7ec 100%);
    border-top: 1px solid #eadfc6;
    border-bottom: 1px solid #eadfc6;
        }



        .xl-news-wrap {
            display: grid;
            grid-template-columns: 1fr 500px;
            gap: 30px;
        }
.xl-news-main{
	width: 830px;
}
        .xl-news-main-img {
            border-radius: 12px;
            overflow: hidden;
        }
        .xl-news-main-text {
            margin-top: 24px;
        }
        .xl-news-tag {
            font-size: 14px;
            color: #25c26c;
            margin-bottom: 10px;
        }
        .xl-news-main-title {
            font-size: 20px;
            margin-bottom: 10px;
        }
        .xl-news-main-desc {
            color: #666;
        }
        .xl-news-sidebar-list {
            height: 600px;
            overflow-y: auto;
            padding-right: 8px;
        }
        .xl-news-sidebar-item {
            padding: 20px 0;
            border-bottom: 1px solid #eeeeee;
            transition: transform 0.3s ease;
            cursor: pointer;
        }
        .xl-news-sidebar-item:hover {
            transform: translateX(8px);
        }
        .xl-news-item-top {
            display: flex;
            gap: 12px;
            margin-bottom: 8px;
        }
        .xl-news-item-top img {
            width: 100px;
            height: 80px;
            object-fit: cover;
            border-radius: 6px;
        }
        .xl-news-item-date {
            font-size: 12px;
            color: #999;
        }
        .xl-news-item-title {
                font-weight: 400;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.4;
        }

        /* ========== 4. Tab切换 + 四列产品卡片（图3） ========== */
        .xl-tab-btn-group {
            display: flex;
            justify-content: center;
            gap: 36px;
            margin-bottom: 50px;
        }
        .xl-tab-btn {
            font-size: 18px;
            padding: 8px 0;
            border-bottom: 2px solid transparent;
            cursor: pointer;
            transition: 0.3s;
        }
        .xl-tab-btn.active {
            border-color: #111;
        }
        .xl-tab-content {
            display: none;
        }
        .xl-tab-content.active {
            display: block;
        }
        .xl-prod-grid4 {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }
        .xl-prod-card {
            border-radius: 12px;
            overflow: hidden;
            position: relative;
        }
        .xl-prod-img-box {
            overflow: hidden;
        }
        .xl-prod-img-box img {
			height: 365px;
            transition: transform 0.4s ease;
        }
        .xl-prod-card:hover .xl-prod-img-box img {
            transform: scale(1.08);
        }
        .xl-prod-info {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 16px;
            background: linear-gradient(transparent, rgba(0,0,0,0.65));
            color: #fff;
        }
        .xl-prod-name {
            font-size: 17px;
            margin-bottom: 8px;
        }
        .xl-prod-tag-group {
            display: flex;
            gap: 8px;
            margin-bottom: 12px;
        }
        .xl-prod-tag {
            font-size: 12px;
            padding: 3px 10px;
            background: rgba(255,255,255,0.25);
            border-radius: 99px;
        }
        .xl-prod-view-link {
            font-size: 14px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        /* ========== 5. 全屏横向自动轮播卡片（图5） ========== */
        .xl-card-slider-wrap {
            overflow: hidden;
            position: relative;
        }
        .xl-card-track {
            display: flex;
            gap: 24px;
            transition: transform 0.5s ease;
        }
        .xl-card-slide-item {
            min-width: calc(100% / 4);
        }
        .xl-card-img-box {
            border-radius: 12px;
            overflow: hidden;
            margin-bottom: 16px;
        }
        .xl-card-img-box img {
            transition: transform 0.4s ease;
        }
        .xl-card-slide-item:hover .xl-card-img-box img {
            transform: scale(1.06);
        }
        .xl-card-title {
            text-align: center;
            font-size: 18px;
            font-weight: 500;
        }
        .xl-card-slider-dots {
            display: flex;
            gap: 10px;
            justify-content: center;
            margin-top: 40px;
        }
        .xl-card-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #dddddd;
            cursor: pointer;
        }
        .xl-card-dot.active {
            background: #111111;
        }
		
		
		.xl-container-1 {
            width: 100%;
            margin: 0 auto;
        }
		
		.xl-container {
            width: 1320px;
            margin: 0 auto;
        }
        .xl-text-center { text-align: center; }
        .xl-section {
			border-bottom: 1px solid #f6f6f6;
            padding: 100px 0;
        }
        .xl-section-subtitle {
            font-size: 14px;
            color: #26b968;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        .xl-section-title {
			margin-top: 0;
            font-size: 48px;
            font-weight: 600;
            margin-bottom: 150px;
        }
.xl-section-title-new {
			margin-top: 0;
            font-size: 48px;
            font-weight: 600;
            margin-bottom: 50px;
        }

        /* 1. Cooperation Process Module - xl-process */
        .xl-process-section {
			    border-bottom: 1px solid #d1d1d1;
    padding: 100px 0;
    background: #f9fafb;
            padding: 100px 0;
        }
        .xl-process-wrap {
            position: relative;
        }
        .xl-process-line-base {
            width: 100%;
            height: 2px;
            background: #e5e5e5;
            position: absolute;
            top: 60px;
            left: 0;
            z-index: 1;
        }
        .xl-process-line-active {
            height: 2px;
            background: linear-gradient(90deg,#444,#000);
            position: absolute;
            top: 60px;
            left: 0;
            z-index: 2;
            width: 0%;
            transition: width 0.4s ease;
        }
        .xl-process-list {
            display: flex;
            justify-content: space-between;
            position: relative;
            z-index: 3;
        }
        .xl-process-item {
            width: 22%;
            text-align: center;
            cursor: pointer;
            position: relative;
        }
        .xl-process-circle {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: #fff;
            border: 1px solid #eee;
            box-shadow: 0 4px 12px rgba(0,0,0,0.06);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            font-weight: bold;
            margin: 0 auto 16px;
            transition: all 0.3s ease;
        }

        /* 修改1：STEP1、STEP3文字在圆圈上方 */
        .xl-process-item:nth-child(1) .xl-process-circle,
        .xl-process-item:nth-child(3) .xl-process-circle {
            margin-top: 24px;
        }
        .xl-process-item:nth-child(1) h4,
        .xl-process-item:nth-child(1) p,
        .xl-process-item:nth-child(3) h4,
        .xl-process-item:nth-child(3) p {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            margin: 0;
            width: 100%;
        }
        .xl-process-item:nth-child(1) h4,
        .xl-process-item:nth-child(3) h4 {
            top: -60px;
        }
        .xl-process-item:nth-child(1) p,
        .xl-process-item:nth-child(3) p {
            top: -24px;
        }
        .xl-process-item:nth-child(2) .xl-process-circle,
        .xl-process-item:nth-child(4) .xl-process-circle {
            transform: translateY(30px);
        }
        .xl-process-item h4 {
			margin-top: 50px;
            font-size: 20px;
            margin-bottom: 6px;
            color: #111;
        }
        .xl-process-item p {
            color: #777;
            font-size: 15px;
        }
        .xl-process-bottom-btn {
            text-align: center;
            margin-top: 80px;
        }
        .xl-btn-dark-round {
            display: inline-block;
            padding: 18px 46px;
            background: #111;
            color: #fff;
            border-radius: 999px;
            font-size: 18px;
            transition: background 0.3s;
        }
        .xl-btn-dark-round:hover {
            background: #333;
        }

        /* 2. Success Case 3 Column Module - xl-case */
        .xl-case-section {
            padding: 50px 0;
        }
        .xl-case-grid3 {
            display: grid;
            grid-template-columns: repeat(3,1fr);
            gap: 30px;
        }
        .xl-case-card {
            border-radius: 14px;
            overflow: hidden;
            position: relative;
        }
        .xl-case-img-box {
            overflow: hidden;
        }
        .xl-case-img-box img {
            width: 100%;
            transition: all 0.4s ease;
            filter: brightness(0.9);
        }
        .xl-case-card:hover .xl-case-img-box img {
            transform: scale(1.06);
            filter: brightness(1);
        }
        /* 修改2：案例文字左下角遮罩 */
        .xl-case-text {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 22px;
            color: #fff;
            background: linear-gradient(transparent, rgba(0,0,0,0.65));
            width: 100%;
        }
        .xl-case-tag {
            color: #26b968;
            font-size: 15px;
            margin-bottom: 8px;
        }
        .xl-case-name {
            font-size: 22px;
            font-weight: 600;
            color: #fff;
        }

        /* 3. Hot Video Module (Light Gray Background) - xl-video */
        .xl-video-section {
			    border-top: 1px solid #d1d1d1;
            padding: 100px 0;
            background: #f9fafb;
        }
        .xl-video-top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
        }
        .xl-video-head .xl-section-subtitle {
            color: #26b968;
            margin-bottom: 4px;
        }
        .xl-video-desc-tip {
            color: #777;
            font-size: 16px;
        }
        .xl-btn-red {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 26px;
            background: #ed2626;
            color: #fff;
            border-radius: 999px;
            font-size: 16px;
        }
        .xl-video-grid4 {
            display: grid;
            grid-template-columns: repeat(4,1fr) 260px;
            gap: 24px;
        }
        .xl-video-card {
            border-radius: 12px;
            overflow: hidden;
            position: relative;
        }
        .xl-video-card img {
            width: 100%;
        }
        .xl-video-view-count {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #000;
            color: #fff;
            font-size: 12px;
            padding: 3px 10px;
            border-radius: 12px;
        }
        .xl-video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 60px;
            height: 60px;
            background: rgba(255,255,255,0.9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            color: #ed2626;
            cursor: pointer;
            z-index: 2;
        }
        /* 修改3：视频文字底部居中遮罩 */
        .xl-video-desc {
            position: absolute;
            bottom: 1px;
            left: 50%;
            transform: translateX(-50%);
            padding: 10px 14px;
            font-size: 14px;
            color: #fff;
            line-height: 1.4;
            text-align: center;
            width: calc(100% - 36px);
            background: linear-gradient(transparent, rgba(0,0,0,0.75));
            border-radius: 8px;
        }
        .xl-video-more-card {
            background: #ed2626;
            color: #fff;
            border-radius: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
            cursor: pointer;
        }
        .xl-video-more-card i {
            font-size: 42px;
        }
        .xl-video-more-card p {
            font-size: 13px;
            opacity: 0.85;
        }
        /* Video Popup Modal */
        .xl-video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.88);
    z-index: 99999;
    align-items: center;
    justify-content: center;
}
.xl-modal-inner {
    position: relative;
    width: 90%;
    max-width: 920px;
}
.xl-modal-close {
    position: absolute;
    top: -45px;
    right: 0;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}

        /* 4. Trust Brand Module (Distinct Background) - xl-brand */
        .xl-brand-section {
			border: 1px solid #ebebeb;
            padding: 100px 0;
            background: #eef2f987;
        }
        .xl-brand-list {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            justify-content: center;
            margin-top: 40px;
        }
        .xl-brand-tag {
            border: 1px solid #ddd;
            padding: 12px 34px;
            border-radius: 999px;
            font-size: 16px;
            color: #333;
        }

        /* 5. CTA WhatsApp Inquiry Module - xl-cta */
        .xl-cta-section {
            padding: 120px 0;
            text-align: center;
        }
        .xl-cta-title {
            font-size: 56px;
            color: #111;
            margin-bottom: 12px;
        }
        .xl-cta-sub {
            font-size: 20px;
            color: #777;
            margin-bottom: 40px;
        }
        .xl-btn-whatsapp {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 20px 52px;
            background: #25d366;
            color: #fff;
            border-radius: 999px;
            font-size: 20px;
            transition: background 0.3s;
        }
        .xl-btn-whatsapp:hover {
            background: #1fb857;
        }

        /* ========== 新增工厂实景模块 xl-factory ========== */
        .xl-factory-section {
            padding: 100px 0;
        }
        .xl-factory-top-title {
            text-align: center;
            margin-bottom: 50px;
        }
        .xl-factory-subtitle {
            font-size: 14px;
            color: #b88648;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        .xl-factory-main-title {
            font-size: 48px;
            font-weight: 600;
            color: #111;
            margin-bottom: 12px;
        }
        .xl-factory-desc {
            font-size: 16px;
            color: #777;
        }
        .xl-factory-grid6 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
        }
        .xl-factory-card {
            border-radius: 14px;
            overflow: hidden;
            transition: transform 0.3s ease;
        }
        /* 鼠标悬浮上浮效果 */
        .xl-factory-card:hover {
            transform: translateY(-8px);
        }
        .xl-factory-card img {
            width: 100%;
            display: block;
        }
  </style>