/* ========================================
   Reset CSS
   ======================================== */
:root {
    --hue: #1FA1DA;
    --hue1: #253D4A;
    --space: clamp(2.5rem, 1.563rem + 4.69vw, 6.25rem);
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
#industry-case{display:none;}
html, body {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: 'Microsoft YaHei', 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}
section {
    overflow: hidden;
    position: relative;
}
/* ========================================
   顶部区域
   ======================================== */
.top-section {
    width: 100%;
}

/* ========================================
   顶部导航栏样式
   背景：#0a0a0a
   文字：#909090
   悬停/选中：#fff 文字 + #006fc1 背景
   ======================================== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.header.scrolled {
    background-color: #0a0a0a;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.header-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
    height: 70px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 20px;
}

/* LOGO样式 */
.logo {
    display: flex;
    align-items: center;
    justify-self: start;
}

.logo a {
    display: flex;
    align-items: center;
}

.logo-img {
    height: 40px;
    width: auto;
    display: block;
}

/* 导航菜单 */
.nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* PC端隐藏nav内的header-actions */
.nav > .header-actions {
    display: none;
}

/* 桌面端header-actions靠右 */
.header-container > .header-actions {
    display: flex;
    justify-self: end;
    position: static;
    transform: none;
    width: auto;
    padding: 0;
    background-color: transparent;
    border: none;
    transition: none;
    z-index: auto;
}

.nav-menu {
    display: flex;
    gap: 8px;
}

.nav-item {
    position: relative;
}

.nav-link {
    display: block;
    padding: 10px 18px;
    font-size: 14px;
    color: #909090;
    font-weight: 400;
    transition: all 0.3s ease;
    position: relative;
    border-radius: 3px;
}

/* 鼠标悬停 - 文字变白，背景变蓝 */
.nav-link:hover {
    color: #ffffff;
    background-color: #006fc1;
}

/* 选中状态 - 文字变白，背景变蓝 */
.nav-item.active .nav-link {
    color: #ffffff;
    background-color: #006fc1;
}

/* 当鼠标悬停在任意导航项时，取消 active 的高亮，只保留 hover 变色 */
.nav-menu:has(.nav-item:hover) .nav-item.active .nav-link {
    color: #909090;
    background-color: transparent;
}

/* ========================================
   导航下拉菜单样式
   ======================================== */
.nav-item.has-dropdown {
    position: relative;
}

.nav-item.has-dropdown > .nav-link::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    margin-left: 6px;
    vertical-align: middle;
}

/* 下拉菜单容器 */
.nav-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background-color: #1FA1DA;
    min-width: 800px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1001;
    overflow: hidden;
    border-radius: 0;
}

/* 悬停显示下拉菜单 */
.nav-item.has-dropdown:hover .nav-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/* 鼠标在下拉面板上时，父导航项也保持高亮 */
.nav-item.has-dropdown:hover > .nav-link {
    color: #ffffff;
    background-color: #006fc1;
}

/* 单列下拉菜单 - 关于我们 */
.nav-dropdown-single {
    min-width: 260px;
}

.nav-dropdown-single .dropdown-container {
    padding: 20px 26px;
    gap: 0;
}

.nav-dropdown-single .dropdown-column {
    flex: none;
    min-width: 100%;
}

/* 下拉菜单容器 - 三列布局 */
.dropdown-container {
    display: flex;
    padding: 30px 40px;
    gap: 60px;
}

/* 下拉菜单列 */
.dropdown-column {
    flex: 1;
    min-width: 180px;
}

/* 下拉菜单标题 */
.dropdown-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
}

/* 下拉菜单列表 */
.dropdown-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 下拉菜单项 */
.dropdown-list li {
    margin-bottom: 10px;
}

.dropdown-list li:last-child {
    margin-bottom: 0;
}

.dropdown-list a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    padding: 6px 0;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.dropdown-list a:hover {
    color: #ffffff;
    padding-left: 8px;
}

/* 右侧按钮 */
.header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}
/* 语言切换按钮 - 继承search-btn样式，添加下拉定位 */
.lang-switch.search-btn {
    position: relative;
}

/* 语言下拉弹窗 - PC端网格布局，右对齐 */
.lang-box {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 100%;
    height: 10px;
    z-index: 10;
    display: none;
}
.lang-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    transform: translateX(0) translateY(-10px);
    min-width: 500px;
    background-color: #1a1a1a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    overflow: hidden;
}

/* 悬停显示弹窗 */
.lang-switch:hover .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) translateY(0);
}
.lang-switch:hover .lang-box {
    display: block;
}

/* 弹窗头部 */
.lang-dropdown-header {
    padding: 12px 16px;
    font-size: 12px;
    color: #909090;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 0.3);
}

/* 语言列表 - PC端3列网格 */
.lang-list {
    list-style: none;
    margin: 0;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    max-height: 400px;
    overflow-y: auto;
}

.lang-list::-webkit-scrollbar {
    width: 6px;
}

.lang-list::-webkit-scrollbar-track {
    background: transparent;
}

.lang-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

/* 语言项 - PC端网格样式 */
.lang-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #cccccc;
    font-size: 13px;
    border-radius: 4px;
}

.lang-item:hover {
    background-color: rgba(0, 111, 193, 0.2);
    color: #ffffff;
}

.lang-item.active {
    color: #006fc1;
    background-color: rgba(0, 111, 193, 0.1);
}

.lang-flag {
    width: 20px;
    height: 14px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}

.lang-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 搜索按钮 */
.search-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    cursor: pointer;
    color: #ffffff;
    transition: all 0.3s ease;
}

.search-btn:hover {
    background-color: #006fc1;
    border-color: #006fc1;
    transform: scale(1.1);
}

.search-btn .iconfont {
    font-size: 18px;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 100px;
    transition: all 0.3s ease;
    cursor: pointer;
    border: 1px solid transparent;
    letter-spacing: 0.8px;
}

.btn-outline {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.1);
    background-color: transparent;
}

.btn-outline:hover {
    background-color: #ffffff;
    color: #0a0a0a;
}

.btn-primary {
    color: #ffffff;
    background-color: #006fc1;
    border-color: #006fc1;
}

.btn-primary:hover {
    background-color: #005ba6;
    border-color: #005ba6;
}

.btn-white {
    color: #0a0a0a;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:hover {
    background-color: #0a0a0a;
    color: #ffffff;
}

/* 移动端菜单按钮 */
.menu-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #ffffff;
    border-radius: 1px;
    transition: all 0.3s ease;
}

.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}

/* ========================================
   Banner区域样式 - Swiper轮播
   ======================================== */
.banner {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
}

/* Swiper容器 */
.banner-swiper {
    width: 100%;
    height: 100%;
}

/* 每个Slide样式 */
.banner-slide {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* Slide背景图 - 带回退渐变 */
.banner-slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* 默认背景 - 当图片不存在时显示渐变 */
    background-color: #111111;
    /* 回退渐变效果 */
    /* background-image: linear-gradient(135deg, #111111 0%, #1a1a2e 50%, #0f3460 100%); */
}

/* 为每个slide设置不同的回退背景（当图片加载失败时显示） */
.banner-slide:nth-child(1) .banner-slide-bg {
    background-image: 
        linear-gradient(180deg, rgba(17, 17, 17, 0.85) 0%, rgba(26, 26, 46, 0.85) 100%),
        linear-gradient(135deg, #111111 0%, #1a1a2e 50%, #0f3460 100%);
}

.banner-slide:nth-child(2) .banner-slide-bg {
    background-image: 
        linear-gradient(180deg, rgba(17, 17, 17, 0.85) 0%, rgba(30, 30, 50, 0.85) 100%),
        linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #1a3a5c 100%);
}

.banner-slide:nth-child(3) .banner-slide-bg {
    background-image: 
        linear-gradient(180deg, rgba(17, 17, 17, 0.85) 0%, rgba(20, 30, 40, 0.85) 100%),
        linear-gradient(135deg, #0f1922 0%, #1a2f3a 50%, #15303d 100%);
}

/* Slide遮罩层 */
.banner-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.5) 100%);
}
.time-1s{visibility: visible;animation-duration:0.2s;-webkit-animation-duration:1s;animation-delay:.5s;-webkit-animation-delay:0.1s;}
.time-2s{visibility: visible;animation-duration:0.3s;-webkit-animation-duration:1s;animation-delay:.7s;-webkit-animation-delay:0.2s;}
.time-3s{visibility: visible;animation-duration:0.4s;-webkit-animation-duration:1s;animation-delay:.7s;-webkit-animation-delay:0.3s;}
.time-4s{visibility: visible;animation-duration:0.5s;-webkit-animation-duration:1s;animation-delay:.7s;-webkit-animation-delay:0.4s;}
.time-5s{visibility: visible;animation-duration:0.6s;-webkit-animation-duration:1s;animation-delay:.7s;-webkit-animation-delay:0.5s;}
.time-6s{visibility: visible;animation-duration:0.7s;-webkit-animation-duration:1s;animation-delay:.7s;-webkit-animation-delay:0.6s;}
.time-7s{visibility: visible;animation-duration:0.8s;-webkit-animation-duration:1s;animation-delay:.7s;-webkit-animation-delay:0.7s;}

.time-8s{visibility: visible;animation-duration:0.9s;-webkit-animation-duration:1s;animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.time-9s{visibility: visible;animation-duration:1s;-webkit-animation-duration:1s;animation-delay:0.9s;-webkit-animation-delay:0.9s;}
.time-10s{visibility: visible;animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-delay:1s;-webkit-animation-delay:1s;}
.time-11s{visibility: visible;animation-duration:1.2s;-webkit-animation-duration:1.2s;animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.time-12s{visibility: visible;animation-duration:1.3s;-webkit-animation-duration:1.3s;animation-delay:1.2s;-webkit-animation-delay:1.2s;}
.time-13s{visibility: visible;animation-duration:1.4s;-webkit-animation-duration:1.4s;animation-delay:1.3s;-webkit-animation-delay:1.3s;}
.time-14s{visibility: visible;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-delay:1.4s;-webkit-animation-delay:1.4s;}
.time-15s{visibility: visible;animation-duration:1.6s;-webkit-animation-duration:1.6s;animation-delay:1.5s;-webkit-animation-delay:1.5s;}
.time-16s{visibility: visible;animation-duration:1.7s;-webkit-animation-duration:1.7s;animation-delay:1.6s;-webkit-animation-delay:1.6s;}

.time-17s{visibility: visible;animation-duration:1.8s;-webkit-animation-duration:1.8s;animation-delay:1.7s;-webkit-animation-delay:1.7s;}
.time-18s{visibility: visible;animation-duration:1.9s;-webkit-animation-duration:1.9s;animation-delay:1.8s;-webkit-animation-delay:1.8s;}

/* Slide内容 - 完全居中 */
.banner-slide .banner-content {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    text-align: center;
    max-width: 1000px;
    width: 100%;
    padding: 0 20px;
}

.solu_det_b_l {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}
/* Banner内容（共享） */
.banner-content {
    text-align: center;
    max-width: 1000px;
    padding: 0 20px;
}

.banner-title {
        font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 54px;
    letter-spacing: 6px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.banner-subtitle {
        font-size: 20px;
    color: #d0d0d0;
    margin-bottom: 40px;
    line-height: 1;
    font-weight: 300;
}
.inbanner {
    position: relative;
    box-sizing: border-box;
}
.inbannerimg {
    width: 100%;
    min-height: 300px;
    display: block;
    object-fit: cover;
}
.in-content {
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.inwarp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
    height: 100%;
}
.in-content h2 {
    color: #fff;
    font-size: clamp(2rem, 0.5rem + 3vw, 5.5rem);
    font-weight: normal;
}
.in-content p {
    font-size: clamp(0.7rem, 0.5rem + 1vw, 2rem);
    opacity: 0.8;
    font-weight: normal;
}
/* CTA按钮 */
.btn-cta {
    display: inline-block;
    padding: 16px 106px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background-color: #006fc1;
    border-radius: 100px;
    transition: all 0.3s ease;
    letter-spacing: 2px;
}

.btn-cta:hover {
    background-color: #005ba6;
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0, 111, 193, 0.4);
}

/* Swiper分页器样式 */
.banner-pagination {
    bottom: 80px !important;
}

.banner-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: all 0.3s ease;
}

.banner-pagination .swiper-pagination-bullet-active {
    background-color: #006fc1;
    width: 30px;
    border-radius: 6px;
}

/* Swiper导航按钮样式 */
.banner-button-prev,
.banner-button-next {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    transition: all 0.3s ease;
}

.banner-button-prev:hover,
.banner-button-next:hover {
    background-color: #006fc1;
}

.banner-button-prev::after,
.banner-button-next::after {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
}

/* 滚动提示 */
.scroll-indicator {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.scroll-arrow {
    display: block;
    transform: rotate(0);
    margin: 0 auto;
    animation: bounce 2s infinite;
}
div.text-left {
    text-align: left;
}
div.text-center {
    text-align: center;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: rotate(0) translate(0, 0);
    }
    40% {
        transform: rotate(0) translate(0, 8px);
    }
    60% {
        transform: rotate(0) translate(0, 2px);
    }
}

/* ========================================
   响应式设计
   ======================================== */
@media (max-width: 1200px) {
    .logo-img {
        height: 32px;
    }
    .nav-link {
        padding: 10px 14px;
        font-size: 13px;
    }
}
@media (max-width: 1024px) {
    .header-container {
        padding: 0 30px;
    }
    .nav-menu {
        gap: 4px;
    }
    
    .nav-link {
        padding: 10px 12px;
        font-size: 12px;
    }
    
    .banner-title {
        font-size: 56px;
    }
    
    .banner-subtitle {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .nav-link {
        padding: 10px;
        font-size: 12px;
    }
}
@media (max-width: 768px) {
    .conBoxTwo {
        padding-bottom: 50px;
    }
    .inwarp {
        padding: 0 20px;
    }
    .header-container {
        padding: 0 20px;
        height: 60px;
        grid-template-columns: auto 1fr auto;
    }
    
    .logo-img {
        height: 32px;
    }
    
    /* 移动端header-actions跟随nav显示在侧边栏底部 */
    .header-container > .header-actions {
        display: flex;
        position: fixed;
        right: 0;
        bottom: 0;
        width: 75%;
        max-width: 300px;
        padding: 20px 30px;
        background-color: #0a0a0a;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        gap: 16px;
        justify-content: flex-start;
        transform: translateY(100%);
        transition: transform 0.3s ease;
        z-index: 1001;
    }
    
    /* header-actions显示状态 */
    .header-container.show-actions > .header-actions {
        transform: translateY(0);
        transition-delay: 0.3s;
    }
    
    /* 移动端菜单按钮 - 右侧对齐 */
    .menu-toggle {
        display: flex;
        z-index: 1001;
        justify-self: end;
    }
    
    /* 导航菜单变为侧边栏 */
    .nav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 75%;
        max-width: 300px;
        height: 100vh;
        background-color: #0a0a0a;
        padding: 80px 30px 30px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        transition: right 0.3s ease;
        box-shadow: -5px 0 20px rgba(0, 0, 0, 0.5);
        z-index: 1000;
        overflow-y: auto;
    }
    
    .nav.active {
        right: 0;
    }
    
    .nav-menu {
        flex-direction: column;
        gap: 4px;
        width: 100%;
    }
    
    .nav-link {
        font-size: 15px;
        padding: 14px 18px;
        color: #909090;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    
    /* 移动端导航下拉菜单 */
    .nav-item.has-dropdown {
        position: relative;
    }
    
    .nav-item.has-dropdown > .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    
    .nav-item.has-dropdown > .nav-link::after {
        float: right;
        border-top: 5px solid #909090;
        margin-top: 10px;
    }
    
    /* 移动端下拉菜单 - 隐藏，点击展开 */
    .nav-dropdown {
        position: static;
        transform: none;
        min-width: 100%;
        max-height: 0;
        background-color: #1a1a1a;
        opacity: 1;
        visibility: visible;
        overflow: hidden;
        box-shadow: none;
        transition: max-height 0.3s ease;
        border-radius: 0;
    }
    
    .nav-item.has-dropdown.active .nav-dropdown {
        max-height: 1000px;
    }
    
    /* 移动端禁用所有hover效果，避免点击后hover粘滞导致样式错乱 */
    .nav-item.has-dropdown:hover .nav-dropdown {
        max-height: 0;
        transform: translateX(0) translateY(0);
    }
    
    .nav-item.has-dropdown.active:hover .nav-dropdown {
        max-height: 1000px;
    }
    
    /* 移动端禁用导航项hover变色 - 恢复为默认灰色 */
    .nav-link:hover {
        color: #909090;
        background-color: transparent;
    }
    
    /* 移动端禁用has-dropdown父项hover高亮 */
    .nav-item.has-dropdown:hover > .nav-link {
        color: #909090;
        background-color: transparent;
    }
    
    /* 移动端保留active项的正常样式（不受hover影响） */
    .nav-item.active .nav-link,
    .nav-menu:has(.nav-item:hover) .nav-item.active .nav-link {
        color: #ffffff;
        background-color: #006fc1;
    }
    
    /* 移动端下拉菜单容器 - 单列垂直布局 */
    .nav-dropdown-single .dropdown-container {
        flex-direction: column;
        padding: 10px 20px;
        gap: 0;
    }
    
    .dropdown-column {
        min-width: 100%;
        padding: 10px 0;
    }
    
    .dropdown-title {
        font-size: 16px;
        color: #1fa1da;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    
    .dropdown-list a {
        font-size: 14px;
        color: #cccccc;
        padding: 8px 0 8px 12px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    }
    
    .dropdown-list a:hover {
        color: #1fa1da;
        padding-left: 20px;
    }
    
    /* 移动端禁用子链接hover效果 */
    .dropdown-list a:hover {
        color: #cccccc;
        padding-left: 12px;
    }
    
    .dropdown-list li:last-child a {
        border-bottom: none;
    }
    .dropdown-container {
        flex-direction: column;
        padding: 10px 20px;
        gap: 30px;
    }
    /* 移动端语言弹窗 - 点击显示，单列下拉 */
    .lang-dropdown {
        position: fixed;
        top: auto;
        left: 50%;
        transform: translateX(-50%) translateY(-10px);
        right: auto;
        bottom: 80px;
        min-width: 200px;
        width: 90%;
        max-width: 280px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        z-index: 5000;
    }
    
    /* 移动端语言列表改为单列 */
    .lang-list {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 0;
        max-height: 300px;
    }
    
    .lang-item {
        padding: 10px 16px;
        font-size: 14px;
        border-radius: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
    
    .lang-item:last-child {
        border-bottom: none;
    }
    
    /* 移动端通过active类显示弹窗 */
    .lang-switch.active .lang-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    
    /* 覆盖hover效果，移动端不生效 */
    .lang-switch:hover .lang-dropdown {
        opacity: 0;
        visibility: hidden;
    }
    
    .lang-switch.active:hover .lang-dropdown {
        opacity: 1;
        visibility: visible;
    }
    
    /* 移动端搜索按钮 */
    .search-btn {
        width: 40px;
        height: 40px;
    }
    
    .search-btn .iconfont {
        font-size: 18px;
    }
    
    /* Banner响应式 */
    .banner {
        /* margin-top: 60px; */
    }
    
    .banner-title {
        font-size: 40px;
        letter-spacing: 3px;
    }
    
    .banner-subtitle {
        font-size: 16px;
        padding: 0 15px;
        margin-bottom: 36px;
    }
    
    .btn-cta {
        padding: 14px 40px;
        font-size: 15px;
    }
    
    /* Swiper响应式 */
    .banner-button-prev,
    .banner-button-next {
        width: 40px;
        height: 40px;
    }
    
    .banner-button-prev::after,
    .banner-button-next::after {
        font-size: 16px;
    }
    
    .banner-pagination {
        bottom: 70px !important;
    }
    
    .banner-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    
    .banner-pagination .swiper-pagination-bullet-active {
        width: 24px;
    }
}

@media (max-width: 480px) {
    .banner-title {
        font-size: 28px;
        letter-spacing: 2px;
    }
    
    .banner-subtitle {
        font-size: 14px;
        margin-bottom: 28px;
    }
    
    .btn-cta {
        padding: 12px 32px;
        font-size: 14px;
    }
    
    .scroll-indicator {
        bottom: 35px;
    }
    
    /* 移动端Swiper调整 */
    .banner-button-prev,
    .banner-button-next {
        display: none; /* 小屏幕隐藏导航按钮 */
    }
    
    .banner-pagination {
        bottom: 60px !important;
    }
}

/* ========================================
   搜索遮罩层样式
   ======================================== */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

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

.search-box {
    width: 90%;
    max-width: 600px;
    position: relative;
    transform: translateY(-30px);
    transition: transform 0.3s ease;
}

.search-overlay.active .search-box {
    transform: translateY(0);
}

.search-icon {
    position: absolute;
    left: 20px;
    top: 45%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #666;
}

.search-input {
    width: 100%;
    padding: 20px 60px 20px 60px;
    font-size: 18px;
    border: none;
    border-bottom: 2px solid #006fc1;
    background-color: transparent;
    color: #ffffff;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-input::placeholder {
    color: #666;
}

.search-input:focus {
    border-bottom-color: #006fc1;
}

.search-close {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    font-size: 28px;
    color: #999;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.search-close:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

/* 响应式搜索框 */
@media (max-width: 768px) {
    .search-box {
        max-width: 90%;
    }
    
    .search-input {
        font-size: 16px;
        padding: 16px 50px 16px 50px;
    }
    
    .search-icon {
        font-size: 20px;
        left: 15px;
    }
}

/* ========================================
   产品中心 ind_pro 样式
   ======================================== */

/* 产品中心区域背景 */
.product-center {
    background-color: #f8f9fa;
}

/* mainbody 仅在 ind_pro 作用域内 */
.ind_pro .mainbody {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 标题行 - 限定 ind_pro 作用域 */
.ind_titline {
    text-align: center;
    padding-top: 60px;
}

.ind_titline .entitle {
    text-transform: uppercase;
    line-height: 28px;
    font-size: 16px;
    color: #c8c8c8;
    letter-spacing: 2px;
}

.ind_titline .cntitle {
    line-height: 36px;
    font-size: 24px;
    color: #1fa1da;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.ind_titline .cntitle .title-line {
    display: inline-block;
    width: 50px;
    height: 1px;
    background-color: #8e8f8f;
    vertical-align: middle;
}

/* 产品列表 */
.ind_pro ul {
    padding: 35px 0;
}

.ind_pro ul li {
    padding: 10px 0;
    float: left;
}

.ind_pro ul li:nth-child(2n) {
    padding-left: 20px;
}

/* 卡片容器 */
.ind_pro ul li a {
    background: url(../img/indpro.jpg) #fff no-repeat 44px 208px;
    padding: 45px 0 0 44px;
    position: relative;
    display: block;
    height: 275px;
    transition: all 0.3s ease;
}

.ind_pro ul li a:hover {
    background: url(../img/indpro_h.jpg) #fff no-repeat 44px 208px;
}

.ind_pro ul li:nth-child(2n+1) {
    position: relative;
    z-index: 10;
}

/* 各卡片宽度 (4种不同尺寸) */
.ind_pro ul li:first-child a {
    width: 770px;
}

.ind_pro ul li:nth-child(2) a {
    width: 410px;
}

.ind_pro ul li:nth-child(3) a {
    width: 1200px;
}

.ind_pro ul li:nth-child(4) a {
    width: 500px;
}

/* 卡片文字内容 .info */
.ind_pro ul li a .info {
    height: 230px;
    float: left;
}

.ind_pro ul li a .info .cntitle {
    font-weight: bold;
    line-height: 35px;
    font-size: 25px;
    color: #000;
}

.ind_pro ul li a .info .text {
    line-height: 25px;
    margin-top: 10px;
    font-size: 13px;
    color: #595959;
}

/* 卡片图片定位 */
.ind_pro ul li a img {
    transform: translateY(-50%);
    position: absolute;
    height: 275px;
    top: 50%;
    transition: all 0.3s;
    object-fit: contain;
}

.ind_pro ul li:first-child a img {
    left: 300px;
}

.ind_pro ul li:nth-child(2) a img {
    left: 290px;
}

.ind_pro ul li:nth-child(3) a img {
    right: -120px;
}

.ind_pro ul li:nth-child(4) a img {
    left: 230px;
}

.ind_pro ul li a:hover img {
    transform: translateY(-50%) scale(1.06);
}

/* 产品独立标题 (ind_pro 作用域) */
.ind_pro_title {
    line-height: 40px;
    font-size: 20px;
    color: #000;
}

.ind_pro_sectitle {
    margin-bottom: 36px;
    line-height: 50px;
    font-size: 46px;
    color: #013b99;
}

.ind_pro_text {
    text-align: justify;
    line-height: 30px;
    font-size: 14px;
    color: #5c5c5c;
    width: 548px;
}

.ind_pro_more {
    background: #013b99;
    margin-top: 38px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    display: block;
    color: #fff;
    width: 142px;
    height: 38px;
}

/* 底部了解更多按钮 */
.ind_pro_more_btn {
    text-align: center;
    margin-top: 40px;
    padding-bottom: 60px;
}

.ind_pro_more_btn a {
    display: inline-block;
    background-color: #1fa1da;
    color: #ffffff;
    padding: 14px 50px;
    border-radius: 30px;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ind_pro_more_btn a:hover {
    background-color: #1a8bc1;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(31, 161, 218, 0.4);
}

/* ind_pro 作用域内的清除浮动 */
.ind_pro ul::after,
.ind_pro .clear {
    content: "";
    display: block;
    clear: both;
}

/* ========================================
   ind_pro 响应式
   ======================================== */

@media (max-width: 1199px) {
    .ind_pro .mainbody {
        max-width: 960px;
    }

    .ind_pro ul li:first-child a {
        width: 100%;
    }

    .ind_pro ul li:nth-child(2) a {
        width: calc(50% - 10px);
    }

    .ind_pro ul li:nth-child(3) a {
        width: calc(50% - 10px);
    }

    .ind_pro ul li:nth-child(4) a {
        width: 100%;
    }

    .ind_pro ul li a img {
        height: 200px;
    }

    .ind_pro ul li:first-child a img {
        left: auto;
        right: 30px;
    }

    .ind_pro ul li:nth-child(2) a img {
        left: auto;
        right: 20px;
    }

    .ind_pro ul li:nth-child(3) a img {
        left: auto;
        right: 30px;
    }

    .ind_pro ul li:nth-child(4) a img {
        left: auto;
        right: 20px;
    }
}

@media (max-width: 991px) {
    .ind_pro .mainbody {
        max-width: 720px;
    }
    .ind_titline .entitle {
        font-size: 12px;
    }
    .product-center {
        padding: 40px 0;
    }

    .ind_pro ul {
        padding: 20px 0;
    }

    .ind_pro ul li,
    .ind_pro ul li:nth-child(2n) {
        padding: 10px 0;
        padding-left: 0;
        width: 100%;
    }

    .ind_pro ul li:first-child a,
    .ind_pro ul li:nth-child(2) a,
    .ind_pro ul li:nth-child(3) a,
    .ind_pro ul li:nth-child(4) a {
        width: 100%;
        height: auto;
        padding: 30px 20px;
    }

    .ind_pro ul li a .info {
        height: auto;
        float: none;
        padding-right: 140px;
    }

    .ind_pro ul li a img {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        height: 120px;
        left: auto;
    }

    .ind_pro ul li:first-child a img,
    .ind_pro ul li:nth-child(2) a img,
    .ind_pro ul li:nth-child(3) a img,
    .ind_pro ul li:nth-child(4) a img {
        left: auto;
        right: 20px;
    }

    .ind_pro ul li a:hover img {
        transform: translateY(-50%) scale(1.05);
    }

    .ind_pro ul li a .info .cntitle {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {
    .ind_pro .mainbody {
        max-width: 100%;
        padding: 0 15px;
    }

    .product-center {
        padding: 30px 0;
    }

    .ind_pro .ind_titline {
        padding-top: 40px;
    }

    .ind_pro .ind_titline .cntitle {
        font-size: 20px;
        gap: 12px;
    }

    .ind_pro .ind_titline .cntitle .title-line {
        width: 40px;
    }

    .ind_pro ul {
        padding: 15px 0;
    }

    .ind_pro ul li a {
        height: auto;
        padding: 20px 15px;
    }

    .ind_pro ul li a .info {
        float: none;
        padding-right: 0;
        padding-bottom: 15px;
    }

    .ind_pro ul li a img,
    .ind_pro ul li:first-child a img,
    .ind_pro ul li:nth-child(2) a img,
    .ind_pro ul li:nth-child(3) a img,
    .ind_pro ul li:nth-child(4) a img {
        position: static;
        transform: none;
        height: auto;
        max-width: 100%;
        margin-top: 10px;
        right: auto;
        left: auto;
    }

    .ind_pro ul li a:hover img {
        transform: scale(1.02);
    }

    .ind_pro ul li a .info .cntitle {
        font-size: 18px;
        line-height: 28px;
    }

    .ind_pro ul li a .info .text {
        font-size: 13px;
    }

    .ind_pro_more_btn {
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .ind_pro_more_btn a {
        padding: 12px 40px;
        font-size: 14px;
    }
}

/* ========================================
   行业解决方案 ind_solution
   ======================================== */

.industry-solution {
    position: relative;
    background-color: #0a0a0a;
    padding: 60px 0;
    min-height: 800px;
    overflow: hidden;
}

/* 背景图元素 - 替代原 CSS background-image, 通过 .active 类切换显示 */
.industry-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none;
    user-select: none;
    display: none;
    filter: brightness(0.45);
}
.industry-bg-img.active {
    display: block;
}

/* 各行业背景图色相区分 (因图像 API 无法生成不同图片, 用 hue-rotate 滤镜区分) */
/* .industry-bg-img:nth-of-type(1) { filter: brightness(0.45) hue-rotate(0deg); }
.industry-bg-img:nth-of-type(2) { filter: brightness(0.45) hue-rotate(270deg); }
.industry-bg-img:nth-of-type(3) { filter: brightness(0.45) hue-rotate(60deg); }
.industry-bg-img:nth-of-type(4) { filter: brightness(0.45) hue-rotate(170deg); }
.industry-bg-img:nth-of-type(5) { filter: brightness(0.45) hue-rotate(130deg); } */

/* 内容层置于背景图之上 */
.industry-solution > .ind_solution {
    position: relative;
    z-index: 1;
}

/* 标题行 - 限定 ind_solution 作用域 */
.ind_solution .mainbody {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.ind_solution .ind_titline {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 40px;
}

.ind_solution .ind_titline .entitle {
    text-transform: uppercase;
    line-height: 28px;
    font-size: 12px;
    color: #888;
    letter-spacing: 2px;
}

.ind_solution .ind_titline .cntitle {
    line-height: 36px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.ind_solution .ind_titline .cntitle .title-line {
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: #fff;
    vertical-align: middle;
}

/* 解决方案列表 */
.solution-list {
    list-style: none;
    padding: 0;
    max-width: 690px;
    margin-top: 50px;
}

.solution-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

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

.solution-link {
    display: block;
    text-decoration: none;
    color: #fff;
}

/* 展开状态 - 左侧蓝色竖条色块 (上下居中) */
.solution-item.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 50px;
    background-color: #1fa1da;
    z-index: 2;
}

.solution-item .solution-header {
    border-bottom: 1px solid #0a0a0a;
}
.solution-item.active .solution-header {
    background-color: #051733;
    border-bottom: none;
}

.solution-header {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    background-color: #1e2029;
    transition: background-color 0.3s ease;
    cursor: pointer;
    position: relative;
}

/* 三角形 - 默认白色 */
.arrow-icon {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    transition: opacity 0.3s ease;
    margin-right: 15px;
}

/* 展开状态 - 隐藏三角形 */
.solution-item.active .arrow-icon {
    display: none;
}

.solution-title {
    font-size: 20px;
    font-weight: 500;
}

/* 展开内容 */
.solution-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background-color: #051733;
}

.solution-content p {
    padding: 0 30px 30px;
    color: #ccc;
    line-height: 1.8;
    font-size: 16px;
    margin: 0;
    position: relative;
}
.solution-item.active .solution-header::before {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 10px;
    height: 0.5px;
    transform: translateY(-50%);
    background-color: #545454;
    z-index: 2;
    box-sizing: border-box;
}

.solution-item.active .solution-content {
    max-height: 300px;
    padding: 0;
}

/* ========================================
   行业解决方案响应式
   ======================================== */

@media (max-width: 767px) {
    .industry-solution {
        padding: 40px 0;
    }

    .ind_solution .mainbody {
        padding: 0 15px;
    }

    .ind_solution .ind_titline .cntitle {
        font-size: 20px;
        gap: 12px;
    }

    .ind_solution .ind_titline .cntitle .title-line {
        width: 40px;
    }

    .solution-header {
        padding: 15px 20px;
    }

    .solution-title {
        font-size: 16px;
    }

    .solution-content p {
        padding: 20px;
        font-size: 13px;
    }
    
    /* 移动端支持点击展开 */
    .solution-item {
        cursor: pointer;
    }
    .solution-item.active .solution-header::before {
        left: 15px;
        right: 15px;
    }
    .solution-content p {
        padding: 0 20px 20px;
    }
    .industry-solution {
        min-height: auto;
    }
}

/* ========================================
   关于我们 about_us
   ======================================== */

.about-us {
    background-color: #f5f7fa;
    padding: 0 0 60px;
}

.about_us .mainbody {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 内容区 */
.about-content {
    display: flex;
    gap: 60px;
    padding: 10px;
    margin-top: 50px;
}

/* 左侧图片 */
.about-image {
    width: 600px;
    height: 400px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    
}

.about-image img {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform 0.3s ease;
    object-fit: cover;
}

.about-image:hover img {
    transform: scale(1.02);
}

/* 播放按钮 */
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-color: rgba(31, 161, 218, 0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(31, 161, 218, 0.4);
}

.play-btn:hover {
    background-color: #1fa1da;
    transform: translate(-50%, -50%) scale(1.1);
}

.play-icon {
    color: #fff;
    font-size: 18px;
    margin-left: 4px;
}

/* 右侧信息 */
.about-info {
    flex: 1;
    padding-top: 20px;
}

.about-title {
    font-size: 24px;
    color: #292929;
    margin: 0 0 20px 0;
    line-height: 1.4;
}

.about-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin: 0 0 25px 0;
    text-align: justify;
}

.about-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.about-features li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
    color: #333;
    line-height: 2;
}

.about-features li::before {
    content: "▶";
    position: absolute;
    left: 0;
    color: #1fa1da;
    font-size: 10px;
}

/* 查看更多按钮 */
.about-more {
    display: inline-block;
    background-color: #1fa1da;
    color: #fff;
    padding: 12px 40px;
    border-radius: 30px;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.about-more:hover {
    background-color: #1a8bc1;
    box-shadow: 0 4px 15px rgba(31, 161, 218, 0.4);
}

/* ========================================
   关于我们响应式
   ======================================== */

@media (max-width: 991px) {
    .about-content {
        flex-direction: column;
        gap: 40px;
        padding: 30px;
    }

    .about-image {
        flex: none;
        width: 100%;
        margin-left: 0;
    }

    .about-info {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .about-image {
        height: 200px;
    }
    .about-us {
        padding: 40px 0;
    }

    .about_us .mainbody {
        padding: 0 15px;
    }

    .about_us .ind_titline {
        margin-bottom: 30px;
    }

    .about_us .ind_titline .cntitle {
        font-size: 20px;
        gap: 12px;
    }

    .about_us .ind_titline .cntitle .title-line {
        width: 40px;
    }

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

    .about-desc {
        font-size: 13px;
    }

    .play-btn {
        width: 50px;
        height: 50px;
    }

    .play-icon {
        font-size: 14px;
    }

    .about-features li {
        font-size: 13px;
    }
}

/* ========================================
   为什么选择G-Press why_choose
   ======================================== */

.why-choose {
    background-color: #fff;
    padding: 80px 0;
}

.why_choose .mainbody {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 标题区 */
.why-header {
    text-align: center;
    margin-bottom: 100px;
}

.why-header h2 {
    font-size: 36px;
    color: #222;
    margin: 0 0 15px 0;
    font-weight: 600;
}

.why-subtitle {
    font-size: 16px;
    color: #999;
    margin: 0;
}

/* 卡片区域 */
.why-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.why-card {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 60px 30px 40px;
    transition: all 0.3s ease;
    position: relative;
}

.why-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    border-color: #1fa1da;
}

/* 图标 - absolute定位到顶部居中 */
.why-icon {
    width: 80px;
    height: 80px;
    background-color: #1fa1da;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s ease;
}


.why-icon svg {
    transition: transform 0.3s ease;
}

.why-card:hover .why-icon svg {
    transform: scale(1.1);
}

/* 卡片标题 - 居中 */
.why-title {
    font-size: 22px;
    color: #333;
    margin: 0 0 25px 0;
    font-weight: 600;
    text-align: center;
}

/* 特色列表 */
.why-features {
    list-style: none;
    padding: 0;
    margin: 0;
}

.why-features li {
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    text-align: justify;
    padding-top: 6px;
    padding-bottom: 6px;
}

.why-features li .iconfont {
    position: absolute;
    left: 0;
    top: 18px;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1fa1da;
}

.sub_title1{
    text-align: center;
    margin-bottom: clamp(1.563rem, 1.105rem + 1.95vw, 2.813rem);
}
.public_text2 {
    line-height: 1.875;
    font-size: 16px;
}

.fz48 {
    font-size: 48px;
}
.sub_title1 .text{
    padding-top: 4px;
}



/* ========================================
   为什么选择G-Press响应式
   ======================================== */

@media (max-width: 991px) {
    .why-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .fz48 {
        font-size: 24px;
    }
    .why-choose {
        padding: 50px 0;
    }

    .why_choose .mainbody {
        padding: 0 15px;
    }

    .why-header h2 {
        font-size: 28px;
    }

    .why-subtitle {
        font-size: 14px;
    }

    .why-cards {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .why-card {
        padding: 50px 25px 30px;
    }

    .why-icon {
        width: 64px;
        height: 64px;
    }

    .why-icon svg {
        width: 36px;
        height: 36px;
    }

    .why-title {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .why-features li {
        font-size: 13px;
        line-height: 1.8;
    }
}

/* ========================================
   新闻资讯 news-section
   ======================================== */

.news-section {
    background-color: #f0f9ff;
    padding: 60px 0;
}

.news_wrapper .mainbody {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 标题区 */
.news-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}
.news-title {
    display: flex;
    align-items: center;
}
.news-title h2 {
    font-size: 48px;
    color: #1fa1da;
    margin: 0;
    letter-spacing: 2px;
    font-weight: normal;
}

.news-title p {
    font-size: 16px;
    color: #999;
    margin-left: 10px;
    line-height: 1.5;
}
.news-title p span {
    color: #333;
}

.news-more {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    position: relative;
    transition: all 0.3s ease;
}

.news-more:hover {
    color: #1fa1da;
}

.news-more .more-line {
    width: 40px;
    height: 2px;
    background-color: #333;
    margin: 0 15px;
    transition: all 0.3s ease;
}

.news-more:hover .more-line {
    background-color: #1fa1da;
    width: 50px;
}

.news-more .more-text {
    color: #333;
    font-size: 14px;
}

.news-more:hover .more-text {
    color: #1fa1da;
}

/* Swiper 新闻卡片 */
.news-swiper {
    padding: 10px 0 50px;
}

.news-swiper .swiper-slide {
    height: auto;
}

.news-card {
    background-color: #fff;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

.news-img {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news-card:hover .news-img img {
    transform: scale(1.05);
}

.news-info {
    padding: 25px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #f6f6f6;
    border: 1px solid #d7d7d7;
    text-decoration: none;
    color: inherit;
}

.news-info:hover {
    background-color: #eeeeee;
}

.news-info h3 {
    font-size: 18px;
    color: #333;
    margin: 0 0 15px 0;
    line-height: 1.4;
    font-weight: 600;
}

.news-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
    margin: 0 0 15px 0;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-date {
    font-size: 12px;
    color: #999;
    padding: 0 0 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.news-detail {
    font-size: 14px;
    color: #1fa1da;
    text-decoration: none;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.news-info:hover .news-detail {
    color: #1a8bc1;
    border-top-color: #1a8bc1;
}

/* Swiper 分页 */
.news-pagination {
    bottom: 0 !important;
}

.news-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    opacity: 1;
}

.news-pagination .swiper-pagination-bullet-active {
    background-color: #1fa1da;
    width: 30px;
    border-radius: 5px;
}
.news-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 38px;
}
.news-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid #c2c2c2;
}
.news-pagination .swiper-pagination-bullet-active {
    width: 18px;
    height: 18px;
    background-color: #1fa1da;
    border: 3px solid #fff;
    box-shadow: 0 0 2px #1fa1da;
}

/* Swiper 导航按钮 */
.news-swiper .swiper-prev,
.news-swiper .swiper-next {
    display: none;
    width: 36px;
    height: 36px;
    background-color: rgba(31, 161, 218, 0.9);
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    transition: all 0.3s ease;
    align-items: center;
    justify-content: center;
}

.news-swiper .swiper-prev {
    left: -10px;
    color: #fff;
}

.news-swiper .swiper-next {
    right: -10px;
    color: #fff;
}

.news-swiper .swiper-prev:hover,
.news-swiper .swiper-next:hover {
    background-color: #1fa1da;
}

.news-swiper .swiper-prev::after,
.news-swiper .swiper-next::after {
    display: none;
}

/* iconfont 图标样式 */
.news-swiper .swiper-prev i,
.news-swiper .swiper-next i {
    color: #fff;
    font-size: 18px;
    line-height: 1;
}

/* 左箭头旋转180度 */
.news-swiper .swiper-prev i {
    transform: rotate(180deg);
}

.news-swiper .swiper-prev.swiper-button-disabled,
.news-swiper .swiper-next.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.news-more {
    display: flex;
    flex-direction: column;
    padding-right: 50px;
    color: #999;
}
.news-more .icoadd {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    font-size: 26px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1fa1da;
    background-color: #fff;
    color: #1fa1da;
}

.link-ain {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    color: white;
    height: clamp(3.125rem, 3.125rem + 2.5vw, 5.625rem);
    display: flex;
    align-items: center;
    background: #1b1b1b;
}
/* ========================================
   新闻资讯响应式
   ======================================== */

@media (max-width: 991px) {
    .news-title h2 {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .news-pagination {
        display: none;
    }
    
    /* 移动端显示左右导航按钮 */
    .news-swiper .swiper-prev,
    .news-swiper .swiper-next {
        display: flex;
        width: 32px;
        height: 32px;
    }
    
    .news-swiper .swiper-prev {
        left: 50%;
        margin-left: -60px;
    }
    
    .news-swiper .swiper-next {
        right: 50%;
        margin-right: -60px;
    }
    
    .news-swiper .swiper-prev::after,
    .news-swiper .swiper-next::after {
        font-size: 20px;
    }
    
    .news-section {
        padding: 40px 0;
    }

    .news_wrapper .mainbody {
        padding: 0 15px;
    }

    .news-header {
        gap: 15px;
    }

    .news-title h2 {
        font-size: 32px;
    }

    .news-title p {
        font-size: 14px;
    }

    .news-info {
        padding: 20px 15px;
    }

    .news-info h3 {
        font-size: 16px;
    }

    .news-desc {
        font-size: 13px;
    }
}

/* ========================================
   为什么选择G-Press quality_box3 样式
   迁移自 ck/main.css
   ======================================== */

/* CSS 变量 */
.why-choose {
    --hue: #1FA1DA;
    --hue1: #253D4A;
    --space: clamp(2.5rem, 1.563rem + 4.69vw, 6.25rem);
}

/* 工具类: padding top/bottom */
.why-choose .ptb {
    padding-top: var(--space);
    padding-bottom: var(--space);
}

/* 工具类: padding 15px */
.why-choose .p15 {
    padding: 15px;
}

/* quality_box3_list1 列表容器 */
.why-choose .quality_box3_list1 {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: clamp(0.938rem, 0.178rem + 1.58vw, 1.563rem);
}

/* quality_box3_list1 列表项 */
.why-choose .quality_box3_list1 > dd {
    width: calc((100% - clamp(0.938rem, 0.178rem + 1.58vw, 1.563rem) * 2) / 3);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/* 图标框容器 */
.why-choose .quality_box3_list1_item_icon_box {
    height: calc(clamp(3.125rem, 1.639rem + 6.34vw, 7.188rem) / 2);
}

/* 圆形图标 */
.why-choose .quality_box3_list1_item_icon {
    position: relative;
    z-index: 2;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: clamp(3.125rem, 1.639rem + 6.34vw, 7.188rem);
    height: clamp(3.125rem, 1.639rem + 6.34vw, 7.188rem);
    color: #fff;
    font-size: clamp(1.5rem, 0.677rem + 3.51vw, 3.75rem);
    border-radius: 50%;
    background: #1FA1DA;
    margin: 0 auto;
}

/* 卡片内容区 */
.quality_box3_list1_item_con {
    background: #FBFBFB;
    height: calc(100% - clamp(3.125rem, 1.639rem + 6.34vw, 7.188rem) / 2);
    padding: calc(clamp(3.125rem, 1.639rem + 6.34vw, 7.188rem) / 2) clamp(0.625rem, -0.061rem + 2.93vw, 2.5rem) clamp(1.125rem, 0.256rem + 3.71vw, 3.5rem);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}

/* 卡片标题 */
.quality_box3_list1_item_tt {
    text-align: center;
    padding: clamp(0.875rem, 0.738rem + 0.59vw, 1.25rem) 0 clamp(0.875rem, 0.28rem + 2.54vw, 2.5rem);
}

/* 列表项 - 带图标 */
.quality_box3_list1_item_clm .item {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    padding: clamp(0.25rem, 0.113rem + 0.59vw, 0.625rem) 0;
}

/* 列表项 - 不带图标 */
.quality_box3_list1_item_clm2 .item {
    padding: 0;
}

/* 列表项图标 */
.quality_box3_list1_item_clm .item .icon {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: calc(clamp(0.875rem, 0.828rem + 0.2vw, 1rem) * 1.875);
    height: calc(clamp(0.875rem, 0.828rem + 0.2vw, 1rem) * 1.875);
    font-size: 22px;
    color: var(--hue);
}

/* 列表项文字 */
.quality_box3_list1_item_clm .item .tt {
    width: calc(100% - calc(clamp(0.875rem, 0.828rem + 0.2vw, 1rem) * 1.875));
    padding-left: 10px;
}

/* 悬停效果 */
.quality_box3_list1 > dd:hover {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/* ========================================
   quality_box3 响应式适配
   ======================================== */

@media (max-width: 991px) {
    .why-choose .quality_box3_list1 > dd {
        width: calc((100% - clamp(0.938rem, 0.178rem + 1.58vw, 1.563rem)) / 2);
    }
}

@media (max-width: 767px) {
    .why-choose .quality_box3_list1 > dd {
        width: 100%;
    }
    
    .why-choose .quality_box3_list1_item_con {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
}

/* ========================================
   成为代理商 - ind_box8
   ======================================== */

.ind_box8 {
    background: url(../images/ind_bg7.png) no-repeat center center / cover;
    padding: clamp(1.875rem, 1.259rem + 2.64vw, 3.75rem) 0;
}

.ind_box8 .sub_title1 {
    margin-bottom: clamp(1.563rem, 1.105rem + 1.95vw, 2.813rem);
    text-align: center;
}

.ind_box8 .sub_title1 .tt {
    font-size: clamp(1.5rem, 1.19rem + 1.34vw, 2.625rem);
    /* font-weight: bold; */
    color: #222;
}

.ind_box8 .sub_title1 .tt .colorm {
    color: var(--hue, #1fa1da);
}

.ind_box8_rela {
    position: relative;
    max-width: 1227px;
    margin: 0 auto;
}

/* 地图图片轮播 */
.ind_box8 .indEleven1_r_01 .item img {
    width: 100%;
}
/* 地图标记点 */
.ind_box8 .indEleven1_r_02 .item {
    position: absolute;
    cursor: pointer;
}

/* 标记点 - 圆点容器 */
.ind_box8 .indEleven1_r_02_item_01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.ind_box8 .indEleven1_r_02_item_01 .round {
    position: relative;
    width: clamp(0.875rem, 0.797rem + 0.33vw, 1.125rem);
    height: clamp(0.875rem, 0.797rem + 0.33vw, 1.125rem);
}

.ind_box8 .indEleven1_r_02_item_01 .round .round1 {
    opacity: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.ind_box8 .indEleven1_r_02_item_01 .round .round2 {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: clamp(0.5rem, 0.461rem + 0.16vw, 0.625rem);
    height: clamp(0.5rem, 0.461rem + 0.16vw, 0.625rem);
    border-radius: 50%;
    background: #ffffff;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.ind_box8 .indEleven1_r_02_item_01 .round .round3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: clamp(0.188rem, 0.168rem + 0.08vw, 0.25rem);
    height: clamp(0.188rem, 0.168rem + 0.08vw, 0.25rem);
    border-radius: 50%;
    background: var(--hue, #1fa1da);
}

.ind_box8 .indEleven1_r_02_item_01 .text {
    font-size: 12px;
    color: #222222;
    padding: 1px 0 0 3px;
}

/* 弹出信息框 */
.ind_box8 .indEleven1_r_02_item_02 {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: clamp(0.438rem, 0.399rem + 0.16vw, 0.563rem);
    bottom: 182%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: clamp(5rem, 3.637rem + 5.74vw, 9.375rem);
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: clamp(0.375rem, 0.317rem + 0.25vw, 0.563rem) clamp(0.188rem, 0.129rem + 0.25vw, 0.375rem) clamp(0.188rem, 0.129rem + 0.25vw, 0.375rem);
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.ind_box8 .indEleven1_r_02_item_02 .img_box {
    border-radius: 6px;
    overflow: hidden;
}

.ind_box8 .indEleven1_r_02_item_02 .img_box img {
    width: 100%;
}

.ind_box8 .indEleven1_r_02_item_02 .text {
    font-size: 12px;
    color: var(--hue, #1fa1da);
    text-align: center;
    padding-top: 2px;
}

.ind_box8 .indEleven1_r_02_item_02 .icon {
    position: absolute;
    left: 50%;
    top: 99%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: clamp(1rem, 0.727rem + 1.15vw, 1.875rem);
}

.ind_box8 .indEleven1_r_02_item_02 .icon img {
    display: block;
    width: 100%;
}

/* 悬停效果 */
.ind_box8 .indEleven1_r_02 .item.hover .indEleven1_r_02_item_01 .round .round1,
.ind_box8 .indEleven1_r_02 .item.hover .indEleven1_r_02_item_01 .round .round2 {
    opacity: 1;
}

.ind_box8 .indEleven1_r_02 .item.hover .indEleven1_r_02_item_02 {
    opacity: 1;
    pointer-events: auto;
}

/* ind_box8 响应式 */
@media (max-width: 991px) {
    .ind_box8_rela {
        max-width: 100%;
        padding: 0 15px;
    }
    
    .ind_box8 .indEleven1_r_02 .item {
        transform: scale(0.8);
        transform-origin: center center;
    }
}

@media (max-width: 767px) {
    .ind_box8 {
        padding: 30px 0;
    }
    
    .ind_box8 .sub_title1 {
        margin-bottom: 20px;
    }
    
    .ind_box8 .sub_title1 .tt {
        font-size: 20px;
    }
    
    .ind_box8 .indEleven1_r_02 .item {
        transform: scale(0.6);
        transform-origin: center center;
    }
    
    .ind_box8 .indEleven1_r_02_item_02 {
        width: auto;
        min-width: 100px;
    }
}

/* 申请代理商按钮 */
.ind_box8_btn_wrapper {
    display: flex;
    justify-content: center;
    margin-top: clamp(1.25rem, 0.878rem + 1.56vw, 2.5rem);
}

.ind_box8_btn {
    display: inline-block;
    background-color: #1fa1da;
    color: #fff;
    padding: clamp(0.625rem, 0.5rem + 0.52vw, 1rem) clamp(1.875rem, 1.506rem + 1.56vw, 3.125rem);
    font-size: clamp(0.875rem, 0.797rem + 0.33vw, 1.125rem);
    font-weight: 500;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    line-height: 1;
    border: 2px solid #1fa1da;
}

.ind_box8_btn:hover {
    background-color: #1a8bc1;
    border-color: #1a8bc1;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(31, 161, 218, 0.3);
}

/* ========================================
   底部咨询 - footer_cta
   来源: ck/main.css:1702-1729, 1087-1141
   ======================================== */

.footer_cta {
    position: relative;
    padding-top: clamp(2.5rem, 0.511rem + 8.49vw, 7.938rem);
}

.footer_cta::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: clamp(3.125rem, 2.21rem + 3.9vw, 5.625rem);
    background: var(--hue, #1fa1da);
}

.footer_cta .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer_cta_con {
    border-radius: 10px;
    background: #F5F5F5;
    padding: clamp(1.438rem, 0.98rem + 1.95vw, 2.688rem) clamp(0.938rem, -0.869rem + 7.71vw, 5.875rem) clamp(1.25rem, 1.044rem + 0.88vw, 1.813rem);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.footer_cta_tt {
    font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem);
    font-weight: 600;
    color: #222;
    margin-bottom: clamp(0.625rem, 0.438rem + 0.78vw, 1.125rem);
}

.footer_cta_text {
    font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
    color: #555;
    line-height: 1.875;
    margin-bottom: clamp(0.938rem, 0.732rem + 0.88vw, 1.5rem);
}
.public_btn_box {
    display: flex;
}
.footer_cta .public_btn_box {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
}

.public_btn1 {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    font-size: clamp(1rem, 0.954rem + 0.2vw, 1.125rem);
    height: clamp(2.5rem, 2.271rem + 0.98vw, 3.125rem);
    color: #fff;
    padding: 0 clamp(0.938rem, 0.64rem + 1.27vw, 1.75rem);
    background: var(--hue, #1fa1da);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    text-decoration: none;
    border: none;
}

.public_btn1:hover {
    color: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: #1a8bc1;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(31, 161, 218, 0.3);
}

.public_btn1 .icon {
    font-size: clamp(1.125rem, 0.988rem + 0.59vw, 1.5rem);
    margin: 0 clamp(0.438rem, 0.323rem + 0.49vw, 0.75rem);
}


/* footer_cta 响应式 */
@media (max-width: 767px) {
    .footer_cta {
        padding-top: 40px;
    }
    
    .footer_cta::after {
        height: 50px;
    }
    
    .footer_cta_con {
        padding: 30px 20px;
    }
    
    .footer_cta_tt {
        font-size: 20px;
    }
    
    .footer_cta_text {
        font-size: 14px;
    }
    
    .footer_cta .public_btn1 {
        font-size: 16px;
        height: 44px;
        padding: 0 30px;
    }
}

/* ========================================
   Footer 底部页脚
   来源: ck/main.css:1732-1898, 1195-1208
   ======================================== */

.footer {
    background: var(--hue, #1fa1da);
}

.footer_t {
    padding-top: clamp(2.5rem, 1.402rem + 4.68vw, 5.5rem);
    padding-bottom: clamp(1.563rem, 0.877rem + 2.93vw, 3.438rem);
}

.footer_t .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.sub_wrap_a_start {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

/* 左栏 - 联系信息 */
.footer_t_l {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.footer_t_l_item {
    width: 100%;
}

.footer_t_l_logo {
    margin-bottom: clamp(1.125rem, 0.851rem + 1.17vw, 1.875rem);
}

.footer_t_l_list .item {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    color: #fff;
    line-height: 24px;
    padding: 3px 0;
    font-size: 14px;
}

.footer_t_l_list .item .icon {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: 24px;
    height: 24px;
    font-size: 16px;
    color: #fff;
    flex-shrink: 0;
}

.footer_t_l_list .item .con {
    width: calc(100% - 24px);
    padding-left: 5px;
    color: #fff;
}

.footer_t_l_list .item .con a {
    color: #fff;
    text-decoration: none;
}

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

/* 社交图标 */
.footer_t_l_sm {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    padding-top: 25px;
    gap: 10px;
}

.footer_t_l_sm .icon {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: clamp(1.875rem, 1.722rem + 0.65vw, 2.375rem);
    height: clamp(1.875rem, 1.722rem + 0.65vw, 2.375rem);
    font-size: clamp(1.125rem, 1.01rem + 0.49vw, 1.5rem);
    color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.footer_t_l_sm .icon:last-child {
    margin-right: 0;
}

.footer_t_l_sm .icon:hover {
    color: var(--hue, #1fa1da);
    background: #fff;
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

/* 右栏 - 产品/关于/业务 */
.footer_t_r {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-bottom: 20px;
}

.footer_t_r_item {
    width: 30%;
}

.footer_t_r_item_title {
    font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
    font-weight: normal;
    color: #fff;
    margin-bottom: clamp(1.125rem, -0.242rem + 2.85vw, 2.25rem);
}

.footer_t_l .footer_t_r_item_title {
    margin-bottom: 0;
}

.footer_t_r_item_list a {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    margin-bottom: 10px;
    text-decoration: none;
}

.footer_t_r_item_list a:last-child {
    margin-bottom: 0;
}

.footer_t_r_item_list a .icon {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    background: url(../images/footer_icon1.png) no-repeat center center / 10px auto;
}

.footer_t_r_item_list a .tt {
    width: calc(100% - 30px);
    color: #fff;
    font-size: clamp(0.875rem, 0.838rem + 0.19vw, 1rem);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.footer_t_r_item_list a:hover {
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
}

.footer_t_r_item_list a:hover .tt {
    text-decoration: underline;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

/* 中间分隔线 */
.footer_m {
    padding: clamp(1rem, -0.215rem + 2.53vw, 2rem) 0;
    border-top: 1px solid #62B6DB;
}

/* 底部版权 */
.footer_b {
    color: #D0DEE4;
    background: #1285B8;
    padding-top: clamp(0.75rem, 0.565rem + 0.93vw, 1.375rem);
    padding-bottom: clamp(0.75rem, 0.565rem + 0.93vw, 1.375rem);
    text-align: center;
    font-size: 14px;
}

.footer_b .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer_b a {
    color: #D0DEE4;
    margin-left: clamp(0.625rem, 0.069rem + 2.78vw, 2.5rem);
    text-decoration: none;
}

/* Footer 响应式 */
@media (max-width: 991px) {
    .footer_t_l {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer_t_r {
        flex-wrap: wrap;
    }
    
    .footer_t_r_item {
        width: 50%;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .footer_t {
        padding-top: 40px;
        padding-bottom: 30px;
    }
    
    .footer_t_l {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer_t_r_item {
        width: 100%;
    }
    
    .footer_t_r_item_title {
        font-size: 18px;
    }
    
    .footer_t_l_list .item {
        font-size: 13px;
    }
    
    .footer_b {
        font-size: 12px;
        padding: 20px 0;
    }
}

/* ========================================
   Product Showcase Section Styles
   ======================================== */

.product-showcase {
    background-color: #f5f7fa;
    padding: 80px 0;
}

.product-showcase .mainbody {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    gap: 100px;
}

.product-showcase-left {
    flex: 1;
    min-width: 0;
}

.product-showcase-right {
    flex: 1;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    text-align: right;
}

.product-showcase-right img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Reverse layout: image on left, text on right */
.product-showcase-reverse .product-showcase-left {
    flex: 1.2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-showcase-reverse .product-showcase-left img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.product-showcase-reverse .product-showcase-right {
    flex: 1;
    min-width: 0;
}

/* Override ind_pro_text for showcase context */
.product-showcase .ind_pro_text {
    width: auto;
    max-width: 548px;
    margin-bottom: 40px;
}
.product-showcase .product-showcase .ind_pro_text {
    text-align: left;
}
.product-showcase-reverse .ind_pro_text {
    text-align: right;
}
/* Override ind_pro_sectitle for showcase */
.product-showcase .ind_pro_sectitle {
    margin-bottom: 24px;
}

/* Consult Button */
.product-consult-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #1fa1da;
    color: #ffffff !important;
    padding: 16px 48px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(31, 161, 218, 0.3);
}

.product-consult-btn:hover {
    background-color: #1a8bc1;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(31, 161, 218, 0.45);
}

.product-consult-btn i {
    font-size: 20px;
}
.icozx {
    width: 20px;
}

/* ========================================
   Product Showcase Responsive
   ======================================== */

@media (max-width: 1199px) {
    .product-showcase .mainbody {
        max-width: 960px;
        gap: 40px;
    }

    .product-showcase {
        padding: 60px 0;
    }

    .product-showcase .ind_pro_sectitle {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .product-showcase .mainbody {
        max-width: 720px;
        flex-direction: column;
        gap: 40px;
    }

    .product-showcase-left {
        text-align: center;
    }

    .product-showcase .ind_pro_text {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .product-showcase-right {
        order: -1;
    }

    .product-showcase-reverse .product-showcase-right {
        order: 0;
    }

    .product-showcase-reverse .product-showcase-left {
        order: -1;
    }

    .product-showcase-right img {
        max-width: 400px;
    }

    .product-showcase-reverse .product-showcase-left img {
        max-width: 400px;
    }

    .product-showcase .ind_pro_sectitle {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .product-consult-btn {
        margin: 0 auto;
    }
    .product-showcase-right {
        text-align: center;
        align-items: center;
    }
    .product-showcase .ind_pro_text {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .product-showcase {
        padding: 40px 0;
    }

    .product-showcase .mainbody {
        max-width: 100%;
        padding: 0 15px;
        gap: 30px;
    }

    .product-showcase .ind_pro_title {
        font-size: 14px;
        line-height: 24px;
    }

    .product-showcase .ind_pro_sectitle {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 16px;
    }

    .product-showcase .ind_pro_text {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 30px;
    }

    .product-showcase-right img {
        max-width: 100%;
    }

    .product-consult-btn {
        padding: 14px 36px;
        font-size: 15px;
    }

    .product-consult-btn i {
        font-size: 18px;
    }
}

/* ========================================
   Product Carousel Section Styles
   ======================================== */

.product-carousel {
    padding: 80px 0;
    position: relative;
}
.product-carousel::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 284px;
    background-color: #f5f7fa;
    content: '';
    z-index: 0;
}

.product-carousel .mainbody {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
    padding: 50px 20px;
    background-color: #fff;
}

/* Header */
.product-carousel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
}

.product-carousel-title h2 {
    font-size: 36px;
    color: #111111;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 12px 0;
}

.product-carousel-title p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin: 0;
}

/* Navigation arrows */
.product-carousel-nav {
    display: flex;
    gap: 12px;
}

.product-carousel-nav button {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: transparent;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.product-carousel-nav button:hover {
    background-color: #1fa1da;
    border-color: #1fa1da;
}

.product-carousel-nav .swiper-prev i {
    transform: rotate(180deg);
}

.product-carousel-nav button i {
    font-size: 18px;
    transition: transform 0.3s ease;
}

/* Swiper carousel */
.product-swiper {
    overflow: hidden;
}

.product-swiper .swiper-wrapper {
    align-items: stretch;
}

/* Product card */
.product-card {
    background-color: #2a2d35;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
.product-card:hover .product-name {
    color: var(--hue);
}

.product-card-img {
    width: 100%;
    height: 250px;
    background-color: #f0f2f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.product-card:hover .product-card-img img {
    transform: scale(1.05);
}

.product-card-body {
    padding: 24px 20px 78px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}
.product-card-body::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 52px;
    height: 0.5px;
    width: 100%;
    background-color: #fff;
    opacity: 0.3;
}

.product-card-title {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.product-card-desc {
    font-size: 13px;
    color: #fff;
    line-height: 22px;
    margin: 0 0 20px 0;
    flex: 1;
}

.product-card-btn {
    display: inline-block;
    background-color: #1b8ee1;
    color: #ffffff;
    padding: 16px 24px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    align-self: flex-start;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card-btn:hover {
    background-color: #1a8bc1;
}

/* Swiper slides */
.product-swiper .swiper-slide {
    height: auto;
}

.product-carousel .swiper-prev,
.product-carousel .swiper-next {
    color: #333;
    border-color: #dddddd;
    border-radius: 0;
}
.product-carousel .swiper-prev:hover,
.product-carousel .swiper-next:hover {
    color: #fff;
}
.colorf {
    color: #fff;
}
.wrapper {
    position: relative;
    z-index: 1;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
.pro_cover_box6_item_tt {
    margin-bottom: clamp(0.75rem, 0.567rem + 0.78vw, 1.25rem);
    text-indent: 2em;
}

.fz72 {
    font-size: clamp(1.625rem, 0.554rem + 4.51vw, 4.5rem);
}

.fz70 {
    font-size: clamp(1.625rem, 0.6rem + 4.31vw, 4.375rem);
}

.fz68 {
    font-size: clamp(1.625rem, 0.647rem + 4.12vw, 4.25rem);
}

.fz66 {
    font-size: clamp(1.625rem, 0.694rem + 3.92vw, 4.125rem);
}

.fz64 {
    font-size: clamp(1.625rem, 0.74rem + 3.73vw, 4rem);
}

.fz62 {
    font-size: clamp(1.625rem, 0.787rem + 3.53vw, 3.875rem);
}

.fz60 {
    font-size: clamp(1.625rem, 0.833rem + 3.33vw, 3.75rem);
}

.fz58 {
    font-size: clamp(1.625rem, 0.88rem + 3.14vw, 3.625rem);
}

.fz56 {
    font-size: clamp(1.625rem, 0.926rem + 2.94vw, 3.5rem);
}

.fz54 {
    font-size: clamp(1.625rem, 0.973rem + 2.75vw, 3.375rem);
}

.fz52 {
    font-size: clamp(1.625rem, 1.02rem + 2.55vw, 3.25rem);
}

.fz50 {
    font-size: clamp(1.5rem, 0.895rem + 2.55vw, 3.125rem);
}

.fz48 {
    font-size: clamp(1.5rem, 0.941rem + 2.35vw, 3rem);
}

.fz46 {
    font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz44 {
    font-size: clamp(1.5rem, 0.988rem + 2.16vw, 2.875rem);
}

.fz42 {
    font-size: clamp(1.5rem, 1.081rem + 1.76vw, 2.625rem);
}

.fz40 {
    font-size: clamp(1.375rem, 0.956rem + 1.76vw, 2.5rem);
}

.fz38 {
    font-size: clamp(1.375rem, 1.002rem + 1.57vw, 2.375rem);
}

.fz36 {
    font-size: clamp(1.375rem, 1.049rem + 1.37vw, 2.25rem);
}

.fz34 {
    font-size: clamp(1.25rem, 0.924rem + 1.37vw, 2.125rem);
}

.fz32 {
    font-size: clamp(1.25rem, 0.971rem + 1.18vw, 2rem);
}

.fz30 {
    font-size: clamp(1.25rem, 1.017rem + 0.98vw, 1.875rem);
}

.fz28 {
    font-size: clamp(1.25rem, 1.064rem + 0.78vw, 1.75rem);
}

.fz26 {
    font-size: clamp(1.125rem, 0.939rem + 0.78vw, 1.625rem);
}

.fz24 {
    font-size: clamp(1.125rem, 0.985rem + 0.59vw, 1.5rem);
}

.fz22 {
    font-size: clamp(1rem, 0.86rem + 0.59vw, 1.375rem);
}

.fz20 {
    font-size: clamp(1rem, 0.907rem + 0.39vw, 1.25rem);
}

.fz18 {
    font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
}

.fz16 {
    font-size: clamp(0.875rem, 0.828rem + 0.2vw, 1rem);
}

.fz14 {
    font-size: 14px;
}

.pt {
    padding-top: var(--space);
}

.pb {
    padding-bottom: var(--space);
}

.ptb {
    padding-top: var(--space);
    padding-bottom: var(--space);
}
/* ========================================
   Product Carousel Responsive
   ======================================== */

@media (max-width: 1199px) {
    .product-carousel {
        padding: 60px 0;
    }

    .product-carousel-title h2 {
        font-size: 30px;
    }

    .product-card-img {
        height: 180px;
    }
}

@media (max-width: 991px) {
    .product-carousel .mainbody {
        max-width: 720px;
    }

    .product-carousel-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .product-carousel-title h2 {
        font-size: 26px;
    }

    .product-carousel-title p {
        font-size: 13px;
    }

    .product-carousel-nav {
        align-self: flex-end;
    }
}

@media (max-width: 767px) {
    .product-carousel {
        padding: 40px 0;
    }

    .product-carousel .mainbody {
        max-width: 100%;
        padding: 30px 15px;
    }

    .product-carousel-header {
        margin-bottom: 30px;
    }

    .product-carousel-title h2 {
        font-size: 22px;
    }

    .product-carousel-title p {
        font-size: 12px;
    }

    .product-carousel-nav button {
        width: 38px;
        height: 38px;
    }

    .product-card-img {
        height: 160px;
    }

    .product-card-title {
        font-size: 17px;
    }

    .product-card-desc {
        font-size: 12px;
        line-height: 20px;
    }

    .product-card-btn {
        padding: 8px 20px;
        font-size: 12px;
    }
}

/* ========================================
   Pro Cover Box 6 - 客户评价轮播
   ======================================== */
.pro_cover_box6 {
    position: relative;
    overflow: hidden;
}

.pro_cover_box6_item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.pro_cover_box6_item .wrapper {
    height: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-top: clamp(3.125rem, 0.724rem + 10.24vw, 9.688rem);
}

.pro_cover_box6_item_con {
    width: clamp(28.75rem, 2.623rem + 54.43vw, 50.25rem);
    background: rgba(239, 239, 239, 0.2);
    backdrop-filter: blur(15px) brightness(115%);
    -webkit-backdrop-filter: blur(15px) brightness(115%);
    padding: clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem)
             clamp(0.938rem, 0.366rem + 2.44vw, 2.5rem)
             clamp(1.563rem, 0.762rem + 3.41vw, 3.75rem);
}

.pro_cover_box6_item_tt {
    margin-bottom: clamp(0.75rem, 0.567rem + 0.78vw, 1.25rem);
}

.pro_cover_box6_item_l {
    width: clamp(6.25rem, 3.552rem + 11.51vw, 13.625rem);
    height: clamp(6.25rem, 3.552rem + 11.51vw, 13.625rem);
    padding: clamp(0.75rem, 0.247rem + 2.15vw, 2.125rem);
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    margin-top: clamp(0.625rem, -0.29rem + 3.9vw, 3.125rem);
}

.pro_cover_box6_item_l img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.pro_cover_box6_item_r {
    width: calc(100% - clamp(6.25rem, 3.552rem + 11.51vw, 13.625rem));
    padding-left: clamp(0.625rem, 0.396rem + 0.98vw, 1.25rem);
}

.pro_cover_box6_item_r .icon {
    width: clamp(1.75rem, 1.064rem + 2.93vw, 3.625rem);
}

.pro_cover_box6_item_r .icon img {
    width: 100%;
    height: auto;
}

.pro_cover_box6_item_r .text {
    padding: clamp(1.125rem, 0.896rem + 0.98vw, 1.75rem) 0
             clamp(0.625rem, 0.465rem + 0.68vw, 1.063rem);
}

/* Pagination bars wrapper */
.pro_cover_box6_scroll_bars_box {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.pro_cover_box6_scroll_bars {
    position: relative;
    bottom: auto !important;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: flex-end;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: clamp(28.75rem, 2.623rem + 54.43vw, 50.25rem) !important;
    height: clamp(3.125rem, 1.753rem + 5.85vw, 6.875rem);
    background: var(--hue, #1fa1da);
    padding: 0 clamp(1.25rem, -0.579rem + 7.8vw, 6.25rem);
    padding-left: calc(clamp(2rem, 1.75rem + 1.13vw, 2.75rem) * 2 + 12px);
}
.pro_cover_box6_prev_xinbox {
    position: absolute;
    bottom: auto;
    width: clamp(28.75rem, 2.623rem + 54.43vw, 50.25rem) !important;
    height: clamp(3.125rem, 1.753rem + 5.85vw, 6.875rem);
    background: var(--hue, #1fa1da);
    padding: 0 clamp(1.25rem, -0.579rem + 7.8vw, 6.25rem);
    padding-left: calc(clamp(2rem, 1.75rem + 1.13vw, 2.75rem) * 2 + 12px);
}

/* Prev/Next buttons - absolutely positioned inside left of blue bar */
.pro_cover_box6_prev,
.pro_cover_box6_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: clamp(2rem, 1.75rem + 1.13vw, 2.75rem);
    height: clamp(2rem, 1.75rem + 1.13vw, 2.75rem);
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: transparent;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    z-index: 12;
}

.pro_cover_box6_prev {
    left: 50px;
}

.pro_cover_box6_next {
    left: 102px;
}

.pro_cover_box6_prev:hover,
.pro_cover_box6_next:hover {
    background: #fff;
    color: var(--hue, #1fa1da);
}

.pro_cover_box6_prev i,
.pro_cover_box6_next i {
    font-size: clamp(0.875rem, 0.75rem + 0.5vw, 1.25rem);
}

.pro_cover_box6_prev i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.pro_cover_box6_prev.swiper-button-disabled,
.pro_cover_box6_next.swiper-button-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.pro_cover_box6_scroll_bars .swiper-pagination-bullet {
    width: clamp(0.75rem, 0.636rem + 0.49vw, 1.063rem);
    height: clamp(0.75rem, 0.636rem + 0.49vw, 1.063rem);
    border: 1px solid #fff;
    opacity: 1;
    background: none;
    margin: 0 clamp(0.25rem, 0.204rem + 0.2vw, 0.375rem) !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    cursor: pointer;
    border-radius: 50%;
}

.pro_cover_box6_scroll_bars .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.pro_cover_box6_scroll .swiper-slide {
    height: auto;
}

.pro_cover_box6_scroll .pro_cover_box6_item {
    height: 100%;
}

.pro_cover_box6_scroll .swiper-slide:first-child {
    height: auto;
}

/* Responsive for pro_cover_box6 */
@media (max-width: 991px) {
    .pro_cover_box6_item .wrapper {
        padding-top: clamp(2rem, 1rem + 5vw, 5rem);
    }
}

@media (max-width: 767px) {
    .pro_cover_box6_scroll_bars_box {
        justify-content: center;
    }

    .pro_cover_box6_scroll_bars {
        width: 100% !important;
        justify-content: center;
    }

    .pro_cover_box6_prev,
    .pro_cover_box6_next {
        width: 40px;
        height: 40px;
    }

    .pro_cover_box6_next {
        left: 52px;
    }
    .pro_cover_box6_scroll_bars {
        padding: 0;
    }
    .pro_cover_box6_prev_xinbox {
        padding: 0;
        box-sizing: border-box;
        width: 100% !important;
    }
    .pro_cover_box6_prev {
        left: 20px;
    }
    .pro_cover_box6_next {
        left: auto;
        right: 20px;
    }
}

/* ========================================
   Contact Us - 按地区联系信息 (conBoxTwo)
   来源: ck/main.css:4275-4346
   ======================================== */

.conBoxTwo1 {
    position: relative;
}

#contact_map {
    width: 100%;
    height: 80vh;
}

.conTwo1_02 {
    display: none;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 10%;
    width: 410px;
    background: #FFFFFF;
    box-shadow: 0 3px 40px rgba(92,97,100,0.52);
    padding: clamp(1.125rem, 0.891rem + 0.98vw, 1.875rem) clamp(0.938rem, 0.645rem + 1.23vw, 1.875rem) clamp(0.75rem, 0.302rem + 1.89vw, 2.188rem);
}

.conTwo1_02_01 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.conTwo1_02_01 .icon {
    width: clamp(2rem, 1.805rem + 0.82vw, 2.625rem);
    margin-top: clamp(0rem, -0.039rem + 0.16vw, 0.125rem);
}

.conTwo1_02_01 .icon img {
    width: 100%;
}

.conTwo1_02_01 .title {
    width: calc(100% - clamp(2rem, 1.805rem + 0.82vw, 2.625rem));
    color: #444444;
    padding-left: 12px;
}

.conTwo1_02_02 {
    color: #8B8B8B;
    padding-top: clamp(0.5rem, 0.422rem + 0.33vw, 0.75rem);
    padding-bottom: clamp(0.5rem, 0.422rem + 0.33vw, 0.75rem);
    border-bottom: 1px solid #DCDCDC;
}

.conTwo1_02_03 {
    color: #8B8B8B;
    padding-top: clamp(0.5rem, 0.305rem + 0.82vw, 1.125rem);
}

.conTwo1_02_03 a {
    color: #8B8B8B;
}

.conTwo1_02_03 a:hover {
    text-decoration: underline;
}

.conTwo1_02_04 ,
.conTwo1_02_05 {
    color: #8B8B8B;
    padding-top: clamp(0.063rem, 0.004rem + 0.25vw, 0.25rem);
}

.conTwo1_02_04 a,
.conTwo1_02_05 a{
    color: #8B8B8B;
}
.conBoxTwo .sub_title1 {
    text-align: left;
}

/* ========================================
   Global Agency Zone - 全球代理合作专区
   ======================================== */

.agency-zone {
    padding: clamp(3rem, 1.5rem + 6vw, 6.25rem) 0;
}

.agency-zone-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -ms-align-items: stretch;
    -webkit-align-items: stretch;
    gap: clamp(1.5rem, 0.875rem + 2.66vw, 3.75rem);
}

/* Left column - dark blue tabs */
.agency-left {
    width: 45%;
    background: #34485f;
    overflow: hidden;
    padding: 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
}

.agency-item {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    gap: clamp(1rem, 0.75rem + 1.56vw, 1.75rem);
    padding: clamp(1.25rem, 1rem + 1.16vw, 1.75rem) clamp(1.25rem, 1rem + 1.56vw, 2.5rem);
    cursor: pointer;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
    position: relative;
    width: 100%;
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.agency-item:nth-child(2) {
    background: #253241;
}
.agency-item:last-child {
    border-bottom: none;
}

.agency-item:hover {
    background: rgba(255, 255, 255, 0.06);
}

.agency-item.active {
    background: #0170c1;
}

.agency-item.active .agency-title,
.agency-item.active .agency-desc {
    color: #ffffff;
}

.agency-item.active .agency-desc {
    color: rgba(255, 255, 255, 0.9);
}

.agency-icon {
    flex-shrink: 0;
    -ms-flex: none;
    -webkit-flex: none;
    width: clamp(3.5rem, 3rem + 2.33vw, 5rem);
    height: clamp(3.5rem, 3rem + 2.33vw, 5rem);
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: #ffffff;
    transition: background 0.3s ease;
    -webkit-transition: background 0.3s ease;
}

.agency-item.active .agency-icon {
    background: rgba(255, 255, 255, 0.2);
}

.agency-icon svg {
    width: 60%;
    height: 60%;
}

.agency-item-text {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    min-width: 0;
}

.agency-title {
    color: #ffffff;
    font-size: clamp(1.25rem, 1rem + 0.98vw, 2rem);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: clamp(0.1875rem, 0.125rem + 0.39vw, 0.375rem);
}

.agency-desc {
    color: rgba(255, 255, 255, 0.65);
    font-size: clamp(0.9375rem, 0.875rem + 0.39vw, 1.125rem);
    line-height: 1.6;
}

/* Right column - tab content */
.agency-right {
    width: 55%;
    position: relative;
    min-height: 400px;
}

.agency-right-panel {
    display: none;
}

.agency-right-panel.active {
    display: block;
    animation: fadeInPanel 0.4s ease;
    -webkit-animation: fadeInPanel 0.4s ease;
}

@keyframes fadeInPanel {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.agency-right-subtitle {
    color: #999999;
    font-size: clamp(0.875rem, 0.75rem + 0.49vw, 1.25rem);
    line-height: 1.5;
    margin-bottom: clamp(0.5rem, 0.375rem + 0.58vw, 0.875rem);
    font-weight: 400;
}

.agency-right-title {
    color: #222222;
    font-size: clamp(1.75rem, 1.25rem + 1.94vw, 3.125rem);
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 clamp(1.25rem, 1rem + 1.56vw, 2.5rem) 0;
}

.agency-right-image {
    width: 100%;
    overflow: hidden;
    margin-bottom: clamp(1rem, 0.75rem + 1.16vw, 1.875rem);
}

.agency-right-image img {
    width: 100%;
    height: auto;
    display: block;
}

.agency-right-text p {
    color: #555555;
    font-size: clamp(0.875rem, 0.813rem + 0.19vw, 1rem);
    line-height: 1.8;
    margin-bottom: clamp(0.5rem, 0.375rem + 0.58vw, 0.875rem);
}

.agency-right-text p:last-child {
    margin-bottom: 0;
}
.agency-section {
    background-color: #f1f5fa;
}
.agency-zone .sub_title1 {
    text-align: left;
}

/* Responsive: Tablet & Mobile */
@media screen and (min-width: 300px) and (max-width: 767px) {
    .conTwo1_02 {
        position: static;
        width: 100%;
    }
    #contact_map {
        height: 30vh;
    }
}
@media (max-width: 991px) {
    .agency-zone-inner {
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        gap: clamp(1.5rem, 1rem + 2.33vw, 3rem);
    }

    .agency-left,
    .agency-right {
        width: 100%;
    }

    .agency-left {
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    .agency-item {
        flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        padding: clamp(0.75rem, 0.5rem + 0.78vw, 1rem) clamp(0.5rem, 0.375rem + 0.58vw, 0.75rem);
        gap: clamp(0.5rem, 0.375rem + 0.58vw, 0.75rem);
    }

    .agency-item-text {
        display: none;
    }

    .agency-icon {
        width: clamp(3rem, 2.5rem + 2.33vw, 4.5rem);
        height: clamp(3rem, 2.5rem + 2.33vw, 4.5rem);
    }
}

@media (max-width: 767px) {
    .agency-zone {
        padding: clamp(2rem, 1.5rem + 2.33vw, 3.5rem) 0;
    }

    .agency-left {
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
    }

    .agency-item {
        flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        padding: clamp(0.75rem, 0.625rem + 0.58vw, 1rem);
        gap: clamp(0.5rem, 0.375rem + 0.39vw, 0.625rem);
    }

    .agency-item-text {
        display: block;
        text-align: center;
    }

    .agency-title {
        font-size: clamp(0.875rem, 0.75rem + 0.49vw, 1.0625rem);
        margin-bottom: 0;
    }

    .agency-desc {
        display: none;
    }

    .agency-icon {
        width: clamp(2.75rem, 2.5rem + 1.16vw, 3.5rem);
        height: clamp(2.75rem, 2.5rem + 1.16vw, 3.5rem);
    }

    .agency-right-title {
        font-size: clamp(1.375rem, 1.125rem + 1.16vw, 2rem);
    }
}

/* ========================================
   Contact Form - conBoxOne & sub-elements
   ======================================== */

.conBoxOne1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.conBoxOne1 .item {
    width: clamp(10rem, 8.248rem + 7.38vw, 15.625rem);
    line-height: clamp(2.5rem, 2.072rem + 1.8vw, 3.875rem);
    color: #222222;
    text-align: center;
    background: #CEE9F5;
    margin-right: 6px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.conBoxOne1 .item:hover {
    color: #ffffff;
    background: var(--hue);
}

.conBoxOne1 > .item:last-child {
    margin-right: 0;
}

.conBoxOne1 .item.hover {
    color: #ffffff;
    background: var(--hue);
}

.conOne2_item {
    background: #F3F3F3;
    border-radius: 10px;
    padding: clamp(1.563rem, 0.784rem + 3.28vw, 4.063rem) clamp(0.938rem, 0.451rem + 2.05vw, 2.5rem) clamp(1.563rem, 1.27rem + 1.23vw, 2.5rem);
}

.contact_form_list1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact_form_list1 .item {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: clamp(0.625rem, 0.43rem + 0.82vw, 1.25rem);
}

.contact_form_list1 > .item:nth-child(3n) {
    margin-right: 0;
}

.contact_form_list1 .item .input_tt {
    color: #444444;
    padding-bottom: clamp(0.25rem, 0.172rem + 0.33vw, 0.5rem);
}

.contact_form_list1 .item .input_tt span {
    color: var(--hue);
}

.contact_form_list1 .item input,
.contact_form_list1 .item select {
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    color: #B2B2B2;
    width: 100%;
    height: clamp(2.5rem, 2.111rem + 1.64vw, 3.75rem);
    border-radius: 5px;
    background: #FFFFFF;
    border: 1px solid #EBEEF9;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    padding: 0 10px 0 15px;
}

.contact_form_list1 .item select {
    -webkit-appearance: auto;
}

.contact_form_list1 .item ::placeholder {
    color: #B2B2B2;
}

.contact_form_list1 .item.last {
    width: 100%;
    margin-right: 0;
}

.contact_form_list1 .item textarea {
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    color: #B2B2B2;
    width: 100%;
    height: clamp(5.625rem, 3.776rem + 7.79vw, 11.563rem);
    border-radius: 5px;
    background: #FFFFFF;
    border: 1px solid #EBEEF9;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    padding: 12px 10px 10px 15px;
    resize: none;
}

.conOne2_item_bot {
    width: 100%;
    padding-top: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.conOne2_item_bot_l {
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.conOne2_item_bot_l .icon {
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    width: clamp(1rem, 0.942rem + 0.25vw, 1.188rem);
    height: clamp(1rem, 0.942rem + 0.25vw, 1.188rem);
}
.conOne2_item_bot_l .icon input{
    appearance: auto;
    width: clamp(1rem, 0.942rem + 0.25vw, 1.188rem);
    height: clamp(1rem, 0.942rem + 0.25vw, 1.188rem);
    cursor: pointer;
    margin: 0;
}
.conOne2_item_bot_l .text {
    color: #444444;
    padding-left: clamp(0.75rem, 0.594rem + 0.66vw, 1.25rem);
}

.conOne2_item_bot_l.hover .icon::after {
    opacity: 1;
}

.conOne2_item_bot_r input {
    width: clamp(8.125rem, 6.178rem + 8.2vw, 14.375rem);
    cursor: pointer;
}

/* ~~~~~~~~~~~aboBoxFour~~~~~~~~~~~ */
.aboBoxFour1 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 15px;
    row-gap: 25px;
}

.aboBoxFour1 .item {
    border: 1px solid #DCDCDC;
    border-radius: 10px;
    overflow: hidden;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.aboBoxFour1 .item:hover {
    box-shadow: 0 3px 30px rgba(0,0,0,0.16);
}

.aboBoxFour1 .item img {
    width: 100%;
}

/* ========================================
   About G-Press Section (about-intro)
   ======================================== */
.about-intro {
    padding: clamp(3rem, 2rem + 4.67vw, 6rem) 0;
    background: #ffffff;
}

.about-intro-inner {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: clamp(1.5rem, 1rem + 2.33vw, 3rem);
}

.about-intro-content {
    flex: 0 0 52%;
    -ms-flex: 0 0 52%;
    -webkit-flex: 0 0 52%;
    max-width: 52%;
}

.about-intro-blank {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
}

.about-intro-sub {
    color: #999999;
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    margin-bottom: clamp(0.5rem, 0.375rem + 0.58vw, 1rem);
}

.about-intro-title {
    font-size: clamp(1.75rem, 1.25rem + 2.33vw, 3.25rem);
    font-weight: 700;
    color: #222222;
    line-height: 1.2;
    margin-bottom: clamp(1rem, 0.75rem + 1.16vw, 1.75rem);
}

.about-intro-title span {
    color: #0170c1;
}

.about-intro-text {
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    line-height: 1.8;
    color: #555555;
    margin-bottom: clamp(0.75rem, 0.5rem + 0.58vw, 1.125rem);
    text-align: justify;
}

.about-intro-video {
    position: relative;
    margin-top: clamp(1rem, 0.75rem + 1.16vw, 1.75rem);
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 16 / 10;
}

.about-intro-video-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
    -webkit-transition: -webkit-transform 0.4s ease;
}

.about-intro-video:hover .about-intro-video-img {
    transform: scale(1.05);
}

.about-intro-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: clamp(3rem, 2.5rem + 2.33vw, 4.5rem);
    height: clamp(3rem, 2.5rem + 2.33vw, 4.5rem);
    cursor: pointer;
    transition: transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
}

.about-intro-video-play svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
}

.about-intro-video:hover .about-intro-video-play {
    transform: translate(-50%, -50%) scale(1.1);
}

/* Responsive */
@media (max-width: 991px) {
    .about-intro-inner {
        flex-direction: column;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
    }

    .about-intro-content {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        max-width: 100%;
    }

    .about-intro-blank {
        display: none;
    }

    .about-intro-video {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .about-intro {
        padding: clamp(2rem, 1.5rem + 2.33vw, 3.5rem) 0;
    }

    .about-intro-title {
        font-size: clamp(1.5rem, 1.25rem + 1.16vw, 2.25rem);
    }

    .about-intro-video-play {
        width: clamp(2.5rem, 2rem + 2.33vw, 3.5rem);
        height: clamp(2.5rem, 2rem + 2.33vw, 3.5rem);
    }
    
    .aboBoxFour1 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 10px;
    }
}

/* ========================================
   工厂实景 (Factory Section)
   ======================================== */

.sub_wrap_default {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.factory_box1 .sub_title1{
    margin-bottom: clamp(1.875rem, 0.846rem + 2vw, 4.688rem);
}

.team_bars{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: clamp(0.625rem, 0.396rem + 0.98vw, 1.25rem);
}
.team_bars a{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    color: #444;
    padding: 0 clamp(0.938rem, 0.64rem + 1.27vw, 1.75rem);
    height: clamp(2.5rem, 2.271rem + 0.98vw, 3.125rem);
    border: 1px solid #707070;
    border-radius: 5px;
    text-decoration: none;
}
.team_bars a:hover{
    color: #fff;
    background: var(--hue);
    border-color: var(--hue);
}

.sub_title2{
    margin-bottom: clamp(1.25rem, 0.633rem + 2.63vw, 2.938rem);
}
.sub_title2_tt{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}
.sub_title2_tt::before{
    content: "";
    display: block;
    width: clamp(0.375rem, 0.146rem + 0.98vw, 1rem);
    height: clamp(1.25rem, 0.953rem + 1.27vw, 2.063rem);
    background: var(--hue);
    margin-right: clamp(0.625rem, 0.465rem + 0.68vw, 1.063rem);
}
.sub_title2_text{
    padding-top: clamp(0.625rem, 0.465rem + 0.68vw, 1.063rem);
}
.factory_box2_list{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem);
    padding: 0;
}

.factory_box2_list dd{
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}
.factory_box2_list dd:nth-child(even) .sub_wrap_default{
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}
.factory_box2_list dd .sub_wrap_default{
    gap: clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem);
}
.factory_box2_list_l{
    width: calc((100% - clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem)) / 2);
}
.factory_box2_list_item{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    text-decoration: none;
}
.factory_box2_list_l .factory_box2_list_item {
    height: 100%;
    min-height: 300px;
}
.factory_box2_list_r .item .factory_box2_list_item {
    height: 100%;
    min-height: 140px;
}
.factory_box2_list_item img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.factory_box2_list_item .tt{
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -100%;
    z-index: 2;
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    padding: 0 clamp(0.625rem, 0.053rem + 2.44vw, 2.188rem) clamp(0.75rem, 0.567rem + 0.78vw, 1.25rem);
    height: clamp(3.125rem, 2.165rem + 4.1vw, 5.75rem);
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(38,38,38,1));
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.factory_box2_list_item:hover img{
    transform: scale(1.03,1.03);
    -webkit-transform: scale(1.03,1.03);
}
.factory_box2_list_item:hover .tt{
    opacity: 1;
    bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.factory_box2_list_r{
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: calc((100% - clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem)) / 2);
    gap: clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem);
}
.factory_box2_list_r .item{
    width: calc((100% - clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem)) / 2);
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ====== Factory Section Swiper Styles ====== */
.factory-content-swiper.swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.factory-content-swiper .swiper-wrapper {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: stretch;
    -webkit-align-items: stretch;
    -ms-align-items: stretch;
}
.factory-content-swiper .swiper-slide {
    flex-shrink: 0;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    width: 100%;
    height: auto;
}

/* Tab 激活高亮 */
.factory-tabs-wrap .factory-tab.active {
    color: #fff;
    background: var(--hue);
    border-color: var(--hue);
}

/* ====== Tab Header: team_bars + nav buttons 同排行布局 ====== */
.factory-tab-header {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    gap: clamp(0.938rem, 0.592rem + 1.47vw, 1.875rem);
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.factory-tab-nav {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: clamp(0.5rem, 0.385rem + 0.49vw, 0.813rem);
    flex-shrink: 0;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
}

/* 顶部导航按钮 - 小巧精致，边框圆角+蓝色主题 */
.factory-tab-nav .swiper-button-prev,
.factory-tab-nav .swiper-button-next {
    position: static;
    width: clamp(2rem, 1.771rem + 0.98vw, 2.625rem);
    height: clamp(2rem, 1.771rem + 0.98vw, 2.625rem);
    margin: 0;
    background: #fff;
    color: #111;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    cursor: pointer;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    --swiper-navigation-size: clamp(0.875rem, 0.789rem + 0.37vw, 1.125rem);
}
.factory-tab-nav .swiper-button-prev i {
    transform: rotate(180deg);
}
.factory-tab-nav .swiper-button-prev:hover,
.factory-tab-nav .swiper-button-next:hover {
    background: var(--hue);
    color: #fff;
    border-color: var(--hue);
    box-shadow: 0 4px 12px rgba(31,161,218,0.25);
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
}
.factory-tab-nav .swiper-button-prev::after,
.factory-tab-nav .swiper-button-next::after {
    font-weight: bold;
}
.factory-tab-nav .swiper-button-disabled {
    opacity: 0.45;
    cursor: not-allowed;
    background: #f5f5f5 !important;
    color: #999 !important;
    border-color: #e0e0e0 !important;
    box-shadow: none !important;
    transform: none !important;
}
.color1 {
    color: var(--hue);
}

/* ========================================
   我们的团队 (Our Team Module)
   ======================================== */
.team-module {
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-top: clamp(1.563rem, 0.846rem + 3.08vw, 3.5rem);
}

/* 上方：背景图 banner */
.team-hero {
    position: relative;
    width: 100%;
    min-height: clamp(20rem, 12.5rem + 33vw, 50.625rem);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: background-image 0.5s ease-in-out;
    -webkit-transition: background-image 0.5s ease-in-out;
}

/* 深色蓝调蒙层（与设计图配色一致） */
.team-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* 居中文字内容 */
.team-hero-content {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    max-width: clamp(31.25rem, 23.125rem + 34.38vw, 53.125rem);
    padding: 0 clamp(0.938rem, 0.363rem + 2.44vw, 2.5rem);
    text-align: center;
    color: #ffffff;
    z-index: 2;
}
.team-title {
    margin: 0 0 clamp(0.625rem, 0.182rem + 1.88vw, 1.813rem);
    font-size: clamp(1.5rem, 0.875rem + 2.63vw, 3.188rem);
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.3;
    transition: opacity 0.35s ease;
    -webkit-transition: opacity 0.35s ease;
}
.team-desc {
    margin: 0;
    font-size: clamp(0.875rem, 0.742rem + 0.57vw, 1.25rem);
    line-height: 1.75;
    opacity: 0.95;
    transition: opacity 0.35s ease;
    -webkit-transition: opacity 0.35s ease;
}

/* 切换时文字淡入淡出 */
.team-title.is-changing,
.team-desc.is-changing {
    opacity: 0;
}

/* 下方：5个 Tab */
.team-tabs {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: rgba(31, 161, 218, 0.7);
}
.team-tab {
    flex: 1 1 0;
    -ms-flex: 1 1 0;
    -webkit-flex: 1 1 0;
    min-width: 0;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    height: clamp(3.125rem, 2.5rem + 2.63vw, 4.813rem);
    font-size: clamp(0.938rem, 0.793rem + 0.62vw, 1.375rem);
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    position: relative;
    border-right: 4px solid rgba(0, 0, 0, 0.3);
}
.team-tab:last-child {
    border-right: none;
}
.team-tab:hover {
    background: rgba(31, 161, 218, 0.8);
    color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.team-tab.active {
    background: #1fa1da;
    color: #ffffff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
/* Factory Section Responsive */
@media (max-width: 991px) {
    .factory_box2_list_l,
    .factory_box2_list_r {
        width: 100%;
    }
    .factory_box2_list_r .item {
        width: calc((100% - clamp(0.938rem, 0.823rem + 0.49vw, 1.25rem)) / 2);
    }
    .factory_box2_list dd:nth-child(even) .sub_wrap_default {
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
    .factory_box2_list_l .factory_box2_list_item {
        min-height: 250px;
    }
    .team_bars a {
        font-size: 15px;
        padding: 0 16px;
    }
}

@media (max-width: 767px) {
    .factory_box2_list_l .factory_box2_list_item {
        min-height: 200px;
    }
    .team_bars {
        gap: 8px;
    }
    .team_bars a {
        font-size: 14px;
        padding: 0 12px;
        height: 40px;
    }
    .factory_box2_list_item .tt {
        opacity: 1;
        bottom: 0;
    }
    /* 参照 product-carousel-nav @767px 按钮尺寸 */
    .factory-tab-nav .swiper-button-prev,
    .factory-tab-nav .swiper-button-next {
        width: 38px;
        height: 38px;
        --swiper-navigation-size: 16px;
    }
    .factory-tab-nav {
        gap: 10px;
    }
}



/* Team Responsive */
@media (max-width: 991px) {
    .team-desc {
        line-height: 1.65;
    }
    .team-tab {
        font-weight: 500;
    }
}
@media (max-width: 767px) {
    .team-module {
        margin-top: 1.5rem;
    }
    .team-tabs {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
    .team-tab {
        flex: 1 1 33.333%;
        -ms-flex: 1 1 33.333%;
        -webkit-flex: 1 1 33.333%;
        height: 48px;
        font-size: 15px;
        border-left: none;
        border-top: 1px solid #edf1f5;
        border-right: 1px solid #edf1f5;
        border-bottom: 1px solid #edf1f5;
    }
    .team-tab:nth-child(-n+3) {
        border-top: none;
    }
    .team-tab.active::before {
        height: 2px;
    }
}

/* ~~~~~~~~~~~Certificate,css ~~~~~~~~~~~ */
.cerBoxOne1 {
    position: relative;
    padding-top: 65px;
    margin-top: 50px;
}

.cerOne1_prev,
.cerOne1_next {
    position: absolute;
    top: 0;
    font-size: 20px;
    color: #253D4A;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    border: 1px solid #253D4A;
    outline: none;
    cursor: pointer;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.cerOne1_prev {
    right: 40px;
}

.cerOne1_next {
    right: 0;
}

.cerOne1_prev:hover,
.cerOne1_next:hover {
    color: #ffffff;
    background: var(--hue);
    border-color: var(--hue);
}

.cerOne1_lunbo {
    width: 100%;
    margin: 0;
}

.cerOne1_lunbo .item {
    border: clamp(0.125rem, -0.031rem + 0.66vw, 0.625rem) solid #CBCBCB;
}

.cerOne1_lunbo .item img {
    width: 100%;
}

.public_lunbo_dots {
    text-align: center;
    padding-top: clamp(0.75rem, 0.497rem + 1.07vw, 1.563rem);
}

.public_lunbo_dots .swiper-pagination-bullet {
    outline: none;
    opacity: 1;
    width: clamp(0.5rem, 0.344rem + 0.66vw, 1rem);
    height: clamp(0.5rem, 0.344rem + 0.66vw, 1rem);
    border-radius: 50%;
    background: #ffffff;
    margin: 0 clamp(0.25rem, 0.172rem + 0.33vw, 0.5rem);
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    display: inline-block;
    border: 1px solid #D2D2D2;
    cursor: pointer;
}

.public_lunbo_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--hue);
    border-color: var(--hue);
}

/* ~~~~~~~~~~~ ind_box5 生产工艺 ~~~~~~~~~~~ */
.sub_wrap_a_center {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.ind_box5 {
    background: url(../images/ind_bg4.png) no-repeat center center / cover;
}

.ind_box5_bars {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: 8px;
    margin-bottom: clamp(1.25rem, 0.14rem + 4.73vw, 4.875rem);
}

.ind_box5_bars .item {
    text-align: center;
    width: clamp(9.375rem, 8.61rem + 3.27vw, 11.875rem);
    cursor: pointer;
}

.ind_box5_bars .item .num {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: clamp(1.875rem, 1.741rem + 0.57vw, 2.313rem);
    height: clamp(1.875rem, 1.741rem + 0.57vw, 2.313rem);
    border-radius: 50%;
    font-size: clamp(1rem, 0.953rem + 0.2vw, 1.125rem);
    color: var(--hue);
    font-family: "SHARPSANSBOLD";
    background: #fff;
    border: 2px solid var(--hue);
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    margin: 0 auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ind_box5_bars .item .icon {
    height: clamp(0.313rem, 0.236rem + 0.33vw, 0.563rem);
    margin: 8px 0 12px;
}

.ind_box5_bars .item.active .num {
    color: #fff;
    background: var(--hue);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ind_box5_bars .item.active .tt {
    color: var(--hue) !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.ind_box5_scroll_item_l {
    width: 56.68%;
}

.ind_box5_scroll_item_r {
    width: 36%;
}

.ind_box5_scroll_item_r .num {
    line-height: 1.2;
}

.ind_box5_scroll_item_r .tt {
    margin-bottom: 8px;
}

.ind_box5_scroll_item_r .text {
    margin-bottom: clamp(1.25rem, 0.829rem + 1.8vw, 2.625rem);
}

.ind_box5_scroll .swiper-slide {
    opacity: 0 !important;
}

.ind_box5_scroll .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

/* ~~~~~~~~~~~ ind_box6 质量控制 ~~~~~~~~~~~ */
.ind_box6 {
    background: url(../images/ind_bg5.png) no-repeat center center / cover;
}

.ind_box6_l {
    width: 44.6%;
}

.ind_box6_r {
    width: 54%;
}

.ind_box6_r img {
    max-width: none;
}

.ind_box2_t_l_list {
    margin-bottom: clamp(1.25rem, 0.793rem + 1.95vw, 2.5rem);
}

.ind_box2_t_l_list .item {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    line-height: 26px;
    padding: clamp(0.125rem, 0.079rem + 0.2vw, 0.25rem) 0;
}

.ind_box2_t_l_list .item .icon {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    width: 24px;
    color: var(--hue);
    font-size: 18px;
    border-radius: 50%;
}

.ind_box2_t_l_list .item .tt {
    width: calc(100% - 18px);
    padding-left: 10px;
}
@media (max-width: 991px) {
    .cerBoxOne1 {
        margin-top: 20px;
        padding-top: 20px;
    }
}

/* ~~~~~~~~~~~ serBoxOne Service Center ~~~~~~~~~~~ */
.serBoxOne1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.serBoxOne1 .item {
    width: calc(100% / 4);
    text-align: center;
    padding: 0 clamp(0.938rem, 0.645rem + 1.23vw, 1.875rem);
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.serBoxOne1 .item:hover {
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.serBoxOne1 .item .number {
    position: relative;
    font-size: clamp(1.75rem, 0.971rem + 3.28vw, 4.25rem);
    color: var(--hue);
    line-height: 1;
}

.serBoxOne1 .item .number::before {
    content: "";
    display: block;
    position: absolute;
    top: 44%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: clamp(5rem, 3.443rem + 6.56vw, 10rem);
    height: clamp(5rem, 3.443rem + 6.56vw, 10rem);
    border-radius: 50%;
    background: rgba(191,236,245,0.31);
}

.serBoxOne1 .item .number span {
    position: relative;
    z-index: 1;
}

.serBoxOne1 .item .text {
    color: #444444;
    padding-top: clamp(1.75rem, 1.516rem + 0.98vw, 2.5rem);
}

/* ~~~~~~~~~~~ serBoxTwo Service Center - 售前/售中/售后 ~~~~~~~~~~~ */
.serBoxTwo {
    background: #F3F3F3;
}

.serTwo1_01 {
    color: #222222;
    padding-bottom: clamp(1.563rem, 1.27rem + 1.23vw, 2.5rem);
}
.serTwo1_01 h4 {
    font-weight: normal;
}
.serTwo1_01 h5 {
    font-size: 16px;
    color: #666;
    text-transform: uppercase;
    font-weight: normal;
}
.serTwo1_02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 80px;
    row-gap: 45px;
}

.serTwo1_02 .item .img_box {
    border-radius: 10px;
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
    overflow: hidden;
}

.serTwo1_02 .item .img_box img {
    width: 100%;
}

.serTwo1_02 .item:hover .img_box img {
    -ms-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    -ms-transition: all 1.6s;
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}

.serTwo1_02 .item .cen_box {
    padding-top: clamp(0.938rem, 0.645rem + 1.23vw, 1.875rem);
}

.serTwo1_02 .item .cen_box .title {
    color: #222222;
}

.serTwo1_02 .item .cen_box .text {
    color: #444444;
    padding-top: clamp(0.313rem, 0.176rem + 0.57vw, 0.75rem);
}

.serTwo1_02 .item .bot_box {
    padding-top: clamp(0.313rem, 0.215rem + 0.41vw, 0.625rem);
}

.serTwo1_02 .item .bot_box .title {
    color: #444444;
}

.serTwo1_02 .item .bot_box .list {
    padding-top: clamp(0.313rem, 0.215rem + 0.41vw, 0.625rem);
}

.serTwo1_02 .item .bot_box .list div {
    margin-bottom: clamp(0.125rem, 0.086rem + 0.16vw, 0.25rem);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.serTwo1_02 .item .bot_box .list div::before {
    content: "";
    display: block;
    width: clamp(0.375rem, 0.336rem + 0.16vw, 0.5rem);
    height: clamp(0.375rem, 0.336rem + 0.16vw, 0.5rem);
    border-radius: 50%;
    background: #757575;
    margin-top: 8px;
}

.serTwo1_02 .item .bot_box .list div span {
    width: calc(100% - clamp(0.375rem, 0.336rem + 0.16vw, 0.5rem));
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    color: #444444;
    padding-left: 10px;
}

.serTwo2_02 {
    position: relative;
    border-radius: 10px;
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
    overflow: hidden;
}

.serTwo2_02 img {
    width: 100%;
}

.serTwo2_02:hover img {
    -ms-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    -ms-transition: all 1.6s;
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}

.serTwo2_02_content {
    position: absolute;
    right: clamp(0.938rem, 0.451rem + 2.05vw, 2.5rem);
    bottom: 0;
    width: 46%;
    background: var(--hue);
    padding: clamp(1.125rem, 0.697rem + 1.8vw, 2.5rem) clamp(1.25rem, 0.958rem + 1.23vw, 2.188rem);
    -ms-transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    transform: skewX(-12deg);
    -ms-transform-origin: right top;
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

.serTwo2_02_content .box {
    -ms-transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    transform: skewX(12deg);
}

.serTwo2_02_content .title {
    color: #FFFFFF;
}

.serTwo2_02_content .text {
    color: #FFFFFF;
    padding-top: clamp(0.375rem, 0.258rem + 0.49vw, 0.75rem);
}

.serTwo3_02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 25px;
    row-gap: 20px;
}

.serTwo3_02 .item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.serTwo3_02 .item:hover {
    -ms-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.serTwo3_02 .item .icon {
    width: clamp(5rem, 4.066rem + 3.93vw, 8rem);
}

.serTwo3_02 .item .icon img {
    width: 100%;
}

.serTwo3_02 .item .r_box {
    width: calc(100% - clamp(5rem, 4.066rem + 3.93vw, 8rem));
    padding-left: clamp(0.75rem, 0.302rem + 1.89vw, 2.188rem);
}

.serTwo3_02 .item .r_box .title {
    color: #222222;
}

.serTwo3_02 .item .r_box .text {
    color: #444444;
    padding-top: clamp(0.313rem, 0.176rem + 0.57vw, 0.75rem);
}

/* ~~~~~~~~~~~ serBoxThree 服务网络 ~~~~~~~~~~~ */
.serBoxThree1 {
    width: 100%;
}

.serBoxThree1 img,
.serBoxThree1 video {
    width: 100%;
    display: block;
    border-radius: 10px;
}

/* ~~~~~~~~~~~ faqBoxTwo 问题提交表单 ~~~~~~~~~~~ */
.faqBoxTwo1 {
    max-width: 1200px;
    margin: 0 auto;
}

.faqBoxTwo1 form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.faqBoxTwo1 form > .item {
    width: calc((100% - clamp(0.625rem, 0.041rem + 2.46vw, 2.5rem)) / 2);
    margin-bottom: clamp(0.625rem, 0.236rem + 1.64vw, 1.875rem);
}

.faqBoxTwo1 .item .input_tt {
    color: #263D5E;
    padding-bottom: clamp(0.25rem, 0.172rem + 0.33vw, 0.5rem);
}

.faqBoxTwo1 .item .input_tt span {
    color: var(--hue);
}

.faqBoxTwo1 .item input[type="text"],
.faqBoxTwo1 .item input[type="email"],
.faqBoxTwo1 .item input[type="tel"] {
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    color: #888888;
    width: 100%;
    height: clamp(2.375rem, 1.947rem + 1.8vw, 3.75rem);
    background: #E8EAEC;
    border: 1px solid #EBEEF9;
    border-radius: 10px;
    padding: 0 10px 0 15px;
}

.faqBoxTwo1 .item select {
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    color: #888888;
    width: 100%;
    height: clamp(2.375rem, 1.947rem + 1.8vw, 3.75rem);
    background: #E8EAEC;
    border: 1px solid #EBEEF9;
    border-radius: 10px;
    padding: 0 10px 0 15px;
    -webkit-appearance: auto;
}

.faqBoxTwo1 .item ::placeholder {
    color: #888888;
}

.faqBoxTwo1 .item.last {
    width: 100%;
}

.faqBoxTwo1 .item textarea {
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    color: #888888;
    width: 100%;
    height: clamp(5.625rem, 3.484rem + 9.02vw, 12.5rem);
    background: #E8EAEC;
    border: 1px solid #EBEEF9;
    border-radius: 10px;
    padding: 12px 10px 10px 15px;
    resize: none;
}

.faqBoxTwo1 .btn {
    width: 100%;
    text-align: center;
}

.faqBoxTwo1 .btn input[type="submit"] {
    font-size: 16px;
    color: #ffffff;
    width: clamp(8.125rem, 6.373rem + 7.38vw, 13.75rem);
    height: clamp(2.375rem, 2.141rem + 0.98vw, 3.125rem);
    border-radius: 10px;
    background: var(--hue);
    cursor: pointer;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    outline: none;
    border: 0;
}

.faqBoxTwo1 .btn input[type="submit"]:hover {
    opacity: 0.8;
}

/* wpcf7 结构重置 - 去除 Wordpress Contact Form 7 默认样式 */
.faqBoxTwo1 form .wpcf7-form-control-wrap {
    display: block;
}

.faqBoxTwo1 form .wpcf7-form-control-wrap p {
    margin: 0;
}

.faqBoxTwo1 form .wpcf7-response-output {
    display: none;
}

/* faqBoxTwo 表单提示信息 */
.faq-form-msg {
    display: none;
    width: 100%;
    text-align: center;
    padding: clamp(0.5rem, 0.35rem + 0.65vw, 1rem);
    margin-top: clamp(0.5rem, 0.35rem + 0.65vw, 1rem);
    border-radius: 10px;
    font-size: clamp(0.875rem, 0.836rem + 0.16vw, 1rem);
    line-height: 1.6;
}

.faq-form-msg.success {
    display: block;
    background: #E8F5E9;
    color: #2E7D32;
    border: 1px solid #A5D6A7;
}

.faq-form-msg.error {
    display: block;
    background: #FFEBEE;
    color: #C62828;
    border: 1px solid #EF9A9A;
}

/* faqBoxTwo 表单错误状态 - 输入框红框 */
.faqBoxTwo1 .item.has-error input,
.faqBoxTwo1 .item.has-error select,
.faqBoxTwo1 .item.has-error textarea {
    border-color: #C62828;
}

/* ~~~~~~~~~~~ factory_box1 标题间距 ~~~~~~~~~~~ */
.factory_box1 .sub_title1 {
    margin-bottom: clamp(1.875rem, 0.846rem + 4.39vw, 4.688rem);
}

/* ~~~~~~~~~~~ downBoxOne 下载推荐 ~~~~~~~~~~~ */
.downBoxOne1 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.downOne1_l {
    width: 35%;
}

.downOne1_l img {
    width: 100%;
}

.downOne1_r {
    width: 60%;
}

.downOne1_r .text {
    color: #444444;
}

.downOne1_r .btn {
    padding-top: clamp(0.938rem, 0.684rem + 1.07vw, 1.75rem);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.downOne1_r .btn .public_btn1 {
    width: clamp(8.125rem, 6.178rem + 8.2vw, 14.375rem);
}

/* ~~~~~~~~~~~ downBoxTwo 资料下载列表 ~~~~~~~~~~~ */
.downBoxTwo {
    background: #F3F3F3;
}

.downBoxTwo1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 65px;
    row-gap: 20px;
}

.downBoxTwo1 .item a {
    height: 100%;
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #E8EBF1;
    padding: clamp(1.125rem, 0.891rem + 0.98vw, 1.875rem) clamp(0.938rem, 0.451rem + 2.05vw, 2.5rem);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.downBoxTwo1 .item a .img_box {
    width: 30.8%;
    border-radius: 10px;
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
    overflow: hidden;
}

.downBoxTwo1 .item a .img_box img {
    width: 100%;
}

.downBoxTwo1 .item a:hover .img_box img {
    -ms-transform: translateZ(80px);
    -moz-transform: translateZ(80px);
    -webkit-transform: translateZ(80px);
    transform: translateZ(80px);
    -ms-transition: all 1.6s;
    -webkit-transition: all 1.6s;
    transition: all 1.6s;
}

.downBoxTwo1 .item a .r_box {
    width: 63%;
}

.downBoxTwo1 .item a .r_box .title {
    color: #222222;
}

.downBoxTwo1 .item a .r_box .size {
    color: #888888;
    padding-top: clamp(0.188rem, 0.149rem + 0.16vw, 0.313rem);
}

.downBoxTwo1 .item a .r_box .btn {
    width: clamp(8.438rem, 8.145rem + 1.23vw, 9.375rem);
    height: clamp(2.375rem, 2.336rem + 0.16vw, 2.5rem);
    border: 1px solid var(--hue);
    border-radius: 6px;
    overflow: hidden;
    margin-top: clamp(0.938rem, 0.84rem + 0.41vw, 1.25rem);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.downBoxTwo1 .item a .r_box .btn .iconfont {
    width: clamp(2.188rem, 2.09rem + 0.41vw, 2.5rem);
    font-size: clamp(1.5rem, 1.422rem + 0.33vw, 1.75rem);
    color: #ffffff;
    background: var(--hue);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.downBoxTwo1 .item a:hover .r_box .btn .iconfont {
    color: var(--hue);
    background: #ffffff;
}

.downBoxTwo1 .item a .r_box .btn span {
    width: calc(100% - clamp(2.188rem, 2.09rem + 0.41vw, 2.5rem));
    color: var(--hue);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    height: 100%;
}

.downBoxTwo1 .item a:hover .r_box .btn span {
    color: #ffffff;
    background: var(--hue);
}

.downBoxTwo2 {
    padding-top: clamp(2.188rem, 1.603rem + 2.46vw, 4.063rem);
}
.downBoxTwo .btn {
    padding: 0;
}

/* ~~~~~~~~~~~ newsBoxOne 博客列表 ~~~~~~~~~~~ */
.newsBoxOne {
    padding-top: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
    padding-bottom: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
}

/* Tab Navigation */
.news-tab-nav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(0.625rem, 0.428rem + 0.88vw, 1.25rem);
    margin-bottom: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
    position: relative;
}

.news-tab-item {
    display: block;
    padding: clamp(0.5rem, 0.441rem + 0.26vw, 0.688rem) clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
    font-size: clamp(0.938rem, 0.879rem + 0.26vw, 1.125rem);
    color: #444444;
    border-radius: 4px;
    text-decoration: none;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.news-tab-line {
    width: 1px;
    height: 20px;
    background: #666;
    transition: all 0.3s;
    position: relative;
    margin-top: 14px;
    z-index: 1;
}

.news-tab-item.active {
    color: #ffffff;
    background: var(--hue);
}

/* News List */
.news-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.news-item {
    padding: clamp(0.625rem, 0.428rem + 0.88vw, 1.25rem) 0;
}

.news-item:first-child {
    padding-top: 0;
}

.news-item:last-child {
    padding-bottom: 0;
}

.news-item-link {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #f5f5f5;
    border-radius: 10px;
    padding: clamp(0.938rem, 0.645rem + 1.23vw, 1.875rem);
    text-decoration: none;
    color: inherit;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-item-link:hover {
    text-decoration: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.news-pagination-box {
    display: flex;
}
.page-item {
    margin: 0 4px;
}

/* News Item Image */
.news-item-img {
    width: 325px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 8px;
    -ms-perspective: 900px;
    -moz-perspective: 900px;
    -webkit-perspective: 900px;
    perspective: 900px;
}

.news-item-img img {
    width: 100%;
    height: 192px;
    object-fit: cover;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.news-item-link:hover .news-item-img img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/* News Item Content */
.news-item-content {
    width: calc(100% - 325px - clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem));
    margin-left: clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

/* News Item Header (Title + Date) */
.news-item-header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: clamp(0.313rem, 0.254rem + 0.26vw, 0.5rem);
    padding-bottom: clamp(0.625rem, 0.507rem + 0.51vw, 1rem);
    border-bottom: 1px solid #e3e3e3;
}

.news-item-title {
    font-size: clamp(1.125rem, 1.032rem + 0.41vw, 1.438rem);
    font-weight: 600;
    color: #222222;
    line-height: 1.4;
    margin: 0;
    -ms-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-item-link:hover .news-item-title {
    color: var(--hue);
}

.news-item-date {
    font-size: clamp(0.75rem, 0.721rem + 0.13vw, 0.875rem);
    color: #999999;
    white-space: nowrap;
    -ms-flex-negative: 0;
    -webkit-flex-negative: 0;
    flex-shrink: 0;
}

/* News Item Description */
.news-item-desc {
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    color: #666666;
    line-height: 1.7;
    margin: clamp(0.5rem, 0.364rem + 0.57vw, 0.938rem) 0 0;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* News Item "Read More" */
.news-item-more {
    font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    color: var(--hue);
    margin-top: clamp(0.625rem, 0.507rem + 0.51vw, 1rem);
    -ms-align-self: flex-end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-item-link:hover .news-item-more {
    text-decoration: underline;
}

/* Pagination */
.news-pagination-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    gap: clamp(0.625rem, 0.428rem + 0.88vw, 1.25rem);
    margin-top: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
}

.news-page-arrow {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: clamp(2rem, 1.844rem + 0.66vw, 2.5rem);
    height: clamp(2rem, 1.844rem + 0.66vw, 2.5rem);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #666666;
    background: #ffffff;
    text-decoration: none;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.news-page-arrow.prev i {
    transform: rotate(180deg);
}

.news-page-arrow:hover {
    color: #ffffff;
    background: var(--hue);
    border-color: var(--hue);
    text-decoration: none;
}

.news-page-arrow .iconfont {
    font-size: clamp(0.75rem, 0.691rem + 0.26vw, 0.938rem);
}

.news-pagination {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(0.313rem, 0.254rem + 0.26vw, 0.5rem);
}

.page-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: clamp(2rem, 1.844rem + 0.66vw, 2.5rem);
    height: clamp(2rem, 1.844rem + 0.66vw, 2.5rem);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    color: #666666;
    background: #ffffff;
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    cursor: pointer;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.page-item:hover {
    color: #ffffff;
    background: var(--hue);
    border-color: var(--hue);
}

.page-item.active {
    color: #ffffff;
    background: var(--hue);
    border-color: var(--hue);
}

/* ~~~~~~~~~~~ newsBoxOne 响应式 ~~~~~~~~~~~ */
@media (max-width: 991px) {
    .news-item-img {
        width: 100%;
    }

    .news-item-content {
        width: 100%;
        margin-left: 0;
        margin-top: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    }
}

@media (max-width: 767px) {
    .news-tab-nav {
        gap: clamp(0.313rem, 0.254rem + 0.26vw, 0.5rem);
    }

    .news-tab-item {
        flex: 1;
        text-align: center;
        padding: clamp(0.375rem, 0.316rem + 0.26vw, 0.5rem) clamp(0.625rem, 0.507rem + 0.51vw, 1rem);
        font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    }

    .news-item-header {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .news-item-date {
        margin-top: clamp(0.188rem, 0.149rem + 0.16vw, 0.313rem);
    }

    .news-item-desc {
        -webkit-line-clamp: 2;
    }
}

/* ~~~~~~~~~~~ newsDetailBox 新闻详情 ~~~~~~~~~~~ */
.newsDetailBox {
    padding-top: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
    padding-bottom: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
}

.newsDetail-layout {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
}

/* 左侧文章 */
.newsDetail-main {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

.news-article {
    background: #f5f5f5;
    border-radius: 12px;
    padding: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
}

.news-article-title {
    font-size: clamp(1.5rem, 1.292rem + 0.88vw, 2.125rem);
    font-weight: 700;
    color: #222222;
    line-height: 1.35;
    margin: 0 0 clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
}

.news-article-meta {
    border-bottom: 1px solid #dedede;
    margin-bottom: clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
}

.news-article-date {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 6px;
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    color: #888888;
}

.news-article-date svg {
    color: #999999;
}

.news-article-img {
    margin-bottom: clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
    border-radius: 8px;
    overflow: hidden;
}

.news-article-img img {
    width: 100%;
    display: block;
    border-radius: 8px;
}

.news-article-body {
    margin-bottom: clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
}

.news-article-body p {
    font-size: clamp(0.938rem, 0.908rem + 0.13vw, 1.063rem);
    color: #555555;
    line-height: 1.8;
    margin: 0 0 clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    text-align: justify;
}

.news-article-body p:last-child {
    margin-bottom: 0;
}

/* 文章底部 - 分享与返回 */
.news-article-footer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    gap: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    padding-top: clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
    border-top: 1px solid #e8e8e8;
}

.news-share {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 12px;
}

.news-share-label {
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    color: #666666;
    font-weight: 500;
}

.news-share-icons {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3px;
}

.share-icon {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f5f5f5;
    color: #666666;
    text-decoration: none;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.share-icon:hover {
    color: #ffffff;
    text-decoration: none;
}

.share-facebook:hover { background: #1877f2; }
.share-twitter:hover { background: #000000; }
.share-linkedin:hover { background: #0a66c2; }
.share-pinterest:hover { background: #e60023; }
.share-whatsapp:hover { background: #25d366; }
.share-email:hover { background: var(--hue); }

.news-back-btn {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: clamp(0.625rem, 0.507rem + 0.51vw, 1rem) clamp(1.875rem, 1.482rem + 1.65vw, 2.75rem);
    background: var(--hue);
    color: #ffffff;
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.news-back-btn:hover {
    background: #1787b8;
    color: #ffffff;
    text-decoration: none;
}

/* 右侧边栏 */
.newsDetail-sidebar {
    width: clamp(18.75rem, 16.667rem + 8.82vw, 20rem);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sidebar-latest {
    border-radius: 12px;
}

.sidebar-header {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: clamp(0.325rem, 0.507rem + 0.3vw, 0.5rem);
    padding-bottom: clamp(0.625rem, 0.507rem + 0.51vw, 1.2rem);
}

.sidebar-title {
    font-size: clamp(1.125rem, 1.066rem + 0.26vw, 1.313rem);
    font-weight: 700;
    color: #222222;
    margin: 0;
}

.sidebar-more {
    font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    color: var(--hue);
    text-decoration: none;
}

.sidebar-more:hover {
    text-decoration: underline;
}

.sidebar-list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
}

.sidebar-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    background: #f5f5f5;
    border-radius: 8px;
    padding: clamp(0.625rem, 0.507rem + 0.51vw, 1rem);
    text-decoration: none;
    color: inherit;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.sidebar-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.sidebar-item-img {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: clamp(0.5rem, 0.364rem + 0.57vw, 0.938rem);
}

.sidebar-item-img img {
    width: 100%;
    height: clamp(7.5rem, 6.528rem + 4.36vw, 10.625rem);
    object-fit: cover;
    -ms-transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    transition: transform 0.6s;
}

.sidebar-item:hover .sidebar-item-img img {
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sidebar-item-title {
    font-size: clamp(0.938rem, 0.908rem + 0.13vw, 1.063rem);
    font-weight: 600;
    color: #222222;
    line-height: 1.4;
    margin: 0 0 clamp(0.313rem, 0.254rem + 0.26vw, 0.5rem);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -ms-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 10px;
}

.sidebar-item:hover .sidebar-item-title {
    color: var(--hue);
}

.sidebar-item-desc {
    font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    color: #888888;
    line-height: 1.5;
    margin: 0 0 clamp(0.5rem, 0.364rem + 0.57vw, 0.938rem);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-item-meta {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.sidebar-item-date {
    font-size: clamp(0.75rem, 0.721rem + 0.13vw, 0.875rem);
    color: #aaaaaa;
}

.sidebar-item-more {
    font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    color: var(--hue);
    text-decoration: none;
}

.sidebar-item-more:hover {
    text-decoration: underline;
}

/* ~~~~~~~~~~~ newsDetailBox 响应式 ~~~~~~~~~~~ */
@media (max-width: 991px) {
    .newsDetail-layout {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .newsDetail-sidebar {
        width: 100%;
    }
    .link-ain {
        font-size: 13px;
    }
    .a2a_kit a {
        zoom: 0.9;
    }
}

@media (max-width: 767px) {
    .news-article {
        padding: clamp(1.25rem, 0.956rem + 1.23vw, 2.188rem);
    }

    .news-article-footer {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -ms-align-items: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }

    .news-back-btn {
        width: 100%;
    }

}

/* ~~~~~~~~~~~ aboutAuthorBox ~~~~~~~~~~~ */
.aboutAuthorBox {
    padding: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
    background: #f5f5f5;
    border-radius: 10px;
}

.about-author {
    margin: 0 auto;
    text-align: center;
}

.about-author-avatar {
    width: clamp(5rem, 4.414rem + 2.46vw, 6.875rem);
    height: clamp(5rem, 4.414rem + 2.46vw, 6.875rem);
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
    background: #e0e0e0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.about-author-avatar svg {
    width: 70%;
    height: 70%;
}

.about-author-title {
    font-size: clamp(1.25rem, 1.172rem + 0.39vw, 1.563rem);
    font-weight: 700;
    color: #222222;
    margin: 0 0 clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
}

.about-author-desc {
    font-size: clamp(0.938rem, 0.908rem + 0.13vw, 1.063rem);
    color: #666666;
    line-height: 1.8;
    margin: 0;
    text-align: justify;
}

/* ~~~~~~~~~~~ onlineMessageBox 在线留言 ~~~~~~~~~~~ */
.onlineMessageBox {
    padding-top: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
    padding-bottom: clamp(1.875rem, 1.291rem + 2.46vw, 3.75rem);
    background: #ffffff;
}

.onlineMessage {
    margin: 0 auto;
}

.onlineMessage-header {
    text-align: center;
    margin-bottom: clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
}

.onlineMessage-title {
    font-size: clamp(1.5rem, 1.292rem + 0.88vw, 2.125rem);
    font-weight: 700;
    color: #222222;
    margin: 0 0 clamp(0.313rem, 0.254rem + 0.26vw, 0.5rem);
}

.onlineMessage-subtitle {
    font-size: clamp(0.75rem, 0.721rem + 0.13vw, 0.875rem);
    color: #999999;
    letter-spacing: 0.15em;
    margin: 0;
}

.onlineMessage-form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
}

.onlineMessage-row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
}

.onlineMessage-field {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
}

/* floating label */
.floating-field {
    position: relative;
}

.floating-label {
    position: absolute;
    left: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    top: 12px;
    /* -ms-transform: translateY(-50%); */
    /* -webkit-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    color: #999999;
    pointer-events: none;
    -ms-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    background: transparent;
    padding: 0 4px;
    z-index: 2;
    white-space: nowrap;
}

.floating-field .onlineMessage-input,
.floating-field .onlineMessage-textarea {
    position: relative;
    z-index: 1;
}

.floating-field .onlineMessage-input {
    background: transparent;
}

.floating-field .onlineMessage-textarea {
    background: transparent;
}

.floating-field:hover .floating-label,
.floating-field:focus-within .floating-label {
    top: 0;
    -ms-transform: translateY(-50%) scale(0.85);
    -webkit-transform: translateY(-50%) scale(0.85);
    transform: translateY(-50%) scale(0.85);
    color: var(--hue);
    background: #ffffff;
}

.floating-field:hover .onlineMessage-input,
.floating-field:focus-within .onlineMessage-input {
    border-color: var(--hue);
}

.floating-field:hover .onlineMessage-textarea,
.floating-field:focus-within .onlineMessage-textarea {
    border-color: var(--hue);
}

/* when input has value, keep label floating */
.floating-field.has-value .floating-label {
    top: 0;
    -ms-transform: translateY(-50%) scale(0.85);
    -webkit-transform: translateY(-50%) scale(0.85);
    transform: translateY(-50%) scale(0.85);
    color: #666666;
    background: #ffffff;
}

.onlineMessage-input {
    width: 100%;
    height: clamp(2.5rem, 2.266rem + 1.17vw, 3.313rem);
    padding: 0 clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    color: #333333;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -ms-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.onlineMessage-input:focus {
    outline: none;
    border-color: var(--hue);
}

.onlineMessage-textarea {
    width: 100%;
    min-height: clamp(9.375rem, 8.219rem + 5.8vw, 13.75rem);
    padding: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
    color: #333333;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    resize: vertical;
    -ms-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    font-family: inherit;
    line-height: 1.6;
}

.onlineMessage-textarea:focus {
    outline: none;
    border-color: var(--hue);
}

.onlineMessage-field-full {
    width: 100%;
}

.onlineMessage-submit {
    width: 100%;
    height: clamp(3.125rem, 2.836rem + 1.44vw, 4.063rem);
    background: var(--hue);
    color: #ffffff;
    font-size: clamp(1rem, 0.96rem + 0.2vw, 1.188rem);
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -ms-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.onlineMessage-submit:hover {
    background: #1787b8;
}
/* ~~~~~~~~~~~ onlineMessageBox 响应式 ~~~~~~~~~~~ */
@media (max-width: 991px) {
    .onlineMessage-row .onlineMessage-field {
        -ms-flex: 1 1 50%;
        -webkit-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

@media (max-width: 767px) {
    .onlineMessage-row {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .onlineMessage-row .onlineMessage-field {
        -ms-flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}

/* ========================================
   解决方案 Tab 导航
   ======================================== */
.solution-tab-section {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    z-index: 100;
    max-width: 90%;
    margin: 0 auto;
}

.solution-tab-nav {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    max-width: 1200px;
    margin: 0 auto;
}

.solution-tab-item {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    text-align: center;
    padding: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem) clamp(1.25rem, 1.053rem + 0.88vw, 1.875rem);
    font-size: clamp(0.938rem, 0.876rem + 0.31vw, 1.125rem);
    color: #333333;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease, background-color 0.3s ease;
    -webkit-transition: color 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
    border-right: 1px solid #e5e5e5;
    background-color: #ffffff;
}

.solution-tab-item:last-child {
    border-right: none;
}

.solution-tab-item:hover {
    color: var(--hue);
}

.solution-tab-item.active {
    background-color: var(--hue);
    color: #ffffff;
}

.solution-tab-item.active:hover {
    color: #ffffff;
}

/* 响应式 */
@media (max-width: 991px) {
    .solution-tab-section {
        top: 60px;
    }
    
    .solution-tab-item {
        padding: clamp(0.75rem, 0.65rem + 0.5vw, 1rem) clamp(0.625rem, 0.5rem + 0.63vw, 1rem);
        font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    }
}

@media (max-width: 767px) {
    .solution-tab-section {
        top: 50px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .solution-tab-nav {
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        min-width: 100%;
    }
    
    .solution-tab-item {
        flex: 0 0 auto;
        min-width: 25%;
        padding: clamp(0.625rem, 0.5rem + 0.63vw, 0.875rem) clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
        font-size: clamp(0.75rem, 0.721rem + 0.13vw, 0.875rem);
        white-space: nowrap;
    }
}

/* ========================================
   行业介绍模块 Industry Intro
   ======================================== */
.industry-intro-section {
    background-color: #ffffff;
}

.industry-intro-title {
    line-height: 1.3;
    margin: 0 0 clamp(1.25rem, 0.938rem + 1.56vw, 2.125rem);
}

.industry-intro-text {
    font-size: clamp(0.938rem, 0.876rem + 0.31vw, 1.125rem);
    line-height: 1.8;
    color: #555555;
    margin: 0 0 clamp(1.25rem, 0.938rem + 1.56vw, 2.125rem);
    text-align: justify;
}

.industry-intro-images {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    gap: clamp(1rem, 0.782rem + 1.12vw, 1.875rem);
    margin-bottom: clamp(1.25rem, 0.938rem + 1.56vw, 2.125rem);
}

.industry-intro-img {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    overflow: hidden;
    border-radius: 4px;
}

.industry-intro-img img {
    width: 100%;
    height: clamp(18.75rem, 15rem + 18.75vw, 28.125rem);
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
}

.industry-intro-img:hover img {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
}

.industry-intro-subtitle {
    margin: 0 0 clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    font-weight: 600;
    line-height: 1.4;
}

.industry-intro-feature-title {
    margin: 0 0 clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    font-weight: 600;
    color: var(--hue);
    line-height: 1.4;
}

/* 行业介绍响应式 */
@media (max-width: 991px) {
    .industry-intro-images {
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
    }
    
    .industry-intro-img img {
        height: clamp(15rem, 12rem + 15vw, 25rem);
    }
}

@media (max-width: 767px) {
    .industry-intro-section {
        padding: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem) 0;
    }
    
    .industry-intro-title {
        font-size: clamp(1.25rem, 1.063rem + 0.94vw, 1.875rem);
        margin-bottom: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    }
    
    .industry-intro-text {
        font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
        margin-bottom: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    }
    
    .industry-intro-img img {
        height: clamp(12.5rem, 10rem + 12.5vw, 20rem);
    }
    
    .industry-intro-subtitle,
    .industry-intro-feature-title {
        font-size: clamp(1rem, 0.938rem + 0.31vw, 1.25rem);
    }
}

/* ========================================
   Session Box 通用模块样式
   ======================================== */
.session-box {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: clamp(2.5rem, 1.8rem + 3.5vw, 5rem) 0;
}

.session-box .mzbox {
    max-width: 1240px;
    margin: 0 auto;
    padding: 100px 20px;
    position: relative;
}

.session-title {
    text-align: center;
    font-size: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 clamp(1.25rem, 0.938rem + 1.56vw, 2.125rem);
    line-height: 1.4;
    position: relative;
    padding-bottom: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
}

.session-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: var(--hue);
}

.session-content {
    text-align: center;
    font-size: clamp(0.938rem, 0.876rem + 0.31vw, 1.125rem);
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    margin: 0 auto clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
    max-width: 800px;
}

.session-content p {
    margin: 0;
}

.session-list {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    gap: clamp(1rem, 0.782rem + 1.12vw, 1.875rem);
    justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
}

.session-li {
    flex: 0 0 calc((100% - 4 * clamp(1rem, 0.782rem + 1.12vw, 1.875rem)) / 5);
    -ms-flex: 0 0 calc((100% - 4 * clamp(1rem, 0.782rem + 1.12vw, 1.875rem)) / 5);
    -webkit-flex: 0 0 calc((100% - 4 * clamp(1rem, 0.782rem + 1.12vw, 1.875rem)) / 5);
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: clamp(1.25rem, 0.938rem + 1.56vw, 2.125rem) clamp(1rem, 0.782rem + 1.12vw, 1.875rem);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    -webkit-transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}
.session-li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.15);
}
.session-li img {
    transition: all 0.3s;
}
.session-li:hover img {
    transform: rotateY(180deg);
}

.session-li p {
    margin: 0;
}

.session-li p:first-child {
    margin-bottom: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
}

.session-li p:last-child {
    font-size: clamp(0.938rem, 0.876rem + 0.31vw, 1.125rem);
    font-weight: 500;
    color: #ffffff;
    line-height: 1.5;
}

.session-li .img-fluid {
    max-width: 80px;
    max-height: 80px;
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 auto;
    filter: brightness(0) invert(1);
}

/* 行业痛点模块响应式 */
@media (max-width: 991px) {
    .session-li {
        flex: 0 0 calc((100% - 3 * clamp(0.75rem, 0.586rem + 0.87vw, 1.25rem)) / 4);
        -ms-flex: 0 0 calc((100% - 3 * clamp(0.75rem, 0.586rem + 0.87vw, 1.25rem)) / 4);
        -webkit-flex: 0 0 calc((100% - 3 * clamp(0.75rem, 0.586rem + 0.87vw, 1.25rem)) / 4);
    }
}

@media (max-width: 767px) {
    .session-box {
        background-attachment: scroll;
        padding: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem) 0;
    }
    
    .session-title {
        font-size: clamp(1.25rem, 1.063rem + 0.94vw, 1.875rem);
        margin-bottom: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem);
    }
    
    .session-content {
        font-size: clamp(0.875rem, 0.846rem + 0.13vw, 1rem);
        margin-bottom: clamp(1.25rem, 0.938rem + 1.56vw, 2.125rem);
    }
    
    .session-list {
        gap: clamp(0.625rem, 0.5rem + 0.63vw, 0.875rem);
    }
    
    .session-li {
        flex: 0 0 calc((100% - clamp(0.625rem, 0.5rem + 0.63vw, 0.875rem)) / 2);
        -ms-flex: 0 0 calc((100% - clamp(0.625rem, 0.5rem + 0.63vw, 0.875rem)) / 2);
        -webkit-flex: 0 0 calc((100% - clamp(0.625rem, 0.5rem + 0.63vw, 0.875rem)) / 2);
        padding: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem) clamp(0.625rem, 0.5rem + 0.63vw, 0.875rem);
    }
    
    .session-li .img-fluid {
        max-width: 50px;
        max-height: 50px;
    }
    
    .session-li p:last-child {
        font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    }
}

/* ========================================
   行业案例模块 - session-box 变体
   ======================================== */
#session_anli {
    background-color: #f5f5f5;
    background-image: none !important;
}

#session_anli .session-title {
    color: #fff;
}

#session_anli .session-title::after {
    background-color: var(--hue);
}

#session_anli .session-content {
    color: rgba(255, 255, 255, 0.7);
}

#session_anli .session-li {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    color: #333;
}

#session_anli .session-li p:last-child {
    color: #333;
}

#session_anli .session-li .img-fluid {
    filter: none;
}

/* 行业案例模块 */
.industry-case-section {
    width: 100%;
}

.industry-case-section .session-box,
#session_anli {
    /* background-color: #1a2332; */
    /* background-image: none !important; */
    position: relative;
}

/* Swiper 容器 */
.industry-case-swiper {
    padding-bottom: 60px;
}

/* 案例项 */
.industry-case-item {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: clamp(1.5rem, 1rem + 2vw, 3rem);
}

/* 案例信息区 */
.industry-case-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1rem, 0.8rem + 1vw, 1.5rem);
    color: #fff;
}

.industry-case-title {
    font-size: clamp(1.25rem, 1rem + 1vw, 1.75rem);
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: clamp(1rem, 0.8rem + 0.5vw, 1.25rem);
    color: #fff;
}

.industry-case-desc {
    font-size: clamp(0.9375rem, 0.85rem + 0.3vw, 1rem);
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: clamp(1.5rem, 1rem + 1vw, 2rem);
}

.industry-case-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background-color: var(--hue);
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 4px;
    transition: all 0.3s ease;
    width: fit-content;
    cursor: pointer;
}

.industry-case-link:hover {
    background-color: #fff;
    color: var(--hue);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(31, 161, 218, 0.3);
}

.industry-case-link i {
    font-size: 0.875rem;
    transition: transform 0.3s ease;
}

.industry-case-link:hover i {
    transform: translateX(3px);
}

/* 案例图片区 */
.industry-case-img {
    flex: 1;
    max-width: 50%;
    min-width: 0;
    height: 360px;
}

.industry-case-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    display: block;
}

/* Swiper 分页器 */
.industry-case-pagination {
    bottom: 10px !important;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.industry-case-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    opacity: 1;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.industry-case-pagination .swiper-pagination-bullet-active {
    background-color: var(--hue);
    width: 30px;
    height: 10px;
    border-radius: 5px;
}

/* 响应式设计 */
@media (max-width: 991px) {
    .industry-case-item {
        flex-direction: column-reverse;
        gap: 1.5rem;
    }

    .industry-case-img {
        max-width: 100%;
        height: 300px;
    }

    .industry-case-info {
        padding: 1rem 0;
    }
}

@media (max-width: 767px) {
    .industry-case-title {
        font-size: 1.25rem;
    }

    .industry-case-desc {
        font-size: 0.9375rem;
        line-height: 1.7;
    }

    .industry-case-link {
        padding: 0.625rem 1.25rem;
        font-size: 0.875rem;
    }

    .industry-case-img {
        height: 220px;
    }

    .industry-case-swiper {
        padding-bottom: 50px;
    }

    .industry-case-pagination {
        bottom: 5px !important;
    }

    .industry-case-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .industry-case-pagination .swiper-pagination-bullet-active {
        width: 24px;
        height: 8px;
    }
}

/* ========================================
   推荐产品模块
   ======================================== */
.industry-product-section {
    width: 100%;
}

#session_tuijian {
    background-color: #f5f5f5;
    background-image: none !important;
    position: relative;
}

/* 推荐产品标题 */
.recommend-title {
    text-align: center;
    margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem);
}

.recommend-title-en {
    display: block;
    font-size: clamp(0.75rem, 0.65rem + 0.5vw, 1rem);
    letter-spacing: 0.2em;
    color: #999;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.recommend-title-line {
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: var(--hue);
    margin: 0 auto;
}

.recommend-title-cn {
    display: block;
    font-size: clamp(1.75rem, 1.25rem + 2vw, 2.5rem);
    font-weight: 700;
    color: #222;
    margin-top: 0.75rem;
}

/* Swiper 推荐产品容器 */
.recommend-product-swiper {
    padding: 20px 0;
    position: relative;
}

/* 产品卡片 */
.hy-product-card {
    background-color: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
}

.hy-product-card:hover {
    transform: translateY(-5px);
    box-shadow: none;
}

/* 产品图片 */
.product-img {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.product-card:hover .product-img img {
    transform: scale(1.05);
}

/* 产品信息 */
.product-info {
    padding: clamp(1rem, 0.8rem + 0.5vw, 1.25rem);
    text-align: center;
}

.product-name {
    font-size: clamp(1.125rem, 0.9375rem + 0.75vw, 1.5rem);
    font-weight: 700;
    color: #333;
    margin-bottom: 0.75rem;
    transition: color 0.3s ease;
}


.product-desc {
    font-size: clamp(0.875rem, 0.8rem + 0.25vw, 0.9375rem);
    line-height: 1.7;
    color: #666;
}

/* Swiper 导航按钮 */
.swiper-button-next.recommend-next,
.swiper-button-prev.recommend-prev,
.recommend-next,
.recommend-prev {
    position: absolute !important;
    width: 44px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    z-index: 10;
    cursor: pointer;
}
.recommend-next i,
.recommend-prev i {
    font-size: 20px;
}

.swiper-button-next.recommend-next:hover,
.swiper-button-prev.recommend-prev:hover,
.recommend-next:hover,
.recommend-prev:hover {
    background-color: var(--hue);
    color: #fff;
    box-shadow: 0 4px 15px rgba(31, 161, 218, 0.4);
}

/* .swiper-button-next.recommend-next::after,
.swiper-button-prev.recommend-prev::after,
.recommend-next::after,
.recommend-prev::after {
    font-size: 18px;
    font-weight: 700;
} */

.swiper-button-next.recommend-next,
.recommend-next {
    right: -50px;
    left: auto;
}

.swiper-button-prev.recommend-prev,
.recommend-prev {
    left: -50px;
    right: auto;
}
.recommend-prev i {
    transform: rotate(180deg);
}
.indetail .ind_pro_sectitle,
.indetail .ind_pro_text {
    color: #fff;
}
.indetail .ind_pro_text {
    font-size: 20px;
}

/* 响应式设计 - 推荐产品 */
@media (max-width: 991px) {
    .recommend-product-swiper {
        padding: 20px 0 50px;
    }
    .swiper-button-next.recommend-next, .swiper-button-prev.recommend-prev, .recommend-next, .recommend-prev {
        top: auto !important;
        transform: translateY(0) !important;
        bottom: 0;
    }
    .swiper-button-next.recommend-next,
    .recommend-next {
        right: 50%;
        margin-right: -50px;
    }

    .swiper-button-prev.recommend-prev,
    .recommend-prev {
        left: 50%;
        margin-left: -50px;
    }

    .product-img {
        height: 180px;
    }
    .indetail .ind_pro_text {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .recommend-product-swiper {
        padding: 15px 0 36px;
    }

    .swiper-button-next.recommend-next,
    .swiper-button-prev.recommend-prev,
    .recommend-next,
    .recommend-prev {
        width: 36px;
        height: 36px;
    }

    .product-img {
        height: 150px;
    }

    .product-name {
        font-size: 1rem;
    }

    .product-desc {
        font-size: 0.8125rem;
        line-height: 1.6;
    }
}

/* ========================================
   产品详情页 Tab 导航
   ======================================== */
.mt-50 {
    margin-top: -30px;
}
.product-tab-section {
    z-index: 100;
    background-color: #2895e5;
    border-bottom: none;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.product-tab-nav {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin: 0 auto;
    gap: 20px;
    padding: 0 20px;
}

.product-tab-item {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    text-align: center;
    font-size: clamp(0.938rem, 0.876rem + 0.31vw, 1.125rem);
    color: #ffffff;
    text-decoration: none;
    position: relative;
    transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    cursor: pointer;
    background-color: transparent;
    white-space: nowrap;
    padding: 0 clamp(0.625rem, 0.5rem + 0.63vw, 1rem);
}

.product-tab-item:last-child {
    border-right: none;
}

.product-tab-item:hover {
    background-color: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.product-tab-item.active {
    /* background-color: rgba(255, 255, 255, 0.25); */
    color: #ffffff;
}
.product-tab-item span {
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0.938rem, 0.782rem + 0.66vw, 1.25rem) 0;
    border-bottom: 4px solid #2895e5;
}
.product-tab-item.active span {
    border-bottom: 4px solid #fff;
}
.product-tab-item.active:hover {
    background-color: rgba(255, 255, 255, 0.35);
    color: #ffffff;
}

/* 响应式 - Tab 导航 */
@media (max-width: 991px) {
    .product-tab-item {
        padding: clamp(0.75rem, 0.65rem + 0.5vw, 1rem) clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
        font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    }
}

@media (max-width: 767px) {
    .product-tab-section {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .product-tab-nav {
        flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        min-width: 100%;
    }

    .product-tab-item {
        flex: 0 0 auto;
        min-width: 25%;
        padding: clamp(0.625rem, 0.5rem + 0.63vw, 0.875rem) clamp(0.5rem, 0.4rem + 0.5vw, 0.75rem);
        font-size: clamp(0.813rem, 0.784rem + 0.13vw, 0.938rem);
    }
}

/* ========================================
   pro_det_b_tabs_item 及子元素样式 (来自 ck/main.css L3175-L3241)
   ======================================== */
.pro_det_b_tabs_item_l {
    width: 45%;
    max-width: 520px;
}

.pro_det_b_tabs_item_r {
    width: 50%;
}

.pro_det_b_tabs_item_r .quality_box3_list1_item_clm .item {
    padding: 0;
}

.pro_det_b_tabs_item_r .quality_box3_list1_item_clm .item .icon {
    font-size: 18px;
}

.pro_det_b_tabs_item_video a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: clamp(0.625rem, 0.396rem + 0.98vw, 1.25rem);
}

.pro_det_b_tabs_item a > img {
    display: block;
    width: 100%;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.pro_det_b_tabs_item_tt {
    position: absolute;
    left: 0;
    bottom: clamp(0.938rem, -0.046rem + 4.2vw, 3.625rem);
}

.pro_det_b_tabs_item_tt_rela {
    position: relative;
    padding: 0 clamp(0.938rem, 0.48rem + 1.95vw, 2.188rem);
    font-size: clamp(1.5rem, 0.22rem + 5.46vw, 5rem);
}

.pro_det_b_tabs_item_tt_rela::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 60%;
    z-index: 0;
    width: 100%;
    height: clamp(1.25rem, 0.038rem + 5.17vw, 4.563rem);
    background: var(--hue);
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.pro_det_b_tabs_item_tt_rela span {
    position: relative;
    z-index: 2;
}

.pro_det_b_tabs_item_icon {
    position: absolute;
    right: clamp(1.563rem, 0.03rem + 6.54vw, 5.75rem);
    bottom: clamp(0.938rem, -0.183rem + 4.78vw, 4rem);
    width: clamp(3.5rem, 1.945rem + 6.63vw, 7.75rem);
}

.pro_det_b_tabs_item_icon img {
    display: block;
}

.pro_det_b_tabs_item a:hover > img {
    transform: scale(1.03, 1.03);
    -webkit-transform: scale(1.03, 1.03);
}
.pl20 {
    padding-left: 20px;
}

/* ====== 产品技术规格 #session1 模块样式（来自 metv75.css，作用域改为 #session1）====== */
#session1 {
    max-width: 1198px;
    margin: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #d4d4d4;
}

#session1:last-of-type {
    border-bottom: 0;
}

#session1 .session-title {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 50px;
    color: #333;
    margin: 0;
    line-height: 1.4;
}

/* 移除通用 .session-title 的装饰下划线 */
#session1 .session-title::after {
    display: none;
}

#session1 .session-content1 {
    position: relative;
    color: #333;
    text-align: left;
    margin: 0;
    max-width: none;
    font-size: inherit;
    line-height: inherit;
}

#session1 .product-para-ul {
    display: flex;
    justify-content: center;
    row-gap: 30px;
    flex-wrap: wrap;
}

#session1 .product-para-li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    cursor: pointer;
    width: 16.66%;
}

#session1 .product-para-li > div {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
}

#session1 .product-para-li > div span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #333;
    opacity: 0;
    transition: all .3s;
}

#session1 .product-para-li.active > div span {
    opacity: 1;
}

#session1 .product-para-content-ul {
    margin-top: 40px;
}

#session1 .product-para-content-li {
    display: none;
    overflow-x: auto;
}

#session1 .product-para-content-li.active {
    display: block;
}

#session1 table {
    width: 100%;
    min-width: 540px;
}
#session1 table tr:nth-of-type(odd) {
    background-color: #f7f8fa;
}

#session1 table td {
    border: 0;
}

#session1 table tr td {
    width: 30%;
    padding-left: 25px !important;
    /* white-space: pre-line; */
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

#session1 table tr td:first-of-type {
    width: 29%;
    text-align: right;
}

#session1 table tr td:last-of-type {
    width: 41%;
    text-align: left;
}

#session1 table tr td,
#session1 table tr td p {
    text-align: left !important;
}

#session1 table tr td p,
#session1 table tr td p span {
    font-family: "Microsoft YaHei" !important;
    font-size: 15px !important;
}

#session1 table tr td:first-of-type,
#session1 table tr td:first-of-type p {
    text-align: right !important;
}

#session1 .product-para-ul-select {
    align-items: center;
    justify-content: center;
    font-size: 18px;
    gap: 19px;
    display: none;
}

#session1 .product-para-ul-select select {
    width: 100%;
    max-width: 420px;
    padding: 5px 9px;
    border-radius: 5px;
}
.binline {
    width: 100%;
    height: 1px;
}

/* ====== #session1 响应式适配 ====== */
@media screen and (max-width: 1600.1px) {
    #session1 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #session1 .session-title {
        font-size: 32px;
        padding-bottom: 36px;
    }
}

@media screen and (max-width: 1366.1px) {
    #session1 .session-title {
        font-size: 28px;
        padding-bottom: 19px;
    }
    #session1 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1200.1px) {
    #session1 .product-para-li {
        width: 20%;
    }
}

@media screen and (max-width: 1024.1px) {
    #session1 .product-para-ul {
        gap: 7px;
    }
}

@media screen and (max-width: 870.1px) {
    #session1 .product-para-ul {
        display: none !important;
    }
    #session1 .product-para-ul-select {
        display: flex;
    }
}

@media screen and (max-width: 640.1px) {
    #session1 .product-para-ul-select select {
        max-width: unset;
        width: auto;
    }
}

@media screen and (max-width: 480.1px) {
    #session1 table tr > td {
        width: 10%;
    }
    #session1 table tr > td:first-of-type {
        width: 39%;
    }
    #session1 table tr > td:last-of-type {
        width: 51%;
    }
    #session1 .product-para-ul-select > div {
        display: none;
    }
}

/* ====== FAQ 问答模块样式（pro_det_b_tabs_item 子元素，来自 ck/main.css）====== */
.faqBoxOne2 .item {
    margin-bottom: clamp(0.938rem, 0.84rem + 0.41vw, 1.25rem);
    background: #FFFFFF;
    border: 1px solid #E2E5E6;
    padding: clamp(0.875rem, 0.797rem + 0.33vw, 1.125rem) clamp(0.938rem, 0.061rem + 3.69vw, 3.75rem);
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.faqBoxOne2 .item.hover {
    background: var(--hue);
    border-color: var(--hue);
}

.faqBoxOne2 .item.hover .faqOne2_top .text {
    color: #ffffff;
}

.faqBoxOne2 .item.hover .faqOne2_top .iconfont {
    color: #ffffff;
    -ms-transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

.faqOne2_top {
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.faqOne2_top .text {
    width: calc(100% - clamp(2.25rem, 2.114rem + 0.57vw, 2.688rem));
    color: #222222;
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.faqOne2_top .iconfont {
    font-size: clamp(0.75rem, 0.711rem + 0.16vw, 0.875rem);
    color: #222222;
    text-align: center;
    width: clamp(1.625rem, 1.489rem + 0.57vw, 2.063rem);
    height: clamp(1.625rem, 1.489rem + 0.57vw, 2.063rem);
    line-height: clamp(1.625rem, 1.489rem + 0.57vw, 2.063rem);
    -ms-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.faqOne2_bot {
    display: none;
    color: #ffffff;
    padding-top: clamp(0.375rem, 0.297rem + 0.33vw, 0.625rem);
}
.session-title2 {
    font-size: 32px;
    padding-bottom: 36px;
    text-align: center;
}
.session .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.img-cover {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}
.product-detail-box .session-content {
    position: relative
}

.product-detail-box .session .swiper-wrapper {
    align-items: stretch
}

.product-detail-box .session .swiper-slide {
    background-color: #f7f8fa;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto
}

.product-detail-box .session .button-next,
.product-detail-box .session .button-prev {
    position: absolute;
    top: 10px;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}
.product-detail-box .session .button-next i,
.product-detail-box .session .button-prev i {
    font-size: 50px;
}
.product-detail-box .session .button-prev i {
    transform: rotate(180deg);
}

.product-detail-box .session .button-next {
    right: -60px
}

.product-detail-box .session .button-prev {
    left: -60px
}

.product-detail-box #session3 .swiper-slide img {
    max-width: 300px;
    transition: all 0.3s;
}
.product-detail-box .session .swiper-slide:hover img {
    transform: scale(1.1, 1.1);

}
.product-detail-box #session4 .swiper-slide .cover {
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0) 50%);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 35px;
    font-weight: bold;
    font-size: 24px;
    color: #fff
}

/* pro_det_b_spec_list 技术规格列表样式 - from ck/main.css */
.pro_det_b_spec_list_item{
    margin-bottom: clamp(0.938rem, 0.366rem + 2.44vw, 2.5rem);
}

.pro_det_b_spec_list_item_title{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:space-between;
    -ms-justify-content:space-between;
    -webkit-justify-content:space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    padding: 0 clamp(0.625rem, 0.168rem + 1.95vw, 1.875rem);
    cursor: pointer;
    background: #E7F2F6;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.pro_det_b_spec_list_item_title .tt{
    width: calc(100% - clamp(2.5rem, 2.043rem + 1.95vw, 3.75rem));
    color:var(--hue);
    text-transform: uppercase;
}
.pro_det_b_spec_list_item_title .icon{
    width: clamp(2.5rem, 2.043rem + 1.95vw, 3.75rem);
    height: clamp(2.5rem, 2.043rem + 1.95vw, 3.75rem);
    background: url(../img/pro_det_icon1.png) no-repeat center center / clamp(0.875rem, 0.669rem + 0.88vw, 1.438rem) auto;
}
.pro_det_b_spec_list_item_down{
    display: none;
}
.pro_det_b_spec_list_item_down table{
    width: 100%;
    text-align: center;
}
.pro_det_b_spec_list_item_down table tr td{
    padding: 10px 8px;
    border: 1px solid #ddd;
}

.pro_det_b_spec_list_item.hover .pro_det_b_spec_list_item_title{
    background: var(--hue);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.pro_det_b_spec_list_item.hover .pro_det_b_spec_list_item_title .tt{
    color: #fff;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.pro_det_b_spec_list_item.hover .pro_det_b_spec_list_item_title .icon{
    background: url(../img/pro_det_icon1_h.png) no-repeat center center / clamp(0.875rem, 0.669rem + 0.88vw, 1.438rem) auto;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
}

/* ========================================
   产品详情弹窗 Product Modal
   ======================================== */
.product-modal-overlay {
      position: fixed;
    top: -12%;
    left: 0;
    width: 100%;
    
    height: 100%;
    /* background-color: rgba(80, 80, 80, 0.7); */
    display: flex
;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    padding: 20px;
    zoom: .9;
}

.product-modal-overlay.is-open {
    opacity: 1;
    visibility: visible;
}
.guanbi{
    text-align: right;
    font-size: 30px;
}

.product-modal {
    background-color: #ffffff;
    border-radius: 4px;
    width: 100%;
    height: auto;
    position: relative;
   margin-top: 30px;
    transition: transform 0.3s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.product-modal-overlay.is-open .product-modal {
    transform: scale(1);    border: 1px solid #f1f1f1
}

/* 关闭按钮 */
.product-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    border-radius: 50%;
    transition: all 0.2s ease;
    z-index: 2;
}

.product-modal-close:hover {
    background-color: #f5f5f5;
    color: var(--hue);
}

/* 弹窗头部 */
.product-modal-header {
    padding: 40px 40px 20px;
    text-align: center;
}
.product-modal-header2 {
    padding: 10px 40px 10px;
    text-align: center;
}

.product-modal-title {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    line-height: 1.3;
}

/* 弹窗主体 */
.product-modal-body {
    flex: 1;
    overflow-y: auto;
    padding: 0 40px;   
}

/* 区块通用 */
.product-modal-section {
    margin-bottom: 24px;
}

.product-modal-section:last-child {
    margin-bottom: 0;
}

/* 区块标题条 */
.product-modal-section-title {
    background-color: #f0f0f0;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin-bottom: 16px;
    border-left: 3px solid var(--hue);
}

/* 描述列表 - 带勾号 */
.product-modal-features {
    padding-left: 0;
    margin: 0;
}

.product-modal-features p {
    position: relative;
    padding-left: 28px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #555;
    line-height: 1.7;
}

.product-modal-features p i {
    position: absolute;
    left: 2px;
    top: 0;
    color: var(--hue);
    font-weight: bold;
    font-size: 16px;
}

/* 参数列表 - 圆点 */
.product-modal-specs {
        padding-left: 0;
    overflow-x: auto;
    margin: 0;
    height: 500px;
    padding-bottom: 10px;

    /* overflow: hidden; */
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 16px;
}

.product-modal-specs p {
    position: relative;
    padding-left: 16px;
    font-size: 16px;
    color: #555;
    line-height: 2;
}



.spec-highlight {
    color: var(--hue);
    font-weight: 500;
}

.product-modal-specs li:has(.spec-highlight)::before {
    background-color: var(--hue);
}

/* 弹窗底部 */
.product-modal-footer {
    padding: 24px 40px 32px;
    text-align: right;
}

/* 获取报价按钮 */
.product-modal-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--hue);
    color: #ffffff;
    padding: 12px 28px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.25s ease;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.product-modal-cta:hover {
    background-color: #1688b8;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(31, 161, 218, 0.35);
    transform: translateY(-1px);
}

.product-modal-cta svg {
    flex-shrink: 0;
}

/* 响应式 */
@media (max-width: 768px) {
    .product-modal {
        max-width: 100%;
        max-height: 95vh;
        border-radius: 6px;
    }

    .product-modal-header {
        padding: 32px 24px 16px;
    }

    .product-modal-title {
        font-size: 22px;
    }

    .product-modal-body {
        padding: 0 24px;
    }

    .product-modal-footer {
        padding: 20px 24px 24px;
        text-align: center;
    }

    .product-modal-specs {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .product-modal-cta {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .product-modal-section-title {
        padding: 10px 14px;
        font-size: 14px;
    }

    .product-modal-features li {
        font-size: 13px;
    }

    .product-modal-specs li {
        font-size: 13px;
    }
}

/* ========================================
   equipment_list1 及子元素样式 (来自 ck/main.css L2825-L2870)
   用于 product_select.html 选配件列表
   ======================================== */
.equipment_list1{
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    column-gap: clamp(1.25rem, -0.269rem + 3.16vw, 2.5rem);
    row-gap: clamp(0.938rem, -0.202rem + 2.37vw, 1.875rem);
}

.equipment_list1 dd{
    background: #fff;
    border-radius: 10px;
    width: calc((100% - clamp(1.25rem, -0.269rem + 3.16vw, 2.5rem)*2) / 3);
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.equipment_list1 dd img {
    max-width: 100%;
}
.equipment_list1 dd .equipment_list1_con {
    text-align: center;
}

.equipment_list1 dd .public_btn_box {
    justify-content: center;
}
.equipment_list1_con{
    padding: clamp(1.125rem, 0.214rem + 1.9vw, 1.875rem) 10px;
}
.equipment_list1_con .tt{
    color: #444;
    margin-bottom: clamp(0.875rem, 0.267rem + 1.27vw, 1.375rem);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.equipment_list1 dd:hover{
    background: var(--hue);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.equipment_list1 dd:hover .equipment_list1_con .tt{
    color: #fff;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.equipment_list1 dd:hover .equipment_list1_con .public_btn1{
    color: var(--hue);
    background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
}
.bgf3 {
    background: #f3f3f3;
}


.click_inquiry{
    cursor:pointer;
}
.open_inquiry{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.open_inquiry_mask{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(78,78,78,.65);
}

.open_inquiry_con{
    position: fixed;
    left: 50%;
    top: 50%;
    width: 90%;
    max-width: 750px;
    background: #fff;
    transform: translate(-50%,-50%);
}
.open_inquiry_rela{
    position: relative;
    width: 100%;
    padding: clamp(0.938rem, 0.804rem + 0.57vw, 1.375rem);
}

.open_inquiry_close{
    position: absolute;
    right: clamp(0.938rem, 0.804rem + 0.57vw, 1.375rem);
    top: clamp(0.938rem, 0.804rem + 0.57vw, 1.375rem);
    display:flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    justify-content:center;
    -ms-justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items:center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid var(--hue);
    cursor: pointer;
}
.open_inquiry_l{
    width: 290px;
    overflow: hidden;
}
.open_inquiry_l img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.open_inquiry_r{
    width: calc(100% - 290px);
    padding-left: 30px;
}

.open_inquiry_r_title{
    margin-bottom: 10px;
}

.open_inquiry_list dd{
    margin-bottom: 10px;
}
.open_inquiry_list_text,
.open_inquiry_list_area{
    display: block;
    width: 100%;
    height: 42px;
    font-size: 14px;
    color: #333;
    padding-left: 15px;
    border: 1px solid #D8D8D8;
}
.open_inquiry_list_area{
    height: clamp(5rem, 3.929rem + 4.57vw, 8.5rem);
    resize: none;
    padding:10px 10px 0 15px;
    margin-bottom: 10px;
}
.open_inquiry_list_text::-webkit-input-placeholder,
.open_inquiry_list_area::-webkit-input-placeholder{
    color: #999;
}

.open_inquiry_list_btn{
    width: 200px;
    box-shadow: 0 3px 6px rgba(0,0,0,.15);
}

.open_inquiry_list_tip{
    padding-top: 5px;
}