/* ============================================================
   万洁环保 · 迅睿CMS上线版 手机自适应样式
   放置路径：网站根目录 /Skins/Default/responsive.css
   并在每个模板页面的 <head> 里引入：
     <link rel="stylesheet" type="text/css" href="/Skins/Default/responsive.css" />
   PC 端（>1024px）样式完全不受影响，仅小屏幕生效。
   ============================================================ */

/* ---------- 全局：图片/媒体不溢出 ---------- */
img, embed, object, video {
    max-width: 100% !important;
    height: auto !important;
}

/* ---------- 平板 ≤1024px ---------- */
@media screen and (max-width: 1024px) {

    .header, .content, .footer {
        width: 100% !important;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    /* 1920px 通栏背景强制流式 */
    .banner, .fullSlide, .sb_xt, .cp_z, .cp_y, .cp_xx {
        width: 100% !important;
    }
    .sb_xt em img, .cp_xx img {
        width: 100% !important;
        height: auto !important;
    }

    /* 左右栏堆叠 */
    .left, .left2, .left3, .right, .right2, .right3,
    .right_main, .right2_main, .left2_main,
    .pl, .pr, .m_left, .m_right {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* 头部通栏背景压缩 */
    .dt_tb {
        height: auto !important;
        background-size: cover !important;
    }
    .top {
        height: auto !important;
        padding: 10px 0 !important;
    }
    .top em, .top p {
        width: 100% !important;
        text-align: left !important;
        margin-top: 10px !important;
    }

    /* 推荐产品等多列改两列 */
    .n_info_tjcp dl, .n_info_tjcp dt {
        width: 48% !important;
        box-sizing: border-box;
    }
    .hz_g li {
        width: 48% !important;
        box-sizing: border-box;
    }

    /* 产品列表项两列 */
    .pd_lists {
        width: 48% !important;
        box-sizing: border-box;
        margin: 0 1% 20px 0 !important;
        float: left !important;
    }

    /* 搜索框自适应 */
    .topsearch, .leftsearch {
        width: 100% !important;
        box-sizing: border-box;
    }
    .leftsearch select {
        width: 40% !important;
    }
}

/* ---------- 手机 ≤768px ---------- */
@media screen and (max-width: 768px) {

    body {
        font-size: 14px !important;
    }

    .header, .content, .footer {
        padding-left: 8px;
        padding-right: 8px;
    }

    /* 导航横向滚动 */
    .nav {
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
    }
    .nav a, .nav li {
        display: inline-block !important;
        float: none !important;
    }

    /* 所有固定宽度容器 100% */
    .nrcs, .age_con_key, .info_key, .info_b, .info_b2,
    .comments dl dd, .comments dl .huifu, .n_info_con2,
    .news_random ul, ul.news_ul li .a_2,
    ul.p_list_ul li, ul.p_list_ul2 li,
    .pd_lists, .news_con, .show_box, .page_content,
    .plc, .guestbook, .faq_list, .tech_list, .case_list,
    .album_list, .honor_list, .partner_list, .news_list_box {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 产品/推荐项单列 */
    .n_info_tjcp dl, .n_info_tjcp dt, .n_info_tjcp dt img,
    .hz_g li, .hz_g li img, .pd_lists {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    /* 产品列表图自适应 */
    .pd_lists dt img, .pd_lists dd {
        width: 100% !important;
    }
    .pd_lists dt {
        text-align: center !important;
    }

    /* 新闻列表单列 */
    .news_random ul li, .news_item {
        width: 100% !important;
        float: none !important;
    }

    /* 产品列表项全宽 */
    ul.p_list_ul li, ul.p_list_ul2 li {
        display: block !important;
        margin-left: 0 !important;
    }

    /* 案例/相册/荣誉/合作伙伴项两列 */
    .case_item, .album_item, .honor_item, .partner_item {
        width: 48% !important;
        margin: 0 1% 20px 0 !important;
        display: inline-block !important;
        vertical-align: top !important;
        box-sizing: border-box !important;
    }
    .case_item img, .album_item img, .honor_item img, .partner_item img {
        width: 100% !important;
        height: auto !important;
    }

    /* 页脚链接纵向 */
    .footer a, .footer li {
        display: block !important;
        float: none !important;
        line-height: 1.8 !important;
    }
    .db_nav, .db_dz, .db_y {
        text-align: center !important;
    }
    .db_logo, .db_dh, .db_wx {
        float: none !important;
        display: block !important;
        width: 100% !important;
        margin: 5px 0 !important;
    }

    /* 表格横向滚动 */
    table {
        display: block;
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    /* 表单元素全宽 */
    input, textarea, select, button {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* 产品详情页参数表、详情内容内联图片自适应 */
    .show_content img, .page_content img, .news_con img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 正文段落内换行处理 */
    .show_content p, .page_content p {
        word-wrap: break-word !important;
        line-height: 1.8 !important;
    }

    /* 隐藏装饰性大图背景（手机流量） */
    .cp_l h4 a, .cp_l h5 a, .cp_l p, .sb_xt p {
        background: none !important;
    }

    /* 详情标题/元信息自适应 */
    .show_title, .page_title {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    .show_meta {
        font-size: 12px !important;
    }
}

/* ---------- 小屏手机 ≤480px ---------- */
@media screen and (max-width: 480px) {

    /* 案例/相册/荣誉/合作伙伴单列 */
    .case_item, .album_item, .honor_item, .partner_item {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    /* logo 和标语堆叠居中 */
    .top h1, .top em {
        display: block !important;
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
    .top p.fr {
        float: none !important;
        text-align: center !important;
    }
    .top p b.rx {
        display: inline-block !important;
    }
}