/* wxavatar Technical Support */
/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", sans-serif;
}

/* 页面主体，用于滚动测试 */
body {
    /*min-height: 200vh;*/
}

a,
a:link,
a:visited,
a:hover,
a:active {
  /* 去掉下划线 */  
  text-decoration: none;
  /* 去掉点击高亮颜色 */
  color: inherit;
}

:root {
    --ink: #1d1d1f;
    --ink-2: #424245;
    --ink-3: #6e6e73;
    --line: #d2d2d7;
    --line-2: #f2f2f4;
    --bg: #fbfbfd;
    --paper: #ffffff;
    --accent: #0071e3;
    --accent-hover: #0077ed;
}
.w800{
    max-width: 800px;
    margin: 0 auto;  
}

.w1200 {
    max-width: 1200px;
    margin: 0 auto;
}
.w1400 {
    max-width: 1400px;
    margin: 0 auto;
}
.flex-sty {
    display: flex;
    align-items: center;
}
.flex-sty-b {
    display: flex;
    justify-content: space-between;
}

/* 通用动画类 */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* =================index=============================*/

/* index start */
.index_container {
    background: linear-gradient(120deg, #050B24 0%, #0B1133 50%, #050B24 100%);
    color: #fff;
    line-height: 1.6;
    padding: 6rem 0;
    margin-top: 70px;

}

.index_container .left-content {
    /*flex: 1;*/
    /*padding-right: 40px;*/
    width: 100%;
    margin-left: 55%;
}

.index_container .badge-group {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.index_container .badge {
    background: rgba(0, 150, 255, 0.1);
    border: 1px solid rgba(0, 150, 255, 0.8);
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 12px;
    color: #ccc;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #5eb3ff;
}

.index_container .badge::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #0096ff;
}

.index_container .en-title {
    font-size: 14px;
    color: #498cc8;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.index_container .main-title {
    font-size: clamp(28px, 5vw, 48px);
    /*font-weight: bold;*/
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: normal;
}

/* 标题渐变文字 */
.index_container .main-title span {
    background: linear-gradient(135deg, rgb(107, 157, 255) 0%, rgb(24, 87, 232) 50%, rgb(147, 180, 255) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    font-weight: 600;
}

.index_container .desc {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 30px;
    max-width: 500px;
    font-weight: bold;
}

.index_container .btn-group {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.index_container .primary-btn {
    background: #4080FF;
    color: #fff;
    border: none;
    border-radius: 30px;
    padding: 12px 24px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
}

.index_container .primary-btn:hover {
    background: #3366CC;
}

.index_container .default-btn {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    padding: 12px 24px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}

.index_container .default-btn:hover {
    border-color: #4080FF;
}

.index_container .stats {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.index_container .stat-item {
    text-align: left;
}

.index_container .stat-num {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 4px;
}

.index_container .stat-desc {
    font-size: 12px;
    color: #999;
}
.index_container .right-img img {
    width: 100%;
   
}

/* index end */

/* Why_choose_container start */
.Why_choose_container {
    padding: 6rem 0;
}

/* 头部标题区域 */
.header-section {
    text-align: center;
    margin-bottom: 50px;
}

.header-subtitle {
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.header-title {
    font-size: 42px;
    font-weight: bold;
    color: #1a1a1a;
    line-height: 1.2;
    margin-bottom: 16px;
}

.header-desc {
    font-size: 16px;
    color: #666666;
}

/* 卡片容器 - 响应式网格布局 */
.Why_choose_container .cards-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    /* 桌面端一行3个卡片 */
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* 卡片基础样式 */
.Why_choose_container .card-item {
    background-color: #f5f5f7;
    border-radius: 16px;
    padding: 32px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 卡片hover效果：背景变淡紫 */
.Why_choose_container .card-item:hover {
    background-color: #e8e8ed;
}

/* 卡片序号样式 */
.Why_choose_container .card-number {
    font-size: 40px;
    font-weight: bold;
    color: #d0d7f0;
    margin-bottom: 20px;
    line-height: 1;
}

/* 卡片标题样式 */
.Why_choose_container .card-title {
    font-size: 18px;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 16px;
    transition: color 0.3s ease;
}

/* hover时标题变蓝色 */
.Why_choose_container .card-item:hover .card-title {
    color: #4169E1;
}

/* 卡片简介样式 */
.Why_choose_container .card-desc {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
}

/* Why_choose_container end */

/* Free_sample_container start */
.Free_sample_container {
    padding: 0 0 6rem 0;
}

/* 主卡片容器：深色圆角，自适应宽度 */
.Free_sample_container .banner-card {
    width: 100%;
    max-width: 1200px;
    background-color: #1a1a1a;
    border-radius: 24px;
    padding: 60px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    /* 适配小屏幕换行 */
    flex-wrap: wrap;
}

/* 文字内容区域 */
.Free_sample_container .banner-text {
    flex: 1;
    min-width: 280px;
}

/* 小字副标题 */
.Free_sample_container .banner-subtitle {
    font-size: clamp(14px, 3vw, 13px);
    color: #999999;
    margin-bottom: 12px;
    letter-spacing: 1px;
}

/* 大字主标题 */
.Free_sample_container .banner-title {
    font-size: clamp(24px, 5vw, 20px);
    font-weight: bold;
    color: #ffffff;
    line-height: 1.4;
}

/* 按钮容器 */
.Free_sample_container .banner-btn-wrap {
    flex-shrink: 0;
}

/* 蓝色圆角按钮 */
.Free_sample_container .banner-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    background-color: #1857e8;
    color: #ffffff;
    font-size: clamp(12px, 3vw, 15px);
    font-weight: bold;
    border-radius: 999px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;
}

/* 按钮箭头 */
.Free_sample_container .banner-btn::after {
    content: "→";
    margin-left: 8px;
    font-size: 1.2em;
}

/* 按钮hover效果（PC端），移动端不影响 */
.Free_sample_container .banner-btn:hover {
    background-color: #4080FF;
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(22, 93, 255, 0.3);
}

/* Free_sample_container end */

/* advantage_container start */
/* 容器 */
.advantage_container {
    padding: 6rem 0;
    background-color: #f5f5f7;
}

.advantage_container .header-tag {
    color: #2563eb;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

/* 内容区（左列表+右详情） */
.advantage_container .content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: start;
}

/* 左侧列表 */
.advantage_container .list-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}

.advantage_container .list-item {
    padding: 24px 30px;
    border-radius: 16px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.advantage_container .list-item.active {
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.advantage_container .list-item.inactive {
    background-color: transparent;
    box-shadow: none;
    opacity: 0.6;
}

/* 未选中项隐藏右侧数字 */
.advantage_container .list-item.inactive .list-tolerance {
    display: none;
}

/* 选中项显示 */
.advantage_container .list-item.active .list-tolerance {
    display: block;
}

.advantage_container .list-item-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.advantage_container .list-number {
    color: #2563eb;
    font-size: 16px;
    font-weight: 600;
}

.advantage_container .list-title {
    font-size: 1rem;
    font-weight: 600;
    color: #111827;
}

.advantage_container .list-item.inactive .list-title {
    color: #9ca3af;
}

.advantage_container .list-tolerance {
    text-align: right;
}

.advantage_container .tolerance-value {
    font-size: 1.2rem;
    font-weight: 700;
    color: #2563eb;
    display: block;
}

.advantage_container .tolerance-label {
    font-size: 11px;
    color: #9ca3af;
}

/* 右侧详情卡片 —— 优化后带渐变蒙版 */
.advantage_container .detail-card {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    color: #fff;
    /* 平滑切换背景图 */
    transition: background-image 0.5s ease;
}

/* 黑色渐变蒙版：从下往上渐变 */
.advantage_container .detail-card::after {
    content: '';
    position: absolute;
    inset: 0;
    /* 渐变：底部纯黑 → 顶部透明（可自行调整透明度） */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.advantage_container .detail-content {
    position: absolute;
    top: 140px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.5s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2;
    /* 确保文字在蒙版上方 */
}

.advantage_container .detail-content.active {
    opacity: 1;
    transform: translateY(0);
}

.advantage_container .detail-title {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 20px;
    opacity: 0.9;
    color: rgba(255, 255, 255, 0.9);
}

.advantage_container .detail-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.9);
}

.advantage_container .detail-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
}

.advantage_container .check-icon {
    color: #6b9dff;
    margin-top: 2px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.2);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
}

/* 底部数字区 */
.advantage_container .detail-footer {
    display: flex;
    justify-content: start;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 20px;
}

.advantage_container .footer-tolerance {
    text-align: left;
}

.advantage_container .footer-value {
    font-size: 2rem;
    font-weight: 700;
    display: block;
}

.advantage_container .footer-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.advantage_container .footer-note {
    font-size: 13px;
    opacity: 0.7;
    line-height: 1.4;
    max-width: 220px;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    padding-left: 20px;
    margin-left: 20px;
}

/* advantage_container end */

/* ====================== 案例展示模块 ====================== */
.case_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 6rem 20px;
}

/* 标题区域 */
.case_container .header {
    text-align: center;
    margin-bottom: 30px;
}

.case_container .header h2 {
    font-size: 26px;
    margin-bottom: 10px;
    color: #222;
}

.case_container .header p {
    color: #666;
    font-size: 15px;
}

/* Tab切换 */
.case_container .tab-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px;
}

.case_container .tab-btn {
    padding: 10px 22px;
    border: none;
    background: #f5f5f7;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.3s;
    color: #86868b;
    border-radius: 30px;
}

.case_container .tab-btn.active {
    background: #1d1d1f;
    color: #fff;
}

/* 卡片区域 - 默认隐藏，active显示 */
.case_container .card-wrap {
    margin-bottom: 40px;
}

.case_container .card-item {
    display: none !important;
}

.case_container .card-item.active {
    display: block !important;
}

.case_container .card {
    display: flex;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    background: #fff;
    align-items: center;
}

.case_container .card-left {
    position: relative;
    width: 100%;
    height: 440px;
    background-size: cover;
    background-position: center;
}

/* 左上角原有标签 */
.case_container .card-tag {
    position: absolute;
    top: 15px;
    left: 15px;
    background: rgba(255, 255, 255, 0.9);
    color: #1d1d1f;
    padding: 6px 10px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

/* 底部3个标签样式 */
.case_container .card-bottom-tags {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.case_container .card-bottom-tag {
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    color: #fff;
    padding: 3px 8px;
    border-radius: 30px;
    font-size: 11px;
    white-space: nowrap;
}

.case_container .card-right {
    padding: 25px;
    width: 50%;
}

.case_container .card-cate {
    color: #165DFF;
    font-size: 13px;
    margin-bottom: 6px;
}

.case_container .card-desc-small {
    color: #666;
    font-size: 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
}

.case_container .card-title {
    font-size: 1.2rem;
    margin-bottom: 15px;
    color: #222;
}

.case_container .card-content {
    color: #86868b;
    margin-bottom: 20px;
    font-size: 13px;
    min-height: 125px;
}

.case_container .card-link {
    color: #1857e8;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    cursor: pointer;
}

/* 底部图片 —— 最终优化版 */
.case_container .img-wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

/* 图片容器：边框、内边距、圆角、溢出隐藏 */
.case_container .img-item-box {
    position: relative;
    width: 100%;
    height: 172px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 3px;
    /* 边框与图片5px间距 */
    border: 2px solid transparent;
    overflow: hidden;
    /* 放大时不超出容器 */
}

/* 选中状态：蓝色边框 */
.case_container .img-item-box.active {
    border-color: #165DFF;
}

/* 鼠标悬停：灰色边框 */
.case_container .img-item-box:hover {
    border-color: #ccc;
}

/* 内部图片：默认填满容器 + 圆角 */
.case_container .img-item {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    transition: transform 0.4s ease;
    transform-origin: center;
    /* 缩放中心点 */
}

/* 鼠标悬停：从中心放大 */
.case_container .img-item-box:hover .img-item {
    transform: scale(1.08);
    /* 轻微放大，数值可自行调整 */
}

/* 图片下方 tag 标签 */
.case_container .img-item-tag {
    position: absolute;
    bottom: 12px;
    left: 12px;
    color: #fff;
    padding: 3px 10px;
    border-radius: 30px;
    font-size: 12px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 2;
}

/* case_container end */


/* trust_endorsement_container start */
.trust_endorsement_container {
    padding: 6rem 0;
    background-color: #f5f5f7;
}

/* 标题区域 */
.trust_endorsement_container .title-section {
    text-align: center;
    margin-bottom: 50px;
}

.trust_endorsement_container .title-tag {
    color: #4169E1;
    font-size: 14px;
    margin-bottom: 8px;
}

.trust_endorsement_container .main-title {
    font-size: 42px;
    font-weight: bold;
    color: #111;
    line-height: 1.2;
}

/* 第一块：资质认证卡片 */
.trust_endorsement_container .cert-card-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
    margin-bottom: 50px;
}

.trust_endorsement_container .cert-card {
    background: #fff;
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: all 0.3s ease;
    /* 动画过渡 */
    cursor: pointer;
}

/* 资质卡片悬浮阴影效果 */
.trust_endorsement_container .cert-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.trust_endorsement_container .cert-icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f0f4ff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #4169E1;
    font-size: 16px;
}

.trust_endorsement_container .cert-content h3 {
    font-size: 16px;
    color: #111;
    margin-bottom: 6px;
    font-weight: 600;
}

.trust_endorsement_container .cert-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* 第二块：客户/合作方标签 */
.trust_endorsement_container .tag-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin-bottom: 60px;
}

.trust_endorsement_container .tag-item {
    background: #fff;
    padding: 20px 16px;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1.6;
    transition: all 0.3s ease;
    /* 动画过渡 */
    cursor: pointer;
}

.trust_endorsement_container .tag-item span {
    font-size: 12px;
}

/* 标签卡片悬浮阴影效果 */
.trust_endorsement_container .tag-item:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

/* 标签卡片悬浮：第一行文字变蓝色 */
.trust_endorsement_container .tag-item:hover {
    color: #333;
}

.trust_endorsement_container .tag-item:hover::first-line {
    color: #4169E1 !important;
    font-weight: 600;
}

/* 第三块：全球市场覆盖 */
.trust_endorsement_container .market-section {
    margin-top: 40px;
}

.trust_endorsement_container .market-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin-bottom: 24px;
}

.trust_endorsement_container .market-icon {
    color: #4169E1;
    font-size: 20px;
}

.trust_endorsement_container .market-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
}

.trust_endorsement_container .market-card {
    background: #fff;
    padding: 24px 16px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    /* 动画过渡 */
    cursor: pointer;
}

/* 全球市场卡片悬浮阴影效果 */
.trust_endorsement_container .market-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    transform: translateY(-3px);
}

.trust_endorsement_container .market-code {
    font-size: 18px;
    font-weight: bold;
    color: #111;
    margin-bottom: 4px;
}

.trust_endorsement_container .market-name {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-bottom: 4px;
}

.trust_endorsement_container .market-desc {
    font-size: 12px;
    color: #666;
}

/* trust_endorsement_container end */

/* about_us_container end */
.about_us_container {
    padding: 6rem 0;

}

/* 顶部数据卡片区域 */
.about_us_container .stats-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 40px;
}

.about_us_container .stat-card {
    background: #f3f4f6;
    border-radius: 12px;
    padding: 24px 16px;
    text-align: center;
}

.about_us_container .stat-number {
    font-size: 28px;
    font-weight: bold;
    color: #1d1d1f;
    margin-bottom: 4px;
}

.about_us_container .stat-label {
    font-size: 14px;
    color: #666;
}

/* 主体内容区域 */
.about_us_container .main-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 40px;
}

.about_us_container .left-section {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.about_us_container .factory-img {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.about_us_container .factory-img img {
    width: 100%;
    height: auto;
    display: block;
}

.about_us_container .company-info {
    margin-top: 20px;
}

.about_us_container .company-info h2 {
    font-size: 18px;
    margin-bottom: 12px;
    color: #111;
}

.about_us_container .company-info p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 12px;
    color: #666;
}

/* 企业文化卡片 */
.about_us_container .culture-card {
    background: #f3f4f6;
    border-radius: 12px;
    padding: 20px;
    margin-top: 12px;
}

.about_us_container .culture-card h3 {
    font-size: 14px;
    color: #1e40af;
    margin-bottom: 12px;
}

.about_us_container .culture-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    font-size: 13px;
}

.about_us_container .culture-item h4 {
    font-size: 13px;
    margin-bottom: 4px;
    color: #333;
}

.about_us_container .culture-item p {
    color: #555;
    margin: 0;
}

/* 右侧发展历程 & 产品体系 */
.about_us_container .right-section {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.about_us_container .section-title {
    font-size: 14px;
    color: #1e40af;
    margin-bottom: 16px;
    font-weight: bold;
}

.about_us_container .timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.about_us_container .timeline-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 0;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: all 0.3s ease;
}

.about_us_container .timeline-item:last-child {
    border-bottom: none;
}

.about_us_container .timeline-year {
    font-size: 15px;
    font-weight: bold;
    color: #1e40af;
    min-width: 50px;
}

.about_us_container .timeline-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #cbd5e1;
    flex-shrink: 0;
    transition: background 0.3s ease;
}

.about_us_container .timeline-text {
    font-size: 14px;
    color: #666;
    transition: color 0.3s ease;
}

.about_us_container .timeline-item:hover .timeline-dot {
    background: #1e40af;
}

.about_us_container .timeline-item:hover .timeline-text {
    color: #111;
}

/* 产品体系 & 应用领域标签 */
.about_us_container .tag-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.about_us_container .tag-group .tag {
    background: #f5f5f7;
    color: #1e40af;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    color: #1d1d1f;
}

.about_us_container .tag-group-t {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.about_us_container .tag-group-t .tag {
    background: #eff6ff;
    color: #1857e8;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
}

/* 容器样式 */
.qualification-cert-container {
    margin: 60px auto;
    text-align: center;
}

/* 标题样式 */
.qualification-cert-container .cert-title {
    font-size: 1.3rem;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 12px;
}

/* 简介样式 */
.qualification-cert-container .cert-desc {
    font-size: 14px;
    color: #86868b;
    margin-bottom: 40px;
}

/* 卡片容器 - 响应式网格布局 */
.qualification-cert-container .cert-card-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    /* 大屏一行6个 */
    gap: 16px;
    justify-items: center;
}

/* 卡片基础样式 */
.qualification-cert-container .cert-card {
    width: 100%;
    padding: 28px 16px;
    background-color: #f5f5f7;
    border-radius: 16px;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 卡片标题 - 缩小字号 */
.qualification-cert-container .cert-card h3 {
    font-size: 13px;
    color: #1d1d1f;
    margin-bottom: 8px;
    font-weight: 600;
}

/* 卡片副标题 - 缩小字号 */
.qualification-cert-container .cert-card p {
    font-size: 11px;
    color: #86868b;
    line-height: 1.4;
}

/* 鼠标悬停效果 */
.qualification-cert-container .cert-card:hover {
    background-color: #ffffff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

/* about_us_container end */

/* contact-us start */
/* 容器 - 居中控制 */
.contact-us-container {
    padding: 6rem 0;
    background-color: #f5f5f7;
}

/* 头部标题区域 */
.contact-us-container .header-section {
    text-align: center;
    margin-bottom: 3rem;
}

.contact-us-container .header-section .top-link {
    color: #165DFF;
    font-size: 0.9rem;
    text-decoration: none;
    margin-bottom: 0.5rem;
    display: inline-block;
}

.contact-us-container .header-section h1 {
    font-size: 2.5rem;
    color: #111;
    margin-bottom: 0.8rem;
    line-height: 1.2;
}

.contact-us-container .header-section .sub-title {
    color: #666;
    font-size: 1rem;
}

/* 验证码区域布局优化 */
.code-group {
    display: flex;
    gap: 8px;
    width: 100%;
}

.code-group input {
    flex: 1;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    padding: 0 12px;
    box-sizing: border-box;
}

.code-group img {
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 12px;
    height: 40px;
    width: auto;
    transition: opacity 0.15s ease;
}

.code-group img:hover {
    opacity: 0.8;
}

/* 联系卡片区域 - 3列布局 */
.contact-us-container .contact-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.contact-us-container .contact-card {
    background: #fff;
    border-radius: 16px;
    padding: 2rem 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 鼠标悬停阴影效果 */
.contact-us-container .contact-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

.contact-us-container .card-icon {
    width: 40px;
    height: 40px;
    background-color: #e8f0ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: #165DFF;
    font-size: 1.2rem;
}

.contact-us-container .card-title {
    font-size: 11px;
    color: #86868b;
    margin-bottom: 0.5rem;
}

.contact-us-container .card-content {
    font-size: 14px;
    color: #1d1d1f;
    font-weight: 500;
    margin-bottom: 0.3rem;
}

.contact-us-container .card-desc {
    font-size: 12px;
    color: #86868b;
}

/* 表单区域 */
.contact-us-container .form-section {
    background: #fff;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 左侧深色宣传区 */
.contact-us-container .form-left {
    background-color: #1a1a1a;
    color: #fff;
    padding: 3rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 16px 0 0 16px;
}

.contact-us-container .form-left .tag {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 1rem;
}

.contact-us-container .form-left h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.contact-us-container .form-left .desc {
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.contact-us-container .form-left .feature-list {
    list-style: none;
}

.contact-us-container .form-left .feature-list li {
    color: rgba(255, 255, 255, 0.25);
    font-size: 12px;
    margin-bottom: 0.6rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contact-us-container .form-left .feature-list li::before {
    content: "✓";
    color: rgba(255, 255, 255, 0.25);
    font-weight: bold;
}

/* 右侧表单区 */
.contact-us-container .form-right {
    padding: 3rem 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.contact-us-container .form-right input,
.contact-us-container .form-right textarea {
    width: 100%;
    padding: 0.9rem 1.2rem;
    border: none;
    background-color: #f3f4f6;
    border-radius: 12px;
    font-size: 0.95rem;
    color: #333;
    outline: none;
    transition: background 0.3s;
}

.contact-us-container .form-right input::placeholder,
.contact-us-container .form-right textarea::placeholder {
    color: #aaa;
}

.contact-us-container .form-right input:focus,
.contact-us-container .form-right textarea:focus {
    background-color: #eef1f5;
}

.contact-us-container .form-right textarea {
    min-height: 120px;
    resize: vertical;
}

/* 验证码样式 */
.contact-us-container .captcha-box {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.contact-us-container .captcha-input {
    flex: 1;
}

.contact-us-container .captcha-code {
    width: 120px;
    height: 46px;
    background: #f3f4f6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    letter-spacing: 4px;
    cursor: pointer;
    user-select: none;
}

.contact-us-container .submit-btn {
    background-color: #165DFF;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 0.8rem 2rem;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.contact-us-container .submit-btn:hover {
    background-color: #0f4cd1;
    box-shadow: 0 4px 12px rgba(22, 93, 255, 0.3);
}

/* contact-us end */

/* footer start */
/* 页脚容器 */
footer {
    margin: 0 auto;
    padding: 35px 20px;
    border-top: 1px solid #eeeeee;
}

/* 核心：同一行显示 + 自动换行 + 自适应 */
.footer-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
    margin-bottom: 35px;
}

/* 每一列最小宽度，保证小屏自动换行 */
.footer-container .footer-brand,
.footer-container .footer-column {
    flex: 1;
    min-width: 200px;
}

/* 品牌介绍区 */
.footer-container .footer-brand {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-container .brand-logo {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-container .brand-logo img {
    /*width: 100px;*/
    height: 50px;
}

.footer-container .logo-circle {
    width: 40px;
    height: 40px;
    border: 2px solid #2563eb;
    border-radius: 50%;
    position: relative;
    background-color: #ffffff;
}

.footer-container .logo-circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 20px;
    height: 2px;
    background-color: #2563eb;
}

.footer-container .logo-circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #2563eb;
}

.footer-container .brand-text h1 {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.2;
}

.footer-container .brand-text h1 span {
    font-size: 12px;
    color: #3b82f6;
    margin-left: 4px;
}

.footer-container .brand-text p {
    font-size: 11px;
    color: #64748b;
    letter-spacing: 0.5px;
}

.footer-container .brand-desc {
    font-size: 13px;
    color: #86868b;
    max-width: 380px;
}

/* 通用列样式 */
.footer-container .footer-column h3 {
    font-size: 13px;
    font-weight: 600;
    color: #1d1d1f;
    margin-bottom: 14px;
}

.footer-container .footer-column ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-container .footer-column ul li a {
    color: #86868b;
    text-decoration: none;
    font-size: 13px;
    transition: color 0.3s ease;
}

.footer-container .footer-column ul li a:hover {
    color: #2563eb;
}



/* 联系方式区 */
.footer-container .contact-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-container .contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-container .contact-icon {
    font-size: 14px;
    color: #64748b;
    margin-top: 2px;
    flex-shrink: 0;
}

.footer-container .contact-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.footer-container .contact-content a {
    color: #1d1d1f;
    text-decoration: none;
    font-size: 13px;
}

.footer-container .contact-content span {
    color: #1e293b;
    text-decoration: none;
    font-size: 11px;
}

.footer-container .contact-content a:hover {
    color: #2563eb;
}

.footer-container .contact-time {
    color: #64748b;
    font-size: 12px;
}

/* 版权区 */
.footer-bottom {
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.footer-bottom .copyright {
    color: #86868b;
    font-size: 12px;
}
.footer-bottom .copyright a{
    display: inline;
}
.footer-bottom .footer-links {
    display: flex;
    gap: 20px;
}

.footer-bottom .footer-links a {
    color: #86868b;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.3s ease;
}

.footer-bottom .footer-links a:hover {
    color: #2563eb;
}

/* footer start */
/* 响应式适配：平板端一行2个 */
@media screen and (max-width: 992px) {
    .Why_choose_container .cards-container {
        grid-template-columns: repeat(1, 1fr);
    }

    /*.header-title {*/
    /*    font-size: 32px;*/
    /*}*/

    .advantage_container .content-wrapper {
        grid-template-columns: 1fr;
    }

    .advantage_container .detail-card {
        min-height: 450px;
    }

    .qualification-cert-container .cert-card-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .contact-us-container .contact-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .contact-us-container .form-section {
        grid-template-columns: 1fr;
    }

    .contact-us-container .form-left {
        border-radius: 16px 16px 0 0;
    }

    .contact-us-container .header-section h1 {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .w1200,.w1400{
        padding: 20px !important;
    }
    .Why_choose_container
     {
        padding: 2rem 0;
    }
    
    .footer-container .footer-column {
        display: none;
    }

    .flex-sty{
        display: block !important;
    }
    .index_container{
        padding: 2rem 0;
    }
    .index_container .container {
        flex-direction: column;
        padding: 30px 16px;
        text-align: center;
    }

    .advantage_container .detail-list{
        margin-bottom: 10px;
    }
    .advantage_container .detail-content{
        top: 120px;
    }
    .index_container .left-content {
        padding-right: 0;
        margin-bottom: 40px;
        width: 100%;
        margin-left: 0;
    }
    .index_container .en-title,.index_container .main-title{
        text-align: center;
    }
    .index_container .badge-group,
    .index_container .btn-group,
    .index_container .stats {
        justify-content: center;
    }

    .index_container .stat-item {
        text-align: center;
    }

    .index_container .desc {
        margin-left: auto;
        margin-right: auto;
    }

    .trust_endorsement_container,
    .about_us_container,
        padding: 2rem 0px;
    }

    .case_container,.contact-us-container {
        padding: 4rem 0px;
    }
    .case_container .card {
        /*flex-direction: column;*/
    }

    .case_container .card-right {
        width: 100%;
        padding: 25px;
    }

    .case_container .img-wrap {
        /*grid-template-columns: repeat(2, 1fr);*/
    }

    /*.case_container .card-left {*/
    /*    width: 100%;*/
    /*    height: 240px;*/
    /*}*/

    .case_container .img-item-box {
        height: auto;
    }
    
    @media (max-width: 768px){
        .case_container .card {
            flex-direction: column;
        }
        .case_container .img-wrap {
            grid-template-columns: repeat(2, 1fr);
        }
        .trust_endorsement_container .main-title {
            font-size: 28px;
        }
    
        .trust_endorsement_container .cert-card-row {
            grid-template-columns: 1fr;
        }
    
        .trust_endorsement_container .tag-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    
        .trust_endorsement_container .market-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    
        .about_us_container .main-content {
            grid-template-columns: 1fr;
        }
    
        .about_us_container .stats-container {
            grid-template-columns: repeat(2, 1fr);
        }

    }

    
    footer {
        padding: 25px 15px;
    }

    .footer-container {
        gap: 20px;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}

/* 响应式适配：手机端一行1个 */
@media screen and (max-width: 576px) {
    .Why_choose_container .cards-container {
        grid-template-columns: 1fr;
    }

    .Why_choose_container .card-item {
        padding: 24px;
    }

    .header-title {
        font-size: 20px;
    }

    .advantage_container .list-item {
        padding: 18px 20px;
    }

    .advantage_container .list-title {
        font-size: 16px;
    }

    .advantage_container .tolerance-value {
        font-size: 20px;
    }

    .advantage_container .detail-card {
        padding: 24px;
        min-height: 400px;
    }

    .advantage_container .detail-content {
        top: 24px;
        left: 24px;
        right: 24px;
        bottom: 24px;
    }

    .advantage_container .detail-item {
        font-size: 14px;
    }

    .advantage_container .footer-value {
        font-size: 28px;
    }

    .advantage_container .footer-note {
        font-size: 12px;
    }

    .qualification-cert-container .cert-card-list {
        grid-template-columns: repeat(2, 1fr);
        /* 一行1个 */
    }

    .qualification-cert-container .cert-title {
        font-size: 24px;
    }

    .qualification-cert-container .cert-desc {
        font-size: 14px;
    }

    .contact-us-container .contact-cards {
        grid-template-columns: 1fr;
    }

    .contact-us-container .header-section h1 {
        font-size: 1.6rem;
    }

    .contact-us-container .form-left,
    .contact-us-container .form-right {
        padding: 2rem 1.5rem;
    }
}

/* 超小屏幕（手机）进一步优化 */
@media (max-width: 480px) {
    .Free_sample_container .banner-card {
        padding: 32px 20px;
        text-align: center;
        justify-content: center;
    }

    .Free_sample_container .banner-btn-wrap {
        margin-top: 20px;
        width: 100%;
    }

    .Free_sample_container .banner-btn {
        width: 100%;
        padding: 14px 0;
    }

    .trust_endorsement_container .tag-grid {
        /*grid-template-columns: 1fr;*/
    }

    .trust_endorsement_container .market-grid {
        /*grid-template-columns: 1fr;*/
    }

    .about_us_container .stats-container {
        /*grid-template-columns: 1fr;*/
    }
}


/* ===================================移动端适配 =========================================*/
@media (max-width: 768px) {
    .header-title{font-size:32px;}
    footer {
        padding:0;
    }

    .footer-container {
        gap: 20px;
    }

    .footer-container .footer-bottom {
        flex-direction: column;
        text-align: center;
    }
}

/************首页 banner动画 start**********************************/
/* ============================================ */
/* === VARIANT B: 宁德时代 / SpaceX 工程感 === */
/* ============================================ */
#heroB {
    position: relative;
    background: #06070b;
    color: #fff;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* 工程蓝图栅格背景 */
.heroB-bg {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(0,150,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0,150,255,.04) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
    z-index: 1;
}

.heroB-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 70% 50%, transparent 0%, #06070b 80%);
}

/* 中心光斑 */
.heroB-glow {
    position: absolute;
    width: 1000px;
    height: 1000px;
    right: -300px;
    top: 50%;
    transform: translateY(-50%);
    background: radial-gradient(circle, rgba(0,113,227,.15) 0%, transparent 60%);
    pointer-events: none;
    z-index: 2;
}

/* 大型轴承SVG - 高保真工程图 */
.heroB-bearing {
    position: absolute;
    right: -200px;
    top: 50%;
    transform: translateY(-50%);
    width: 800px;
    height: 800px;
    z-index: 3;
    pointer-events: none;
}

.heroB-bearing svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 0 60px rgba(0,113,227,.3));
}

/* 核心旋转动画 */
.heroB-bearing .rotate-1 {
    transform-origin: center;
    animation: rotateSlow 80s linear infinite;
}

.heroB-bearing .rotate-2 {
    transform-origin: center;
    animation: rotateSlow 50s linear infinite reverse;
}

.heroB-bearing .rotate-3 {
    transform-origin: center;
    animation: rotateSlow 30s linear infinite;
}

/* 外圈呼吸光效 */
.heroB-bearing .pulse-ring {
    animation: bearingPulse 4s ease-in-out infinite;
    transform-origin: center;
}

@keyframes rotateSlow {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes bearingPulse {
    0%, 100% {
        opacity: .3;
    }
    50% {
        opacity: .8;
    }
}

.heroB-content {
    position: relative;
    z-index: 10;
    /*padding: 120px 0 80px;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*max-width: 50%;*/
}

.heroB-tags {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 32px;
    animation: fadeUp .8s ease backwards;
    animation-delay: .2s;
}

.heroB-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(0,150,255,.08);
    border: 1px solid rgba(0,150,255,.2);
    border-radius: 100px;
    font-size: 12px;
    font-weight: 500;
    color: #5eb3ff;
    letter-spacing: .02em;
}

.heroB-tag::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #0096ff;
    box-shadow: 0 0 8px #0096ff;
}

.heroB-mono {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    color: rgba(94,179,255,.8);
    letter-spacing: .2em;
    margin-bottom: 20px;
    animation: fadeUp .8s ease backwards;
    animation-delay: .3s;
}

.heroB-title {
    font-size: clamp(48px, 6vw, 88px);
    /*font-weight: 700;*/
    line-height: 1.05;
    letter-spacing: -.025em;
    margin-bottom: 32px;
    animation: fadeUp 1s ease backwards;
    animation-delay: .4s;
}

.heroB-title .light {
    color: rgba(255,255,255,.4);
    font-weight: 300;
}

.heroB-title .blue {
    background: linear-gradient(135deg, #5eb3ff, #0066ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.heroB-sub {
    font-size: 18px;
    color: rgba(255,255,255,.6);
    font-weight: 300;
    line-height: 1.7;
    max-width: 540px;
    margin-bottom: 48px;
    animation: fadeUp 1s ease backwards;
    animation-delay: .6s;
}

.heroB-sub strong {
    color: #fff;
    font-weight: 500
}

.heroB-actions {
    display: flex;
    gap: 16px;
    margin-bottom: 80px;
    animation: fadeUp 1s ease backwards;
    animation-delay: .8s;
}

.heroB-btn {
    padding: 16px 28px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border: none;
    transition: all .3s;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.heroB-btn-primary {
    background: linear-gradient(135deg, #0066ff, #0096ff);
    color: #fff;
    box-shadow: 0 8px 32px rgba(0,113,227,.3);
}

.heroB-btn-primary:hover {
    box-shadow: 0 12px 48px rgba(0,113,227,.5);
    transform: translateY(-2px);
}

.heroB-btn-ghost {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255,255,255,.2);
}

.heroB-btn-ghost:hover {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.4);
}

.heroB-btn .arrow {
    transition: transform .3s
}

.heroB-btn:hover .arrow {
    transform: translateX(4px)
}

/* 数据栏 - 工程数据风 */
.heroB-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 32px;
    animation: fadeUp 1.2s ease backwards;
    animation-delay: 1s;
}

.heroB-stat-num {
    font-family: 'Noto Serif SC', serif;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}

.heroB-stat-num .blue {
    color: #5eb3ff;
    font-weight: 500
}

.heroB-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,.5);
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: .15em;
    text-transform: uppercase;
}

/* === Animations === */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(24px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

/* === Mobile === */
@media (max-width:1024px) {
    .heroB-content {
        max-width: 100%;
        /*padding: 80px 20px;*/
    }

    .heroB-bearing {
        opacity: .3;
        right: -300px
    }

    .heroB-stats {
        grid-template-columns: repeat(2, 1fr)
    }
}
/* 基础布局兼容 */
.index_container {
    width: 100%;
    position: relative;
}

/********submit***start******************/
/* 全屏背景区域 */
.Submit_banner_section {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 60px 8%;
    color: #fff;
}

/* 内容层（在遮罩上方） */
.Submit_banner_section .banner-content {
    position: relative;
    z-index: 2;
}

/* 标题 */
.Submit_banner_section .banner-title {
    font-size: 43px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* 描述文本 */
.Submit_banner_section .banner-desc {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 35px;
    opacity: 0.95;
}

/* 弹出表单按钮 */
.Submit_banner_section #openFormBtn {
    padding: 14px 45px;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.Submit_banner_section #openFormBtn:hover {
    background: #fff;
    color: #000;
}

/* 弹窗遮罩层 - 默认隐藏 不占位 */
.Submit_banner_section .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    display: none; /* 默认隐藏 不占位 */
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* 弹窗表单 */
.Submit_banner_section .form-modal {
    background: #fff;
    width: 100%;
    max-width: 550px;
    border-radius: 8px;
    padding: 35px 30px;
    position: relative;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

/* 关闭按钮 */
.Submit_banner_section .close-btn {
    position: absolute;
    right: 18px;
    top: 15px;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
}

.Submit_banner_section .close-btn:hover {
    color: #000;
}

/* 表单样式 */
.Submit_banner_section .consult-form {
    margin-top: 20px;
}

.Submit_banner_section .form-item {
    margin-bottom: 15px;
}

.Submit_banner_section .form-item label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.Submit_banner_section .form-item span {
    color: red;
    font-size: 14px;
    padding-right: 5px;
}

.Submit_banner_section input,
.Submit_banner_section textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px;
    outline: none;
    margin-bottom: 20px;
}

.Submit_banner_section .form-item input:focus,
.Submit_banner_section .form-item textarea:focus {
    border-color: #999;
}

.Submit_banner_section .form-item textarea {
    min-height: 100px;
    resize: vertical;
}

/* 验证码行 */
.Submit_banner_section .captcha-row {
    display: flex;
    gap: 12px;
    align-items: center;
}

.Submit_banner_section .captcha-row input {
    flex: 1;
}

.Submit_banner_section .captcha-code {
    border-radius: 4px;
    font-weight: bold;
    letter-spacing: 2px;
    user-select: none;
    padding-top: 5px;
}

.phone-input {
    display: flex;
    align-items: center;
    gap: 20px;
}

.phone-input .area-code-input {
    width: 80px !important;
}

/* 提交按钮 */
.Submit_banner_section .form-submit {
    width: 100%;
    padding: 14px;
    background: var(--mainColor);
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

.Submit_banner_section .form-submit:hover {
    background: #000;
}

/* 右侧表单区 */
.Submit_banner_section .form-right {
    padding: 3rem 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.Submit_banner_section .form-right input,
.Submit_banner_section .form-right textarea {
    width: 100%;
    padding: 0.9rem 1.2rem;
    border: none;
    background-color: #f3f4f6;
    border-radius: 12px;
    font-size: 0.95rem;
    color: #333;
    outline: none;
    transition: background 0.3s;
}

.Submit_banner_section .form-right input::placeholder,
.Submit_banner_section .form-right textarea::placeholder {
    color: #aaa;
}

.Submit_banner_section .form-right input:focus,
.Submit_banner_section .form-right textarea:focus {
    background-color: #eef1f5;
}

.Submit_banner_section .form-right textarea {
    min-height: 120px;
    resize: vertical;
}

/* 验证码样式 */
.Submit_banner_section .captcha-box {
    display: flex;
    gap: 0.8rem;
    align-items: center;
}

.Submit_banner_section .captcha-input {
    flex: 1;
}

.Submit_banner_section .captcha-code {
    width: 120px;
    height: 46px;
    background: #f3f4f6;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    letter-spacing: 4px;
    cursor: pointer;
    user-select: none;
}

.Submit_banner_section .code-group img {
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 40px;
    width: auto;
    transition: opacity 0.15s ease;
}

.Submit_banner_section .btn-center-box {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}

.Submit_banner_section .submit-btn {
    background-color: #165DFF;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 0.8rem 2rem;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.Submit_banner_section .submit-btn-online {
    background-color: #165DFF;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 0.15rem 0.4rem;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.Submit_banner_section .submit-btn:hover {
    background-color: #0f4cd1;
    box-shadow: 0 4px 12px rgba(22, 93, 255, 0.3);
}

.Submit_banner_section .form-right input, .Submit_banner_section .form-right textarea {
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    height: 40px;
    padding: 0 12px;
    box-sizing: border-box;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .Submit_banner_section .banner-title {
        font-size: 26px;
    }

    .Submit_banner_section .banner-desc {
        font-size: 15px;
    }

    .Submit_banner_section .banner-section {
        padding: 50px 5%;
        min-height: 400px;
    }
    
    .Submit_banner_section .form-modal{
        padding: 20px;
    }
    
    .Submit_banner_section .form-item input,
    .Submit_banner_section .form-item textarea {
        padding: 10px 15px;
    }
}
/********submit***end********************/