/* responsive.css - 移动端响应式适配 */
/* 武汉天傲科技网站移动端自适应样式 */

/* ===== 全局基础 ===== */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    width: 100%;
    overflow-x: hidden;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

/* 图片自适应 - 排除1px分隔线 */
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

/* 表格基础 */
table {
    width: 100% !important;
    height: auto !important;
    border-collapse: collapse;
}

td[height] {
    height: auto !important;
}

/* 1x1像素分隔线图片保持原始高度 */
img[height="1"] {
    height: 1px !important;
    max-width: none !important;
}

/* 修复: font-18B的text-align:center覆盖了td的align="left"属性 */
td[align="left"] {
    text-align: left !important;
}

/* 保持蓝条间隔列宽度 */
td[width="18"] {
    width: 18px !important;
    min-width: 18px !important;
}

/* 竖直分隔线图片保持原始高度 */
img[width="1"][height="160"] {
    height: 160px !important;
    max-width: none !important;
}
img[width="1"][height="180"] {
    height: 180px !important;
    max-width: none !important;
}

/* 分隔线td - content-box确保1px宽度不被padding挤压 */
td[width="1"] {
    box-sizing: content-box !important;
    padding: 0 !important;
    width: 1px !important;
    min-width: 1px !important;
}

/* 竖直线分隔线图片(lin-w.png) - 宽度1px */
img[src*="lin-w"][width="1"] {
    max-width: none !important;
    display: block !important;
    width: 1px !important;
}

/* 底部横向白色分隔线(lin-w.png) - 宽度100%, 高度1px */
img[src*="lin-w"][width="100%"] {
    max-width: 100% !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
}

/* ===== 平板端(≤1024px) ===== */
@media screen and (max-width: 1024px) {
    /* 隐藏所有10%边距列 */
    td[width="10%"] {
        width: 0 !important;
        display: none !important;
    }

    /* 隐藏导航栏25%边距列 */
    td[width="25%"] {
        width: 0 !important;
        display: none !important;
    }

    /* 导航栏 */
    table[height="30"] td {
        padding: 5px 3px !important;
        font-size: 14px !important;
    }

    /* Logo和电话区域 */
    td[width="40%"] {
        width: 50% !important;
    }
    td[width="40%"] img {
        max-width: 280px;
        height: auto;
    }

    /* 产品网格 - 2列 */
    td[width="20%"] {
        width: 50% !important;
    }

    /* 产品详情页 - 图片+文字 */
    td[width="28%"] {
        width: 40% !important;
    }
    td[width="52%"] {
        width: 60% !important;
    }

    /* 内容区80%变100% */
    td[width="80%"] {
        width: 100% !important;
    }

    /* 底部联系信息区 */
    table[bgcolor="#666666"] td {
        padding: 8px !important;
        font-size: 13px !important;
    }
    table[bgcolor="#666666"] td[width="19%"] {
        width: 33% !important;
    }

    /* 客户展示区 */
    table[height="130"] td {
        width: 33% !important;
    }
    table[height="130"] img {
        max-width: 120px;
        height: auto;
    }

    /* 优势展示区 */
    table[height="150"] td[width="19%"] {
        width: 50% !important;
    }
    table[height="150"] td[width="1"] {
        display: none !important;
    }
}

/* ===== 手机端(≤768px) ===== */
@media screen and (max-width: 768px) {
    body {
        font-size: 14px !important;
    }

    /* 隐藏所有边距列 */
    td[width="10%"] {
        width: 0 !important;
        display: none !important;
    }
    td[width="25%"] {
        width: 0 !important;
        display: none !important;
    }

    /* 所有内容单元格撑满宽度 */
    td[width="80%"] {
        width: 100% !important;
        display: block !important;
    }

    /* ===== 头部Logo+电话 ===== */
    table:first-child td[width="40%"] {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        padding: 5px 0 !important;
    }
    table:first-child td[width="40%"] img {
        max-width: 200px;
        height: auto;
    }

    /* ===== 导航栏 - 水平滚动 ===== */
    table[height="30"] {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap !important;
        width: 100% !important;
    }
    table[height="30"] tr {
        display: table-row !important;
        width: max-content !important;
    }
    table[height="30"] td {
        display: table-cell !important;
        width: auto !important;
        padding: 5px 10px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        float: none !important;
    }

    /* 隐藏导航栏25%边距列 */
    table[height="30"] td[width="25%"] {
        display: none !important;
        width: 0 !important;
    }

    /* 隐藏height=30表格的10%边距列（COMPANY PROFILE, NEWS等标题行） */
    table[height="30"] td[width="10%"] {
        display: none !important;
        width: 0 !important;
    }

    /* ===== Banner轮播 ===== */
    .banner,
    #nav-backgroud,
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide {
        width: 100% !important;
        height: 180px !important;
        max-height: 180px !important;
        overflow: hidden !important;
    }
    .swiper-slide img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover;
    }

    /* ===== 产品网格 - 单列 ===== */
    td[width="20%"] {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        padding: 8px 0 !important;
    }
    td[width="20%"] img {
        max-width: 280px;
        height: auto;
    }

    /* 产品名称行 */
    table[height="20"] td[width="20%"] {
        width: 100% !important;
        display: block !important;
        font-size: 13px !important;
        text-align: center !important;
    }

    /* ===== 产品详情页 - 图片+文字垂直排列 ===== */
    td[width="28%"] {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        padding: 10px 0 !important;
    }
    td[width="28%"] img {
        max-width: 300px;
        height: auto;
    }
    td[width="52%"] {
        width: 100% !important;
        display: block !important;
        padding: 5px 10px !important;
    }

    /* 产品详情内容图片 */
    td[width="80%"] img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ===== 新闻列表 ===== */
    table[height="20"] td[width="10"] {
        width: 20px !important;
        display: table-cell !important;
    }
    table[height="20"] td[width="63%"] {
        width: 70% !important;
        font-size: 13px !important;
    }
    table[height="20"] td[width="63%"] + td {
        width: 30% !important;
        font-size: 12px !important;
        text-align: right !important;
    }
    hr[width="80%"] {
        width: 100% !important;
    }

    /* ===== 联系方式卡片 - 垂直排列 ===== */
    table[height="120"] td[width="19%"] {
        width: 100% !important;
        display: block !important;
        height: auto !important;
        padding: 10px 5px !important;
    }
    table[height="120"] td[width="1"] {
        display: none !important;
    }

    /* ===== 优势展示区 - 单列 ===== */
    table[height="150"] td[width="19%"] {
        width: 100% !important;
        display: block !important;
        height: auto !important;
        padding: 10px 5px !important;
    }
    table[height="150"] td[width="1"] {
        display: none !important;
    }
    .font-14W {
        font-size: 12px !important;
    }

    /* ===== 客户展示 - 横向滚动 ===== */
    table[height="130"] {
        display: block !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap !important;
    }
    table[height="130"] tr {
        display: inline-flex !important;
    }
    table[height="130"] td {
        display: inline-block !important;
        width: 100px !important;
        height: 100px !important;
    }
    /* 隐藏客户展示区的10%边距列 */
    table[height="130"] td[width="10%"] {
        display: none !important;
        width: 0 !important;
    }
    table[height="130"] img {
        width: 80px !important;
        height: 80px !important;
    }

    /* ===== 底部联系信息区 ===== */
    table[bgcolor="#666666"] td {
        padding: 5px !important;
        font-size: 12px !important;
    }
    table[bgcolor="#666666"] td[width="19%"] {
        width: 33% !important;
        display: table-cell !important;
    }
    table[bgcolor="#666666"] td[width="1"] {
        display: table-cell !important;
        box-sizing: content-box !important;
        padding: 0 !important;
        width: 1px !important;
        min-width: 1px !important;
    }
    table[bgcolor="#666666"] img[width="1"] {
        max-width: none !important;
        width: 1px !important;
        height: 160px !important;
        display: block !important;
    }
    table[bgcolor="#666666"] img[src*="wechart"] {
        width: 100px !important;
        height: auto !important;
    }

    /* 二维码区域垂直排列 */
    table[bgcolor="#666666"] td[width="19%"]:last-child {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* ===== 字体调整 ===== */
    .font-18B {
        font-size: 15px !important;
    }
    .font-16B {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    .font-14B {
        font-size: 13px !important;
    }
    .font-16G, .font-18G {
        font-size: 14px !important;
    }

    /* 友情链接 */
    table[width="80%"] {
        width: 100% !important;
    }
    table[width="80%"] td {
        font-size: 12px !important;
    }

    /* 产品详情相关商品 - 横向滚动 */
    table table[width="100%"] {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* 面包屑导航 */
    .breadcrumb {
        font-size: 12px !important;
        padding: 8px 10px !important;
    }

    /* 空间隔表格缩小 */
    table[height="50"] {
        height: 20px !important;
    }
    table[height="30"][bgcolor="#F0F0F0"],
    table[bgcolor="#F0F0F0"] {
        width: 100% !important;
    }
}

/* ===== 小屏手机(≤480px) ===== */
@media screen and (max-width: 480px) {
    body {
        font-size: 13px !important;
    }

    /* Logo更小 */
    td[width="40%"] img {
        max-width: 180px;
        height: auto;
    }

    /* 导航文字更小 */
    table[height="30"] td {
        font-size: 12px !important;
        padding: 4px 6px !important;
    }

    /* 产品图片 */
    td[width="20%"] img,
    td[width="28%"] img {
        max-width: 220px;
    }

    /* Banner更矮 */
    .banner,
    #nav-backgroud,
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide {
        height: 150px !important;
        max-height: 150px !important;
    }
    .swiper-slide img {
        height: 150px !important;
    }

    /* 优势展示区文字 */
    .font-14W {
        font-size: 11px !important;
    }

    /* 底部联系信息 */
    table[bgcolor="#666666"] td {
        font-size: 11px !important;
        padding: 3px !important;
    }

    /* 新闻标题 */
    table[height="20"] td[width="63%"] {
        font-size: 12px !important;
    }
}

/* ===== 手机竖屏优化(≤768px + portrait) ===== */
@media screen and (max-width: 768px) and (orientation: portrait) {
    body {
        font-size: 13px !important;
    }

    /* Logo缩小 */
    table:first-child td[width="40%"] img {
        max-width: 160px !important;
    }

    /* 导航文字缩小 */
    table[height="30"] td {
        font-size: 12px !important;
        padding: 4px 8px !important;
    }

    /* Banner更矮 */
    .banner,
    #nav-backgroud,
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide {
        height: 160px !important;
        max-height: 160px !important;
    }
    .swiper-slide img {
        height: 160px !important;
    }

    /* 产品图片缩小 */
    td[width="20%"] img,
    td[width="28%"] img {
        max-width: 240px !important;
    }

    /* 产品名称文字 */
    table[height="20"] td[width="20%"] {
        font-size: 12px !important;
    }

    /* 产品详情文字缩小 */
    td[width="52%"] {
        font-size: 13px !important;
    }
    td[width="80%"] img {
        max-width: 90% !important;
    }

    /* 新闻列表标题缩小 */
    table[height="20"] td[width="63%"] {
        font-size: 12px !important;
    }
    table[height="20"] td[width="63%"] + td {
        font-size: 11px !important;
    }

    /* 联系信息文字缩小 */
    table[bgcolor="#666666"] td {
        font-size: 11px !important;
        padding: 4px !important;
    }
    table[bgcolor="#666666"] img[src*="wechart"] {
        width: 80px !important;
    }

    /* 优势区文字缩小 */
    .font-14W {
        font-size: 11px !important;
    }

    /* 字体类缩小 */
    .font-18B {
        font-size: 14px !important;
    }
    .font-16B {
        font-size: 13px !important;
    }
    .font-14B {
        font-size: 12px !important;
    }
    .font-16G, .font-18G {
        font-size: 13px !important;
    }

    /* 友情链接缩小 */
    table[width="80%"] td {
        font-size: 11px !important;
    }

    /* 客户展示图片缩小 */
    table[height="130"] td {
        width: 80px !important;
        height: 80px !important;
    }
    table[height="130"] img {
        width: 65px !important;
        height: 65px !important;
    }
}

/* ===== 小屏手机竖屏优化(≤480px + portrait) ===== */
@media screen and (max-width: 480px) and (orientation: portrait) {
    body {
        font-size: 12px !important;
    }

    /* Logo更小 */
    table:first-child td[width="40%"] img {
        max-width: 140px !important;
    }

    /* 导航文字更小 */
    table[height="30"] td {
        font-size: 11px !important;
        padding: 3px 6px !important;
    }

    /* Banner更矮 */
    .banner,
    #nav-backgroud,
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide {
        height: 130px !important;
        max-height: 130px !important;
    }
    .swiper-slide img {
        height: 130px !important;
    }

    /* 产品图片更小 */
    td[width="20%"] img,
    td[width="28%"] img {
        max-width: 180px !important;
    }

    /* 产品详情图片更小 */
    td[width="80%"] img {
        max-width: 85% !important;
    }

    /* 产品详情文字更小 */
    td[width="52%"] {
        font-size: 12px !important;
    }

    /* 新闻标题更小 */
    table[height="20"] td[width="63%"] {
        font-size: 11px !important;
    }
    table[height="20"] td[width="63%"] + td {
        font-size: 10px !important;
    }

    /* 联系信息更小 */
    table[bgcolor="#666666"] td {
        font-size: 10px !important;
        padding: 3px !important;
    }
    table[bgcolor="#666666"] img[src*="wechart"] {
        width: 70px !important;
    }

    /* 优势区文字更小 */
    .font-14W {
        font-size: 10px !important;
    }

    /* 字体类更小 */
    .font-18B {
        font-size: 13px !important;
    }
    .font-16B {
        font-size: 12px !important;
    }
    .font-14B {
        font-size: 11px !important;
    }
    .font-16G, .font-18G {
        font-size: 12px !important;
    }

    /* 友情链接更小 */
    table[width="80%"] td {
        font-size: 10px !important;
    }

    /* 客户展示图片更小 */
    table[height="130"] td {
        width: 70px !important;
        height: 70px !important;
    }
    table[height="130"] img {
        width: 55px !important;
        height: 55px !important;
    }
}

/* ===== 高清屏优化 ===== */
@media screen and (-webkit-min-device-pixel-ratio: 2),
       screen and (min-resolution: 2dppx) {
    img {
        image-rendering: -webkit-optimize-contrast;
    }
}

/* ===== 打印样式 ===== */
@media print {
    body {
        font-size: 12px;
    }
    .swiper-container,
    #nav-backgroud {
        display: none !important;
    }
}