/* Banner区域 */
.solution-banner {
    width: 100%;
    height: 680px;
    margin-top: 70px;
    position: relative;
    overflow: hidden;
}

.solution-banner-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.solution-banner-image img {
    width: 1920px;
    height: 680px;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* 面包屑导航样式 - 参照product-detail.css */
.breadcrumb-wrapper {
    width: 100%;
    background:  rgba(245, 245, 245, 1);
    padding: 20px 0;
    margin-top: 0;
    margin-bottom: 0;
}

.breadcrumb-wrapper .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
}

.breadcrumb-icon-img {
    width: 13px;
    height: 13px;
}

.breadcrumb-text {
    font-size: 14px;
    color: #666;
}

.breadcrumb-link {
    color: rgba(51, 51, 51, 1);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
    font-size: 14px;
    font-weight: 400;
    font-family: "OPPOSans", "Noto Sans SC", "Source Han Sans", "思源黑体", "Microsoft YaHei", sans-serif;
    display: inline-block;
}

.breadcrumb-link:hover {
    color: rgba(8, 110, 114, 1);
}

.breadcrumb-link.active {
    color: rgba(51, 51, 51, 1);
    cursor: default;
}

.breadcrumb-link.active:hover {
    color: rgba(8, 110, 114, 1);
}

.breadcrumb-separator {
    color: #999;
    margin: 0 4px;
}

/* 内容展示区域 */
.solution-showcase {
    background: rgba(245, 245, 245, 1);
    padding: 60px 0;
    margin-bottom: 0;
}

.solution-showcase .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

.solution-showcase-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}

/* 左侧内容区域 */
.solution-showcase-content {
    flex: 1;
    max-width: 600px;
    margin-top: 0;
    margin-bottom: 0;
}

.solution-showcase-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 60px;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 30px;
    margin-top: 0;
}

.solution-showcase-desc {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 40px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 20px;
    padding-top: 0;
}

.solution-showcase-desc p {
    margin: 0;
    padding: 0;
    text-indent: 2em;
}

/* 右侧图片区域 */
.solution-showcase-image {
    flex-shrink: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.solution-showcase-image img {
    width: auto;
    height: auto;
    max-width: 640px;
    max-height: 480px;
    object-fit: contain;
    display: block;
}

.solution-showcase-image-link {
    display: block;
    cursor: pointer;
    text-decoration: none;
}

.solution-showcase-image-link img {
    width: auto;
    height: auto;
    max-width: 640px;
    max-height: 480px;
    object-fit: contain;
    display: block;
}

/* 页面加载动画 */
.solution-banner {
    opacity: 0;
    animation: fadeInBanner 0.8s ease forwards;
}

@keyframes fadeInBanner {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.breadcrumb-wrapper {
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeInBreadcrumb 0.6s ease 0.3s forwards;
}

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

.solution-showcase-content {
    opacity: 0;
    transform: translateX(-30px);
    animation: fadeInContent 0.8s ease 0.5s forwards;
}

@keyframes fadeInContent {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.solution-showcase-image {
    opacity: 0;
    transform: translateX(30px);
    animation: fadeInImage 0.8s ease 0.6s forwards;
}

@keyframes fadeInImage {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 响应式设计 - 平板端 */
@media screen and (max-width: 1200px) {
    .solution-banner {
        height: 500px;
    }
    
    .solution-banner-image img {
        width: 100%;
        height: 500px;
    }
    
    .solution-showcase-wrapper {
        gap: 40px;
    }
    
    .solution-showcase-image img {
        max-width: 500px;
        max-height: 375px;
    }
}

@media screen and (max-width: 992px) {
    .solution-banner {
        height: 450px;
        margin-top: 60px;
    }
    
    .solution-banner-image img {
        height: 450px;
    }
    
    /* 面包屑导航响应式 */
    .breadcrumb-wrapper {
        padding: 15px 0;
    }
    
    .breadcrumb-wrapper .container {
        padding: 0 20px;
    }
    
    .breadcrumb {
        flex-wrap: wrap;
        gap: 6px;
    }
    
    .breadcrumb-text {
        font-size: 13px;
    }
    
    .breadcrumb-link {
        font-size: 13px;
    }
    
    .breadcrumb-icon-img {
        width: 12px;
        height: 12px;
    }
    
    /* 内容展示区域响应式 - 平板 */
    .solution-showcase {
        padding: 40px 0;
    }
    
    .solution-showcase-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    
    /* 左侧内容区域响应式 - 平板端独立控制 */
    .solution-showcase-content {
        max-width: 100%;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .solution-showcase-title {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 20px;
    }
    
    .solution-showcase-desc {
        font-size: 16px;
        line-height: 32px;
        margin-right: 0;
    }
    
    /* 右侧图片区域响应式 - 平板端独立控制 */
    .solution-showcase-image {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .solution-showcase-image img {
        width: 100%;
        max-width: 600px;
        height: auto;
        max-height: none;
    }
}

@media screen and (max-width: 768px) {
    .solution-banner {
        height: 350px;
        margin-top: 60px;
    }
    
    .solution-banner-image img {
        height: 350px;
    }
    
    /* 面包屑导航响应式 */
    .breadcrumb-wrapper {
        padding: 15px 0;
    }
    
    .breadcrumb-wrapper .container {
        padding: 0 20px;
    }
    
    .breadcrumb {
        flex-wrap: wrap;
        gap: 6px;
    }
    
    .breadcrumb-text {
        font-size: 13px;
    }
    
    .breadcrumb-link {
        font-size: 13px;
    }
    
    .breadcrumb-icon-img {
        width: 12px;
        height: 12px;
    }
    
    /* 内容展示区域响应式 - 手机 */
    .solution-showcase {
        padding: 30px 0;
    }
    
    .solution-showcase .container {
        padding: 0 20px;
    }
    
    .solution-showcase-wrapper {
        flex-direction: column;
        gap: 24px;
    }
    
    /* 左侧内容区域响应式 - 手机端独立控制 */
    .solution-showcase-content {
        max-width: 100%;
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .solution-showcase-title {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    
    .solution-showcase-desc {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 0;
        margin-right: 0;
    }
    
    /* 右侧图片区域响应式 - 手机端独立控制 */
    .solution-showcase-image {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .solution-showcase-image img {
        width: 100%;
        height: auto;
        max-width: 100%;
        max-height: none;
    }
}

@media screen and (max-width: 480px) {
    .solution-banner {
        height: 280px;
    }
    
    .solution-banner-image img {
        height: 280px;
    }
    
    /* 面包屑导航响应式 - 小屏手机 */
    .breadcrumb-wrapper {
        padding: 12px 0;
    }
    
    .breadcrumb-wrapper .container {
        padding: 0 15px;
    }
    
    .breadcrumb-text {
        font-size: 12px;
    }
    
    .breadcrumb-link {
        font-size: 12px;
    }
    
    .breadcrumb-icon-img {
        width: 11px;
        height: 11px;
    }
    
    .breadcrumb-separator {
        margin: 0 2px;
    }
    
    /* 内容展示区域响应式 - 小屏手机 */
    .solution-showcase {
        padding: 24px 0;
    }
    
    .solution-showcase .container {
        padding: 0 15px;
    }
    
    .solution-showcase-wrapper {
        gap: 20px;
    }
    
    /* 左侧内容区域响应式 - 小屏手机独立控制 */
    .solution-showcase-content {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .solution-showcase-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 16px;
        margin-top: 0;
    }
    
    .solution-showcase-desc {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0;
    }
    
    /* 右侧图片区域响应式 - 小屏手机独立控制 */
    .solution-showcase-image {
        margin-top: 0;
        margin-bottom: 0;
    }
}

/* 产品优势区域 */
.product-advantages {
    background: rgba(255, 255, 255, 1);
    padding: 80px 0;
}

.product-advantages .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

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

.advantages-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 60px;
    color: rgba(51, 51, 51, 1);
    margin: 0;
}

/* 图标网格布局 */
.advantages-grid {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

/* 零碳园区产品优势网格 - 6个图标 */
.advantages-grid--zero-carbon {
    gap: 30px;
}

.advantages-grid--zero-carbon .advantage-item {
    flex: 0 0 calc(16.666% - 25px);
}

/* 单个优势项 */
.advantage-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* 图标样式 */
.advantage-icon {
    margin-bottom: 20px;
}

.advantage-icon img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: block;
}

/* 文字区域 */
.advantage-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

/* 上行文字 */
.advantage-text-primary {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 40px;
    color: rgba(0, 0, 0, 1);
    margin: 0;
}

/* 下划线 - 每个小标题下方 */
.advantage-underline {
    width: 40px;
    height: 2px;
    background: rgba(89, 195, 225, 1);
    margin: 4px auto;
}

/* 下行文字 */
.advantage-text-secondary {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 24px;
    color: rgba(51, 51, 51, 1);
    margin: 4px 0 0 0;
}

/* 产品优势区域动画 */
.product-advantages {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInAdvantages 0.8s ease 0.7s forwards;
}

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

/* 响应式设计 - 产品优势区域 */
@media screen and (max-width: 1200px) {
    .advantages-grid--zero-carbon {
        gap: 24px;
    }
    
    .advantages-grid--zero-carbon .advantage-item {
        flex: 0 0 calc(33.333% - 16px);
    }
}

@media screen and (max-width: 992px) {
    .product-advantages {
        padding: 60px 0;
    }
    
    .product-advantages .container {
        padding: 0 20px;
    }
    
    .advantages-header {
        margin-bottom: 40px;
    }
    
    .advantages-title {
        font-size: 32px;
        line-height: 48px;
    }
    
    .advantages-grid {
        flex-wrap: wrap;
        gap: 30px;
    }
    
    .advantage-item {
        flex: 0 0 calc(50% - 15px);
    }
    
    .advantages-grid--zero-carbon .advantage-item {
        flex: 0 0 calc(50% - 15px);
    }
    
    .advantage-icon img {
        width: 64px;
        height: 64px;
    }
    
    .advantage-text-primary {
        font-size: 18px;
        line-height: 36px;
    }
    
    .advantage-underline {
        width: 36px;
        height: 2px;
        margin: 3px auto;
    }
    
    .advantage-text-secondary {
        font-size: 14px;
        line-height: 22px;
        margin: 3px 0 0 0;
    }
}

@media screen and (max-width: 768px) {
    .product-advantages {
        padding: 50px 0;
    }
    
    .product-advantages .container {
        padding: 0 20px;
    }
    
    .advantages-header {
        margin-bottom: 30px;
    }
    
    .advantages-title {
        font-size: 28px;
        line-height: 42px;
    }
    
    .advantages-grid {
        gap: 24px;
    }
    
    .advantage-item {
        flex: 0 0 calc(50% - 12px);
    }
    
    .advantages-grid--zero-carbon .advantage-item {
        flex: 0 0 calc(50% - 12px);
    }
    
    .advantage-icon {
        margin-bottom: 16px;
    }
    
    .advantage-icon img {
        width: 56px;
        height: 56px;
    }
    
    .advantage-text {
        gap: 0;
    }
    
    .advantage-text-primary {
        font-size: 16px;
        line-height: 32px;
    }
    
    .advantage-underline {
        width: 32px;
        height: 2px;
        margin: 2px auto;
    }
    
    .advantage-text-secondary {
        font-size: 13px;
        line-height: 20px;
        margin: 2px 0 0 0;
    }
}

@media screen and (max-width: 480px) {
    .product-advantages {
        padding: 40px 0;
    }
    
    .product-advantages .container {
        padding: 0 15px;
    }
    
    .advantages-header {
        margin-bottom: 24px;
    }
    
    .advantages-title {
        font-size: 24px;
        line-height: 36px;
    }
    
    .advantages-grid {
        flex-direction: column;
        gap: 24px;
    }
    
    .advantage-item {
        flex: 1;
    }
    
    .advantage-icon {
        margin-bottom: 12px;
    }
    
    .advantage-icon img {
        width: 48px;
        height: 48px;
    }
    
    .advantage-text-primary {
        font-size: 16px;
        line-height: 28px;
    }
    
    .advantage-underline {
        width: 28px;
        height: 2px;
        margin: 2px auto;
    }
    
    .advantage-text-secondary {
        font-size: 13px;
        line-height: 20px;
        margin: 2px 0 0 0;
    }
}

/* 解决方案系统图区域 */
.solution-system-diagram {
    position: relative;
    width: 100%;
    min-height: 926px;
    overflow: hidden;
}

/* 背景大图 */
.solution-system-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.solution-system-bg img {
    width: 1920px;
    height: 926px;
    object-fit: cover;
    object-position: center center;
    display: block;
}

/* 内容层 */
.solution-system-content {
    position: relative;
    z-index: 2;
    padding: 70px 0;
}

.solution-system-content .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 标题 */
.solution-system-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 60px;
    color: rgba(255, 255, 255, 1);
    margin: 0 0 60px 0;
    text-align: center;
}

/* 下方图片/视频 */
.solution-system-image {
    width: 1184px;
    height: 666px;
}

.solution-system-image img,
.solution-system-image video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 12px;
    box-sizing: border-box;
}

/* 隐藏视频控件按钮（画中画、下载等） */
.solution-system-image video::-webkit-media-controls-enclosure {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-panel {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-play-button {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-timeline {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-current-time-display {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-time-remaining-display {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-mute-button {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-volume-slider {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

.solution-system-image video::-webkit-media-controls-toggle-closed-captions-button {
    display: none !important;
}

/* Firefox */
.solution-system-image video::-moz-media-controls {
    display: none !important;
}

/* 禁用视频上的鼠标交互，防止显示控件 */
.solution-system-image video {
    pointer-events: none;
}

/* 自定义视频播放器样式 */
.video-player-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.video-player-custom {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

.solution-video-custom {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: auto;
}

.video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 48px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    display: flex;
    align-items: center;
    padding: 0 16px;
    gap: 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.video-player-custom:hover .video-controls {
    opacity: 1;
}

.video-play-btn,
.video-volume-btn {
    width: 32px;
    height: 32px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background 0.2s ease;
}

.video-play-btn:hover,
.video-volume-btn:hover {
    background: rgba(255, 255, 255, 0.3);
}

.video-play-btn svg,
.video-volume-btn svg {
    width: 18px;
    height: 18px;
}

.video-progress-container {
    flex: 1;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.video-progress-bar {
    width: 100%;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    position: relative;
}

.video-progress-fill {
    height: 100%;
    background: #076E72;
    border-radius: 2px;
    width: 0%;
    transition: width 0.1s linear;
}

.video-volume-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.video-volume-slider {
    width: 60px;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}

.video-volume-fill {
    height: 100%;
    background: #fff;
    border-radius: 2px;
    width: 70%;
}

.video-time {
    color: #fff;
    font-size: 12px;
    font-family: "Source Han Sans", "Noto Sans SC", sans-serif;
    min-width: 80px;
    text-align: center;
}

/* 响应式样式 */
@media screen and (max-width: 1200px) {
    .video-controls {
        opacity: 1;
        height: 44px;
        padding: 0 12px;
    }
    
    .video-volume-slider {
        width: 50px;
    }
}

@media screen and (max-width: 768px) {
    .video-controls {
        height: 40px;
        padding: 0 10px;
        gap: 8px;
    }
    
    .video-play-btn,
    .video-volume-btn {
        width: 28px;
        height: 28px;
    }
    
    .video-play-btn svg,
    .video-volume-btn svg {
        width: 16px;
        height: 16px;
    }
    
    .video-volume-container {
        display: none;
    }
    
    .video-time {
        font-size: 11px;
        min-width: 70px;
    }
}

/* 解决方案系统图区域动画 */
.solution-system-diagram {
    opacity: 0;
    animation: fadeInSystemDiagram 0.8s ease 0.9s forwards;
}

@keyframes fadeInSystemDiagram {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.solution-system-title {
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInSystemTitle 0.6s ease 1s forwards;
}

@keyframes fadeInSystemTitle {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.solution-system-image {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInSystemImage 0.8s ease 1.1s forwards;
}

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

/* 响应式设计 - 解决方案系统图区域 */
@media screen and (max-width: 1400px) {
    .solution-system-image {
        width: 100%;
        max-width: 1280px;
        height: auto;
    }
    
    .solution-system-image img {
        width: 100%;
        height: auto;
        max-width: 1280px;
    }
}

@media screen and (max-width: 1200px) {
    .solution-system-diagram {
        min-height: auto;
    }
    
    .solution-system-bg img {
        width: 100%;
        height: 100%;
    }
    
    .solution-system-content {
        padding: 60px 0;
    }
    
    .solution-system-title {
        font-size: 36px;
        line-height: 54px;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 992px) {
    .solution-system-content {
        padding: 50px 0;
    }
    
    .solution-system-content .container {
        padding: 0 20px;
    }
    
    .solution-system-title {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .solution-system-content {
        padding: 40px 0;
    }
    
    .solution-system-content .container {
        padding: 0 20px;
    }
    
    .solution-system-title {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 24px;
    }
}

@media screen and (max-width: 480px) {
    .solution-system-content {
        padding: 30px 0;
    }
    
    .solution-system-content .container {
        padding: 0 15px;
    }
    
    .solution-system-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
    }
}

/* 相关产品区域 */
.related-products {
    background: rgba(245, 245, 245, 1);
    padding: 60px 0;
}

.related-products .container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 标题 */
.related-products-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 60px;
    color: rgba(51, 51, 51, 1);
    margin: 0 0 60px 0;
    text-align: center;
}

/* 宽屏卡片轮播容器 */
.wide-card-carousel {
    width: 100%;
    height: 437px;
    position: relative;
    overflow: hidden;
}

/* 宽屏卡片轨道 */
.wide-card-track {
    display: flex;
    height: 100%;
    transition: transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
    gap: 24px;
    will-change: transform;
    padding: 0 calc((100% - 975px) / 2 - 487.5px - 12px);
}

/* 宽屏产品卡片 - 固定尺寸 975px x 437px */
.wide-product-card {
    flex: 0 0 975px;
    width: 975px;
    height: 437px;
    box-sizing: border-box;
    transition: transform 0.5s ease, opacity 0.5s ease-in-out;
    position: relative;
}

.wide-product-card.center {
    opacity: 1;
}

.wide-product-card.side {
    opacity: 1;
}

/* 卡片内容 */
.wide-card-content {
    width: 100%;
    height: 100%;
    border-radius: 40px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 20px 36px rgba(0, 0, 0, 0.04);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 80px;
    box-sizing: border-box;
    overflow: hidden;
}

/* 卡片文本区域 */
.wide-card-text {
    flex: 1;
    max-width: 520px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 40px;
}

.wide-card-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 60px;
    color: rgba(51, 51, 51, 1);
    margin: 0 0 20px 0;
}

.wide-card-desc {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 30px;
    color: rgba(102, 102, 102, 1);
    margin: 0 0 30px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.wide-card-link {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 30px;
    color: rgba(8, 110, 114, 1);
    text-decoration: none;
    transition: opacity 0.3s ease;
    display: inline-block;
}

.wide-card-link:hover {
    opacity: 0.8;
}

/* 卡片图片区域 */
.wide-card-image {
    width: 308.15px;
    height: 260px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wide-card-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

/* 渐变遮罩层 */
.wide-gradient-mask {
    position: absolute;
    top: 0;
    width: calc((100% - 975px) / 2 + 100px);
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.wide-gradient-mask-left {
    left: 0;
    background: linear-gradient(90deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0.8) 29.86%, rgba(245, 245, 245, 0) 100%);
}

.wide-gradient-mask-right {
    right: 0;
    background: linear-gradient(270deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 0.8) 29.86%, rgba(245, 245, 245, 0) 100%);
}

/* 分页器 */
.wide-carousel-pagination {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 55px;
}

.wide-pagination-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 1);
    cursor: pointer;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border: 3px solid rgba(196, 196, 196, 1);
}

.wide-pagination-dot.active {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(8, 110, 114, 1);
    transform: scale(1.2);
}


/* 查看更多产品按钮 */
.view-more-products {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.view-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 168px;
    height: 48px;
    background: linear-gradient(138deg, rgba(7, 110, 114, 1) 0%, rgba(88, 195, 224, 1) 80.55%, rgba(136, 199, 136, 1) 100%);
    border-radius: 24px;
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 23.17px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 相关产品区域动画 */
.related-products {
    opacity: 0;
    animation: fadeInRelatedProducts 0.8s ease 1.2s forwards;
}

@keyframes fadeInRelatedProducts {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.related-products-title {
    opacity: 0;
    transform: translateY(-20px);
    animation: fadeInRelatedTitle 0.6s ease 1.3s forwards;
}

@keyframes fadeInRelatedTitle {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fixed-card-carousel {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInCarousel 0.8s ease 1.4s forwards;
}

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

/* 响应式设计 - 相关产品区域 */
@media screen and (max-width: 1200px) {
    .related-products {
        padding: 60px 0;
    }
    
    .related-products-title {
        font-size: 36px;
        line-height: 54px;
        margin-bottom: 40px;
    }
    
    .wide-card-carousel {
        height: 400px;
    }
    
    .wide-product-card {
        flex: 0 0 800px;
        width: 800px;
        height: 400px;
    }
    
    .wide-card-content {
        padding: 40px 60px;
    }
    
    .wide-card-title {
        font-size: 32px;
        line-height: 48px;
    }
    
    .wide-card-desc {
        font-size: 14px;
        line-height: 26px;
    }
    
    .wide-card-image {
        width: 260px;
        height: 220px;
    }
}

@media screen and (max-width: 992px) {
    .related-products {
        padding: 50px 0;
    }
    
    .related-products .container {
        padding: 0 20px;
    }
    
    .related-products-title {
        font-size: 32px;
        line-height: 48px;
        margin-bottom: 30px;
    }
    
    .fixed-card-wrapper {
        width: 100%;
        height: 400px;
    }
    
    .fixed-product-card {
        height: 400px;
        border-radius: 30px;
    }
    
    .card-content {
        padding: 40px;
        flex-direction: column;
        gap: 20px;
    }
    
    .card-text {
        max-width: 100%;
        text-align: center;
    }
    
    .card-title {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 16px;
    }
    
    .card-desc {
        font-size: 13px;
        line-height: 24px;
        margin-bottom: 20px;
        -webkit-line-clamp: 3;
    }
    
    .card-image {
        width: 200px;
        height: 170px;
    }
    
    .card-gradient-overlay {
        display: none;
    }
    
    .fixed-carousel-pagination {
        margin-top: 30px;
    }
    
    .view-more-products {
        margin-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .related-products {
        padding: 40px 0;
    }
    
    .related-products-title {
        font-size: 28px;
        line-height: 42px;
        margin-bottom: 24px;
    }
    
    .fixed-card-wrapper {
        height: 360px;
    }
    
    .fixed-product-card {
        height: 360px;
        border-radius: 24px;
    }
    
    .card-content {
        padding: 30px;
    }
    
    .card-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 12px;
    }
    
    .card-desc {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 16px;
        -webkit-line-clamp: 3;
    }
    
    .card-link {
        font-size: 14px;
    }
    
    .card-image {
        width: 160px;
        height: 135px;
    }
    
    .fixed-pagination-dot {
        width: 10px;
        height: 10px;
    }
    
    .view-more-btn {
        width: 150px;
        height: 44px;
        font-size: 14px;
    }
}

@media screen and (max-width: 480px) {
    .related-products {
        padding: 30px 0;
    }
    
    .related-products .container {
        padding: 0 15px;
    }
    
    .related-products-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    
    .fixed-card-wrapper {
        height: 340px;
    }
    
    .fixed-product-card {
        height: 340px;
        border-radius: 20px;
    }
    
    .card-content {
        padding: 24px;
    }
    
    .card-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px;
    }
    
    .card-desc {
        font-size: 11px;
        line-height: 18px;
        margin-bottom: 10px;
        -webkit-line-clamp: 3;
    }
    
    .card-link {
        font-size: 13px;
    }
    
    .card-image {
        width: 140px;
        height: 118px;
    }
    
    .fixed-carousel-pagination {
        gap: 8px;
        margin-top: 24px;
    }
    
    .fixed-pagination-dot {
        width: 8px;
        height: 8px;
    }
    
    .view-more-products {
        margin-top: 24px;
    }
    
    .view-more-btn {
        width: 140px;
        height: 40px;
        font-size: 13px;
    }
}

@media print {
    .solution-banner {
        height: 400px;
        margin-top: 0;
    }
    
    .solution-banner-image img {
        width: 100%;
        height: 400px;
    }
}

/* 其他解决方案区域 */
.other-solutions-section {
    padding: 80px 40px;
    background: rgba(255, 255, 255, 1);
}

.other-solutions-header {
    text-align: center;
    margin-bottom: 50px;
}

.other-solutions-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 26px;
    color: rgba(51, 51, 51, 1);
    margin: 0;
    text-align: center;
}

.other-solutions-carousel-wrapper {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.other-solutions-carousel-container {
    overflow: hidden;
    width: 100%;
}

.other-solutions-carousel-track {
    display: flex;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    gap: 30px;
    cursor: grab;
}

.other-solutions-carousel-track:active {
    cursor: grabbing;
}

.other-solutions-carousel-track.dragging {
    transition: none;
}

.other-solution-card {
    flex: 0 0 calc(33.333% - 20px);
    min-width: calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    min-height: 450px;
}

.other-solution-image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
    min-height: 450px;
}

.other-solution-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    margin-top: 0;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding-bottom: 35%;
}

.other-solution-overlay {
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 25%;
    overflow: hidden;
    background: linear-gradient(138deg, rgba(7, 110, 114, 1) 0%, rgba(88, 195, 224, 1) 80.55%, rgba(136, 199, 136, 1) 100%);
    z-index: 1;
    border-radius: 0px 40px 0px 0px;
    box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.08);
}

.other-solution-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 24px 20px;
    box-sizing: border-box;
    z-index: 2;
}

.other-solution-card-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 34.75px;
    color: rgba(255, 255, 255, 1);
    margin: 0 0 8px 0;
}

.other-solution-divider {
    width: 304px;
    height: 0.5px;
    background: rgba(255, 255, 255, 1);
    margin-bottom: 29px;
}

.other-solution-more {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 20.27px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.other-solution-more:hover {
    opacity: 0.8;
}

.other-solutions-carousel-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 40px;
}

.other-solutions-carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: transparent;
    opacity: 1;
    border: 2px solid;
    border-color:rgba(196, 196, 196, 1);
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.other-solutions-carousel-dot:hover {
    transform: scale(1.1);
    border-color: rgba(7, 110, 114, 0.8);
}

.other-solutions-carousel-dot.active {
    background: transparent;
    border: 3px solid;
    border-color: rgba(7, 110, 114, 1);
    transform: scale(1.2);
}

/* 其他解决方案区域响应式 */
@media screen and (max-width: 1200px) {
    .other-solutions-section {
        padding: 60px 20px;
    }
    
    .other-solution-card {
        flex: 0 0 calc(50% - 15px);
        min-width: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
    
    .other-solution-divider {
        width: 100%;
        max-width: 200px;
    }
}

@media screen and (max-width: 768px) {
    .other-solutions-section {
        padding: 50px 20px;
    }
    
    .other-solutions-title {
        font-size: 32px;
    }
    
    .other-solutions-carousel-track {
        gap: 20px;
    }
    
    .other-solution-card {
        flex: 0 0 calc(100% - 10px);
        min-width: calc(100% - 10px);
        max-width: calc(100% - 10px);
        min-height: 350px;
    }
    
    .other-solution-image-wrapper {
        min-height: 350px;
    }
    
    .other-solution-overlay {
        height: 30%;
    }
    
    .other-solution-card-title {
        font-size: 20px;
    }
    
    .other-solution-divider {
        width: 100%;
        max-width: 150px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 480px) {
    .other-solutions-section {
        padding: 40px 15px;
    }
    
    .other-solutions-title {
        font-size: 28px;
    }
    
    .other-solutions-header {
        margin-bottom: 30px;
    }
    
    .other-solution-card {
        min-height: 300px;
    }
    
    .other-solution-image-wrapper {
        min-height: 300px;
    }
    
    .other-solution-card-title {
        font-size: 18px;
        line-height: 28px;
    }
    
    .other-solution-divider {
        max-width: 120px;
        margin-bottom: 10px;
    }
    
    .other-solution-more {
        font-size: 12px;
    }
    
    .other-solutions-carousel-dots {
        margin-top: 30px;
        gap: 12px;
    }
}

/* 查看更多解决方案按钮 */
.view-more-solutions {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.view-more-solutions-btn {
    width: 180px;
    height: 48px;
    border-radius: 24px;
    background: linear-gradient(
138deg, rgba(7, 110, 114, 1) 0%, rgba(88, 195, 224, 1) 80.55%, rgba(136, 199, 136, 1) 100%);
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 48px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(8, 110, 114, 0.3);
}

/* 应用案例区域 */
.application-cases-section {
    padding: 80px 40px;
    background: rgba(245, 245, 245, 1);
    margin-top: -20px;
}

.application-cases-header {
    text-align: center;
    margin-bottom: 50px;
}

.application-cases-title {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 26px;
    color: rgba(51, 51, 51, 1);
    margin: 0;
    text-align: center;
}

.application-cases-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1400px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.case-card {
    width: 428px;
    display: flex;
    flex-direction: column;
}

.case-image-wrapper {
    width: 428px;
    height: 300px;
    overflow: hidden;
    border-radius: 16px 16px 0 0;
}

.case-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.case-info-card {
    width: 428px;
    height: 164px;
    background: rgba(255, 255, 255, 1);
    border-radius: 0 0 16px 16px;
    padding: 20px 24px;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.case-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.case-company-name {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 24px;
    color: rgba(51, 51, 51, 1);
    margin: 0;
}

.case-more-link {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 24px;
    color: rgba(8, 110, 114, 1);
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.case-more-link:hover {
    opacity: 0.8;
}

.case-divider {
    width: 360px;
    height: 0.53px;
    background: rgba(171, 171, 171, 1);
    opacity: 1;
    margin-top:22px;
    margin-bottom: 28px;
}

.case-data {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 24px;
    color: rgba(102, 102, 102, 1);
}

.case-data p {
    margin: 0;
}

/* 持续更新中占位卡片 */
.case-card-placeholder {
    background: rgba(255, 255, 255, 1);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 450px;
}

.case-placeholder-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.case-placeholder-text {
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 24px;
    color: rgba(102, 102, 102, 1);
    text-align: center;
}

/* 查看更多案例按钮 */
.view-more-cases {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.view-more-cases-btn {
    width: 180px;
    height: 48px;
    border-radius: 24px;
    background: linear-gradient(
138deg, rgba(7, 110, 114, 1) 0%, rgba(88, 195, 224, 1) 80.55%, rgba(136, 199, 136, 1) 100%);
    font-family: "Source Han Sans", "思源黑体", "Noto Sans SC", "Microsoft YaHei", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 48px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(8, 110, 114, 0.3);
}

/* 应用案例区域响应式 */
@media screen and (max-width: 1400px) {
    .application-cases-container {
        gap: 24px;
    }
    
    .case-card,
    .case-image-wrapper,
    .case-info-card {
        width: 380px;
    }
    
    .case-card-placeholder {
        width: 380px;
        min-height: 450px;
    }
    
    .case-divider {
        width: 100%;
        max-width: 320px;
    }
}

@media screen and (max-width: 1200px) {
    .application-cases-section {
        padding: 60px 20px;
    }
    
    .case-card,
    .case-image-wrapper,
    .case-info-card {
        width: 340px;
    }
    
    .case-card-placeholder {
        width: 340px;
        min-height: 400px;
    }
    
    .case-image-wrapper {
        height: 240px;
    }
    
    .case-info-card {
        height: 150px;
    }
    
    .case-divider {
        max-width: 280px;
    }
}

@media screen and (max-width: 992px) {
    .application-cases-container {
        gap: 20px;
    }
    
    .case-card,
    .case-image-wrapper,
    .case-info-card {
        width: 100%;
        max-width: 400px;
    }
    
    .case-card-placeholder {
        width: 100%;
        max-width: 400px;
        min-height: 350px;
    }
    
    .case-image-wrapper {
        height: 260px;
    }
}

@media screen and (max-width: 768px) {
    .application-cases-section {
        padding: 50px 20px;
    }
    
    .application-cases-title {
        font-size: 32px;
    }
    
    .application-cases-container {
        flex-direction: column;
        align-items: center;
    }
    
    .case-card,
    .case-image-wrapper,
    .case-info-card {
        width: 100%;
        max-width: 100%;
    }
    
    .case-card-placeholder {
        width: 100%;
        max-width: 100%;
        min-height: 300px;
    }
    
    .case-image-wrapper {
        height: 220px;
    }
    
    .case-info-card {
        height: auto;
        min-height: 140px;
    }
    
    .case-divider {
        width: 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .application-cases-section {
        padding: 40px 15px;
    }
    
    .application-cases-title {
        font-size: 28px;
    }
    
    .application-cases-header {
        margin-bottom: 30px;
    }
    
    .case-image-wrapper {
        height: 180px;
    }
    
    .case-info-card {
        padding: 16px 20px;
        min-height: 120px;
    }
    
    .case-company-name {
        font-size: 16px;
    }
    
    .case-more-link {
        font-size: 14px;
    }
    
    .case-data {
        font-size: 13px;
        line-height: 22px;
    }
    
    .view-more-cases {
        margin-top: 40px;
    }
    
    .view-more-solutions-btn,
    .view-more-cases-btn {
        width: 160px;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }
}