.demo-placeholder {
    min-height: 200px;
    background: linear-gradient(145deg, #e0e0e0 0%, #f0f0f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #666;
}

/* ========== 底部全新视觉设计 (保留原class命名，仅修改样式) ========== */
.s1_foot footer {
    width: 100%;
    /* 原背景图保留，同时增加深色渐变叠加，提升质感 */
    background: linear-gradient(135deg, #101824 0%, #1b2535 100%);
    /* 原背景图如果存在也可叠加，为了兼容保留但用深色覆盖部分效果，也可注释，完全采用新背景 
       若需要保留原图纹理，则取消注释并调整混合模式 */
    /* background: url(../images/footer-bg.jpg) center no-repeat, linear-gradient(135deg, #101824, #1b2535);
    background-size: cover;
    background-blend-mode: overlay; */
    color: #f0f0f0;
    border-top: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 -8px 20px rgba(0,0,0,0.1);
}

/* 主容器 - 保持宽度约束，同时增强间距感 */
.s1_foot .f-wrapper {
    width: 15rem;
    margin: 0 auto;
    padding: 0.2rem 0 0.6rem 0;
    overflow: hidden;
    color: #fefefe;
    border-bottom: 1px solid rgba(255,255,255,0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* 友情链接区域 - 更现代徽章风格 */
.s1_foot .f-wrapper .yqlj_box {
    width: 100%;
    line-height: 1.5;
    font-size: 0.15rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    color: #ffaa66;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.s1_foot .f-wrapper .yqlj_box a {
    color: #e0e4ec;
    margin-right: 0.24rem;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 0.14rem;
    display: inline-block;
    margin-top: 0.06rem;
}

.s1_foot .f-wrapper .yqlj_box a:hover {
    color: #ffaa66;
    transform: translateY(-1px);
}

/* 底部菜单列 - 优雅圆润风格，调整浮动的替代方案 (flex内左浮动仍保留但适配flex-wrap) */
.s1_foot .f-ul {
    float: left;          /* 保留原浮动体系，与flex兼容良好 */
    border-right: 1px solid rgba(255,255,255,0.15);
    font-size: 0.14rem;
    box-sizing: border-box;
    padding-right: 2%;
    transition: all 0.2s;
}

/* 优化各列宽度使之更灵活，保留原百分比但细微修正 */
.s1_foot .f-1 {
    width: 9%;
}
.s1_foot .f-2, .s1_foot .f-3 {
    width: 12%;
    padding-left: 3%;
}

.s1_foot .f-ul li {
    margin-top: 0.22rem;
    list-style: none;
}

.s1_foot .f-ul li a {
    color: #d0d5e0;
    text-decoration: none;
    transition: color 0.2s, padding-left 0.2s;
    display: inline-block;
}

.s1_foot .f-ul li a:hover {
    color: #ffaa66;
    padding-left: 3px;
}

.s1_foot .f-ul li:first-child {
    margin-top: 0;
}

.s1_foot .f-ul label {
    font-size: 0.18rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    display: inline-block;
}
.s1_foot .f-ul label a {
    color: #ffffff;
    font-weight: 500;
}
.s1_foot .f-ul label::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 24px;
    height: 2px;
    background: #ffaa66;
    border-radius: 4px;
}

/* 二维码区块 - 卡片感强化 */
.s1_foot .code {
    text-align: center;
    float: left;
    font-size: 0.14rem;
    border-right: 1px solid rgba(255,255,255,0.15);
    box-sizing: border-box;
    width: 18%;
    padding: 0 3%;
    transition: transform 0.2s;
}
.s1_foot .code:hover {
    transform: translateY(-3px);
}
.s1_foot .code img {
    width: 100%;
    max-width: 110px;
    border-radius: 12px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 8px 18px rgba(0,0,0,0.2);
    transition: box-shadow 0.2s;
}
.s1_foot .code p {
    margin-top: 0.17rem;
    font-size: 0.13rem;
    font-weight: 400;
    color: #b9c2d4;
}

/* 联系方式区块 - 更突出联系方式 */
.s1_foot .contact {
    float: left;
    font-size: 0.14rem;
    width: 23%;
    box-sizing: border-box;
    padding-left: 3%;
    border-radius: 20px;
    transition: all 0.2s;
}
.s1_foot .contact h3 {
    font-size: 0.24rem;
    margin-top: 0.15rem;
    font-weight: 700;
    background: linear-gradient(135deg, #ffbb77, #ff9666);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    letter-spacing: 0.5px;
}
.s1_foot .contact p {
    margin-top: 0.12rem;
    font-size: 0.13rem;
    line-height: 1.4;
    color: #cbd5e6;
}
.s1_foot .contact .listli_btn {
    background: linear-gradient(95deg, #e33f4b, #c72a3a);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 0.44rem;
    border-radius: 0.4rem;
    margin-top: 0.2rem;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 12px rgba(227,63,75,0.3);
    text-decoration: none;
    color: white;
    font-weight: 500;
    font-size: 0.14rem;
    gap: 6px;
}
.s1_foot .contact .listli_btn img {
    width: 0.24rem;
    vertical-align: middle;
    filter: brightness(0) invert(1);
}
.s1_foot .contact .listli_btn:hover {
    transform: scale(1.02);
    background: linear-gradient(95deg, #d43542, #b52332);
    box-shadow: 0 6px 14px rgba(227,63,75,0.4);
}

/* 底部版权信息区域 - 简约不简单 */
.s1_foot .f-fly {
    text-align: center;
    font-size: 0.13rem;
    color: #9aa5b8;
    padding: 0.4rem 0.24rem 0.46rem 0.24rem;
    line-height: 1.6;
    background: rgba(0,0,0,0.2);
    margin-top: 0;
}
.s1_foot .f-fly a {
    color: #cfd9f0;
    text-decoration: none;
    transition: color 0.2s;
}
.s1_foot .f-fly a:hover {
    color: #ffaa66;
    text-decoration: underline;
}
.s1_foot .f-fly img {
    width: 0.23rem;
    vertical-align: middle;
    margin-right: 4px;
}

/* ========== 响应式加强，适配移动端保留原始class规则，并优化内容 ========= */
@media (min-width: 750px) and (max-width: 1500px) {
    .s1_foot .f-wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 0.32rem 0.32rem 0.6rem;
    }
    .s1_foot .f-1 {
        width: 10%;
    }
    .s1_foot .f-2, .s1_foot .f-3 {
        width: 14%;
    }
    .s1_foot .code {
        width: 16%;
    }
    .s1_foot .contact {
        width: 24%;
    }
}

@media (max-width: 750px) {
    .s1_foot .f-wrapper {
        width: 100%;
        padding: 0.16rem 0.24rem 0.5rem;
        box-sizing: border-box;
        /* flex-direction: column; */
        justify-content: center;
        text-align: center;
    }
    /* 保持原class存在，但让浮动元素自适应中央布局 */
    .s1_foot .f-wrapper .yqlj_box {
        text-align: left;
        font-size: 0.28rem;
        line-height: 1.4;
        margin-bottom: 0.4rem;
    }
    .s1_foot .f-wrapper .yqlj_box a {
        font-size: 0.24rem;
        margin-right: 0.2rem;
        margin-top: 0.1rem;
    }
    /* 移动端隐藏部分文字导航列表（原设计有display:none，保留原行为并调整美观） */
    .s1_foot .f-ul {
        display: none;
    }
    /* 重新排列二维码和联系方式 (不再浮动但保留class) */
    .s1_foot .code {
        float: none;
        width: 48%;
        border-right: none;
        display: inline-block;
        margin-bottom: 0.1rem;
        padding: 0 0.1rem;
    }
    .s1_foot .contact {
        float: none;
        width: 90%;
        text-align: center;
        padding-left: 0;
        margin-top: 0.2rem;
        background: rgba(255,255,255,0.05);
        border-radius: 28px;
        padding: 0.3rem 0.2rem;
    }
    .s1_foot .contact h3 {
        font-size: 0.32rem;
        margin-top: 0.1rem;
    }
    .s1_foot .contact p {
        font-size: 0.24rem;
    }
    .s1_foot .contact .listli_btn {
        width: 2.8rem;
        height: 0.8rem;
        font-size: 0.28rem;
        margin: 0.25rem auto 0;
    }
    .s1_foot .contact .listli_btn img {
        width: 0.42rem;
        margin-right: 0.1rem;
    }
    .s1_foot .code img {
        max-width: 140px;
    }
    .s1_foot .code p {
        font-size: 0.24rem;
        margin-top: 0.2rem;
    }
    .s1_foot .f-fly {
        font-size: 0.22rem;
        padding: 0.4rem 0.2rem;
    }
    .s1_foot .f-fly a {
        font-size: 0.22rem;
    }
    .s1_foot .f-fly img {
        width: 0.36rem;
    }
    /* 修正footer背景适配 */
    .s1_foot footer {
        background: linear-gradient(145deg, #0c111c, #121b2a);
    }
}


.gdxq-qrcode-box {position: fixed; top: 0px; left: 0px; margin: auto; background: rgba(0,0,0,0.75); width: 100%; height: 100%; z-index: 100; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.gdxq-qrcode-box.active { opacity: 1; visibility: visible; }
.gdxq-qrcode-box .gdxq-qrcode-inner { width: 3.92rem; position: absolute; top: 50%; left: 50%; background: #fff; transform: translate(-50%,-65%); border-radius: .1rem; opacity: 0; visibility: hidden; transition: all 0.5s ease; border-radius: .15rem; }
.gdxq-qrcode-box.active .gdxq-qrcode-inner { opacity: 1; visibility: visible; transform: translate(-50%,-50%); }
.gdxq-qrcode-text {padding: .39rem .15rem 0; text-align: center; font-size: .15rem; }
.gdxq-qrcode-bg {position: absolute; top: -2px; left: 0px; z-index: -1; border-radius: .1rem .1rem 0 0; overflow: hidden; }
.gdxq-qrcode-bg img {width: 100%; }
.gdxq-qrcode-img {background: #fff;width: 2.55rem; height: 2.55rem; font-size: 0px; margin: .25rem auto 0; box-shadow: 0 .05rem .1rem rgba(0,0,0,0.05); padding: .1rem; border: 1px solid #ebebeb; box-sizing: border-box; }
.gdxq-qrcode-img img {width: 100%; height: 100%; object-fit: cover; }
.gdxq-qrcode-tip {text-align: center; font-size: .14rem; color: #999; padding: .1rem .2rem .2rem; }
.gdxq-qrcode-text p span {display: block; font-size: .2rem; font-weight: bold; color: #fff; }
.gdxq-qrcode-text p b {color: #fff; font-weight: normal; border: 1px solid rgba(255,255,255,0.25); padding: .05rem .15rem; border-radius: .5rem; display: inline-block; margin-top: .1rem; }
.gdxq-qrcode-close {position: absolute; top: -.15rem; right: -.15rem; width: .39rem; height: .39rem; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.75); border-radius: .5rem; }
.gdxq-qrcode-close img {width: .15rem; }

@media (max-width: 750px){
    .gdxq-qrcode-box .gdxq-qrcode-inner{
        width: 90vw;
        max-width: 675px;
    }
    .gdxq-qrcode-text p span{
        font-size: .4rem;
    }
    .gdxq-qrcode-text{
        font-size: .3rem;
    }
    .gdxq-qrcode-img{
        width: 5.1rem;
        height: 5.1rem;
    }
    .gdxq-qrcode-tip{
        font-size: .28rem;
        padding: 0.2rem 0.4rem 0.4rem
    }
    .gdxq-qrcode-close{
        width: .78rem;
        height: .78rem;
    }
    .gdxq-qrcode-close img{
        width: .3rem;
    }
}



.lhw-right-xf { width: .6rem; position: fixed; bottom: 25%; right: .2rem; transition: all 0.5s ease; transform: translateX(100px); opacity: 0; visibility: hidden;z-index: 5; }
.lhw-right-xf.active { transform: translateX(0px); opacity: 1; visibility: visible; }
.lhw-right-xf .lhw-xf-free { font-size: 0px; display: block; }
.lhw-right-xf .lhw-xf-free:after { content: ""; width: 13px; height: 13px; display: block; position: absolute; top: -6.5px; right: -6.5px; background: #f60; border: 2px solid #fff; border-radius: 50px; animation: zoomIn 1.2s linear 1.2s infinite alternate; }
.lhw-right-xf .lhw-xf-item { height: .6rem; display: flex; align-items: center; justify-content: center; text-align: center; background: #666; margin-top: 10px; position: relative; transition: all 0.5s ease; text-decoration: none; color: #323232; }
.lhw-right-xf .lhw-xf-item img{
    width: .36rem;
}
.lhw-right-xf .lhw-xf-item:hover { background: #323232; }
.lhw-right-xf .lhw-xf-item i { position: absolute; top: 5px; left: -10px; animation-fill-mode: both; animation-duration: 1s; animation-name: flash; animation-iteration-count: infinite; }
@keyframes shake {from, to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% {-webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } }
@keyframes flash {from, 50%, to {opacity: 1; } 25%, 75% {opacity: 0; } }

.lhw-right-xf .lhw-xf-item .lhw-connect-box { width: 256px; position: absolute; top: -139px; right: 70px; background: #fff; padding: 25px 0; text-align: left; box-shadow: 0 15px 32px rgba(0,0,0,0.15); opacity: 0; transform: translate(100px,100px) scale(0); visibility: hidden; transition: all 0.5s ease;font-size: 16px; }
.lhw-right-xf .lhw-xf-item:hover .lhw-connect-box { transform: translate(0,0) scale(1); opacity: 1; visibility: visible; }
.lhw-right-xf .lhw-xf-item .lhw-connect-box:after { content: ""; width: 0px; right: 0px; border-left: 5px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; right: -5px; bottom: 90px; }
.lhw-right-xf .lhw-xf-item .lhw-connect-box span { display: block; padding: 0 25px; }
.lhw-right-xf .lhw-xf-item .lhw-connect-box span b { color: #2589ff; }
.lhw-right-xf .lhw-xf-item .lhw-connect-box p { margin: 20px 0 0; text-align: center; }
.lhw-right-xf .lhw-xf-item .lhw-connect-box p img{
    width: 150px;
    height: auto;
}
@media (max-width: 750px){
    .lhw-right-xf{
        width: 1rem;
    }
    .lhw-right-xf .lhw-xf-item{
        height: 1rem;
    }
    .lhw-right-xf .lhw-xf-item img{
        width: .5rem;
    }
}



.footer-href {padding-bottom: .2rem;width: 12rem;margin: 0 auto;border-bottom: 1px solid #3b3c3f;}
.footer-href .lhw-floor-wrapper { padding-top: .2rem; font-size: .16rem;line-height: 2;  }
.footer-href p { float: left; color: #fff; }
.footer-href a { color: #7c8187; text-decoration: none; margin-right: .19rem;transform: all .3s ease; }
.footer-href a:hover{color:#B89767;}

@media (max-width: 750px){
    .footer-href{width: 100%;padding: 0 .24rem .2rem;box-sizing: border-box;}
    .footer-href .lhw-floor-wrapper{font-size: .26rem;}
}

.no-shuju img,.bucunzai img{
    width: 6rem;
}

.pc_title .pc_title_br{
    background: #004098;
}