@charset "utf-8";
/* ===========================================================
   东尚住工 响应式增强（在 style.css / sj.css 之后加载）
   不改变 PC 端视觉效果，仅补齐移动端与内容区适配
   =========================================================== */

/* ---------- 通用：内容区图片自适应 ---------- */
.ds-content img,
.zb17b img,
.xhao10 img {
    max-width: 100%;
    height: auto;
}
.ds-content table,
.zb17b table,
.xhao10 table {
    width: 100% !important;
    height: auto !important;
}
.ds-content table img,
.zb17b table img {
    width: 100% !important;
    height: auto !important;
}
.ds-content,
.zb17b {
    word-break: break-word;
    overflow-x: auto;
}

/* ---------- 产品列表缩略图统一比例 ---------- */
.proList li i {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 76.5625%; /* 320:245 */
    background-color: #f2f2f2;
}
.proList li i img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---------- 正文标题 / 元信息 ---------- */
.ds-meta {
    display: block;
    text-align: center;
    color: #999;
    font-size: 13px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e2e2e2;
    margin-bottom: 15px;
}
.ds-prevnext {
    border-top: 1px dashed #e2e2e2;
    padding-top: 15px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.ds-prevnext span {
    display: block;
}
.ds-prevnext a {
    color: #0890E1;
}

/* ---------- 搜索 ---------- */
.ds-search {
    text-align: center;
    padding: 5px 0 20px;
}
.ds-search input {
    width: 300px;
    max-width: 62%;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ccc;
    padding: 0 10px;
    font-size: 14px;
}
.ds-search button {
    height: 38px;
    padding: 0 22px;
    border: none;
    background: #0890E1;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.ds-search-sum {
    text-align: center;
    color: #888;
    font-size: 13px;
    padding-bottom: 10px;
}
.ds-search-h3 {
    font-size: 16px;
    color: #333;
    margin: 20px 0 10px;
    padding-left: 6px;
    border-left: 3px solid #0890E1;
}

/* ---------- 地图 ---------- */
.ds-map-wrap {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
}
.ds-map-title {
    background: #f7f7f7;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
}
.ds-map {
    width: 100%;
    height: 420px;
}
.ds-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.ds-map-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    font-size: 14px;
    color: #555;
    border-top: 1px solid #e6e6e6;
    background: #fff;
}
.ds-nav-btn {
    display: inline-block;
    padding: 6px 18px;
    background: #0890E1;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}
.ds-nav-btn:hover {
    background: #0678bd;
    color: #fff;
}

/* ---------- 留言表单 ---------- */
.ds-form-wrap {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
}
.ds-form-title {
    background: #f7f7f7;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
}
.ds-form {
    padding: 18px 15px 8px;
}
.ds-form p {
    margin: 0 0 14px;
}
.ds-form label {
    display: block;
    font-size: 14px;
    color: #555;
    margin-bottom: 6px;
}
.ds-form label b {
    color: #e4393c;
    font-weight: normal;
}
.ds-form input,
.ds-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 9px 10px;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    outline: none;
    font-family: inherit;
}
.ds-form input:focus,
.ds-form textarea:focus {
    border-color: #0890E1;
}
.ds-form textarea {
    resize: vertical;
}
.ds-form-note {
    font-size: 12px;
    color: #999;
}
.ds-btn {
    display: inline-block;
    padding: 10px 34px;
    border: none;
    border-radius: 3px;
    background: #0890E1;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}
.ds-btn:hover {
    background: #0678bd;
}
.ds-msg {
    margin: 15px;
    padding: 10px 14px;
    border-radius: 3px;
    font-size: 14px;
}
.ds-msg-ok {
    background: #eaf7ec;
    color: #2b7a3d;
    border: 1px solid #bfe3c6;
}
.ds-msg-err {
    background: #fdeaea;
    color: #c0392b;
    border: 1px solid #f3c3c3;
}

/* ---------- 导航当前项 ---------- */
.nav-active {
    color: #0890E1 !important;
}

/* ---------- 平板：内页缩小 ---------- */
@media (max-width: 1199px) {
    .xhao08 {
        width: 96%;
    }
    .xhao10 {
        float: right;
        width: 72%;
    }
    .xhao09 {
        width: 25%;
    }
    .sot00 {
        width: 96%;
    }
    .foot1,
    .foot7 {
        width: 96%;
    }
}

/* ---------- 手机端 ---------- */
@media (max-width: 767px) {
    /* 首页：产品区块 */
    .sot04u {
        float: none;
        width: 100%;
        padding-top: 12px;
        overflow: visible;
    }
    .wdd07 {
        width: 100%;
    }
    .wdd07 li a {
        float: left;
        width: 48%;
        height: auto;
        margin: 0 1% 10px;
    }
    .wdd07 li a i {
        width: 100%;
        height: auto;
    }
    .wdd07 li img {
        width: 100%;
        height: auto;
    }
    .wdd07 li a span {
        position: static;
        top: 0;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
        padding: 0 4px;
    }

    /* 首页：砂浆系列区块 */
    .sot08 {
        height: auto;
        background-size: cover;
        padding-bottom: 15px;
    }
    .sot08t {
        font-size: 26px;
        line-height: 32px;
        padding-top: 26px;
        padding-bottom: 12px;
    }

    /* 首页：新闻头条卡片 */
    .sgl20d {
        width: 100%;
        height: auto;
        float: none;
        margin-bottom: 12px;
    }
    .sgl20d img {
        width: 100%;
        height: auto;
    }
    .sgl20d em {
        position: static;
        top: 0;
        height: auto;
        padding: 10px 12px;
    }
    .sgl20d a em b {
        font-size: 17px;
        line-height: 26px;
        height: auto;
    }
    .tabbox {
        width: 100%;
    }

    /* 内页 */
    .xhao08 {
        width: 94%;
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .xhao10 {
        float: none;
        width: 100%;
    }
    .proList li {
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        margin-bottom: 15px;
    }

    /* 页脚（原模板手机端隐藏，此处恢复为紧凑版） */
    .foot {
        display: block;
    }
    .foot1 {
        width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .foot2 {
        width: 100%;
        float: none;
        overflow: hidden;
    }
    .foot2 li {
        float: left;
        width: 50%;
        padding-bottom: 12px;
    }
    .foot2 li em a {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .foot2 li span a {
        font-size: 12px;
        height: 22px;
        line-height: 22px;
        padding-bottom: 0;
    }
    .kyjx15 {
        float: none;
        width: 100%;
        margin: 6px 0 10px;
        text-align: center;
        font-size: 12px;
        color: #c9c9c9;
    }
    .kyjx15 img {
        width: 90px;
        display: block;
        margin: 0 auto 5px;
    }
    .foot5 {
        float: none;
        width: 100%;
        text-align: center;
        font-size: 13px;
        padding-bottom: 12px;
    }
    .foot5 img {
        margin: 0 auto 8px;
        display: block;
        max-width: 160px;
    }
    .foot5 em {
        font-size: 13px;
        line-height: 22px;
    }
    .foot7 {
        width: 100%;
        height: auto;
        line-height: 22px;
        padding: 10px 12px;
        box-sizing: border-box;
        font-size: 12px;
        text-align: center;
    }
    .foot7 a {
        margin: 0 4px;
    }
    .foot9 {
        margin-top: 10px;
    }
    .floaa {
        height: 70px;
    }

    /* 地图 / 表单 */
    .ds-map {
        height: 260px;
    }
    .ds-map-bar {
        flex-direction: column;
        align-items: flex-start;
        font-size: 13px;
    }
    .ds-map-bar .ds-nav-btn {
        margin-top: 8px;
    }
    .ds-search input {
        max-width: 60%;
    }

    /* 正文图片与表格 */
    .ds-content,
    .zb17b {
        font-size: 15px;
    }
    .ds-content table,
    .zb17b table {
        display: block;
        overflow-x: auto;
    }

    /* 面包屑 */
    .zb17a i {
        font-size: 14px;
    }
}