/* Single reserved title strip; no extra banner padding or doubled offsets. */
:root{--title-strip-height:26px}
html,body{margin:0}body{padding-top:var(--title-strip-height)!important;margin-top:0!important}
body>h1:first-of-type{position:fixed;top:0;left:0;z-index:9999999;height:var(--title-strip-height);font:13px/26px Arial,sans-serif;font-weight:500;margin:0;padding:0 6px;box-sizing:border-box;background:#fff;white-space:nowrap;max-width:160px;overflow:hidden}body>h1:first-of-type a{color:#333;text-decoration:none}
#header,#header.fixed{top:var(--title-strip-height)!important}#header{background:rgba(0,0,0,.32)}
#banner,#banners{margin-top:0!important;padding-top:0!important;background-size:cover;box-sizing:border-box}
#header .logo img{display:block!important;visibility:visible!important;opacity:1!important;width:auto;height:100%;max-width:220px;object-fit:contain}
#header .logo{max-width:calc(100% - 115px)}
#header #search{right:0;max-width:calc(100vw - 24px);width:360px;height:auto;padding:10px 12px;box-sizing:border-box}
#search form{position:relative;display:flex;align-items:center;width:100%;margin:0}
#search input{box-sizing:border-box;min-width:0;flex:1;width:100%;height:38px;padding:4px 45px 4px 8px;border:1px solid #ccc}
#search button{position:absolute;right:0;top:0;width:40px;height:38px;padding:0;border:0;background:none;cursor:pointer;color:#333}
#search button i{position:static;display:inline-block;width:auto;height:auto;line-height:38px}
#search.hide{display:block!important;opacity:0;visibility:hidden;pointer-events:none}
#search.show{display:block!important;top:100%;opacity:1;visibility:visible;pointer-events:auto}
#banner .swiper-slide{background-position:center;background-repeat:no-repeat;background-size:cover}
@media(max-width:767px){:root{--title-strip-height:23px}body>h1:first-of-type{line-height:23px;font-size:11px;max-width:130px}}
@media(max-width:480px){#header .logo{height:28px;max-width:calc(100% - 100px)}#header #search{width:100%;max-width:100%}}

/* 产品中心快速咨询模态框 */
#consultModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 10000000;
    justify-content: center;
    align-items: center;
}
#consultModal.active {
    display: flex;
}
.consult-box {
    background: #fff;
    width: 90%;
    max-width: 520px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    padding: 28px 32px;
    position: relative;
    box-sizing: border-box;
    animation: consultFadeIn 0.25s ease-out;
}
@keyframes consultFadeIn {
    from { opacity: 0; transform: translateY(-20px); }
    to { opacity: 1; transform: translateY(0); }
}
.consult-close {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 24px;
    color: #94a3b8;
    cursor: pointer;
    line-height: 1;
}
.consult-close:hover {
    color: #e01208;
}
.consult-title {
    font-size: 20px;
    color: #0f172a;
    margin: 0 0 6px;
    font-weight: 600;
}
.consult-subtitle {
    font-size: 13px;
    color: #64748b;
    margin: 0 0 20px;
}
.consult-item {
    margin-bottom: 14px;
}
.consult-item label {
    display: block;
    font-size: 13px;
    color: #334155;
    margin-bottom: 5px;
    font-weight: 500;
}
.consult-item input, .consult-item textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 9px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    transition: border 0.2s;
}
.consult-item input:focus, .consult-item textarea:focus {
    border-color: #e01208;
}
.consult-btn {
    width: 100%;
    padding: 11px;
    background: #e01208;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}
.consult-btn:hover {
    background: #c80f06;
}

/* contact-gallery-article repairs */
.lightboxOverlay{position:fixed!important;width:100%!important;height:100vh!important;z-index:10000000}
.lightbox{position:fixed!important;top:5vh!important;left:0!important;max-height:90vh;overflow:auto;z-index:10000001}
.lightbox .lb-image{max-width:100%;object-fit:contain}
body.repair-article{padding-top:calc(var(--title-strip-height) + 91px)!important}
body.repair-article #header,body.repair-article #header.fixed{background:#fff}
#xwds>.wrap{max-width:calc(100% - 32px);box-sizing:border-box}
#xwds .name{overflow-wrap:anywhere}
#xwds .editorc{line-height:1.8;overflow-wrap:break-word;max-width:100%}
#xwds .editorc img{display:block;max-width:100%!important;height:auto!important;margin:12px auto;float:none!important}
#xwds .editorc p{max-width:100%;margin-bottom:1em}
#xwds .editorc table{display:block;max-width:100%;overflow-x:auto}
@media(max-width:767px){#xwds .info{flex-wrap:wrap;gap:16px}#xwds .info .text p{margin-right:20px}#xwds .name{font-size:24px}}

/* navigation and full-window gallery */
#prevnext{gap:36px;align-items:flex-start}
#prevnext .prev,#prevnext .next{flex:1;max-width:calc(50% - 25px);white-space:normal;overflow:visible;padding:0;line-height:1.6;word-break:break-word}
#prevnext .next{text-align:right}
#prevnext .prev .pn-label,#prevnext .next .pn-label{display:block!important;position:static!important;margin:0 0 8px!important;color:#999;font-size:14px}
#prevnext .prev .pn-title,#prevnext .next .pn-title{display:block!important;position:static!important;margin:0!important;color:#333;font-size:16px}
#xwds .related .wrap{max-width:calc(100% - 32px);box-sizing:border-box}
#xwds .related .swiper-slide{min-width:0;height:auto;box-sizing:border-box}
#xwds .related .swiper-slide:after{display:none}
#xwds .related h2,#xwds .related h2 a{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
#xwds .related .desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.staff-viewer[hidden]{display:none!important}
.staff-viewer{position:fixed;inset:0;z-index:10000002;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.staff-viewer .sv-stage{display:flex;align-items:center;justify-content:center;width:calc(100% - 80px);height:calc(100% - 120px);overflow:auto}
.staff-viewer .sv-stage.zoomed{display:block;text-align:center}
.staff-viewer img{display:block;max-width:none!important;max-height:none!important;flex-shrink:0;object-fit:contain;cursor:zoom-in}
.staff-viewer button{position:absolute;background:rgba(0,0,0,.5);color:#fff;border:1px solid #777;cursor:pointer;line-height:1.2;padding:8px 12px}
.staff-viewer .sv-close{right:15px;top:10px;font-size:30px}.staff-viewer .sv-prev{left:6px;top:45%;font-size:30px}.staff-viewer .sv-next{right:6px;top:45%;font-size:30px}
.staff-viewer .sv-caption{position:absolute;bottom:55px;left:50px;right:50px;text-align:center;color:#fff;line-height:1.5;font-size:14px}
.staff-viewer .sv-zoom{bottom:12px;font-size:14px}
@media(max-width:640px){#prevnext{flex-direction:column;gap:20px;margin-top:30px;padding-top:25px}#prevnext .prev,#prevnext .next{max-width:100%;width:100%;text-align:left}#prevnext .back{top:25px;right:0;left:auto}#prevnext .pn-title{padding-right:25px}}

/* original home history contrast */
body>h1:first-of-type{width:100%;max-width:none;background:#fff}
@media(max-width:767px){body>h1:first-of-type{width:100%;max-width:none}}
#ifzlc{background-color:#16375f;background-image:url(../images/ifzlc_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
#ifzlc>.iwrap,#ifzlc .cont,#ifzlc .swiper-container,#ifzlc .swiper-wrapper,#ifzlc .swiper-slide{background-color:transparent}
#ifzlc .itis h2,#ifzlc .cont h4,#ifzlc .cont p{color:#fff}