.tmp178755104759081{}.modm43629425636184{margin:0 auto 0 auto;border-bottom:0 solid #ccc;background-color:rgba(255, 255, 255, 1);}    .modm43629425636184 .warp-content {        width: 100%;        margin: 0 auto;        position:relative;        z-index:10000;    }.modm43629425636184 .warp-content.moxi_fixed_top{      position:fixed;      top:0;       left:0;       }.modm43629425636184 .warp-content.moxi_fixed_top.fixed-bg{      background:#fff;}    .modm43629425636184 .warp-content a {        color: #333;        text-decoration: none;    }    .modm43629425636184 .warp-content a:hover {        text-decoration: none;    }    .modm43629425636184 .header {        margin: 0 auto;        height: 80px;        padding: 0 30px;        position: relative;    }    .modm43629425636184 .header .logo {        margin-top: 15px;    }    .modm43629425636184 .header .logo img{        max-width: 250px;        max-height: 46px;    }    .modm43629425636184 .header .nav {        height: 80px;    }    .modm43629425636184 .header .menu {        line-height: 80px;    }    .modm43629425636184 .header .menu a {        font-size: 30px;    }    .modm43629425636184 .header .nav .rows {        width: auto;        height: 100%;        float: right;    }    .modm43629425636184 .header .nav .rows > div {        height: 100%;        line-height: 80px;        font-size: 14px;        padding: 0 20px;        position: relative;        float: left;    }    .modm43629425636184 .header .nav .rows > div > a {        text-decoration: none;        display: block;        width: 100%;        height: 100%;    }    .modm43629425636184 .header .nav .rows > div:hover .sub-nav {        display: block;    }    .modm43629425636184 .header .nav .rows > div .sub-nav {        width: 220px;        background: #fff;        position: absolute;        left: 50%;        margin-left: -110px;        border-radius: 5px;        box-shadow: 0 -2px 1px rgba(200, 200, 200, 0.5);        border: 1px solid #ccc;        display: none;        z-index:1000000;        overflow: hidden;    }    .modm43629425636184 .header .nav .rows > div .sub-nav a{        color:#393D49;    }    .modm43629425636184 .header .nav .rows > div .sub-nav > div {        width: 100%;        height: 63px;        line-height: 63px;        text-align: center;        font-size: 14px;        border-top: 1px solid rgba(200, 200, 200, 0.5);        background: #fff;    }    .modm43629425636184 .header .nav .rows > div .sub-nav > div:hover {        background: rgb(246, 245, 241);    }    .modm43629425636184 .header .nav .rows > div .sub-nav > div > a {        display: block;        width: 100%;        height: 100%;    }    .modm43629425636184 .header .nav .rows > div .sub-nav > div:first-child {        border-top: none;    }    /*在小屏幕上*/    @media screen and (max-width: 992px) {        .modm43629425636184 .header .menu {            z-index: 1000;            position: absolute;            top: 0;            right: 20px;        }        .modm43629425636184 .header .menu a{            color:rgba(0,0,0,1);        }        .modm43629425636184 .header .nav {            position: fixed;            /*width: 100%;*/            width: 0;            left: 100%;            top: 0;            z-index: 10001;            height: 100vh;            transition: width, left 0.5s, 0.5s;        }        .modm43629425636184 .header .nav .rows .nav-item-title a{            color:#fff;        }        .modm43629425636184 .header .nav.move-left {            width: 70%;            left: 40%;        }        .modm43629425636184 .header .nav .rows {            margin: 0;            padding: 0;            float: none;            display: none;        }        .modm43629425636184 .header .nav.move-left .rows {            display: block;        }        .modm43629425636184 .header .nav .rows > div {            width: 90%;            display: block;            background: #fff;            text-align: left;            border-bottom: 1px solid #ccc;            height: auto;            line-height: 60px;        }        .modm43629425636184 .header .nav .rows > div a {            display: block;            width: 100%;            height: 100%;            color:#2f353b;        }        .modm43629425636184 .header .nav .rows > .nav-item {            position: relative;            border-left:1px solid #ccc;        }        .modm43629425636184 .header .nav .rows > .nav-item .sub-nav {            position: relative;            left: 0;            right: 0;            display: block;            margin-left: 0;            width: 100%;            height: 0;            opacity: 0;            transition: height, opacity 0.5s, 0.5s;            overflow: hidden;            box-shadow: none;            border-radius:0;            border:none;        }        .modm43629425636184 .header .nav .rows > .nav-item .sub-nav .sub-item{            text-align: left;            width: 100%;            border:none;            padding-left:20px;            border-top:1px dashed #eee;        }        .modm43629425636184 .header .nav .rows > .nav-item .btn {            position: absolute;            top: 15px;            right: 25px;            color: #666;        }        .modm43629425636184 .header .nav .rows > .nav-item .sub-nav.active {            height: auto;            opacity: 1;        }        .modm43629425636184 .header .nav .rows > div.nav-item-title {            background: #777;            height: 50px;            overflow: hidden;        }        .modm43629425636184 .header .nav .rows > div.nav-item-title > a {            max-width: 100%;            font-size: 24px;            line-height: 50px;            float: left;        }        .modm43629425636184 .warp-content {            position: relative;            left: 0;            transition: left 0.5s;        }        .modm43629425636184 .warp-content.move-left {            left: -60%;        }    }    /*用户信息*/    .modm43629425636184 .header .nav .rows .user-info .user-name-mobile{        display: none;    }    .modm43629425636184 .header .nav .rows .user-info:hover .sub-list{        display: block;        left:auto;        width:auto;    }    .modm43629425636184 .header .nav .rows .user-info .sub-list{        display: none;        position: absolute;        top:80px;        right:0;        border:1px solid #ccc;        text-align: left;        padding: 10px;        background: #fff;        border-radius:4px;    }    .modm43629425636184 .header .nav .rows .user-info .sub-list a{        color:#393D49;        text-align: left;    }    .modm43629425636184 .header .nav .rows .user-info .sub-list:before{        content:"";        display: block;        width: 15px;        height: 15px;        border:1px solid #ccc;        transform:rotate(45deg);        position: absolute;        top:-9px;        right:25px;        background: #fff;        border-right:none;        border-bottom:none;    }    .modm43629425636184 .header .nav .rows .user-info .sub-list .sub-user-info{        height: 30px;        line-height: 30px;        white-space:nowrap;        text-align: left;        padding-left: 10px;        padding-right: 10px;        box-sizing: border-box;    }    .modm43629425636184 .header .nav .rows .user-info .sub-list .sub-user-info a{        display: block;        width: 100%;        height: 100%;    }    .modm43629425636184 .header .nav .rows .user-info .sub-list .sub-user-info a:hover{        background: rgb(246, 245, 241);    }    .modm43629425636184 .header .nav .rows .user-info .sub-list .sub-user-info .user-name-mobile2{        display: none;    }    .modm43629425636184 .header .nav .rows .nologin button{        background: #f26e5c;        border:none;    }    .modm43629425636184 .header .nav .rows .nologin button:hover{        opacity: 0.8;    }    .modm43629425636184 .header .nav .rows .nologin button a{        display: block;        width: 100%;        height: 100%;        color:#fff;    }    /*用户信息在小屏幕上的样式*/    @media screen and (max-width:992px){        .modm43629425636184 .header .nav .rows .user-info .user-pic{            display: none;        }        .modm43629425636184 .header .nav .rows .user-info .user-name-mobile{            display: block;        }        .modm43629425636184 .header .nav .rows .user-info .sub-list{            position: relative;            top:0;            left:0;            border:none;            padding: 0;        }        .modm43629425636184 .header .nav .rows .user-info .sub-list .mobile-hidden{            display: none;        }        .modm43629425636184 .header .nav .rows .user-info .sub-list .sub-user-info{            height: 63px;            line-height: 63px;            white-space: nowrap;        }        .modm43629425636184 .header .nav .rows .user-info .sub-list .sub-user-info .user-name-mobile2{            display: inline-block;        }        .modm43629425636184 .header .nav .rows .nologin{            height:auto;        }        .modm43629425636184 .header .nav .rows .nologin .btn{            background: #fff;            position: relative;            box-sizing: border-box;            left:6%;            top:0;            width: 80%;            height: 45px;            line-height: 33px;        }        .modm43629425636184 .header .nav .rows .nologin .btn a{        }    }/* ============================================
   睿孚电梯 · 家用电梯四大板块 — 样式表
   一级标签：甄选产品 / 安全设计 / 空间设计 / 装饰定制
   二级小标签：左图右文展示
   装饰定制分两大类：工厂定制 / 个性DIY定制
   ============================================ */
:root{
  --ink:#1c2226;          /* 深墨色文字 */
  --ink-soft:#5b646b;     /* 次级文字 */
  --paper:#f6f4ef;        /* 米白纸色背景 */
  --card:#ffffff;
  --line:#e4e0d6;         /* 分隔线 */
  --gold:#b08d4f;         /* 香槟金主色 */
  --gold-deep:#8f6f3a;
  --radius:16px;
  --shadow:0 10px 30px rgba(28,34,38,.08);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:"PingFang SC","Microsoft YaHei","Source Han Sans SC",-apple-system,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* ===== 一级标签导航 ===== */
.tabs-wrap{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;}
.tabs{display:flex;max-width:1200px;margin:0 auto;padding:0 5vw;overflow-x:auto;}
.tab{
  flex:none;padding:18px 26px;cursor:pointer;user-select:none;
  font-size:15px;letter-spacing:2px;color:var(--ink-soft);
  border-bottom:3px solid transparent;transition:all .25s ease;
  display:flex;align-items:center;gap:8px;
}
.tab .num{font-size:12px;color:var(--gold);font-weight:700;}
.tab:hover{color:var(--ink);}
.tab.active{color:var(--ink);border-bottom-color:var(--gold);font-weight:600;}

/* ===== 板块容器 ===== */
main{max-width:1200px;margin:0 auto;padding:56px 5vw 80px;}
.panel{display:none;animation:fadeIn .5s ease;}
.panel.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}

.panel-head{margin-bottom:28px;}
.panel-head .en{font-size:12px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;}
.panel-head h2{font-size:clamp(24px,3vw,34px);margin-top:6px;}
.panel-head p{color:var(--ink-soft);margin-top:10px;max-width:720px;}

/* ===== 二级小标签 ===== */
.sub-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;}
.sub-tab{
  padding:9px 22px;border-radius:999px;cursor:pointer;user-select:none;
  border:1px solid var(--line);background:var(--card);
  color:var(--ink-soft);font-size:14px;letter-spacing:1px;
  transition:all .25s ease;
}
.sub-tab:hover{border-color:var(--gold);color:var(--ink);}
.sub-tab.active{background:var(--ink);color:#f3efe6;border-color:var(--ink);font-weight:600;}

/* ===== 左图右文内容 ===== */
.content{display:none;}
.content.active{display:block;animation:fadeIn .5s ease;}
.media-row{
  display:flex;gap:0;align-items:stretch;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;box-shadow:0 6px 24px rgba(28,34,38,.06);
}
.media-img{flex:0 0 48%;min-height:320px;position:relative;overflow:hidden;}
.media-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.media-row:hover .media-img img{transform:scale(1.03);}
.media-text{
  flex:1 1 auto;padding:38px 40px;
  display:flex;flex-direction:column;justify-content:center;
}
.media-text .tag{
  align-self:flex-start;display:inline-block;font-size:12px;color:var(--gold-deep);
  background:#f6efdf;border-radius:999px;padding:3px 12px;margin-bottom:14px;letter-spacing:1px;
}
.media-text{
  flex:1 1 auto;padding:24px 40px 38px;      /* 顶部内边距调小，文字更贴顶 */
  display:flex;flex-direction:column;
  justify-content:flex-start;                /* 垂直方向：置顶（原来是 center） */
  align-items:flex-start;                    /* 水平方向：靠左 */
}

.media-text .lead{color:var(--ink);font-size:16px;font-weight:500;margin-bottom:12px;}
.media-text p{color:var(--ink-soft);font-size:15px;margin-bottom:18px;max-width:520px;}
.media-text ul{list-style:none;margin-bottom:18px;}
.media-text ul li{
  font-size:14px;color:var(--ink-soft);padding:5px 0 5px 20px;position:relative;
}
.media-text ul li::before{content:"·";position:absolute;left:4px;color:var(--gold);font-weight:700;font-size:18px;line-height:1;}
.specs{display:flex;flex-wrap:wrap;gap:8px;}
.specs span{
  font-size:12.5px;color:var(--ink);background:#f2efe8;border:1px solid var(--line);
  padding:4px 12px;border-radius:999px;
}
.specs b{color:var(--gold-deep);}

/* 底部 */
footer{
  background:var(--ink);color:#9c9484;text-align:center;
  padding:34px 5vw;font-size:13px;letter-spacing:2px;
}
footer b{color:#d8cfba;font-weight:600;}

@media (max-width:760px){
  .tabs-wrap{position:sticky;top:0;}
  .tab{padding:14px 16px;font-size:14px;}
  .media-row{flex-direction:column;}
  .media-img{flex:1 1 auto;min-height:220px;}
  .media-text{padding:26px 24px;}
}.mxi_1787647409{}.mxi_1787647401{}/*page-list*/

.moxi_page_list a{text-decoration: none}
.moxi_page_list {
    display: inline-block;
    text-align: center;
    line-height: 36px;
    margin-left: 10px;
}

.moxi_page_list .moxipage_pre a {
    width: 70px;
}
.moxi_page_list .moxipage_next a{
    width: 70px;
}
.moxi_page_list span:last-of-type a{
}

page-wrap a {
color: #1e90ff;
background:rgba(255, 255, 255, 1);
text-decoration: none;
}
.moxi_page_list a:hover {
text-decoration: none!important;
background:#1e90ff;
color:rgba(248, 247, 247, 1) ;
}

.moxi_page_list .page_disabled a,.moxi_page_list .page_disabled a:hover{
color:#fff;
background:rgb(140, 137, 135,0.5)!important;
}
.moxi_page_list span a {
margin:0 3px;border-radius: 3px;
background-color:rgba(255, 255, 255, 1);
color:#1e90ff;
    float: left;
    box-sizing: border-box;
    /*padding: 6px 12px;*/
    display: block;
    width: 40px;
    height: 36px;
border:1px solid rgba(225, 224, 224, 1);
margin-left: -1px;
}
.moxi_page_list .moxipage_curpage a {
background: #1e90ff;
color: rgba(248, 247, 247, 1);
}
.moxi_page_list .moxipage_allpage{
    display: inline-block;
    box-sizing: border-box;
    height: 36px;
    padding: 0 5px;
    color:#1e90ff;

}
    .moxi_kefu_1 a{text-decoration: none}
    .moxi_kefu_1{position: fixed;right: 10px;top: 50vh;width: 40px;z-index: 99999}
    .moxi_kefu_1 .moxi_kefu_1button{
    transition: all 0.3s;
    padding:5px 8px;
    background-color:#fff;
    display: flex;flex-direction: column;
    margin-top: 10px;
        color: #888;
        font-size: 12px;
        border-radius: 4px;
        box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
        position: relative;
    }
.moxi_kefu_1_icon{height: 30px;margin: 0;padding: 0;line-height: 30px}
    .moxi_kefu_1_icon .moxiicon{font-size: 25px;color: #1e90ff}
    .moxi_kefu_1button:hover{background-color:#1e90ff!important;color: #fff}
    .moxi_kefu_1button:hover .moxi_kefu_1_icon .moxiicon{font-size: 25px;color: #ffffff!important;}
    .moxi_kefu_zixun_box{width: 200px; box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);text-align: center;visibility:hidden;opacity:0;
        background-color: #f6f8fb;
        position: absolute;right: 75px;top: 0;border-radius: 5px;border: 1px #eee solid;transition: all 0.3s,right 0.3s;}
    .moxi_kefu_1button:hover .moxi_kefu_zixun_box{opacity:1;right:55px;visibility: revert}
    .moxi_kefu_zixun_box::after{width: 20px;height: 100%;position: absolute;right: -20px;top: 0;content: '';}
    .moxi_kefu_zixun_box::before{ color: #fff;
        content: '';
        position: absolute;
        right: -10px;
        top: 17px;
        z-index: 1;
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-left: 10px solid rgba(235, 236, 238, 0.87);
        border-bottom: 10px solid transparent;}
    .moxi_kefu_1_lianxi{width: 70%;padding: 12px 10px;border-radius: 50px;background-color: #1e90ff;display: inline-block;transition: all 0.4s;
    margin: 10px 0;color: #fff;cursor: pointer}
    .moxi_kefu_1_lianxi:hover{opacity: 0.75;color: #fff;transform: translateY(-1px);box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    }
    .moxi_kefu_1 .moxi_wx_img{max-width: 170px;max-height: 170px;margin: 10px}
    .moxi_kefu_1_text{width: 100%;line-height: 42px;font-size: 14px;background-color: #fff;display: inline-block;color: #666;height: 42px}
    .moxi_kefu_1_kaitong a{color: #fff}
    .moxi_kefu_1_kaitong:hover{background: #1e90ff!important;}