@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@700&display=swap');

/* 防止移动端横向溢出 - 所有固定宽度容器改为响应式 */
@media (max-width: 1320px) {
  .xlls-container,
  .lsjy-container,
  .lxl-wrap,
  .foot-container,
  .foot-bottom-bar,
  .xlls-factory-data {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 安全措施：防止任何意外的横向滚动 */
html, body {
  overflow-x: hidden;
}


body{
	margin: 0;
	padding: 0;
	
}
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Poppins', 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: 60px;
    }
    ..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: #000;
      text-decoration: none;
      font-size: 13px;
      transition: color 0.3s;
    }
    .nav-menu a:hover {
      color: #DD5411;;
    }
	.ls-active{
	color: #DD5411 !important;
}
		.nav-menu ls-active{
	color: #DD5411 !important;
}


    /* 语言切换 双按钮修改 */
    .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: 0.875rem;
      color: #999;
      margin-bottom: 0.25rem;
    }
    .quote-main-title {
      font-size: 2rem;
      color: var(--text-dark);
      margin-bottom: 12px;
    }
    .quote-desc {
      max-width: 700px;
      margin: 0 auto;
      color: var(--text-gray);
      font-size: 1rem;
      line-height: 1.6;
    }
    .quote-content {
      display: grid;
      grid-template-columns: 600px 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: 50px;
      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;
		pointer-events: auto !important;
  cursor: pointer;
    }
    .submit-btn {
      width: 100%;
      padding: 16px;
      background: #DD5411;;
      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;
      
    }
    .brand-text {
      font-size: 16px;
      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: 35px;
    color: #fff;;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: 1px;
}
.al-banner-sub-title {
    font-size: 20px;
    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: 16px;
    color: var(--al-dark);
    font-weight: 600;
    margin-bottom: 7px;
}
.al-card-title-2 {
	margin-bottom: 20px;
	text-align: center;
    font-size: 13px;
    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: 35px;
    }
    .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: 40px;
    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: 13px;
    padding: 6px 14px;
    border-radius: 30px;
    width: fit-content;
}
.lc-step-title {
	margin: 10px 0;
    font-size: 20px;
    font-weight: 700;
}
.lc-step-desc-sm {
    font-size: 14px;
    opacity: 0.75;
}
/* 卡片白色内容区域 */
.lc-card-body {
    padding: 24px 22px;
}
.lc-card-text {
    font-size: 13px;
    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 {
	    width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    
}
.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: #e05f18;
    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: 35px;
    color:#fff;
    font-weight: 700;
    margin-bottom: 16px;
}
.zsk-banner-sub-text {
    font-size: 16px;
    color: #fff;
    margin-bottom: 40px;
}
/* 搜索框 */
.zsk-search-input-wrap {
    width: 700px;
    margin: 0 auto;
    position: relative;
}
.zsk-search-input {
    width: 100%;
    height: 50px;
    background: #e2e2e2;
    border: 1px solid #444;
    border-radius: 12px;
    padding: 0 24px;
    font-size: 16px;
    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;
    }
}


.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: 14px;
    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);
    }
}




.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: 20px;
    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: 15px;
    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: 35px;
    color: var(--jy-fw-black);
    margin-bottom: 16px;
    line-height: 1.3;
}
.jy-fw-cta-sub-en {
    font-size: 16px;
    color: #888;
    margin-bottom: 70px;
}
.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;
    }
}




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: 13px;
            color: #DD5411;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        .xl-section-title {
            font-size: 42px;
            font-weight: 600;
            margin-bottom: 150px;
        }

		.xl-section-title-1 {
            font-size: 35px;
            font-weight: 600;
            margin-bottom: 20px;
        }
        /* 按钮通用样式 */
        .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 {
			font-size: 14px;
            background-color: #111111;
            color: #fff;
        }
        .xl-btn-dark:hover {
            background-color: #333333;
        }
        .xl-btn-outline {
			font-size: 14px;
            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 {
			text-align: center;
            font-size: 13px;
            color: #DD5411;
            letter-spacing: 2px;
            margin-bottom: 16px;
        }
        .xl-intro-main-title {
			text-align: center;
            font-size: 35px;
            line-height: 1.2;
            margin-bottom: 12px;
        }
        .xl-intro-sub-title {
            font-size: 20px;
            color: #555;
            margin-bottom: 30px;
        }
        .xl-intro-desc {
			font-size: 14px;
			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 {
			color: #DD5411;
            font-size: 25px;
            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: #8B8A8A;
            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: 300;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.4;
        }

        /* ========== 4. Tab切换 + 四列产品卡片（图3） ========== */
.xl-prod-img-box img{
	height: 100%
}
        .xl-tab-btn-group {
            display: flex;
            justify-content: center;
            gap: 36px;
            margin-bottom: 50px;
        }
        .xl-tab-btn {
            font-size: 13px;
            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: 16px;
            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 {
			color: #DD5411;
            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: 14px;
            font-weight: 400;
        }
        .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: 13px;
            color: #DD5411;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        .xl-section-title {
			margin-top: 0;
            font-size: 35px;
            font-weight: 600;
            margin-bottom: 150px;
        }
.xl-section-title-new {
			margin-top: 0;
            font-size: 35px;
            font-weight: 600;
            margin-bottom: 20px;
        }

        /* 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: 13%; 
    text-align: center;
    cursor: pointer;
    position: relative;
}
.xl-process-circle {
	color: #DD5411;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #DD5411;
    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;
}

/* STEP1/3/5 标题文字放在圆圈上方 */
.xl-process-item:nth-child(1) .xl-process-circle,
.xl-process-item:nth-child(3) .xl-process-circle,
.xl-process-item:nth-child(5) .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,
.xl-process-item:nth-child(5) h4,
.xl-process-item:nth-child(5) 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,
.xl-process-item:nth-child(5) h4 {
    top: -60px;
}
.xl-process-item:nth-child(1) p,
.xl-process-item:nth-child(3) p,
.xl-process-item:nth-child(5) p {
    top: -24px;
}

/* STEP2/4/6 圆圈向下下沉 */
.xl-process-item:nth-child(2) .xl-process-circle,
.xl-process-item:nth-child(4) .xl-process-circle,
.xl-process-item:nth-child(6) .xl-process-circle {
    transform: translateY(30px);
}

.xl-process-item h4 {
	margin-top: 50px;
    font-size: 16px;
    margin-bottom: 6px;
    color: #DD5411;
}
.xl-process-item p {
    color: #777;
    font-size: 13px;
}
.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: #f1960f;
            margin-bottom: 4px;
        }
        .xl-video-desc-tip {
            color: #777;
            font-size: 13px;
        }
        .xl-btn-red {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 26px;
            background: #DD5411;
            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: #DD5411;
            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: #DD5411;
            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: 0.875rem;
            color: #333;
        }

        /* 5. CTA WhatsApp Inquiry Module - xl-cta */
        .xl-cta-section {
            padding: 120px 0;
            text-align: center;
        }
        .xl-cta-title {
            font-size: 35px;
            color: #111;
            margin-bottom: 12px;
        }
        .xl-cta-sub {
            font-size: 13px;
            color: #777;
            margin-bottom: 40px;
        }
        .xl-btn-whatsapp {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 20px 52px;
            background: #DD5411;
            color: #fff;
            border-radius: 999px;
            font-size: 20px;
            transition: background 0.3s;
        }
        .xl-btn-whatsapp:hover {
            background: #6c6b6a;
        }

        /* ========== 新增工厂实景模块 xl-factory ========== */
        .xl-factory-section {
            padding: 100px 0;
        }
        .xl-factory-top-title {
            text-align: center;
            margin-bottom: 50px;
        }
        .xl-factory-subtitle {
            font-size: 13px;
            color: #DD5411;
            letter-spacing: 1px;
            margin-bottom: 8px;
        }
        .xl-factory-main-title {
            font-size: 35px;
            font-weight: 600;
            color: #111;
            margin-bottom: 12px;
        }
        .xl-factory-desc {
            font-size: 13px;
            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;
        }


.jyls-float-social {
  position: fixed;
  right: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 999; /* 层级拉高避免被导航/内容遮挡 */
}
/* 单个社交按钮通用样式 */
.jyls-social-item {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 22px;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.jyls-social-item:hover {
  transform: translateY(-3px); /* 上浮微动效 */
}
/* WhatsApp配色 */
.jyls-whatsapp {
  background-color: #25D366;
  color: #fff;
}
.jyls-whatsapp:hover {
  background-color: #1fa852;
}
/* 微信配色 */
.jyls-wechat {
  background-color: #07C160;
  color: #fff;
}
.jyls-wechat:hover {
  background-color: #069d4f;
}


.lxjy-cert-wrap{
      width:1320px;
      margin:0 auto;
    }
    /* 头部文案区域 */
    .lxjy-cert-header{
		margin-top: 50px;
      text-align:center;
      margin-bottom:48px;
    }
    .lxjy-cert-tag{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      color:#ff7b25;
      font-weight:600;
      font-size:18px;
      margin-bottom:12px;
    }
    .lxjy-cert-tag .lxjy-tag-icon{
      width:36px;height:36px;
      background:linear-gradient(90deg,#ff9f29,#ff7b25);
      border-radius:8px;
      position:relative;
    }
    .lxjy-cert-tag .lxjy-tag-icon::after{
      content:"";
      position:absolute;inset:6px;
      background:#fff;border-radius:4px;
    }
    .lxjy-cert-title{
      font-size:35px;
      line-height:1.2;
      margin-bottom:16px;
    }
    .lxjy-cert-title span:nth-child(1){color:#192338;}
    .lxjy-cert-title span:nth-child(2){color:#ff9f29;}
    .lxjy-cert-subtitle{
      font-size:13px;
      color:#4b5563;
      line-height:1.6;
      max-width:900px;
      margin:0 auto;
    }

    /* 轮播容器 */
    .lxjy-cert-swiper-box{overflow:hidden;}
    .lxjy-cert-swiper-track{
      display:flex;
      transition:transform .5s ease;
      gap:24px;
    }
    /* 卡片样式 - 新增hover上浮效果 */
    .lxjy-cert-card{
      flex:0 0 calc((100% - 48px)/3);
      background:#fff;
      border-radius:14px;
      box-shadow:0 2px 10px rgba(0,0,0,.05);
      overflow:hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    /* 鼠标悬浮上浮+加深阴影 */
    .lxjy-cert-card:hover{
      transform: translateY(-8px);
      box-shadow:0 12px 24px rgba(0,0,0,.1);
    }
    /* 卡片顶部图片区域 */
    .lxjy-card-img-box{
      width:100%;
  
      overflow:hidden;
    }
    .lxjy-card-img-box img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    /* 卡片底部文字内容区 */
    .lxjy-card-inner{padding:24px;}
    .lxjy-card-cert-label{
      display:flex;align-items:center;gap:8px;
      font-size:13px;color:#4b5563;font-weight:500;
      margin-bottom:18px;
    }
    .lxjy-card-dot{width:10px;height:10px;border-radius:50%;}
    .lxjy-dot-blue{background:#3b82f6;}
    .lxjy-dot-green{background:#10b981;}
    .lxjy-dot-gray{background:#4b5563;}
    .lxjy-card-title-row{
      display:flex;align-items:center;gap:12px;
      margin-bottom:6px;
    }
    .lxjy-card-emoji{font-size:28px;}
    .lxjy-card-name{font-size:22px;font-weight:700;color:#192338;}
    .lxjy-card-sub-name{font-size:15px;color:#4b5563;margin-bottom:18px;}
    .lxjy-card-desc{
      color:#4b5563;line-height:1.6;
      font-size:13px;margin-bottom:22px;
    }
    .lxjy-card-bottom-row{
      display:flex;justify-content:space-between;
      font-size:13px;color:#4b5563;
    }
    .lxjy-card-bottom-left{display:flex;align-items:center;gap:6px;}

    /* 响应式适配：屏幕小于1320px自适应缩宽 */
    @media(max-width:1320px){
      .lxjy-cert-wrap{width:100%;padding:0 20px;}
    }
    @media(max-width:820px){
      .lxjy-cert-card{flex:0 0 100%;}
      .lxjy-cert-title{font-size:32px;}
      .lxjy-card-img-box{height:140px;}
    }





.fac-production-wrap * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .fac-production-wrap {
            /* 固定内容宽度1320px + 水平居中 */
            width: 1320px;
            margin: 0 auto;
            padding: 60px 0;
            font-family: system-ui, sans-serif;
        }
        /* 顶部标题文案区域 */
        .fac-production-header {
            text-align: center;
            margin-bottom: 48px;
        }
        .fac-production-title {
            font-size: 32px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 14px;
            line-height: 1.35;
        }
        .fac-production-desc {
            font-size: 14px;
            line-height: 1.7;
            color: #555;
            max-width: 820px;
            margin: 0 auto;
        }
        /* 四列卡片网格布局 */
        .fac-card-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }
        /* 卡片基础样式 */
        .fac-prod-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.07);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        /* 鼠标悬浮上浮效果 */
        .fac-prod-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 22px rgba(0,0,0,0.12);
        }
        .fac-card-img {
            width: 100%;
            height: 210px;
            object-fit: cover;
            display: block;
        }
        .fac-card-caption {
            padding: 14px 16px;
            text-align: center;
            font-size: 15px;
            color: #2c2c2c;
            font-weight: 500;
        }
        /* 移动端响应式适配（屏幕小于1320px生效） */
        @media (max-width: 1320px) {
            .fac-production-wrap {
                width: 100%;
                padding-inline: 20px;
            }
        }
        @media (max-width: 900px) {
            .fac-card-row {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 520px) {
            .fac-card-row {
                grid-template-columns: 1fr;
            }
            .fac-production-title {
                font-size: 24px;
            }
        }


		.tre-wrap {
			border-bottom: 1px solid #dddddd;
            width: 100%;
            padding: 60px 0;
            background: #ededed;
        }
        /* 内容固定1320px居中容器 */
        .tre-box {
            width: 1320px;
            margin: 0 auto;
        }
        /* 顶部标题 */
        .tre-title {
            text-align: center;
            margin-bottom: 40px;
        }
        .tre-title h2 {
            font-size: 28px;
            color: #222;
            margin: 0;
            font-weight: 600;
        }

        /* 轮播容器 */
        .tre-container {
            overflow: hidden;
            position: relative;
        }
        /* 滚动轨道 */
        .tre-track {
            display: flex;
            transition: transform 0.5s ease;
        }
        /* 轮播单项 一行5等分 */
        .tre-item {
            width: calc(1320px / 5);
            flex-shrink: 0;
            padding: 0 10px;
            box-sizing: border-box;
        }
        .tre-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
        }
        .tre-card img {
            
            height: 160px;
            object-fit: cover;
            display: block;
        }

        /* 轮播左右按钮 */
        .tre-prev,
        .tre-next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #fff;
            border: none;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            cursor: pointer;
            z-index: 10;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .tre-prev { left: 10px; }
        .tre-next { right: 10px; }

        /* 轮播圆点指示器 */
        .tre-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 20px;
        }
        .tre-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #ddd;
            cursor: pointer;
        }
        .tre-dot.active {
            background: #333;
        }

        /* 轮播与下方图片间距 */
        .tre-bottom-img {
    margin-top: 50px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

/* 下方一行4张竖向图片 */
.tre-bottom-item {
    width: calc((1320px - 60px) / 4);
    flex-shrink: 0;
}

.tre-bottom-item img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}
	


.jyxl-wrap {
	    border-bottom: 1px solid #d3d3d3;
            background-color: #f9f9f9;
                padding: 0px 20px 30px 20px;
        }
        /* 内容容器限定1320px居中 */
        .jyxl-container {
            max-width: 1320px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }
        /* 通用文字配色：深色正文、金色标题/图标（沿用原图黄色） */
        .jyxl-col h2 {
            color: #DD5411;
            font-size: 20px;
            margin-bottom: 24px;
        }
        .jyxl-desc {
            font-size: 15px;
            line-height: 1.7;
            color: #333;
            margin-bottom: 28px;
        }
        /* 联系条目样式 */
        .jyxl-contact-item {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            margin-bottom: 20px;
            font-size: 13px;
            line-height: 1.7;
            color: #333;
        }
        .jyxl-contact-item i {
            color: #DD5411;
            font-size: 22px;
            margin-top: 4px;
            flex-shrink: 0;
        }
        /* 社交按钮 */
        .jyxl-social-group {
            display: flex;
            gap: 16px;
        }
        .jyxl-social-group a {
            width: 40px;
            height: 40px;
            background: #222;
            border-radius: 50%;
            display: grid;
            place-items: center;
            color: #fff;
            font-size: 22px;
            text-decoration: none;
            transition: 0.2s;
        }
        .jyxl-social-group a:hover {
            background: #DD5411;
        }
        /* logo图片适配 */
        .jyxl-logo-img {
            
            height: 100%;
            object-fit: contain;
            border-radius: 12px;
        }
        .jyxl-logo-row {
            display: flex;
            align-items: flex-start;
            gap: 16px;
        }
        /* 移动端适配 */
        @media screen and (max-width: 1100px) {
            .jyxl-container {
                grid-template-columns: 1fr;
                gap: 32px;
            }
        }






ul, li {
            list-style: none;
        }
        a {
            text-decoration: none;
            color: inherit;
        }
        img {
			
            max-width: 100%;
            display: block;
            transition: transform 0.3s ease;
        }
        /* 容器统一规范 1320px居中 */
        .xlls-container {
            width: 1320px;
            margin: 0 auto;
            padding: 0 20px;
        }
        /* 通用区块标题样式 */
        .xlls-section-head {
            text-align: center;
            margin-bottom: 60px;
        }
        .xlls-section-tag {
			font-weight: 600;
            color: #E85D04;
            font-size: 12px;
            letter-spacing: 1px;
            text-transform: uppercase;
       
            display: block;
        }
        .xlls-section-title {
			font-family: "EB Garamond", serif;
            font-size: 38px; 
            font-weight: 500;
            
			
        }
        .xlls-section-desc {
            color: #666;
            font-size: 14px; /* 整体字体缩小 */
            max-width: 800px;
            margin: 0 auto;
        }
        /* 按钮通用样式 */
        .xlls-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 14px 32px; /* 按钮尺寸缩小适配小字 */
            border-radius: 999px;
            font-weight: 500;
            font-size: 13px; /* 整体字体缩小 */
            transition: all 0.3s ease;
        }
        .xlls-btn-primary {
            background-color: #E85D04;
            color: #fff;
        }
        .xlls-btn-primary:hover {
            background-color: #e05f18;
        }
        .xlls-btn-outline {
			
			border:1px solid #E85D04;
            color: #E85D04;
            
        }
        .xlls-btn-outline:hover {
			color: #000;
            border-color: #000;
            background: transparent;
        }
        /* 卡片hover上浮效果 */
        .xlls-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .xlls-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(0,0,0,0.08);
        }
        /* 图片hover放大 */
		
		.xlls-card{
			background-color: #fff;
	    border-radius: 10px;
	
}
		
        .xlls-img-wrap{
			border-radius: 10px 10px 0 0;
		
    overflow: hidden;
    
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
			    flex-direction: column;
}
		
		
        .xlls-img-wrap img:hover {
            transform: scale(1.05);
        }

        /* 1. Banner区块 对应图1 */
        .xlls-banner {
            width: 100%;
            height: 400px; 
            display: flex;
            align-items: center;
        }
        .xlls-banner-content {
            width: 50%;
        }
        .xlls-banner-tag {
            display: flex;
            align-items: center;
            gap: 12px;
            color: #E85D04;
            font-size: 14px; /* 整体字体缩小 */
            margin-bottom: 20px;
        }
/*
        .xlls-banner-tag::before {
            content: '';
            width: 40px;
            height: 1px;
            background: #E85D04;
        }
*/
        .xlls-banner-title {
			font-family: "EB Garamond", serif;
            font-size: 45px; 
            font-weight: 600;
            line-height: 1.1;
            margin-bottom: 10px;
        }
		
		
		
        .xlls-banner-text {
    font-size: 14px;
    color: #5c5c5c;
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 20px;
}
/* 左侧横线，缩短长度，留出中间20px空隙 */
/*
.xlls-banner-text::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(20% - 50px); 
    height: 1px;
    background: #b1b0b0;
}
*/
/* 右侧横线，和左侧对称 */
/*
.xlls-banner-text::after {
	left: 20%;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(20% - 50px); 
    height: 1px;
    background: #b1b0b0;
}
*/
/* 中间圆点，距离左右横线各5px */
.xlls-banner-text span.dot {
    position: absolute;
    left: 16%;
    bottom: 0;
    width: 10px;
    height: 10px;
    background: #E85D04;
    border-radius: 50%;
    transform: translateX(-50%);
}
		
		
		
		
/*
        .xlls-banner-text:hover::after {
            width: 100%;
        }
*/
        .xlls-banner-btns {
            display: flex;
            gap: 24px;
            margin-top: 30px;
        }

        /* 2. 产品Tab区块 对应图2 */
        .xlls-product-tab-section {
            padding: 60px 0;
            background-color: #f9f9f7; 
        }
        .xlls-tab-nav {
            display: flex;
            justify-content: center;
            gap: 80px;
            margin-bottom: 50px;
        }
        .xlls-tab-nav-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 16px; /* 整体字体缩小 */
            cursor: pointer;
            padding-bottom: 10px;
            border-bottom: 2px solid transparent;
            transition: all 0.3s;
        }
        .xlls-tab-nav-item.active {
            border-color: #E85D04;
            color: #E85D04;
        }
        .xlls-tab-content {
            display: none;
        }
        .xlls-tab-content.active {
            display: block;
        }
        .xlls-product-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        .xlls-product-card {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
        }
        .xlls-product-card-text {
            padding: 24px;
        }
        .xlls-product-card-title {
			font-family: "EB Garamond", serif;
            font-size: 20px; /* 整体字体缩小 */
            font-weight: 500;
            margin-bottom: 12px;
        }
        .xlls-product-card-desc {
            color: #666;
            margin-bottom: 20px;
            font-size: 14px; /* 整体字体缩小 */
        }
        .xlls-product-card-link {
			justify-content: left;
            color: #E85D04;
            display: flex;
            align-items: center;
            gap: 6px;
            font-weight: 500;
            font-size: 14px; /* 整体字体缩小 */
        }
        /* 修改工厂数据布局 图标左 文字竖排右 颜色互换 */
        .xlls-factory-data {
			width: 1320px;
			margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            margin-top: 60px;
            background: #f5f3ef;
            border-radius: 12px;
            padding: 30px;
        }
        .xlls-data-item {
			margin: 0 auto;
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .xlls-data-item i {
            font-size: 28px;
            color: #333; /* 图标黑灰色 */
        }
        .xlls-data-text-wrap {
            display: flex;
            flex-direction: column;
        }
        .xlls-data-num {
            font-size: 32px;
            font-weight: 700;
            color: #E85D04; /* 数字橙色 */
        }
        .xlls-data-text {
            color: #666;
            font-size: 14px; /* 整体字体缩小 */
        }

   
        .xlls-factory-section {
            padding: 60px 0;
            background: #fff; 
        }
        .xlls-factory-wrap {
            display: flex;
            gap: 60px;
            align-items: center;
        }
        .xlls-factory-img {
            width: 850px;
            height: 445px;
            flex-shrink: 0;
        }
        .xlls-factory-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .xlls-factory-step {
            flex: 1;
        }
        .xlls-step-item {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 24px;
           
            border-bottom: 1px solid #eee;
        }
        .xlls-step-num {
			margin-right: 20px;
            font-size: 36px;
            font-weight: 700;
            color: #E85D04;
            margin-bottom: 0; /* 取消下边距，和标题同行 */
        }
        .xlls-step-title {
            font-size: 18px; /* 整体字体缩小 */
            font-weight: 500;
        }
        .xlls-factory-desc {
            margin: 30px 0;
            color: #555;
            font-size: 14px; /* 整体字体缩小 */
        }

        /* 4. 资质证书模块 */
        .xlls-cert-section {
            padding: 60px 0;
            background-color: #f9f9f7;
        }
        .xlls-cert-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
        }
        .xlls-cert-card {
            text-align: center;
                padding: 30px 30px 0 30px;
            background: #fff;
            border-radius: 12px;
        }
        .xlls-cert-img {
			    height: 300px;
            margin-bottom: 20px;
        }
        .xlls-cert-name {
			    margin-bottom: 20px;
            font-size: 16px; /* 整体字体缩小 */
            font-weight: 500;
        }
        .xlls-cert-more {
            text-align: center;
            margin-top: 50px;
        }

        /* 5. 合作流程模块 数字和横线间距6px */
        .xlls-process-section {
			background-color: #fff;
            padding: 30px 0;
        }
        .xlls-process-wrap {
			    border: 1px solid #eae9e9;
            
            padding: 60px 40px;
            border-radius: 16px;
        }
        .xlls-process-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .xlls-process-item {
            text-align: center;
            position: relative;
            width: 14%;
        }
        .xlls-process-item:not(:last-child)::after {
            content: '';
            position: absolute;
            top: 22px;
            left: calc(60% + 12px); /* 数字距离横线6px */
            width: calc(80% - 6px);
            height: 2px;
            background: #ccc;
        }
        .xlls-process-circle {
            width: 44px;
            height: 44px;
            border: 2px solid #E85D04;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
            font-size: 20px;
            font-weight: 600;
            color: #E85D04;
        }
        .xlls-process-text {
            font-size: 14px; /* 整体字体缩小 */
        }

        /* 6. 视频专区 左右等高布局 左单图 右两图上下 */
        .xlls-video-section {
            padding: 60px 0;
            background-color: #f8f2eb;
        }
        .xlls-video-wrap {
            display: flex;
            gap: 30px;
            align-items: stretch; /* 左右等高 */
        }
        .xlls-video-main {
			height: 550px;
			border-radius: 16px;
    background-color: #fff;
            width: 65%;
            position: relative;
            cursor: pointer;
            display: flex;
			    flex-direction: column;
        }
        .xlls-video-main .xlls-img-wrap {
            width: 100%;
            height: 100%;
        }
        .xlls-video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background: rgba(255,255,255,0.8);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            color: #E85D04;
        }
        .xlls-video-side {
			height: 550px;
            width: 35%;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
        .xlls-video-small {
			    border-radius: 16px;
    background-color: #fff;
            position: relative;
            cursor: pointer;
            flex: 1;
        }
        .xlls-video-small .xlls-img-wrap {
            width: 100%;
            height: 100%;
        }
        .xlls-video-small img,
        .xlls-video-main img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .xlls-video-info {
			font-family: "EB Garamond", serif;
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
            color: #666;
            font-size: 14px; /* 整体字体缩小 */
        }
        /* 视频弹窗 */
        .xlls-video-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.9);
            z-index: 999;
            display: none;
            align-items: center;
            justify-content: center;
        }
        .xlls-video-modal.show {
            display: flex;
        }
        .xlls-modal-close {
            position: absolute;
            top: 40px;
            right: 40px;
            color: #fff;
            font-size: 36px;
            cursor: pointer;
        }
        .xlls-modal-video-box {
            width: 70%;
        }

        /* 7. 资讯文章 卡片文字左右8px内边距 */
        .xlls-news-section {
			background-color: #F9F9F7;
            padding: 60px 0;
        }
        .xlls-news-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        .xlls-news-card-text {
			border-radius: 0 0 10px 10px;
			background-color: #fff;
            padding: 24px 15px; /* 左右8px内边距 */
        }
        .xlls-news-tag {
            color: #E85D04;
            margin: 10px 0;
            font-weight: 500;
            font-size: 14px; /* 整体字体缩小 */
        }
        .xlls-news-title {
			font-weight: 500;
			font-family: "EB Garamond", serif;
            font-size: 22px; 
            margin-bottom: 12px;
        }
        .xlls-news-desc {
            color: #666;
            margin-bottom: 20px;
            font-size: 14px; /* 整体字体缩小 */
        }

        /* 8. 咨询洽谈区块 对应图8 */
        .xlls-contact-section {
            padding: 60px 0;
            background-color: #f9efe7;
        }
        .xlls-contact-wrap {
            display: flex;
            gap: 80px;
            align-items: center;
        }
        .xlls-contact-left {
            width: 50%;
        }
        .xlls-contact-right {
            width: 50%;
        }
        .xlls-contact-box {
            background: #fff;
            padding: 40px;
            border-radius: 16px;
        }
        .xlls-contact-item {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 30px;
        }
        .xlls-contact-item i {
            font-size: 28px;
            color: #E85D04;
            width: 40px;
        }
        .xlls-contact-text h4 {
            font-size: 18px; /* 整体字体缩小 */
            font-weight: 400;
        }

        /* 9. 底部页脚 电话邮件图标橙色 */
        .xlls-footer {
            padding: 80px 0 40px;
            background-color: #222;
            color: #fff;
        }
        .xlls-footer-wrap {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 60px;
            margin-bottom: 60px;
        }
        .xlls-footer-logo img {
            max-width: 220px;
            margin-bottom: 10px;
        }
        .xlls-footer-logo p {
            color: #aaa;
            font-size: 16px; /* 整体字体缩小 */
        }
        .xlls-footer-title {
            font-size: 20px; /* 整体字体缩小 */
            margin-bottom: 24px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .xlls-footer-nav li {
            margin-bottom: 14px;
        }
        .xlls-footer-nav a {
            color: #ccc;
            font-size: 14px; /* 整体字体缩小 */
            transition: color 0.3s;
        }
        .xlls-footer-nav a:hover {
            color: #E85D04;
        }
        .xlls-footer-nav i {
            color: #E85D04; /* 底部邮件电话图标橙色 */
            margin-right: 8px;
        }
        .xlls-footer-copyright {
            text-align: center;
            padding-top: 40px;
            border-top: 1px solid #333;
            color: #888;
            font-size: 14px; /* 整体字体缩小 */
        }
		.span-font{
			    padding: 0 10px 10px 10px;
			font-weight: 600;
    font-size: 17px;
    font-family: "Times New Roman", serif !important;
		}
		
		.xlls-data-item img {
    object-fit: contain; /* 等比例完整显示图标，不拉伸 */
    flex-shrink: 0; /* 固定40px大小，不会被挤压缩小 */
}
.xlls-data-item {
    display: flex;
    align-items: center;
    gap: 12px; /* 图标和文字之间的间距，自行调整 */
}
		
		
		
		
		
		
		.lsjy-container {
            width: 1320px;
            margin: 0 auto;
            padding: 40px 0;
            font-family: "EB Garamond", serif;
        }
        /* 顶部标题区域 */
        .lsjy-header-wrap {
            text-align: center;
            margin-bottom: 36px;
        }
        .lsjy-small-top-title {
            color: #E85D04;
            font-size: 20px;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 12px;
        }
/*
        .lsjy-main-title {
            font-size: 42px;
            margin: 0 0 16px 0;
            font-weight: 600;
        }
*/
/*
        .lsjy-desc-text {
            font-size: 17px;
            color: #445566;
        }
*/
        /* 左右内容行 */
        .lsjy-content-row {
    display: flex;
    align-items: stretch;
    gap: 32px;
    /* 核心1：整体固定高度500px */
    height: 500px;
}
/* 左侧图片区域：占比60% */
.lsjy-left-img-wrap {
    /* 核心2：左右宽度6:4 */
    width: 60%;
    flex-shrink: 0;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    /* 高度继承父容器500px，和右侧等高 */
    height: 100%;
}
.lsjy-factory-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.lsjy-img-caption {
    position: absolute;
    left: 20px;
    bottom: 20px;
    background: rgba(0,0,0,0.55);
    color: #fff;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 18px;
}
/* 右侧内容区域：占比40%，高度100%对齐左侧 */
.lsjy-right-content {
    width: 40%;
    flex-shrink: 0;
    height: 100%;
    /* 卡片上下均分填满高度 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   
    padding: 4px 0;
}
.lsjy-info-card {
    background: #ffffff;
    border: 1px solid #ececec;
    border-radius: 14px;
    padding: 32px 24px 4px 24px;
    margin-bottom: 20px;
}
.lsjy-card-title {
    font-size: 25px;
    margin: 0 0 10px 0;
    font-weight: 600;
}
.lsjy-card-subtitle {
    font-size: 15px;
    color: #445566;
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.lsjy-info-row {
    display: flex;
    gap: 14px;
    margin-bottom: 18px;
    align-items: flex-start;
}
.lsjy-icon {
    color: #E85D04;
    font-size: 22px;
    margin-top: 2px;
    flex-shrink: 0;
}
.lsjy-location-icon {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    margin-top: 2px;
}
.lsjy-info-text {
    font-size: 14px;
    line-height: 1.6;
    color: #334155;
}
.lsjy-btn-box {
    margin-top: 8px;
}
.lsjy-visit-btn {
    font-family: "EB Garamond", serif;
    font-size: 20px;
    color: #E85D04;
    border: 2px solid #E85D04;
    background: transparent;
    padding: 12px 30px;
    border-radius: 999px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.2s ease;
}
.lsjy-visit-btn:hover {
    background-color: #E85D04;
    color: #fff;
}
		
		
		
		
		
		
		
		
		
		
		.lxl-full-bg {
    background: #fff;
    width: 100%;
}
.lxl-wrap {
    width: 1320px;
    margin: 0 auto;
    padding: 50px 0;
    font-family: "EB Garamond", serif;
}
.lxl-title-wrap {
    text-align: center;
    margin-bottom: 40px;
}
/* logo网格核心修改：6列布局，匹配图片一排6个logo */
.lxl-logo-grid {
	padding: 0 20px; /* 缩小左右边距适配6列 */
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 关键：4列改6列 */
    gap: 16px 12px; /* 格子间距优化 */
    overflow: hidden;
    max-height: 350px;
    transition: max-height 0.4s ease;
    margin-bottom: 32px;
}
.lxl-logo-grid.lxl-grid-open {
    max-height: 2000px;
}
.lxl-logo-item {
	width: 100%; /* 宽度自适应网格，删除固定240px */
	padding: 16px 8px;
    background: #ffffff;
    border-radius: 14px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lxl-logo-item img {
    max-width: 85%; /* 图片缩小一点，避免撑满卡片 */
}
/* 按钮区域 */
.lxl-btn-wrap {
    text-align: center;
}
.lxl-more-btn {
    font-family: "EB Garamond", serif;
    font-size: 20px;
    color: #E85D04;
    border: none;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}	
		
		
		
		
		.kk-full-bg {
            width: 100%;
            background-color: #12141a;
            padding: 60px 0;
        }
        /* 内容限定1320px居中 */
        .kk-container {
            width: 1320px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 48px;
            font-family: "EB Garamond", serif;
        }
        /* 左侧品牌区块 */
        .kk-brand-block {
            display: flex;
            flex-direction: column;
        }
        .kk-logo-wrap {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
        }
        .kk-logo-img {
            width: 50%;
            
            border-radius: 12px;
            object-fit: cover;
        }
        .kk-brand-desc {
            font-size: 14px;
            color: #c5c9d2;
            line-height: 1.7;
            margin-bottom: 32px;
        }
        .kk-social-wrap {
            display: flex;
            gap: 20px;
        }
        .kk-social-item {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #272b35;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 18px;
            text-decoration: none;
        }
        /* 办事处通用区块 */
        .kk-office-block {}
        .kk-office-title {
			
			font-family: "EB Garamond", serif;
            font-size: 23px;
            color: #E85D04;
            margin-top: 0;
            margin-bottom: 28px;
        }
        .kk-contact-item {
            display: flex;
            gap: 16px;
            align-items: flex-start;
            margin-bottom: 22px;
        }
        .kk-contact-icon {
            color: #E85D04;
            font-size: 19px;
            margin-top: 3px;
            flex-shrink: 0;
        }
        .kk-contact-text {
            font-size: 14px;
            color: #c5c9d2;
            line-height: 1.6;
        }






.l-switch {
  display: inline-flex;
  align-items: center;
  height: 60px;
  margin: 0;
  padding: 0;
}

.l-switch {
  position: relative;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  width: 100px;
  height: 30px;
  padding: 0 2px 0 10px;
  border: 1px solid #d8dae0;
  border-radius: 999px;
  background: #ffffff;
  justify-content: space-between;
}
/* a标签全局重置：去掉链接下划线 */
.l-switch a {
  text-decoration: none;
}
/* 左侧EN文字样式 */
.en-txt {
  font-size: 13px;
  color: #000;
}
/* 右侧内嵌黑色圆角滑块a标签 */
.l-slider {
  width: 50px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 13px;
}
		
		
.jyls-nav-bar {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 16px;
}
/* 语言切换外层容器：背景做hover过渡 */
.jyls-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 14px;
  /* 只给背景做过渡 */
  transition: background-color 0.2s ease;
  cursor: pointer;
  /* 默认透明背景（第一张原图效果） */
  background-color: transparent;
}
/* 悬浮：仅背景切换浅灰，批量修改图标、文字、分隔线颜色 */
/*
.jyls-lang-switch:hover {
  background-color: #f3f4f6;
}
*/
		.jyls-lang-switch:hover .jyls-globe-icon{
			color: #DD5411;
		}		
		
.jyls-lang-switch:hover .jyls-lang-item,
.jyls-lang-switch:hover .jyls-split-line {
  color: #DD5411;
}
/* Font Awesome地球矢量图标：常态灰色，支持CSS自由改色、平滑过渡 */
.jyls-globe-icon {
  font-size: 13px;
  line-height: 1;
  color: #000;
  transition: color 0.2s ease;
}
/* 双语跳转a标签：重置下划线，常态灰色；取消a标签单独hover变色逻辑 */
.jyls-lang-item {
  text-decoration: none;
  color: #000;
  font-size: 13px;
  line-height: 1;
  transition: color 0.2s ease;
}
/* 分隔竖线：常态灰色 */
.jyls-split-line {
  color: #000;
  font-size: 13px;
  line-height: 1;
  transition: color 0.2s ease;
}		
	
		
		
		.nav-menu {
    position: relative; /* 必须加！下拉框定位依赖 */
}
.ls-sub-dropdown {
    position: absolute;
    top: 100%; 
    left: 0;
    min-width: 160px;
    background: #ffffff; /* 白色背景 */
    padding: 12px 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-radius: 8px;
    display: none;
    z-index: 999;
}
/* 二级菜单文字颜色 #E85D04 */
.ls-sub-dropdown a {
    display: block;
    padding: 8px 20px;
    color: #E85D04;
    text-decoration: none;
    white-space: nowrap;
}
.ls-sub-dropdown a:hover {
    background: #f7f7f7;
}
/* 悬浮一级菜单显示下拉 */
.nav-menu:hover .ls-sub-dropdown {
    display: block;
}




.foot-wrap{
    background-color: #121214;
    padding: 50px 0 30px; /* 底部增加内边距，适配底部栏 */
}
.foot-container{
    width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    padding-bottom: 18px;
    border-bottom: 1px solid #2b2b2f; /* 三列下方增加分割线 */
}
/* 第一列样式 */
.foot-col-left .foot-logo-box{
    height: 64px;
    display: flex;
    align-items: center;
}
.foot-col-left .foot-logo-box img{
    object-fit: contain;
}
.foot-col-left .foot-slogan{
    font-family: "EB Garamond", serif;
    font-size: 18px;
    color: #ffffff;
    margin: 24px 0 9px;
    line-height: 1.3;
    font-weight: 400;
}
.foot-col-left .foot-desc{
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #b9b9b9;
    line-height: 1.7;
    margin-bottom: 20px;
}
.foot-social-group{
    display: flex;
    gap: 18px;
}
.foot-social-group a{
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    transition: 0.3s;
}
.foot-social-group a:hover{
    border-color: #E85D04;
    color: #E85D04;
}
/* 中间列、右侧列通用 */
.foot-col-center, .foot-col-right{
    padding-left: 20px;
    border-left: 1px solid #2b2b2f;
}
.foot-column-title-en{
	margin-top: 8px;
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: #E85D04;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}
.foot-column-title{
    font-family: "EB Garamond", serif;
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 400;
}
.foot-company-name{
    font-family: 'Inter', sans-serif;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 24px;
}
.foot-info-item{
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 22px;
}
.foot-info-item i{
    color: #E85D04;
    font-size: 20px;
    margin-top: 4px;
}
.foot-info-item .foot-info-text{
    font-family: 'Inter', sans-serif;
    color: #ddd;
    line-height: 1.6;
    font-size: 14px;
}
.foot-info-item .foot-info-text a{
    color: #ddd;
    text-decoration: none;
    transition: .3s;
}
.foot-info-item .foot-info-text a:hover{
    color: #E85D04;
}
/* 新增底部版权联系栏样式 */
.foot-bottom-bar{
    width: 1320px;
    margin: 0 auto;
    padding-top: 22px;
}
.foot-bottom-inner{
    display: flex;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color:#999;
}
/* 响应式适配（修正原末尾逗号语法错误，新增底部栏适配） */
@media(max-width:1340px){
    .foot-container{
        width: calc(100% - 40px);
    }
    .foot-bottom-bar{
        width: calc(100% - 40px);
    }
}
@media(max-width:768px){
    .foot-container{
        grid-template-columns: 1fr;
        gap:40px;
    }
    .foot-col-center,.foot-col-right{
        border-left:none;
        padding-left:0;
    }
    .foot-bottom-inner{
        flex-direction: column;
        gap:10px;
    }
}



.gcjy-factory-section {
            background-color: #f9f6f2;
            padding: 80px 0;
        }
        .gcjy-container {
            width: 1320px;
            margin: 0 auto;
        }
        .gcjy-content-wrap {
            display: flex;
            align-items: center;
            gap: 60px;
            margin-bottom: 60px;
        }
        .gcjy-text-area {
            flex: 1;
        }
        .gcjy-subtitle {
            color: #e05f18;
            font-size: 16px;
            letter-spacing: 1px;
            margin-bottom: 16px;
        }
        .gcjy-main-title {
			font-family: "EB Garamond", serif;
            font-size: 38px;
            line-height: 1.2;
            font-weight: 600;
            color: #111;
            margin: 0 0 4px;
        }
        .gcjy-desc {
            font-size: 17px;
            color: #555;
            line-height: 1.7;
            max-width: 460px;
            margin-bottom: 32px;
        }
        .gcjy-contact-btn {
            background-color: #e05f18;
            color: #fff;
            border: none;
            padding: 14px 32px;
            border-radius: 15px;
            font-size: 16px;
            cursor: pointer;
            transition: opacity 0.2s;
        }
        .gcjy-contact-btn:hover {
            opacity: 0.9;
        }
        .gcjy-img-area {
            flex: 1.2;
        }
        .gcjy-factory-img {
            width: 100%;
            border-radius: 16px;
            object-fit: cover;
        }
        .gcjy-data-bar {
            display: flex;
            border-top: 1px solid #e8e5e0;
            padding-top: 40px;
        }
        .gcjy-data-item {
			text-align: center;
            flex: 1;
            padding: 0 20px;
        }
        .gcjy-data-item h3 {
            font-size: 23px;
            color: #e05f18;
            margin: 0 0 8px;
            font-weight: 500;
        }
        .gcjy-data-item p {
            margin: 0;
            color: #666;
            font-size: 15px;
        }

.gcjy-fu{
	font-weight: 600;
	color: #e05f18;
	text-align: center;
	font-size: 12px;
}
        @media screen and (max-width:1350px) {
            .gcjy-container { width: calc(100% - 40px); }
            .gcjy-content-wrap { flex-direction: column; }
            .gcjy-data-bar { flex-wrap: wrap; }
            .gcjy-data-item { width: 50%; margin-bottom: 24px; }
        }
        /* 新增竖线样式 */
        .gcjy-border-lr {
            border-left: 1px solid #e8e5e0;
            border-right: 1px solid #e8e5e0;
        }
        .gcjy-border-r {
            border-right: 1px solid #e8e5e0;
        }



.lsgc-cta-section {
            width: 100%;
            background-color: #fbf8f5;
            padding: 80px 0;
        }
        .lsgc-container {
            width: 1320px;
            margin: 0 auto;
            text-align: center;
        }
        .lsgc-sub-heading {
            color: #e05f18;
            font-size: 18px;
            margin: 0 0 20px;
            font-weight: 600;
        }
        .lsgc-main-heading {
            font-size: 64px;
            color: #111111;
            margin: 0 0 24px;
            line-height: 1.2;
            font-weight: 600;
        }
        .lsgc-desc-text {
            font-size: 22px;
            color: #666666;
            margin: 0 auto 40px;
            line-height: 1.4;
            max-width: 1100px;
        }
        .lsgc-contact-btn {
            background-color: #e05f18;
            color: #ffffff;
            border: none;
            border-radius: 999px;
            padding: 15px 44px;
            font-size: 22px;
            cursor: pointer;
            transition: opacity 0.2s ease;
			text-decoration: none;
        }
        .lsgc-contact-btn:hover {
            opacity: 0.9;
        }
        /* 响应式适配 */
        @media screen and (max-width: 1350px) {
            .lsgc-container {
                width: calc(100% - 40px);
            }
            .lsgc-sub-heading {
                font-size: 28px;
            }
            .lsgc-main-heading {
                font-size: 44px;
            }
            .lsgc-desc-text {
                font-size: 22px;
            }
            .lsgc-contact-btn {
                font-size: 22px;
                padding: 16px 48px;
            }
        }




.know-section {
            background-color: #f9f6f2;
            padding: 70px 0;
        }
        .know-container {
            width: 1320px;
            margin: 0 auto;
        }
        .know-top-subtitle {
            color: #E85D04;
            font-size: 13px;
            letter-spacing: 1.2px;
            margin-bottom: 12px;
        }


        .know-top-title {
			font-family: "EB Garamond", serif;
            font-size: 40px;
            line-height: 1.15;
            margin: 0 0 14px;
            color: #111;
			font-weight: 600;
        }


        .know-top-desc {
            font-size: 15px;
            color: #606060;
            margin: 0 0 24px;
        }
        .know-search-wrap {
            position: relative;
            margin-bottom: 24px;
        }
        .know-search-input {
            width: 100%;
            box-sizing: border-box;
            padding: 16px 20px;
            border: 1px solid #ddd;
            border-radius: 12px;
            font-size: 15px;
            background: #fff;
        }
        .know-search-icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: #E85D04;
            font-size: 20px;
        }
        .know-tab-group {
            display: flex;
            gap: 14px;
            margin-bottom: 36px;
            flex-wrap: wrap;
        }
        .know-tab-item {
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 10px 18px;
            border-radius: 30px;
            border: 1px solid #ddd;
            background: #fff;
            cursor: pointer;
            font-size: 15px;
        }
        .know-tab-item i {
            margin-right: 4px;
        }
        .know-tab-item.active {
            border-color: #E85D04;
            background: #fff3ed;
            color: #E85D04;
        }
        .know-featured-label {
            color: #E85D04;
            font-size: 13px;
            letter-spacing: 1px;
            margin-bottom: 16px;
        }
        .know-featured-card {
            display: flex;
            background: #fff;
            border-radius: 14px;
            overflow: hidden;
            margin-bottom: 22px;
            border: 1px solid #eae8e4;
        }
        .know-featured-img-wrap {
            width: 58%;
        }
        .know-featured-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .know-featured-content {
            width: 42%;
            padding: 40px 32px;
        }
        .know-tag-small {
            color: #E85D04;
            font-size: 13px;
            margin-bottom: 14px;
        }
        .know-card-title {
			font-family: "EB Garamond", serif;
            font-size: 26px;
            line-height: 1.25;
            margin: 0 0 12px;
            color: #111;
        }
        .know-card-desc {
            color: #606060;
            font-size: 15px;
            line-height: 1.5;
            margin-bottom: 18px;
        }
        .know-link-text {
            color: #E85D04;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            cursor: pointer;
        }
        .know-grid-wrap {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 22px;
        }
        .know-grid-card {
            background: #fff;
            border-radius: 14px;
            overflow: hidden;
            border: 1px solid #eae8e4;
        }
        .know-grid-img {
            width: 100%;
            height: 220px;
            object-fit: cover;
        }
        .know-grid-content {
            padding: 20px;
        }
        /* 响应式适配 */
        @media screen and (max-width: 1350px) {
            .know-container {
                width: calc(100% - 40px);
            }
            .know-top-title {
                font-size: 36px;
            }
            .know-featured-card {
                flex-direction: column;
            }
            .know-featured-img-wrap,.know-featured-content {
                width: 100%;
            }
            .know-grid-wrap {
                grid-template-columns: repeat(2,1fr);
            }
        }
        @media screen and (max-width:768px) {
            .know-grid-wrap {
                grid-template-columns: 1fr;
            }
        }
.know-featured-card,
.know-grid-card {
    transition: transform 0.3s ease;
}
.know-featured-card:hover,
.know-grid-card:hover {
    transform: translateY(-8px);
}






.prod-banner-wrap {
            width: 100%;
            background: #f8f0e6;
            
            background-size: cover;
            background-position: center;
            padding: 60px 20px;
        }
        .prod-banner-container {
            width: 1320px;
            margin: 0 auto;
            text-align: center;
        }
        .prod-banner-subtitle {
			font-weight: 600;
            color: #e05f18;
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 2px;
            
        }
        .prod-banner-title {    
			font-family: "EB Garamond", serif !important;
            font-size: 40px;
            margin-bottom: 16px;
        }
        .prod-banner-desc {
            font-size: 15px;
            color: #555;
            margin-bottom: 28px;
        }
        .prod-search-box {
    width: 70%;
    margin: 0 auto;
    position: relative;
}
.prod-search-input {
    width: 100%;
    padding: 16px 50px 16px 20px;
    border: 1px solid #ddd;
    border-radius: 12px;
    font-size: 15px;
}
.prod-search-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #e05f18;
    font-size: 22px;
    border: 0;
    background-color: transparent;
}
/* form弹性布局，保证input占满 */
.prod-search-form{
    display:block;
    width:100%;
}
        /* 主体内容容器 */
        .prod-main-wrap {
            width: 1320px;
            margin: 40px auto;
            display: flex;
            gap: 30px;
        }
        /* 左侧导航 */
        .prod-left-sidebar {
            width: 260px;
            flex-shrink: 0;
        }
        .prod-sidebar-block {
            border: 1px solid #eee;
            border-radius: 10px;
            padding: 24px;
            margin-bottom: 18px;
        }
        .prod-sidebar-title {
			
    		font-family: "EB Garamond", serif;
            font-size: 22px;
            margin-bottom: 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .prod-nav-item {
            display: block;
            padding: 10px 8px;
            color: #333;
            text-decoration: none;
            border-radius: 6px;
            margin-bottom: 4px;
        }
        .prod-nav-item.active {
            color: #000;
        }
        .prod-nav-group-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 8px;
            cursor: pointer;
            font-size: 17px;
            margin-top: 12px;
        }
        /* 新增二级菜单样式 */
        .prod-nav-submenu {
            overflow: hidden;
            max-height: 0;
            transition: max-height 0.3s ease;
            padding-left: 12px;
        }
        .prod-nav-submenu.open {
            max-height: 300px;
        }
        /* 右侧卡片区域 */
        .prod-right-content {
            flex: 1;
        }
        .prod-content-head {
            display: flex;
            justify-content: space-between;
            margin-bottom: 24px;
            padding-bottom: 12px;
            border-bottom: 1px solid #eee;
        }
        .prod-card-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-bottom: 36px;
        }
        .prod-card-item {
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #eee;
            transition: transform 0.3s ease;
        }
        .prod-card-item:hover {
            transform: translateY(-8px); /* 鼠标悬浮上浮 */
        }
        .prod-card-img-wrap {
            width: 100%;
            aspect-ratio: 1 / 0.8;
        }
        .prod-card-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit:  contain;
        }
        .prod-card-info {
            padding: 16px;
        }
        .prod-card-tag {
            color: #e05f18;
            font-size: 14px;
            margin-bottom: 8px;
        }
        .prod-card-name {
			font-family: "EB Garamond", serif;
			
            font-size: 20px;
        }
        /* 分页 */
        .prod-pagination {
            display: flex;
            justify-content: center;
            gap: 8px;
        }
        .prod-page-btn {
            width: 40px;
            height: 40px;
            border-radius: 6px;
            border: 1px solid #eee;
            background: #fff;
            cursor: pointer;
        }
        }
        .prod-page-btn.active {
            background: #e05f18;
            color: white;
            border-color: #e05f18;
        }



.prod-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #333;
    transition: transform 0.3s ease;
}

.prod-nav-group-header.active .prod-arrow {
    transform: rotate(180deg);
}

.pro-h2{
	font-size: 23px;
	    font-family: "EB Garamond", serif;
}



.pagination {
	text-align: center;
margin: 20px auto;
	justify-content: center;
    padding-left: 0;
    list-style: none;
}
        
        .pagination li a {
    height: 48px;
   
    text-align: center;
    line-height: 48px;
   
    display: inline-block;
    color: #475467;
    background-color: transparent;
    border: 1px solid #EAECF0;
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;    padding: 0 16px;
}
        
         .pagination li {
    display: inline-block;
    margin-right: 6px;
}
        
        
        .pagination .active {
    
    color: #ffffff;
}





.cont-wrapper {
            width: 100%;
            padding: 60px 20px;
            background-color: #fcf8f2;
        }
        .cont-container {
            max-width: 1320px;
            margin: 0 auto;
        }
        /* 顶部标题 */
        .cont-header-top-tag {
			font-weight: 600;
            text-align: center;
            color: #E85D04;
            font-size: 13px;
            letter-spacing: 1px;
            margin-bottom: 12px;
            text-transform: uppercase;
        }
        .cont-main-title {
			font-family: "EB Garamond", serif;
            text-align: center;
            font-size: 30px;
            line-height: 1.2;
            margin-bottom: 14px;
            color: #111;
        }
        .cont-sub-desc {
            text-align: center;
            font-size: 14px;
            color: #666;
            margin-bottom: 48px;
        }
        /* 左右内容容器 修改占比：左35% 右65% */
        .cont-content-row {
            display: flex;
            gap: 24px;
        }
        .cont-col-left {
            width: 40%;
			height: 800px;
            background: #faf5ec;
            border-radius: 24px;
            padding: 48px 36px;
        }
        .cont-col-right {
    width: 60%;
    background: #fff;
    border-radius: 16px;
    padding: 40px 32px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    /* 核心设置：固定整体高度700px */
    height: 800px;
    /* 内部垂直布局 */
    display: flex;
    flex-direction: column;
}
/* 表单主体区域：超出高度自动出现滚动条 */
.cont-main-form {
    flex: 1;
    overflow-y: auto;
    /* 预留上下内边距避免贴边 */
    padding-right: 8px;
}
/* 滚动条美化（可选，优化视觉） */
.cont-main-form::-webkit-scrollbar {
    width: 6px;
}
.cont-main-form::-webkit-scrollbar-thumb {
    background: #E85D04;
    border-radius: 3px;
}
.cont-main-form::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* -------------------------- 下方原有所有样式完全保留，无改动 -------------------------- */
/* 左侧联系信息样式 */
.cont-contact-block {
        margin-top: 30px;
    padding-bottom: 32px;
    border-bottom: 1px solid #e9ddcd;
}
.cont-contact-block:last-of-type {
    border-bottom: none;
}
.cont-contact-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #222;
}
.cont-contact-address, .cont-contact-email, .cont-contact-chat {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    color: #444;
    line-height: 1.6;
    font-size: 14px;
}
/* 图标图片统一尺寸 */
.cont-contact-img-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 4px;
}
.cont-contact-building-img {
    width: 72px;
    height: auto;
    margin-bottom: 16px;
}
.cont-contact-footer-text {
    color: #E85D04;
    
    font-style: normal;
    font-size: 12px;
}
/* 右侧表单 */
.cont-form-title {
	
	font-family: "EB Garamond", serif;
    font-size: 30px;
    margin-bottom: 8px;
}
.cont-form-desc {
    color: #666;
    margin-bottom: 32px;
}
.cont-form-grid-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
}
.cont-form-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.cont-form-label {
    font-size: 15px;
    color: #222;
}
.cont-form-label span {
    color: #E85D04;
}
.cont-form-input, .cont-form-select, .cont-form-textarea {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 12px 14px;
    font-size: 15px;
    outline: none;
    transition: border-color .2s;
}
.cont-form-input:focus, .cont-form-select:focus, .cont-form-textarea:focus {
    border-color: #E85D04;
}
.cont-form-full {
    margin-bottom: 20px;
}
.cont-form-textarea {
    min-height: 140px;
    resize: vertical;
}
/* 上传区域 */
.cont-upload-wrap {
    margin: 24px 0;
}
.cont-upload-title {
    margin-bottom: 12px;
    font-size: 15px;
}
.cont-upload-area {
    border: 2px dashed #ccd2e0;
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    cursor: pointer;
    transition: all .25s ease;
    background: #fcfcff;
}
.cont-upload-area:hover {
    border-color: #E85D04;
    background: #fff3eb;
}
.cont-upload-icon {
    font-size: 40px;
    color: #999;
    margin-bottom: 12px;
}
.cont-upload-main-text {
    font-size: 15px;
    color: #333;
    margin-bottom: 8px;
}
.cont-upload-tip-text {
    color: #666;
}
.cont-upload-input {
    display: none;
}
/* 提交按钮 */
.cont-submit-btn {
    width: 100%;
    padding: 14px;
    background-color: #E85D04;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s;
}
.cont-submit-btn:hover {
    background-color: #d15203;
}
.cont-form-bottom-note {
	font-size: 15px;
    text-align: center;
    margin-top: 16px;
    color: #666;
}
/* 响应式适配 */
@media(max-width:992px){
    .cont-content-row{
        flex-direction: column;
    }
    .cont-col-left,.cont-col-right{
        width: 100%;
        /* 移动端取消固定高度，自适应内容高度 */
        height: auto;
    }
    .cont-main-form {
        overflow-y: visible;
    }
    .cont-form-grid-two{
        grid-template-columns: 1fr;
    }
    .cont-main-title{
        font-size: 32px;
    }
}

.cont-h2{
	font-size:30px;
	margin-bottom:36px;
	font-family: "EB Garamond", serif;
	
}




.conta-wrapper {
            width: 100%;
            padding: 0px 20px;
            background-color: #fcf6ec;
        }
        .conta-container {
           
            margin: 0 auto;
            display: flex;
            gap: 48px;
            align-items: flex-start;
        }
        /* 左侧区域 */
        .conta-left {
			margin-top: 80px;
            width: 45%;
            padding-top: 24px;
        }
        .conta-top-tag {
            color: #E85D04;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 13px;
            margin-bottom: 18px;
            font-weight: 600;
        }
        .conta-main-title {
			font-family: "EB Garamond", serif;
            font-size: 40px;
            line-height: 1.05;
            margin-bottom: 24px;
            font-weight: 300; /* 单独降低主标题粗细到300，更纤细 */
        }
        .conta-desc-text {
            font-size: 15px;
            color: #4b5563;
            line-height: 1.6;
            margin-bottom: 24px;
            max-width: 520px;
            font-weight: 400;
        }
        .conta-tip-text {
            font-size: 16px;
            color: #E85D04;
            font-weight: 400;
        }
        /* 右侧区域 */
        .conta-right {
            width: 55%;
            background: #faf3e9;
            border-radius: 24px;
            padding: 0 30px;
            transition: all 0.3s ease;
            border: 1px solid transparent;
        }
        .conta-right:hover {
            background: #fff7ee;
            border-color: #f0d2b4;
            box-shadow: 0 8px 24px rgba(232, 93, 4, 0.08);
        }
        .conta-item {
            display: flex;
            gap: 24px;
            padding: 16px 0;
            border-bottom: 1px solid #eedacc;
        }
        .conta-item:last-of-type {
            border-bottom: none;
        }
        .conta-item-icon {
            width: 38px;
            height: 38px;
            flex-shrink: 0;
            margin-top: 4px;
        }
        .conta-item-title {
			font-family: "EB Garamond", serif;
            font-size: 18px;
            margin-bottom: 10px;
            font-weight: 400;
        }
        .conta-item-desc {
            font-size: 13px;
            color: #4b5563;
            line-height: 1.5;
            font-weight: 400;
        }
        .conta-item-optional {
            background: #fff9f2;
            border-radius: 18px;
            padding: 14px;
            margin-top: 12px;
        }
        .conta-back-btn-wrap {
            width: 100%;
            margin:30px auto;
            text-align: center;
        }
        .conta-back-btn {
			
            border: 1px solid #E85D04;
            color: #E85D04;
            background: transparent;
            padding: 12px 22px;
            border-radius: 12px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.25s;
            font-weight: 400;
        }
        .conta-back-btn:hover {
            background-color: #E85D04;
            color: #ffffff;
        }
        /* 响应式适配 */
        @media(max-width: 992px) {
            .conta-container {
                flex-direction: column;
            }
            .conta-left, .conta-right {
                width: 100%;
            }
            .conta-main-title {
                font-size: 44px;
            }
        }



.vid-wrap {
    max-width: 1320px;
    margin: 0 auto;
    width: 100%;
    padding: 0 10px;
}
/* 轮播外壳 */
.vid-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
/* 滚动轨道 */
.vid-track {
    display: flex;
    transition: transform 0.5s ease;
    width: max-content;
}
/* 单项卡片 一行4个 */
.vid-item {
    flex: 0 0 auto;
    padding: 0 12px;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}
/* 卡片悬浮上浮 */
/*
.vid-item:hover {
    transform: translateY(-8px);
}
*/
/* 卡片主体 */
.vid-card {
    
}
/* 图片容器 9:16竖屏自适应容器（关键修改） */
.vid-img-box {
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    /* 9:16竖屏比例计算：高度/宽度 = 16/9 ≈ 177.78% */
    padding-top: 177.78%;
    height: 0;
}
.vid-img-box img,
.vid-img-box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* 播放按钮遮罩 */
.vid-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0,0,0,0.45);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.25s;
    z-index: 2;
}
.vid-play-btn:hover {
    background: rgba(0,0,0,0.7);
}
.vid-play-btn::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 20px solid #ffffff;
    margin-left: 4px;
}
/* 标题 */
.vid-title {
	font-weight: 500;
    text-align: center;
    padding: 14px 8px;
    font-size: 16px;
    color: #222;
}
/* 轮播箭头（可选） */
.vid-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    z-index: 2;
}
.vid-prev { left: 10px; }
.vid-next { right: 10px; }

/* 视频弹窗样式 */
/*
.vid-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.85);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}
.vid-modal.active {
    display: flex;
}
.vid-modal-inner {
    width: 80%;
    max-width: 900px;
    position: relative;
}
.vid-modal video {
    width: 100%;
    display: block;
}
.vid-close {
    position: absolute;
    right: -35px;
    top: -35px;
    color: #fff;
    font-size: 32px;
    cursor: pointer;
}
*/


.vid-img-box video {
	
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;
}


/* 响应式适配（按需保留） */
@media (max-width:1200px){
    .vid-item {
        flex: 0 0 auto;
    }
}
@media (max-width:768px){
    .vid-item {
        flex: 0 0 auto;
    }
    .vid-img-box {
        width: 100%;
        height: auto;
        aspect-ratio: 240/330;
    }
}




.cont-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px 32px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    /* 核心要求：固定整体高度565px */
    height: 385px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
/* 顶部橙色小字，改用指定色值#E85D04 */
.cont-top-tip {
	    position: relative;
    top: 9px;
	font-weight: 700;
    text-align: center;
    color: #E85D04;
    letter-spacing: 2px;
    margin: 0;
    font-size: 12px;
}
/* 大标题 */
.cont-main-title {
	font-family: "EB Garamond", serif;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    line-height: 1.2;
}
/* 两个二维码横向容器 */
.cont-qr-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: flex-start;
}
.cont-qr-item {
    text-align: center;
}
.cont-qr-box {
    width: 190px;
    height: 190px;
    background: #ffffff;
    border-radius: 16px;
   
    box-sizing: border-box;
}
.cont-qr-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.cont-qr-name {
	font-family: "EB Garamond", serif;
	font-weight: 500;
    font-size: 18px;
   
}
/* 删除原图不存在的二维码描述文字 */
.cont-qr-desc {
    display: none;
}
/* 两个二维码中间竖分割线 */
.cont-divider {
    width: 1px;
    background-color: #e2e2e2;
    height: 200px;
    margin-top: 12px;
}
/* 横向分割线 */
.cont-divider-line {
    width: 100%;
    height: 1px;
    background-color: #e2e2e2;
    margin: 0;
}
/* 邮箱行 */
.cont-email-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}
.cont-email-icon {
    width: 28px;
    height: 28px;
    /* svg内stroke已经写#E85D04，这里无需重复设置 */
}
.cont-email-text {
	font-weight: 500;
    font-size: 15px;
}

/* 移动端适配 */
@media (max-width: 992px) {
    .cont-card {
        height: auto;
        min-height: 415px;
    }
    .cont-main-title {
		font-family: "EB Garamond", serif;
        font-size: 28px;
    }
    .cont-qr-box {
        width: 140px;
        height: 140px;
    }
    .cont-qr-name {
        font-size: 20px;
    }
    .cont-email-text {
        font-size: 17px;
    }
}




.float-contact-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* 单个图标容器 */
.float-contact-item {
    position: relative;
}
/* 圆形悬浮图标 颜色 #e05f18 */
.float-contact-icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #e05f18;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.25s ease, opacity 0.25s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.float-contact-icon:hover {
    transform: translateY(-4px);
    opacity: 0.9;
}
.float-contact-icon i {
    font-size: 26px;
    color: #ffffff;
}
/* 二维码弹窗 默认隐藏 */
.float-qr-modal {
    position: absolute;
    right: calc(100% + 20px);
    bottom: 0;
    display: none;
}
.float-qr-modal.active {
    display: block;
}
/* 二维码卡片 */
.float-qr-box {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    width: 220px;
    position: relative;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}
.float-qr-box img {
    width: 100%;
    display: block;
}
.float-qr-box p {
    text-align: center;
    margin:12px 0 0;
    color:#555;
}
/* 关闭按钮 */
.float-qr-close {
    position: absolute;
    top:8px;
    right:12px;
    font-size:22px;
    cursor:pointer;
    color:#888;
}
.float-qr-close:hover {
    color:#000;
}



.ls-form-full {
    width: 100%;
}
.ls-form-item {
    margin-bottom: 24px;
}
.ls-form-label {
    display: block;
    font-size: 16px;
    color: #222;
    margin-bottom: 12px;
}
.ls-form-label span {
    color: #E85D04;
}

/* 单选标签外层容器 */
.ls-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.ls-radio-item {
    cursor: pointer;
}
.ls-radio-item input {
    display: none;
}
.ls-radio-text {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 15px;
    transition: all 0.24s ease;
}
/* 选中激活样式 */
.ls-radio-item input:checked + .ls-radio-text {
    background-color: #E85D04;
    border-color: #E85D04;
    color: #ffffff;
}
.ls-radio-text:hover {
    border-color: #E85D04;
}

/* 移动端适配，垂直排布 */
@media (max-width: 768px) {
    .ls-radio-group {
        flex-direction: column;
    }
}

.jyls-container{width:1320px;margin:0 auto;padding:20px 0;}

/* ========== 顶部产品区块：整体米色背景 ========== */
.jyls-product-top-wrap{
    background:#f8f1e8;
    padding:56px 0;
}
.jyls-product-main{
    display:flex;
    gap:64px;
    align-items:center;
}
/* 左侧图片容器 宽度保持不变 flex:0 0 48% 不改动 */
.jyls-pro-img-wrap{
    flex:0 0 48%;
    background:#ffffff;
    border-radius:24px;
    box-shadow:0 8px 30px rgba(0,0,0,0.06);
    padding:32px;
}
.jyls-pro-img-inner{
    position: relative;
    border-radius:16px;
    overflow: hidden;
    margin-bottom: 20px;
}
/* 大图轮播容器 */
.jyls-pro-slide-box {
    width: 100%;
}
.jyls-pro-slide-item {
    display: none;
}
.jyls-pro-slide-item.active {
	
    display: block;
}
.jyls-pro-main-img{
	object-fit: contain;
    height: 500px;
    width:100%;
    display:block;
}
/* 箭头样式 */
.jyls-pro-arrow {
    width: 44px;
    height: 44px;
    background: rgb(231 231 231 / 75%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 16px;
    color: #222;
    opacity: 1;
    transition: all 0.24s ease;
    z-index: 9;
}
.jyls-pro-prev {
    left: 16px;
}
.jyls-pro-next {
    right: 16px;
}
.jyls-pro-arrow:hover {
    background: #fff;
}

/* ========== 缩略图滚动容器【新增】支持横向滚轮滑动 ========== */
.jyls-pro-thumb-scroll{
    overflow-x: auto;
    overflow-y:hidden;
    padding-bottom:6px;
    /* 自定义滚动条美化 */
    scrollbar-width: thin;
}
.jyls-pro-thumb-scroll::-webkit-scrollbar{
    height:4px;
}
.jyls-pro-thumb-scroll::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius:3px;
}
.jyls-pro-thumb-list{
    display:flex;
    gap:12px;
    width:max-content;
}
.jyls-pro-thumb-item{
    width: 86px;
    height: 86px;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border:2px solid transparent;
    opacity:0.65;
    transition: 0.24s ease;
    flex-shrink:0;
}
.jyls-pro-thumb-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.jyls-pro-thumb-item.active{
    border-color:#e85d04;
    opacity:1;
}
.jyls-pro-thumb-item:hover{
    opacity:1;
}

/* 右侧信息区 */
.jyls-pro-info{flex:1;}
.jyls-pro-top-tag{
	font-family: "EB Garamond", serif;
	font-weight: 700;
    color:#ff6700;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.5px;
}
.jyls-pro-title{
    font-size:38px;
    font-weight:700;
    font-family: "EB Garamond", serif;
    line-height:1.1;
    margin-bottom:22px;
    color:#111;
}
.pro-p{
    font-size:14px;
    color:#707070;
    line-height:1.7;
    margin-bottom:26px;
}
.jyls-pro-row{
    display:grid;
    grid-template-columns:160px 1fr;
    padding:14px 0;
    border-bottom:1px solid #e4e0d8;
}
.jyls-pro-row-label{
	font-size: 13px;
    color:#ff6700;
    font-weight:600;
    text-transform:uppercase;
}
.jyls-pro-row-value{
    color:#222;
}

/* ========== 更多产品推荐模块 ========== */
.jyls-recommend-wrap{
    padding:70px 0;
}
.jyls-recommend-header{margin-bottom:40px;}
.jyls-recommend-top-tag{
	font-weight: 700;
    color:#ff6700;
    font-size:11px;
    text-transform:uppercase;
}
.jyls-recommend-title{
    font-size:38px;
    font-weight:700;
    font-family:"EB Garamond",serif;
    margin-bottom:12px;
}
.jyls-recommend-desc{
    color:#666;
    font-size:14px;
}
.jyls-recommend-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}
.jyls-pro-card{
    background:#fff;
    border-radius:20px;
    padding:20px;
    box-shadow:0 6px 22px rgba(0,0,0,0.05);
    transition:transform .3s ease;
}
.jyls-pro-card:hover{transform:translateY(-8px);}
.jyls-pro-card img{
    width:100%;
    border-radius:12px;
    margin-bottom:14px;
}
.jyls-pro-card p{
    font-family:"EB Garamond",serif;
    font-size:16px;
    color:#222;
}


.ls-gs{
	font-size: 11px;
	color: #e05f18;
	font-weight: 600;
}

.ls-zn{
	margin-bottom: 15px;
	font-size: 12px;
	color: #000;
}

/* ============================================================
   mobile-responsive.css
   Comprehensive mobile responsive overrides for XunRui CMS site
   Appended to skim.css. Breakpoints: 992px / 768px / 480px
   ============================================================ */

/* ============================================================
   0. Global reset helpers & box-sizing guard
   ============================================================ */
*, *::before, *::after {
  box-sizing: border-box;
}

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

/* 桌面端隐藏移动端菜单元素 */
.mobile-menu-toggle {
  display: none;
}
.mobile-nav-overlay,
.mobile-nav-panel {
  display: none;
}

/* ============================================================
   1. Base tablet adjustments (max-width: 992px)
   ============================================================ */
@media (max-width: 992px) {

  /* --- Containers: make all fixed-width layouts fluid --- */
  .container,
  .xlls-container,
  .al-container,
  .al-banner-inner,
  .lc-container,
  .lc-banner-inner,
  .gc-container,
  .gc-head-inner,
  .gc-data-wrap,
  .zsk-container,
  .zsk-banner-inner,
  .pro-container,
  .pro-banner-inner,
  .jy-fw-top-inner,
  .jy-fw-page,
  .xl-container,
  .xl-container-1,
  .lxjy-cert-wrap,
  .fac-production-wrap,
  .tre-box,
  .jyxl-container,
  .jyxl-wrap,
  .kk-container,
  .know-container,
  .prod-banner-container,
  .prod-main-wrap,
  .cont-container,
  .conta-container,
  .lsgc-container,
  .gcjy-container,
  .csls-container,
  .vid-wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Some containers have top/bottom padding, preserve it */
  .gc-container,
  .zsk-container,
  .pro-container,
  .lc-container,
  .cont-container,
  .conta-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* --- Typography scale down --- */
  .xlls-banner-title,
  .xlls-section-title,
  .xl-section-title,
  .xl-section-title-new,
  .xl-section-title-1,
  .al-banner-main-title,
  .lc-banner-main-title,
  .gc-head-title,
  .zsk-banner-main-title,
  .pro-banner-main-title,
  .prod-banner-title,
  .know-top-title,
  .jy-fw-top-logo-text,
  .jy-fw-cta-main-title,
  .gcjy-main-title,
  .lsgc-main-heading,
  .jyls-pro-title,
  .jyls-recommend-title,
  .conta-main-title,
  .cont-main-title,
  .fac-production-title {
    font-size: clamp(24px, 5vw, 32px) !important;
    line-height: 1.2 !important;
  }

  .xlls-section-desc,
  .xl-factory-desc,
  .xl-video-desc-tip,
  .al-banner-sub-title,
  .lc-banner-sub-desc,
  .gc-head-desc,
  .zsk-banner-sub-text,
  .pro-banner-sub-text,
  .prod-banner-desc,
  .know-top-desc,
  .jy-fw-top-sub-en,
  .jy-fw-desc,
  .gcjy-desc,
  .lsgc-desc-text,
  .jyls-recommend-desc,
  .pro-p {
    font-size: 14px !important;
  }

  /* ============================================================
     2. Header & mobile navigation (max-width: 992px)
     ============================================================ */
  header {
    height: auto;
  }

  .header-wrap {
    justify-content: space-between !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .logo img {
    max-width: 140px !important;
    width: auto !important;
  }

  /* Hide desktop nav by default on tablet/mobile */
  .nav-menu,
  .jyls-nav-bar {
    display: none !important;
  }

  /* 显示移动端菜单元素 */
  .mobile-nav-overlay,
  .mobile-nav-panel {
    display: block;
  }

  /* Hamburger toggle button */
  .mobile-menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1001;
    position: relative;
  }

  .mobile-menu-toggle span,
  .mobile-menu-toggle span::before,
  .mobile-menu-toggle span::after {
    display: block;
    width: 26px;
    height: 2px;
    background: #222;
    border-radius: 2px;
    transition: all 0.3s ease;
  }

  .mobile-menu-toggle span {
    position: relative;
  }

  .mobile-menu-toggle span::before,
  .mobile-menu-toggle span::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .mobile-menu-toggle span::before {
    top: -8px;
  }

  .mobile-menu-toggle span::after {
    top: 8px;
  }

  .mobile-menu-toggle.active span {
    background: transparent;
  }

  .mobile-menu-toggle.active span::before {
    top: 0;
    transform: rotate(45deg);
  }

  .mobile-menu-toggle.active span::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* Overlay */
  .mobile-nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .mobile-nav-overlay.active {
    opacity: 1;
    visibility: visible;
  }

  /* Side panel */
  .mobile-nav-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: min(320px, 85vw);
    height: 100vh;
    background: #fff;
    z-index: 999;
    transform: translateX(100%);
    transition: transform 0.35s ease;
    overflow-y: auto;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.12);
    padding: 70px 20px 30px;
  }

  .mobile-nav-panel.active {
    transform: translateX(0);
  }

  /* Close button */
  .mobile-nav-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 50%;
    border: none;
    font-size: 22px;
    color: #222;
    cursor: pointer;
    z-index: 1000;
  }

  /* Mobile nav links */
  .mobile-nav-panel .nav-menu {
    display: flex !important;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  .mobile-nav-panel .nav-menu a {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
    color: #222;
    font-size: 15px;
    text-decoration: none;
  }

  .mobile-nav-panel .nav-menu a.ls-active {
    color: #DD5411;
  }

  /* Mobile dropdowns */
  .mobile-nav-panel .ls-sub-dropdown {
    position: static;
    display: block;
    box-shadow: none;
    padding: 0 0 0 14px;
    background: #fafafa;
    border-radius: 6px;
    margin: 6px 0 10px;
  }

  .mobile-nav-panel .ls-sub-dropdown a {
    padding: 10px 0;
    font-size: 14px;
    color: #E85D04;
    border-bottom: none;
  }

  /* Language switch in mobile panel */
  .mobile-nav-panel .jyls-lang-switch {
    margin-top: 20px;
    padding: 12px;
    background: #f5f5f5;
    border-radius: 8px;
    justify-content: center;
  }

  /* ============================================================
     3. Home page - xlls sections (max-width: 992px)
     ============================================================ */
  .xlls-banner {
    height: auto !important;
    min-height: 320px;
    padding: 60px 0;
  }

  .xlls-banner-content {
    width: 100% !important;
   
  }

  .xlls-banner-btns {
  
    align-items: center;
    gap: 12px;
  }



  .xlls-tab-nav {
    flex-wrap: wrap;
    gap: 16px !important;
    justify-content: center !important;
  }

  .xlls-tab-nav-item {
    font-size: 14px !important;
  }

  .xlls-product-grid,
  .xlls-cert-grid,
  .xlls-news-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }

  .xlls-factory-data {
    width: 100% !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    padding: 20px !important;
  }

  .xlls-factory-wrap {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .xlls-factory-img {
    width: 100% !important;
    height: auto !important;
  }

  .xlls-contact-wrap {
    flex-direction: column !important;
    gap: 40px !important;
  }

  .xlls-contact-left,
  .xlls-contact-right {
    width: 100% !important;
  }

  .xlls-video-wrap {
    flex-direction: column !important;
  }

  .xlls-video-main,
  .xlls-video-side {
    width: 100% !important;
    height: auto !important;
  }

  .xlls-process-row {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .xlls-process-item {
    width: 30% !important;
  }

  .xlls-process-item:not(:last-child)::after {
    display: none;
  }

  /* ============================================================
     4. lsjy / lxl partner sections (max-width: 992px)
     ============================================================ */
  .lsjy-container {
    width: 100% !important;
    padding: 40px 16px !important;
  }

  .lsjy-content-row {
    flex-direction: column !important;
    height: auto !important;
    gap: 24px !important;
  }

  .lsjy-left-img-wrap,
  .lsjy-right-content {
    width: 100% !important;
    height: auto !important;
  }

  .lsjy-factory-img {
    height: 260px !important;
  }

  .lsjy-info-card {
    padding: 24px 20px !important;
  }

  .lxl-wrap {
    width: 100% !important;
    padding: 40px 16px !important;
  }

  .lxl-logo-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    
  }

  .lxl-logo-grid.lxl-grid-open {
    max-height: 2000px !important;
  }

  /* ============================================================
     5. About / jy-fw page (max-width: 992px)
     ============================================================ */
  .jy-fw-top-banner {
    min-height: auto !important;
    padding: 80px 16px !important;
  }

  .jy-fw-top-logo-text {
    font-size: 36px !important;
  }

  .jy-fw-top-sub-main {
    font-size: 20px !important;
  }

  .jy-fw-row,
  .jy-fw-row-1 {
    flex-direction: column !important;
    height: auto !important;
  }

  .jy-fw-col {
    width: 100% !important;
    padding: 40px 20px !important;
  }

  .jy-fw-col-img {
    height: 300px !important;
    padding: 0 !important;
  }

  .jy-fw-cta-block {
    padding: 60px 16px !important;
  }

  .jy-fw-cta-main-title {
    font-size: 26px !important;
  }

  .jy-fw-btn-group {
    flex-direction: column;
    align-items: center;
  }

  /* ============================================================
     6. Case / al page (max-width: 992px)
     ============================================================ */
  .al-case-banner {
    padding: 70px 16px !important;
  }

  .al-grid-row,
  .al-two-col-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    padding-bottom: 40px !important;
  }

  .al-card-img-box,
  .al-two-col-card {
    height: 240px !important;
  }

  .al-switch-item,
  .al-switch-item.reverse {
    grid-template-columns: 1fr !important;
    direction: ltr !important;
    gap: 24px !important;
    margin-bottom: 40px !important;
  }

  .al-switch-img-box {
    height: 280px !important;
  }

  .al-featured-top-card {
    height: 300px !important;
    margin-bottom: 30px !important;
  }

  .al-featured-top-text h3 {
    font-size: 24px !important;
  }

  .al-featured-list-item {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .al-featured-list-img {
    height: 200px !important;
  }

  /* ============================================================
     7. Process / lc page (max-width: 992px)
     ============================================================ */
  .lc-process-banner {
    padding: 70px 16px !important;
  }

  .lc-process-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }

  .lc-card-head {
    height: auto !important;
    min-height: 220px;
  }

  /* ============================================================
     8. Knowledge / zsk pages (max-width: 992px)
     ============================================================ */
  .zsk-banner-wrap {
    padding: 70px 16px !important;
  }

  .zsk-search-input-wrap {
    width: 100% !important;
  }

  .zsk-tab-nav {
    gap: 8px !important;
  }

  .zsk-tab-item {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }

  .zsk-faq-head {
    padding: 16px !important;
  }

  .zsk-faq-question {
    font-size: 16px !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .zsk-faq-desc-short {
    padding-left: 0 !important;
  }

  /* know page */
  .know-featured-card {
    flex-direction: column !important;
  }

  .know-featured-img-wrap,
  .know-featured-content {
    width: 100% !important;
  }

  .know-featured-img {
    height: 220px;
  }

  .know-grid-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  /* ============================================================
     9. Product list / prod + pro pages (max-width: 992px)
     ============================================================ */
  .prod-banner-wrap {
    padding: 50px 16px !important;
  }

  .prod-search-box {
    width: 100% !important;
  }

  .prod-main-wrap {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .prod-left-sidebar {
    width: 100% !important;
  }

  .prod-sidebar-block {
    padding: 20px !important;
  }

  .prod-card-grid,
  .pro-card-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .pro-container {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .pro-filter-sidebar {
    width: 100% !important;
  }

  .pro-banner-main-title {
    font-size: 38px !important;
  }

  .pro-search-input-wrap {
    width: 100% !important;
  }

  /* ============================================================
     10. Product detail / jyls page (max-width: 992px)
     ============================================================ */
  .jyls-container {
    width: 100% !important;
    padding: 20px 16px !important;
  }

  .jyls-product-main {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .jyls-pro-img-wrap,
  .jyls-pro-info {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .jyls-pro-main-img {
    height: 350px !important;
  }

  .jyls-recommend-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  /* ============================================================
     11. Factory / gc + gcjy pages (max-width: 992px)
     ============================================================ */
  .gc-head-section {
    padding: 50px 0 !important;
  }

  .gc-data-row,
  .gc-big-img-row,
  .gc-gallery-grid,
  .gc-process-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .gc-two-col-text-row {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .gc-big-img {
    height: 180px !important;
  }

  .gcjy-content-wrap {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .gcjy-text-area,
  .gcjy-img-area {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .gcjy-data-bar {
    flex-wrap: wrap !important;
  }

  .gcjy-data-item {
    width: 50% !important;
    flex: 0 0 50% !important;
    margin-bottom: 20px;
  }

  .gcjy-border-lr,
  .gcjy-border-r {
    border: none !important;
  }

  /* ============================================================
     12. Contact / cont + conta pages (max-width: 992px)
     ============================================================ */
  .cont-content-row {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .cont-col-left,
  .cont-col-right {
    width: 100% !important;
    height: auto !important;
    padding: 28px 24px !important;
  }

  .cont-main-form {
    overflow-y: visible !important;
  }

  .cont-form-grid-two {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .conta-container {
    flex-direction: column !important;
    gap: 30px !important;
  }

  .conta-left,
  .conta-right {
    width: 100% !important;
  }

  .conta-left {
    margin-top: 0 !important;
  }

  /* ============================================================
     13. Index-1 / xl sections (max-width: 992px)
     ============================================================ */
  .xl-section {
    padding: 60px 0 !important;
  }

  .xl-top-banner {
    height: 500px !important;
  }

  .xl-banner-text-wrap h2 {
    font-size: 36px !important;
  }

  .xl-intro-wrap {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .xl-intro-right-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .xl-intro-data-list {
    flex-wrap: wrap;
    gap: 20px !important;
  }

  .xl-news-wrap {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .xl-news-main {
    width: 100% !important;
  }

  .xl-news-sidebar-list {
    height: auto !important;
  }

  .xl-tab-btn-group {
    flex-wrap: wrap;
    gap: 16px !important;
  }

  .xl-prod-grid4,
  .xl-factory-grid6,
  .xl-video-grid4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .xl-video-more-card {
    grid-column: span 2;
  }

  .xl-card-slide-item {
    min-width: calc(100% / 2) !important;
  }

  .xl-process-list {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .xl-process-item {
    width: 30% !important;
    position: relative !important;
  }

  .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,
  .xl-process-item:nth-child(5) h4,
  .xl-process-item:nth-child(5) p {
    position: static !important;
    transform: none !important;
    width: auto !important;
  }

  .xl-process-item:nth-child(2) .xl-process-circle,
  .xl-process-item:nth-child(4) .xl-process-circle,
  .xl-process-item:nth-child(6) .xl-process-circle {
    transform: none !important;
  }

  .xl-process-line-base,
  .xl-process-line-active {
    display: none;
  }

  .xl-case-grid3 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }

  .xl-brand-list {
    gap: 10px !important;
  }

  .xl-brand-tag {
    padding: 8px 18px !important;
    font-size: 13px !important;
  }

  .xl-cta-section {
    padding: 70px 16px !important;
  }

  .tre-item {
    width: calc(100% / 3) !important;
  }

  .tre-bottom-item {
    width: calc((100% - 32px) / 2) !important;
  }

  .tre-bottom-item img {
    height: 280px !important;
  }

  .lxjy-cert-card {
    flex: 0 0 calc((100% - 24px) / 2) !important;
  }

  .fac-card-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .jyxl-container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .kk-container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  /* ============================================================
     14. Footer (max-width: 992px)
     ============================================================ */
  footer,
  .foot-wrap {
    padding: 50px 20px 30px !important;
  }

  .footer-top,
  .foot-container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .foot-col-center,
  .foot-col-right {
    border-left: none !important;
    padding-left: 0 !important;
  }

  .foot-bottom-bar {
    width: 100% !important;
    padding: 20px 16px 0 !important;
  }

  .foot-bottom-inner {
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center;
  }

  .footer-col h3 {
    font-size: 18px !important;
  }

  /* ============================================================
     15. Forms (max-width: 992px)
     ============================================================ */
  .quote-section {
    padding: 50px 0 !important;
  }

  .quote-content {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .quote-form {
    padding: 24px !important;
    border-radius: 20px !important;
  }

  .form-row {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  .form-row .form-item {
    margin-bottom: 16px;
  }

  .quote-title-group {
    margin-bottom: 30px !important;
  }

  .quote-main-title {
    font-size: 26px !important;
  }

  .submit-btn {
    font-size: 16px !important;
    padding: 14px !important;
  }

  /* ============================================================
     16. Floating buttons (max-width: 992px)
     ============================================================ */
  .float-contact-wrap,
  .jyls-float-social {
    right: 16px !important;
    bottom: 16px !important;
    gap: 10px !important;
  }

  .float-contact-icon,
  .jyls-social-item {
    width: 46px !important;
    height: 46px !important;
  }

  .float-contact-icon i {
    font-size: 20px !important;
  }

  .float-qr-modal {
    right: auto !important;
    left: 50% !important;
    bottom: calc(100% + 12px) !important;
    transform: translateX(-50%);
  }

  .float-qr-box {
    width: 180px !important;
    padding: 14px !important;
  }

  .float-btn {
    width: auto !important;
    padding: 10px 14px !important;
  }

  /* ============================================================
     17. Modals / lightboxes (max-width: 992px)
     ============================================================ */
  .phone-modal .modal-inner {
    min-width: auto !important;
    width: 90% !important;
    padding: 28px 20px !important;
  }

  .modal-phone-num {
    font-size: 22px !important;
  }

  .al-modal-wrap {
    width: 95% !important;
    max-height: 90vh;
    overflow-y: auto;
  }

  .al-modal-img-box {
    height: 280px !important;
  }

  .al-modal-title {
    left: 20px !important;
    bottom: 20px !important;
  }

  .al-modal-title h3 {
    font-size: 24px !important;
  }

  .al-modal-desc-wrap {
    padding: 24px !important;
  }

  .al-image-zoom-inner img,
  .gc-lightbox-img {
    max-width: 95vw !important;
    max-height: 70vh !important;
  }

  .gc-lightbox-prev,
  .gc-lightbox-next {
    top: auto !important;
    bottom: -50px !important;
    transform: none !important;
  }

  .gc-lightbox-close {
    top: 10px !important;
    right: 10px !important;
  }

  .xl-modal-inner {
    width: 95% !important;
  }

  .xl-modal-inner iframe {
    width: 100% !important;
    height: 260px !important;
  }

  .xlls-modal-close {
    top: 16px !important;
    right: 16px !important;
  }

  .xlls-modal-video-box {
    width: 95% !important;
  }

  /* ============================================================
     18. Video carousel (max-width: 992px)
     ============================================================ */
  .vid-item {
    flex: 0 0 calc(100% / 2) !important;
    padding: 0 8px !important;
  }

  .vid-arrow {
    width: 34px !important;
    height: 34px !important;
  }

  .vid-title {
    font-size: 14px !important;
  }
}

/* ============================================================
   19. Phone adjustments (max-width: 768px)
   ============================================================ */
@media (max-width: 768px) {

  .xlls-video-play-btn {
    width: 48px !important;
    height: 48px !important;
    font-size: 18px !important;
  }

  /* Typography */
  .xlls-banner-title,
  .xlls-section-title,
  .xl-section-title,
  .xl-section-title-new,
  .xl-section-title-1,
  .al-banner-main-title,
  .lc-banner-main-title,
  .gc-head-title,
  .zsk-banner-main-title,
  .pro-banner-main-title,
  .prod-banner-title,
  .know-top-title,
  .jy-fw-top-logo-text,
  .jy-fw-cta-main-title,
  .gcjy-main-title,
  .lsgc-main-heading,
  .jyls-pro-title,
  .jyls-recommend-title,
  .conta-main-title,
  .cont-main-title,
  .fac-production-title {
    font-size: clamp(22px, 6vw, 24px) !important;
  }

  .xlls-banner {
    min-height: auto !important;
    padding: 50px 0 !important;
  }

  .xlls-banner-tag {
    font-size: 12px !important;
   }

  .xlls-banner-text {
    font-size: 13px !important;
  }

  /* Single column grids */
  .xlls-product-grid,
  .xlls-cert-grid,
  .xlls-news-grid,
 
  .al-grid-row,
  .al-two-col-row,
  .lc-process-grid,
  .gc-data-row,
  .gc-big-img-row,
  .gc-gallery-grid,
  .gc-process-row,
  
  .pro-card-grid,
  .xl-prod-grid4,
  .xl-factory-grid6,
  .xl-video-grid4,
  .xl-case-grid3,


 
  .know-grid-wrap,
  .jyxl-container,
  .kk-container {
    grid-template-columns: 1fr !important;
  }

  .xl-video-more-card {
    grid-column: auto;
  }

  /* Process sections vertical */
  .xlls-process-row,
  .xl-process-list {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
  }

  .xlls-process-item,
  .xl-process-item {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    text-align: left !important;
  }

  .xlls-process-circle,
  .xl-process-circle {
    margin: 0 !important;
    flex-shrink: 0;
  }

  .xl-process-item h4,
  .xl-process-item p {
    text-align: left !important;
    margin-top: 0 !important;
  }

  .xl-process-item p {
    margin-bottom: 0;
  }



  /* Header */
  .header-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }



  /* Contact page */
  .cont-col-left,
  .cont-col-right {
    padding: 24px 18px !important;
  }

  .cont-h2,
  .cont-form-title {
    font-size: 24px !important;
  }

  /* Product detail */
  .jyls-pro-main-img {
    height: 280px !important;
  }

  .jyls-pro-img-wrap {
    padding: 20px !important;
  }

  .jyls-pro-thumb-item {
    width: 64px !important;
    height: 64px !important;
  }

  .jyls-pro-row {
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 12px 0 !important;
  }

  /* About / jy-fw */
  .jy-fw-top-banner {
    padding: 60px 16px !important;
  }

  .jy-fw-top-logo-text {
    font-size: 28px !important;
  }

  .jy-fw-top-sub-main {
    font-size: 18px !important;
  }

  .jy-fw-top-desc {
    font-size: 14px !important;
  }

  .jy-fw-col-img {
    height: 240px !important;
  }

  .jy-fw-col {
    padding: 30px 16px !important;
  }

  .jy-fw-title {
    font-size: 22px !important;
  }

  /* Index-1 xl */
  .xl-top-banner {
    height: 400px !important;
  }

  .xl-banner-text-wrap h2 {
    font-size: 28px !important;
  }

  .xl-banner-text-wrap h3 {
    font-size: 18px !important;
  }

  .xl-intro-right-grid {
    grid-template-columns: 1fr !important;
  }

  .xl-intro-data-list {
    flex-direction: column;
    align-items: center;
    gap: 16px !important;
  }

  .xl-data-item {
    text-align: center;
  }

  .xl-intro-btn-group {
    flex-direction: column;
    align-items: center;
  }

  .xl-btn,
  .xl-btn-dark,
  .xl-btn-outline {
    width: 100%;
    max-width: 260px;
    text-align: center;
  }

  .xl-tab-btn-group {
    gap: 12px !important;
  }

  .xl-tab-btn {
    font-size: 13px !important;
  }

  .xl-process-item {
    width: 100% !important;
  }

  .xl-cta-title {
    font-size: 24px !important;
  }

  .xl-btn-whatsapp {
    padding: 14px 32px !important;
    font-size: 16px !important;
  }

  .tre-item {
    width: 50% !important;
  }

  .tre-bottom-img {
    flex-wrap: wrap;
  }

  .tre-bottom-item {
    width: 100% !important;
  }

  .tre-bottom-item img {
    height: 220px !important;
  }

  .tre-title h2 {
    font-size: 24px !important;
  }

  .tre-card img {
    height: 120px !important;
  }

  .lxjy-cert-card {
    flex: 0 0 100% !important;
  }

  /* Knowledge */
  .know-featured-content {
    padding: 24px 20px !important;
  }

  .know-card-title {
    font-size: 20px !important;
  }

  .know-grid-img {
    height: 180px !important;
  }

  .zsk-tab-nav {
    flex-direction: column;
    align-items: stretch;
  }

  .zsk-tab-item {
    justify-content: flex-start;
  }

  .zsk-faq-question {
    font-size: 15px !important;
  }

  /* Case */
  .al-card-img-box,
  .al-two-col-card {
    height: 200px !important;
  }

  .al-switch-img-box {
    height: 220px !important;
  }

  .al-switch-text-box h3 {
    font-size: 22px !important;
  }

  /* Factory gc */
  .gc-head-title {
    font-size: 26px !important;
  }

  .gc-big-img {
    height: 160px !important;
  }

  .gc-data-card {
    padding: 16px !important;
  }

  .gc-data-value {
    font-size: 18px !important;
  }

  .gc-text-block-title {
    font-size: 20px !important;
  }



  .gcjy-data-item h3 {
    font-size: 20px !important;
  }

  /* Forms */
  .quote-form {
    padding: 20px 16px !important;
    border-radius: 16px !important;
  }

  .quote-main-title {
    font-size: 22px !important;
  }

  .quote-desc {
    font-size: 13px !important;
  }

  .form-item-full {
    margin-bottom: 12px;
  }

  input, select, textarea {
    font-size: 16px !important; /* prevent zoom on iOS */
    padding: 12px !important;
  }

  textarea#detailReq {
    min-height: 120px !important;
  }

  .upload-box {
    padding: 20px 16px !important;
  }

  .cont-form-input,
  .cont-form-select,
  .cont-form-textarea {
    font-size: 16px !important;
    padding: 12px !important;
  }

  .cont-form-textarea {
    min-height: 120px !important;
  }

  .cont-upload-area {
    padding: 28px 16px !important;
  }

  .ls-radio-text {
    padding: 10px 14px !important;
    font-size: 14px !important;
  }

  /* Footer */
  .foot-slogan {
    font-size: 16px !important;
  }

  .foot-column-title {
    font-size: 16px !important;
  }

  .foot-info-item .foot-info-text {
    font-size: 13px !important;
  }

  /* Floating buttons */
  .float-contact-wrap,
  .jyls-float-social {
    right: 12px !important;
    bottom: 12px !important;
  }

  .float-contact-icon,
  .jyls-social-item {
    width: 42px !important;
    height: 42px !important;
  }

  .float-contact-icon i {
    font-size: 18px !important;
  }

  /* Modals */
  .modal-inner h3 {
    font-size: 18px !important;
  }

  .al-modal-img-box {
    height: 220px !important;
  }

  .al-modal-title h3 {
    font-size: 20px !important;
  }

  .gc-lightbox-wrap {
    padding: 40px 0;
  }
}


/* ============================================================
   21. Touch-friendly improvements (keep at end)
   ============================================================ */
@media (hover: none) and (pointer: coarse) {
  .xlls-card:hover,
  .al-case-card:hover,
  .xl-prod-card:hover,
  .pro-box-card:hover,
  .prod-card-item:hover,
  .jyls-pro-card:hover,
  .fac-prod-card:hover,
  .lxjy-cert-card:hover,
  .tre-card:hover {
    transform: none !important;
  }

  .mobile-nav-panel .nav-menu a,
  .mobile-nav-panel .ls-sub-dropdown a {
    padding: 16px 0;
  }
}