.tmp179142925634887{}.modm43742888579229{margin:0 auto 0 auto;border-bottom:0 solid #ccc;background-color:rgba(255, 255, 255, 1);}    .modm43742888579229 .warp-content {        width: 100%;        margin: 0 auto;        position:relative;        z-index:10000;    }.modm43742888579229 .warp-content.moxi_fixed_top{      position:fixed;      top:0;       left:0;       }.modm43742888579229 .warp-content.moxi_fixed_top.fixed-bg{      background:#fff;}    .modm43742888579229 .warp-content a {        color: #333;        text-decoration: none;    }    .modm43742888579229 .warp-content a:hover {        text-decoration: none;    }    .modm43742888579229 .header {        margin: 0 auto;        height: 80px;        padding: 0 30px;        position: relative;    }    .modm43742888579229 .header .logo {        margin-top: 15px;    }    .modm43742888579229 .header .logo img{        max-width: 250px;        max-height: 46px;    }    .modm43742888579229 .header .nav {        height: 80px;    }    .modm43742888579229 .header .menu {        line-height: 80px;    }    .modm43742888579229 .header .menu a {        font-size: 30px;    }    .modm43742888579229 .header .nav .rows {        width: auto;        height: 100%;        float: right;    }    .modm43742888579229 .header .nav .rows > div {        height: 100%;        line-height: 80px;        font-size: 14px;        padding: 0 20px;        position: relative;        float: left;    }    .modm43742888579229 .header .nav .rows > div > a {        text-decoration: none;        display: block;        width: 100%;        height: 100%;    }    .modm43742888579229 .header .nav .rows > div:hover .sub-nav {        display: block;    }    .modm43742888579229 .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;    }    .modm43742888579229 .header .nav .rows > div .sub-nav a{        color:#393D49;    }    .modm43742888579229 .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;    }    .modm43742888579229 .header .nav .rows > div .sub-nav > div:hover {        background: rgb(246, 245, 241);    }    .modm43742888579229 .header .nav .rows > div .sub-nav > div > a {        display: block;        width: 100%;        height: 100%;    }    .modm43742888579229 .header .nav .rows > div .sub-nav > div:first-child {        border-top: none;    }    /*在小屏幕上*/    @media screen and (max-width: 992px) {        .modm43742888579229 .header .menu {            z-index: 1000;            position: absolute;            top: 0;            right: 20px;        }        .modm43742888579229 .header .menu a{            color:rgba(0,0,0,1);        }        .modm43742888579229 .header .nav {            position: fixed;            /*width: 100%;*/            width: 0;            left: 100%;            top: 0;            z-index: 10001;            height: 100vh;            transition: width, left 0.5s, 0.5s;        }        .modm43742888579229 .header .nav .rows .nav-item-title a{            color:#fff;        }        .modm43742888579229 .header .nav.move-left {            width: 70%;            left: 40%;        }        .modm43742888579229 .header .nav .rows {            margin: 0;            padding: 0;            float: none;            display: none;        }        .modm43742888579229 .header .nav.move-left .rows {            display: block;        }        .modm43742888579229 .header .nav .rows > div {            width: 90%;            display: block;            background: #fff;            text-align: left;            border-bottom: 1px solid #ccc;            height: auto;            line-height: 60px;        }        .modm43742888579229 .header .nav .rows > div a {            display: block;            width: 100%;            height: 100%;            color:#2f353b;        }        .modm43742888579229 .header .nav .rows > .nav-item {            position: relative;            border-left:1px solid #ccc;        }        .modm43742888579229 .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;        }        .modm43742888579229 .header .nav .rows > .nav-item .sub-nav .sub-item{            text-align: left;            width: 100%;            border:none;            padding-left:20px;            border-top:1px dashed #eee;        }        .modm43742888579229 .header .nav .rows > .nav-item .btn {            position: absolute;            top: 15px;            right: 25px;            color: #666;        }        .modm43742888579229 .header .nav .rows > .nav-item .sub-nav.active {            height: auto;            opacity: 1;        }        .modm43742888579229 .header .nav .rows > div.nav-item-title {            background: #777;            height: 50px;            overflow: hidden;        }        .modm43742888579229 .header .nav .rows > div.nav-item-title > a {            max-width: 100%;            font-size: 24px;            line-height: 50px;            float: left;        }        .modm43742888579229 .warp-content {            position: relative;            left: 0;            transition: left 0.5s;        }        .modm43742888579229 .warp-content.move-left {            left: -60%;        }    }    /*用户信息*/    .modm43742888579229 .header .nav .rows .user-info .user-name-mobile{        display: none;    }    .modm43742888579229 .header .nav .rows .user-info:hover .sub-list{        display: block;        left:auto;        width:auto;    }    .modm43742888579229 .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;    }    .modm43742888579229 .header .nav .rows .user-info .sub-list a{        color:#393D49;        text-align: left;    }    .modm43742888579229 .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;    }    .modm43742888579229 .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;    }    .modm43742888579229 .header .nav .rows .user-info .sub-list .sub-user-info a{        display: block;        width: 100%;        height: 100%;    }    .modm43742888579229 .header .nav .rows .user-info .sub-list .sub-user-info a:hover{        background: rgb(246, 245, 241);    }    .modm43742888579229 .header .nav .rows .user-info .sub-list .sub-user-info .user-name-mobile2{        display: none;    }    .modm43742888579229 .header .nav .rows .nologin button{        background: #f26e5c;        border:none;    }    .modm43742888579229 .header .nav .rows .nologin button:hover{        opacity: 0.8;    }    .modm43742888579229 .header .nav .rows .nologin button a{        display: block;        width: 100%;        height: 100%;        color:#fff;    }    /*用户信息在小屏幕上的样式*/    @media screen and (max-width:992px){        .modm43742888579229 .header .nav .rows .user-info .user-pic{            display: none;        }        .modm43742888579229 .header .nav .rows .user-info .user-name-mobile{            display: block;        }        .modm43742888579229 .header .nav .rows .user-info .sub-list{            position: relative;            top:0;            left:0;            border:none;            padding: 0;        }        .modm43742888579229 .header .nav .rows .user-info .sub-list .mobile-hidden{            display: none;        }        .modm43742888579229 .header .nav .rows .user-info .sub-list .sub-user-info{            height: 63px;            line-height: 63px;            white-space: nowrap;        }        .modm43742888579229 .header .nav .rows .user-info .sub-list .sub-user-info .user-name-mobile2{            display: inline-block;        }        .modm43742888579229 .header .nav .rows .nologin{            height:auto;        }        .modm43742888579229 .header .nav .rows .nologin .btn{            background: #fff;            position: relative;            box-sizing: border-box;            left:6%;            top:0;            width: 80%;            height: 45px;            line-height: 33px;        }        .modm43742888579229 .header .nav .rows .nologin .btn a{        }    }/* ============================================   睿孚电梯 · 家用电梯服务流程 — 样式表   板块：售前 / 售中 / 售后，全部平铺展示   ============================================ */: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;}img{display:block;}/* ===== 页头 ===== */.hero{  max-width:1200px;margin:0 auto;padding:72px 5vw 40px;  text-align:center;}.hero .brand{  font-size:13px;letter-spacing:6px;color:var(--gold-deep);  text-transform:uppercase;font-weight:600;}.hero h1{  font-size:clamp(30px,4.5vw,46px);  margin-top:14px;letter-spacing:4px;}.hero .rule{  width:56px;height:3px;background:var(--gold);  margin:24px auto 0;border-radius:2px;}/* ===== 内容容器 ===== */main{max-width:1200px;margin:0 auto;padding:24px 5vw 40px;}/* ===== 板块标题 ===== */.section{margin-top:64px;}.section-head{  display:flex;align-items:baseline;gap:14px;  border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:30px;}.section-head .num{  font-size:15px;color:var(--gold);font-weight:700;letter-spacing:2px;}.section-head h2{font-size:clamp(24px,3vw,32px);letter-spacing:2px;}/* ===== 左图右文卡片 ===== */.cards{display:flex;flex-direction:column;gap:26px;}.media-row{  display:flex;align-items:stretch;  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);  overflow:hidden;box-shadow:var(--shadow);  transition:transform .3s ease, box-shadow .3s ease;}.media-row:hover{  transform:translateY(-3px);  box-shadow:0 16px 40px rgba(28,34,38,.12);}.media-img{flex:0 0 46%;min-height:300px;position:relative;overflow:hidden;}.media-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}.media-row:hover .media-img img{transform:scale(1.03);}.media-text{  flex:1 1 auto;padding:34px 44px;  display:flex;flex-direction:column;  justify-content:center;align-items:flex-start;}.media-text h3{font-size:clamp(22px,2.6vw,30px);margin-bottom:12px;letter-spacing:1px;}.media-text p{  color:var(--ink-soft);font-size:15px;max-width:520px;}/* ===== 滚动渐显 ===== */html.js .section{  opacity:0;transform:translateY(24px);  transition:opacity .7s ease, transform .7s ease;}html.js .section.in{opacity:1;transform:none;}@media (prefers-reduced-motion: reduce){  html.js .section{opacity:1;transform:none;transition:none;}}/* ===== 图片灯箱 ===== */.media-img img{cursor:zoom-in;}.lightbox{  position:fixed;inset:0;z-index:100;  display:none;align-items:center;justify-content:center;}.lightbox.open{display:flex;}.lightbox-backdrop{  position:absolute;inset:0;background:rgba(15,18,20,.88);}.lightbox-img{  position:relative;  max-width:90vw;max-height:88vh;  object-fit:contain;border-radius:8px;  box-shadow:0 20px 60px rgba(0,0,0,.5);  animation:lbIn .25s ease;}@keyframes lbIn{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:none;}}.lightbox-close{  position:absolute;top:24px;right:28px;  width:44px;height:44px;border-radius:50%;  border:1px solid rgba(255,255,255,.35);  background:rgba(0,0,0,.35);color:#fff;  font-size:22px;line-height:1;cursor:pointer;  display:flex;align-items:center;justify-content:center;  transition:background .2s ease;}.lightbox-close:hover{background:rgba(255,255,255,.15);}/* ===== 页脚 ===== */footer{  background:var(--ink);color:#9c9484;text-align:center;  padding:38px 5vw;font-size:13px;letter-spacing:2px;margin-top:80px;}footer b{color:#d8cfba;font-weight:600;}footer .ft-en{font-size:11px;letter-spacing:4px;margin-top:6px;color:#6f6758;}/* ===== 响应式 ===== */@media (max-width:760px){  .hero{padding:52px 5vw 28px;}  .section{margin-top:48px;}  .media-row{flex-direction:column;}  .media-img{flex:1 1 auto;min-height:220px;}  .media-text{padding:26px 24px;}  .lightbox-close{top:16px;right:16px;}}.mxi_1791429615{}.mxi_1791429606{}/*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;}

