@charset "utf-8";
/* CSS Document */

.baojia-1 .counter {
    font-size: 30px;
}
.baojia-1 .jiahao {
    font-size: 30px;
}
.baojia-2{
	background-image:url(../baojia-img/bg.webp);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
}

   .custom-quote-wrapper {
            background-color: #ffffff;
            padding: 30px 20px;
        }
        
        /* 标题样式 */
        .custom-form-heading {
            font-family: "Georgia", serif;
            font-weight: bold;
            color: #1a1a1a;
            margin-bottom: 25px;
        }
        
        /* 表单标签与输入框 */
        .custom-field-label {
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #BCB8B7;
            font-weight: 600;
            margin-bottom: 8px;
        }
        .custom-form-input {
            border: 1px solid #EBDFD7;
            border-radius: 4px;
            height: 48px;
            /* font-size: 14px; */
            color: #333333;
            transition: all 0.3s ease;
        }
        .custom-form-input:focus {
            border-color: #d9a95d;
            box-shadow: none;
        }
        .custom-form-input::placeholder {
            color: #b3b3b3;
        }
        
        /* 电话号码组合输入框 */
        .custom-phone-prefix {
            background-color: #ffffff;
            border: 1px solid #e0e0e0;
            border-right: none;
            border-radius: 4px 0 0 4px;
            color: #666666;
            width: 50px;
            justify-content: center;
        }
        .custom-phone-input {
            border-left: none;
            border-radius: 0 4px 4px 0;
        }
        
        /* 选项胶囊样式 (Product Category & Certifications) */
        .custom-pill-checkbox {
            display: none;
        }
        .custom-pill-label {
            display: inline-block;
            border: 1px solid #EBDFD7;
            border-radius: 20px;
            padding: 8px 20px;
            font-size: 14px;
            color: #222;
            cursor: pointer;
            background-color: #FCFAF9;
            margin-right: 10px;
            margin-bottom: 12px;
            transition: all 0.2s ease;
            user-select: none;
        }
        .custom-pill-label:hover {
            border-color: #d9a95d;
            background-color: #fffdf9;
        }
        .custom-pill-checkbox:checked + .custom-pill-label {
            border-color: #d9a95d;
            background-color: #fdf8f0;
            color: #d9a95d;
        }
        
        /* 服务类型卡片样式 (OEM/ODM/Private Label/Wholesale) */
        .custom-service-card-input {
            display: none;
        }
        .custom-service-card-label {
            display: block;
            border: 1px solid #e0e0e0;
            border-radius: 12px;
            padding: 15px 20px;
            cursor: pointer;
            background-color: #ffffff;
            transition: all 0.3s ease;
            height: 100%;
        }
        .custom-service-card-label:hover {
            border-color: #d9a95d;
            box-shadow: 0 4px 12px rgba(217, 169, 93, 0.1);
        }
        .custom-service-card-input:checked + .custom-service-card-label {
            border-color: #d9a95d;
            background-color: #fdf8f0;
        }
        .custom-service-card-title {
            font-size: 18px;
            font-weight: bold;
            color: #1a1a1a;
            margin-bottom: 2px;
        }
        .custom-service-card-desc {
            font-size: 14px;
            color: #777777;
            margin-bottom: 0;
        }
        
        /* 复选框通用（含样品申请等） */
        .custom-checkbox-container {
            font-size: 16px;
            color: #444444;
            line-height: 1.5;
            padding-left: 5px;
        }
        .custom-sample-notice-box {
            border: 1px solid #EBDFD7;
            background-color: #ffffff;
            padding: 15px;
            border-radius: 4px;
        }
        
        /* 文本域 */
        .custom-form-textarea {
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            /* font-size: 14px; */
            color: #333333;
            resize: none;
            padding: 12px;
        }
        .custom-form-textarea:focus {
            border-color: #d9a95d;
            box-shadow: none;
        }
        
        /* 文件拖拽上传区域 */
        .custom-upload-zone {
            border: 2px dashed #e0e0e0;
            border-radius: 8px;
            background-color: #fafafa;
            padding: 25px 15px;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .custom-upload-zone:hover {
            border-color: #d9a95d;
            background-color: #fdfbf7;
        }
        .custom-upload-icon-box {
            margin-bottom: 10px;
        }
        .custom-upload-icon {
            width: 24px;
            height: 24px;
            opacity: 0.6;
        }
        .custom-upload-text-main {
            /* font-size: 14px; */
            color: #555555;
            margin-bottom: 5px;
        }
        .custom-upload-link-text {
            color: #f5a623;
            text-decoration: underline;
            font-weight: 500;
        }
        .custom-upload-text-sub {
            font-size: 14px;
            color: #999999;
            margin-bottom: 0;
        }
        
        /* 提交按钮（包含Hover变色、上移效果） */
        .custom-submit-button {
            background-color: #ffb84d;
            color: #222;
            border: none;
            border-radius: 4px;
            width: 100%;
            padding: 15px 20px;
            font-size: 16px;
            font-weight: 500;
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }
        .custom-submit-button:hover {
            background-color: #d9a95d !important;
            color: #222 !important;
            transform: translateY(-4px);
            box-shadow: 0 6px 15px rgba(217, 169, 93, 0.3);
            text-decoration: none;
        }
        .custom-submit-button:active {
            transform: translateY(-1px);
        }
        
        /* 底部合规声明文本 */
        .custom-privacy-notice-text {
            /* font-size: 12px; */
            color: #999999;
            margin-top: 12px;
        }
        .custom-privacy-link {
            color: #999999;
            text-decoration: underline;
        }
        .custom-privacy-link:hover {
            color: #666666;
        }
        
        /* 图片中左右两栏垂直分割线效果（大屏幕） */
        @media (min-width: 992px) {
            .custom-divider-col {
                border-left: 1px solid #eeeeee;
                padding-left: 40px;
            }
            .custom-left-col {
                padding-right: 40px;
            }
        }
        
        /* 以下为预留的扩展空白样式名，根据要求完全保留输出 */
           /* 左侧：服务承诺卡片 */
        .promise-left-card {
            background-color: #ffffff;
            border: 1px solid #EBDFD7;
            padding: 40px 30px;
            height: 100%;
        }
        .promise-main-heading {
            /* font-family: "Georgia", serif; */
            font-weight: bold;
            color: #1a1a1a;
            font-size: 26px;
            margin-bottom: 30px;
        }
        
        /* 列表项布局与小图标 */
        .promise-info-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 24px;
        }
        .promise-icon-wrapper {
            margin-right: 15px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .promise-svg-icon {
            width: 20px;
            height: 20px;
        }
        
        /* 文本细节描述 */
        .promise-text-block {
            font-size: 18px;
            color: #333333;
            line-height: 1.4;
        }
        .promise-timezone-text {
            color: #686261;
            /* font-size: 16px; */
            margin-top: 4px;
        }
        .promise-converted-time {
            color: #cccccc;
            font-size: 14px;
            margin-top: 2px;
        }
        .promise-bold-text {
            font-weight: 500;
            font-size: 18px;
        }
        
        /* WhatsApp 按钮样式（含Hover变色与上移效果） */
        .promise-whatsapp-btn {
            background-color: #ffb84d;
            color: #222;
            border: none;
            border-radius: 4px;
            width: 100%;
            padding: 14px 20px;
            font-size: 18px;
            font-weight: 500;
            display: inline-block;
            text-align: center;
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease;
            box-shadow: 0 2px 5px rgba(0,0,0,0.03);
            text-decoration: none;
            margin-top: 10px;
        }
        .promise-whatsapp-btn:hover {
            background-color: #d9a95d !important;
            color: #222 !important;
            transform: translateY(-4px);
            box-shadow: 0 6px 15px rgba(217, 169, 93, 0.25);
            text-decoration: none;
        }
        .promise-whatsapp-btn:active {
            transform: translateY(-1px);
        }
        
        /* 按钮下方的提示小字 */
        .promise-note-text {
            font-size: 14px;
            color: #b3b3b3;
            font-style: italic;
            margin-top: 12px;
            text-align: center;
        }
        
        /* 右侧：客户评价卡片 */
        .promise-right-card {
            background-color: #FCFAF9;
            border: 4px solid #EBDFD7;
            padding: 40px 35px;
            height: 100%;
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .promise-right-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.04);
        }
        
        /* 五角星评分样式 */
        .promise-stars-container {
            margin-bottom: 20px;
        }
        .promise-star-svg {
            width: 16px;
            height: 16px;
            margin-right: 2px;
        }
        
        /* 引号图标背景 */
        .promise-quote-icon-box {
            position: absolute;
            top: 25px;
            right: 35px;
            opacity: 0.8;
        }
        .promise-quote-svg {
            width: 32px;
            height: 24px;
        }
        
        /* 评语文本 */
        .promise-testimonial-content {
            /* font-size: 15px; */
            color: #666666;
            font-style: italic;
            line-height: 1.6;
            margin-bottom: 25px;
        }
        
        /* 分割线 */
        .promise-card-divider {
            border-top: 1px solid #eeeeee;
            margin-bottom: 25px;
        }
        
        /* 评价人信息区域布局 */
        .promise-user-profile {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        .promise-avatar-box {
            margin-right: 15px;
        }
        .promise-avatar-img {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            object-fit: cover;
        }
        .promise-user-meta {
            display: flex;
            flex-direction: column;
        }
        .promise-user-name {
            font-size: 18px;
            font-weight: bold;
            color: #1a1a1a;
        }
        .promise-user-country {
            font-weight: normal;
            color: #666666;
            margin-left: 5px;
        }
        .promise-user-title {
            /* font-size: 13px; */
            color: #888888;
            margin-top: 2px;
        }
        
        /* 商业供应链业务标签属性标签 */
        .promise-business-tag-line {
            font-size: 14px;
            color: #c79248;
            margin-bottom: 4px;
        }
        .promise-product-tag-line {
            font-size: 14px;
            color: #c79248;
            margin-bottom: 0;
        }
        
        /* 空白样式预留类名（严格按照要求输出） */
        .promise-unused-holder-alpha {}
        .promise-unused-holder-beta {}
		
		.baojia-4 .idea h4 {
    font-size: 20px;
    margin-bottom: 0px;
    margin-top: 30px;
}
.baojia-4 .idea span{ color:#D5A354; font-size:14px; text-transform:uppercase; font-weight:500;}
.baojia-4 .idea-p{color:#707276;/* font-size:14px; */margin-top:30px;}
.baojia-4 .col-lg-3{ display:flex;}


        /* 外部主包裹容器 */
        .sample-flow-outer-section {
            background-color: #ffffff;
            padding: 40px 0;
        }
        
        /* 流程卡片整体结构 */
        .sample-flow-card-item {
            background-color: #ffffff;
            border: 2px solid #F5EEE9;
            border-radius: 4px;
            overflow: hidden;
            height: 100%;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            transition: box-shadow 0.3s ease;
        }
        .sample-flow-card-item:hover {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
        }
        
        /* 图片容器与缩放效果 */
        .sample-flow-img-container {
            width: 100%;
            /* height: 250px; */
            overflow: hidden;
            background-color: #f5f5f5;
        }
        .sample-flow-photo {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
        }
        /* 当卡片被 hover 时，图片放大效果 */
        .sample-flow-card-item:hover .sample-flow-photo {
            transform: scale(1.08);
        }
        
        /* 卡片文字内容区域 */
        .sample-flow-text-body {
            padding: 25px 20px;
        }
        
        /* 数字与标题组合布局 */
        .sample-flow-title-box {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }
        .sample-flow-step-number {
            font-family: fantasy;
            font-weight: bold;
            font-size: 33px;
            color: #1a1a1a;
            margin-right: 12px;
            line-height: 1;
        }
        .sample-flow-step-title {
            /* font-family: "Georgia", serif; */
            font-weight: bold;
            font-size: 26px;
            color: #1a1a1a;
            margin-bottom: 0;
            line-height: 1.2;
        }
        
        /* 描述性文本 */
        .sample-flow-description {
            /* font-size: 13.5px; */
            color: #777777;
            line-height: 1.6;
            margin-bottom: 0;
        }
        
        /* 底部通栏提示框 */
        .sample-flow-notice-bar {
            background-color: #fbf8f5;
            border: 1px solid #f3ebe1;
            border-radius: 4px;
            padding: 25px 30px;
            margin-top: 40px;
        }
        .sample-flow-notice-left {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .sample-flow-notice-heading {
            /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; */
            font-weight: 600;
            font-size: 26px;
            color: #1a1a1a;
            margin-bottom: 6px;
        }
        .sample-flow-notice-subtext {
            /* font-size: 14px; */
            color: #666666;
            margin-bottom: 0;
        }
        
        /* 右侧交互动作区域与按钮 */
        .sample-flow-notice-right {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        .sample-flow-action-btn {
            background-color: #ffb84d;
            color: #333333 !important; /* 字体颜色保持不变（深色/黑色系） */
            /* font-size: 14px; */
            font-weight: 500;
            border: none;
            border-radius: 4px;
            padding: 12px 24px;
            white-space: nowrap;
            box-shadow: 0 2px 4px rgba(0,0,0,0.02);
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease;
            text-decoration: none;
        }
        /* 按钮悬停：颜色变为#d9a95d，整体上移，字体颜色依旧保持不变 */
        .sample-flow-action-btn:hover {
            background-color: #d9a95d !important;
            transform: translateY(-4px);
            box-shadow: 0 6px 15px rgba(217, 169, 93, 0.25);
            text-decoration: none;
        }
        .sample-flow-action-btn:active {
            transform: translateY(-1px);
        }
        
        /* 响应式微调断点 */
        @media (max-width: 767.98px) {
            .sample-flow-notice-right {
                justify-content: flex-start;
                margin-top: 20px;
            }
            .sample-flow-action-btn {
                width: 100%;
                text-align: center;
            }
        }
        
              /* 外部主包裹器容器 */
        .nav-gate-outer-wrapper {
            background-color: #ffffff;
            padding: 0px 0px 0px;
        }
        
        /* 自定义网格行，控制卡片之间的间距 */
        .nav-gate-cards-row {
            margin-left: -10px;
            margin-right: -10px;
        }
        
        /* 响应式列间距填充 */
        .nav-gate-grid-col {
            padding-left: 10px;
            padding-right: 10px;
        }
        
        /* 单个导流卡片基础样式与 Hover 效果 */
        .nav-gate-card-box {
            background-color: #ffffff;
            border: 1px solid #EBDFD7;
            padding: 30px 24px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease, border-color 0.3s ease;
        }
        
        /* 悬停卡片时：整体轻微上移、加深阴影并改变边框色 */
        .nav-gate-card-box:hover {
            transform: translateY(-5px);
            border-color: #d9a95d;
            box-shadow: 0 12px 30px rgba(217, 169, 93, 0.08);
        }
        
        /* 图标包裹盒 */
        .nav-gate-icon-container {
            margin-bottom: 25px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        
        /* 模拟图片中的黄褐色几何线条图标 */
        .nav-gate-svg-icon {
            width: 32px;
            height: 32px;
            stroke: #d9a95d;
            stroke-width: 1.8;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }
        
        /* 卡片主标题 */
        .nav-gate-main-title {
            /* font-family: "Georgia", serif; */
            font-weight: bold;
            font-size: 20px;
            color: #1a1a1a;
            margin-bottom: 18px;
            line-height: 1.3;
        }
        
        /* 卡片详细内容描述 */
        .nav-gate-detail-desc {
            /* font-size: 14px; */
            color: #666666;
            line-height: 1.6;
            margin-bottom: 20px;
            flex-grow: 1; /* 撑开空间使底部的链接对齐 */
        }
        
        /* 底部“explore→”链接样式 */
        .nav-gate-explore-link {
            /* font-size: 14px; */
            color: #d9a95d !important;
            /* text-decoration: underline; */
            text-underline-offset: 4px;
            font-weight: 500;
            display: inline-block;
            transition: color 0.2s ease, padding-left 0.2s ease;
        }
        
        /* 悬停在链接本身或卡片时，文字轻微向右平移 */
        .nav-gate-card-box:hover .nav-gate-explore-link {
            color: #bfa054 !important;
            padding-left: 4px;
            text-decoration: underline;
        }
        
        /* 针对 5 列等宽在 Bootstrap 4 桌面端的完美适配扩展方案 */
        @media (min-width: 1200px) {
            .nav-gate-five-cols .nav-gate-grid-col {
                flex: 0 0 20%;
                max-width: 20%;
            }
        }
        
            /* 外部大框包裹容器 */
        .guide-hub-outer-box {
            background-color: #ffffff;
            padding: 0px 0;
        }
        
        /* 紧凑型双栏间距微调行 */
        .guide-hub-row-spacing {
            margin-left: -12px;
            margin-right: -12px;
        }
        
        /* 单元格的左右填充设定 */
        .guide-hub-cell-col {
            padding-left: 12px;
            padding-right: 12px;
        }
        
        /* 文章卡片基础框（严格还原原图浅色边框与内边距） */
        .guide-hub-article-card {
            background-color: #ffffff;
            border: 2px solid #F5EEE9;
            padding: 25px 20px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s ease, box-shadow 0.3s ease;
        }
        
        /* 卡片悬停效果：向上微调移动4px、颜色突变到#d9a95d、生成微弱环境阴影 */
        .guide-hub-article-card:hover {
            transform: translateY(-4px);
            border-color: #d9a95d;
            box-shadow: 0 8px 25px rgba(217, 169, 93, 0.1);
        }
        
        /* 导流卡片顶部标题行 */
        .guide-hub-main-headline {
            font-size: 18px;
            font-weight: 500;
            color: #555555;
            font-family: auto;
            line-height: 1.5;
            margin-bottom: 5px;
            transition: color 0.3s ease;
        }
        
        /* 悬停时标题文字颜色呼应深化 */
        .guide-hub-article-card:hover .guide-hub-main-headline {
            color: #1a1a1a;
        }
        
        /* 底部READ阅读引导链接文字 */
        .guide-hub-action-link {
            /* font-size: 12px; */
            font-weight: bold;
            letter-spacing: 1px;
            color: #000000;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            transition: padding-left 0.2s ease;
        }
        
        /* 鼠标滑过时，READ字样后面的箭头往右轻微跨步推进 */
        .guide-hub-article-card:hover .guide-hub-action-link {
            padding-left: 6px;
            color: #d9a95d;
            text-decoration: none;
        }
        
        /* 结构性空余类名占位区（严格按指示要求全部予以保留体现） */
        .guide-hub-empty-style-alpha {}
        .guide-hub-empty-style-beta {}