﻿
ul,
ol,
li {
    list-style: none;
}

.page-bottom--area {
    padding: 12px 0 13px;
}

    .page-bottom--area .bottom-content {
        margin: 0 auto;
        width: 1200px;
        text-align: center;
        font-size: 0;
    }

        .page-bottom--area .bottom-content .top-area {
            margin-bottom: 16px;
        }

        .page-bottom--area .bottom-content .display-style {
            display: inline-block;
            vertical-align: middle;
        }

        .page-bottom--area .bottom-content .divider {
            margin: 0 10px;
            width: 1px;
            height: 12px;
            font-weight: 400;
        }

        .page-bottom--area .bottom-content .common-style {
            font-size: 12px;
            font-weight: 400;
        }

        .page-bottom--area .bottom-content a {
            font-weight: 400;
            text-decoration: none;
        }

        .page-bottom--area .bottom-content .ga-area a img {
            margin-top: 1px;
            margin-right: 6px;
            width: 14px;
            height: 14px;
            vertical-align: middle;
        }

        .page-bottom--area .bottom-content .ali-area a img {
            margin-top: -2px;
            margin-right: 10px;
            width: 55px;
            height: 13px;
            vertical-align: middle;
        }

        .page-bottom--area .bottom-content .ipv-area .ipv6-box {
            display: inline-block;
            margin-left: 4px;
            text-align: center;
            border-radius: 4px;
            border: 1px solid rgba(152, 152, 152, 1);
            padding: 3px;
        }
        .page-bottom--area .bottom-content .ali-area a svg, .page-bottom--area .bottom-content .ali-area a span {
            vertical-align: top;
        }
        .bottom-words {
            vertical-align: middle;
        }
.page-bottom--area .bottom-content .ga-area a img, .page-bottom--area .bottom-content .ga-area a span {
    vertical-align: top;
}

/* 根据语言调整字体，避免英文在固定高度容器内溢出 */
html[data-lang="english"] [ctype="text"] .editableContent,
html[data-lang="english"] [ctype="text"] .yibuFrameContent {
    font-size: 0.85em;
    line-height: 1.2;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 针对固定高度的文本容器，英文进一步缩小 */
html[data-lang="english"] .smartAbs[ctype="text"] .editableContent p,
html[data-lang="english"] .smartAbs[ctype="text"] .editableContent span {
    font-size: inherit;
    line-height: inherit;
}

/* 按钮文字缩小 */
html[data-lang="english"] [ctype="button"] .mw-txt,
html[data-lang="english"] [ctype="button"] .w-button-text {
    font-size: 0.85em;
}

/* 导航文字缩小 */
html[data-lang="english"] .w-nav .w-link-txt {
    font-size: 0.9em;
}

/* 面包屑文字缩小 */
html[data-lang="english"] .w-crumbs .w-crumbs-item {
    font-size: 0.9em;
}

/* 标题文字适度缩小 */
html[data-lang="english"] [ctype="text"] .editableContent [style*="font-size:36px"],
html[data-lang="english"] [ctype="text"] .editableContent [style*="font-size:38px"],
html[data-lang="english"] [ctype="text"] .editableContent [style*="font-size: 36px"],
html[data-lang="english"] [ctype="text"] .editableContent [style*="font-size: 38px"] {
    font-size: 32px !important;
}

/* 表格内容字体缩小 */
html[data-lang="english"] [ctype="text"] table th,
html[data-lang="english"] [ctype="text"] table td {
    font-size: 12px !important;
    line-height: 1.3;
    word-break: break-word;
}

/* Logo图片清晰度优化 */
#img_smv_tem_84_45,
.w-image-box img[src*="58368493"] {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 共生之力区块图片完整显示 */
#img_smv_con_280_31,
#img_smv_con_290_18 {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
}

/* 共生之力轮播图尺寸优化 - 按比例缩放完整显示 */
#smv_con_317_26 {
    width: 1400px !important;
    left: 0 !important;
    height: 500px !important;
    overflow: hidden !important;
}

#smv_con_317_26 .w-slider {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

#smv_con_317_26 .w-slider-wrap {
    transform: none !important;
    transition: none !important;
    width: 100% !important;
    height: 100% !important;
}

#smv_con_317_26 .w-slider-wrap > div {
    width: 100% !important;
    height: 100% !important;
}

#smv_con_317_26 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* 隐藏上海光学和香港灵獰子公司 */
#smv_con_623_14,
#smv_con_629_49 {
    display: none !important;
}

/* 调整子公司页面高度，避免空白 */
#smv_con_542_48 {
    height: 2100px !important;
}

/* 生产基地标题往上移 */
#smv_con_636_35 {
    top: 1040px !important;
}

/* 生产基地内容往上移 */
#smv_con_637_23 {
    top: 1105px !important;
}
#smv_con_643_29 {
    top: 1365px !important;
}
#smv_con_649_32 {
    top: 1625px !important;
}
#smv_con_655_4 {
    top: 1885px !important;
}

/* 隐藏禁用图片 173526559.png */
#smv_tem_148_54,
img[src*="173526559"] {
    display: none !important;
}

/* 联系我们页面隐藏万博光学和香港灵獰 */
#smv_con_51_12,
#smv_con_54_41 {
    display: none !important;
}

/* ========================================
   响应式自适应布局 - Responsive Layout
   使用JS动态缩放，CSS仅做基础适配
   ======================================== */

/* 根元素禁止水平滚动 */
html {
    overflow-x: hidden !important;
    max-width: 100vw;
}

/* body禁止水平滚动 */
body {
    overflow-x: hidden !important;
    max-width: 100vw;
    position: relative;
}

/* 移除主容器的min-width限制 */
#mainContentWrapper {
    min-width: 0 !important;
    overflow: visible;
    position: relative;
}

#mainContentWrapper > div {
    min-width: 0 !important;
}

/* 所有内联样式的min-width覆盖 */
[style*="min-width:1400"],
[style*="min-width: 1400"] {
    min-width: 0 !important;
}

/* 响应式缩放容器 - 由JS控制 */
.responsive-scale-wrapper {
    transform-origin: top center;
    width: 1400px;
    margin: 0 auto;
}

/* ===== 大屏幕 (>= 1400px) - 原始设计尺寸 ===== */
@media screen and (min-width: 1400px) {
    .header,
    .footer,
    .fullcolumn-inner.smAreaC {
        width: 1400px !important;
    }
    
    .page-bottom--area .bottom-content {
        width: 1200px;
    }
}

/* ===== 中大屏幕 (1200px - 1399px) ===== */
@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .header,
    .footer {
        width: 100% !important;
        max-width: 1400px;
    }
    
    .fullcolumn-inner.smAreaC {
        width: 100% !important;
        max-width: 1400px;
    }
    
    .page-bottom--area .bottom-content {
        width: 100%;
        max-width: 1200px;
        padding: 0 20px;
        box-sizing: border-box;
    }
}

/* ===== 图片响应式优化 ===== */
.w-image-box img {
    max-width: 100%;
    height: auto;
}

/* ===== 轮播图响应式修复 - 只在小屏幕生效 ===== */
@media screen and (max-width: 1399px) {
    /* 强制覆盖JS设置的宽度，让轮播图跟随容器缩放 */
    #slider_smv_con_354_3,
    [id^="slider_smv_"] {
        width: 1400px !important;
        left: 0 !important;
    }

    [ctype="fullpageSlide"],
    [ctype="fullpageSlide"] > .yibuFrameContent {
        width: 100% !important;
        max-width: 1400px !important;
    }

    [ctype="slideshow"],
    [ctype="slideshow"] > .yibuFrameContent,
    [ctype="slideshow"] .w-slide {
        width: 1400px !important;
        left: 0 !important;
    }

    .w-slide,
    .w-slide-inner {
        width: 1400px !important;
    }

    .w-slide .content-box {
        width: 1400px !important;
    }

    /* smvWrapper 和 smvContainer 修复 */
    .smvWrapper {
        min-width: 0 !important;
        width: 1400px !important;
    }

    .smvContainer {
        width: 1400px !important;
    }

    /* 确保Jssor轮播图容器 */
    [id^="slider_smv_"] .content-box {
        width: 1400px !important;
    }

    /* 全屏 banner 修复 */
    .fullcolumn-outer {
        max-width: 1400px !important;
    }
}

/* 图片通用样式 */
.w-slide .content-box img,
.w-slide .content-box .w-image-box {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

/* ===== 打印样式 - 不缩放 ===== */
@media print {
    #mainContentWrapper {
        transform: none !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
}
