/* 通用样式 */
* {
    color: #fff; /* 所有元素的默认文本颜色为白色 */
}

/* 页头背景 */
#header {
    background-color: #222324;
}

/* Banner 区块 */
.fur_banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.fur_banner .img {
    width: 100%;
    height: calc(100vh - 13rem); /* 图片高度为视口高度减去下方区域高度 */
    position: relative;
}

.fur_banner .txt {
    position: absolute;
    z-index: 2;
    display: flex;
    right: 0;
    bottom: 0;
    flex-direction: column;
    color: #fff;
        height: 100%;
        width: 50%;
}

.fur_banner .txt .box:nth-child(1) {
    background-color: rgba(49, 50, 51, .8);
}

.fur_banner .txt .box:nth-child(2) {
    background-color: rgba(21, 21, 21, .7);
}

.fur_banner .txt .box {
    padding: 2.25% 4.6875rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fur_banner .txt .box h2 {
    font-size: 1.5625rem;
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.fur_banner .txt .box h2 span {
    font-size: 2.4375rem;
    color: #d4ac5a;
    margin: 0 .5rem;
}

.fur_banner .txt .box h3 {
    font-size: 1.5625rem;
    margin-bottom: .9375rem;
}

.fur_banner .txt .box .sz_box {
    display: inline-flex;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #5a5b5c;
}

.fur_banner .txt .box .sz_box span {
    font-size: 1.25rem;
    color: #d4ac5a;
    margin-bottom: .625rem;
    display: block;
}

.fur_banner .txt .box .sz_box p {
    font-size: .75rem;
    font-weight: 300;
}

.fur_banner .txt .box h6 {
    padding: 1.375rem 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.fur_banner .txt .box h6 span {
    font-weight: 700;
    font-size: 3.125rem;
    color: #d4ac5a;
}

.fur_banner .txt .box .sz_box .sz {
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding: 0 3.375rem;
    text-align: center;
}

.fur_banner .txt .box .sz_box .sz:last-child {
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.fur_banner .txt .box a {
    padding: .875rem 2.75rem;
    border-radius: .375rem;
    background-color: rgba(255, 255, 255, .15);
    border: 1px solid #d4ac5a;
    font-size: 1rem;
    font-weight: 300;
    transition: all .5s ease;
    display: inline-block;
}

.fur_banner .txt .box:nth-child(1) a{
    max-width: 21.25rem;
}

.fur_banner .txt .box:nth-child(2) a{
    max-width: 26.875rem;
}

.fur_banner .txt .box a:hover {
    border-color: #fff;
    background-color: #d4ac5a;
}

.fur_banner .txt .box:nth-child(2) h3 {
    font-size: 1.375rem;
    line-height: 1.75rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 1.25rem;
}

.fur_banner .txt .box:nth-child(2) span {
    font-size: 3.125rem;
    color: #d4ac5a;
    margin-bottom: .5rem;
    font-weight: 700;
}

.fur_banner .txt .box:nth-child(2) p {
    font-size: 1.375rem;
    margin-bottom: .875rem;
}

.fur_banner .txt .box:nth-child(2) h5 {
    font-size: 1.125rem;
    color: #d4ac5a;
    margin-bottom: .5rem;
}

.fur_down {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1rem;
    height: 100%;
    max-height: 6rem;
}

.fur_down a {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.fur_down svg {
    width: 1.375rem;
    height: 2.75rem;
}

.fur_down i {
    display: block;
    position: relative;
}

/* Banner下方滚动提示动画 */
.fur_down i::before {
    content: '●';
    position: absolute;
    left: 47%;
    transform: translateX(-50%);
    font-size: .375rem;
    color: #edb747;
    animation: jump 1s infinite alternate;
}

@keyframes jump {
    0% {
        top: 20%;
    }
    100% {
        top: 60%;
    }
}

/* Case 区块 */
.fur_case .top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 3.75rem;
}

/* 通用标题样式 */
.fur_title h2 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: capitalize;
}

.fur_title h2 span {
    text-transform: uppercase;
    color: #d4ac5a;
}

.fur_title p {
    font-size: 1.375rem;
}

/* 更多按钮 */
.fur_more {
    display: block;
    padding: 1.125rem 1.625rem;
    border: 1px solid #fff;
    border-radius: .25rem;
    background: #d4ac5a;
}

.fur_case ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5625rem;
}

.fur_case li {
    width: 100%;
    height: 100%; /* 原始代码这里 height: 100%; max-width: 35.625rem; height: 21.875rem; height写了两次，保留了后面的固定值 */
    max-width: 35.625rem;
    height: 21.875rem;
    position: relative;
    overflow: hidden;
}

.fur_case li a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #d4ac5a);
    z-index: 1;
    transition: height .5s ease; /* 添加过渡效果 */
}

.fur_case li .txt {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    padding: 0 2.5rem;
    transition: bottom .5s ease, opacity .5s ease, visibility .5s ease; /* 添加过渡效果 */
    opacity: 0;
    visibility: hidden;
    color: #fff; /* 确保文本颜色正确 */
}

.fur_case li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.fur_case li span {
    position: absolute;
    z-index: 2;
    bottom: 5%;
    right: 2.5rem;
    text-transform: capitalize;
    padding: .8125rem 2.3125rem;
    background-color: #000;
    border-radius: 5rem;
    display: block;
    transition: bottom .5s ease, opacity .5s ease, visibility .5s ease; /* 添加过渡效果 */
    opacity: 0;
    visibility: hidden;
    color: #fff; /* 确保文本颜色正确 */
}

/* Hover 效果 */
.fur_case li:hover span {
    opacity: 1;
    visibility: visible;
    bottom: 2.5rem; /* 鼠标悬停时上移一点 */
}

.fur_case li:hover a::before {
    height: 100%; /* 鼠标悬停时渐变背景完全显示 */
}

.fur_case li:hover .txt {
    bottom: 20%; /* 鼠标悬停时文本上移 */
    opacity: 1;
    visibility: visible;
}


/* 合作伙伴区块 */
.fur_hz {
    padding: 5.625rem 0 6.25rem 0;
}

.fur_hz .fur_title {
    text-align: center;
    margin-bottom: 5.4375rem;
}

.fur_hz ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1rem;
}

.fur_hz li {
    width: 100%;
    max-width: 17.5rem;
    height: 10rem;
    border-radius: .625rem;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fur_hz li .img {
    max-width: 10.625rem;
    max-height: 6.25rem;
}

/* 产品区块 */
.fur_pro .fur_title {
    margin-bottom: 3.5rem;
}

#fur_pro {
    display: flex;
    justify-content: center;
    margin-bottom: 3.75rem;
}

#fur_pro li {
    cursor: pointer;
    position: relative;
    width: 100%;
    max-width: 38.75rem;
    padding: 1.25rem 0;
    text-align: center;
    border: 1px solid #d4ac5a;
    background: #2a2a2a;
    transition: all .5s ease;
    font-size: 1.375rem;
}

#fur_pro li.on,
#fur_pro li:hover {
    background: #d4ac5a;
}

#fur_pro li.on::after {
    content: "";
    width: 0;
    height: 0;
    border-left: .625rem solid transparent;
    border-right: .625rem solid transparent;
    border-top: .75rem solid #d4ac5a;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.fur_pro .fur_pro-div {
    display: none; /* 默认隐藏 */
}

.fur_pro .fur_pro-div ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem 4.625rem;
}

.fur_pro .fur_pro-div li {
    background-color: #ededed;
}

.fur_pro .fur_pro-div li .img {
    width: 100%;
    height: 100%;
    max-width: 24.0625rem;
    max-height: 20.3125rem;
}

.fur_pro .fur_pro-div li .txt {
    padding: 1.75rem;
}

.fur_pro .fur_pro-div li .txt h2 {
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.25;
    color: #212121; /* 文本颜色非白色 */
    min-height: 4.0625rem;
    margin-bottom: 1rem;
}

.fur_pro .fur_pro-div li .txt .more {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .25rem .5rem;
    border-radius: 5rem;
    transition: all .5s ease;
    color: #212121; /* 文本颜色非白色 */
}

.fur_pro .fur_pro-div li .txt .more p {
    opacity: 0;
    transition: all .5s ease;
    color: #212121; /* 文本颜色非白色 */
}

.fur_pro .fur_pro-div li .txt i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 5rem;
    border: 1px solid #7e7e7e;
    color: #000; /* 文本颜色非白色 */
    padding-top: .25rem;
    transition: all .5s ease;
}

.fur_pro .fur_pro-div li:hover .txt .more {
    background: #000;
    color: #fff; /* 悬停时文本变白色 */
}

.fur_pro .fur_pro-div li:hover .txt .more p {
     opacity: 1;
     color: #fff; /* 悬停时文本变白色 */
}


.fur_pro .fur_pro-div li:hover .txt i {
    background-color: #d4ac5a;
    color: #fff; /* 悬停时图标颜色变白色 */
    border-color: #d4ac5a;
}

/* From Concept to Reality 区块 */
.fur_from .fur_title {
    text-align: center;
    margin: 3.125rem 0 4.375rem;
}

/* 产品/目录区域的顶部信息和更多按钮 */
.fur_pro-div .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.75rem;
}

.fur_pro-div .box {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 50.625rem;
    flex-shrink: 0;
}

.fur_pro-div .box h2 {
    font-size: 2.25rem;
    margin-right: 2.1875rem;
    flex-shrink: 0;
    color: #fff; /* 确保文本颜色正确 */
}

.fur_pro-div .box p {
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-weight: 300;
    color: #fff; /* 确保文本颜色正确 */
}

.fur_pro-div .box p span {
    color: #d4ac5a;
    font-weight: 600;
}

.fur_pro-div .more a {
    display: inline-block;
    padding: .9375rem 1.25rem;
    border-radius: .25rem;
    border: 1px solid #ededed;
    background-color: #2f2f2f;
    transition: all .5s ease;
    color: #fff; /* 确保文本颜色正确 */
}

.fur_pro-div .more a:hover {
    background-color: #d4ac5a;
    border-color: #fff;
}

/* 目录区域的分类导航 */
.fur_pro-div #fur_cat {
    display: flex;
    gap: .625rem;
    justify-content: center;
}

.fur_pro-div #fur_cat li {
    margin-bottom: 3.125rem;
    cursor: pointer;
    padding: 1.25rem 2.75rem;
    border-radius: 5rem;
    font-size: 1rem;
    font-weight: 300;
    background-color: #2a2a2a;
    transition: all .5s ease;
}

.fur_pro-div #fur_cat li.on,
.fur_pro-div #fur_cat li:hover {
    background-color: #d4ac5a;
}

.fur_pro-div .fur_cat-div {
    display: none; /* 默认隐藏 */
}

/* 3D/Photo 区块 */
.fur_from {
    margin-bottom: 3.75rem;
}

.fur_from .box {
    display: flex;
    gap: 2.5rem;
    padding: 0 7.0625rem;
    position: relative;
}

/* 左右切换箭头 */
.jt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3.5rem;
    font-family: 宋体; /* 使用宋体确保显示箭头符号 */
    color: #fff;
    cursor: pointer;
    z-index: 5;
    transition: all .3s ease; /* 添加过渡效果 */
}
.jt:hover {
    color: #d4ac5a; /* 悬停颜色变化 */
}

.jt.next {
    right: 0;
}

.jt.prev {
    left: 0;
}

.fur_from .box .swiper {
    width: 100%;
    max-width: 46.875rem; /* 限制 Swiper 宽度 */
    flex-shrink: 0; /* 防止 Swiper 压缩 */
}


.fur_from .box .img { /* 这个样式似乎是给图片容器，不是图片本身 */
    width: 100%;
    height: 100%;
    max-width: 46.875rem;
    max-height: 33.5rem;
    display: flex; /* 使图片在容器内居中，如果需要 */
    justify-content: center;
    align-items: center;
    overflow: hidden; /* 确保图片不会溢出容器 */
}
.fur_from .box .img img { /* 图片本身 */
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover; /* 或 contain，取决于希望图片如何填充容器 */
}


.fur_from .box h2 {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 300;
    margin-bottom: 1.5rem;
}

.fur_from .box h3 {
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
    margin: 1.625rem 0 .5rem 0;
    color: #998459; /* 文本颜色 */
}

.fur_from .box p {
    font-size: 1.125rem;
    font-weight: 300;
    color: #998459; /* 文本颜色 */
    text-align: center;
}

/* Testimonials 区块 */
.s_monial .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.375rem;
}

.s_monial .top h2 {
    font-size: 3rem;
    margin-bottom: .625rem;
    font-weight: 700;
}

.s_monial .top p {
    font-size: 1.375rem;
}

.s_monial .top .more a {
    display: inline-block;
    padding: .9375rem 1.25rem;
    border-radius: .25rem;
    border: 1px solid #d4ac5a;
    background-color: #2f2f2f;
    transition: all .5s ease;
    color: #fff; /* 确保文本颜色正确 */
}

.s_monial .top .more a:hover {
    background-color: #d4ac5a;
    border-color: #fff;
}
/* Swiper导航按钮颜色修正 */
.monialbox .swiper-button-white {
    color: #fff !important; /* 强制为白色，防止被其他样式覆盖 */
}


/* Call to Action / Affiliate 区块 */
.fur_aff {
    position: relative;
}

.fur_aff img { /* 为背景图片添加样式 */
    display: block;
    width: 100%;
    height: auto; /* 或设置一个固定高度 */
    object-fit: cover; /* 确保图片覆盖整个区域 */
}


.fur_aff .txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%; /* 允许文本区域在小屏幕上调整宽度 */
    max-width: 800px; /* 限制最大宽度 */
    padding: 0 20px; /* 添加内边距防止内容贴边 */
    box-sizing: border-box; /* 包含内边距在宽度内 */
}

.fur_aff .txt h2 {
    font-size: 2.25rem;
    line-height: 3rem;
    text-align: center;
    margin-bottom: 2.5rem;
}

.fur_aff .txt a {
    font-size: 1.125rem;
    padding: 1.25rem 3.75rem;
    display: inline-block;
    background-color: #edb747;
    border-radius: 5rem;
    margin-bottom: 1rem;
    color: #000; /* 确保按钮文本颜色 */
    transition: all .3s ease;
}
.fur_aff .txt a:hover {
    background-color: #d4ac5a; /* 悬停颜色 */
}


.fur_aff .txt p {
    font-size: 1.125rem;
    font-weight: 300;
    text-align: center;
}

/* Design & Build 区块 */
.fur_des {
    padding: 6.5625rem 0 6.25rem 0;
    background-color: #2a2a2a;
}

.fur_des .fur_title {
    text-align: center;
    margin-bottom: 4.375rem;
}

.fur_des .box {
    padding: 0 7.0625rem;
    position: relative;
}

.fur_des .box .img {
    width: 100%;
    height: 100%; /* 这个样式似乎是给图片容器 */
    max-width: 31.25rem;
    max-height: 18.75rem;
    overflow: hidden;
    display: flex; /* 使图片居中 */
    justify-content: center;
    align-items: center;
}
.fur_des .box .img img { /* 图片本身 */
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover; /* 或 contain */
}


.fur_des .box h3 {
    font-size: 1.375rem;
    margin-bottom: .9375rem;
    text-align: center;
    margin-top: 1.875rem;
}

.fur_des .box p {
    font-size: .875rem;
    font-weight: 300;
    min-height: 2rem;
    text-align: center;
    color: #ccc; /* 可能需要调整颜色使其更明显 */
}

.fur_des .box .show {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem;
}

.fur_des .box .wap {
    display: none; /* 移动端显示，桌面端隐藏 */
}
.fur_des .box .pc {
     display: block; /* 桌面端显示，移动端隐藏 */
}


/* Custom Inquiry 区块 */
.fur_cus {
    /* !!! 路径修正 !!! */
    background: url(../images/fur/fur_cus_bg.webp) center no-repeat;
    background-size: cover;
    padding: 3.4375rem 0;
}

.fur_cus .box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fur_cus .left {
    width: 100%;
    max-width: 36.25rem;
    flex-shrink: 0;
}

.fur_cus .left h2 {
    font-size: 3rem;
    line-height: 1.25;
    margin-bottom: 4.375rem;
}

.fur_cus .left p {
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.fur_cus .right {
    width: 100%;
    max-width: 52.5rem;
}

.fur_cus .right form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem .9375rem;
}

.fur_cus .right form .inp {
    width: 100%;
    position: relative;
}

.fur_cus .right form .inp1 {
    grid-column: span 2;
}

.fur_cus .right form input,
.fur_cus .right form textarea {
    color: #fff;
    width: 100%;
    padding: 1.375rem 1.25rem;
    border-radius: 1.875rem;
    font-size: 1.0625rem;
    font-weight: 300;
    border: 1px solid #fff;
    background-color: transparent; /* 确保输入框背景透明 */
    box-sizing: border-box; /* 包含内边距在宽度内 */
}

.fur_cus .right form textarea {
    min-height: 7.125rem;
    /* background-color: transparent; 重复定义 */
    /* border: 1px solid #fff; 重复定义 */
    resize: vertical; /* 允许垂直方向调整大小 */
}

.fur_cus .right form .fc-code {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    background-color: transparent; /* 确保验证码容器背景透明 */
}

.fur_cus .right form button {
    width: 100%;
    background-color: #2a2a2a;
    border-radius: 1.875rem;
    text-align: center;
    padding: 1.375rem 1.25rem;
    font-size: 1.0625rem;
    font-weight: 300;
    border: none; /* 按钮通常不需要边框 */
    cursor: pointer;
    transition: background-color .3s ease; /* 添加过渡效果 */
}
.fur_cus .right form button:hover {
    background-color: #d4ac5a; /* 悬停颜色 */
}


.fc-code {
    border: 0 !important; /* 强制移除边框 */
}

/* Placeholder 文本颜色 */
::placeholder {
    color: #fff;
    opacity: 1; /* Firefox 默认 opacity 会更低 */
}

/* For older browsers supporting -moz-placeholder */
:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

/* For older browsers supporting -ms-input-placeholder */
::-ms-input-placeholder {
    color: #fff;
}


.fur_cus .right p {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1rem;
}
.fur_cus .right p img { /* 图片样式 */
     max-width: 20px; /* 根据实际图标大小调整 */
     height: auto;
}


/* Certifications 区块 */
.fur_cer {
    /* !!! 路径修正 !!! */
    background: url(../images/fur/fur_cer_bg.webp) center no-repeat;
    background-size: cover;
    padding: 8.375rem 0 8.125rem;
}

.fur_cer .fur_title {
    text-align: center;
    margin-bottom: 5rem;
}

/* 证书区块特定文本颜色 */
.fur_cer .fur_title h2,
.fur_cer .fur_title p,
.fur_cer li h2 {
    color: #2a2a2a;
}

.fur_cer .img_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5.625rem;
    margin-bottom: 3.75rem;
    flex-wrap: wrap; /* 允许在小屏幕上换行 */
}
.fur_cer .img_box img {
    max-width: 80px; /* 限制图片最大宽度 */
    height: auto; /* 保持图片比例 */
    object-fit: contain; /* 确保图片完整显示 */
}


.fur_cer ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.875rem;
}

.fur_cer li {
    border: 1px solid #c0c0c0;
    border-radius: 1.6875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 3.4375rem 1.5625rem;
    background-color: #fff; /* 确保背景是白色 */
}

.fur_cer li .sz {
    display: flex;
    align-items: center;
    margin-bottom: 1.6875rem;
}

.fur_cer li .sz p,
.fur_cer li .sz span,
.fur_cer li .sz i {
    color: #d4ac5a;
    font-size: 3rem;
    font-weight: 700;
}

.fur_cer li h2 {
    font-size: 1.5rem;
    line-height: 1.25;
    margin-bottom: 1.5625rem;
    text-align: center; /* 确保标题居中 */
}

.fur_cer li h6 {
    font-size: .875rem;
    color: #848484;
    line-height: 1.25;
    text-align: center;
}

/* Factory / About Us / History 区块 */
.fur_fah {
    width: 100%;
    position: relative;
}

.fur_fah #fur_fah {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    list-style: none; /* 移除默认列表样式 */
    padding: 0; /* 移除默认内边距 */
    margin: 0; /* 移除默认外边距 */
}

.fur_fah #fur_fah li {
    text-transform: capitalize;
    position: relative;
    width: 7.5rem;
    height: 16.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem;
    cursor: pointer;
    transition: all .3s ease; /* 添加过渡效果 */
}

.fur_fah #fur_fah li:nth-child(1) {
    background-color: #474747;
}

.fur_fah #fur_fah li:nth-child(2) {
    background-color: #3c3c3c;
}

.fur_fah #fur_fah li:nth-child(3) {
    background-color: #474747;
}

.fur_fah #fur_fah li.on,
.fur_fah #fur_fah li:hover {
    background-color: #d4ac5a;
}

.fur_fah #fur_fah li.on::before {
    content: "";
    width: 0;
    height: 0;
    border-top: .625rem solid transparent;
    border-bottom: .625rem solid transparent;
    border-left: .75rem solid #d4ac5a;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}

.fur_fah .fah_div {
    display: none; /* 默认隐藏 */
    height: 48.75rem; /* 固定高度 */
    overflow: hidden; /* 防止内容溢出 */
}

.fur_fah .fur_fah_f .box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.fur_fah .fur_fah_f .left,
.fur_fah .fah_div .right {
    width: 50%;
    flex-shrink: 0;
}

.fur_fah .fur_fah_f .left {
    background-color: #e8dbbf;
    height: 100%;
    padding: 4rem 12.9375rem;
    box-sizing: border-box;
}

.fur_fah .fur_fah_f .left h2 {
    font-size: 4rem;
    font-weight: bold;
    color: #2a2a2a; /* 文本颜色 */
    margin-bottom: .625rem;
}

.fur_fah .fur_fah_f .left h3 {
    font-size: 2.25rem;
    font-weight: 300;
    margin-bottom: 3.75rem;
    color: #2a2a2a; /* 文本颜色 */
}

.fur_fah .fur_fah_f .left .txt_box {
    display: flex;
    gap: 1.25rem;
    margin-bottom: 1.875rem;
    align-items: flex-start; /* 使图标和文本顶部对齐 */
}

.fur_fah .fur_fah_f .left .txt_box .ico {
    width: 100%;
    max-width: 1.9375rem;
    flex-shrink: 0;
    display: flex; /* 确保图片在容器内居中 */
    justify-content: center;
    align-items: center;
}
.fur_fah .fur_fah_f .left .txt_box .ico img {
    display: block;
    max-width: 100%;
    height: auto;
}


.fur_fah .fur_fah_f .left h6 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #2a2a2a; /* 文本颜色 */
    margin-bottom: .625rem;
}

.fur_fah .fur_fah_f .left a {
    padding: .875rem 1.75rem;
    display: inline-block;
    background-color: #d4ac5a;
    color: #fff; /* 确保按钮文本颜色 */
    text-decoration: none; /* 移除下划线 */
    border-radius: .25rem; /* 添加圆角 */
    transition: background-color .3s ease;
}
.fur_fah .fur_fah_f .left a:hover {
     background-color: #edb747;
}


.fur_fah .fur_fah_f .left .txt_box p {
    font-size: 1.125rem;
    color: #2a2a2a; /* 文本颜色 */
}

.fur_fah .fur_fah_f .right {
    padding-right: 5rem;
    height: 100%;
    box-sizing: border-box;
}
.fur_fah .fur_fah_f .right .img {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.fur_fah .fur_fah_f .right .img img {
    display: block;
    max-width: 100%;
    height: 100%;
    object-fit: cover; /* 确保图片覆盖容器 */
}


/* About Us 部分背景 */
.fur_fah .fur_fah_a {
    /* !!! 路径修正 !!! */
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/fur/fur_faha_bg_v2.webp) 7.5rem top no-repeat;
    background-size: calc(100% - 7.5rem) 100%;
    position: relative;
}

.fur_fah .fur_fah_a ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-left: 7.5rem;
    height: 100%;
    list-style: none; /* 移除默认列表样式 */
    margin: 0; /* 移除默认外边距 */
}

.fur_fah .fur_fah_a h2 {
    font-size: 3rem;
    font-weight: 600;
    position: absolute;
    left: 13.625rem;
    top: 7.875rem;
    z-index: 2;
}

.fur_fah .fur_fah_a li {
    padding: 6.5625rem 4.875rem;
    position: relative;
    cursor: pointer;
    transition: background .5s ease; /* 添加过渡效果 */
}

.fur_fah .fur_fah_a li .ico {
    margin-bottom: 2.5rem;
    display: flex; /* 使图标居中 */
    justify-content: center;
    align-items: center;
    width: auto; /* 确保容器宽度自适应图片 */
    height: auto; /* 确保容器高度自适应图片 */
}
.fur_fah .fur_fah_a li .ico img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: filter .5s ease; /* 添加滤镜过渡效果 */
}


.fur_fah .fur_fah_a li h3 {
    position: relative;
    font-size: 1.125rem;
    color: #eaeaea; /* 文本颜色 */
    margin-bottom: 1.875rem;
    transition: all .5s ease;
    padding-left: 2rem; /* 为伪元素留出空间 */
}
/* About Us 列表项标题前的图标伪元素 */
.fur_fah .fur_fah_a li h3::before {
    content: '';
    /* !!! 路径修正 !!! */
    background: url(../images/fur/fur_fah_a_ico1.png) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%; /* 垂直居中 */
    transform: translateY(-50%);
    left: 0; /* 定位到左侧 */
    width: 1.75rem;
    height: 1.5rem;
    /* 原始代码 left: -12%; 相对父元素宽度定位，改为相对父元素左侧定位更稳定 */
}


.fur_fah .fur_fah_a li p {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5rem;
    color: #eaeaea; /* 文本颜色 */
}

.fur_fah .fur_fah_a li .txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 13.875rem;
    transition: all .5s ease;
    overflow: hidden;
    width: 80%;
    margin-bottom: 3rem;
    padding-left: 12%; /* 保持原始左内边距 */
    box-sizing: border-box; /* 包含内边距在宽度内 */
    /* 调整定位和尺寸使txt在hover时能完全展示，且不被overflow:hidden影响 */
    /* 可以考虑调整txt的top/bottom/height在hover时，或者不使用position:absolute */
    /* 原始代码的定位和overflow:hidden可能导致内容被裁切 */
    /* 这里的hover效果 height: 60% 可能会导致内容高度不足以完全展示 */
}
/* 悬停或激活状态下，txt区域完全显示 */
.fur_fah .fur_fah_a li.on .txt,
.fur_fah .fur_fah_a li:hover .txt {
    height: auto; /* 高度自适应内容 */
    bottom: auto; /* 移除bottom定位 */
    position: relative; /* 改变定位方式 */
    transform: none; /* 移除transform */
    left: auto; /* 移除left定位 */
    margin-bottom: 0; /* 移除外边距 */
    width: 100%; /* 宽度占满 */
    padding-left: 0; /* 移除原始内边距，或根据设计调整 */
    overflow: visible; /* 允许内容溢出，确保完整显示 */
    /* 注意：这里的修改可能会改变原始布局，如果需要保留原布局效果，可能需要更复杂的定位调整 */
}


.fur_fah .fur_fah_a li.on .txt h3,
.fur_fah .fur_fah_a li:hover .txt h3 {
    font-size: 1.875rem;
    font-weight: 700;
}

.fur_fah .fur_fah_a li.on .ico img,
.fur_fah .fur_fah_a li:hover .ico img {
    filter: invert(200%) sepia(200%) saturate(0%) hue-rotate(0deg) brightness(200%) contrast(200%);
}

.fur_fah .fur_fah_a li.on {
    background: rgba(21, 21, 21, .7);
}

/* History 部分样式 */
.fur_fah .fur_fah_h {
    background-color: #2f2f2f;
}

.fur_fah .fur_fah_h .box {
    height: 100%;
    padding: 3.3125rem 5rem 2.375rem 13.75rem;
    display: flex;
    gap: 2.5rem;
    box-sizing: border-box;
}

.fur_fah .fur_fah_h .box .right {
    background-color: #474747;
    border-radius: .625rem;
    padding: 3.6875rem 2.0625rem;
    box-sizing: border-box;
    flex-grow: 1; /* 允许右侧填充剩余空间 */
    display: flex; /* 内部元素布局 */
    flex-direction: column;
    justify-content: space-between; /* 使内容在垂直方向分散 */
}

.fur_fah .fur_fah_h .box .right h2 {
    font-size: 1.5rem;
    color: #d4ac5a; /* 文本颜色 */
    line-height: 1.25;
    text-align: right;
}

.fur_fah .fur_fah_h .box .right h2 span {
    font-size: 2.25rem;
    color: #d4ac5a; /* 文本颜色 */
}
.fur_fah .fur_fah_h .box .right .img_box img { /* 右侧图片样式 */
    display: block;
    max-width: 100%;
    height: auto;
}


.fur_fah .fur_fah_h .box .box1 {
    padding: 2.5rem;
    background-color: #474747;
    border-radius: .625rem;
    position: relative;
    box-sizing: border-box;
}

.fur_fah .fur_fah_h .box .box1 .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem; /* 调整底部外边距 */
}

.fur_fah .fur_fah_h .box .box1 .top h2 {
    font-size: 2rem;
    font-weight: 600;
}

.fur_fah .fur_fah_h .box .box1 .top p {
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid #d4ac5a;
    padding: .875rem 1.375rem;
    font-size: 1.125rem;
    color: #d4ac5a; /* 文本颜色 */
    border-radius: .25rem; /* 添加圆角 */
    transition: all .3s ease;
}
.fur_fah .fur_fah_h .box .box1 .top p:hover {
    background-color: #d4ac5a;
    color: #fff;
}


.fur_fah .fur_fah_h .box .box1 ul {
    list-style: none; /* 移除默认列表样式 */
    padding: 0; /* 移除默认内边距 */
    margin: 0; /* 移除默认外边距 */
}

.fur_fah .fur_fah_h .box .box1 li {
    display: flex;
    gap: .5rem;
    margin-bottom: 1rem;
    align-items: flex-start; /* 使图标和文本顶部对齐 */
}

.fur_fah .fur_fah_h .box .box1 li .ico {
    flex-shrink: 0;
    width: 100%;
    max-width: 2.125rem;
    display: flex; /* 使图片在容器内居中 */
    justify-content: center;
    align-items: center;
}
.fur_fah .fur_fah_h .box .box1 li .ico img {
    display: block;
    max-width: 100%;
    height: auto;
}


.fur_fah .fur_fah_h .box .box1 li h3 {
    font-size: 1.0625rem;
    font-weight: 300;
    flex-grow: 1; /* 允许文本占据剩余空间 */
    line-height: 1.5; /* 增加行高提高可读性 */
}

.fur_fah .fur_fah_h .box .box1 li h3 span {
    font-weight: 500;
    color: #d4ac5a; /* 文本颜色 */
}

.fur_fah .fur_fah_h .box .box1 li h3 strong {
    font-weight: bold;
    color: #d4ac5a; /* 文本颜色 */
    font-size: 1.5rem;
}

.fur_fah .fur_fah_h .box .box1 li:nth-child(1) {
    margin-top: 1rem;
}

.fur_fah .fur_fah_h .box .box2 {
    margin-top: 3rem;
    position: relative;
}

.fur_fah .fur_fah_h .box .box2 .top {
    margin-bottom: 2rem;
}

.fur_fah .fur_fah_h .box .box2 .img {
    max-width: 10.625rem;
    max-height: 5.375rem;
    border-radius: .625rem;
    width: 100%; /* 宽度设置为100%方便 flex/grid 布局 */
    height: 100%; /* 高度设置为100% */
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    box-sizing: border-box;
}

.fur_fah .fur_fah_h .box .box2 img {
    max-width: 8.6875rem;
    max-height: 5.4375rem;
    object-fit: contain;
    display: block;
}

/* History/Cooperate 区域的 Swiper 导航箭头 */
.fur_fah .fur_fah_h .box .box2 .jt {
    position: absolute;
    top: 78%; /* 根据布局调整位置 */
    transform: translateY(-50%);
    width: 2.1875rem;
    height: 2.1875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 50%;
    color: #fff; /* 确保箭头颜色 */
    font-size: 1rem; /* 调整字体大小适应容器 */
    cursor: pointer;
    z-index: 10; /* 确保在 Swiper 内容之上 */
    transition: background-color .3s ease, color .3s ease;
}
.fur_fah .fur_fah_h .box .box2 .jt:hover {
    background-color: #d4ac5a;
    color: #fff;
}


.fur_fah .fur_fah_h .box .box2 .swiper-button-next .iconfont {
    transform: rotate(180deg);
}

.fur_fah .fur_fah_h .box .box2 .swiper-button-prev {
    left: -1rem; /* 调整位置 */
}

.fur_fah .fur_fah_h .box .box2 .swiper-button-next {
    right: -1rem; /* 调整位置 */
}


/* 表单弹窗 */
.fur-content {
    position: fixed;
    top: 0;
    left: 0; /* 添加 left: 0; 确保在视口左上角 */
    width: 100%;
    height: 100vh;
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .5s ease; /* 修改过渡属性 */
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none; /* 默认不接收鼠标事件 */
}

.fur-content.on {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; /* 激活时接收鼠标事件 */
}

.fur-content .fur-bg {
    background: rgb(0 0 0 / 50%);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.fur-content .box {
    width: 100%;
    background: #fff;
    max-width: 75.625rem;
    border-radius: .9375rem;
    position: relative;
    padding: 3.9375rem 6.25rem;
    box-sizing: border-box;
    color: #000; /* 确保弹窗内的默认文本颜色 */
    max-height: 90vh; /* 限制最大高度 */
    overflow-y: auto; /* 内容过多时允许滚动 */
}

.fur-content .box .fur-tcdiv {
    display: none;
}

.fur-content .box h2 {
    font-size: 2.25rem;
    color: #000;
    font-weight: 600;
    margin-bottom: 4.375rem;
    text-align: center;
}

.fur-content .box ul {
    list-style-type: none;
    padding: 0;
    margin: 0; /* 移除默认外边距 */
}

.fur-content .box li {
    margin-bottom: 5px;
    color: #000; /* 确保列表项文本颜色 */
}

.fur-content .box .fur-tcdiv {
    margin-top: 10px;
}

.fur-content .box button:hover {
    background-color: #b4914d;
}

.fur-content .box .custom-select {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    color: #414141; /* 确保下拉选择框文本颜色 */
}

.fur-content .box .select-btn {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 2rem; /* 与输入框一致的内边距 */
    font-size: 1.125rem;
    font-weight: 300;
    color: #414141;
    border-radius: 1.875rem;
    background-color: #f0f0f0;
    max-height: 3.75rem;
    box-sizing: border-box; /* 包含内边距在宽度内 */
}

.fur-content .box .select-options {
    position: absolute;
    top: calc(100% + 4px); /* 定位在按钮下方 */
    left: 0;
    width: 100%;
    /* margin-top: 4px; 已通过 top calc 实现 */
    border-radius: 0;
    background-color: #f0f0f0;
    list-style: none;
    padding: 1rem;
    max-height: 7.5rem;
    overflow-y: auto;
    display: none;
    z-index: 5;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* 添加阴影提高层级感 */
    box-sizing: border-box;
}

.fur-content .box .select-options li {
    color: #414141; /* 确保选项文本颜色 */
    padding: 8px 1rem; /* 根据 padding: 1rem; 调整 */
    cursor: pointer;
    margin-bottom: 0; /* 移除列表项默认外边距 */
}
.fur-content .box .select-options li:hover {
    background-color: #e0e0e0; /* 悬停背景颜色 */
}


.fur-content .box .custom-select.active .select-options {
    display: block;
}

.fur-content .box .option {
    /* padding: 8px; 重复定义 */
    cursor: pointer;
}

.fur-content .box .option:hover {
    /* background-color: #f0f0f0; 重复定义 */
}

.fur-content .box .arrow {
    font-size: 1.5rem;
    color: #000; /* 箭头颜色 */
    transform: rotate(270deg); /* 旋转方向 */
    transition: transform .3s ease; /* 添加过渡效果 */
}
.fur-content .box .custom-select.active .arrow {
    transform: rotate(90deg); /* 激活时旋转 */
}


.fur-content .close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden; /* 隐藏背景过渡时的溢出 */
}

.fur-content .close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s ease; /* 添加过渡效果 */
    background-color: rgba(0,0,0,0.1); /* 悬停背景颜色 */
}
.fur-content .close:hover .bg {
    transform: scale(1); /* 悬停时背景放大 */
}


.fur-content .close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 1.25rem;
    background-repeat: no-repeat;
    /* !!! 路径修正 !!! */
    background-image: url(../images/fur/close.svg);
    transition: transform .6s ease; /* 添加过渡效果 */
}

.fur-content .close i:hover {
    transform: rotate(180deg);
}

.fur-content #fur-tc {
    display: flex;
    align-items: center;
    gap: 6.25rem;
    margin-bottom: 2.8125rem;
    list-style: none; /* 移除默认列表样式 */
    padding: 0; /* 移除默认内边距 */
    justify-content: center; /* 居中对齐 */
    flex-wrap: wrap; /* 允许换行 */
}

.fur-content #fur-tc li {
    display: flex;
    align-items: center;
    gap: .9375rem;
    font-size: 1.125rem;
    color: #000000; /* 文本颜色 */
    cursor: pointer;
    margin-bottom: 0.5rem; /* 调整外边距 */
}

.fur-content #fur-tc li i {
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    border: 1px solid #5e5e5e;
    position: relative;
    transition: all .5s ease;
    flex-shrink: 0; /* 防止被压缩 */
}

.fur-content #fur-tc li i::before {
    content: '';
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #d4ac5a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .5s ease;
}

.fur-content #fur-tc li.on i,
.fur-content #fur-tc li:hover i {
    border-color: #d4ac5a;
}

.fur-content #fur-tc li.on i::before,
.fur-content #fur-tc li:hover i::before {
    opacity: 1;
}

/* 弹窗内输入框 Placeholder */
.fur-content ::placeholder {
    color: #414141;
    opacity: 1;
}
.fur-content :-moz-placeholder {
    color: #414141;
    opacity: 1;
}
.fur-content ::-ms-input-placeholder {
    color: #414141;
}


/* 弹窗内表单 */
.fur-content form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.125rem;
}

.fur-content form .inp1 {
    grid-column: span 2;
}

.fur-content form input,
.fur-content form button,
.fur-content form .select-btn {
    padding: 1.25rem 2rem;
    font-size: 1.125rem;
    font-weight: 300;
    color: #414141; /* 文本颜色 */
    border-radius: 1.875rem;
    background-color: #f0f0f0;
    max-height: 3.75rem;
    border: none; /* 移除默认边框 */
    box-sizing: border-box; /* 包含内边距在宽度内 */
}

.fur-content form input {
    border: 1px solid transparent; /* 添加透明边框，防止聚焦时抖动 */
    transition: border-color .3s ease;
}
.fur-content form input:focus {
    border-color: #d4ac5a; /* 聚焦边框颜色 */
    outline: none; /* 移除默认轮廓线 */
}


.fur-content form textarea {
    min-height: 8.75rem;
    padding: 1.25rem 2rem;
    font-size: 1.125rem;
    font-weight: 300;
    color: #414141; /* 文本颜色 */
    border-radius: 1.875rem;
    background-color: #f0f0f0;
    border: 1px solid transparent; /* 添加透明边框 */
    transition: border-color .3s ease;
    resize: vertical; /* 允许垂直调整大小 */
    box-sizing: border-box; /* 包含内边距在宽度内 */
}
.fur-content form textarea:focus {
     border-color: #d4ac5a; /* 聚焦边框颜色 */
     outline: none;
}


.fur-content form button {
    max-width: 17.1875rem;
    font-size: 1.125rem;
    font-weight: 500;
    cursor: pointer;
    background-color: #d4ac5a; /* 按钮背景色 */
    color: #fff; /* 按钮文本颜色 */
    border-radius: 1.875rem;
    transition: background-color .3s ease;
        display: flex;
    justify-content: center;
    align-items: center;
}

/* 按钮悬停效果在弹窗区域 box button:hover 中已定义 */
/* .fur-content form button:hover { background-color:#b4914d; } */


.fur-content form p {
    font-size: 1.125rem;
    color: #414141; /* 文本颜色 */
    font-weight: 300;
    margin: 0; /* 移除默认外边距 */
}

.fur-content form .dui {
    color: #414141; /* 文本颜色 */
    font-size: 1rem;
    line-height: 1.25;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .625rem;
    margin: 0; /* 移除默认外边距 */
}

.fur-content form .dui span {
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #616161;
    border-radius: .25rem;
    position: relative;
    transition: all .5s ease;
    display: inline-block;
    flex-shrink: 0; /* 防止被压缩 */
}

.fur-content form .dui span::before {
    content: '';
    width: .75rem;
    height: .75rem;
    border-radius: .25rem;
    background-color: #d4ac5a;
    opacity: 0;
    transition: all .5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fur-content form .dui.on span {
    border-color: #d4ac5a;
}

.fur-content form .dui.on span::before {
    opacity: 1;
}

/* layui-layer 内容样式 */
.layui-layer-content {
    color: #000; /* 确保弹窗内容文本颜色 */
}

/* 媒体查询 - 移动端适配 (max-width: 768px) */
@media (max-width: 768px) {
  .fur_des .box .wap {
        display: block;
    }
    .s_monial .top{
        margin-bottom: 1rem;
    }
    .fur_banner .txt .box{
            align-items: center;
    }
    .fur_pro-div .box{gap:.5rem !important;}
    .fur_hz{
        padding: 3rem 0;
    }
    .fur_title p{
        font-size: 1rem;
    }
    .fur_hz .fur_title{
        margin-bottom: 1.4375rem;
    }
    .fur_des .box .pc{
        display: none;
    }
    .fur_banner .txt .box:nth-child(2){
        display: none;
    }

    .fur_banner .txt{
        width:100%;
        height:40%;
    }
    .fur_banner .txt .box h2,
    .fur_banner .txt .box h3{
        font-size: 1.1rem;
    }
    .fur_banner .txt .box{
        padding: 1rem 0;
    }
    .fur_banner .txt .box .sz_box .sz{
        padding: 0 .5rem;
    }
    .fur_banner .txt .box h6{
        padding: .5rem 0 0 0;
        font-size: 1.25rem;
    }
    .fur_banner .txt .box h6 span{
        font-size: 1.875rem;
    }
    .fur_banner .txt .box:nth-child(1) a{
        display: none;
    }
    .fur_banner { /* 调整移动端高度 */
         height: 70vh;
    }
    .fur_banner .img {
        height: 60vh;
    }
     .fur_banner .img img { /* 确保移动端背景图覆盖 */
        width: 100%;
        height: 100%;
        object-fit: cover;
     }

    .fur_down svg {
        width: 2rem;
        height: 3.5rem;
    }

    .fur_case .top {
        flex-wrap: wrap;
        gap: 2rem;
        position: relative;
    }
    
    

    .fur_case .top{
        margin-bottom: 1.75rem;
    }

    .fur_case ul {
        grid-template-columns: repeat(2, 1fr);
        gap: .5rem;
    }

    .fur_case li,
    .fur_hz li {
        height: auto; /* 允许高度自适应内容 */
    }

    .fur_hz ul {
        grid-template-columns: repeat(3, 1fr);
        gap: .5rem;
    }

    .fur_title h2 {
        font-size: 2rem;
    }

    .fur_pro .fur_pro-div ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .fur_pro .fur_pro-div li .img {
        height: auto; /* 允许图片容器高度自适应 */
    }
     .fur_pro .fur_pro-div li .img img { /* 确保移动端产品图覆盖 */
        width: 100%;
        height: 100%;
        object-fit: cover;
     }

    .fur_pro .fur_pro-div li .txt {
        padding: 1rem;
    }

    .fur_pro .fur_pro-div li .txt h2 {
        font-size: 1rem;
        min-height: auto; /* 移动端不需要固定最小高度 */
    }

    .fur_from .box {
        padding: 0;
        flex-wrap: wrap;
    }

    .fur_from .jt {
        display: none; /* 移动端隐藏箭头 */
    }
    .fur_from .box .swiper { /* 移动端 Swiper 宽度自适应 */
        width: 100%;
        max-width: none;
     }
     .fur_from .box .img { /* 移动端图片容器调整 */
        max-width: none;
        max-height: none;
        height: auto;
     }
     .fur_from .box .img img {
         object-fit: contain; /* 移动端图片可能更适合contain */
     }


    .fur_des .box {
        padding: 0;
    }
    .fur_des .jt { /* 移动端箭头位置调整 */
        top: 40%;
    }


    .fur_cus .box {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .fur_cus .left h2 {
        font-size: 2rem;
        margin-bottom: .375rem;
    }

    .fur_cus .right form {
        grid-template-columns: repeat(1, 1fr);
    }

    .fur_cus .right form .inp1 {
        grid-column: span 1;
    }

    .s_monial .top h2 {
        font-size: 2rem;
        margin-bottom: 1.375rem;
    }

    .s_monial .top {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .monialbox .swiper-button-white {
        background-color: #d4ac5a; /* 移动端特定背景色 */
        color: #fff !important; /* 确保箭头颜色 */
    }

    .fur_fah #fur_fah {
        position: relative; /* 移动端改为相对定位 */
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
    }

    .fur_fah #fur_fah li {
        width: 100%;
        height: 5.25rem;
        border-radius: 0;
        flex-direction: column; /* 文本可能需要换行 */
        white-space: normal; /* 允许文本换行 */
        padding: 10px; /* 调整内边距 */
        box-sizing: border-box;
    }
     .fur_fah #fur_fah li.on::before { /* 移动端箭头位置调整 */
         content: "";
         width: 0;
         height: 0;
         border-left: .625rem solid transparent;
         border-right: .625rem solid transparent;
         border-top: .75rem solid #d4ac5a; /* 调整箭头方向 */
         border-bottom: none;
         position: absolute;
         top: 100%; /* 移动到下方 */
         left: 50%; /* 保持水平居中 */
         transform: translateX(-50%); /* 水平居中 */
     }


    .fur_fah .fah_div {
        height: auto; /* 为移动端头部导航留出空间 */
    }

    .fur_fah .fur_fah_f .box {
        flex-wrap: wrap;
    }

    .fur_fah .fur_fah_f .left,
    .fur_fah .fah_div .right {
        width: 100%; /* 移动端宽度占满 */
        padding: 1rem; /* 调整内边距 */
    }

    .fur_fah .fur_fah_f .left h2 {
        font-size: 2rem;
    }

    .fur_fah .fur_fah_f .left h3 {
        font-size: 1.75rem;
    }
     .fur_fah .fur_fah_f .left .txt_box { /* 移动端图标和文本对齐方式 */
         align-items: center;
     }


    .fur_fah .fur_fah_a ul {
        display: block; /* 移动端变单列 */
        padding-left: 0;
    }

    .fur_fah .fur_fah_a li .ico {
        display: none; /* 移动端隐藏图标 */
    }

    .fur_fah .fur_fah_a li .txt {
        height: auto;
        position: relative;
        width: 100%;
        margin-bottom: 0;
        top: auto;
        left: auto;
        transform: none;
        padding-left: 0; /* 移除左侧内边距 */
    }
    .fur_fah .fur_fah_a li.on .txt,
    .fur_fah .fur_fah_a li:hover .txt {
        height: auto; /* 移动端高度自适应 */
    }


    .fur_fah .fur_fah_a h2 {
        display: none; /* 移动端隐藏大标题 */
    }

    .fur_fah .fur_fah_a li {
        padding: 3rem 1rem; /* 调整内边距 */
    }
     .fur_fah .fur_fah_a li h3::before { /* 移动端伪元素位置调整 */
         left: 0;
         top: 50%;
         transform: translateY(-50%);
     }


    .fur_fah .fur_fah_h .box {
        flex-wrap: wrap;
        padding: 1rem; /* 调整内边距 */
    }

    .fur_fah .fur_fah_h .box .box1 .top p {
        display: none; /* 移动端隐藏历史更多链接 */
    }

    .fur_cer {
        padding: 3rem 0;
    }

    .fur_aff .txt {
        width:100%;
        text-align: center;
    }
    
    .s_monial .more{
        display: flex;
        gap: 1rem;
        text-align: center;
    }

    .fur_aff .txt h2 {
        font-size: 1.1rem;
        line-height: 1.1;
    }

    .fur_aff {
        height: 18rem; /* 移动端固定高度 */
    }

    .fur_aff img {
        object-fit: cover; /* 确保图片覆盖区域 */
        height: 100%; /* 确保图片填充容器高度 */
    }

    .fur_cer ul {
        display: none; /* 移动端隐藏证书列表 */
    }

    .fur_cer .img_box {
        flex-wrap: wrap;
        gap: 2rem;
        margin-bottom: 0;
    }

    .fur_cer .img_box img {
        max-width: 3.125rem;
        max-height: 3.125rem;
        object-fit: contain;
    }

    /* 移动端隐藏 'MORE' 按钮 */
    .fur_more {
        display: none;
    }
    .fur_case .more{
        position: absolute;
        right: 15px;
        padding: .5rem;
        top: 0;
    }

    /* 移动端产品/目录顶部布局调整 */
    .fur_pro-div .box,
    .fur_pro-div .top {
        flex-wrap: wrap;
        gap: 2rem;
    }

    .fur_pro-div #fur_cat {
        justify-content: flex-start; /* 移动端分类导航左对齐 */
        flex-wrap: wrap; /* 允许分类导航换行 */
        gap: 0.5rem; /* 调整导航间距 */
    }
    .fur_pro-div #fur_cat li { /* 移动端分类导航样式 */
         padding: 0.8rem 1.5rem; /* 调整内边距 */
         margin-bottom: 0.5rem; /* 调整外边距 */
         font-size: 0.9rem; /* 调整字体大小 */
    }


    /* Case 列表项移动端 Hover 效果调整 */
    /* 根据用户反馈，移动端hover效果可能不需要或导致问题，隐藏hover时的文本和span */
    .fur_case li:hover .txt {
        padding: .5rem;
        bottom: 20%; /* 保持位置 */
        opacity: 0; /* 隐藏 */
        visibility: hidden; /* 隐藏 */
    }

    .fur_case li:hover span {
        opacity: 0; /* 隐藏 */
        visibility: hidden; /* 隐藏 */
    }

    .fur_case li:hover a::before {
        height: 0; /* 隐藏渐变背景 */
    }
    .fur_pro .fur_title{
        margin-bottom: 1.5rem;
    }
    #fur_pro{
        margin-bottom: 1.75rem;
    }

    /* Design & Build 区域移动端箭头位置调整 */
    .fur_des .jt {
        top: 40%;
    }
    .fur_des .fur_title{
        margin-bottom: 1.375rem;
    }

    /* Design & Build 区域移动端内边距调整 */
    .fur_des {
        padding: 3rem 0;
    }
     .fur_des .box .img { /* 移动端图片容器调整 */
         max-width: none;
         max-height: none;
         height: auto;
     }
      .fur_des .box .img img {
         object-fit: contain; /* 移动端图片可能更适合contain */
     }
     .fur_des .box .show { /* 移动端布局调整 */
         grid-template-columns: repeat(2, 1fr); /* 移动端改为两列 */
         gap: 1rem; /* 调整间距 */
     }
     .fur_des .box .wap .swiper-slide { /* 移动端 Swiper slide 布局 */
         display: flex;
         flex-direction: column;
         align-items: center;
     }


     /* 弹窗移动端适配 */
     .fur-content .box {
         padding: 2rem 1rem; /* 调整内边距 */
     }
     .fur-content #fur-tc {
         gap: 1rem; /* 调整间距 */
         justify-content: flex-start; /* 左对齐 */
     }
     .fur-content form {
         grid-template-columns: repeat(1, 1fr); /* 单列布局 */
         gap: 1rem; /* 调整间距 */
     }
     .fur-content form .inp1 {
         grid-column: span 1; /* 占满一列 */
     }
     .fur-content form button {
         max-width: none; /* 按钮宽度自适应 */
     }
     .fur-content .close { /* 移动端关闭按钮位置 */
         width: 2.5rem;
         height: 2.5rem;
         right: 0.5rem;
         top: 0.5rem;
     }
      .fur-content .close i {
         background-size: 1rem; /* 移动端图标大小 */
      }
}
    


/* ==========================================================================
   2026-10-03 响应式优化：笔记本/平板断点层 + 图片填充根治
   - 追加覆盖层，不修改上方原有规则；回滚时删除本区块即可
   - 基准：PC1=1920px 桌面 / PC2=1366px 笔记本；手机/平板断点自行适配
   ========================================================================== */

/* ---------- 一、图片填充根治（全宽度生效） ---------- */
/* 产品分类卡片：桌面端此前缺失 img 尺寸规则，图片按自然尺寸渲染导致留白/溢出 */
.fur_pro .fur_pro-div li .img {
    height: auto;
    aspect-ratio: 385 / 325;
    max-height: none;
    overflow: hidden;
}
.fur_pro .fur_pro-div li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* 卡片文本区改 flex 列，more 按钮沉底对齐 */
.fur_pro .fur_pro-div li .txt {
    display: flex;
    flex-direction: column;
}
.fur_pro .fur_pro-div li .txt .more {
    margin-top: auto;
    align-self: flex-start;
}

/* Our Case 卡片：570x363 原图无尺寸约束，溢出被 li 的 overflow:hidden 硬裁 */
.fur_case li .img {
    width: 100%;
    height: 100%;
}
.fur_case li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- 二、1440px：收紧间距 ---------- */
@media (min-width: 769px) and (max-width: 1440px) {
    .fur_pro .fur_pro-div ul {
        gap: 2rem 2rem; /* 原 4.625rem(74px) 列间距 → 32px */
    }
    .fur_from .box,
    .fur_des .box {
        padding: 0 3rem; /* 原 7.0625rem(113px) → 48px */
    }
    .fur_fah .fur_fah_f .left {
        padding: 4rem 6rem; /* 原 12.9375rem(207px) → 96px */
    }
    .fur_fah .fur_fah_h .box {
        padding-left: 6rem; /* 原 13.75rem(220px) → 96px */
    }
    /* Custom Inquiry：两栏 max-width 580+840=1420px > 1366，直接溢出；允许换行 */
    .fur_cus .box {
        flex-wrap: wrap;
        gap: 2.5rem;
    }
    .fur_cus .left,
    .fur_cus .right {
        max-width: 100%;
    }
}

/* ---------- 三、1366px 笔记本（PC2 基准） ---------- */
@media (min-width: 769px) and (max-width: 1366px) {
    /* Hero：768px 高视口下两 box 内容被裁，缩小字号与间距 */
    .fur_banner .txt .box {
        padding: 1.5rem 3rem;
    }
    .fur_banner .txt .box h2 {
        font-size: 1.375rem;
    }
    .fur_banner .txt .box h2 span {
        font-size: 2rem;
    }
    .fur_banner .txt .box h3 {
        font-size: 1.25rem;
        margin-bottom: .625rem;
    }
    .fur_banner .txt .box .sz_box {
        padding-bottom: .75rem;
    }
    .fur_banner .txt .box .sz_box .sz {
        padding: 0 1.75rem;
    }
    .fur_banner .txt .box h6 {
        padding: 1rem 0;
        font-size: 1.25rem;
    }
    .fur_banner .txt .box h6 span {
        font-size: 2.5rem;
    }
    .fur_banner .txt .box a {
        padding: .75rem 2rem;
    }
    .fur_from .box,
    .fur_des .box {
        padding: 0 2rem; /* 进一步收至 32px */
    }
    .fur_fah .fur_fah_f .left {
        padding: 3rem 4rem;
    }
    .fur_fah .fur_fah_f .left h2 {
        font-size: 3rem; /* 64px → 48px，防标题溢出 */
    }
    .fur_fah .fur_fah_h .box {
        padding: 3rem 3rem 2.375rem 4rem;
    }
    /* 固定 780px 高改为最小高度，内容超出时不裁切 */
    .fur_fah .fah_div {
        height: auto;
        min-height: 48.75rem;
    }
}

/* ---------- 四、1280px：产品区 4→3 列 ---------- */
@media (min-width: 769px) and (max-width: 1280px) {
    .fur_pro .fur_pro-div ul {
        grid-template-columns: repeat(3, 1fr);
    }
    .fur_cer ul {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

/* ---------- 五、1024px 平板横屏 ---------- */
@media (min-width: 769px) and (max-width: 1024px) {
    .fur_case ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .fur_des .box .show {
        grid-template-columns: repeat(2, 1fr);
    }
    .fur_cer ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .fur_fah .fur_fah_a ul {
        padding-left: 2rem;
    }
    .fur_fah .fur_fah_a li {
        padding: 4rem 2rem;
    }
}

/* ---------- 六、询价弹窗 FOUC 根治 ---------- */
/* 模板已给 .fur-content 加内联 opacity:0;visibility:hidden（元素创建即隐藏）；
   此处 !important 保证 .on 打开态能覆盖内联样式 */
.fur-content.on {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ==========================================================================
   2026-10-03 补丁2：Hero 在 769~1700px 区间的内容适配
   症状（PC2 笔记本实测，~1650px 视口）：50% 文本面板标题右边缘被裁、
   统计项 "Factory Pricing &" 换行断裂、"20 YEARS?" 换行、底部 CTA 被裁掉一半
   根因：1441~1919px 区间仍跑纯桌面样式，固定 padding/字号装不下；且 banner
   100vh + overflow:hidden 把超出的第二个 box 裁掉
   方案：面板内边距/字号流体化；banner 改 flex 自然高度，图片绝对铺底，
   文本回归文档流，内容再多也不裁切（视觉与原来一致）
   ========================================================================== */
@media (min-width: 769px) and (max-width: 1700px) {
    .fur_banner {
        height: auto;
        min-height: 100vh;
    }
    .fur_banner .img {
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        height: auto;
        min-height: calc(100vh - 6rem);
    }
    .fur_banner .img > img#lcp-banner-image,
    .fur_banner .img > img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .fur_banner .txt {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        bottom: 0;
        flex-shrink: 0;
    }
    .fur_banner .txt .box {
        height: auto;
        padding: 2.5rem clamp(2rem, 4vw, 4.6875rem);
    }
    /* 统计项：间距流体化，允许优雅换行 */
    .fur_banner .txt .box .sz_box {
        flex-wrap: wrap;
        row-gap: .75rem;
    }
    .fur_banner .txt .box .sz_box .sz {
        padding: 0 clamp(.75rem, 1.8vw, 3.375rem);
    }
    .fur_banner .txt .box .sz_box span {
        font-size: clamp(1rem, .9vw + .5rem, 1.25rem);
        white-space: nowrap;
    }
    .fur_banner .txt .box .sz_box p {
        white-space: nowrap;
    }
    /* 标题流体字号 */
    .fur_banner .txt .box h2 {
        font-size: clamp(1.25rem, 1.1vw + .55rem, 1.5625rem);
    }
    .fur_banner .txt .box h2 span {
        font-size: clamp(1.75rem, 1.6vw + .8rem, 2.4375rem);
    }
    .fur_banner .txt .box h3 {
        font-size: clamp(1.125rem, 1vw + .5rem, 1.5625rem);
    }
    .fur_banner .txt .box:nth-child(2) h3 {
        font-size: clamp(1rem, .95vw + .4rem, 1.375rem);
    }
    .fur_banner .txt .box h6 {
        font-size: clamp(1.125rem, 1vw + .5rem, 1.5rem);
    }
    .fur_banner .txt .box h6 span,
    .fur_banner .txt .box:nth-child(2) span {
        font-size: clamp(1.875rem, 2vw + .8rem, 3.125rem);
    }
    .fur_banner .txt .box a {
        max-width: 100%;
    }
}

/* ==========================================================================
   2026-10-03 补丁3：Hero 底部黑洞 + 1650px 偏移修复
   根因1（base）：.fur_banner .img 用了 height:calc(100vh - 13rem)，但 header 是
   sticky（不覆盖 banner），13rem 属于重复扣除。872px(图) + 96px(深色条) < 1080px，
   底部多出 112px 死黑空间。改为 6rem（与 .fur_down 的 max-height:6rem 对齐）。
   根因2（补丁2）：769~1700px 的 flex 重构（图片绝对定位、文本回归文档流）在
   1650px 下造成底部图片错位感。回退到原始 absolute 布局，只保留流体字号/间距。
   ========================================================================== */
/* base 修正：图片高度预算（仅桌面/笔记本，手机端不动） */
@media (min-width: 769px) {
    .fur_banner .img {
        height: calc(100vh - 6rem);
    }
}

@media (min-width: 769px) and (max-width: 1700px) {
    /* 回退补丁2 的结构改动，恢复原始定位 */
    .fur_banner {
        height: 100vh;
        min-height: 0;
        overflow: hidden;
    }
    .fur_banner .img {
        display: block;
        height: calc(100vh - 6rem);
        min-height: 0;
    }
    .fur_banner .img > img#lcp-banner-image,
    .fur_banner .img > img {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        height: 100%;
    }
    .fur_banner .txt {
        position: absolute;
        width: 50%;
        height: 100%;
        right: 0;
        bottom: 0;
    }
    .fur_banner .txt .box {
        height: 100%;
        padding: 2.5rem clamp(2rem, 4vw, 4.6875rem);
    }
    /* 保留流体字号与间距（补丁2 中有效的部分） */
    .fur_banner .txt .box .sz_box {
        flex-wrap: wrap;
        row-gap: .75rem;
    }
    .fur_banner .txt .box .sz_box .sz {
        padding: 0 clamp(.75rem, 1.8vw, 3.375rem);
    }
    .fur_banner .txt .box .sz_box span {
        font-size: clamp(1rem, .9vw + .5rem, 1.25rem);
        white-space: nowrap;
    }
    .fur_banner .txt .box .sz_box p {
        white-space: nowrap;
    }
    .fur_banner .txt .box h2 {
        font-size: clamp(1.25rem, 1.1vw + .55rem, 1.5625rem);
    }
    .fur_banner .txt .box h2 span {
        font-size: clamp(1.75rem, 1.6vw + .8rem, 2.4375rem);
    }
    .fur_banner .txt .box h3 {
        font-size: clamp(1.125rem, 1vw + .5rem, 1.5625rem);
    }
    .fur_banner .txt .box:nth-child(2) h3 {
        font-size: clamp(1rem, .95vw + .4rem, 1.375rem);
    }
    .fur_banner .txt .box h6 {
        font-size: clamp(1.125rem, 1vw + .5rem, 1.5rem);
    }
    .fur_banner .txt .box h6 span,
    .fur_banner .txt .box:nth-child(2) span {
        font-size: clamp(1.875rem, 2vw + .8rem, 3.125rem);
    }
    .fur_banner .txt .box a {
        max-width: 100%;
    }
}

/* ==========================================================================
   2026-10-03 补丁4：Case 卡片图片被裁（标题 baked 在图中，cover 裁掉左右）
   症状（PC2 实测）：Case 图片左右被裁，"ITALY" 显示成 "TALY"，"INDOCHINE" 成 "NDOCHINE"
   根因：补丁1 给 .fur_case img 加了 object-fit:cover + height:100%，图片(1.57)
   在卡片盒子(约1.37)里被左右裁切。标题是 baked 在图片里的，必须完整显示。
   方案：图片按比例完整显示，不裁切；卡片高度自适应
   ========================================================================== */
@media (min-width: 769px) {
    .fur_case li {
        height: auto;
    }
    .fur_case li .img {
        width: 100%;
        height: auto;
    }
    .fur_case li .img img {
        width: 100%;
        height: auto;
        object-fit: fill;
        display: block;
    }
}

/* ==========================================================================
   2026-10-03 补丁5：About Us 三栏底图与文字列对齐
   症状（PC2 实测）：底图三块（工厂/货柜/办公室）与三列文字（10,000+/65%/95,700+）
   错位，标题 "About us" 悬空
   根因：底图 fur_faha_bg.webp 是 1796px 固定宽（background-size:auto，right -7px），
   而 ul 是 fluid 三列 grid。只在 1920px 恰好对齐；1650px 下底图左溢 153px，
   第一列文字横跨两块底图。
   方案：底图 background-size:100% 100% 随容器缩放，三块永远是容器的精确三等分；
   去掉 ul 的 padding-left:7.5rem，让三列 grid 也是精确三等分，两者对齐。
   ========================================================================== */
@media (min-width: 769px) {
    .fur_fah_a {
        background-size: 100% 100%;
        background-position: left top;
    }
    .fur_fah_a ul {
        padding-left: 0;
    }
}

/* ==========================================================================
   2026-10-03 补丁6：Section 5 双 Swiper 横向溢出
   症状（PC2 实测）：右侧 "Photo" 轮播图被右边缘裁掉
   根因：.fur_from .box 内两个 .swiper 各 max-width:750px 且 flex-shrink:0，
   1650px 下共需 1540px，容器可用仅 1424px，溢出 116px。
   方案：允许 swiper 压缩（flex-shrink:1，min-width:0 防 flex 溢出）
   ========================================================================== */
@media (min-width: 769px) {
    .fur_from .box .swiper {
        flex-shrink: 1;
        min-width: 0;
    }
}

/* ==========================================================================
   2026-10-03 补丁7：金色询价区（fur_cus）在 1650px 下标题被左裁
   症状： "Custom Designs or..." 标题左边缘被裁
   根因：.left(580px, flex-shrink:0) + .right(840px) = 1420px，在 1650px 下
   加上容器 padding 后空间不足，flex 不换行导致挤压错位
   方案：769~1700px 下允许换行，两栏各占 100%
   ========================================================================== */
@media (min-width: 769px) and (max-width: 1700px) {
    .fur_cus .box {
        flex-wrap: wrap;
        gap: 2.5rem;
    }
    .fur_cus .left,
    .fur_cus .right {
        max-width: 100%;
        flex-shrink: 1;
    }
    .fur_cus .left h2 {
        font-size: 2.25rem;
        margin-bottom: 1.5rem;
    }
}

/* 2026-10-03: About Us 底图重设计（v2，三块严格等宽对准三列） */
@media (min-width: 769px) {
    .fur_fah_a {
        background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url(../images/fur/fur_faha_bg_v2.webp);
    }
}

/* ==========================================================================
   2026-10-03 补丁8：About Us 底图/文字/侧边栏三方对齐
   用户指出：左侧有 Factory/About Us/History 三个 Tag（absolute，宽 7.5rem=120px），
   会影响对齐。底图三块、文字三列、侧边栏必须三方对准。
   方案：
   - 底图从 x=120px 开始，宽度为 calc(100% - 120px)，三块各占内容区的精确 1/3
   - ul 恢复 padding-left:7.5rem，三列 grid 也是内容区的精确 1/3
   - 两者在任何视口宽度下都像素级对齐
   ========================================================================== */
@media (min-width: 769px) {
    .fur_fah_a {
        background-position: 7.5rem top;
        background-size: calc(100% - 7.5rem) 100%;
    }
    .fur_fah_a ul {
        padding-left: 7.5rem;
    }
    /* h2 标题放到第一列内，与内容对齐 */
    .fur_fah_a h2 {
        left: calc(7.5rem + 2rem);
    }
}

/* ==========================================================================
   2026-10-03 补丁9：产品卡片按钮统一换新（Lucide arrow-right SVG）
   用户要求：按钮样式不统一、不好看，换 SVG 库的新箭头并统一样式
   设计：默认浅色圆圈+深色箭头；悬停金底+白箭头+"more"文字滑出
   ========================================================================== */
.fur_pro .fur_pro-div li .txt .more {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0;
    border-radius: 5rem;
    transition: all .4s ease;
    color: #212121;
    text-decoration: none;
    overflow: hidden;
    background: transparent;
    border: 1px solid #ddd;
    height: 2.5rem;
    padding-left: .625rem;
    padding-right: .625rem;
}
.fur_pro .fur_pro-div li .txt .more i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    font-style: normal;
    transition: transform .4s ease;
}
.fur_pro .fur_pro-div li .txt .more i svg {
    width: 1.25rem;
    height: 1.25rem;
    stroke: currentColor;
    transition: stroke .4s ease;
}
.fur_pro .fur_pro-div li .txt .more p {
    opacity: 0;
    max-width: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity .4s ease, max-width .4s ease, margin .4s ease;
    color: #212121;
    font-size: .875rem;
}
/* 悬停：金底、白箭头、more 文字滑出 */
.fur_pro .fur_pro-div li .txt .more:hover {
    background: #d4ac5a;
    border-color: #d4ac5a;
    color: #fff;
    gap: .5rem;
    padding-left: .875rem;
    padding-right: 1rem;
}
.fur_pro .fur_pro-div li .txt .more:hover i {
    transform: translateX(2px);
}
.fur_pro .fur_pro-div li .txt .more:hover p {
    opacity: 1;
    max-width: 4rem;
    color: #fff;
}

/* 2026-10-03: Header 导航居中（用户反馈 PC2 上偏左） */
#header .zu {
    justify-content: center;
}