/* 内页轮播图样式 - 无缝版本 */
#InnerBanner {
    width: 100vw !important;
    height: 650px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    overflow: hidden !important;
    background: #000 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    line-height: 0 !important;
    /* 关键：确保与导航栏无缝连接 */
    margin-top: -1px !important;
    position: relative !important;
    top: -1px !important;
}

#InnerBanner .fullSlide {
    width: 100% !important;
    position: relative !important;
    height: 650px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
}

#InnerBanner .fullSlide .bd {
    width: 100% !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 0 !important;
    overflow: hidden !important;
    background: #000 !important;
    height: 650px !important;
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
}

#InnerBanner .fullSlide .bd ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    line-height: 0 !important;
}

#InnerBanner .fullSlide .bd li {
    width: 100% !important;
    height: 650px !important;
    overflow: hidden !important;
    text-align: center !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    /* 修改：使用cover保持比例 */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border: none !important;
    line-height: 0 !important;
}

#InnerBanner .fullSlide .bd li a {
    display: block !important;
    height: 650px !important;
    width: 100% !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 0 !important;
}

#InnerBanner .fullSlide .bd li img {
    width: 100% !important;
    height: 100% !important;
    /* 关键修改：使用cover保持图片比例不变形 */
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    vertical-align: top !important;
    line-height: 0 !important;
}

/* 轮播图控制元素 */
#InnerBanner .fullSlide .hd {
    width: 100% !important;
    position: absolute !important;
    z-index: 1 !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#InnerBanner .fullSlide .hd ul {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#InnerBanner .fullSlide .hd ul li {
    cursor: pointer !important;
    display: inline-block !important;
    width: 22px !important;
    height: 7px !important;
    margin: 5px !important;
    overflow: hidden !important;
    background: #000 !important;
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
    line-height: 999px !important;
}

#InnerBanner .fullSlide .hd ul .on {
    background: #f00 !important;
}

/* 响应式设计 - 保持比例 (1920:650) */
@media screen and (max-width: 1600px) {
    #InnerBanner,
    #InnerBanner .fullSlide,
    #InnerBanner .fullSlide .bd,
    #InnerBanner .fullSlide .bd li,
    #InnerBanner .fullSlide .bd li a {
        height: 542px !important; /* 1600 × (650/1920) = 542px */
    }
}

@media screen and (max-width: 1366px) {
    #InnerBanner,
    #InnerBanner .fullSlide,
    #InnerBanner .fullSlide .bd,
    #InnerBanner .fullSlide .bd li,
    #InnerBanner .fullSlide .bd li a {
        height: 463px !important; /* 1366 × (650/1920) = 463px */
    }
}

@media screen and (max-width: 1200px) {
    #InnerBanner,
    #InnerBanner .fullSlide,
    #InnerBanner .fullSlide .bd,
    #InnerBanner .fullSlide .bd li,
    #InnerBanner .fullSlide .bd li a {
        height: 406px !important; /* 1200 × (650/1920) = 406px */
    }
}

@media screen and (max-width: 1024px) {
    #InnerBanner,
    #InnerBanner .fullSlide,
    #InnerBanner .fullSlide .bd,
    #InnerBanner .fullSlide .bd li,
    #InnerBanner .fullSlide .bd li a {
        height: 347px !important; /* 1024 × (650/1920) = 347px */
    }
}

@media screen and (max-width: 768px) {
    #InnerBanner,
    #InnerBanner .fullSlide,
    #InnerBanner .fullSlide .bd,
    #InnerBanner .fullSlide .bd li,
    #InnerBanner .fullSlide .bd li a {
        height: 260px !important; /* 768 × (650/1920) = 260px */
    }
}

@media screen and (max-width: 480px) {
    #InnerBanner,
    #InnerBanner .fullSlide,
    #InnerBanner .fullSlide .bd,
    #InnerBanner .fullSlide .bd li,
    #InnerBanner .fullSlide .bd li a {
        height: 163px !important; /* 480 × (650/1920) = 163px */
    }
}

/* 额外：针对超宽屏幕的优化 */
@media screen and (min-width: 1921px) {
    #InnerBanner,
    #InnerBanner .fullSlide,
    #InnerBanner .fullSlide .bd,
    #InnerBanner .fullSlide .bd li,
    #InnerBanner .fullSlide .bd li a {
        height: 650px !important; /* 保持原始高度 */
    }
    
    #InnerBanner .fullSlide .bd li img {
        /* 超宽屏幕时图片水平居中显示 */
        object-position: center center !important;
    }
}



/* ========== 产品中心完整CSS样式 ========== */

/* ===== 重置与基础样式 - 添加全局白色背景 ===== */
.product-outer-container * {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

.product-outer-container a {
    text-decoration: none;
}

.product-outer-container ul, 
.product-outer-container ol {
    list-style: none;
}

/* ===== 页面整体背景 ===== */
body {
    background-color: #ffffff !important;
}

.product-outer-container,
.product-outer-container > * {
    background-color: #ffffff !important;
}

/* ===== 外层容器 - 改为白色背景 ===== */
.product-outer-container {
    width: 100%;
    overflow-x: visible;
    position: relative;
    background: #ffffff !important;
    padding: 0;
    transform: translateX(-10%);
    width: 115%; 
}

/* ===== 主容器布局 - 改为白色背景 ===== */
.product-container {
    width: 130%; 
    max-width: 130%;
    margin: 0 auto;
    padding: 20px 0;
    background: #ffffff !important;
    display: flex;
    position: relative;
    min-height: 500px;
}

/* ===== 左侧边栏 - 白色背景 ===== */
.product-sidebar {
    width: 280px !important; 
    margin-right: 25px; 
    border: none;
    background: #ffffff !important;
    padding: 0;
    flex-shrink: 0;
    position: relative;
    align-self: flex-start;
    margin-top: 60px !important; /* 左侧内容下移，与右侧内容平行 */
}
/* 侧边栏标题 - 黑色字体，白色背景 */
.sidebar-title {
    font-size: 24px !important; 
    font-weight: 700 !important;
    color: #000000 !important;
    padding: 20px 0 20px 10px !important;
    margin: 0 0 12px 0 !important; 
    border-bottom: 2px solid #c0c0c0 !important; 
    background: #ffffff !important;
    text-align: left;
    line-height: 1.2;
}

/* 侧边栏导航列表 */
.sidebar-nav-list {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    background: #ffffff !important;
}

.sidebar-nav-list li {
    background: #ffffff !important;
    border-bottom: 1px solid #e0e0e0 !important; 
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.sidebar-nav-list li:last-child {
    border-bottom: none !important;
}

/* 侧边栏导航链接 - 黑色字体，白色背景 */
.sidebar-nav-list li a {
    display: block !important;
    padding: 18px 0 18px 10px !important; 
    color: #000000 !important;
    text-decoration: none !important;
    font-size: 18px !important; 
    line-height: 1.6 !important;
    background: #ffffff !important;
    border: none !important;
    font-weight: 500;
    position: relative;
}

/* 当前选中项 - 保持红色突出，白色背景 */
.sidebar-nav-list li.current a,
.sidebar-nav-list li.active a {
    color: #b71c1c !important;
    font-weight: 700 !important;
    font-size: 19px !important;
    padding-left: 15px !important;
    border-left: 2px solid #b71c1c !important;
    margin-left: -2px !important;
    background: #ffffff !important;
}

/* ===== 右侧主内容区 - 白色背景 ===== */
.product-main {
    flex: 1;
    min-width: 0;
    border: none !important;
    background: #ffffff !important;
    min-height: 850px;
    width: auto !important;
    margin-left: 0 !important;
    position: relative;
    overflow: visible !important;
    padding-left: 0;
    width: 65% !important;
    max-width: 65% !important;
    margin-right: 40px !important; 
}

/* ===== 产品列表区域 - 白色背景 ===== */
.product-list {
    padding: 15px 0 !important;
    background: #ffffff !important;
    width: 100%;
    position: relative;
}

/* ===== 产品网格布局 - 白色背景 ===== */
.product-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    gap: 0 !important;
    align-items: stretch;
    justify-content: flex-start;
}

/* ===== 产品卡片样式 - 白色背景 ===== */
.product-grid .albumblock {
    width: 33.333% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    position: relative;
    height: 500px !important;
    min-height: 500px !important;
    max-height: 500px !important;
    overflow: hidden !important;
    border-right: 1px solid #f0f0f0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* 每行第3个去掉右边框 */
.product-grid .albumblock:nth-child(3n) {
    border-right: none !important;
}

/* 最后一行去掉底边框 */
.product-grid .albumblock:nth-last-child(-n+3) {
    border-bottom: none !important;
}

/* ===== 产品卡片内部容器 - 白色背景 ===== */
.albumblock .inner {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 16px !important;
    border: 1px solid #e8e8e8 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    position: relative;
    overflow: hidden !important;
    border-radius: 6px !important;
    cursor: pointer;
    text-decoration: none !important;
    color: inherit !important;
}

/* ===== 产品图片区域 - 白色背景 ===== */
.albumblock .inner img {
    width: 100% !important;
    height: 280px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important; /* 增加与标题的距离 */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* ===== 产品标题区域 - 白色背景 ===== */
.product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle,
.albumblock .albumtitle,
div.albumblock div.albumtitle,
div.albumtitle,
.albumtitle {
    position: relative !important;
    padding: 8px 0 !important;
    margin: 0 0 20px 0 !important; /* 增加与查看详情的距离 */
    background: #ffffff !important;
    text-align: center !important;
    z-index: 5 !important;
    height: auto !important;
    min-height: 60px; /* 增加最小高度以适应18px字体两行显示 */
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 强制字体大小并确保只显示两行 */
.product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle span,
.albumblock .albumtitle span,
div.albumblock div.albumtitle span,
div.albumtitle span,
.albumtitle span,
span[class*="albumtitle"],
span.albumtitle {
    font-size: 18px !important; /* 与左侧导航字体大小一致 */
    font-weight: 500 !important;
    color: #000000 !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
    background: #ffffff !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* 确保只显示两行 */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding: 0 8px !important;
    margin: 0 !important;
    max-width: 100% !important;
    min-height: 54px !important; /* 18px * 1.5 * 2 = 54px */
    max-height: 54px !important; /* 限制最大高度为两行 */
    word-break: break-word;
    height: auto !important;
}

/* ===== 查看详情区域 - 白色背景 ===== */
.product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link,
.albumblock .inner .product-detail-link,
.product-detail-link,
a.product-detail-link,
div.product-detail-link {
    display: block !important;
    text-align: center !important;
    margin-top: 20px !important;
    padding: 0 !important;
    height: 32px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    visibility: visible !important;
    opacity: 1 !important;
    background: #ffffff !important;
}

.product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text,
.albumblock .inner .product-detail-link .detail-text,
.detail-text,
a.detail-text,
span.detail-text {
    display: inline-block !important;
    font-size: 18px !important; /* 改为18px与左侧一致 */
    color: #1794cb !important;
    text-decoration: none !important;
    background: #ffffff !important;
    padding: 6px 0 !important;
    border: none !important;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
    position: relative;
    padding-left: 20px !important;
    pointer-events: none;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 添加>符号 */
.product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text::before,
.albumblock .inner .product-detail-link .detail-text::before,
.detail-text::before,
a.detail-text::before,
span.detail-text::before {
    content: ">" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #1794cb !important;
    font-size: 18px !important; /* 箭头大小也调整为18px */
    font-weight: bold !important;
    margin-right: 8px !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
}

/* 如果没有product-detail-link，使用伪元素显示查看详情 */
.product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner:not(:has(.product-detail-link))::after,
.albumblock .inner:not(:has(.product-detail-link))::after,
.albumblock .inner .product-detail-link:empty::after {
    content: "> 查看详情" !important;
    display: block !important;
    text-align: center !important;
    font-size: 18px !important; /* 改为18px */
    color: #1794cb !important;
    margin: 20px auto 0 auto !important;
    padding: 6px 0 6px 20px !important;
    border: none !important;
    font-weight: 500;
    line-height: 1.4;
    position: relative;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
}

/* 面包屑导航 - 白色背景 */
.breadcrumb {
    padding: 18px 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    color: #666666 !important;
    font-size: 15px !important;
    background: #ffffff !important;
    font-weight: 500;
    line-height: 1.5;
    width: 100%;
}

.breadcrumb-link {
    color: #555555 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    background: #ffffff !important;
}

.breadcrumb-separator {
    margin: 0 8px !important;
    color: #aaaaaa !important;
    font-size: 15px !important;
    background: transparent !important;
}

/* 间距辅助 */
.spacer {
    height: 15px !important;
    background: #ffffff !important;
    clear: both;
    width: 100%;
    display: block;
}

/* ===== 分页样式 - 白色背景 ===== */
.pagination-container {
    padding: 30px 0 15px !important;
    text-align: center !important;
    background: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
    margin-top: 20px !important;
    clear: both !important;
    width: 100% !important;
}

.pagination {
    display: inline-flex !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    background: #ffffff !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

.pagination li {
    margin: 0 !important;
    background: #ffffff !important;
    display: inline-block;
}

.pagination li a {
    display: block !important;
    padding: 8px 14px !important;
    border: 1px solid #dddddd !important;
    color: #555555 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    background: #ffffff !important;
    min-width: 36px !important;
    text-align: center !important;
    border-radius: 3px !important;
    font-weight: 500;
    line-height: 1.4;
}

.pagination li.active a {
    border-color: #d32f2f !important;
    color: #d32f2f !important;
    font-weight: 700 !important;
    background: #ffffff !important;
}

/* ===== 响应式设计 - 保持白色背景 ===== */

/* 中等屏幕适配 (993px-1200px) */
@media screen and (max-width: 1200px) {
    .product-outer-container {
        transform: translateX(-10%);
        width: 110%;
        background: #ffffff !important;
    }
    
    .product-container {
        width: 120%;
        max-width: 120%;
        background: #ffffff !important;
    }
    
    .product-sidebar {
        width: 250px !important;
        margin-right: 20px !important;
        background: #ffffff !important;
    }
    
    .product-main {
        width: 70% !important;
        max-width: 70% !important;
        margin-right: 30px !important;
        background: #ffffff !important;
    }
    
    .product-grid .albumblock {
        height: 320px !important;
        min-height: 320px !important;
        background: #ffffff !important;
    }
    
    .albumblock .inner img {
        height: 160px !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }
    
    /* 响应式调整字体大小和高度 */
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle,
    .albumblock .albumtitle {
        min-height: 54px; /* 调整最小高度 */
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle span,
    .albumblock .albumtitle span,
    div.albumblock div.albumtitle span,
    div.albumtitle span,
    .albumtitle span,
    span[class*="albumtitle"],
    span.albumtitle {
        font-size: 16px !important;
        min-height: 48px !important; /* 16px * 1.5 * 2 = 48px */
        max-height: 48px !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text,
    .albumblock .inner .product-detail-link .detail-text,
    .detail-text,
    a.detail-text,
    span.detail-text {
        font-size: 16px !important;
        margin-top: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text::before,
    .albumblock .inner .product-detail-link .detail-text::before,
    .detail-text::before,
    a.detail-text::before,
    span.detail-text::before {
        font-size: 16px !important;
        background: transparent !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner .product-detail-link:empty::after {
        font-size: 16px !important;
        background: transparent !important;
    }
}

/* 平板适配 (769px-992px) */
@media screen and (max-width: 992px) {
    .product-outer-container {
        transform: translateX(-5%);
        width: 105%;
        padding: 0 10px;
        background: #ffffff !important;
    }
    
    .product-container {
        width: 110%;
        max-width: 110%;
        padding: 15px 0;
        flex-direction: column;
        background: #ffffff !important;
    }
    
    .product-sidebar {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
        background: #ffffff !important;
    }
    
    .product-main {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        background: #ffffff !important;
    }
    
    .sidebar-title {
        font-size: 22px !important;
        padding: 18px 0 18px 8px !important;
        background: #ffffff !important;
    }
    
    .sidebar-nav-list li a {
        font-size: 16px !important;
        padding: 16px 0 16px 8px !important;
        background: #ffffff !important;
    }
    
    .product-grid .albumblock {
        width: 50% !important;
        height: 320px !important; /* 增加高度以适应更大字体 */
        background: #ffffff !important;
    }
    
    .albumblock .inner img {
        height: 150px !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle,
    .albumblock .albumtitle {
        min-height: 54px;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle span,
    .albumblock .albumtitle span,
    div.albumblock div.albumtitle span,
    div.albumtitle span,
    .albumtitle span,
    span[class*="albumtitle"],
    span.albumtitle {
        font-size: 16px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text,
    .albumblock .inner .product-detail-link .detail-text,
    .detail-text,
    a.detail-text,
    span.detail-text {
        font-size: 16px !important;
        margin-top: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text::before,
    .albumblock .inner .product-detail-link .detail-text::before,
    .detail-text::before,
    a.detail-text::before,
    span.detail-text::before {
        font-size: 16px !important;
        background: transparent !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner .product-detail-link:empty::after {
        font-size: 16px !important;
        background: transparent !important;
    }
}

/* 手机适配 (577px-768px) */
@media screen and (max-width: 768px) {
    .product-outer-container {
        transform: none;
        width: 100%;
        padding: 0 8px;
        background: #ffffff !important;
    }
    
    .product-container {
        width: 100%;
        max-width: 100%;
        background: #ffffff !important;
    }
    
    .product-main {
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
    }
    
    .product-grid .albumblock {
        width: 50% !important;
        height: 300px !important;
        background: #ffffff !important;
    }
    
    .albumblock .inner img {
        height: 140px !important;
        margin-bottom: 12px !important;
        background: #ffffff !important;
    }
    
    .albumblock .albumtitle {
        padding: 6px 0 !important;
        margin-bottom: 15px !important;
        min-height: 48px;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle span,
    .albumblock .albumtitle span,
    div.albumblock div.albumtitle span,
    div.albumtitle span,
    .albumtitle span,
    span[class*="albumtitle"],
    span.albumtitle {
        font-size: 14px !important;
        min-height: 42px !important; /* 14px * 1.5 * 2 = 42px */
        max-height: 42px !important;
        padding: 0 6px !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text,
    .albumblock .inner .product-detail-link .detail-text,
    .detail-text,
    a.detail-text,
    span.detail-text {
        font-size: 14px !important;
        padding-left: 18px !important;
        margin-top: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text::before,
    .albumblock .inner .product-detail-link .detail-text::before,
    .detail-text::before,
    a.detail-text::before,
    span.detail-text::before {
        font-size: 14px !important;
        background: transparent !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner .product-detail-link:empty::after {
        font-size: 14px !important;
        background: transparent !important;
    }
}

/* 小手机适配 (≤576px) */
@media screen and (max-width: 576px) {
    .product-container {
        padding: 12px 0;
        background: #ffffff !important;
    }
    
    .product-grid .albumblock {
        width: 100% !important;
        height: 280px !important;
        border-right: none !important;
        background: #ffffff !important;
    }
    
    .product-grid .albumblock:not(:last-child) {
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    .product-grid .albumblock:last-child {
        border-bottom: none !important;
    }
    
    .albumblock .inner {
        padding: 16px !important;
        background: #ffffff !important;
    }
    
    .albumblock .inner img {
        height: 140px !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }
    
    .albumblock .albumtitle {
        padding: 8px 0 !important;
        margin-bottom: 15px !important;
        min-height: 54px;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .albumtitle span,
    .albumblock .albumtitle span,
    div.albumblock div.albumtitle span,
    div.albumtitle span,
    .albumtitle span,
    span[class*="albumtitle"],
    span.albumtitle {
        font-size: 16px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        padding: 0 8px !important;
        margin-bottom: 15px !important;
        background: #ffffff !important;
    }
    
    .sidebar-title {
        font-size: 20px !important;
        padding: 16px 0 16px 6px !important;
        background: #ffffff !important;
    }
    
    .sidebar-nav-list li a {
        font-size: 14px !important;
        padding: 14px 0 14px 6px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text,
    .albumblock .inner .product-detail-link .detail-text,
    .detail-text,
    a.detail-text,
    span.detail-text {
        font-size: 16px !important;
        padding-left: 20px !important;
        margin-top: 15px !important;
        background: #ffffff !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner .product-detail-link .detail-text::before,
    .albumblock .inner .product-detail-link .detail-text::before,
    .detail-text::before,
    a.detail-text::before,
    span.detail-text::before {
        font-size: 16px !important;
        background: transparent !important;
    }
    
    .product-outer-container .product-container .product-main .product-list .product-grid .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner:not(:has(.product-detail-link))::after,
    .albumblock .inner .product-detail-link:empty::after {
        font-size: 16px !important;
        background: transparent !important;
    }
}

/* ===== 辅助类 ===== */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.hidden { display: none !important; }
.clearfix::after {
    content: "";
    display: table;
    clear: both;
    background: transparent !important;
}

/* 确保所有元素初始可见 */
.product-grid .albumblock {
    opacity: 1 !important;
    visibility: visible !important;
}


/* 产品详情页面样式 - 右边部分 */
#body .product-main {
    width: 824px;
    float: right;
    border: 1px solid #DDDDDD;
    padding-bottom: 50px;
    margin-left: 0; /* 去除左边距 */
}

/* 面包屑导航 - 保持原有样式 */
#body .inner .right .Position {
    font-size: 12px;
    line-height: 33px;
    background: url("/images/jlschinared/box_bg5.jpg") repeat left top;
}

#body .inner .right .Position a {
    color: #666666;
}

#body .inner .right .Position span {
    padding-left: 10px;
}

/* 主内容区域 */
#body .product-main .product-content-container {
    padding: 20px;
    font-size: 16px;
    line-height: 1.8;
    min-height: 400px;
    width: 100%; /* 确保宽度100% */
}

/* 产品详情头部 */
#body .product-main .product-detail {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}

/* 产品图片部分 */
#body .product-main .product-image-section {
    width: 270px;
    flex-shrink: 0;
}

#body .product-main .product-image-link {
    display: block;
    border: 1px solid #DDDDDD;
    padding: 5px;
    background: #FFFFFF;
    text-align: center;
}

#body .product-main .product-main-image {
    width: 100%;
    height: auto;
    max-width: 270px;
    max-height: 270px;
    object-fit: contain;
}

/* 产品信息部分 */
#body .product-main .product-info-section {
    flex: 1;
}

#body .product-main .product-title-container {
    margin-bottom: 15px;
}

#body .product-main .product-title {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    padding: 0;
}

/* 产品元信息 */
#body .product-main .product-meta {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #DDDDDD;
    color: #666666;
    font-size: 14px;
}

#body .product-main .update-time,
#body .product-main .view-count {
    display: inline-block;
}

/* 产品规格 */
#body .product-main .product-specs {
    margin-bottom: 20px;
}

#body .product-main .specs-list {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

#body .product-main .spec-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    font-size: 16px;
}

#body .product-main .spec-label {
    width: 80px;
    color: #666666;
    font-weight: normal;
}

#body .product-main .spec-value {
    color: #333333;
    font-weight: bold;
}

/* 产品操作按钮 - 明确垂直布局 */
#body .product-main .product-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
}

#body .product-main .order-action,
#body .product-main .download-action {
    display: block;
    width: 100%;
}

#body .product-main .download-action a {
    display: inline-flex !important;
    align-items: center !important;
    height: 32px !important;
    padding: 0 15px !important;
    background: #b6120f !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    line-height: 32px !important;
    transition: background-color 0.3s ease !important;
}

#body .product-main .download-action a:hover {
    background: #9e0e0c !important;
}
/* 产品描述 */
#body .product-main .product-description {
    margin-bottom: 40px;
}

#body .product-main .description-title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid  #DDDDDD;
}

#body .product-main .description-content {
    font-size: 16px;
    line-height: 1.8;
    color: #333333;
}

/* 相关产品 */
#body .product-main .related-products {
    margin-top: 30px;
}

#body .product-main .related-title {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #DDDDDD;
}

#body .product-main .related-products-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0;
    margin: 0;
}

/* 保持原有的响应式设计 */
@media (max-width: 1200px) {
    #body .product-container {
        flex-direction: column;
    }
    
    #body .product-sidebar {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
    
    #body .product-main {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    #body .product-main .product-detail {
        flex-direction: column;
        gap: 20px;
    }
    
    #body .product-main .product-image-section {
        width: 100%;
        text-align: center;
    }
    
    #body .product-main .product-main-image {
        max-width: 100%;
        height: auto;
    }
    
    #body .product-main .product-actions {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
}

@media (max-width: 480px) {
    #body .product-main .product-content-container {
        padding: 15px;
    }
    
    #body .product-main .product-title {
        font-size: 20px;
    }
    
    #body .product-main .product-meta {
        flex-direction: column;
        gap: 10px;
    }
}








#body .inner .left{
	border:1px solid #DDDDDD;
	width:240px; /* 增加宽度 */
	float:left;
}
#body .inner .right{
	width:824px; /* 调整宽度以保持总宽度 */
	float:right;
	border:1px solid #DDDDDD;
	padding-bottom:50px;
}
#body .inner .left .Sbox{
	width:240px; /* 同步增加宽度 */
	padding-bottom:10px;
	font-size:16px;
}

/* 强制重置标题样式 */
#body .inner .left .Sbox .topic {
    background: url("/images/jlschinared/topic_bg1.gif") repeat left top !important;
    font-size: 16px !important;
    font-family: "Microsoft Yahei" !important;
    margin: 0 !important;
    line-height: 50px !important;
    height: 50px !important;
    border-bottom: 1px solid #DDDDDD !important;
    padding-left: 10px !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    
    /* 重置可能影响显示的其他属性 */
    position: static !important;
    overflow: visible !important;
    text-indent: 0 !important;
    font-size: 16px !important;
    color: #FFFFFF !important;
}

/* 彻底移除伪元素 */
#body .inner .left .Sbox .topic::before,
#body .inner .left .Sbox .topic::after {
    display: none !important;
    content: "" !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 其他样式保持不变 */
#body .inner .left{
    border:1px solid #DDDDDD;
    width:240px;
    float:left;
}
#body .inner .right{
    width:824px;
    float:right;
    border:1px solid #DDDDDD;
    padding-bottom:50px;
}
#body .inner .left .Sbox{
    width:240px;
    padding-bottom:10px;
    font-size:16px;
}

#body .inner .left .Sbox .blank ul {
    padding:0;
    margin:0;
}
#body .inner .left .Sbox .blank ul li{
    cursor:pointer;
    height:48px;
    display:flex;
    align-items:center;
}
#body .inner .left .Sbox .blank .current a{
    background:#b6120f;
    border-bottom:1px solid #FFFFFF;
}	
#body .inner .left .Sbox .blank .current a{
    color:#FFFFFF;
}
#body .inner .left .Sbox .blank ul li a{
    display:flex;
    align-items:center;
    height:48px;
    width:100%;
    padding-left:30px;
    border-bottom:1px dotted #DDDDDD;
    background:url("/images/jlschinared/link_bg2.gif") no-repeat 12px center;
}	
#body .inner .left .Sbox .blank ul li a:hover{
    background:#b6120f;
    border-bottom:1px solid #FFFFFF;
    color:#FFFFFF;
    text-decoration:none;
}

#body .inner .left .Sbox .list dl{
    padding:0px 10px;
}
#body .inner .left .Sbox .list dl dt{
    font-family:Arial;
    color:#666666;
    line-height:42px;
    font-size:16px;
}

#body .inner .left .Sbox .list dl dd{
    line-height:42px;
    border-bottom:1px dotted #DDDDDD;
    background:url("/images/title_icon1.jpg") no-repeat 0px 16px;
    padding-left:10px;
}
#body .inner .left .Sbox .txt{
    padding:10px;
    font-size:16px;
}
	
#body .inner .right  .Position{
    font-size:12px;
    line-height:33px;
    background:url("/images/jlschinared/box_bg5.jpg") repeat left top;
}
#body .inner .right  .Position a{
    color:#666666;
}
#body .inner .right  .Position span{
    padding-left:10px;
}

#body .inner .right .main{
    width:100%;
    float:left;
    padding:20px;
    font-size:16px;
    line-height:1.8;
    min-height:400px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.CaseBlock ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;     padding: 0 !important;
    margin: 0 !important;
}

.albumblock {
    width: calc(25% - 12px) !important; 
    margin: 0 !important;
}

@media (max-width: 1200px) {
    .albumblock {
        width: calc(33.333% - 12px) !important; 
    }
}

@media (max-width: 768px) {
    .albumblock {
        width: calc(50% - 12px) !important; 
    }
    
    .CaseBlock ul {
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .albumblock {
        width: calc(100% - 12px) !important; 
    }
}

.CaseBlock ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.albumblock {
    width: calc(25% - 12px) !important;
    margin: 0 !important;
}

.albumblock .inner,
.albumblock .inner * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.albumtitle,
.albumblock .albumtitle,
.CaseBlock .albumblock .albumtitle {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.albumtitle a,
.albumblock .albumtitle a {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

.albumblock img {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    display: block;
    vertical-align: bottom;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .albumblock {
        width: calc(33.333% - 12px) !important;
    }
}

@media (max-width: 768px) {
    .albumblock {
        width: calc(50% - 12px) !important;
    }
}

@media (max-width: 480px) {
    .albumblock {
        width: calc(100% - 12px) !important;
    }
}




/* ============================================
   解决方案页面专用样式 
   ============================================ */

/* 强制整个页面全屏宽度 */
body.solution-page {
    background: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* 解决方案容器 - 强制全屏 */
.solution-container {
    width: 100vw !important;
    max-width: 100vw !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* 隐藏左边栏 */
.solution-container .left {
    display: none !important;
}

/* 位置导航样式 - 强制全屏 */
body.solution-page .Position {
    width: 100vw !important;
    background: url("/images/jlschinared/box_bg5.jpg") repeat left top !important;
    padding: 0 40px !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
    border: none !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

body.solution-page .Position span {
    display: block !important;
    line-height: 33px !important;
    font-size: 12px !important;
    border: none !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}

body.solution-page .Position a {
    color: #666666 !important;
    text-decoration: none !important;
}

body.solution-page .Position a:hover {
    color: #b6120f !important;
    text-decoration: underline !important;
}

/* ====== 调整内容区与位置导航的距离 ====== */
/* 在位置导航下方增加间距 */
body.solution-page .Position {
    margin-bottom: 40px !important; /* 增加底部间距 */
}

/* 解决方案网格容器 - 强制全屏，并调整顶部间距 */
.solutions-grid-container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 40px !important;
    background: transparent !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* 移除分隔元素 */
body.solution-page .HeightTab,
body.solution-page .clearfix {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

/* 主内容区域 - 强制全屏 */
.solution-container .main {
    padding: 0 !important;
    margin: 0 !important;
    width: 100vw !important;
    background: transparent !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* ==== 三列网格布局 ==== */
.solutions-grid-three-col {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    margin-bottom: 60px !important;
    width: 100% !important;
    padding: 0 !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
}

/* ====== 解决方案卡片 ====== */
.solution-card-modern {
    position: relative !important;
    height: 480px !important;
    overflow: visible !important;
    cursor: pointer !important;
    background: transparent !important;
    transition: all 0.3s ease !important;
    transform: translateY(0) !important;
    border: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ====== 图片容器 - 悬浮时无动画 ====== */
.card-image-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
    overflow: hidden !important;
    background: transparent !important;
    flex-shrink: 0 !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
    transition: box-shadow 0.3s ease !important;
}

.card-bg-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    /* 移除图片缩放过渡，悬浮时无动画 */
}

/* 图片容器悬浮时阴影加深 */
.solution-card-modern:hover .card-image-wrapper {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}

/* ====== 标题区域 - 往上一点 ====== */
.card-overlay-content {
    position: relative !important;
    width: 85% !important;
    height: 180px !important;
    background: #f8f9fa !important;
    padding: 25px !important;
    margin: -30px auto 0 auto !important; /* 负边距从-25px增加到-30px，更往上 */
    z-index: 2 !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(233, 236, 239, 0.5) !important;
    flex-grow: 0 !important;
}

/* 定义蓝色变量，确保颜色一致 */
:root {
    --card-blue: rgba(33, 150, 243, 0.95);
    --card-blue-border: rgba(33, 150, 243, 0.8);
}

/* 悬停时标题区变蓝色，上移 */
.solution-card-modern:hover .card-overlay-content {
    background: var(--card-blue) !important;
    transform: translateY(-8px) !important; /* 上移更多 */
    width: 88% !important;
    border-color: var(--card-blue-border) !important;
    box-shadow: 0 8px 25px rgba(33, 150, 243, 0.2) !important;
}

/* 点击时标题区变蓝色，上移更多 */
.solution-card-modern.active .card-overlay-content {
    background: var(--card-blue) !important;
    transform: translateY(-20px) !important; /* 点击时上移更多 */
    width: 88% !important;
    border-color: var(--card-blue-border) !important;
    box-shadow: 0 8px 25px rgba(33, 150, 243, 0.2) !important;
}

/* 整个卡片悬停效果 */
.solution-card-modern:hover {
    transform: translateY(-5px) !important;
}

/* 卡片点击效果 */
.solution-card-modern.active {
    transform: translateY(-3px) !important;
}

/* ====== 标题内容 ====== */
.title-container {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.card-header {
    margin-bottom: 15px !important;
}

.card-title {
    font-size: 1.3rem !important;
    color: #333 !important;
    margin: 0 !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    transition: color 0.3s ease !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    max-height: 3.5em !important;
    min-height: 3em !important;
}

.solution-card-modern.active .card-title,
.solution-card-modern:hover .card-title {
    color: #fff !important;
}

/* ====== 移除货号显示 ====== */
.card-code {
    display: none !important;
}

/* ====== 移除描述区域 ====== */
.card-body {
    display: none !important;
}

/* ====== 底部按钮 - 背景色与标题区一致，无发光效果 ====== */
.card-footer {
    opacity: 1 !important;
    transform: translateY(0) !important;
    text-align: center !important;
    margin-top: 20px !important;
}

.card-btn {
    display: inline-block !important;
    padding: 8px 28px !important;
    background: transparent !important;
    color: #666 !important;
    text-decoration: none !important;
    border: 1px solid #ddd !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    border-radius: 4px !important;
    min-width: 140px !important;
    /* 移除所有发光效果 */
    box-shadow: none !important;
}

/* 悬停时按钮变蓝色（和标题区一致） */
.card-btn:hover {
    background: var(--card-blue) !important; /* 使用相同的蓝色 */
    color: white !important;
    border-color: #fff !important; /* 边框白色 */
    transform: translateY(-2px) !important;
}

/* 卡片悬停时按钮样式 */
.solution-card-modern:hover .card-btn {
    background: var(--card-blue) !important; /* 和标题区相同的蓝色 */
    color: white !important;
    border-color: #fff !important; /* 边框白色 */
    transform: translateY(-2px) !important;
    /* 无发光效果 */
    box-shadow: none !important;
}

/* 卡片点击时按钮样式 */
.solution-card-modern.active .card-btn {
    background: var(--card-blue) !important; /* 和标题区相同的蓝色 */
    color: white !important;
    border-color: #fff !important; /* 边框白色 */
    transform: translateY(-2px) !important;
    /* 无发光效果 */
    box-shadow: none !important;
}

/* 卡片悬停/点击时按钮悬停效果 */
.solution-card-modern.active .card-btn:hover,
.solution-card-modern:hover .card-btn:hover {
    background: rgba(33, 150, 243, 1) !important; /* 完全不透明的蓝色 */
    color: white !important;
    border-color: #fff !important;
    /* 无发光效果 */
    box-shadow: none !important;
}

/* ====== 移除不需要的元素 ====== */
.image-overlay,
.card-hover-effect,
.btn-icon {
    display: none !important;
}

/* ==== 分页样式 - 强制全屏 ==== */
.pagination-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
    clear: both !important;
    text-align: center !important;
    margin: 60px 0 40px 0 !important;
    padding: 35px 40px !important;
    border-top: 2px solid #f0f0f0 !important;
    background: #f9f9f9 !important;
    box-sizing: border-box !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* ==== 响应式设计 ==== */
@media (max-width: 1400px) {
    .solutions-grid-three-col {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
    }
    
    .solution-card-modern {
        height: 460px !important;
    }
    
    .card-image-wrapper {
        height: 280px !important;
    }
    
    .card-overlay-content {
        width: 88% !important;
        height: 170px !important;
        margin-top: -25px !important; /* 响应式调整 */
        padding: 20px !important;
    }
    
    .solution-card-modern:hover .card-overlay-content {
        width: 90% !important;
        transform: translateY(-8px) !important;
    }
    
    .solution-card-modern.active .card-overlay-content {
        transform: translateY(-15px) !important;
    }
    
    .card-title {
        font-size: 1.2rem !important;
    }
    
    /* 响应式调整位置导航间距 */
    body.solution-page .Position {
        margin-bottom: 35px !important;
    }
}

@media (max-width: 1200px) {
    .solutions-grid-three-col {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 25px !important;
        max-width: 1200px !important;
    }
    
    .solution-card-modern {
        height: 440px !important;
    }
    
    .card-image-wrapper {
        height: 260px !important;
    }
    
    .card-overlay-content {
        width: 90% !important;
        height: 170px !important;
        padding: 18px !important;
        margin-top: -25px !important;
    }
    
    .solution-card-modern:hover .card-overlay-content {
        width: 92% !important;
        transform: translateY(-8px) !important;
    }
    
    .solution-card-modern.active .card-overlay-content {
        transform: translateY(-15px) !important;
    }
    
    .card-title {
        font-size: 1.15rem !important;
    }
    
    /* 响应式调整位置导航间距 */
    body.solution-page .Position {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 1024px) {
    .solutions-grid-three-col {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 25px !important;
        max-width: 900px !important;
    }
    
    .solution-card-modern {
        height: 440px !important;
    }
    
    .card-image-wrapper {
        height: 260px !important;
    }
    
    .card-overlay-content {
        width: 85% !important;
        height: 170px !important;
        margin-top: -30px !important;
        padding: 20px !important;
    }
    
    .solution-card-modern:hover .card-overlay-content {
        width: 88% !important;
        transform: translateY(-8px) !important;
    }
    
    .solution-card-modern.active .card-overlay-content {
        transform: translateY(-15px) !important;
    }
    
    /* 边距调整 */
    .solutions-grid-container,
    .pagination-wrapper,
    body.solution-page .Position {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    
    .card-title {
        font-size: 1.1rem !important;
    }
    
    .card-btn {
        min-width: 130px !important;
        padding: 7px 24px !important;
    }
    
    /* 响应式调整位置导航间距 */
    body.solution-page .Position {
        margin-bottom: 25px !important;
    }
}

@media (max-width: 768px) {
    .solutions-grid-three-col {
        grid-template-columns: 1fr !important;
        gap: 25px !important;
        max-width: 500px !important;
    }
    
    .solution-card-modern {
        height: 420px !important;
        max-width: 500px !important;
        margin: 0 auto !important;
    }
    
    .card-image-wrapper {
        height: 240px !important;
    }
    
    .card-overlay-content {
        width: 80% !important;
        height: 170px !important;
        margin-top: -35px !important;
        padding: 18px !important;
    }
    
    .solution-card-modern:hover .card-overlay-content {
        width: 85% !important;
        transform: translateY(-8px) !important;
    }
    
    .solution-card-modern.active .card-overlay-content {
        transform: translateY(-15px) !important;
    }
    
    /* 边距调整 */
    .solutions-grid-container,
    .pagination-wrapper,
    body.solution-page .Position {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    
    .card-title {
        font-size: 1.05rem !important;
    }
    
    .card-btn {
        min-width: 120px !important;
        padding: 6px 22px !important;
        font-size: 0.9rem !important;
    }
    
    /* 响应式调整位置导航间距 */
    body.solution-page .Position {
        margin-bottom: 20px !important;
    }
    
    .pagination-wrapper {
        margin: 50px 0 30px 0 !important;
        padding: 30px 25px !important;
    }
}

@media (max-width: 576px) {
    .solution-card-modern {
        height: 400px !important;
    }
    
    .card-image-wrapper {
        height: 220px !important;
    }
    
    .card-overlay-content {
        width: 85% !important;
        height: 170px !important;
        margin-top: -30px !important;
        padding: 15px !important;
    }
    
    .solution-card-modern:hover .card-overlay-content {
        width: 90% !important;
        transform: translateY(-8px) !important;
    }
    
    .solution-card-modern.active .card-overlay-content {
        transform: translateY(-15px) !important;
    }
    
    /* 边距调整 */
    .solutions-grid-container,
    .pagination-wrapper,
    body.solution-page .Position {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    body.solution-page .Position {
        margin-bottom: 15px !important;
        padding: 0 20px !important;
    }
    
    .card-title {
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }
    
    .card-btn {
        padding: 5px 20px !important;
        font-size: 0.85rem !important;
        min-width: 110px !important;
    }
    
    .pagination-wrapper {
        margin: 40px 0 25px 0 !important;
        padding: 25px 20px !important;
    }
}

@media (max-width: 400px) {
    .solution-card-modern {
        height: 380px !important;
    }
    
    .card-image-wrapper {
        height: 200px !important;
    }
    
    .card-overlay-content {
        width: 90% !important;
        height: 170px !important;
        margin-top: -25px !important;
        padding: 12px !important;
    }
    
    .solution-card-modern:hover .card-overlay-content {
        width: 95% !important;
        transform: translateY(-8px) !important;
    }
    
    .solution-card-modern.active .card-overlay-content {
        transform: translateY(-15px) !important;
    }
    
    /* 边距调整 */
    .solutions-grid-container,
    .pagination-wrapper,
    body.solution-page .Position {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    body.solution-page .Position {
        margin-bottom: 12px !important;
        padding: 0 15px !important;
    }
    
    .card-title {
        font-size: 0.95rem !important;
        line-height: 1.3 !important;
    }
    
    .card-btn {
        padding: 4px 18px !important;
        font-size: 0.8rem !important;
        min-width: 100px !important;
    }
    
    .card-footer {
        margin-top: 15px !important;
    }
    
    .pagination-wrapper {
        margin: 30px 0 20px 0 !important;
        padding: 20px 15px !important;
    }
}

/* ==== 打印样式 ==== */
@media print {
    .solution-card-modern {
        break-inside: avoid !important;
        box-shadow: 0 0 0 1px #ddd !important;
        height: auto !important;
        min-height: 380px !important;
        display: block !important;
    }
    
    .card-image-wrapper {
        position: relative !important;
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
    
    .card-overlay-content {
        position: relative !important;
        background: #fff !important;
        width: 100% !important;
        margin: 10px 0 0 0 !important;
        border: 1px solid #ddd !important;
        box-shadow: none !important;
        transform: none !important;
    }
    
    .card-btn {
        display: none !important;
    }
}


/* 主要内容容器样式 - 添加页面边距 */
.content {
    background-color: #fff;
    min-height: 100vh;
}

/* 内容包装器 - 控制页面边距 */
.content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 30px;
}

/* 在大屏幕上增加内边距 */
@media (min-width: 1200px) {
    .content-wrapper {
        padding: 30px 40px;
    }
}

/* 详情页左右布局样式 */
.detail-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin: 20px 0;
}

/* 左侧图片区域 - 固定大小 */
.image-left-section.fixed-size {
    flex: 0 0 380px; /* 固定宽度，不伸缩 */
    width: 380px;
    min-width: 380px;
}



/* 如果没有图片时的占位符 - 增加高度 */
.image-fixed-container:empty::before {
    content: "暂无图片";
    display: block;
    width: 100%;
    height: 380px; /* 增加高度 */
    min-height: 380px;
    background-color: #f0f0f0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 16px;
}

/* 针对ImageBlockBG结构的特殊处理 */
.image-fixed-container .ImageBlockBG:first-child {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.image-fixed-container .ImageBlockBG:first-child .ImageBlock {
    width: 100% !important;
    height: auto !important;
}

.image-fixed-container .ImageBlockBG:first-child img {
    width: 100% !important;
    height: auto !important;
    max-height: 400px !important; /* 增加高度 */
    min-height: 350px !important;
    object-fit: contain !important;
}

/* 隐藏其他小图 */
.image-fixed-container .ImageBlockBG:not(:first-child) {
    display: none !important;
}

/* 响应式调整 */
@media (max-width: 992px) {
    .image-left-section.fixed-size {
        flex: 0 0 350px;
        width: 350px;
        min-width: 350px;
    }
    
    .image-fixed-container {
        min-height: 380px;
    }
    
    .image-fixed-container img {
        max-height: 380px !important;
        min-height: 300px !important;
    }
    
    .image-fixed-container:empty::before {
        height: 350px;
        min-height: 350px;
    }
}

@media (max-width: 768px) {
    .image-left-section.fixed-size {
        flex: 1 1 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    
    .image-fixed-container {
        max-width: 500px; /* 移动端增加最大宽度 */
        margin: 0 auto;
        min-height: 400px;
    }
    
    .image-fixed-container img {
        max-height: 420px !important;
        min-height: 350px !important;
    }
    
    .image-fixed-container:empty::before {
        height: 380px;
        min-height: 380px;
    }
}

/* 确保图片能够完全显示 */
.image-fixed-container .main-image-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 图片悬停效果 */
.image-fixed-container img:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

/* 强制等比例缩放 */
.image-fixed-container img {
    aspect-ratio: auto; /* 保持原始比例 */
    max-width: 100% !important;
}
/* 右侧内容区域 */
.content-right-section {
    flex: 1; /* 占据剩余空间 */
    min-width: 300px;
}

/* 详细介绍标题 - 无背景色 */
.content-right-section .IntroTitle {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #1a73e8;
    font-size: 22px;
    color: #333;
    background-color: transparent; /* 确保无背景色 */
}

/* 主内容区域样式 - 无背景色 */
.maincontent {
    padding: 15px 0;
    line-height: 1.8;
    color: #444;
    font-size: 16px;
    background-color: transparent; /* 确保无背景色 */
}

.maincontent p {
    margin-bottom: 15px;
}

/* 标题样式调整 */
.content .title {
    margin-bottom: 10px;
}

.content .title h3 {
    font-size: 28px;
    color: #333;
    font-weight: 600;
    margin: 0;
    line-height: 1.4;
}

/* 信息区域样式 */
.content .infos {
    color: #666;
    font-size: 14px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

/* 更多图片区域 - 无背景色 */
.prenext {
    clear: both;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
    background-color: transparent; /* 确保无背景色 */
}

.prenext .IntroTitle {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #1a73e8;
    display: inline-block;
    background-color: transparent; /* 确保无背景色 */
}

/* 更多图片的滚动容器 */
.blk_29 {
    background-color: transparent; /* 确保无背景色 */
}

/* 浏览次数区域 */
.clicktimes {
    text-align: center;
    color: #888;
    font-size: 14px;
    margin-top: 20px;
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* 分页样式 */
.maincontent .page-list {
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.maincontent .page-list a {
    display: inline-block;
    padding: 8px 14px;
    background-color: #f5f5f5;
    color: #333;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.maincontent .page-list a:hover,
.maincontent .page-list a.active {
    background-color: #1a73e8;
    color: white;
}

/* 响应式设计 */
@media (max-width: 992px) {
    .content-wrapper {
        padding: 20px;
    }
    
    .detail-layout {
        gap: 25px;
    }
    
    /* 中等屏幕调整固定宽度 */
    .image-left-section.fixed-size {
        flex: 0 0 320px;
        width: 320px;
        min-width: 320px;
    }
}

@media (max-width: 768px) {
    .content-wrapper {
        padding: 15px;
    }
    
    .detail-layout {
        flex-direction: column;
    }
    
    /* 在移动端取消固定宽度，改为全宽 */
    .image-left-section.fixed-size {
        flex: 1 1 100%;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    
    .image-fixed-container {
        max-width: 400px;
        margin: 0 auto;
    }
    
    .content .title h3 {
        font-size: 24px;
    }
    
    .content-right-section .IntroTitle {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .content-wrapper {
        padding: 10px;
    }
    
    .content .title h3 {
        font-size: 22px;
    }
    
    .content .infos {
        font-size: 13px;
    }
    
    .image-fixed-container {
        padding: 10px;
    }
}


/* 确保不影响其他页面元素 */
.solution-container {
    /* 这些样式只影响解决方案页面，不会影响底部导航 */
}

/* 明确保护底部导航和其他页面元素 */
#footer,
#footer .inner,
#footer *,
#NavLink,
#NavLink * {
    /* 不设置任何样式，保持原有状态 */
}
/* 保护轮播图不被解决方案页面样式影响 */
body.solution-page #InnerBanner,
body.solution-page .fullSlide {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* 确保轮播图内部结构正常 */
body.solution-page .fullSlide .bd ul,
body.solution-page .fullSlide .bd ul li {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/*content*/
#body .inner .right .main .content .title h3{
	text-align:center;
	font-size:20px;
	font-weight:normal;
	font-family:"Microsoft Yahei";}
#body .inner .right .main .content .infos{
	font-size:16px;
	line-height:40px;
	color:#666666;
	text-align:center;}
#body .inner .right .main .content .maincontent{
	font-size:16px;}
#body .inner .right .main .content .maincontent p{
	padding:5px 0px;
	line-height:200%;
	}
#body .inner .right .main .content .download{
	background:url("/images/jlschinared/downicon.gif") no-repeat 15px 7px;
	padding-left:55px;
	border:1px solid #F5F5F5;
	line-height:40px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px;}

#body .inner .right .main .content .prenext{
	padding:10px 0px;
	margin-top:10px;}
#body .inner .right .main .content .prenext ul li{
	line-height:30px;
	background:url("/images/jlschinared/jiantou.gif") no-repeat 0px 1px;
	padding-left:15px;}				
				
#body .inner .right .main .ArticleList{
    width:100%;
	font-size:14px;}
#body .inner .right .main .ArticleList td{
    min-width:650px;
    line-height:35px;
	border-bottom:1px dashed #CCC;
	display:inline;
    }	
#body .inner .right .main .ArticleList .fw_t{
    font-size:14px;
	}
#body .inner .right .main .ArticleList .fw_s{
    width:10%;
   	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;}

/* recruit */

#body .inner .right .main .RecruitList{
	}
#body .inner .right .main .RecruitList td{
	line-height:35px;
	border-bottom:1px dotted #CCC;
	font-size:12px;}	
#body .inner .right .main .RecruitList .Rtitle{
	background:#f5f5f5;
	color:#b6120f;
	font-size:14px;
	padding-left:10px;
	height:30px;
	line-height:30px;}
#body .inner .right .main .RecruitList .Rtitle span{
	text-align:right;
	font-size:12px;}

#body .inner .right .main .content .ProInfo .image{
	float:left;}	
	
#body .inner .right .main .content .ProInfo .column{
	float:right;
	width:500px;}
	
#body .inner .right .main .content .ProInfo .image img{
	width:270px;
	height:270px;
	}

#body .inner .right .main .content .ProInfo .image a{
	display:block;
	width:270px;
	height:270px;
	border:2px solid #F5F5F5;
	padding:2px;	
	}
#body .inner .right .main .content .ProInfo .image a:hover{
	border:2px solid #b6120f;}
#body .inner .right .main .content .ProInfo .column .title{
	background-color:#f5f5f5;
	padding:0px 10px;}
#body .inner .right .main .content .ProInfo .column .title h3{
	text-align:left;
	font-size:14px;
	line-height:25px;
	font-weight:bold;}
	
#body .inner .right .main .content .ProInfo .column .infos{
	text-align:left;}
#body .inner .right .main .content .ProInfo .column ul li{
	line-height:33px;
	height:33px;
	color:#333;
	font-weight:normal;}

#body .inner .right .main .content .ProInfo .column ul li span{
	width:100px;
	height:20px;
	font-weight:bold;
	padding:3px;
	color:#333;
	}					
#body .inner .right .main .content .ProInfo .column ul .MPrice{
	color:#666666;
	text-decoration:line-through;
	}
#body .inner .right .main .content .ProInfo .column ul .NPrice{
	color:#F00;
	font-weight:bold;}
#body .inner .right .main .content .ProInfo .column ul .NPrice .BuyCount{
	color:#060;}
	
#body .inner .right .main  .IntroTitle{
	font-size:14px;
	line-height:25px;
	border-left:3px solid #b6120f;
	margin:10px 0px;
	padding-left:10px;
	color:#b6120f;
	font-weight:bold;
	background-color:#e5e5e5;}

#body .inner .right .main .content .MorePro{
	}
/* 强制显示完整标题，覆盖JS修改 */
.albumtitle a {
    all: initial !important;
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    word-wrap: break-word !important;
}

.albumtitle a::after {
    content: attr(title) !important;
}
#body .inner .right .main .content .MorePro  .albumblock{
	padding:10px 15px 30px 20px;
	width:165px;
	height:220px; /* 增加30px高度 */
	float:left;
}

#body .inner .right .main .content .MorePro  .albumblock .inner{
	width:165px;
	height:220px; /* 增加30px高度 */
	margin:inherit;
	}

#body .inner .right .main .content .MorePro .albumblock .inner img{
 	/* 图片样式保持不变 */
	}

#body .inner .right .main .content .MorePro  .albumblock .inner .albumtitle{
	min-height: 80px; /* 增加标题区域最小高度 */
	height: auto; /* 改为自适应高度 */
	display: flex;
	align-items: center;
	justify-content: center;
	}

#body .inner .right .main .content .CaseBlock li{
	width:330px;
	float:left;
	padding-left:10px;
	}
#body .inner .right .main .content .CaseBlock .Cimg a{
	display:block;
	border:1px solid #F5F5F5;
	padding:1px;}
#body .inner .right .main .content .CaseBlock .Cimg a:hover{
	border:1px solid #b6120f;}		
#body .inner .right .main .content .CaseBlock .case_ct{ height:30px; line-height:30px; color:#2586BE; background:#E5F4FC; font-weight:bold;}
#body .inner .right .main .content .CaseBlock .case_txt{ padding-left:10px;height:30px; line-height:30px;   text-align:left;font-size:12px;color:#666;}
#body .inner .right .main .content .CaseBlock .case_mc{ color:#C90;font-weight:bold;}
#body .inner .right .main .content .CaseBlock .case_mc a{color:#c90;}
#body .inner .right .main .content .CaseBlock .hycd_ct{ height:35px; line-height:35px;  color:#fff;  font-weight:bold; padding-left:40px;}
#body .inner .right .main .content .CaseBlock .hycd_ct a{ color:#fff;}
#body .inner .right .main .content .CaseBlock .hycd_ct a:hover{ color:#FFFACC}
#body .inner .right .main .content .CaseBlock .hycd_ct a:visited{ color:#fff}
#body .inner .right .main .content .CaseBlock .hycd_mc{ color:#ff6600;}
#body .inner .right .main .content .CaseBlock .ttp{ margin-top:10px; margin-bottom:10px;}	


/* sitemap */
#body .inner .right .main .SiteMap{
	padding:0px 10px;}
		
#body .inner .right .main .SiteMap ul li{
	font-weight:bold;
	line-height:25px;
	padding:10px 20px;
	border-bottom:1px dashed #CCCCCC;
	font-size:14px;
	background:url("/images/jlschinared/ico4.jpg") no-repeat left 18px;}


#body .inner .right .main .SiteMap ul li ul li{
	font-weight:normal;
	border-bottom:none;
	font-size:12px;
	background:none;
	padding:5px 0px;}
					




/* 支持中心样式  */
/* ============================================
   支持中心样式 - 完整版
   三个服务大标题：字号加大、字体加粗
   ============================================ */

/* 支持中心布局样式 */
.support-center-layout {
    width: 100%;
    font-family: "Microsoft YaHei", Arial, sans-serif;
    color: #000; /* 全部改为黑色 */
    line-height: 1.6;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 两栏布局容器 - 增加整体间距 */
.two-column-layout {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 50px 0; /* 增加上下边距 */
    padding: 0;
    gap: 80px; /* 增加两栏间距到80px */
    width: 100%;
    box-sizing: border-box;
}

/* ===== 左栏：标题、描述和联系方式 ===== */
.left-column {
    flex: 0 0 400px; 
    padding: 0;
    margin-left: -20px; /* 调整左移距离 */
    box-sizing: border-box;
    width: 400px;
}

/* 左栏标题部分 - 增加间距 */
.left-header {
    margin: 0 0 40px 0; /* 增加下边距 */
    padding: 0;
}

/* 大标题：字号加大、加粗、黑色 */
.left-header h1 {
    font-size: 28px; /* 加大字号 */
    color: #000; /* 黑色 */
    margin: 0 0 20px 0; /* 增加下边距 */
    font-weight: 700; /* 加粗 */
    padding: 0;
    line-height: 1.4;
}

.left-header .subtitle {
    font-size: 16px;
    color: #000; /* 黑色 */
    margin: 0 0 20px 0; /* 增加下边距 */
    font-weight: normal;
    padding: 0;
    line-height: 1.6;
}

.left-header .desc {
    font-size: 14px;
    color: #000; /* 黑色 */
    margin: 0;
    padding: 0;
    line-height: 1.8;
}

/* 联系方式（增加间距） */
.contact-section {
    margin: 0;
    padding: 0;
}

.contact-box {
    margin: 0 0 35px 0; /* 增加下边距，从25px增加到35px */
    padding: 0;
}

.contact-box h3 {
    font-size: 16px;
    color: #000; /* 黑色 */
    margin: 0 0 12px 0; /* 增加下边距，从8px增加到12px */
    padding: 0;
    font-weight: normal;
    /* 移除横线边框 */
    border-bottom: none;
}

.contact-info {
    font-size: 14px;
    color: #000; /* 黑色 */
    margin: 0;
    padding: 5px 0;
    font-weight: normal;
}

/* 微信公众号二维码 - 使用真实图片标签 */
.wechat-qrcode {
    text-align: left;
    margin: 15px 0 0 0; /* 增加上边距，从10px增加到15px */
    padding: 0;
    position: relative;
}

.wechat-qrcode img {
    width: 120px;
    height: 120px;
    margin: 15px 0; /* 增加上下边距，从10px增加到15px */
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
    display: block;
    object-fit: cover;
    box-sizing: border-box;
}

.wechat-qrcode p {
    font-size: 12px;
    color: #000; /* 黑色 */
    margin: 5px 0 0 0;
    padding: 0;
}

/* 如果图片加载失败，显示备选样式 */
.wechat-qrcode img.error {
    background-color: #f5f5f5;
    border: 1px dashed #ddd;
}

.wechat-qrcode img.error::after {
    content: "二维码图片";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 12px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* ===== 右栏：三个服务模块 ===== */
.right-column {
    flex: 1;
    padding: 0;
    box-sizing: border-box;
    max-width: calc(100% - 480px); /* 调整为400px + 80px间隙 */
}

/* 服务模块 - 增加间距 */
.service-module {
    margin: 0 0 30px 0; /* 增加下边距，从20px增加到30px */
    padding: 0;
    display: flex;
    align-items: flex-start;
    width: 100%;
}

/* 服务标题（带图标）- 在左边 */
.service-title-with-icon {
    width: 160px; /* 稍微增加宽度，从140px到160px */
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

/* ===== 服务模块小图标样式 - 使用img标签 ===== */
.service-icon-img {
    width: 48px;
    height: 48px;
    margin: 0 10px 0 0; /* 右边距10px */
    padding: 0;
    display: block;
    flex-shrink: 0;
    object-fit: contain; /* 保持图片比例 */
    background-color: transparent;
    border: none;
    outline: none;
}

/* ===== 修改：服务大标题字号加大、字体加粗 ===== */
.service-title-with-icon h2 {
    font-size: 22px !important; /* 从18px增加到22px，加大字号 */
    color: #000 !important; /* 黑色 */
    margin: 0;
    padding: 0;
    font-weight: 700 !important; /* 加粗，使用!important确保生效 */
    display: inline-block;
    line-height: 1.3; /* 调整行高 */
}

/* 图标加载失败备用样式 */
.service-icon-img.error {
    background-color: #e0e0e0;
    border-radius: 2px;
    position: relative;
}

.service-icon-img.error::after {
    content: "图标";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* 售前服务图标特殊样式 */
.service-module:first-child .service-icon-img.error {
    background-color: #4CAF50; /* 绿色 */
}

/* 售后服务图标特殊样式 */
.service-module:nth-child(2) .service-icon-img.error {
    background-color: #2196F3; /* 蓝色 */
}

/* 服务承诺图标特殊样式 */
.service-module:nth-child(3) .service-icon-img.error {
    background-color: #FF9800; /* 橙色 */
}

/* 服务内容（在右边）- 增加左边距 */
.service-content {
    flex: 1;
    margin: 0;
    padding: 0 0 0 30px; /* 增加左边距，从20px到30px */
    min-width: 0; /* 防止内容溢出 */
}

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

.service-list li {
    padding: 10px 0; /* 增加上下内边距，从8px到10px */
    color: #000; /* 黑色 */
    font-size: 14px;
    margin: 0;
    border-bottom: 1px dotted #eee;
    line-height: 1.6; /* 增加行高，从1.5到1.6 */
    word-wrap: break-word;
}

.service-list li:last-child {
    border-bottom: none;
}

/* 服务模块之间的横线分隔  */
.service-divider {
    height: 1px;
    background: #e0e0e0;
    margin: 20px 0 25px 0; 
    width: 100%;
}
/* ===== 留言部分（全屏自适应） ===== */
.message-section {
    margin: 50px 0 0 0;
    padding: 50px 20px 0 20px;
    border-top: 1px solid #eee;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    background: #f9f9f9;
}

/* 留言大标题：与左边大标题一致 */
.message-section h2 {
    font-size: 28px !important;
    color: #000 !important;
    margin: 0 0 25px 0 !important;
    padding: 0;
    font-weight: 700 !important;
    text-align: center;
}

.message-desc {
    text-align: center;
    color: #000;
    margin: 0 0 35px 0;
    padding: 0;
    font-size: 14px;
}

/* 留言表单（全屏自适应） */
.message-form {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
}

/* 表格基础样式 */
.form-table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    text-align: left;
    table-layout: fixed; /* 保持固定布局 */
}

.form-table tr {
    margin: 0;
    padding: 0;
}

.form-table td {
    padding: 15px 8px;
    vertical-align: top;
    border: none;
    box-sizing: border-box;
}

/* 标签列统一宽度 */
.form-table td:first-child {
    width: 140px; /* 稍微增加标签宽度 */
    text-align: right;
    color: #000;
    font-size: 14px;
    padding-right: 15px;
    white-space: nowrap; /* 防止标签换行 */
}

/* ===== 姓名和电话行专用样式 ===== */
/* 姓名单元格 - 减少宽度 */
.name-cell {
    width: 200px !important; /* 使用!important确保生效 */
    padding-right: 15px !important; /* 增加间距 */
    vertical-align: middle !important;
}

/* 电话标签单元格 - 调整宽度和对齐 */
.phone-label-cell {
    width: 60px !important;
    text-align: right;
    padding-right: 10px !important;
    padding-left: 0 !important;
    vertical-align: middle !important;
}

/* 电话标签文字样式 */
.phone-label {
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
}

/* 电话输入框单元格 */
.phone-cell {
    width: auto; /* 自动宽度填满剩余空间 */
    min-width: 200px;
    padding-left: 0 !important;
    vertical-align: middle !important;
}

/* ===== 邮箱和QQ行专用样式 ===== */
/* 邮箱单元格 - 宽度与姓名保持一致 */
.form-table tr:nth-child(3) td:nth-child(2) {
    width: 200px !important;
    padding-right: 15px !important;
    vertical-align: middle !important;
}

/* QQ标签单元格 */
.qq-label-cell {
    width: 60px !important;
    text-align: right;
    padding-right: 10px !important;
    padding-left: 0 !important;
    vertical-align: middle !important;
}

/* QQ标签文字样式 */
.qq-label {
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
}

/* QQ输入框单元格 */
.qq-cell {
    width: auto; /* 自动宽度填满剩余空间 */
    min-width: 200px;
    padding-left: 0 !important;
    vertical-align: middle !important;
}

/* ===== 单行输入框（pname和ppname） ===== */
/* pname行（需求资料/产品名称） */
.form-table tr:nth-child(4) td:nth-child(2) {
    width: auto !important; /* 自动宽度 */
    vertical-align: middle !important;
}

/* ppname行（样品/产品用途） */
.form-table tr:nth-child(5) td:nth-child(2) {
    width: auto !important; /* 自动宽度 */
    vertical-align: middle !important;
}

/* 输入框统一样式 */
.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"],
.form-table textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    font-family: inherit;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    transition: border-color 0.3s, box-shadow 0.3s;
    height: 40px;
    line-height: 18px;
}

/* 文本输入框特殊高度 */
.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"] {
    height: 40px;
    line-height: 18px;
}

/* 留言内容文本框 */
.form-table textarea {
    height: 140px;
    resize: vertical;
    min-height: 120px;
    line-height: 1.5;
}

/* ===== 验证码区域 ===== */
.captcha-container {
    width: 100%;
    max-width: 500px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 验证码iframe */
.form-table iframe {
    width: 100% !important;
    max-width: 500px !important;
    height: 320px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    display: block !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 验证码提示文字 */
.captcha-hint {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: #666;
    text-align: left;
    line-height: 1.4;
}

/* 提交按钮行 */
.form-table tr:last-child td:first-child {
    padding-top: 20px;
}

.form-table tr:last-child td:not(:first-child) {
    padding-top: 20px;
    text-align: left; /* 改为左对齐 */
    padding-left: 140px; /* 与标签宽度对齐 */
}

/* 提交按钮 */
.submit-btn {
    padding: 12px 50px;
    background: #2c7cff;
    color: white;
    border: none;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    transition: background 0.3s, transform 0.2s;
    width: auto;
    min-width: 150px;
    font-weight: normal;
}

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

.submit-btn:active {
    transform: translateY(0);
}

.submit-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
    transform: none;
}

/* 验证成功提示 */
.captcha-success {
    color: #22c55e;
    font-weight: bold;
    margin: 10px 0;
    padding: 8px 12px;
    background: #f0fff4;
    border: 1px solid #22c55e;
    border-radius: 4px;
    text-align: center;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

/* 响应式调整 */
@media (max-width: 768px) {
    /* 在手机上调整表格布局 */
    .form-table td:first-child {
        width: 100px;
        padding-right: 10px;
    }
    
    .name-cell,
    .form-table tr:nth-child(3) td:nth-child(2),
    .phone-cell,
    .qq-cell,
    .form-table tr:nth-child(4) td:nth-child(2),
    .form-table tr:nth-child(5) td:nth-child(2) {
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 10px;
    }
    
    .phone-label-cell,
    .qq-label-cell {
        width: 80px !important;
        text-align: left !important;
        padding-left: 0 !important;
        margin-bottom: 5px;
    }
    
    /* 调整提交按钮位置 */
    .form-table tr:last-child td:not(:first-child) {
        padding-left: 0;
        text-align: center;
    }
}

/* ===== 响应式设计 ===== */
@media (max-width: 1200px) {
    .two-column-layout {
        gap: 60px; /* 中等屏幕减少间距 */
    }
    
    .left-column {
        flex: 0 0 350px; /* 中等屏幕减少宽度 */
        width: 350px;
    }
    
    .right-column {
        max-width: calc(100% - 410px); /* 调整为350px + 60px */
    }
    
    .phone-cell {
        width: calc(100% - 450px); /* 调整宽度计算 */
    }
    
    /* 服务标题响应式调整 */
    .service-title-with-icon h2 {
        font-size: 21px !important; /* 中等屏幕稍小 */
    }
    
    /* 验证码区域调整 */
    .form-table iframe {
        max-width: 450px !important;
        height: 300px !important;
    }
}

@media (max-width: 992px) {
    .two-column-layout {
        flex-direction: column;
        gap: 50px; /* 移动端保持较大间距 */
    }
    
    .left-column {
        flex: 1;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    
    .right-column {
        max-width: 100%;
        width: 100%;
    }
    
    .message-section h2 {
        font-size: 24px !important; /* 移动端稍小 */
    }
    
    .phone-cell {
        width: calc(100% - 380px); /* 调整宽度计算 */
    }
    
    /* 服务标题响应式调整 */
    .service-title-with-icon h2 {
        font-size: 20px !important; /* 平板稍小，但仍加粗 */
    }
    
    /* 移动端适当减小间距 */
    .service-module {
        margin: 0 0 25px 0;
    }
    
    .service-divider {
        margin: 25px 0 30px 0;
    }
    
    .contact-box {
        margin: 0 0 30px 0;
    }
    
    /* 验证码区域调整 */
    .form-table iframe {
        max-width: 400px !important;
        height: 280px !important;
    }
}

@media (max-width: 768px) {
    .service-module {
        flex-direction: column;
        margin: 0 0 20px 0;
    }
    
    .service-title-with-icon {
        width: 100%;
        margin: 0 0 15px 0;
        justify-content: flex-start;
    }
    
    /* 服务标题响应式调整 */
    .service-title-with-icon h2 {
        font-size: 19px !important; /* 移动端保持加粗，稍小 */
        font-weight: 700 !important; /* 确保移动端也加粗 */
    }
    
    /* 服务图标移动端调整 */
    .service-icon-img {
        width: 22px;
        height: 22px;
        margin: 0 8px 0 0;
    }
    
    .service-content {
        padding: 0;
        width: 100%;
    }
    
    .form-table {
        table-layout: auto; /* 移动端取消固定布局 */
    }
    
    .form-table td:first-child {
        width: 80px;
        text-align: left;
        padding-left: 0;
        padding-right: 10px;
    }
    
    /* 移动端：姓名和电话使用弹性布局 */
    .form-table tr:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
        gap: 15px; /* 使用gap控制移动端间距 */
        align-items: center;
    }
    
    .form-table tr:nth-child(2) td:first-child {
        width: 80px !important;
        text-align: left;
        padding-right: 0;
        margin-top: 0;
        flex-shrink: 0;
    }
    
    .name-cell {
        width: calc(50% - 50px) !important;
        padding-right: 5px !important;
        flex: 1;
        min-width: 0;
    }
    
    .phone-label-cell {
        width: 45px !important;
        text-align: right;
        padding-right: 5px !important;
        flex-shrink: 0;
    }
    
    .phone-label {
        line-height: normal;
        width: auto;
    }
    
    .phone-cell {
        width: calc(50% - 50px) !important;
        flex: 1;
        min-width: 0;
    }
    
    /* 移动端输入框调整 */
    .form-table input[type="text"],
    .form-table input[type="tel"] {
        padding: 8px 10px;
        height: 38px;
        font-size: 14px;
    }
    
    /* 验证码区域移动端调整 */
    .captcha-cell {
        padding: 10px 0 !important;
    }
    
    .form-table iframe {
        max-width: 100% !important;
        height: 250px !important;
    }
    
    /* 其他表格行保持块级显示 */
    .form-table tr:not(:nth-child(2)) {
        display: block;
        margin-bottom: 15px;
    }
    
    .form-table tr:not(:nth-child(2)) td {
        display: block;
        padding: 5px 0 !important;
        width: 100% !important;
    }
    
    .form-table tr:not(:nth-child(2)) td:first-child {
        font-weight: bold;
        margin-top: 15px;
        text-align: left;
    }
    
    .submit-btn {
        width: 100%;
        margin-top: 20px;
    }
    
    /* 微信公众号二维码移动端调整 */
    .wechat-qrcode img {
        width: 100px;
        height: 100px;
        margin: 10px 0;
    }
}

@media (max-width: 480px) {
    .message-section {
        padding: 40px 15px 0 15px;
    }
    
    .message-section h2 {
        font-size: 22px !important;
    }
    
    .left-header h1 {
        font-size: 24px;
    }
    
    .left-header .subtitle {
        font-size: 14px;
    }
    
    .left-header .desc {
        font-size: 13px;
    }
    
    /* 服务标题小屏幕调整 */
    .service-title-with-icon h2 {
        font-size: 18px !important; /* 小屏幕再小一点，但仍加粗 */
        font-weight: 700 !important;
    }
    
    /* 小屏幕：姓名和电话完全垂直排列 */
    .form-table tr:nth-child(2) {
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }
    
    .form-table tr:nth-child(2) td:first-child,
    .name-cell,
    .phone-label-cell,
    .phone-cell {
        width: 100% !important;
        padding: 0 !important;
    }
    
    .phone-label {
        text-align: left;
        margin-bottom: 5px;
        display: block;
        line-height: normal;
    }
    
    .phone-label-cell {
        order: -1; /* 将电话标签移到姓名前面 */
    }
    
    /* 小屏幕输入框调整 */
    .form-table input[type="text"],
    .form-table input[type="tel"] {
        height: 36px;
        font-size: 13px;
    }
    
    /* 服务图标小屏幕调整 */
    .service-icon-img {
        width: 20px;
        height: 20px;
        margin: 0 6px 0 0;
    }
    
    /* 验证码区域小屏幕调整 */
    .form-table iframe {
        height: 220px !important;
    }
}

/* ===== 通用样式 ===== */
/* 确保所有大标题文字为黑色并加粗 */
.support-center-layout h1,
.support-center-layout h2,
.support-center-layout h3 {
    color: #000 !important;
    font-weight: 700 !important;
}

/* 确保联系方式标题不加粗 */
.contact-box h3 {
    font-weight: normal !important;
    color: #000 !important;
}

/* 确保其他文字为黑色 */
.support-center-layout,
.support-center-layout p,
.support-center-layout li,
.support-center-layout span,
.support-center-layout td,
.support-center-layout .contact-info,
.support-center-layout .message-desc,
.support-center-layout .phone-label {
    color: #000 !important;
}

/* 确保输入框占位符文字颜色 */
.form-table input::placeholder,
.form-table textarea::placeholder {
    color: #999 !important;
    opacity: 1; /* 确保透明度正常 */
}

/* 确保链接颜色 */
.support-center-layout a {
    color: #2c7cff !important;
    text-decoration: none;
    transition: color 0.3s;
}

.support-center-layout a:hover {
    color: #1a6beb !important;
    text-decoration: underline;
}

/* 确保焦点状态 */
.form-table input:focus,
.form-table textarea:focus {
    outline: none;
    border-color: #2c7cff;
    box-shadow: 0 0 0 2px rgba(44, 124, 255, 0.1);
}

/* 确保所有图片最大宽度不超过容器 */
.support-center-layout img,
.support-center-layout iframe {
    max-width: 100%;
    height: auto;
}

/* 确保二维码图片标签样式 */
.wechat-qrcode img {
    object-fit: contain;
    display: block;
}

/* 验证码容器确保显示 */
.captcha-wrapper {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* 如果验证码还有问题，添加这个强制样式 */
#captchaIframe {
    width: 100% !important;
    height: 320px !important;
    border: none !important;
    min-width: 300px;
}

/* 图片加载失败备用样式 */
.service-icon-img,
.wechat-qrcode img {
    position: relative;
}

/* 清除浏览器默认样式 */
.support-center-layout * {
    box-sizing: border-box;
}

.support-center-layout ul,
.support-center-layout ol {
    list-style: none;
}

.support-center-layout table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 打印样式 */
@media print {
    .support-center-layout {
        color: #000 !important;
        background: #fff !important;
    }
    
    .message-section {
        background: #fff !important;
        border-top: 1px solid #000 !important;
    }
    
    .submit-btn,
    .form-table iframe {
        display: none !important;
    }
    
    /* 打印时标题加粗更明显 */
    .service-title-with-icon h2 {
        font-weight: 900 !important;
    }
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    .support-center-layout {
        color: #000 !important;
    }
    
    .form-table input,
    .form-table textarea {
        border: 2px solid #000 !important;
    }
    
    .service-divider {
        background: #000 !important;
        height: 2px;
    }
    
    /* 高对比度模式下标题加粗更明显 */
    .service-title-with-icon h2 {
        font-weight: 900 !important;
    }
}

/* 减少动画模式 */
@media (prefers-reduced-motion: reduce) {
    .submit-btn,
    .form-table input,
    .form-table textarea {
        transition: none !important;
    }
    
    .submit-btn:hover {
        transform: none !important;
    }
}

/* 暗色模式支持 */
@media (prefers-color-scheme: dark) {
    .support-center-layout {
        color: #fff !important;
        background-color: #1a1a1a;
    }
    
    .left-header h1,
    .left-header .subtitle,
    .left-header .desc,
    .contact-box h3,
    .contact-info,
    .service-title-with-icon h2,
    .service-list li,
    .message-section h2,
    .message-desc,
    .form-table td:first-child,
    .phone-label {
        color: #fff !important;
    }
    
    .service-title-with-icon h2 {
        font-weight: 700 !important; /* 暗色模式也保持加粗 */
    }
    
    .message-section {
        background-color: #2a2a2a;
        border-top-color: #444;
    }
    
    .service-divider {
        background-color: #444;
    }
    
    .service-list li {
        border-bottom-color: #444;
    }
    
    .form-table input,
    .form-table textarea {
        background-color: #2a2a2a;
        border-color: #444;
        color: #fff;
    }
    
    .wechat-qrcode img {
        background-color: #2a2a2a;
        border-color: #444;
    }
    
    .captcha-hint {
        color: #aaa;
    }
}

/* 服务标题视觉层次增强 */
.service-title-with-icon {
    position: relative;
}

/* 确保服务图标和标题垂直居中 */
.service-title-with-icon {
    align-items: center;
}

/* 服务内容与标题对齐优化 */
.service-content {
    padding-top: 2px; /* 微调使内容与标题对齐 */
}




.clicktimes{
	display:none;}
/*img list*/
.ImageList{
	padding:10px 0px;}
.ImageList .ImageBlockBG{
	float:left;
	padding:10px 10px 20px 10px;}
.content .ImageList .ImageBlockBG{
	padding:10px 10px 20px 15px;}
.ImageList .ImageBlock{
	padding:0px;  /*案例边框与边框的距离*/
	width:172px;   /*以下两项是案例方框的大小*/
	height:187px;
	overflow:hidden;
	border:1px solid #DDDDDD;
	cursor:pointer;}
.content .ImageList .ImageBlock{
	height:138px;
	float:left;
	padding:5px;}	
.ImageList .ImageBlock:hover{
	border:1px solid #b6120f;
	background-color:#F5F5F5;
}	
.ImageList .ImageBlock .ImageNote{
	padding:5px;
	line-height:25px;
	color:#FFFFFF;
	font-size:11px;}
.ImageList .ImageBlock p a{
	color:#FFFFFF;}		 
.ImageList .ImageBlock img{
	width:178px; /*方框里面图片的大小*/
	height:165px;
	border:1px solid #F5F5F5;}
.ImageList .ImageBlock img:hover{
	border:1px solid #DDDDDD;}
	
.ImageList .ImageBlock p{
	text-align:center;
	bottom:0px;
	background-color:#333;
	color:#FFFFFF;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	height:20px;
	line-height:20px;}
.content .ImageList .ImageBlock p{
	color:#FFFFFF;}	
.ImageList .ImageBlock a{
	text-decoration:none;}
#body .prenext .blk_29 {	 PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
	
#body .prenext .blk_29 .LeftBotton {	BACKGROUND: url(/images/Arrow_l.jpg) no-repeat -1px 0px; LEFT: 0px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(/images/Arrow_r.jpg) no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 50px; HEIGHT: 114px}
#body .prenext .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:15px 0 0 0px;float:left;height:180px;width:720px;POSITION: relative;left:30px;}
#body .prenext .blk_29 .box {	FLOAT: left; WIDTH: 240px; TEXT-ALIGN: center;}
#body .prenext .blk_29 .box IMG {	BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:160px;height:150px;}
#body .prenext .blk_29 .box A:hover IMG {	BORDER: #3092b9 1px solid;}
#body .prenext .blk_29 .box P {	WIDTH: 240px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#3092b9}

/* open div*/
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9990;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:0.70;
	filter: alpha(opacity=70);
	font-size:12px;
}
#popupContainer {
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	}
#popupInner {
	border: 3px solid #b6120f;
	background-color: #FFFFFF;
	}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
#popupTitleBar {
	background:url("/images/box_bg1.jpg") repeat-x left top;
	color: #b6120f;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	z-index: 9992;
	text-align:center;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('/images/close.gif') no-repeat;
}

.VideoBox{
	padding:10px;}