/* 视频组件样式，仅用于简介页。 */
.intro * {
    margin: 0;
    padding: 0;
    outline: 0;
    background: transparent;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", Microsoft YaHei;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent
}
.intro {
    -webkit-text-size-adjust: 100%
}
.intro button::-moz-focus-inner,.intro input::-moz-focus-inner,.intro img {
    border: 0
}
.intro input::-ms-clear,.intro input::-ms-reveal {
    display: none
}
.intro table {
    border-collapse: collapse;
    border-spacing: 0
}
.intro input[type="submit"],.intro input[type="button"],.intro input[type="reset"],.intro input[type="file"],.intro button {
    cursor: pointer
}
.intro main {
    display: block
}
.intro .jsmodern-select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.intro .jsmodern-marquee-inner {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important
}
.intro .jsmodern-marquee-default,.intro .jsmodern-marquee-repeat {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important
}
.intro .jsmodern-marquee-part {
    display: block;
    float: left
}
.intro section.jsmodern-share {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    width: 300px !important;
    height: 335px !important;
    z-index: 999999;
    margin: 0 !important;
    background: #fff;
    border: #ddd solid 1px;
    border-radius: 10px;
    box-shadow: #ddd 0 0 20px;
    overflow: hidden !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.intro .jsmodern-share p {
    display: block;
    height: 20px !important;
    text-align: center;
    font-size: 18px;
    margin: 15px 0 20px 0 !important
}
.intro .jsmodern-share section {
    float: none !important;
    width: 260px !important;
    height: 260px !important;
    margin: 0 auto !important;
    padding: 0 !important
}
.intro .jsmodern-share b {
    position: absolute;
    width: 12px;
    height: 12px;
    border: #333 solid 4px;
    background: #333 url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAS1BMVEVMaXH///////////////////////////////////////////////////////////////////////////////////////////////9UrLx+AAAAGHRSTlMAgHBAMKDPEO9gwOAgsFCQn/DQ37+vj1+ShkdhAAAB/UlEQVR42u3ayW4CQQwA0dmgZyEJgSz+/y/NISgTaRrVqfpkny1eaSBSEO5ycnJy/s94nSPm69hJ8/0ZEfevS1efco3HfBaDv5zjd+alvnCOvzkLBdO8v35fW3iLcAp2f5/XygOKOBRoftzhAewFhl9/BGuIBbv//FMwx7HA8+PlsLSFULD7HLCGULD7/BYMUS2Q/BgPe+W9XuD4t8rmEPUCw4+xtnt6UiD4S9e5Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7Bey7BezbBeT7BeT7BeT7BeD7BeD7BeBLBey7Bey7Bey7Bey7BezLBejrBeT7BeT7BeD781L3BxXl/7/iXNr5UKD7UKD7UKD7UKD7VGD7XKD7XOD7XOD7XOD7XOD7ywkKbJ++N/o+FOg+FOg+FOg+Fdg+F9g+F9g+F9g+Fzh+3h/k/UHeH+T9Qd4f5P1B3h/k/UHeH+T9gVFQGt4ffNRWP1reH/THxbHp/cFcYE+4P6BXXt37A34PGt8frIelW9v7gzf4FUS/PxgOK0vb+4PLcWVreX9wqmxMDe8PtlLbWN5b3R9sU31jWh9/IlOnzOv2eP7l6cpl6Pth6rQZ+75fSpeTk5Pzf34AZEeVGaC2p3QAAAAASUVORK5CYII=);
    background-size: cover;
    border-radius: 10px;
    right: 4px;
    top: 4px;
    cursor: pointer;
    opacity: .2;
    transition: .2s
}
.intro .jsmodern-share b:hover {
    opacity: .5
}
.intro .jsmodern-picture-container {
    display: block;
    position: relative;
    overflow: hidden
}
.intro .jsmodern-picture-container a {
    display: block;
    color: #fff;
    text-decoration: none
}
.intro .jsmodern-picture-container img {
    border: 0
}
.intro .jsmodern-picture-inner {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
.intro .jsmodern-picture-part {
    position: relative;
    overflow: hidden
}
.intro .jsmodern-picture-fade {
    width: 100%
}
.intro .jsmodern-picture-fade .jsmodern-picture-part {
    position: absolute;
    display: none
}
.intro .jsmodern-picture-slide .jsmodern-picture-part {
    float: left
}
.intro .jsmodern-picture-slide img {
    display: block
}
.intro .jsmodern-picture-dot {
    position: absolute;
    bottom: 15px
}
.intro .jsmodern-picture-dot.jsmodern-picture-dotcenter {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.intro .jsmodern-picture-dot.jsmodern-picture-dotleft {
    left: 10px
}
.intro .jsmodern-picture-dot.jsmodern-picture-dotright {
    right: 10px
}
.intro .jsmodern-picture-dot b {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    background: #888;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 5px;
    transition: .4s
}
.intro .jsmodern-picture-dot b.active {
    background: #fff
}
.intro .jsmodern-picture-prev,.intro .jsmodern-picture-next {
    display: block;
    position: absolute;
    top: 50%;
    width: 17px;
    height: 32px;
    margin-top: -16px;
    cursor: pointer;
    background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat
}
.intro .jsmodern-picture-prev {
    margin-left: 13px
}
.intro .jsmodern-picture-next {
    right: 0;
    margin-right: 13px;
    background-position: -17px 0
}
@media screen and (max-width: 768px) {.intro .jsmodern-picture-dot {
        bottom: 13px
    }
.intro .jsmodern-picture-dot b {
        -webkit-transform: scale(0.7);
        transform: scale(0.7)
    }

}
.intro .jsmodern-video {
    background: #000;
    position: relative;
    overflow: hidden;
    z-index: 10
}
.intro .jsmodern-video-panel {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2147483648;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: rgba(0, 0, 0, .8);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.intro .jsmodern-video-panel.jsmodern-video-panelFull {
    left: 50%;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
    padding: 3px 5px;
    border-radius: 8px
}
.intro .jsmodern-video-linebox {
    height: 6px;
    background: rgba(255, 255, 255, .25);
    border-radius: 3px;
    width: 460px;
    width: -webkit-calc(100% - 305px);
    width: -moz-calc(100% - 305px);
    width: calc(100% - 305px);
    float: left;
    margin: 17px 0 0 15px;
    position: relative;
    cursor: pointer
}
.intro .jsmodern-video-pass {
    position: absolute;
    border-radius: 3px;
    height: 100%;
    background:#f81e3d;
}
.intro .jsmodern-video-linedot {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 3px;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    position: absolute
}
.intro .jsmodern-video-panel b {
    cursor: pointer
}
.intro .jsmodern-video-panel b,.intro .jsmodern-video-panel span {
    display: block;
    float: left
}
.intro .jsmodern-video-panel span {
    font-size: 12px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.intro .jsmodern-video-start {
    margin-left: 10px
}
.intro .jsmodern-video-start + span {
    width: 14px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    font-size: 10px;
    overflow: hidden;
    margin-top: 13px;
    -webkit-transform: scale(1, 0.9) translateY(1px);
    -ms-transform: scale(1, 0.9) translateY(1px);
    transform: scale(1, 0.9) translateY(1px);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}
.intro .jsmodern-video-start,.intro .jsmodern-video-end {
    width: 39px;
    text-align: center
}
.intro .jsmodern-video-volumebox {
    width: 80px;
    height: 6px;
    background: rgba(255, 255, 255, .25);
    border-radius: 3px;
    float: left;
    margin: 18px 0 0 7px;
    position: relative;
    cursor: pointer
}
.intro .jsmodern-video-volumeline {
    width: 40px;
    height: 6px;
    background: #f81e3d;
    border-radius: 3px;
    margin-top: 0
}
.intro .jsmodern-video-volumedot {
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 3px;
    margin: -6px 0 0 37px;
    -webkit-transform: scale(1.8);
    -ms-transform: scale(1.8);
    transform: scale(1.8);
    position: absolute
}
.intro .jsmodern-video-play,.intro .jsmodern-video-volume,.intro .jsmodern-video-fullin {
    width: 18px;
    height: 18px;
    margin-top: 11px;
    background-position: center;
    background-repeat: no-repeat
}
.intro .jsmodern-video-play {
    margin-left: 10px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)
}
.intro .jsmodern-video-pause {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)
}
.intro .jsmodern-video-volume {
    margin-left: 15px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)
}
.intro .jsmodern-video-muted {
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)
}
.intro .jsmodern-video-fullin {
    margin-left: 15px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)
}
.intro .jsmodern-video-fullout {
    margin-left: 15px;
    background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)
}
.intro b.jsmodern-video-fullFalse {
    opacity: .5;
    cursor: default
}
.intro .jsmodern-scrollBar-container {
    overflow: hidden
}
.intro .jsmodern-scrollBar-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
.intro .jsmodern-scrollbar {
    position: absolute;
    top: 0;
    right: 1px;
    width: 6px;
    background: rgba(0, 0, 0, .3);
    border-radius: 3px;
    z-index: 10px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
.intro .jsmodern-lazyload {
    display: block;
    opacity: 0
}
.intro .jsmodern-page-content {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
.intro .jsmodern-page-target > * {
    display: none
}
.intro .jsmodern-page {
    height: 38px;
    display: inline-block;
    overflow: hidden;
    border-radius: 19px;
    border: #e8e8e8 solid 1px;
    margin: 0 auto
}
.intro .jsmodern-page > div i,.intro .jsmodern-page > i {
    display: block;
    float: left;
    width: 40px;
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    background: #f5f5f5;
    transition: .15s;
    font-weight: bold;
    color: #333
}
.intro .jsmodern-page i {
    border-right: #e3e3e3 solid 1px;
    border-left: #fff solid 1px
}
.intro .jsmodern-page > div {
    float: left;
    max-width: 420px;
    overflow: hidden
}
.intro .jsmodern-page > div div {
    height: 38px
}
.intro .jsmodern-page i.active {
    background: #E04636;
    color: #fff;
    box-shadow: rgba(0, 0, 0, .2) 0 0 10px inset;
    border-right-color: #fff
}
.intro .jsmodern-page i:hover {
    color: #E04636
}
.intro .jsmodern-page i.active:hover {
    color: #fff
}
.intro .jsmodern-page > i span {
    display: inline-block;
    font-size: 20px
}
.intro .jsmodern-page > i:first-child {
    border-radius: 19px 0 0 19px
}
.intro .jsmodern-page > i:last-child {
    border-radius: 0 19px 19px 0
}
.intro i.jsmodern-page-first,.intro i.jsmodern-page-last,.intro i.jsmodern-page-next,.intro i.jsmodern-page-prev {
    line-height: 33px
}
.intro section.jsmodern-page-more {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    background: #ececec;
    color: #666
}
.intro .jsmodern-fullpage-container {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    overflow: hidden;
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1)
}
.intro .jsmodern-fullpage-part {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden
}
.intro .jsmodern-fullpage-navigation {
    position: fixed;
    z-index: 20
}
.intro .jsmodern-fullpage-navigation-x {
    left: 50%;
    bottom: 18px;
    width: auto;
    height: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.intro .jsmodern-fullpage-navigation-y {
    top: 50%;
    right: 18px;
    width: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.intro .jsmodern-fullpage-navigation-default > b {
    display: block;
    cursor: pointer;
    width: 8px;
    height: 8px;
    border: #000 solid 1px;
    border-radius: 10px;
    opacity: .8;
    transition: .3s
}
.intro .jsmodern-fullpage-navigation-y > b {
    margin: 10px 0
}
.intro .jsmodern-fullpage-navigation-x > b {
    float: left;
    margin: 0 8px
}
.intro .jsmodern-fullpage-navigation-default > b.active {
    background: #000
}
.intro .jsmodern-dialog-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 2147483649;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    margin: 0;
    padding: 0;
    opacity: 0
}
.intro .jsmodern-dialog {
    position: fixed;
    left: 50%;
    top: -20px;
    width: 500px;
    min-width: 500px;
    height: auto;
    line-height: auto;
    overflow: hidden;
    padding: 15px;
    margin: 0;
    text-align: left;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #fff;
    border-radius: 6px;
    border: #555 solid 1px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    opacity: 0
}
.intro .jsmodern-dialog-title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    word-wrap: break-word;
    word-break: normal
}
.intro .jsmodern-dialog-content {
    width: 100%;
    height: auto;
    min-height: 60px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: normal;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
    line-height: 160%;
    z-index: 10;
    -webkit-overflow-scrolling: touch
}
.intro .jsmodern-dialog > span {
    display: block;
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    padding: 0 12px;
    cursor: pointer;
    margin: 13px 0 0 10px;
    border-radius: 4px;
    border: #ccc solid 1px;
    transition: .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.intro .jsmodern-dialog > span.jsmodern-dialog-sure {
    background: #2F7CBE;
    border-color: #2F7CBE;
    color: #fff
}
.intro .jsmodern-dialog > span.jsmodern-dialog-sure:hover {
    background: #1563A6;
    border-color: #1563A6
}
.intro .jsmodern-dialog > span.jsmodern-dialog-cancel:hover {
    background: #eee
}
@media screen and (max-width: 1024px) {.intro .jsmodern-dialog.jsmodern-dialog-mobile {
        top: 43%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
.intro .jsmodern-dialog.jsmodern-dialog-mobile .jsmodern-dialog-title {
        -webkit-transform: scale(1.03);
        transform: scale(1.03);
        transform-origin: left top
    }
.intro .jsmodern-dialog.jsmodern-dialog-mobile > span {
        font-size: 14px
    }

}


/* 页面主体与共用内容模块。 */


/* 复用本机微软雅黑字形，避免预览环境缺字导致替代字体。 */
@font-face { font-family: "YaHei"; src: url("/template/index/static/fonts/yahei-400.woff2?v=20261006-type3") format("woff2"); font-weight: 400; font-style: normal; font-display: block; }
@font-face { font-family: "YaHei"; src: url("/template/index/static/fonts/yahei-700.woff2?v=20261006-type3") format("woff2"); font-weight: 700; font-style: normal; font-display: block; }
@font-face { font-family: "YaHei"; src: url("/template/index/static/fonts/yahei-200.woff2?v=20261006-type3") format("woff2"); font-weight: 200; font-style: normal; font-display: block; }

@font-face { font-family: "Phone"; src: url("/template/index/static/fonts/phone.woff2") format("woff2"); font-weight: 400; font-display: block; }
@font-face { font-family: "ArialHeading"; src: url("/template/index/static/fonts/ArialHeading.woff2?v=20261006-type3") format("woff2"); font-weight: 700; font-display: block; }

/* 首页专用样式。桌面画布与原版一致：最大 1680px，内容区 1102px。 */
:root {
  --width: 1680px;
  --content: 1102px;
  --red: #a40000;
  --paper: #efefef;
  --charcoal: #2c2d31;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #000; background: #fff; font: 15px "Microsoft YaHei"; }
body :where(h1,h2,h3,p,ul,figure,fieldset) { margin: 0; padding: 0; }
body :where(h1,h2,h3) { font-weight: 400; }
body ul { list-style: none; }
body a { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3e3a39; text-decoration: none; }
body a:hover { color: var(--red); }
body img { display: block; border: 0; }
body :where(button,input,textarea) { font-family: inherit; }
body button { cursor: pointer; }
body :where(a,button,input,textarea):focus-visible { outline: 2px solid #db9e50; outline-offset: 3px; }
.banner,.about,.brands,.promise,.franchise,.news,.contact { width: 100%; max-width: var(--width); min-width: 1200px; margin-inline: auto; }
.about-card,.promise-inner,.franchise-panel,.title,.news-more,.news-list,.contact-inner { width: var(--content); margin-inline: auto; position: relative; }
.about-copy,.promise-text,.franchise-panel h2,.franchise-connection,.title h2,.contact-heading,.contact-square,.contact-codes figcaption,.hotline small { font-family: "YaHei", "Microsoft YaHei", sans-serif; }

/* 原切图文字使用独立合成层，避免 Windows 彩色子像素边缘干扰字重。 */
.about-copy,.franchise-panel h2,.franchise-connection,.hotline,.contact-square,.contact-codes figcaption { transform: translateZ(0); }
.title,.contact-heading { will-change: opacity; opacity: .999; }

/* 标语用字；原页面文字区按 basic.css 与 nspage.css 的最终覆盖关系设置。 */
@font-face { font-family: "Song"; src: url("/template/index/static/fonts/song.woff2?v=20261006-type3") format("woff2"); font-weight: 400; font-style: normal; font-display: block; }

/* 首屏海报及导航 */
.banner { height: 506px; margin-bottom: 5px; position: relative; overflow: hidden; background: #000; }
.slide { position: absolute; inset: 0; opacity: 0; transition: opacity .5s; }
.slide.active { opacity: 1; }
.slide img { position: absolute; left: 50%; transform: translateX(-50%); width: 1680px; height: 505px; max-width: none; }
.dots { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100%; height: 30px; }
.dots button { width: 10px; height: 10px; margin: 6px; padding: 0; border: 0; border-radius: 50%; background: #fff; }
.dots button.active { background: #e94950; }
.arrow { position: absolute; top: 50%; width: 40px; height: 60px; margin-top: -30px; padding: 0; border: 0; color: #fff; background: #0008; opacity: 0; font: 45px/50px Arial, sans-serif; transition: opacity .2s; }
.banner:hover .arrow,.banner:focus-within .arrow { opacity: .7; }
.prev { left: 15%; }
.next { right: 15%; }
/* 关于华驿：底纹和客房为图片，正文、边框、箭头及几何色块为 HTML/CSS。 */
.about { height: 527px; padding-top: 62px; overflow: hidden; background: var(--paper); position: relative; }
.about-card { height: 462px; border: 2px solid #a1a1a1; border-left-width: 14px; background: #fff url("/template/index/static/images/home-about-texture.jpg") left top / 547px 460px no-repeat; }
.about-art { position: absolute; top: -1px; right: -1px; width: 630px; height: 460px; }
.about-room { width: 630px; height: 460px; clip-path: polygon(69.21% 0,100% 0,100% 100%,0 100%); }
.about-triangle { display: block; position: absolute; top: 0; }
.about-triangle-rose { left: 64px; width: 192px; height: 392px; background: #ca9a9a; clip-path: polygon(0 0,100% 49%,0 100%); }
.about-triangle-dark { left: 64px; width: 190px; height: 190px; background: #a17171; clip-path: polygon(0 0,100% 0,100% 100%); }
.about-triangle-gray { left: 253px; width: 185px; height: 192px; background: #9f9f9f; clip-path: polygon(0 0,100% 0,0 100%); }
.about-marker { position: absolute; left: 0; top: 42px; width: 23px; height: 45px; background: #a1a1a1; color: #fff; font: 38px/43px Arial, sans-serif; }
.about-copy { position: relative; width: 438px; margin-left: 45px; padding-top: 39px; color: #666; }
.about-eyebrow { color: #999; font: 700 31px/38px "ArialHeading", Arial, sans-serif; }
.about-eyebrow::after { display: block; content: ""; width: 65px; height: 3px; margin-top: 7px; background: linear-gradient(to right,#bdbdbd 0 68%,#e98d96 68%); }
.about-copy h1 { margin-top: 23px; margin-bottom: 11px; color: #595757; font-size: 21px; font-weight: 200; -webkit-text-stroke: .55px currentColor; line-height: 30px; }
.about-copy > p:not(.about-eyebrow) { font-size: 17px; font-weight: 200; -webkit-text-stroke: .3px currentColor; line-height: 26px; margin-bottom: 14px; }
.about-copy > p:nth-of-type(3) { transform: translateY(1px); }
.about-line { display: block; letter-spacing: 0; white-space: nowrap; text-align: justify; text-align-last: justify; }
.about-line:last-child { text-align-last: left; }
.brands { height: 132px; background: var(--paper); }
.brands-inner { display: flex; width: 1106px; height: 132px; margin: auto; }
.brands-item { display: block; height: 132px; flex-shrink: 0; background-repeat: no-repeat; }
.brand1 { width:90px; background-image:url("/template/index/static/images/home-brand-1-normal.jpg"); }
.brand2 { width:131px; background-image:url("/template/index/static/images/home-brand-2-normal.jpg"); }
.brand3 { width:135px; background-image:url("/template/index/static/images/home-brand-3-normal.jpg"); }
.brand4 { width:136px; background-image:url("/template/index/static/images/home-brand-4-normal.jpg"); }
.brand5 { width:134px; background-image:url("/template/index/static/images/home-brand-5-normal.jpg"); }
.brand6 { width:131px; background-image:url("/template/index/static/images/home-brand-6-normal.jpg"); }
.brand7 { width:144px; background-image:url("/template/index/static/images/home-brand-7-normal.jpg"); }
.brand8 { width:114px; background-image:url("/template/index/static/images/home-brand-8-normal.jpg"); }
.brand9 { width:88px; background-image:url("/template/index/static/images/home-brand-9-normal.jpg"); }
.brand1:hover { background-image:url("/template/index/static/images/home-brand-1-hover.jpg"); }
.brand2:is(:hover,:focus-visible) { background-image:url("/template/index/static/images/home-brand-2-hover.jpg"); }
.brand3:is(:hover,:focus-visible) { background-image:url("/template/index/static/images/home-brand-3-hover.jpg"); }
.brand4:is(:hover,:focus-visible) { background-image:url("/template/index/static/images/home-brand-4-hover.jpg"); }
.brand5:is(:hover,:focus-visible) { background-image:url("/template/index/static/images/home-brand-5-hover.jpg"); }
.brand6:is(:hover,:focus-visible) { background-image:url("/template/index/static/images/home-brand-6-hover.jpg"); }
.brand7:is(:hover,:focus-visible) { background-image:url("/template/index/static/images/home-brand-7-hover.jpg"); }
.brand8:is(:hover,:focus-visible) { background-image:url("/template/index/static/images/home-brand-8-hover.jpg"); }
.brand9:hover { background-image:url("/template/index/static/images/home-brand-9-hover.jpg"); }

/* 加盟承诺与集团关系 */
.promise { height: 115px; color: #fff; background: linear-gradient(to right,var(--charcoal) 0 calc(50% - 552px),var(--red) calc(50% - 552px)); }
.promise-inner { height: 115px; }
.promise-text { font-weight: 200; padding-left: 64px; transform: translate3d(0,1px,0); line-height: 115px; font-size: 30px; white-space: nowrap; }
.promise-text strong { font-weight: 700; }
.promise-text > strong { margin-right: 4px; }
.promise-fee { position: relative; padding-inline: 16px; margin-left: 12px; }
.promise-fee::before,.promise-fee::after { content: ""; position: absolute; width: 7px; height: 28px; top: 6px; border: 3px solid #fff; }
.promise-fee::before { left: 0; border-right: 0; border-bottom: 0; }
.promise-fee::after { right: 0; border-left: 0; border-top: 0; }
.promise-text::before { content: ""; position: absolute; left: 24px; top: 36px; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 26px solid #fff; }
.hotline { display: block; width: 215px; color: #fff !important; text-align: right; }
.hotline span { display: block; width: 215px; font: 38.3px/43px "Phone", Constantia, serif; font-variant-numeric: oldstyle-nums; white-space: nowrap; }
.hotline small { display: block; font-size: 20px; line-height: 27px; }
.promise-hotline { position: absolute; top: 22px; right: 28px; }
.franchise { height: 793px; position: relative; overflow: hidden; background: var(--charcoal) url("/template/index/static/images/home-city-bottom.jpg") center bottom no-repeat; }
.franchise::before { content: ""; position: absolute; left: calc(50% - 840px); top: 0; width: 288px; height: 450px; background-image: var(--franchise-city-left, url("/template/index/static/images/home-city-left.jpg?v=20261010-city")); background-repeat: no-repeat; }
.franchise-panel { height: 450px; color: #fff; }
.franchise-panel h2 { position: absolute; top: 25px; left: 60px; font-size: 50.5px; line-height: 70px; }
.franchise-result { display: inline-block; position: relative; padding-inline: 27px; margin-left: 24px; }
.franchise-result::before,.franchise-result::after { content: ""; position: absolute; top: 13px; width: 12px; height: 49px; border: 4px solid #fff; }
.franchise-result::before { left: 0; border-right: 0; border-bottom: 0; }
.franchise-result::after { right: 0; border-left: 0; border-top: 0; }
.franchise-relationship { position: absolute; top: 247px; left: 155px; width: 775px; height: 135px; }
.franchise-logo { position: absolute; top: 1px; left: 0; }
.franchise-parent { position: absolute; top: 0; left: 666px; }
.franchise-connection { position: absolute; left: 141px; top: 23px; width: 486px; text-align: center; font-size: 30px; line-height: 51px; }
.franchise-connection span { display: block; }
.franchise-connection::before { content: ""; position: absolute; left: 0; top: 51px; width: 470px; height: 1px; background: #fff; }
.franchise-connection::after { content: ""; position: absolute; right: 0; top: 42px; border-left: 17px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }

/* 团队风采 */
.news { background: var(--paper); font-family:YaHei,'Microsoft YaHei',sans-serif; }
.news a{font-family:inherit}
.title { height: 191px; padding-top: 62px; text-align: center; }
.title > p { color: #898989; font: 700 45px/55px "ArialHeading", Arial,sans-serif; transform: translateY(1px); }
.title h2 { display: flex; align-items: center; gap: 21px; margin-top: 8px; padding-inline: 4px; color: #fff; font-size: 36px; line-height: 46px; }
.title h2::before,.title h2::after { content: ""; height: 1px; background: #595757; flex: 1; transform: translateY(2px); }
.title h2 span { letter-spacing: 1.75px; font-weight: 200; padding-bottom: 2px; display: flex; align-items: center; justify-content: center; -webkit-text-stroke: .2px currentColor; width: 240px; height: 46px; background: #595757; }
.news .title>p{font:400 45px/55px Arial,sans-serif;color:#898989}
.news .title h2 span{font-weight:400;letter-spacing:0;-webkit-text-stroke:0}
.news-more { height: 73px; text-align: right; font-size: 18px; }
.news-more a{display:inline-flex;align-items:center;gap:7px;color:#595757;font-weight:400}
.news-more-arrow{font:400 26px/1 'Times New Roman',serif}
.news-item { display: flex; height: 200px; gap: 16px; margin-bottom: 16px; }
.news-list { display: flow-root; }
.news-photo,.news-photo img { width: 270px; height: 200px; flex-shrink: 0; }
.news-photo img{display:block;object-fit:fill;box-shadow:0 3px 4px #0003}
.news-body { position:relative; width: 816px; height: 200px; padding: 22px 25px; background: #ddd; }
.news-body:hover { background: #c9caca; }
.news-body h3 { font-size: 21px; font-weight: 400; line-height: 30px; color:#595757; }
.news-body h3 a{color:inherit}
.news-body > p { margin-top:12px; font-size:16px; font-weight:400; line-height:26px; color:#808080; }
.news-meta { position:absolute; left:25px; right:25px; bottom:20px; display:flex; height:19px; align-items:center; color:#999; }
.news-meta .views { margin-left:8px; font:400 16px/19px Arial,sans-serif; }
.news-meta time { font-family:Arial,sans-serif; margin-left:auto; display:flex; flex-shrink:0; font-size:16px; line-height:19px; }
.news-meta time::before { content:""; display:block; width:23px; height:19px; margin-right:8px; background:url("/template/index/static/images/home-icon-time.png") no-repeat; }

/* 联系我们：基准坐标与原版一致，表单使用可关联的 label。 */
.contact { height: 642px; color: #fff; background: #666; }
.contact-inner { height: 642px; }
.contact-heading { display: flex; align-items: baseline; gap: 41px; height: 140px; padding-top: 65px; border-bottom: 1px solid #494949; box-shadow: 0 1px #aaa; }
.contact-heading h2 { font-size: 26px; line-height: 40px; transform: translateX(2px); }
.contact-heading p { font-size: 20px; transform: translate(1px,1px); }
.contact-form { position: absolute; inset: 0; }
.contact-form::before { content: ""; position: absolute; top: 335px; left: 0; width: 100%; height: 1px; background: #494949; box-shadow: 0 1px #aaa; }
.contact-form fieldset { border: 0; }
.contact-square { position: absolute; display: flex; align-items: center; justify-content: center; top: 181px; left: 0; width: 106px; height: 106px; border: 3px solid #fff; padding-bottom: 2px; font-size: 28px; font-weight: 200; -webkit-text-stroke: .15px currentColor; line-height: 37px; letter-spacing: 2px; }
.contact-fields { font-family: Verdana, Arial, Helvetica, sans-serif; position: absolute; top: 180.5px; left: 142px; display: grid; grid-template-columns: 125.5px 250px; grid-auto-rows: 30px; row-gap: 10.33px; align-items: center; font-size: 20px; }
.contact-fields input { width: 250px; height: 30px; border: 0; border-radius: 0; background: #fff; padding: 0 4px; font-size: 14px; }
.contact-interests .contact-square { left: 578px; }
.contact-options { font-family: "Microsoft YaHei"; position: absolute; left: 705px; top: 174px; display: grid; grid-template-columns: 105px 111px 112px; grid-auto-rows: 60px; align-items: center; font-size: 20px; }
.contact-options label { white-space: nowrap; cursor: pointer; }
.contact-options input { margin: 0; width: 13px; height: 13px; }
.contact-message-label { top: 380px; }
.contact-message { position: absolute; left: 142px; top: 384px; width: 374px; height: 100px; border: 0; border-radius: 0; padding: 3px; resize: none; font-size: 15px; }
.contact-actions { position: absolute; left: 361px; top: 521px; display: flex; gap: 17px; }
.contact-actions button { font-family: "Microsoft YaHei"; border: 0; border-radius: 0; padding: 5px 10px; color: #000; background: #efefef; font-size: 20px; line-height: 27px; }
.contact-status { position: absolute; left: 142px; top: 573px; max-width: 620px; font-size: 15px; line-height: 24px; }
.contact-channels { position: absolute; left: 822px; top: 380px; width: 215px; }
.contact-codes { display: flex; gap: 21px; }
.contact-codes figure { width: 97px; flex-shrink: 0; }
.contact-codes figcaption { font-size: 15px; line-height: 25px; text-align: center; white-space: nowrap; }
.contact-channels .hotline { margin-top: 1px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .slide,.arrow { transition: none; }
}

/* 简介内容，隔离首页同名模块。 */
@font-face {font-family:Copy;src:url('/template/index/static/fonts/about-200.woff2') format('woff2');font-weight:200;font-display:block}
@font-face {font-family:Copy;src:url('/template/index/static/fonts/about-400.woff2') format('woff2');font-weight:400;font-display:block}
@font-face {font-family:Copy;src:url('/template/index/static/fonts/about-700.woff2') format('woff2');font-weight:700;font-display:block}
.intro .section {max-width:1680px;min-width:1200px;width:100%;margin:auto;position:relative;overflow:hidden;background:#efefef;font-family:Copy,'Microsoft YaHei',sans-serif;font-weight:200;transform:translateZ(0)}
.intro .wrap {width:1102px;margin:auto;position:relative}
.intro .banner {background:#efefef url('/template/index/static/images/about-banner.jpg') center no-repeat}
.intro .video {height:525px;padding-top:59px}
.intro .video-player {width:1104px;height:466px;margin:auto;background:#898989}
.intro .video video {display:block;width:823px;height:463px;margin:auto;object-fit:fill;background:#000}
.intro .heading {width:1102px;margin:auto;text-align:center;padding-top:76px}
.intro .heading>p {font:700 46px/56px Arial,sans-serif;color:#898989}
.intro .heading h2 {position:relative;margin-top:10px;font:400 36px/46px Copy,sans-serif;color:white}
.intro .heading h2:before {content:'';position:absolute;left:0;right:0;top:22px;border-top:1px solid #595757}
.intro .heading h2 span {display:inline-block;position:relative;min-width:243px;background:#595757;box-shadow:0 0 0 20px #efefef;padding:0 20px}
.intro .culture {height:696px;background:#ddd}
.intro .culture .heading {padding-top:77px}
.intro .culture .heading h2 span {box-shadow:0 0 0 20px #ddd}
.intro .culture-cards {width:1102px;margin:70px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:13px 14px}
.intro .culture-cards article {width:359px;height:150px;background:#a40000;color:white;text-align:center;border-radius:4px;padding-top:30px}
.intro .culture-cards article:first-child {width:355px;border-radius:11px}
.intro .culture-cards article:nth-child(n+4) {height:153px;background:#2c2c2c;padding-top:28px;width:360px}
.intro .culture-cards h3 {font-size:34px;line-height:48px;font-weight:400}
.intro .culture-cards p {font-size:18px;line-height:23px;font-weight:200}
.intro .leadership {height:390px;text-align:center;font-size:18px;line-height:32px;color:#292929}
.intro .leadership .heading {padding-top:74px}
.intro .leadership-slogan {margin-top:37px;color:#a40000;font-size:22px;font-weight:400}
.intro .team {height:1517px}
.intro .person {height:294px;position:relative;font-weight:400}
.intro .person-inner {width:1102px;height:100%;margin:auto;position:relative}
.intro .portrait {position:absolute;left:45px;top:5px;width:222px;height:289px}
.intro .person h3 {position:absolute;left:293px;top:30px;display:flex;align-items:center;font-weight:200;line-height:28px}
.intro .person h3 b {font-size:34px;font-weight:400}
.intro .person h3>span {font-size:24px;margin:0 7px}
.intro .person h3 small {font-size:22px;font-weight:400}
.intro .person-copy {position:absolute;left:267px;right:143px;top:82px;bottom:0;border-top:1px solid #999;border-right:1px solid #999;padding:9px 25px 0}
.intro .person-copy h4 {font-size:20px;line-height:32px;font-weight:400;margin:0}
.intro .person-copy ul {font-size:16px;line-height:30px}
.intro .person-copy li {position:relative;padding-left:15px}
.intro .person-copy li:before {content:'▲';position:absolute;left:0;font-size:14px;color:black}
.intro .sun {height:300px}
.intro .sun .portrait {top:11px}
.intro .sun h3 {top:18px}
.intro .sun .person-copy {top:87px}
.intro .wang {height:292px}
.intro .wang .portrait,.intro .liu .portrait {left:844px;top:4px}
.intro .wang h3,.intro .liu h3 {left:auto;right:293px;top:17px}
.intro .wang .person-copy,.intro .liu .person-copy {left:152px;right:258px;top:62px;border-right:0;border-left:1px solid #999;padding-left:61px}
.intro .liu {height:295px}
.intro .liu h3 {top:15px}
.intro .liu .person-copy {top:62px}
.intro .yang {height:336px}
.intro .yang .portrait {top:3px;left:44px;height:288px}
.intro .yang .person-copy {bottom:40px}
.intro .partner {height:460px;background:#efefef url('/template/index/static/images/about-partner-bg.png') center -49px/1680px 560px no-repeat}
.intro .partner h2 {position:absolute;top:93px;left:calc(50% - 202px);width:402px;height:77px;background:#000;color:#fff;text-align:center;font:400 50px/77px 'Microsoft YaHei',sans-serif}
.intro .partner p {position:absolute;top:187px;left:0;width:100%;color:#000;text-align:center;white-space:nowrap;font:400 50px/64px 'Microsoft YaHei',sans-serif}
.intro .marketing {height:846px;background:white}
.intro .marketing-heading {height:239px;background:#242424 url('/template/index/static/images/about-marketing-bg.png') center -160px/1680px 560px no-repeat}
.intro .marketing-heading .wrap{padding:109px 0 0 4px;color:#fff}
.intro .marketing-heading p{font:400 40px/45px 'Times New Roman',serif}
.intro .marketing-heading h2{font:400 40px/50px 'Microsoft YaHei',sans-serif}
.intro .marketing-body {height:459px;background:url('/template/index/static/images/about-marketing-room.jpg') calc(50% + 449px) 0 no-repeat}
.intro .marketing-body .wrap {padding-top:60px;font-size:18px;line-height:30px}
.intro .marketing-body dl {margin:40px 0 0;width:576px}
.intro .marketing-body dl>div {display:flex;height:58px;border-bottom:1px solid #595757;margin-bottom:28px}
.intro .marketing-body dt {width:82px;flex-shrink:0;background:#595757;color:white;font-size:24px;line-height:58px;text-align:center;font-weight:700}
.intro .marketing-body dd {margin:0;padding:14px 0 0 15px;white-space:nowrap;line-height:25px}
.intro .marketing-body dl>div:nth-child(2) dd {padding-top:4px}
.intro .marketing-bottom {height:148px;background:url('/template/index/static/images/about-marketing-bottom.jpg') center no-repeat}
.intro .results {height:425px;text-align:center}
.intro .results .heading {padding-top:76px}
.intro .results>p {margin-top:65px;font-size:40px;line-height:55px}
.intro .results>p span {color:#a40000}
.intro .results .results-points {font-size:30px;line-height:40px;margin:0}
.intro .innovation {height:644px}
.intro .room-gallery {width:1102px;margin:auto;display:flex;justify-content:space-between;height:414px}
.intro .room-gallery img {width:354px;height:414px}
.intro .innovation .heading {padding-top:80px}
.intro .models {height:708px;font-family:'Microsoft YaHei',sans-serif;font-weight:400}
.intro .models>header {height:196px;text-align:center;font-size:40px;line-height:64px}
.intro .models>header span {color:#a40000}
.intro .models>header p+p {font-size:30px;line-height:80px}
.intro .models-grid {width:1122px;height:512px;margin:auto;display:flex}
.intro .models-grid article {position:relative;width:350px;height:412px;margin:0 12px;padding:0 40px;background:#ddd;font-size:20px;line-height:30px;text-align:justify}
.intro .models-grid h3 {height:123px;position:relative}
.intro .models-grid h3 img {position:absolute;top:43px;left:32px;width:211px;height:70px}
.intro .models-grid .model-name {text-align:center;position:absolute;top:363px;left:0;right:0}
.intro .sleep {height:898px;background:url('/template/index/static/images/about-sleep.jpg') center no-repeat}
.intro .sleep article {position:absolute;top:1px;left:0;width:439px;height:613px;background:black;color:#ddd;text-align:center;padding-top:74px}
.intro .sleep h2 {font-size:30px;line-height:42px}
.intro .sleep h3 {position:relative;margin:1px 55px 0;border-top:1px solid #ddd;top:23px;line-height:34px;font-size:26px}
.intro .sleep h3 span {background:#000;position:relative;top:-18px;padding:0 9px}
.intro .sleep article>p {margin:55px 0 0 70px;text-align:left;font-size:22px;line-height:36.8px}
.intro .sleep article>div {margin-top:48px;font:24px/30px 'Times New Roman',serif}
.intro .conditions {height:765px;text-align:center;background:#efefef}
.intro .conditions .heading {padding-top:81px}
.intro .conditions-price {font-size:24px;line-height:38px;font-weight:400;margin-top:39px}
.intro .conditions ol {list-style:none;margin:28px 0 0;padding:0;font-size:20px;line-height:36px;position:relative}
.intro .conditions li em {font-size:30px;color:#a40000;font-style:italic}
.intro .process {height:615px;background:#666;color:#fff}
.intro .process .heading {padding-top:81px}
.intro .process .heading>p {color:#1a1a1a}
.intro .process .heading h2 span {background:#1a1a1a;box-shadow:0 0 0 20px #666}
.intro .process .heading h2:before {border-color:#1a1a1a}
.intro .process-steps {position:relative;width:1102px;margin:67px auto 0;height:278px;list-style:none;padding:0;font-weight:400}
.intro .process-steps li {position:absolute;width:124px;height:124px;border:2px solid #ddd;border-radius:50%;text-align:center;background:#666}
.intro .process-steps li>span {font:40px/48px Arial,sans-serif;display:block;margin-top:10px}
.intro .process-steps p {font-size:18px;line-height:21px}
.intro .process-steps li:nth-child(1) {left:155px}
.intro .process-steps li:nth-child(2) {left:374px}
.intro .process-steps li:nth-child(3) {left:593px}
.intro .process-steps li:nth-child(4) {left:812px}
.intro .process-steps li:nth-child(5) {left:702px;top:154px}
.intro .process-steps li:nth-child(6) {left:483px;top:154px}
.intro .process-steps li:nth-child(7) {left:264px;top:154px}
.intro .process-steps li:nth-child(-n+3):after {content:'';position:absolute;left:122px;top:59px;width:96px;border-top:3px solid #eee}
.intro .process-steps li:nth-child(-n+3):before {content:'';position:absolute;left:159px;top:50px;border-left:22px solid #eee;border-top:11px solid transparent;border-bottom:11px solid transparent}
.intro .process-steps li:nth-child(4):after {content:'';position:absolute;left:122px;top:59px;width:34px;height:155px;border-top:3px solid #eee;border-right:3px solid #eee;border-bottom:3px solid #eee}
.intro .process-steps li:nth-child(4):before {content:'';position:absolute;left:148px;top:124px;border-top:22px solid #eee;border-left:11px solid transparent;border-right:11px solid transparent}
.intro .process-steps li:nth-child(n+5):not(.process-end):after {content:'';position:absolute;left:122px;top:59px;width:96px;border-top:3px solid #eee}
.intro .process-steps li:nth-child(n+5):not(.process-end):before {content:'';position:absolute;left:159px;top:50px;border-right:22px solid #eee;border-top:11px solid transparent;border-bottom:11px solid transparent}
.intro .process-steps .process-end {left:160px;top:193px;width:105px;height:40px;border:0;border-radius:0;text-align:left;font:26px/40px 'Times New Roman',serif;background:none}
.intro .process-end:after {content:'';position:absolute;right:0;top:21px;width:50px;border-top:3px solid #eee}
.intro #player {width:823px;height:463px;position:relative;margin:auto}
.intro #player video {width:100%;height:100%}
.intro .play {position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;padding:0;background:none;border:0;z-index:10}
.intro .play img {width:70px;height:70px}
.intro .play[hidden] {display:none}
.intro .jing h3 {top:38px}
.intro .culture-cards {margin-top:69px}
.intro .conditions {background:#efefef url('/template/index/static/images/about-network.jpg') center bottom no-repeat}
.intro .conditions li {height:36px;line-height:36px;font-weight:400}
.intro .conditions li em {line-height:1;font-family:Copy,sans-serif;font-weight:400}
.intro .process-steps li:nth-child(5):after {width:144px}
.intro .models>header {line-height:56px}
.intro .models-grid article {height:414px;margin-top:2px}
.intro .play {top:calc(50% - 29.5px)}
.intro .person-inner:before {content:'';position:absolute;left:230px;top:-5px;width:37px;height:10px;background:#c97d7d}
.intro .sun .person-inner:before {top:1px}
.intro .wang .person-inner:before,.intro .liu .person-inner:before {left:1029px;top:-6px}
.intro .yang .person-inner:before {left:229px;top:-7px}
.intro .conditions ol {margin-top:25px}


/* 内页共用模块：优势、品牌、酒店、合作与预定。 */
@font-face{font-family:Content;src:url('/template/index/static/fonts/content-200.woff2') format('woff2');font-weight:200;font-display:block}
@font-face{font-family:Content;src:url('/template/index/static/fonts/content-400.woff2') format('woff2');font-weight:400;font-display:block}
@font-face{font-family:Content;src:url('/template/index/static/fonts/content-700.woff2') format('woff2');font-weight:700;font-display:block}
.interior .banner{background-position:center;background-repeat:no-repeat;background-color:#efefef}
.panel{width:100%;max-width:1680px;min-width:1200px;margin:auto;background:#efefef;position:relative;overflow:hidden;font:200 18px/1.5 Content,'Microsoft YaHei',sans-serif}
.panel .wrap{width:1102px;margin:auto;position:relative;height:100%}
.caption{width:1102px;margin:auto;text-align:center;padding-top:75px}
.caption>p{font:700 46px/56px Arial,sans-serif;color:#898989}
.caption h2{position:relative;margin-top:9px;font:400 36px/46px Content,sans-serif;color:#fff}
.caption h2:before{content:'';position:absolute;left:0;right:0;top:24px;border-top:1px solid #595757}
.caption h2 span{position:relative;display:inline-block;min-width:240px;padding:0 20px;background:#595757;box-shadow:0 0 0 20px #efefef}
.panel .strap{text-align:center;margin:30px auto 0;font-size:18px;line-height:27px}
.summary{height:464px}
.summary-frame{position:absolute;top:84px;left:0;width:1102px;height:466px;border:2px solid #aaa;border-left:14px solid #aaa;background:white url('/template/index/static/images/home-about-texture.jpg') left top/535px 466px no-repeat}
.summary-label{position:absolute;top:123px;left:58px;color:#999}
.summary-label:before{content:'>';position:absolute;left:-44px;top:4px;width:23px;height:44px;background:#999;color:white;font:38px/43px Arial}
.summary-label b{font:700 31px/38px Arial,sans-serif}
.summary-label h1{font:400 21px/28px Content,sans-serif;color:#595757}
.summary-copy{position:absolute;left:60px;top:210px;width:440px;font:15px/22.5px 'Microsoft YaHei',sans-serif;color:#595757}
.summary-copy h4{font-size:22px;font-weight:400;margin:0 0 20px}
.competition{height:548px}
.competition .summary-frame{top:80px;height:468px;background-image:linear-gradient(#ffffff55,#ffffff55),url('/template/wap/static/images/mobile-ink-clean.png');background-size:522px 466px;background-repeat:no-repeat}
.competition .summary-label{top:116px}
.competition .summary-label h1{position:relative;font:400 21px/26px Content,'Microsoft YaHei',sans-serif}
.competition .summary-label h1:after{content:'';display:block;width:66px;height:3px;margin-top:5px;background:linear-gradient(to right,#aaa 0 45px,#c98e8f 45px 66px)}
.competition .summary-copy{top:200px;width:440px;font:400 15px/22px Content,'Microsoft YaHei',sans-serif;color:#707070}
.competition .summary-copy .summary-emphasis{font-size:15px;color:#a40000;font-weight:700}
.competition .summary-copy .summary-emphasis strong{font-weight:700}
.competition .summary-sleep-copy{white-space:pre-line}
.gallery{width:565px;height:378px;position:absolute;left:536px;top:86px;overflow:hidden;background:#fff}
.gallery>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}
.gallery>img.active{opacity:1}
.gallery-dots{position:absolute;bottom:13px;left:0;right:0;display:flex;justify-content:center;gap:15px}
.gallery-dots button{border:0;width:10px;height:10px;border-radius:50%;padding:0;background:#fff;cursor:pointer}
.gallery-dots button[aria-pressed=true]{background:#e94950}
.competition .gallery{left:535px;top:81px;width:566px;height:466px}
.competition .gallery-dots{bottom:29px;z-index:2}
.space{height:106px}
.ribbonbar{height:199px;background:#191919;color:white}
.ribbonbar .codes{position:absolute;top:40px;left:0;display:flex;gap:26px}
.ribbonbar figure{margin:0;width:98px;text-align:center}
.ribbonbar img{width:98px;height:98px}
.ribbonbar figcaption{font:16px/26px Content,sans-serif}
.ribbonbar .motto{position:absolute;top:83px;left:260px;font:24px/40px Tagline,serif;color:white;white-space:nowrap}
.ribbonbar .hotline{position:absolute;right:28px;top:61px}
.cards{width:1102px;margin:auto;display:flex;justify-content:space-between}
.cards article{text-align:center}
.patterns{height:804px;background:#a40000;color:#eee}
.patterns .caption>p{color:#191919}
.patterns .caption h2 span{background:#191919;box-shadow:0 0 0 20px #a40000}
.patterns .caption h2:before{border-color:white}
.patterns .strap{margin-top:44px}
.patterns .cards{margin-top:42px}
.patterns article{position:relative;width:352px;height:414px;border-radius:6px;background:#191919;padding:42px 49px 0}
.patterns .ribbon{position:relative;width:219px;height:72px;margin:0 auto;background:url(/template/index/static/images/ribbon.svg) center/219px 72px no-repeat}
.patterns .ribbon span{position:absolute;top:9px;left:0;width:100%;color:#eee;font:400 20px/28px Content,"Microsoft YaHei",sans-serif;text-align:center}
.patterns article>p{font-size:18px;line-height:31.5px;text-align:justify;margin-top:19px}
.patterns small{position:absolute;bottom:16px;left:0;right:0;font:18px/24px 'Times New Roman',serif}
.advantages{height:744px;background:#ddd;color:#191919}
.advantages .caption h2 span{box-shadow:0 0 0 20px #ddd}
.advantages .strap{font-size:24px;font-weight:700;margin-top:28px}
.advantages-grid{display:flex;width:902px;margin:48px auto 0;justify-content:space-between}
.advantages-grid article{width:220px;position:relative}
.advantages-grid .number{height:141px;font:bold 190px/170px Arial,sans-serif;text-align:center;position:relative;z-index:0}
.advantages-grid .number:before{content:'';position:absolute;width:162px;height:162px;border:32px solid #c68f90;border-radius:50%;left:41px;top:43px;z-index:-1}
.advantages-grid h3{position:relative;background:#211815;color:white;font:400 26px/41px Content,sans-serif;text-align:center;margin-left:16px}
.advantages-grid h4{position:relative;font:400 20px/30px Content,sans-serif;margin:4px 0 0 23px}
.advantages-grid article>p{font-size:18px;line-height:24px;margin-top:33px;text-align:justify}
.choice{height:516px;border-top:20px solid #999}
.choice .caption{padding-top:98px}
.choice .cards{margin-top:55px}
.choice article{width:268px;height:230px;background:#a40000;border-radius:4px;color:#fff;padding-top:37px}
.choice h3,.marketing-cards h3{font-size:34px;line-height:48px}
.choice article p,.marketing-cards article p{font-size:18px;line-height:25px}
.marketing-cards{height:622px}
.marketing-cards .caption{padding-top:88px}
.marketing-cards .cards{margin-top:36px}
.marketing-cards article{width:358px;height:209px;background:#2c2c2c;color:#fff;border-radius:4px;display:flex;flex-direction:column;justify-content:center}
.school{height:666px;background:#b5b5b5;color:#191919}
.school .caption{padding-top:70px}
.school .caption h2 span{box-shadow:0 0 0 20px #b5b5b5}
.school .wrap{height:auto;padding-top:37px}
.school .wrap>p{font-size:18px;line-height:25px;margin-bottom:23px}
.school-photos{display:flex;justify-content:space-between;margin-top:31px;padding:0 5px}
.school-photos img{width:262px;height:186px;object-fit:cover;border:4px solid #a40000;border-radius:5px}
.partners{height:584px}
.partners .caption{padding-top:65px}
.partner-list{width:1102px;height:242px;margin:68px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:90px 102px;row-gap:50px}
.partner-list li{display:flex;justify-content:center;align-items:flex-start}
.partner-list img{max-width:none;flex:none;transform:translateX(var(--offset));object-fit:contain}
.hotel-grid{padding:53px 0 153px}
.hotel-list{width:1119px;margin:auto;display:grid;grid-template-columns:repeat(3,357px);gap:18px 16px;padding:9px 8px}
.hotel-tile{width:357px;height:357px;position:relative;display:block}
.hotel-tile img{width:357px;height:357px}
.hotel-tile:after{content:'';position:absolute;inset:0;background:#000;opacity:0;transition:opacity .3s}
.hotel-tile span{position:absolute;z-index:1;left:91px;top:238px;width:175px;height:55px;line-height:55px;border-radius:5px;text-align:center;background:#a40000;color:white;font:20px/55px 'Microsoft YaHei',sans-serif;opacity:0;transition:opacity .3s}
.hotel-tile:hover:after,.hotel-tile:focus-visible:after{opacity:.4}
.hotel-tile:hover span,.hotel-tile:focus-visible span{opacity:1}
.booking-codes{height:553px}
.booking-codes img{position:absolute;left:50%;transform:translateX(-50%);width:1680px;height:553px}
.details .banner{height:594px;margin-bottom:0}
.hotel-info{height:852px;color:#777}
.hotel-info .wrap{padding-top:79px}
.hotel-info h1{font-size:28px;line-height:42px;margin-bottom:31px}
.hotel-info img{width:1103px;height:293px}
.hotel-info dl{font-size:20px;line-height:37px;margin-top:33px}
.hotel-info dl>div{display:flex}
.hotel-info dt{flex:none;width:137px;padding-left:28px;position:relative}
.hotel-info dt:before{content:'';position:absolute;left:3px;top:12px;width:14px;height:14px;border:2px solid #777;border-radius:2px}
.hotel-info dd{margin:0;flex:1}
.hotel-info a{font:inherit;color:inherit}
.hotel-info .wrap:after{content:'';position:absolute;bottom:1px;left:0;right:0;border-top:1px solid #999}
.city-info{height:960px;color:#777}
.city-info .wrap{padding-top:48px}
.city-info h2{font-size:30px;line-height:45px}
.city-info p{font-size:20px;line-height:32px;margin:8px 0 33px}
.city-info img{width:1103px;height:536px;margin-bottom:34px}
.city-info img+p{font-size:19px;line-height:30px}
.cooperation .summary-frame{height:378px}
.cooperation .summary-copy{top:200px;left:58px}
.cooperation .summary-label{top:123px}
.model-space{height:81px}
.standard{height:250px}
.standard .caption{padding-top:74px}
.standards{height:374px}
.standards .wrap{display:flex}
.standard-card{width:552px;height:374px;background:url('/template/index/static/images/page-hzmsjmq01.jpg') no-repeat}
.standard-card:hover,.standard-card:focus-visible{background-image:url('/template/index/static/images/page-hzmsjmh01.jpg')}
.standard-card+.standard-card{width:551px;background-image:url('/template/index/static/images/page-hzmsjmq02.jpg')}
.standard-card+.standard-card:hover,.standard-card+.standard-card:focus-visible{background-image:url('/template/index/static/images/page-hzmsjmh02.jpg')}
.upgrade{height:484px;text-align:center}
.upgrade .caption{padding-top:70px}
.upgrade>h3{font-size:28px;line-height:40px;color:#a40000;font-weight:700;margin-top:28px}
.upgrade>p{font-size:24px;line-height:38px;color:#999;margin-top:10px}
.upgrade dl{width:454px;margin:37px auto 0;color:#999;font-size:24px;line-height:42px}
.upgrade dl div{display:flex;border-bottom:1px solid #999}
.upgrade dt{font-size:20px;flex:1;white-space:nowrap}
.upgrade dd{margin:0;color:#595757;border-bottom:1px solid #a40000;white-space:nowrap}
.material{height:620px}
.material-picture{height:390px;background:url('/template/index/static/images/upgrade-material.jpg') center no-repeat;position:relative}
.material-copy{position:absolute;left:calc(50% + 18px);top:186px;width:535px;height:200px;background:#cbcdcc;color:#a40000;font:700 24px/43px Content,sans-serif;padding:2px 7px}
.material .caption{padding-top:66px}
.renovation{height:876px}
.renovation img{position:absolute;left:50%;transform:translateX(-50%);width:1680px;height:876px}
.fees-space{height:121px}
.fees-title{height:184px;background:#cbcdcc}
.fees-title .caption{padding-top:72px}
.fees-title .caption h2 span{box-shadow:0 0 0 20px #cbcdcc}
.fees{height:552px;background:#ccc url('/template/index/static/images/page-05hzms9.jpg') center no-repeat}
.fees dl{position:absolute;top:91px;left:6px;width:564px;margin:0;background:transparent;font:18px/26px 'Microsoft YaHei',sans-serif;color:#000}
.fees dl>div{display:flex;flex-wrap:wrap}
.fees dt{font-weight:700}
.fees dd{display:contents;margin:0}
.case{height:627px;text-align:center}
.case>h3{font-size:34px;line-height:50px;margin-top:33px}
.case>p{font-size:18px;line-height:27px;margin-top:16px}
.case-photos{width:1102px;margin:45px auto 0;display:flex;justify-content:space-between}
.case-photos img{width:356px;height:239px;border:8px solid #a40000;border-radius:4px}
.data{height:854px}
.data .caption{padding-top:65px}
.data>img{width:1102px;height:538px;margin:64px auto 0}
.brand-banner{height:502px}
.brand-view[hidden],.brand-banner[hidden]{display:none}
.brand-summary{background-position:center;background-repeat:no-repeat;color:#595757}
.brand-summary .wrap{width:1100px}
.brand-copy{position:absolute;left:58px;top:200px;width:440px;font:15px/22.5px 'Microsoft YaHei',sans-serif}
.brand-copy h4{font-size:22px;margin:0 0 20px;line-height:normal}
.brand-copy p{margin:0}
.brand-summary .gallery{height:378px}
.brand-poster{background-position:center;background-repeat:no-repeat}
.amenities{height:309px}
.amenities-inner{width:1102px;margin:78px auto 0;display:flex;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:27px 0 24px;justify-content:space-between}
.amenities article{display:flex;width:245px;align-items:center;color:#999;font:14px/20px Content,sans-serif}
.amenities img{width:86px;height:86px;margin-right:17px}
.amenities h3{font-size:18px;font-weight:200}
.recommendations{padding-bottom:40px}
.recommendations .caption{height:169px;padding-top:35px}
.hotel-card{position:relative;width:350px;margin:10px 0 10px calc(50% - 541px);font:15px/25px 'Microsoft YaHei',sans-serif;background:white}
.hotel-card>h3{position:absolute;top:0;left:0;right:0;z-index:1;padding:10px 15px;background:#0007;color:#fff;font-size:18px}
.hotel-card>img{width:350px;height:230px;object-fit:cover}
.hotel-card-copy{padding:15px}
.hotel-card-copy>a{display:block;background:#a40000;color:white;text-align:center;margin-top:20px;padding:8px}
@media(prefers-reduced-motion:reduce){.gallery>img,.hotel-tile:after,.hotel-tile span{transition:none}}
/* 按原稿修正数字装饰的外径与三列间距。 */
.advantages-grid{width:938px;margin-left:calc(50% - 450px);margin-right:0}
.advantages-grid .number:before{box-sizing:border-box}
.advantages-grid h4{font-size:18px;white-space:nowrap}
.advantages-grid h3:before{content:'';position:absolute;left:-16px;top:0;width:16px;height:41px;background:#211815;clip-path:polygon(100% 0,100% 100%,0 100%)}
.advantages-grid h3:after{content:'';position:absolute;left:-16px;top:0;width:3px;height:88px;background:#211815;transform:rotate(28deg);transform-origin:top}

.hotel-info h1{font-weight:700}
.hotel-info dt:before{border:0;width:28px;height:28px;left:0;top:4px;background-size:28px 28px}
.hotel-info dl>div:nth-child(1) dt:before{background-image:url(/template/index/static/images/hotel-icon-0.png)}
.hotel-info dl>div:nth-child(2) dt:before{background-image:url(/template/index/static/images/hotel-icon-1.png)}
.hotel-info dl>div:nth-child(3) dt:before{background-image:url(/template/index/static/images/hotel-icon-2.png)}
.hotel-info dl>div:nth-child(4) dt:before{background-image:url(/template/index/static/images/hotel-icon-3.png)}
.hotel-info dl>div:nth-child(5) dt:before{background-image:url(/template/index/static/images/hotel-icon-4.png)}
.hotel-info dl>div:nth-child(6) dt:before{background-image:url(/template/index/static/images/hotel-icon-5.png)}

.hotel-info,.city-info{font-weight:400}

.caption>p{font-weight:400}
.brand-banner{height:506px}
.amenities article{font-weight:400}
.amenities h3{font-weight:400}
.recommendations{padding-bottom:0;min-height:706px}
.recommendations .caption{padding-top:0;width:1082px}
.recommendations .caption>p{line-height:45px}
.recommendations .caption h2{margin-top:9px}
.hotel-card{height:403px;background:transparent;line-height:20px}
.hotel-card>img{height:240px;object-fit:fill;border-radius:4px 4px 0 0}
.hotel-card>h3{top:183px;left:-5px;right:auto;padding:0 22px;font-weight:400;line-height:38px;background:#205299cc;border-radius:0 3px 3px 0}
.hotel-card-copy{position:relative;height:163px;padding:30px 22px 0;border:1px solid #e0e0e0;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 2px 6px #7773;color:#8d8d8d}
.hotel-card-copy>a{position:absolute;bottom:29px;left:22px;margin:0;padding:0;background:none;color:#b2b2b2;font-size:15px;line-height:21px}
.hotel-card-copy>a:hover{color:#205299}
#up-select .hotel-card>h3{background:#18534dcc}
#select .hotel-card>h3,#huayi .hotel-card>h3{background:#a40000cc}

/* 品牌卡片：鼠标经过整张卡片时，照片、边框和链接同步变化。 */
.hotel-card{--hotel-color:#205299}
#up-select .hotel-card{--hotel-color:#18534d}
#yihe .hotel-card{--hotel-color:#a747a8}
#select .hotel-card,#huayi .hotel-card{--hotel-color:#a40000}
.hotel-photo{width:350px;height:240px;overflow:hidden;border-radius:4px 4px 0 0}
.hotel-photo img{width:100%;height:100%;object-fit:fill;transition:transform 1.2s ease}
.hotel-card:hover .hotel-photo img,.hotel-card:focus-within .hotel-photo img{transform:scale(1.1)}
.hotel-card:hover .hotel-card-copy,.hotel-card:focus-within .hotel-card-copy{border-color:var(--hotel-color);box-shadow:0 2px 6px #6b6b6b33}
.hotel-card:hover .hotel-card-copy>a,.hotel-card:focus-within .hotel-card-copy>a{color:var(--hotel-color)}
.booking-codes{background:#1b334f url('/template/index/static/images/booking-map.jpg') center no-repeat}
.booking-qr{position:absolute;top:255px;left:calc(50% - 135px);display:flex;gap:19px}
.booking-codes .booking-qr img{position:static;transform:none;width:126px;height:126px;max-width:none}
.fees dl{width:564px;font:400 18px/26px Content,'Microsoft YaHei',sans-serif}
.fees dl>div{display:block;padding-left:125px;text-indent:-125px}
.fees dt,.fees dd{display:inline;margin:0}
.fees dt{font-weight:700}
.fees dd{padding-left:4px}
@media(prefers-reduced-motion:reduce){.hotel-photo img{transition:none}}

.fees dd{padding-left:0}
.fees dl>div:nth-child(6){white-space:nowrap}
.fees dl{letter-spacing:-.35px}

/* 内页文字校准：只作用于正文，保持首页与公共头尾不变。 */
.intro main .heading>p{font-weight:400}
.intro main .culture-cards p{font-weight:400}
.advantage main .patterns article>p,
.advantage main .choice article p,
.advantage main .marketing-cards article p,
.advantage main .marketing-cards .strap,
.advantage main .school .wrap>p{font-weight:400}
.advantage main .choice h3,.advantage main .marketing-cards h3{font-size:35px}
.advantage main .choice .caption h2 span{padding-right:25px;padding-left:25px;letter-spacing:1px}
.advantage main .school .wrap{padding-top:39px}
.model main .upgrade>p{letter-spacing:.8px}
.model main .upgrade dl{font-weight:400;margin-top:32px;line-height:43px}
.model main .upgrade dt{flex:0 0 238px;text-align:left;padding-left:5px;font-weight:400;letter-spacing:.25px}
.model main .upgrade dd{display:flex;flex:1;gap:14px;padding:0 0 0 2px;text-align:left}
.model main .upgrade dd span:first-child{flex:0 0 66px;color:#898989}
.details main .hotel-info h1{font-size:29px;font-weight:700;letter-spacing:.15px;color:#595757}
.details main .hotel-info dl{font-size:20.5px;font-weight:200;line-height:37px;color:#666}
.details main .hotel-info dt{padding-left:32px}
.details main .hotel-info .wrap:after{bottom:14px}
.details main .city-info h2{font-size:32px;color:#595757}
.details main .city-info p{font-size:21.3px;font-weight:200;line-height:34px;margin-bottom:38px}
.details main .city-info img+p{font-size:20px;line-height:31px;margin-top:0;letter-spacing:.15px}

/* 简介图中文字分离，背景与文案可独立维护。 */
.intro .customization{position:relative;width:354px;height:414px;flex:none;background:url('/template/index/static/images/about-customization-bg.png') center/354px 414px no-repeat;color:#eee}
.intro .customization h3{position:absolute;top:45px;left:90px;width:172px;height:40px;background:#000;text-align:center;font:400 18px/40px 'Times New Roman',serif}
.intro .customization p{position:absolute;top:109px;left:35px;width:284px;font:400 20px/33px 'Microsoft YaHei',sans-serif;white-space:nowrap}
.intro .models-grid .ribbon{position:absolute;top:43px;left:32px;width:211px;height:70px;padding-top:8px;background:url('/template/index/static/images/about-ribbon.svg') center/211px 70px no-repeat;text-align:center;color:#fff;font:400 20px/28px 'Microsoft YaHei',sans-serif}

.cms-document{max-width:1120px;padding:60px 20px;margin:auto;line-height:1.8}.cms-document h1{font-size:30px;margin-bottom:30px}.cms-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cms-cards img{width:100%;height:200px;object-fit:cover}.cms-cards h2{font-size:20px}.cms-article>img{max-width:100%;margin:25px auto}.cms-pagination{margin-top:30px}.cms-pagination a,.cms-pagination span{display:inline-block;padding:8px 14px}

.cms-hotel-gallery{display:flex;gap:1%;overflow:auto}.cms-hotel-gallery img{width:24%;height:auto;object-fit:cover;flex:none}

/* Only the photograph region of original hotel sheets is shown; descriptions use CMS text. */
.cms-hotel-photo-sheet{position:relative;aspect-ratio:1102/290;overflow:hidden;width:100%;margin:20px 0}
.cms-hotel-photo-sheet>img{position:absolute;width:152.45%;max-width:none;height:auto;left:-26.23%;top:-53.79%;margin:0}

.hotel-card-copy>p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.details main .hotel-info{height:auto;min-height:852px;padding-bottom:55px}

/* Detail content is maintained as a single rich-text document. */
.hotel-editor-body{font-family:"Microsoft YaHei",Arial,sans-serif;font-size:20.5px;font-weight:400;line-height:37px;color:#666}
.hotel-editor-body table{font-size:inherit}
.details .hotel-info .hotel-editor-body img{max-width:100%;width:auto;height:auto}
.brand-summary-frame{position:absolute;left:0;top:82px;width:1102px;height:380px;border:1px solid var(--brand-accent);border-left-width:13px;background:#fff url('/template/index/static/images/brand-parts/paper.svg') left top/548px 378px no-repeat;pointer-events:none}
.brand-summary-frame:before{content:'>';position:absolute;left:-1px;top:42px;width:25px;height:45px;background:var(--brand-accent);color:white;text-align:center;font:400 34px/43px Arial,sans-serif}
.brand-summary-title{position:absolute;left:58px;top:125px;height:46px;display:flex;align-items:center;gap:10px}
.brand-summary-title img{height:46px;object-fit:contain;flex:none}
.brand-summary-title h2{margin:0;white-space:nowrap;font:400 24px/46px 'Microsoft YaHei',sans-serif;color:var(--brand-title-color)}
.brand-summary-title:after{content:'';position:absolute;left:300px;top:41px;width:127px;height:3px;background:linear-gradient(to right,#b3b3b3 67%,var(--brand-accent) 67%)}
.brand-view[data-brand='up-smart'] .brand-summary-title:after,.brand-view[data-brand='up-select'] .brand-summary-title:after,.brand-view[data-brand='up-sleep'] .brand-summary-title:after{left:186px}
.brand-copy .brand-synopsis{font-weight:400;line-height:26px}
.brand-synopsis span{font:400 14px/26px 'Times New Roman',serif}

/* 酒店分类列表：原站三列布局，城市标签独立叠加在纯照片上。 */
.brand-hotel-grid{display:grid;grid-template-columns:repeat(3,350px);gap:20px;width:1090px;margin:0 auto;padding:0 0 40px;align-items:start}
.brand-hotel-grid:empty{display:none}
.brand-hotel-grid .hotel-card{width:350px;height:395px;margin:0;min-width:0}
.brand-hotel-grid .hotel-photo{height:232px}
.brand-hotel-grid .hotel-photo img{display:block;object-fit:cover}
.brand-hotel-grid .hotel-card>h3{top:183px;font-size:20px;line-height:38px;font-weight:400;white-space:nowrap}

/* 分类没有已发布酒店时，不保留推荐标题和列表占位。 */
.recommendations:not(:has(.hotel-card)){display:none}

.sotela-summary .brand-summary-title{display:block;top:124px;width:440px;height:55px}
.sotela-summary .brand-summary-title img{display:block;width:135px;height:32px}
.sotela-summary .brand-summary-title h2{font-size:16px;line-height:22px}
.sotela-summary .brand-summary-title:after{left:189px;top:43px}

/* 分隔线由内容详情中的 hr 控制，避免旧固定区域再叠加一条线。 */
.details .hotel-info .wrap:after{display:none}

/* 2026 brand reference layouts */
.brand-summary .gallery{left:536px;top:82px;width:566px;height:380px}
.brand-view[data-brand="boutique"] .brand-summary-title{display:block;top:124px}
.brand-view[data-brand="boutique"] .brand-summary-title img{display:block;width:97px;height:52px}
.brand-view[data-brand="boutique"] .brand-summary-title h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.brand-view[data-brand="boutique"] .brand-summary-title:after{left:189px;top:43px}
.brand-copy .brand-intro-text{font-size:15px;line-height:22.5px;font-weight:400}

/* 2026 first-level page references: native text, CMS-managed photographs. */
.site-brand-strip{width:100%;max-width:var(--width);min-width:1200px;height:132px;margin:auto;padding-inline:max(0px,calc((100% - 1106px)/2));box-sizing:border-box;display:flex;align-items:center;justify-content:space-around;background:#efefef}
.site-brand-strip a{position:relative;width:130px;height:90px;display:flex;align-items:center;justify-content:center}
.site-brand-strip img{max-width:115px;max-height:68px;width:auto;height:auto;object-fit:contain}
.site-brand-strip .brand-strip-hover{position:absolute;opacity:0}
.site-brand-strip a:hover .brand-strip-hover,.site-brand-strip a:focus-visible .brand-strip-hover{opacity:1}
.site-brand-strip a:hover .brand-strip-normal,.site-brand-strip a:focus-visible .brand-strip-normal{opacity:0}
.about-triangle-rose{background:#ddd}.about-triangle-dark{background:#9f9f9f}
.intro .culture-cards article,.intro .culture-cards article:first-child,.intro .culture-cards article:nth-child(n+4){width:358px;height:150px;border-radius:0;padding-top:30px;background:#a40000}
.intro .culture-cards article:nth-child(even){background:#2c2c2c}
.intro .partner{background-color:#000;background-position:center;background-size:1102px 445px;background-repeat:no-repeat;height:445px}
.intro .sleep{background-position:center;background-size:1680px 899px}
.hotel-distribution-banner{position:relative}
@font-face{font-family:HotelDistribution;src:url('/template/index/static/fonts/hotels-distribution-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block}
.distribution-stats{position:absolute;left:calc(50% + 43px);top:192px;font:400 22px/37px HotelDistribution,'Microsoft YaHei',sans-serif;color:#111}
.distribution-stats p{position:relative;margin:0;padding-left:31px}
.distribution-stats p:before{content:'';position:absolute;left:2px;top:10px;width:17px;height:17px;border:2px solid #737373;border-radius:50%;box-sizing:border-box}
.distribution-stats p:after{content:'';position:absolute;left:6px;top:14px;width:9px;height:9px;border:1.5px solid #737373;border-radius:50%;box-sizing:border-box}
.distribution-cities{position:absolute;left:calc(50% + 74px);top:279px;margin:0;white-space:pre-line;font:400 18px/24px HotelDistribution,'Microsoft YaHei',sans-serif;letter-spacing:-.36px;color:#202020}


/* Restore the original recommended-hotel card layout. */
.brand-view .recommendations .caption{height:269px;padding-top:85px}
.brand-hotel-grid .hotel-photo{display:block}
.brand-hotel-grid .hotel-card-copy{margin-top:8px;height:163px;padding-top:30px}
.brand-hotel-grid .hotel-card{height:403px}
.brand-hotel-grid .hotel-card-title{color:var(--hotel-color)}
.brand-hotel-grid .hotel-card-copy>a{position:static;display:block;margin:0;padding:0;font-size:15px;line-height:20px}

/* Match the source brand hotel's gray cards and left-aligned details. */
body.brand,body.brand>main,body.brand .recommendations{background:#efefef}
.brand-hotel-grid .hotel-card-copy{background:#efefef;text-align:left;padding:30px 22px 0;color:#8d8d8d;font-size:15px;line-height:20px}
.brand-hotel-grid .hotel-card-copy>p{margin:0;font-size:15px;line-height:20px;font-weight:400}
.brand-hotel-grid .hotel-card-copy>.hotel-card-title{font-size:16px;line-height:20px;padding-bottom:2px}
.brand-hotel-grid .hotel-card-copy>a{width:auto;text-align:left;margin:0;padding:0;color:#b2b2b2;line-height:20px;background:none}