/* 初始化 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 18px;
    
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    color: #333;
    background-color: #ffffff;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

/* 通用宽度：所有内容模块 1400 */
.container {
    width: 1400px;
    margin: 0 auto;
}








/* 顶部导航，高度 120px */
.topbar {
    background-color: #1f5fa9;  /* 橙色背景 */
    height: 120px;
}

/* 顶部内容容器，宽度 1400 */
.topbar-inner {
    width: 1400px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;        /* 垂直居中 logo 和导航 */
    justify-content: space-between;
}

/* 左侧 logo 图片 */
.logo img {
    display: block;
    height: 118px;               /* 可以根据你原图大小微调，比如 50/70 都行 */
}

/* 右侧导航 */
.nav ul {
    list-style: none;
    display: flex;
    gap: 40px;                  /* 菜单之间的间距 */
}

.nav a {
    font-size: 18px;            /* 菜单字体 18px */
    color: #ffffff;
    font-weight: 400;
    line-height: 1;
    transition: opacity 0.2s;
}

/* 鼠标经过效果（可选） */
.nav a:hover {
    opacity: 0.8;
}















/* Banner (2540 * 780) */
.banner {
    width: 100%;
    overflow: hidden;
    background-color: #000;
}

.banner-inner {
    width: 2540px;
    height: 780px;
    margin: 0 auto;
    background-image: url("../images/banner-cleanroom.jpg");
    background-position: center;
    background-size: cover;
}

/* BIM + 视频模块（宽 1400，视频 1400*600） */
.bim-section {
    padding: 60px 0;
    background-color: #ffffff;
}

.bim-inner {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}




/* BIM 标题样式，放大字号 */
.bim-title {
    text-align: center;
    margin: 40px 0 30px;   /* 标题和视频之间的间距 */
}

.bim-title h2 {
    font-size: 42px;       /* 主标题大号字体 */
    font-weight: 700;
    color: #1f5fa9;        /* 蓝色接近你图上的 */
    line-height: 1.3;
    margin-bottom: 16px;
}

.bim-title p {
    font-size: 20px;       /* 副标题略小一点 */
    font-weight: 500;
    color: #555555;        /* 灰色 */
    letter-spacing: 0;     /* 不要拉得太开，跟你图一样紧凑 */
}








/* 包住视频的容器固定尺寸 1400*600 */
.bim-video {
    width: 1400px;
    height: 600px;
    background-color: #000;
    overflow: hidden;
}

/* 让视频刚好铺满 1400*600 */
.bim-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 橙色条 + 小图；宽度 1400 */
.strip-gallery {
    background-color: #f1f6ff;
    padding: 20px 0 40px;
}

.strip-inner {
    width: 1400px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1f5fa9;
    font-size: 21px;
}

.strip-button {
    display: inline-block;
    padding: 6px 16px;
    border: 1px solid #fff;
    font-size: 21px;
    border-radius: 2px;
}

.strip-images {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
}

.strip-images .thumb {
    flex: 1;
    background-color: #fff;
}















/* ========== Industries 轮播模块 ========== */

.industries {
    padding: 80px 0;
    background-color: #ffffff;
}

.industries-inner {
    text-align: center;
}

/* 只影响这个模块的标题 */
.industries .section-title {
    font-size: 42px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 12px;
}

.industries .section-subtitle {
    font-size: 16px;
    color: #7a7a7a;
    margin-bottom: 40px;
}

/* 轮播容器 */
.industries-slider {
    position: relative;
    overflow: hidden;
}

/* 轨道：里面排 8 个卡片，我们只看 3 个宽度 */
.industry-track {
    display: flex;
    transition: transform 0.4s ease;
}

/* 卡片：固定占 1/3 宽度，所以一屏就是 3 张 */
.industry-card {
    flex: 0 0 33.3333%;
    padding: 0 10px;                 /* 卡片之间留一点空隙 */
    box-sizing: border-box;
}

/* 卡片内部背景图 + 渐变层，与之前一样 */
.industry-bg {
    position: relative;
    height: 380px;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    overflow: hidden;
    background-color: #0e4e8f;
}

.industry-overlay {
    position: absolute;
    inset: 0;
    padding: 30px 26px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
        to top,
        rgba(12, 73, 140, 0.95) 0%,
        rgba(12, 73, 140, 0.6) 40%,
        rgba(12, 73, 140, 0.1) 70%,
        rgba(12, 73, 140, 0) 100%
    );
    color: #ffffff;
    text-align: left;
}

.industry-overlay h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.industry-overlay p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Read more 按钮 */
.industry-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #1f5fa9;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    min-width: 190px;
}

.industry-btn .btn-arrow {
    margin-left: 12px;
}

/* 底部右下角的左右按钮 */
.industries-controls {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.industries-btn {
    width: 46px;
    height: 46px;
    border-radius: 6px;
    border: none;
    background-color: #1f5fa9;    /* 橙色 */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.industries-btn .arrow-icon {
    font-size: 22px;
    color: #ffffff;
    line-height: 1;
}

.industries-btn:hover {
    filter: brightness(0.9);
}











/* 四步流程（容器 1400） */
.steps-section {
    padding: 80px 0;
    background-color: #ffffff;
}

/* 顶部标题，居中、大号，和你截图一致 */
.steps-title {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 32px;
}

/* 外层卡片：左列表 + 右图片 */
.steps-inner {
    width: 1400px;                 /* 占满容器 */
    margin: 0 auto;
    display: flex;
    border: 1px solid #e2ebfb;
    border-radius: 6px;
    overflow: hidden;
    background-color: #ffffff;
}

/* 左侧步骤区域 */
.steps-left {
    flex: 1.05;
    background-color: #f4f8ff;     /* 浅蓝底色，选中行变白 */
}

/* 右侧大图区域 */
.steps-right {
    flex: 1;
}

.steps-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 单个步骤行：默认高度 85px */
.step-item {
    cursor: pointer;
    padding: 18px 32px;
    height: 85px;                  /* 默认高度 85px */
    overflow: hidden;
    background-color: #f4f8ff;
    border-bottom: 1px solid #e2ebfb;
    transition: height 0.25s ease, background-color 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;       /* 未展开时，行内内容垂直居中 */
}

/* 最后一行去掉下边框 */
.step-item:last-child {
    border-bottom: none;
}

/* 选中行：高度 165px，背景白色，内容靠上 */
.step-item.active {
    background-color: #ffffff;
    height: 165px;                 /* 展开高度 165px */
    justify-content: flex-start;
}

/* 行头部：编号 + 标题 */
.step-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 6px;
}

.step-number {
    font-size: 22px;
    font-weight: 600;
    color: #8ea9d7;                /* 浅蓝数字 */
}

.step-name {
    font-size: 16px;
    font-weight: 600;
    color: #1f5fa9;                /* 深蓝标题 */
}

/* 行正文：只有 active 的时候显示 */
.step-body {
    font-size: 16px;
    color: #000;
    line-height: 1.7;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.step-item.active .step-body {
    opacity: 1;
}




















/* ========== News / Articles 模块 ========== */

.news-section {
    padding: 80px 0 90px;
    background-color: #ffffff;
}

/* 顶部标题 + 按钮行 */
.news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.news-title {
    font-size: 32px;
    font-weight: 700;
    color: #1f5fa9;
}

/* 右上角按钮 */
.news-controls {
    display: flex;
    gap: 8px;
}

.news-btn {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: none;
    background-color: #1f5fa9;   /* 深蓝方块 */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.news-arrow {
    font-size: 20px;
    color: #ffffff;
    line-height: 1;
}

.news-btn:hover {
    filter: brightness(0.9);
}

/* 轮播区域 */
.news-slider {
    position: relative;
    overflow: hidden;
}

/* 轨道：里头横向排所有卡片 */
.news-track {
    display: flex;
    transition: transform 0.35s ease;
}

/* 单个卡片：固定占 1/3 宽度，一屏 3 张 */
.news-card {
    flex: 0 0 33.3333%;
    box-sizing: border-box;
    padding: 0 12px;
}

.news-card-link {
    display: block;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #e3e8f2;
    overflow: hidden;
    background-color: #ffffff;
    text-decoration: none;
    color: inherit;
}

/* 图片区域 */




/* 让缩略图始终是正方形 */
.news-image-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;          /* 固定 1:1 比例，始终正方形 */
    overflow: hidden;
    background-color: #f3f5fa;
}

/* 图片铺满整个正方形区域 */
.news-image-wrap img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;            /* 等比裁切，居中 */
    display: block;
}

/* 没有图片时的占位，同样是正方形 */
.news-image-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e9f4;
}














/* 文本区域 */
.news-content {
    padding: 16px 20px 18px;
    text-align: left;
}

.news-date {
    font-size: 12px;
    color: #8b94a8;
    margin-bottom: 6px;
}

.news-card-title {
    font-size: 16px;
    font-weight: 600;
    color: #1f5fa9;
    margin-bottom: 8px;
}

.news-summary {
    font-size: 13px;
    color: #555555;
    line-height: 1.6;
    height: 62px;               /* 固定高度，多的截断 */
    overflow: hidden;
}

.news-readmore {
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    font-size: 13px;
    color: #1f5fa9;
}

.news-readmore-arrow {
    margin-left: 4px;
}






















/* ========== 新闻详情页面 ========== */

/* 顶部导航你之前已经有 .topbar/.topbar-inner/.nav 等样式，这里沿用 */

/* 新闻详情 Banner：整站共用一张图 */






/* 新闻详情 Banner：内容区域固定 1400 × 500 */
.news-detail-banner {
    width: 100%;
    padding: 5px 0;           /* 上下留一点空，让 1400 区域“吊”在中间 */
    background-color: #ffffff; /* 背景色随你改，主要是两侧空白时的底色 */
}

.news-detail-banner-inner {
    width: 1400px;
    height: 500px;             /* 固定高度 500 */
    margin: 0 auto;
    background-image: url("images/news-detail-banner.jpg"); /* 共用的详情页 banner 图 */
    background-size: cover;
    background-position: center;
    color: #ffffff;

    display: flex;
    flex-direction: column;
    justify-content: center;   /* 文本在 500 高度里垂直居中 */
    /* 你想让文字偏左一点，可以加内边距 */
    padding-left: 40px;
}

.news-detail-banner-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
}

.news-detail-banner-subtitle {
    font-size: 15px;
    opacity: 0.9;
}


.news-detail-banner-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
}

.news-detail-banner-subtitle {
    font-size: 15px;
    opacity: 0.9;
}

/* 主体布局：左正文 + 右目录，宽度 1400 */
.news-detail-section {
    padding: 40px 0 80px;
    background-color: #ffffff;
}

.news-detail-layout {
    display: flex;
    gap: 40px;
}

/* 左侧正文 */
.news-detail-main {
    flex: 3;
}

.news-detail-date {
    font-size: 13px;
    color: #8b94a8;
    margin-bottom: 8px;
}

.news-detail-title {
    font-size: 26px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 20px;
}

/* 正文内容区域 */
.news-detail-content {
    font-size: 15px;
    color: #444;
    line-height: 1.8;
}

.news-detail-content img {
    max-width: 100%;
    height: auto;
}

/* 让正文里的 h2/h3 更醒目 */
.news-detail-content h2 {
    font-size: 22px;
    margin: 26px 0 12px;
    color: #1f5fa9;
}

.news-detail-content h3 {
    font-size: 18px;
    margin: 22px 0 10px;
    color: #1f5fa9;
}

/* 右侧目录 */
.news-detail-toc {
    flex: 1.1;
}

/* 目录盒子样式 */
.toc-box {
    background-color: #f1f6ff;
    border-radius: 4px;
    padding: 16px 16px 18px;
    font-size: 13px;
    color: #333;
    position: sticky;
    top: 140px;         /* 滚动时吸附在视口 */
}

.toc-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.toc-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.toc-item {
    margin-bottom: 6px;
    line-height: 1.4;
}

.toc-item a {
    color: #1f5fa9;
    text-decoration: none;
}

.toc-item a:hover {
    text-decoration: underline;
}

/* 不同级别的缩进（如果你用了 h3） */
.toc-level-3 {
    padding-left: 12px;
    font-size: 12px;
}

/* 页面滚动平滑一点（可选） */
html {
    scroll-behavior: smooth;
}











/* ========== 新闻详情 Banner（1400×500） ========== */
.news-detail-banner {
    width: 100%;
    padding: 5px 0;
    background-color: #ffffff; /* 两侧空白的底色 */
}
.news-detail-banner-inner {
    width: 1400px;
    height: 500px;
    margin: 0 auto;
    background-image: url("images/news-detail-banner.jpg"); /* 你自己的详情页 banner 图片 */
    background-size: cover;
    background-position: center;
}

/* 主体布局（正文 + 目录）保持你之前的即可，这里略 */

/* ========== FAQ 模块（按你截图样式） ========== */

.article-faq-section {
    padding: 40px 0 80px;
    background-color: #ffffff;
}

.article-faq-title {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 24px;
}

.article-faq-list {
    max-width: 1400px;
    margin: 0 auto;
}

.faq-item {
    background:#e7f0ff;
    border:1px solid #d1ddf5;
    border-radius:4px;
    margin-bottom:12px;
    overflow:hidden;
}

/* 问题行 */
.faq-item-header {
    width:100%;
    padding:14px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:transparent;
    border:none;
    cursor:pointer;
}

.faq-question {
    font-size:15px;
    font-weight:600;
    color:#1f5fa9;
    text-align:left;
}

/* 右侧圆形 X / + */
.faq-icon {
    width:22px;
    height:22px;
    border-radius:50%;
    background:#1f5fa9;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    line-height:1;
}

/* 答案内容 */
.faq-body {
    padding: 12px 20px 16px;
    border-top:1px solid #d1ddf5;
    font-size:14px;
    color:#444;
    line-height:1.7;
}

/* 关闭状态隐藏答案 */
.faq-item:not(.open) .faq-body {
    display:none;
}















/* ========= Case Study Banner 1400 * 600 ========= */

.case-banner {
    padding: 40px 0;
    background-color: #0e4e8f;       /* 两边底色，可按需要改 */
}

.case-banner-inner {
    width: 1400px;
    height: 600px;
    margin: 0 auto;
    background-image: url("../images/case-banner.jpg"); /* 你自己的案例 banner 图 */
    background-size: cover;
    background-position: center;
    position: relative;
}

/* ========= About Our Cleanrooms 小模块 ========= */

.about-cleanrooms {
    padding: 80px 0 40px;
    background-color: #ffffff;
}

.about-cleanrooms-inner {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

.about-cleanrooms-left {
    flex: 1;
}

.about-cleanrooms-left h2 {
    font-size: 32px;
    color: #1f5fa9;
    font-weight: 700;
}

.about-cleanrooms-right {
    flex: 2;
    font-size: 14px;
    color: #444;
    line-height: 1.9;
}

.about-cleanrooms-right p {
    margin-bottom: 12px;
}

/* ========= Applications 三卡片 ========= */

.case-grid-section {
    padding: 40px 0 60px;
    background-color: #ffffff;
}

.case-grid-title {
    font-size: 32px;
    color: #1f5fa9;
    font-weight: 700;
    margin-bottom: 24px;
}

.case-grid {
    display: flex;
    gap: 24px;
}

/* 单个卡片 */
.case-card {
    flex: 1;
    position: relative;
    text-decoration: none;
    border-radius: 4px;
    overflow: hidden;
}

/* 背景图 */
.case-card-bg {
    height: 380px;                     /* 根据图高可以微调 */
    background-size: cover;
    background-position: center;
}

/* 底部渐变 + 文案容器 */
.case-card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px 26px 26px;
    background: linear-gradient(
        to top,
        rgba(15, 78, 143, 0.98) 0%,
        rgba(15, 78, 143, 0.90) 30%,
        rgba(15, 78, 143, 0.0) 100%
    );
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: all 0.25s ease-out;
    height: 35%;                        /* 非激活状态：只在下方一条 */
}

/* 标题 */
.case-card-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

/* 子弹文案 */
.case-card-bullets {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.25s ease-out, max-height 0.25s ease-out;
    font-size: 14px;
}

.case-card-bullets li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 6px;
    line-height: 1.6;
}

.case-card-bullets li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

/* 按钮 */
.case-card-btn-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 18px;
    border-radius: 3px;
    background-color: #ffffff;
    color: #1f5fa9;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.25s ease-out, max-height 0.25s ease-out;
}

.case-card-btn-arrow {
    margin-left: 8px;
}

/* hover / 激活 卡片：覆盖面积变大 + 显示文案 + 按钮 */
.case-card.is-active .case-card-overlay,
.case-card:hover .case-card-overlay {
    height: 100%;
    padding-top: 32px;
}

.case-card.is-active .case-card-bullets,
.case-card:hover .case-card-bullets {
    opacity: 1;
    max-height: 300px;
}

.case-card.is-active .case-card-btn-wrap,
.case-card:hover .case-card-btn-wrap {
    opacity: 1;
    max-height: 60px;
}

/* 小的动效 */
.case-card:hover .case-card-bg {
    transform: scale(1.01);
    transition: transform 0.25s ease-out;
}



























/* ========= 案例详情页 ========= */

.case-detail-banner {
    padding: 40px 0 30px;
    background-color: #0e4e8f;
}

.case-detail-banner-inner {
    width: 1400px;
    height: 320px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.case-detail-banner-text {
    position: absolute;
    left: 40px;
    bottom: 40px;
    color: #fff;
}

.case-detail-banner-text h1 {
    font-size: 32px;
    margin-bottom: 8px;
}

.case-detail-banner-text p {
    font-size: 14px;
    opacity: .9;
}

.case-detail-content {
    padding: 40px 0 80px;
    background:#fff;
}

.case-detail-summary {
    font-size: 15px;
    color:#444;
    line-height:1.8;
    margin-bottom:20px;
}

.case-detail-article {
    font-size:14px;
    color:#333;
    line-height:1.9;
}

.case-detail-article img {
    max-width:100%;
    height:auto;
}

















































/* ========== 客户评价模块（首页） ========== */

.testimonials {
    padding: 80px 0 90px;
    background-color: #ffffff;
}

.testimonials-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 40px;
}

/* 通用的两排布局 */
.testimonials-row {
    display: flex;
    align-items: stretch;
    gap: 0;
}

/* 第一排整体背景稍微“漂起来”一点 */
.testimonials-row-main {
    background-color: #f1f6ff;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 40px;
    height: 425px;          /* 整体高度跟图片一致 */
}

/* ========== 左右宽度统一：两排都是 50% / 50% ========== */

/* 左半部分：第一排是图片，第二排是文字 */
.testimonials-image,
.testimonials-secondary-text {
    flex: 0 0 50%;
    max-width: 50%;
    height: 100%;
}

/* 右半部分：第一排是评价卡片，第二排是图片 */
.testimonials-card,
.testimonials-secondary-image {
    flex: 0 0 50%;
    max-width: 50%;
    height: 100%;
}

/* 左侧大图 */
.testimonials-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 右侧卡片 */
.testimonials-card {
    padding: 40px 40px 36px;
    background-color: #f1f6ff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

/* 每一条评价 slide */
.testimonial-slide {
    display: none;
}

.testimonial-slide.active {
    display: block;
}

/* 标题 + 正文 + 客户名 */
.testimonial-quote-title {
    font-size: 20px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 16px;
}

.testimonial-quote-text {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 20px;
}

.testimonial-client {
    font-size: 13px;
    font-weight: 600;
    color: #1f5fa9;
}

/* 左下角淡淡的引号（可要可不要） */
.testimonials-card::after {
    content: "“";
    position: absolute;
    left: 40px;
    bottom: 40px;
    font-size: 60px;
    color: rgba(31, 95, 169, 0.08);
    pointer-events: none;
}

/* 轮播按钮 */
.testimonial-controls {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.testimonial-nav {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: none;
    background-color: #1f5fa9;
    color: #ffffff;
    font-size: 22px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.testimonial-nav:hover {
    filter: brightness(0.9);
}

/* 第二排：左文右图 */
.testimonials-row-secondary {
    margin-top: 10px;
    height: 425px;         /* 第二排整体高度固定 425px，和图片一致 */
}


.testimonials-secondary-text {
    background-color: #f1f6ff;
    border-radius: 6px;
    padding: 40px 40px 32px;
}

.testimonials-secondary-text h3 {
    font-size: 24px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 20px;
}

.testimonials-secondary-text ul {
    list-style: none;
    padding: 0;
    margin: 0 0 26px;
}

.testimonials-secondary-text li {
    font-size: 16px;
    color: #333;
    line-height: 1.8;
    position: relative;
    padding-left: 22px;
    margin-bottom: 6px;
}

/* 小圆点图标 */
.testimonials-secondary-text li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #1f5fa9;
}

/* CTA 按钮 */
.testimonials-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 4px;
    background-color: #f9a200;   /* 跟顶部导航一样的橙色 */
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.testimonials-cta:hover {
    filter: brightness(0.95);
}

.testimonials-cta .cta-arrow {
    margin-left: 8px;
}

/* 第二排右侧图 */
.testimonials-secondary-image {
    border-radius: 6px;
    overflow: hidden;
}

.testimonials-secondary-image img {
    width: 100%;
    height: 425px;      /* 图片 425 高 */
    object-fit: cover;
    display: block;
}


























/* ========== About Us 页面 ========== */

.about-section {
    padding: 80px 0;
}

/* 第一块：左大标题 + 右文字 */
.about-section-intro {
    background-color: #ffffff;
}

.about-intro-grid {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

.about-intro-left h2 {
    font-size: 28px;
    line-height: 1.6;
    font-weight: 700;
    color: #1f5fa9;
    margin: 0;
}

.about-intro-right p {
    font-size: 14px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 14px;
}

/* What Drives Us */
.about-section-drives {
    background-color: #eaf3ff;
    padding: 70px 0 80px;
}

.about-drives-title {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 40px;
}

.about-drives-items {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.about-drive-item {
    flex: 1;
    text-align: center;
}

.about-drive-icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid #1f5fa9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    font-size: 30px;
    color: #1f5fa9;
}

.about-drive-item h3 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #1f5fa9;
    margin-bottom: 8px;
}

.about-drive-item p {
    font-size: 13px;
    color: #444;
    line-height: 1.6;
}

/* We Offer Coast-to-Coast Service */
.about-section-service {
    background-color: #ffffff;
}

.about-service-grid {
    display: flex;
    gap: 60px;
    align-items: center;
}

.about-service-text {
    flex: 1.1;
}

.about-service-text h2 {
    font-size: 26px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 18px;
}

.about-service-text p {
    font-size: 14px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 12px;
}

.about-service-image {
    flex: 1;
}

.about-service-image img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    display: block;
}

/* Expert Hands 区块 */
.about-section-expert {
    background-color: #eaf3ff;
}

.about-expert-grid {
    display: flex;
    gap: 60px;
    align-items: stretch;
}

.about-expert-image {
    flex: 1.1;
    border-radius: 6px;
    overflow: hidden;
}

.about-expert-image img {
    width: 100%;
    height: 425px;  /* 和首页 testimonial 模块保持一致高度 */
    object-fit: cover;
    display: block;
}

.about-expert-text {
    flex: 1;
    background-color: #f1f6ff;
    border-radius: 6px;
    padding: 40px 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-expert-text h2 {
    font-size: 24px;
    font-weight: 700;
    color: #1f5fa9;
    margin-bottom: 18px;
}

.about-expert-text ul {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}

.about-expert-text li {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    position: relative;
    padding-left: 22px;
    margin-bottom: 6px;
}

.about-expert-text li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid #1f5fa9;
}

/* 按钮 */
.about-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 22px;
    border-radius: 4px;
    background-color: #f9a200; /* 跟顶部导航一样的浅橙色 */
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.about-cta:hover {
    filter: brightness(0.96);
}

.about-cta-arrow {
    margin-left: 8px;
}



.about-intro-grid {
    display: flex;
    gap: 80px;
    align-items: flex-start;
}

/* 新增 / 修改这里：左右各占一半 */
.about-intro-left,
.about-intro-right {
    flex: 1;            /* 各 1/2 宽度 */
}

/* 左边标题样式保持不变 */
.about-intro-left h2 {
    font-size: 28px;
    line-height: 1.6;
    font-weight: 700;
    color: #1f5fa9;
    margin: 0;
}

.about-intro-right p {
    font-size: 16px;
    line-height: 1.9;
    color: #444;
    margin-bottom: 14px;
}











/* ========== Footer layout (4 columns) ========== */

.site-footer {
    background-color: #0f3568;
    color: #ffffff;
    padding: 50px 0 30px;
    font-size: 14px;
}

.site-footer a {
    color: #ffffff;
}

.site-footer a:hover {
    text-decoration: underline;
}

.footer-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}

.footer-col {
    flex: 1;
}

.footer-col h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 14px;
    letter-spacing: 0.05em;
}

.footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col li {
    margin-bottom: 8px;
}

.footer-col li a {
    font-size: 14px;
}

.footer-contact p {
    margin: 0 0 6px;
}

/* World map block */
.footer-map {
    margin-top: 10px;
}

.footer-map img {
    width: 100%;
    max-width: 200px;   /* 比之前更小一点 */
    height: auto;
    display: block;
    border-radius: 4px;
}

.footer-map-label {
    font-size: 12px;
    margin-top: 4px;
}

.footer-map-label span {
    font-weight: 700;
}

/* Bottom copyright bar */
.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin-top: 24px;
    padding-top: 12px;
    text-align: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}
















/* ===== Cookie / Privacy Banner ===== */

:root {
    /* 根据你网站配色改这两个就行 */
    --cookie-primary: #2563eb;         /* 主按钮颜色 */
    --cookie-primary-hover: #1d4ed8;   /* hover 颜色 */
}

/* 外层容器：固定在底部，撑满宽度 */
.cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    padding: 0 16px 16px;
    box-sizing: border-box;
    display: none; /* 默认隐藏，JS 控制显示 */
    pointer-events: none; /* 只让内部卡片可点击 */
}

/* 内部卡片 */
.cookie-banner__inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 16px 20px;
    border-radius: 14px;
    box-sizing: border-box;

    /* 深色玻璃背景 */
    background: linear-gradient(135deg, #020617 0%, #111827 60%, #020617 100%);
    border: 1px solid rgba(148, 163, 184, 0.55);
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(10px);

    color: #e5e7eb;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;

    pointer-events: auto;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.cookie-banner__text {
    flex: 1 1 auto;
    min-width: 0;
}

.cookie-banner__text h3 {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 600;
    color: #f9fafb;
}

.cookie-banner__text p {
    margin: 0 0 6px;
    font-size: 13px;
    line-height: 1.6;
    color: #e5e7eb;
}

.cookie-link {
    font-size: 12px;
    text-decoration: underline;
    color: #9ca3af;
}

.cookie-link:hover {
    color: #e5e7eb;
    text-decoration: none;
}

/* 按钮区 */
.cookie-banner__actions {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    align-items: center;
}

/* 通用按钮样式 */
.cookie-btn {
    border-radius: 999px;
    padding: 7px 16px;
    font-size: 13px;
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease,
        transform 0.08s ease;
}

/* 主按钮：Accept all */
.cookie-btn--primary {
    background: var(--cookie-primary);
    color: #ffffff;
    font-weight: 600;
    border-color: var(--cookie-primary);
}

.cookie-btn--primary:hover {
    background: var(--cookie-primary-hover);
    border-color: var(--cookie-primary-hover);
    transform: translateY(-1px);
}

/* 次按钮：Essential only */
.cookie-btn--ghost {
    background: transparent;
    color: #e5e7eb;
    border-color: rgba(148, 163, 184, 0.7);
}

.cookie-btn--ghost:hover {
    background: rgba(15, 23, 42, 0.8);
}

/* 小屏布局优化 */
@media (max-width: 768px) {
    .cookie-banner {
        padding: 0 12px 12px;
    }

    .cookie-banner__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .cookie-banner__actions {
        width: 100%;
        justify-content: flex-end;
    }
}


















/* 整个隐私页主体区域 */
.page-content.privacy-policy {
  padding: 60px 0;
  background-color: #f9fafb; /* 想跟网站背景统一可以改掉 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

/* 居中内容容器，如果你自己主题已有 .container 可以删掉这一段 */
.privacy-policy .container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

/* 标题样式 */
.privacy-policy h1 {
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 12px;
  color: #111827;
  font-weight: 600;
}

/* 更新日期 */
.privacy-policy .updated-date {
  font-size: 16px;
  color: #6b7280;
  margin-bottom: 24px;
}

/* 小标题 */
.privacy-policy h2 {
  font-size: 20px;
  margin: 32px 0 12px;
  color: #111827;
  font-weight: 600;
  padding-left: 10px;
  border-left: 3px solid #2563eb; /* 可改成你网站主色 */
}

/* 正文段落 */
.privacy-policy p {
  font-size: 16px;
  line-height: 1.8;
  color: #374151;
  margin: 0 0 12px;
}

/* 列表 */
.privacy-policy ul {
  margin: 0 0 16px 18px;
  padding: 0;
}

.privacy-policy li {
  font-size: 16px;
  line-height: 1.7;
  color: #374151;
  margin-bottom: 6px;
}

/* 加粗文字 */
.privacy-policy strong {
  font-weight: 600;
}

/* 链接 */
.privacy-policy a {
  color: #2563eb; /* 改成你网站链接颜色 */
  text-decoration: underline;
}

.privacy-policy a:hover {
  text-decoration: none;
}

/* 移动端稍微缩小一点字体和间距 */
@media (max-width: 768px) {
  .page-content.privacy-policy {
    padding: 40px 0;
  }

  .privacy-policy h1 {
    font-size: 26px;
  }

  .privacy-policy h2 {
    font-size: 18px;
    margin-top: 24px;
  }
}




















/* ===== Contact Page ===== */

.page-content.contact-page {
    padding: 60px 0;
    background-color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.contact-page .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

.contact-layout {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

/* 左侧内容 */

.contact-left {
    flex: 0 0 40%;
}

.contact-title {
    font-size: 32px;
    margin: 0 0 12px;
    color: #0f172a;
    font-weight: 600;
}

.contact-intro {
    font-size: 16px;
    line-height: 1.7;
    color: #4b5563;
    margin: 0 0 20px;
}

/* 卡片通用样式 */
.contact-card {
    position: relative;
    margin-bottom: 18px;
    border-radius: 10px;
    overflow: hidden;
    height: 130px;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.1)),
                url("../images/contact-placeholder.jpg") center/cover no-repeat;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.contact-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.1));
}

.contact-card-text {
    position: relative;
    z-index: 1;
    padding: 20px 24px;
    color: #ffffff;
}

.contact-card-text h2 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 600;
}

.contact-card-text p {
    margin: 0;
    font-size: 14px;
    opacity: 0.9;
}

.contact-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.35);
}

/* 如果你有不同图片，可以在下面三个类里换背景图 */

.contact-card--call {
    background-image:
        linear-gradient(90deg, rgba(15,23,42,0.9), rgba(15,23,42,0.1)),
        url("../images/contact-call.jpg");
}

.contact-card--email {
    background-image:
        linear-gradient(90deg, rgba(15,23,42,0.9), rgba(15,23,42,0.1)),
        url("../images/contact-email.jpg");
}

.contact-card--meeting {
    background-image:
        linear-gradient(90deg, rgba(15,23,42,0.9), rgba(15,23,42,0.1)),
        url("../images/contact-meeting.jpg");
}

/* 右侧表单区域 */

.contact-right {
    flex: 0 0 60%;
    background-color: #1f4f8b;
    border-radius: 10px;
    padding: 24px 26px 26px;
    color: #eff6ff;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.4);
    box-sizing: border-box;
}

.contact-form-eyebrow {
    margin: 0 0 4px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.85;
}

.contact-form-title {
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 600;
}

.contact-form {
    margin-top: 4px;
}

.form-row {
    display: flex;
    gap: 16px;
    margin-bottom: 14px;
}

.form-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.form-field.full-width {
    flex: 1 1 100%;
}

.form-field label {
    font-size: 13px;
    margin-bottom: 4px;
}

.form-field label span {
    color: #fee2e2;
}

.form-field input,
.form-field select,
.form-field textarea {
    border-radius: 4px;
    border: 1px solid #cbd5e1;
    padding: 8px 10px;
    font-size: 14px;
    box-sizing: border-box;
    outline: none;
    color: #0f172a;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.35);
}

.form-field textarea {
    resize: vertical;
}





/* 提交按钮 */

.contact-submit-btn {
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 600;
    background-color: #2563eb;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.15s ease, transform 0.08s ease;
}

.contact-submit-btn:hover {
    background-color: #1d4ed8;
    transform: translateY(-1px);
}

.contact-submit-icon {
    font-size: 16px;
}

/* 响应式调整 */
@media (max-width: 960px) {
    .contact-layout {
        flex-direction: column;
    }

    .contact-left,
    .contact-right {
        flex: 1 1 100%;
    }
}

@media (max-width: 600px) {
    .form-row {
        flex-direction: column;
    }

    .contact-page {
        padding: 40px 0;
    }
}























/* ===== 顶部导航：Industries 漂浮下拉卡片 ===== */

/* 有下拉的菜单项本身 */
.nav-item-has-dropdown {
    position: relative;
}

/* 让 Industries 跟其它菜单一样对齐，不用 flex */
.nav-item-has-dropdown > a {
    display: inline-block;      /* 改成 inline-block */
    padding: 0 16px;            /* 左右间距你可以按自己导航改 */
    border-radius: 6px;         /* 保留圆角，方便 hover 变白色小块 */
}


/* 右侧小三角 */
.nav-item-has-dropdown > a::after {
    content: "▾";
    font-size: 10px;
    transform: translateY(1px);
}

/* hover 时让按钮变成白底小卡片 */
.nav-item-has-dropdown:hover > a {
    background-color: #ffffff;
    color: #111827;              /* 文字改深一点 */
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.25);
}

/* 下拉菜单本体：白色浮层，垂直列表 */
.nav-dropdown {
    display: none !important;
    position: absolute !important;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    min-width: 260px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 16px 35px rgba(15, 23, 42, 0.28);
    padding: 8px 0;
    z-index: 9999;
}


/* 确保是纵向一行一行 */
.nav-dropdown li {
    display: block;
    margin: 0;
}

/* 每一项的链接样式 */
.nav-dropdown li a {
    display: block;
    padding: 8px 18px;
    font-size: 13px;
    white-space: nowrap;
    color: #111827;
}

/* hover 高亮一条 */
.nav-dropdown li a:hover {
    background-color: #f3f4f6;
    color: #1d4ed8;
}

/* 悬停在 Industries 或菜单本身上时，都保持显示 */
.nav-item-has-dropdown:hover > .nav-dropdown,
.nav-dropdown:hover {
    display: block !important;
}

















/* ==== FIX: Industries 下拉菜单鼠标一移就消失的问题（覆盖旧样式） ==== */

/* 有下拉的菜单项：相对定位 */
.nav-item-has-dropdown {
    position: relative;
}

/* Industries 按钮本身效果 */
.nav-item-has-dropdown > a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 16px;
    border-radius: 6px;
}

/* 鼠标放在按钮上，变成白色小块 */
.nav-item-has-dropdown:hover > a {
    background-color: #ffffff;
    color: #111827;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.25);
}

/* 下拉菜单本体：默认隐藏，紧贴按钮底部（稍微覆盖 2px，保证没有空隙） */
.nav-dropdown {
    position: absolute;
    top: calc(100% - 2px);      /* 覆盖一点点，绝对不会有缝 */
    left: 0;
    min-width: 260px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 16px 35px rgba(15, 23, 42, 0.28);
    z-index: 9999;
    display: none !important;    /* 强制覆盖前面所有 nav-dropdown 的 display 设置 */
}

/* 行内 li 竖着排，不要 float */
.nav-dropdown li {
    display: block;
    margin: 0;
}

/* 每一项的链接样式 */
.nav-dropdown li a {
    display: block;
    padding: 8px 18px;
    font-size: 13px;
    white-space: nowrap;
    color: #111827;
}

/* hover 高亮当前行 */
.nav-dropdown li a:hover {
    background-color: #f3f4f6;
    color: #1d4ed8;
}

/* 关键：鼠标只要在按钮或菜单上，菜单就保持显示 */
.nav-item-has-dropdown:hover > .nav-dropdown,
.nav-dropdown:hover {
    display: block !important;
}


/* 用点击控制 Industries 下拉，不再依赖 hover，解决移上去就消失问题 */
.nav-item-has-dropdown.is-open > .nav-dropdown {
    display: block !important;
}







/* ==== Industries 悬停下拉：用 is-open 控制显示，配合 JS 延时，避免一移就掉 ==== */

/* 有下拉的 li 相对定位，保证菜单在它里面 */
.nav-item-has-dropdown {
    position: relative;
}

/* 下拉菜单基础样式：默认隐藏，紧贴按钮底部 */
.nav-item-has-dropdown .nav-dropdown {
    position: absolute;
    top: 100%;                  /* 紧贴按钮底部，没有空隙 */
    left: 50%;
    transform: translateX(-50%);
    min-width: 260px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 16px 35px rgba(15, 23, 42, 0.28);
    z-index: 9999;
    display: none !important;   /* 先全部隐藏，覆盖之前写过的 hover 版本 */
}

/* 展开状态：li 上有 is-open 类时显示 */
.nav-item-has-dropdown.is-open .nav-dropdown {
    display: block !important;
}

/* 每项竖着排 */
.nav-dropdown li {
    display: block;
    margin: 0;
}

.nav-dropdown li a {
    display: block;
    padding: 8px 18px;
    font-size: 13px;
    white-space: nowrap;
    color: #111827;
}

.nav-dropdown li a:hover {
    background-color: #f3f4f6;
    color: #1d4ed8;
}




















/* ===== FIX: Industries 下拉菜单，改成居中竖向小白卡片 ===== */

/* 有下拉的菜单项：相对定位 */
.nav-item-has-dropdown {
    position: relative;
}

/* 顶部 “Industries” 按钮效果 */
.nav-item-has-dropdown > a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 16px;
    border-radius: 6px;
}

/* 右侧小三角 */
.nav-item-has-dropdown > a::after {
    content: "▾";
    font-size: 10px;
    transform: translateY(1px);
}

/* hover 时让按钮变成白色小卡片 */
.nav-item-has-dropdown:hover > a {
    background-color: #ffffff;
    color: #111827;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.25);
}

/* 下拉菜单本体：默认隐藏 + 居中在按钮下面 */
.nav-dropdown {
    display: none !important;              /* 强制默认隐藏 */
    position: absolute !important;
    top: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    min-width: 260px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 16px 35px rgba(15, 23, 42, 0.28);
    padding: 8px 0;
    z-index: 9999;
}

/* 保证竖向一条一条，不受别的 float/inline 影响 */
.nav-dropdown li {
    display: block !important;
    float: none !important;
    margin: 0;
}

/* 每一项的链接样式 */
.nav-dropdown li a {
    display: block;
    padding: 8px 18px;
    font-size: 13px;
    white-space: nowrap;
    color: #111827;
}

/* hover 高亮当前行 */
.nav-dropdown li a:hover {
    background-color: #f3f4f6;
    color: #1d4ed8;
}

/* 悬停在 Industries 或菜单本身上时，都保持显示 */
.nav-item-has-dropdown:hover > .nav-dropdown,
.nav-dropdown:hover {
    display: block !important;
}







/* 只加粗 Explore Our Cleanrooms 这个按钮 */
.strip-gallery .strip-cta-btn {
    font-weight: 700;
}




/* 只给首页“图库模块”的标题加粗 */
.gallery-dynamic-title {
    font-weight: 700;
}

/* 城市名跟前面保持相同字体粗细 */
.gallery-region {
    font-weight: inherit;
}