html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height: 1.42857143;font-size: 14px;background: #fff;color: #183030;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #183030;text-decoration: none;}
a:hover {color: #8A6222;}
ul {margin: 0;list-style: none;padding: 0;}
.top{height:40px;line-height:40px;background:#f8f6f1;font-size:14px}
.top a{padding:5px;color: #85887f; font-size: 12px; }#logo{height:140px;width:100%; }
.fl{float:left;display:inline;color: #85887f; font-size: 12px;}
.fr{float:right;display:inline; color: #85887f;}
.container2{width:1200px;margin:0 auto}
.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}
.img-cover {overflow: hidden;position: relative;}
.img-cover span {display: block;width: 100%;background: no-repeat center / cover;transition: all 0.5s;height: 100%;position: absolute;left: 0;top: 0;}
.container {padding: 0 15px;width: 1200px;margin: 0 auto;}
#message {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
transform: scale(0);
transition: .3s;
}
.messagebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 1001;
}
#message .m-content {
margin-top: 8%;
}
#message .m-content .m-message{
background: #fff;
width: 580px;
max-width: 90%;
padding: 30px;
margin: 0 auto;
position: relative;
z-index: 1002;
box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message{
width: 494px;
max-width: 90%;
margin: 48px auto 0;
}
.m-message label{
margin-bottom: 15px;
display: block;
font-size: 14px;
}
.m-message label em{
display: block;
float: right;
color: red;
height: 32px;
line-height: 32px;
}
.m-message label span{
width: 70px;
height: 34px;
line-height: 34px;
color: #2F2F2F;
float: left;
font-weight: bold;
margin-right: 30px;
display: inline-block;
}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{
width: 73%;
overflow: hidden;
height: 32px;
line-height: 32px;
border: #cfc9b8 1px solid;
border-radius: 3px;
padding:0 14px;
box-sizing: border-box;
color: #4a4d49;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus,.m-message label textarea:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea{
height: 72px;
line-height: 24px;
padding:10px 14px;
}
.m-message label.code{
line-height: 34px;
}
.m-message label.code input{
width: 30%;
float: left;
margin-right: 30px;
}
.m-message label.code .pic {
display: inline-block;
vertical-align: top;
width: 80px;
height: 32px;
}
.m-message label.code img{
display: block;
width: 100%;
height: 100%;
}
.btn1 {
display: block;
line-height: 32px;
padding-left: 15px;
background-color: #183030;
color: #fff;
margin-top:10px;
}
.btn1:hover{
background-color: #3a3d39;
color: white;
}
.btn1 span {
display: block;
padding-left: 15px;
background-repeat: no-repeat;
background-position: left center;
background-image: url(../images/btn-r.png);
}
.btn1-1 input{
width: 52px;
height: 32px;
line-height: 32px;
background: #efece4;
border: none;
color: #183030;
margin-right: 22px;
cursor: pointer;
transition: 0.3s;
}
.btn1-1{
padding-left: 100px;
}
.btn1-1 input.focus{
background: #183030;
color: #fff;
}
.btn1-1 input.focus:hover{
background: #3a3d39;
}
.btn1-1 input:hover{
background: #cfc9b8;
}
.kf{width:208px;position:fixed;/* right: 20px; */right:-208px;top:50%;transform:translateY(-50%);z-index:10;}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #183030;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}
.kt-top span:hover{transform:rotate(90deg);}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.kf .con{overflow:hidden;background:#fff;}
.kf .qq li{height:36px;line-height:36px;border-bottom:#f8f6f1 solid 1px;padding-left:16px;}
.kf .qq li a{height:36px!important;color:#6b6e68;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:initial;display:block;}
.kf .qq li a img{padding-right:6px;}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#6b6e68;font-size:14px;margin-bottom: 0;}
.kf .contact{margin-top:1px;height: auto;background-color: #fff;}
.kf .contact p{height:26px;line-height:26px;color:#6b6e68;font-size:14px;padding-left:22px;margin: 0;}
.kf .contact p:nth-child(2n){padding-left:32px;}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top:10px;padding-left:40px;}
.kf .con .qr img{width:110px;height:110px;}
.kf .backTop{width:100%;height:40px;margin-top:10px;background:url(../images/huidaodingbu.png) center center no-repeat #183030;background-size:18px auto;cursor:pointer;}
.kf-side{padding:18px 10px 10px;background:#183030;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-34px;cursor:pointer;}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}
.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.footer-fix li i.i4 {background-image: url(../images/f_04.png);}
.swiper-button-prev,.swiper-button-next {outline: none;}
.swiper-pagination-bullet-active {background-color: #C09048;}
.topbar {padding: 8px 0;background-color: #f8f6f1;color: #6b6e68;border-bottom: 1px solid #efece4;}
.topbar em {font-style: normal;color: #e4dfd2;padding: 0 15px;}
.topbar a {color: #6b6e68;}
.topbar a:hover {color: #183030;}
.header {background-color: #fff;}
.header .logo {float: left;font-size: 0;height: 70px;line-height: 70px;text-align: left;padding: 15px 0;}
.header .tel {float: right;background: url(../images/tel.png) no-repeat 0 center;padding-left: 55px;margin-top: 25px;color: #9a9c95;}
.header .tel strong {display: block;font-size: 28px;font-family: "DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;line-height: 1;color: #C09048; font-weight: 500;}
.header .text {float: left;font-size: 14px;margin: 20px 0 20px 30px;padding: 4px 0 4px 30px;border-left: 1px solid #e4dfd2;color: #9a9c95;}
.header .text strong {display: block;font-size: 24px;color: #183030;margin-bottom: 5px;}
.header .nav {font-size: 0;background-color: #183030;color: #fff;}
.header .nav li {display: inline-block;vertical-align: middle;}
.header .nav li a {display: block;font-size: 16px;line-height: 55px;padding: 0 40px;color: #fff;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #cfc9b8;border-left: 2px solid #cfc9b8;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color: #183030;background-color: #C09048;}
.header .nav li.dropdown {position: relative;}
.header .nav li.dropdown:before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 25px;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);background-color: rgba(255,255,255,0.9);}
.header .nav .dropdown-box p {margin: 0;border-bottom: dotted 1px #cfc9b8;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;background-color: transparent !important;line-height: 40px;color: #183030 !important;}
.header .nav .dropdown-box a:hover {background-color: #fff !important;color: #8A6222 !important;}
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #183030;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}
.banner {height: 400px;position: relative;}
.banner .swiper-slide {background: no-repeat center / cover;}
.bannerr {height: 660px;position: relative;}
.bannerr .swiper-slide {background: no-repeat center / cover;}
.yunu-sou {padding: 15px 0;background-color: #f8f6f1;}
.yunu-sou .hot {float: left;padding: 7px 0;background: url(../images/hot.png) no-repeat 0 center;padding-left: 30px;}
.yunu-sou .hot a {margin-right: 10px;}
.yunu-sou .hform {float: right;}
.yunu-sou .hform input {float: left;border: 1px solid #efece4;padding: 6px 12px;width: 210px;font-size: 14px;}
.yunu-sou .hform button {border: 0;padding: 0;float: left;cursor: pointer;outline: none;width: 60px;height: 34px;color: #fff;background: url(../images/search-btn.png) no-repeat center #183030;font-size: 0;}
.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #e4dfd2;margin: 0;font-size: 18px;color: #183030;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #9a9c95;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}
.pc-slide{float:left;width:400px;}
.view .swiper-slide .img-center {width:100%;height:300px;line-height:300px;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .img-center{height:80px;border:1px solid #e4dfd2;cursor:pointer;position:relative;line-height: 80px;}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .active-nav .img-center{border-color: #C09048;}
div.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;background: #ffffff;border: 1px solid #e4dfd2;display: none;text-align: center;overflow: hidden;font-size: 0;}
div.zoomMask {position: absolute;background: url(../images/mask.png) repeat scroll 0 0 transparent;cursor: move;z-index: 1;}
.yunu-showcase {margin: 0 0 40px;}
.yunu-showcase-info {margin-left: 430px;}
.yunu-showcase-info h1 {font-size: 24px;margin: 0 0 30px;font-weight: normal;}
.yunu-showcase-info p {margin: 5px 0 0;color: #6b6e68;line-height: 1.8;min-height: 250px;}
.yunu-showcase-info .tel {border-top: 2px solid #e4dfd2;margin-top: 15px;padding-top: 15px;height: 42px;line-height: 21px;font-size: 18px;}
.yunu-showcase-info .tel strong {color: #8A6222;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 25px;background-color: #183030;color: #fff;}
.section {padding: 60px 0;}
.section-title {margin-bottom: 40px;text-align: center;font-size: 28px;}
.section-title p {color: #9a9c95;font-size: 16px;margin: 5px 0 0;}
.section-title:after {display: block;content: '';width: 38px;height: 3px;margin: 15px auto 0;background-color: #C09048;}
.in-prod-menu {text-align: center;font-size: 0;margin-bottom: 20px;}
.in-prod-menu li {display: inline-block;vertical-align: middle;}
.in-prod-menu li a {display: block;margin: 0 5px 10px;font-size: 14px;line-height: 39px;position: relative;background: #f2eee4;width: 175px;border-radius: 2px;}
.in-prod-menu li a:before,.in-prod-menu li a:after {position: absolute;content: '';background-color: #fff;width: 16px;height: 1px;top: 50%;display: none;}
.in-prod-menu li a:before {left: 33px;}
.in-prod-menu li a:after {right: 33px;}
.in-prod-menu li.active a {color: #fff; background: #183030;
border-radius: 2px;}
.in-prod-menu li.active a:before,.in-prod-menu li.active a:after {display: block;}
.list-1 {margin: -20px 0 0 -20px;}
.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;margin: 20px 0 0 20px;}
.list-1 li .img-cover {border: 1px solid #e4dfd2;padding-top: 76%;}
.list-1 li .text {line-height: 40px;background-color: #e4dfd2;text-align: center; position: relative;}
.list-1 li .text:before {content: '';position: absolute;left: 50%;width: 0;height: 100%;background-color: #C09048;transition: all 0.5s;}
.list-1 li .text p {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 1;transition: all 0.5s;}
.list-1 li a:hover .img-cover span {transform: scale(1.1);}
.list-1 li a:hover .text:before {width: 100%;left: 0;}
.list-1 li a:hover .text p {color: #fff;}
.list-1-1 li {width: 33.333333%;}
.bg1 {background: url(../images/ys-bg.jpg) no-repeat center top / cover;height: 250px;background-attachment: scroll;padding: 0;display: flex;flex-direction: column;justify-content: center;}
.bg2 {background: url(../images/ys-bg2.jpg) no-repeat center / cover;}
.in-ys-tel {display: block;background: url(../images/ys-consult.png) no-repeat left center;line-height: 42px;color: #8A6222;padding-left: 64px;margin: 30px auto 0;width: 262px;}
.in-ys-tel strong {font-size: 20px;}
.in-ys dl {margin: 0;padding: 50px 0;border-bottom: solid 1px #e4dfd2;}
.in-ys dl:last-child {border-bottom: 0;}
.in-ys dt {float: right;width: 500px;}
.in-ys dd {margin: 0 550px 0 0;}
.in-ys dd h4 {background: url(../images/ys-line.png) no-repeat 0 bottom;padding-bottom: 15px;margin: 0 0 30px;overflow: hidden;}
.in-ys dd h4 i {float: left;font-style: normal;color: #183030;background-color: #C09048;width: 77px;line-height: 77px;text-align: center;border-radius: 50%;font-family: "DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;font-size: 48px;}
.in-ys dd h4 span {display: block;margin-left: 100px;font-size: 40px;line-height: 46px;color: #183030;padding: 8px 0;}
.in-ys dd h4 small {display: block;color: #183030;font-size: 12px;text-transform: uppercase;margin-top: 5px; line-height: 1.6;}
.in-ys dd p {margin: 10px 0 0;line-height: 1.6;color: #6b6e68;background: url(../images/ys-icon.png) no-repeat left center;padding-left: 20px; font-size: 16px;}
.in-ys dd .text {margin-left: 70px;}
.in-ys dd .btn {margin-top: 30px;}
.in-ys dd .btn a {display: inline-block;margin-right: 15px;line-height: 38px;background-color: #C09048;color: #183030;padding: 0 30px;}
.in-ys dd .btn .tel {display: inline-block;line-height: 38px;background: url(../images/ys-tel.png) no-repeat 0 center;padding-left: 44px;}
.in-ys dd .btn .tel strong {font-size: 22px;color: #8A6222;}
.in-ys dl:nth-child(even) dt {float: left;}
.in-ys dl:nth-child(even) dd {margin: 0 0 0 550px;}
@media screen and (min-width:1200px) {
@-webkit-keyframes circle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes circle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
}
.in-ys-list {}
.in-ys-list li {float: left;width: 20%;position: relative;background: url(../images/ys2-line.png) no-repeat center;}
.in-ys-list li .ys-circle {-webkit-animation: circle 10s infinite linear;animation: circle 10s infinite linear;width: 154px;height: 146px;margin: 0 auto;}
.in-ys-list li .ys-circle img {display: block;width: 100%;height: 100%;}
.in-ys-list li .icon {position: absolute;top: 0;left: 0;width: 100%;text-align: center;color: #fff;}
.in-ys-list li .icon img {display: block; margin: 40px auto 4px;}
.in-ys-list li .icon h3 {margin: 0;font-weight: normal;font-size: 15px;}
.in-about {margin: 0;}
.in-about dt {float: left;width: 530px;}
.in-about dd {margin-left: 580px;}
.in-about dd h4 {margin: 0 0 20px;font-size: 22px;}
.in-about dd h4 small {display: block;color: #9a9c95;font-weight: normal;font-size: 14px;}
.in-about dd h4:after {display: block;content: '';width: 38px;height: 3px;margin: 10px 0 0;background-color: #C09048;}
.in-about dd p {margin: 0;text-align: justify;color: #6b6e68;line-height: 1.8; font-size: 16px;}
.in-about dd .btn {margin-top: 30px;}
.in-about dd .btn a {display: inline-block;margin-right: 15px;line-height: 38px;background-color: #C09048;color: #183030;padding: 0 30px;}
.in-about-class {margin: 15px 0 0 -20px;}
.in-about-class li{float: left;width: 25%;}
.in-about-class li a {display: block;margin: 15px 0 0 20px;position: relative;}
.in-about-class li img {display: block;}
.in-about-class li .pic{width: 285px;}
.in-about-class li .icon{position: absolute; color: #fff; width: 100%; text-align: center;}
.in-about-class li .icon img{display: block; margin: 35px auto 7px;}
.in-about-class li .icon strong{display: block; font-size: 20px; line-height: 20px; font-weight: bold;}
.in-about-class li .icon b{display: block; font-size: 12px; font-weight: normal;}
.in-about-class li .bg{position: absolute; background: rgba(24,48,48,0.85); width: 100%; height: 100%; opacity: 0;}
.in-about-class li:hover .bg{opacity: 1;}
.in-about-class li .line::before,.in-about-class li .line::after {
position: absolute;
content: '';
opacity: 0;
}
.in-about-class li .line::before {
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0,1);
transform-origin: 0 0;
}
.in-about-class li .line::after {
top: 8px;
right: 8px;
bottom: 8px;
left: 8px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1,0);
transform-origin: 100% 0;
}
.in-about-class li .line::before,
.in-about-class li .line::after
{
transition: opacity 0.35s, transform 0.35s;
}
.in-about-class li:hover .line::before,
.in-about-class li:hover .line::after {
opacity: 1;
transform: scale(1);
}
.in-about-class li:hover .line::before,
.in-about-class li:hover .line::after
{
transition-delay: 0.05s;
}
.in-news {display: flex;gap: 30px;align-items: stretch;}
.in-news .item {flex: 1 1 50%;display: flex;min-width: 0;}
.in-news .wrap {padding-left: 30px;width: 100%;display: flex;flex-direction: column;}
.in-news .item:first-child .wrap {border-left: 0;padding-left: 0;}
.in-news .item:last-child .wrap {border-left: 1px solid #e4dfd2;}
.in-news .list-5 {flex: 1;}
.in-news .list-5 li .img-center {float: left;width: 150px;height: 100px;overflow: hidden;}
.in-news .list-5 li .img-center img {width: 100%;height: 100%;object-fit: cover;}
.in-news .list-5 li .text {margin-left: 170px;}
.in-news .list-5 li .text p {color: #6b6e68;height: 16px;}
.in-news .tit {margin-bottom: 15px;line-height: 30px;font-weight: bold;font-size: 18px;}
.in-news .tit .more {float: right;text-transform: uppercase;font-size: 12px;font-weight: normal;}
.in-news .tit strong {color: #8A6222;margin-left: 10px;font-size: 16px;}
.in-news .tit strong small {font-size: 14px;font-weight: normal;}
.list-2 {margin-top: 15px;}
.list-2 li a {display: block;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;padding-left: 15px;}
.list-2 li a:before {content: '';position: absolute;left: 0;top: 50%;width: 6px;height: 6px;background-color: #cfc9b8;margin-top: -3px;border-radius: 50%;}
.list-2 li a:hover:before {background-color: #C09048;}
.footer {background-color: #183030;color: #fff;}
.footer a {color: #fff;}
.footer a:hover {color: #E8E0A0;}
.footer-nav {background-color: #183030;color: #fff;margin-bottom: 35px;}
.footer-nav a {color: #fff;}
.footer-nav ul {font-size: 0;text-align: center;}
.footer-nav li {display: inline-block;vertical-align: middle;position: relative;}
.footer-nav li:before {content: "";position: absolute;top: 17px;right: 0;width: 1px;height: 14px;background: #fff;border: 0;}
.footer-nav li:last-child:before {display: none;}
.footer-nav li a {display: block;line-height: 50px;font-size: 16px;padding: 0 35px;}
.footer-copy {text-align: center;padding: 10px 0;background-color: #0E1E1E;margin-top: 35px;color: #8a8d86;}
.footer-copy p {margin: 0;}
.footer-logo {float: left;}
.footer-logo .tel {background: url(../images/foot-contact.png) no-repeat center;width: 293px;line-height: 61px;text-align: center;color: #fff;margin-top: 30px;font-size: 14px;}
.footer-logo .tel strong {font-size: 20px;}
.footer-tit {font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.footer-tit small {margin-left: 10px;opacity: 0.6;font-size: 14px;}
.footer-contact {float: left;margin-left: 80px;padding-left: 80px;padding-right: 80px;width: 340px;}
.footer-contact p {margin: 10px 0 0;font-size: 14px;line-height: 1.8;}
.footer-ewm {float: right;margin-left: 30px;}
.footer-ewm ul {margin-left: -10px;}
.footer-ewm li {float: left;width: 120px;margin-left: 10px;}
.footer-ewm li p {margin: 10px 0 0;text-align: center;font-size: 12px;}
.banner-sub {height: 450px;position: relative;}
.banner-sub .swiper-slide {background: no-repeat center / cover;}
.section-sub {padding: 50px 0;}
.yunu-curmbs {padding: 0 0 15px;border-bottom: 1px dashed #e4dfd2;margin-bottom: 30px;}
.yunu-curmbs span {padding-left: 10px;border-left: 10px solid #183030;}
.yunu-curmbs em {font-style: normal;padding: 0 5px;color: #9a9c95;}
.ct2-sd {float: left;width: 240px;}
.ct2-mn {float: right;width: 930px;}
.panel-sd {margin-bottom: 20px; border: 1px solid #e4dfd2;}
.panel-sd:last-child {margin-bottom: 0;}
.panel-sd .tit {text-align: center;color: #fff;font-size: 24px;padding: 20px 0;background-color: #183030;}
.contact-sd {padding: 20px;}
.contact-sd .ewm {text-align: center;border-bottom: 1px solid #e4dfd2;padding-bottom: 20px;}
.contact-sd .ewm .img-center {width: 160px;height: 120px;margin: 0 auto;overflow: hidden;background-color: #f8f6f1;border-radius: 8px;box-shadow: 0 2px 8px rgba(0,0,0,0.1);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.contact-sd .ewm .img-center:hover {transform: scale(1.05);box-shadow: 0 4px 12px rgba(0,0,0,0.15);}
.contact-sd .ewm .img-center img {width: 100%;height: 100%;object-fit: cover;}
.contact-sd .ewm p {margin: 10px 0 0;font-size: 16px;}
.contact-sd .tel {padding-top: 20px;}
.contact-sd .tel p {margin: 0;color: #8A6222;font-size: 20px;padding-left: 40px;font-weight: bold;background: url(../images/ny-tel.png) no-repeat 0 center;}
.lanmu li>a {display: block;line-height: 50px;padding: 0 0 0 16px;color: #6b6e68;font-size: 14px; border-bottom: 1px solid #e4dfd2; background: url(/static/upload/image/20240816/1723798375866716.png) no-repeat 90% center #fff;}
.lanmu li .arr {float: right;height: 45px;width: 40px;position: relative;cursor: pointer;}
.lanmu li .arr:after {content: '';border-top: 2px solid #fff;border-left: 2px solid #fff;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.lanmu-box {display: none;}
.lanmu-box p {margin: 0;border-top: 1px solid #fff;padding-left: 15px;}
.lanmu-box p a {padding: 0 25px;display: block;line-height: 40px;}
.lanmu li>a:hover,.lanmu li.active>a {color: #fff;background-color: #183030;}
.lanmu li.active .arr:after {border-color: #fff;}
.lanmu li.open .lanmu-box {display: block;}
.lanmu li.open .arr:after {transform: rotate(225deg);}
.list-5 li {margin-bottom: 15px;}
.list-5 li a {display: block;border: 1px solid #e4dfd2;padding: 15px;overflow: hidden;}
.list-5 li .img-center {float: left;width: 250px;height: 160px;overflow: hidden;}
.list-5 li .img-center img {width: 100%;height: 100%;object-fit: cover;}
.list-5 li .text {margin-left: 270px;}
.list-5 li .text h4 {margin: 0;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;}
.list-5 li .text h4 span {float: right;font-size: 12px;color: #9a9c95;font-weight: normal;}
.list-5 li .text p {color: #6b6e68;}
.list-5 li .text .more {float: right;padding: 6px 12px;color: #fff;background-color: #cfc9b8;}
.list-5 li a:hover {border-color: #C09048;}
.list-5 li a:hover .text h4 {color: #8A6222;}
.list-5 li a:hover .text .more {background-color: #183030;}
.pages {margin: 40px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;background-color: #f8f6f1;border-radius: 3px;transition: all 0.5s;}
.pages a:hover,.pages a.active {background-color: #183030;color: #fff;}
.yunu-infocontent-title {margin-bottom: 20px;text-align: center;}
.yunu-infocontent-title h1 {margin: 0;font-size: 24px;}
.yunu-infocontent-title p {margin: 10px 0 0;font-size: 12px;color: #9a9c95;}
.yunu-infocontent-title p span {padding: 0 5px;}
.yunu-infocontent-desc {margin-bottom: 20px;border: 1px solid #e4dfd2;padding: 20px;}
.yunu-infocontent-body {line-height: 2;margin-bottom: 20px;}
.yunu-infocontent-body img {max-width: 100% !important;height: auto !important;width: auto !important;}
.yunu-infocontent-epx {margin-bottom: 20px;}
.yunu-infocontent-epx li {line-height: 32px;margin-bottom: 5px;}
.yunu-infocontent-epx li span {display: inline-block;background-color: #9a9c95;color: #fff;padding: 0 15px;margin-right: 10px;}
.yunu-infocontent-epx li em {float: right;font-style: normal;}
.yunu-infocontent-return {border-top: 1px solid #000;line-height: 32px;}
.yunu-infocontent-return a {margin-right: 10px;}
.yunu-infocontent-return .more {margin: 0;float: right;background-color: #000;color: #fff;padding: 0 10px;}
.yunu-infocontent-rem {margin-bottom: 20px;}
.yunu-infocontent-rem h4 {margin: 0;font-size: 24px;line-height: 55px;}
.yunu-infocontent-rem li {border-top: 1px dashed #e4dfd2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 46px;}
.yunu-infocontent-rem li span {float: right;}
.prod-menu {margin-bottom: 20px;border-bottom: 3px solid #C09048;}
.prod-menu li {float: left;margin-right: 7px;}
.prod-menu li a {display: block;padding: 0 35px;line-height: 50px;border: 1px solid #e4dfd2;border-bottom: 0;border-radius: 5px 5px 0 0;background-color: #f2eee4;font-size: 16px;}
.prod-menu li.active a {background-color: #183030;color: #fff;}
.contact {margin: 0;background-color: #f8f6f1;}
.contact dt {float: right;width: 450px;}
.contact dd {margin: 0 450px 0 0;padding: 40px;}
.contact dd h4 {margin: 0 0 20px;font-size: 24px;}
.contact dd h4 small {display: block;font-weight: normal;font-size: 14px;color: #9a9c95;}
.contact dd p {margin: 15px 0 0;font-size: 16px;}
.map {margin-top: 30px;height: 350px;}
.qywh dl {margin: 0;background-color: #f8f6f1;}
.qywh dt {float: left;width: 50%;}
.qywh dd {margin-left: 50%;padding: 40px 50px;}
.qywh dd h4 {margin: 0 0 20px;font-size: 22px;}
.qywh dd h4 small {display: block;color: #9a9c95;font-weight: normal;font-size: 14px;}
.qywh dd h4:after {display: block;content: '';width: 38px;height: 3px;margin: 10px 0 0;background-color: #C09048;}
.qywh dd p {margin: 0;text-align: justify;color: #6b6e68;line-height: 1.8;}
.qywh dl:nth-child(even) dt {float: right;}
.qywh dl:nth-child(even) dd {margin: 0 50% 0 0;}
@media screen and (min-width: 768px) {
.header-fix {height: 155px;}
.header-fix .nav {position: fixed;left: 0;top: 0;width: 100%;z-index: 100;}
}
@media screen and (max-width: 1199px) {
.container {width: 100%;max-width: 1200px;}
.container2 {width: 100%;max-width: 1200px;}
.w1200 {width: 100%;max-width: 1200px;}
.in-ys dt {width: 45%;}
.in-ys dd {margin-right: 50%;}
.in-ys dl:nth-child(even) dd {margin-left: 50%;margin-right: 0;}
.floor_3_main .liuc {width: auto;padding-left: 15px;}
.floor_3_main .liuc .list {width: 100%;}
.ct2-sd {width: 200px;}
.ct2-mn {width: calc(100% - 220px);}
.footer-contact {width: auto;margin-left: 40px;padding-left: 40px;padding-right: 20px;}
.in-about dt {width: 48%;}
.in-about dd {margin-left: 52%;}
.in-news {gap: 15px;}
.banner-sub {height: 300px;}
.view .swiper-slide .img-center {height: 250px;line-height: 250px;}
.yunu-showcase-info p {min-height: 150px;}
.banner {height: 300px;}
.bannerr {height: 450px;}
.pc-slide {width: 300px;}
.in-about-class li .pic {width: auto;}
.in-news .list-5 li .img-center {width: 120px;height: 80px;}
.list-5 li .img-center {width: 200px;height: 120px;}
.contact dt {width: 400px;}
.contact dd {margin-right: 400px;}
}
@media screen and (max-width: 767px) {
.top{ display:none}
body {min-width: 320px;padding-top: 50px;padding-bottom: 50px;}
.container {width: auto;}
#message .m-content .m-message{
width:90%;
padding:20px;
}
.kf {display: none;}
.footer-fix {display: block;}
.topbar {display: none;}
.header {padding: 10px 0;position: fixed;z-index: 10;width: 100%;top: 0;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);background-color: #fff;}
.header .text,.header .tel {display: none;}
.header .logo {height: 30px;line-height: 30px;float: none;padding: 0;}
.header .nav {margin: 10px -15px -10px;text-align: left;display: none;background-color: #fff;border-bottom: 0;border-top: 1px solid #efece4;}
.header .nav ul {margin: 0;}
.header .nav li {display: block;margin: 0;border-top: 1px solid #efece4;background: none;}
.header .nav li:first-child {border-top: none;}
.header .nav li a {line-height: 40px;padding: 0 15px;color: #183030;}
.header .nav li .arr {display: block;}
.header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {background-color: #f8f6f1;color: #8A6222}
.header .nav li.open .arr:after {border-color: #C09048;transform: rotate(225deg);}
.header .nav .dropdown-box {position: static;background-color: #f8f6f1;min-width: auto;text-align: left;box-shadow: none;}
.header .nav .dropdown-box a {color: #183030 !important;border-top: 1px dotted #e4dfd2;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;text-align: left !important;}
.header .nav .dropdown-box a:hover {background-color: #efece4 !important;}
.menu-btn {display: block;}
.yunu-showcase {margin-bottom: 30px;}
.pc-slide {float: none;width: auto;}
.view .swiper-slide .img-center {height: 260px;line-height: 260px;}
.yunu-showcase-info {margin: 20px 0 0;}
.yunu-showcase-info h1 {margin-bottom: 20px;font-size: 18px;}
.yunu-showcase-info p {margin-top: 10px;min-height: auto;}
.yunu-showcase-info .tel {font-size: 14px;}
.yunu-showcase-info .tel strong {font-size: 18px;}
.banner {height: 160px;}
.bannerr {height: 200px;}
.yunu-sou {padding: 0;}
.yunu-sou .container {padding: 0;}
.yunu-sou .hot {display: none;}
.yunu-sou .hform {float: none;position: relative;}
.yunu-sou .hform input {border-color: transparent;width: 100%;box-sizing: border-box;line-height: 20px;padding: 9px 60px 9px 15px;border-radius: 0;border-bottom: 1px solid #efece4;}
.yunu-sou .hform button {position: absolute;right: 0;top: 0;width: 50px;height: 40px;}
.section {padding: 30px 0;}
.section-title {margin-bottom: 20px;font-size: 32px;}
.section-title p {font-size: 16px;}
.section-title:after {width: 20px;height: 2px;margin-top: 10px;}
.in-prod-menu {margin-bottom: 10px;}
.in-prod-menu li a {width: 100px;margin: 0 3px 6px;line-height: 34px;}
.in-prod-menu li a:before, .in-prod-menu li a:after {display: none !important;}
.list-1 {margin: -10px 0 0 -10px;}
.list-1 li {float: left;width: 50%;}
.list-1 li a {margin: 10px 0 0 10px;}
.list-1 li .text {line-height: 34px;font-size: 12px;}
/* 每页最后一个落单卡片（奇数个）占满整行，避免半行收尾让人误以为列表结束 */
.list-1 li:last-child:nth-child(odd) {width: 100%;}
.list-1 li:last-child:nth-child(odd) a {margin: 10px 10px 0;}
.list-1 li:last-child:nth-child(odd) .img-cover {padding-top: 50%;}
.in-ys-tel {margin-top: 20px;width: 220px;background-size: 100% 100%;font-size: 12px;line-height: 36px;}
.bg1 {min-height: 180px;background-attachment: scroll;padding: 0;display: flex;flex-direction: column;justify-content: center;}
.in-ys-tel strong {font-size: 16px;}
.in-ys dl {padding: 30px 0;}
.in-ys dt {float: none !important;width: auto;}
.in-ys dd {margin: 20px 0 0 !important;}
.in-ys dd h4 {margin-bottom: 15px;}
.in-ys dd h4 i {width: 50px;line-height: 50px;font-size: 30px; font-weight: 500;}
.in-ys dd h4 span {padding: 6px 0;margin-left: 60px;font-size: 20px;}
.in-ys dd .text {margin: 0;}
.in-ys dd p {line-height: 1.8;}
.in-ys dd .btn {margin-top: 20px;}
.in-ys dd .btn .tel {display: block;margin-top: 10px;}
.in-ys-list {margin-top: -15px;}
.in-ys-list li {width: 33.333333%;margin-top: 15px;background: none;}
.in-ys-list li .ys-circle {width: 86px;height: 80px;}
.in-ys-list li .icon img {width: 21px;height: 21px;margin-top: 20px;}
.in-ys-list li .icon h3 {font-size: 12px;}
.in-about dt {width: auto;float: none;}
.in-about dd {margin: 20px 0 0;}
.in-about dd h4 {font-size: 18px;margin-bottom: 15px;}
.in-about dd h4 small {font-size: 12px;}
.in-about dd h4:after {width: 20px;height: 2px;}
.in-about dd .btn {margin-top: 20px;}
.in-about-class {margin: 10px 0 0 -10px;}
.in-about-class li {width: 50%;}
.in-about-class li a {margin: 10px 0 0 10px;overflow: hidden;}
.in-about-class li .pic {width: 100%;}
.in-about-class li .icon {position: relative;padding: 10px 0;}
.in-news {margin-top: -20px;margin-left: 0;display: block;gap: 0;}
.in-news .item {width: 100%;margin-bottom: 20px;}
.in-news .wrap {margin-top: 0;margin-left: 0;padding-left: 0;border-left: 0;border-bottom: 1px solid #e4dfd2;padding-bottom: 20px;}
.in-news .item:last-child .wrap {border-bottom: 0;padding-bottom: 0;margin-bottom: 0;}
.in-news .list-5 li .img-center {display: none;}
.in-news .list-5 li .text {margin-left: 0;}
.in-news .list-5 li .text p {height: auto;margin-top: 5px;}
.footer {padding-top: 30px;}
.footer-logo {display: none;}
.footer-nav {display: none;}
.footer-contact {float: none;width: auto;margin: 0 0 20px;padding: 0 0 20px;border: 0;border-bottom: 1px solid #515151;}
.footer-ewm {float: none;margin: 0;}
.footer-ewm ul {margin-left: -10px;text-align: center;}
.footer-ewm li {float: none;display: inline-block;width: 100px;margin-left: 10px;}
.footer-ewm li .wrap .img-center {width: 80px;height: 80px;margin: 0 auto;}
.footer-ewm li p {font-size: 11px;}
.banner-sub {height: 130px;}
.section-sub {padding: 30px 0;}
.yunu-curmbs {display: none;}
.ct2-sd {display: none;}
.ct2-mn {float: none !important;width: auto;}
.list-5 li {padding-bottom: 15px;border-bottom: 1px solid #efece4;}
.list-5 li a {padding: 0;border: 0;}
.list-5 li .img-center {float: none;width: auto;display: none;}
.list-5 li .text {margin: 0;}
.list-5 li .text .more {display: none;}
.list-5 li .text h4 {line-height: 20px;font-size: 16px;}
.list-5 li .text p {margin: 10px 0 0;}
.pages {margin-top: 20px;}
.pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}
.yunu-infocontent-title h1 {font-size: 18px;}
.yunu-infocontent-desc {padding: 10px;}
.yunu-infocontent-epx li {line-height: 24px;}
.yunu-infocontent-epx li span {font-size: 12px;padding: 0 5px;margin-right: 5px;}
.yunu-infocontent-epx li em {display: none;}
.yunu-infocontent-return .more {display: none;}
.yunu-infocontent-return {font-size: 12px;line-height: 22px;padding-top: 5px;}
.yunu-infocontent-rem h4 {font-size: 18px;line-height: 34px;margin-bottom: 5px;}
.prod-menu {margin-bottom: 15px;}
.prod-menu li {margin-right: 5px;}
.prod-menu li a {font-size: 14px;line-height: 34px;padding: 0 15px;}
.contact dt {float: none;width: auto;}
.contact dd {margin: 0;padding: 20px;}
.contact dd h4 {margin-bottom: 15px;font-size: 18px;}
.contact dd h4 small {font-size: 12px;}
.contact dd p {margin: 10px 0 0;font-size: 14px;}
.map {height: 250px;}
.qywh dt {float: none !important;width: auto;}
.qywh dd {margin: 0 !important;padding: 20px;}
.qywh dd h4 {font-size: 18px;margin-bottom: 15px;}
.qywh dd h4 small {font-size: 12px;}
.qywh dd h4:after {width: 20px;height: 2px;}
.container2 {width: auto;}
.floor_3_main {height: auto;padding: 15px 0;display: block;}
.floor_3_main .floor_3 {width: auto;}
.floor_3_main .title2 {width: auto;height: auto;border-right: none;margin-top: 0;margin-bottom: 15px;text-align: center;float: none;}
.floor_3_main .title2 h3 {font-size: 18px;}
.floor_3_main .title2 h3 i {font-size: 14px;display: block;}
.floor_3_main .title2 p {font-size: 20px;margin-top: 5px;}
.floor_3_main .title2 p em {display: none;}
.floor_3_main .liuc {width: auto;padding-left: 0;padding-top: 15px;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.floor_3_main .liuc .list {width: 700px;}
.floor_3_main .liuc li {width: 100px;}
.floor_3_main .liuc li p {width: 60px;font-size: 12px;}
.floor_3_main .liuc li p img {height: 32px;margin-bottom: 8px;}
.floor_3_main .liuc li .jt {width: 30px;height: 32px;background-size: contain;}
}
.nav #active>a{ background:#183030; color:#fff}
.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#4a4d49;display:block;padding: 5px 11px; border: 1px solid #e4dfd2;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#e4dfd2; }
.ab_pages ul a:hover{ background:#e4dfd2}
.kd img {
width: 100%;
}
.floor_3_main{background: url(/static/upload/image/20240814/1723630144809325.jpg) repeat center top; height: 150px;}
.floor_3_main .title2{width: 280px; height: 78px; border-right: 1px solid #33a169; margin-top: 38px; color: #fff;}
.floor_3_main .title2 h3{font-size: 26px; margin-top: 0px;
margin-bottom: 0px;}
.floor_3_main .title2 h3 i{font-size: 18px; display: inline-block;}
.floor_3_main .title2 p{font-size: 30px; font-family: "AvantGardeITVbyBT Book", arial; padding-top: 0px; margin-top: 10px;}
.floor_3_main .title2 p em{width: 26px; height: 28px; display: inline-block; background-position: 0 -110px; margin-right: 18px;}
.floor_3_main .liuc{width: 888px; overflow: hidden; padding-left: 30px; color: #fff; padding-top: 38px;}
.floor_3_main .liuc .list{width: 108%;}
.floor_3_main .liuc li{float: left; width: 134px;}
.floor_3_main .liuc li p{width: 80px; float: left; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; margin-top: 0px;}
.floor_3_main .liuc li p img{max-width: 100%; display: block; margin: 0 auto 12px; height: 44px;}
.floor_3_main .liuc li .jt{width: 42px; height: 44px; float: left; display: block; background: url(/static/upload/image/20240814/1723630314538554.png) no-repeat center;}
.floor_3_main .liuc li:hover p{animation: flipInY 1.2s ease-out forwards; -webkit-animation: flipInY 1.2s ease-out forwards;}
.w1200 {
width: 1200px;
margin: 0 auto;
}
.icon {
vertical-align: middle;
background: url(/static/upload/image/20240814/1723630411765401.png) no-repeat;
display: inline-block;
}
.sitemap {
overflow: hidden;
line-height: 30px;
padding: 10px;
border-bottom: 1px solid #e4dfd2;
}
.sitemap dt {
float: left;
margin-right: 2%;
width: 14%;
}
.sitemap dt a {
display: block;
text-align: center;
background: #f2eee4;
font-size: 14px;
padding: 8px 0;
font-weight: normal;
}
.sitemap dd {
float: left;
width: 78%;
}
.sitemap dd a {
float: left;
color: #6b6e68;
padding-right: 35px;
line-height: 39px;
transition: none;
}
/* SEO: 视觉隐藏的页面主标题 */
.seo-h1{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
/* MOBILE_OVERFLOW_FIX: 修正首页 floor_3 区块在手机上的横向溢出 */
@media screen and (max-width: 767px) {
html, body { overflow-x: hidden; }
.floor_3.w1200, .floor_3 { width: auto !important; }
.floor_3 .liuc { width: auto !important; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.floor_3 .liur { float: none !important; width: auto !important; }
}
/* FORM_LABEL_FIX 20261019 留言表单标签在70px盒内折行（中英文都受影响），桌面端改弹性对齐 */
@media screen and (min-width: 768px) {
.m-message label { display: flex; align-items: flex-start; }
.m-message label span {
width: auto; min-width: 96px; height: auto; line-height: 32px;
float: none; flex: 0 0 auto; white-space: nowrap; margin-right: 16px;
}
.m-message label input.inp,
.m-message label textarea { width: auto; flex: 1 1 auto; box-sizing: border-box; }
.m-message label.code { align-items: center; }
.m-message label.code input { width: auto; flex: 0 1 160px; }
.m-message label.code .pic { flex: 0 0 auto; margin-left: 10px; }
}
/* FORM_LABEL_FIX_MOBILE 20261019 移动端标签被 70px 固定宽度挤掉第二行（*：看不见），改块级不折行 */
@media screen and (max-width: 767px) {
.m-message label { display: block; }
.m-message label span {
width: auto; height: auto; float: none; display: block;
line-height: 1.6; margin: 0 0 4px 0; white-space: nowrap;
}
.m-message label input.inp,
.m-message label textarea,
.m-message label.code input { width: 100%; box-sizing: border-box; }
.m-message label.code img { margin-top: 6px; }
}
/* MOBILE_FIXEDBAR_PAD 20261019 移动端底部固定条会压住最后一屏内容（留言提交按钮正好被盖住） */
@media screen and (max-width: 767px) {
body { padding-bottom: 54px; box-sizing: border-box; }
}
/* FORM_BTN_ALIGN 20261019 提交/重置按钮与输入框左边缘对齐（原来贴在标签列下） */
@media screen and (min-width: 768px) {
.m-message .btn-1 { margin-left: 112px; }
}
@media screen and (max-width: 767px) {
.m-message .btn-1 { display: flex; gap: 10px; }
.m-message .btn-1 .focus { flex: 1 1 auto; }
}
/* FORM_BTN_STYLE 20261019 留言表单 提交/重置 用主题绿（原先为浏览器默认按钮） */
.m-message .btn-1 input {
height: 36px; line-height: 34px; padding: 0 30px; font-size: 14px;
border: 1px solid #183030; background: #183030; color: #fff;
border-radius: 3px; cursor: pointer; box-sizing: border-box;
}
.m-message .btn-1 input:hover { background: #0E1E1E; border-color: #0E1E1E; }
.m-message .btn-1 input[type="reset"] { background: #fff; color: #6b6e68; border-color: #cfc9b8; }
.m-message .btn-1 input[type="reset"]:hover { background: #f8f6f1; color: #183030; border-color: #9a9c95; }
/* ================================================================
淮狮 HuaiLion 品牌主题增强层 20261030
在原有版式上补充金色细节、层次与交互反馈，不改动任何尺寸布局
主色 #183030（logo 墨绿） / 辅助色 #C09048（logo 金）
================================================================ */
/* ---------- 顶部导航：金色顶边 + 平滑过渡 ---------- */
.header .nav {
position: relative;
}
.header .nav::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #C09048 0%, #E8E0A0 50%, #C09048 100%);
pointer-events: none;
}
.header .nav li a {
transition: background-color .25s ease, color .25s ease;
}
/* ---------- 页脚：频道条与主体分层次 + 小标题金色短线 ---------- */
.footer-nav {
background-color: #24403F;
border-bottom: 1px solid rgba(232, 224, 160, .20);
}
.footer-nav a {
transition: color .25s ease;
}
.footer-tit {
position: relative;
padding-bottom: 12px;
}
.footer-tit::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 26px;
height: 2px;
background: #C09048;
}
.footer-logo .tel {
border: 1px solid rgba(232, 224, 160, .28);
border-radius: 3px;
}
/* ---------- 按钮：金底墨绿字，悬停反转墨绿底白字 ---------- */
.in-ys dd .btn a,
.in-about dd .btn a {
transition: background-color .25s ease, color .25s ease;
}
.in-ys dd .btn a:hover,
.in-about dd .btn a:hover {
background-color: #183030;
color: #FFFFFF;
}
.in-prod-menu li a {
transition: background-color .25s ease, color .25s ease;
}
.pages a {
transition: background-color .25s ease, color .25s ease;
}
/* ---------- 次级转化按钮：墨绿底白字，悬停转金 ---------- */
.in-ys dd .btn a.btn-consult,
.in-about dd .btn a.btn-consult {
background-color: #183030;
color: #FFFFFF;
}
.in-ys dd .btn a.btn-consult:hover,
.in-about dd .btn a.btn-consult:hover {
background-color: #C09048;
color: #183030;
}
/* ---------- 站点 LOGO ---------- */
.header .logo {
padding: 7px 0;
}
.header .logo img {
height: 56px;
width: auto;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
.header .logo {
height: 56px;
line-height: 56px;
padding: 8px 0;
}
.header .logo img {
height: 40px;
}
}
/* ---------- 首页品牌区：原背景图与业务无关，改为墨绿渐变 ---------- */
.bg1 {
background: linear-gradient(118deg, #12292A 0%, #1E3A3A 50%, #183030 100%) !important;
height: 250px;
}
.bg1 .img-center img {
height: 96px;
width: auto;
}
.bg1 .in-ys-tel {
color: #E8E0A0;
background-image: none;
padding-left: 0;
text-align: center;
letter-spacing: 1px;
}
.bg1 .in-ys-tel strong {
color: #FFFFFF;
font-size: 26px;
letter-spacing: 1px;
}
/* ---------- 服务流程条：原为绿色几何图，统一到墨绿 ---------- */
.floor_3_main {
background: linear-gradient(90deg, #12292A 0%, #1E3A3A 55%, #24403F 100%) !important;
}
.floor_3_main .title2 {
border-right-color: rgba(232, 224, 160, .35);
}
.floor_3_main .title2 h3 i {
color: #C09048;
}
.floor_3_main .title2 p {
color: #E8E0A0;
}
.floor_3_main .liuc li:hover p {
color: #E8E0A0;
}
/* ---------- 顶部条：底部细金线 ---------- */
.topbar {
border-bottom-color: #e4dfd2;
}
.header .top {
background-color: #F8F6F1;
border-bottom: 1px solid #EFECE4;
}
.header .top a:hover {
color: #8A6222;
}
/* ---------- 内页头图：叠一层墨绿，把各栏目杂色图统一到品牌调 ---------- */
.banner {
position: relative;
overflow: hidden;
}
.banner::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(100deg,
rgba(24, 48, 48, .62) 0%,
rgba(24, 48, 48, .34) 55%,
rgba(24, 48, 48, .18) 100%);
pointer-events: none;
}
/* ---------- 面包屑：当前位置竖条转金 ---------- */
.yunu-curmbs span {
border-left-color: #C09048;
}
/* ---------- 卡片与图片：统一圆角与悬停反馈 ---------- */
.list-1 li .img-cover,
.list-5 li a,
.in-news .list-5 li .img-center,
.preview .swiper-slide .img-center,
.panel-sd,
.prod-menu li a {
border-radius: 3px;
}
.list-5 li .img-center {
overflow: hidden;
}
.list-5 li .img-center img {
transition: transform .45s ease;
}
.list-5 li a:hover .img-center img {
transform: scale(1.05);
}
.list-1 li .img-cover {
overflow: hidden;
}
.list-1 li .img-cover span {
transition: transform .45s ease;
}
/* ---------- 正文：图片细边框 + 标题金色竖线 ---------- */
.yunu-infocontent-body {
color: #2b2e2c;
}
.yunu-infocontent-body img {
border: 1px solid #e4dfd2;
border-radius: 4px;
margin: 8px 0;
}
.yunu-infocontent-body h2,
.yunu-infocontent-body h3 {
border-left: 3px solid #C09048;
padding-left: 12px;
margin: 1.6em 0 .7em;
font-weight: 500;
}
.yunu-infocontent-body a {
color: #8A6222;
}
/* ---------- 表单：边框暖化，聚焦转金 ---------- */
.m-message label input.inp,
.m-message label textarea {
border-color: #e4dfd2;
color: #2b2e2c;
transition: border-color .2s ease, box-shadow .2s ease;
}
.m-message label input.inp:focus,
.m-message label textarea:focus {
border-color: #C09048;
box-shadow: 0 0 0 3px rgba(192, 144, 72, .16);
outline: none;
}
.m-message label span {
color: #183030;
}
/* ---------- 移动端底部固定条：金色顶边 ---------- */
.footer-fix {
border-top: 2px solid #C09048;
}
/* ---------- 标题字重收一点，避免全站过粗 ---------- */
.section-title strong {
font-weight: 500;
letter-spacing: 1px;
}
.in-ys dd h4 span {
font-weight: 500;
}
.in-ys dd h4 small {
color: #6b6e68;
}
/* ---------- 选中文字与滚动条 ---------- */
::selection {
background: #F7EFDC;
color: #183030;
}
/* ==================================================================
2026-10-30 改版现代化层（本地完成，未上线）
原则：只动前端展示；不改栏目结构、内容、后台、业务逻辑
================================================================== */
/* ---------- 0. 全局基调 ---------- */
body { font-size: 16px; color: #3A4A4A; -webkit-font-smoothing: antialiased; }
a, button { transition: color .25s ease, background-color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease, opacity .25s ease; }
/* ---------- 1. 内页 banner：降高 + 统一墨绿遮罩，正文更聚焦 ---------- */
.bannerr { height: 300px; }
.bannerr:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
background: linear-gradient(180deg, rgba(18,37,37,.32) 0%, rgba(18,37,37,.14) 45%, rgba(24,48,48,.42) 100%); pointer-events: none; }
/* ---------- 2. 搜索条：圆角化 ---------- */
.yunu-sou .hform input { border-radius: 4px 0 0 4px; border-color: #E8E2D6; }
.yunu-sou .hform button { border-radius: 0 4px 4px 0; }
.yunu-sou .hot a:hover { color: #9E7233; }
/* ---------- 3. 区块标题：金色短线改为长条渐进（在原有 :after 上微调） ---------- */
.section-title { letter-spacing: .5px; }
.section-title:after { width: 46px; border-radius: 2px; }
.section-title strong small { font-weight: normal; }
/* ---------- 4. 首页产品卡：圆角 + 悬浮阴影 ---------- */
.list-1 li a { border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(24,48,48,.08); background: #fff; }
.list-1 li .img-cover { border: 0; }
.list-1 li .text { background-color: #F3EDE2; border-radius: 0 0 8px 8px; }
.list-1 li a:hover { box-shadow: 0 10px 24px rgba(24,48,48,.16); transform: translateY(-4px); }
.list-1 li a:hover .text { background-color: #183030; }
.list-1 li a:hover .text:before { display: none; }
/* ---------- 5. 新闻/文章列表卡：圆角、缩略图统一比例、了解详情按钮现代化 ---------- */
.list-5 li a { border-radius: 8px; box-shadow: 0 1px 3px rgba(24,48,48,.06); background: #fff; }
.list-5 li .img-center { border-radius: 6px; }
.list-5 li .text .more { padding: 7px 16px; border-radius: 4px; background-color: transparent;
color: #183030; border: 1px solid #183030; font-size: 13px; }
.list-5 li a:hover { border-color: rgba(192,144,72,.55); box-shadow: 0 8px 20px rgba(24,48,48,.12); transform: translateY(-3px); }
.list-5 li a:hover .text h4 { color: #9E7233; }
.list-5 li a:hover .text .more { background-color: #183030; color: #fff; border-color: #183030; }
.list-5 li .text p { line-height: 1.8; height: auto; max-height: 58px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* 首页两栏新闻卡同步圆角 */
.in-news .list-5 li .img-center { border-radius: 6px; }
/* ---------- 6. 侧栏：标题字号收敛、圆角、金色分隔 ---------- */
.panel-sd { border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(24,48,48,.07); }
.panel-sd .tit { font-size: 20px; padding: 16px 0; position: relative; }
.panel-sd .tit:after { content: ''; position: absolute; left: 50%; bottom: 9px; transform: translateX(-50%);
width: 28px; height: 2px; background: #C09048; border-radius: 1px; }
.lanmu li>a { padding-left: 20px; }
.lanmu li>a:hover, .lanmu li.active>a { color: #183030; background-color: #F3E7D3; box-shadow: inset 3px 0 0 #C09048; }
.lanmu li.active>a { font-weight: bold; }
/* ---------- 7. 面包屑：竖块改金色细条 ---------- */
.yunu-curmbs { padding-bottom: 12px; }
.yunu-curmbs span { padding-left: 12px; border-left: 4px solid #C09048; border-radius: 1px; }
/* ---------- 8. 正文（详情页）：字号行距、图片圆角、摘要卡 ---------- */
.yunu-infocontent-body { font-size: 16.5px; line-height: 2.05; color: #3A4A4A; }
.yunu-infocontent-body img { border-radius: 6px; box-shadow: 0 2px 10px rgba(24,48,48,.1); margin: 6px 0; }
.yunu-infocontent-body h2 { font-size: 20px; margin: 28px 0 14px; padding-left: 12px; border-left: 4px solid #C09048; line-height: 1.5; }
.yunu-infocontent-body p { margin: 0 0 16px; }
.yunu-infocontent-desc { border: 0; border-left: 4px solid #C09048; border-radius: 0 8px 8px 0;
background: #F7F4EF; padding: 16px 20px; color: #6E7F7F; font-size: 15px; }
.yunu-infocontent-title h1 { font-size: 26px; line-height: 1.6; }
.yunu-infocontent-title p span { color: #9a9c95; }
/* 上一篇/下一篇：卡片化 */
.yunu-infocontent-epx li { margin-bottom: 10px; }
.yunu-infocontent-epx li a { display: block; border: 1px solid #E8E2D6; border-radius: 8px; padding: 14px 18px; background: #fff; }
.yunu-infocontent-epx li a:hover { border-color: #C09048; box-shadow: 0 4px 12px rgba(24,48,48,.1); }
.yunu-infocontent-epx li a em { font-style: normal; color: #9E7233; margin-right: 10px; }
/* ---------- 9. 分页：圆角胶囊 ---------- */
.ab_pages ul { text-align: center; }
.ab_pages ul a, .ab_pages ul span { display: inline-block; min-width: 36px; height: 36px; line-height: 34px;
padding: 0 12px; margin: 0 4px; border: 1px solid #E8E2D6; border-radius: 18px; background: #fff;
color: #3A4A4A; font-size: 14px; box-sizing: border-box; }
.ab_pages ul a:hover { border-color: #C09048; color: #9E7233; }
.ab_pages ul span { background: #183030; border-color: #183030; color: #fff; font-weight: bold; }
/* ---------- 10. 按钮体系：查看更多=墨绿描边，咨询=墨绿实底 ---------- */
.in-ys dd .btn a, .in-about dd .btn a { background: transparent; border: 1px solid #183030; color: #183030; border-radius: 4px; padding: 0 28px; line-height: 38px; }
.in-ys dd .btn a:hover, .in-about dd .btn a:hover { background: #183030; color: #fff; }
.in-ys dd .btn a.btn-consult, .in-about dd .btn a.btn-consult,
.in-ys dd .btn .btn-consult, .in-about dd .btn .btn-consult { background: #183030; color: #fff; border-color: #183030; }
.in-ys dd .btn a.btn-consult:hover, .in-about dd .btn a.btn-consult:hover,
.in-ys dd .btn .btn-consult:hover, .in-about dd .btn .btn-consult:hover { background: #122525; }
/* ---------- 11. 首页 01-04 优势区与品牌区微调 ---------- */
.in-ys dl { margin-bottom: 46px; }
.in-ys dd h4 i { background: #183030; color: #fff; border-radius: 6px; }
.in-ys dd h4 span small { color: #6E7F7F; font-weight: normal; }
.bg1 { padding: 56px 0; }
/* ---------- 12. 服务流程深色区：金色点缀 ---------- */
.floor_3 .title2 h3 i { color: #C09048; font-style: normal; }
/* ---------- 13. 页脚：链接近色统一 ---------- */
.footer a:hover, .yunu-link a:hover { color: #9E7233; }
/* ---------- 14. 移动端适配补丁（沿用原纯文字新闻列表，只做阅读优化） ---------- */
@media (max-width: 768px) {
.bannerr { height: 200px; }
.list-5 li .text h4 { white-space: normal; height: auto; line-height: 1.6;
display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.list-5 li .text h4 span { float: none; display: block; margin-top: 4px; }
.list-5 li .text p { display: block; margin: 8px 0 0; font-size: 14px; line-height: 1.7;
max-height: 48px; overflow: hidden; color: #6E7F7F; }
.yunu-infocontent-body { font-size: 16px; }
.ab_pages ul a, .ab_pages ul span { min-width: 32px; height: 32px; line-height: 30px; margin: 0 3px; }
}
/* ---------- 15. 动效克制：关闭 bounce 类浮夸动画 ---------- */
.wow { animation-duration: .6s; }
/* ==================================================================
2026-10-30 版块级重设计层（本地，未上线）
只改前端呈现：栏目、URL、内容数据、表单逻辑、后台全部不动
================================================================== */
/* ---------- 1. 设计令牌 ---------- */
:root{
--ink:#183030; --ink2:#122525; --ink3:#24403F;
--gold:#C09048; --goldt:#9E7233; --goldl:#F3E7D3;
--paper:#F7F4EF; --bodytx:#3A4A4A; --muted:#6E7F7F; --line:#E8E2D6;
--rad:10px;
--sd1:0 2px 10px rgba(24,48,48,.05);
--sd2:0 14px 30px rgba(24,48,48,.12);
}
body{font-size:15px;line-height:1.85;color:var(--bodytx);}
/* ---------- 2. 顶部工具条：深一档 + 去竖线 ---------- */
.header .top{height:36px;line-height:36px;background:var(--ink2);border-bottom:0;overflow:hidden;}
.header .top .fl{color:rgba(255,255,255,.58);font-size:12px;max-width:520px;}
.header .top .fl .topewz{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.header .top .fr{font-size:0;}
.header .top .fr a{position:relative;color:rgba(255,255,255,.72);font-size:12px;padding:0 0 2px;margin-left:26px;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease;}
.header .top .fr a:first-child{margin-left:0;}
.header .top .fr a:hover{color:var(--gold);border-bottom-color:var(--gold);}
.header .top .fr a.en{padding-left:20px;}
.header .top .fr a.en:before{content:'';position:absolute;left:0;top:50%;width:12px;height:12px;margin-top:-6px;
border:1px solid rgba(255,255,255,.6);border-radius:50%;box-sizing:border-box;}
.header .top .fr a.en:hover:before{border-color:var(--gold);}
/* ---------- 3. 品牌行：主次分明 + 右组热线与按钮 ---------- */
.header>.container{display:flex;align-items:center;height:70px;padding-top:0;padding-bottom:0;}
.header .logo{float:none;height:auto;line-height:1;padding:0;flex:0 0 auto;}
.header .logo img{height:46px;}
.header .text{float:none;margin:0 0 0 22px;padding:0 0 0 22px;border-left:1px solid var(--line);flex:0 1 auto;}
.header .text strong{display:block;font-size:17px;font-weight:600;color:var(--ink);letter-spacing:.5px;margin:0 0 5px;line-height:1.3;}
.header .text{color:var(--goldt);font-size:12px;letter-spacing:2px;line-height:1.3;}
.header .tel{display:none;}
.header .hd-right{margin-left:auto;display:flex;align-items:center;gap:18px;flex:0 0 auto;}
.header .hd-tel{text-align:right;line-height:1.2;}
.header .hd-tel span{display:block;font-size:11px;color:var(--muted);letter-spacing:1px;}
.header .hd-tel strong{display:block;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;font-size:24px;color:var(--ink);letter-spacing:.5px;font-weight:500;}
.header .hd-btn{display:inline-block;height:40px;line-height:40px;padding:0 22px;border-radius:6px;
background:var(--ink);color:#fff;font-size:14px;letter-spacing:1px;}
.header .hd-btn:hover{background:var(--gold);color:var(--ink);}
.header .hd-mid{order:1;flex:1 1 auto;margin:0;display:flex;justify-content:center;align-items:center;gap:26px;}
.header .hd-mid span{font-size:13px;color:var(--muted);letter-spacing:1px;position:relative;padding-left:14px;}
.header .hd-mid span:before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;
border-radius:50%;background:var(--gold);}
.header .hd-mid span+span{padding-left:15px;}
.header .hd-right{margin-left:auto;}
/* ---------- 4. 主导航：底部金线选中态 + 卡片下拉 ---------- */
.header .nav{background:var(--ink);border-top:1px solid rgba(255,255,255,.06);}
.header .nav li a{position:relative;font-size:16px;font-weight:500;line-height:56px;padding:0 27px;letter-spacing:1px;}
.header .nav li a:after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:3px;background:var(--gold);
transform:scaleX(0);transform-origin:center;transition:transform .28s ease;}
.header .nav li:hover>a:after,
.header .nav li.active>a:after,
.header .nav #active>a:after{transform:scaleX(1);}
.header .nav li.active>a,
.header .nav #active>a,
.header .nav li.open>a,
.header .nav li a:hover{background:transparent!important;color:#fff!important;}
.header .nav .dropdown-box{top:100%;left:0;min-width:128px;padding:8px;border-radius:0 0 10px 10px;
background:#fff;box-shadow:0 18px 36px rgba(18,37,37,.18);text-align:left;}
.header .nav .dropdown-box p{margin:0;border:0;}
.header .nav .dropdown-box a{line-height:40px;padding:0 14px;border-radius:6px;font-size:14px;position:relative;color:var(--ink)!important;text-align:center;}
.header .nav .dropdown-box a:after{display:none;}
.header .nav .dropdown-box a:hover{background:var(--paper)!important;color:var(--goldt)!important;}
/* ---------- 5. 首页 Banner：文字层 + 双按钮 ---------- */
.bannerr{height:540px;}
.bannerr .swiper-slide{background-position:70% center;}
.banner-layer{position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;
background:linear-gradient(96deg,rgba(18,37,37,.9) 0%,rgba(18,37,37,.62) 40%,rgba(18,37,37,.06) 72%);}
.banner-layer .container{width:1200px;max-width:1200px;}
.banner-layer h2{margin:0;font-size:42px;line-height:1.28;color:#fff;font-weight:600;letter-spacing:1px;}
.banner-layer p{margin:18px 0 0;font-size:17px;color:rgba(255,255,255,.82);letter-spacing:1px;}
.banner-layer .bl-btns{margin-top:34px;display:flex;gap:14px;}
.banner-layer .bl-btns a{display:inline-block;height:50px;line-height:48px;padding:0 32px;border-radius:6px;font-size:15px;letter-spacing:1px;
border:1px solid transparent;transition:all .25s ease;}
.banner-layer .bl-primary{background:var(--gold);color:var(--ink);border-color:var(--gold);}
.banner-layer .bl-primary:hover{background:#CB9C57;border-color:#CB9C57;}
.banner-layer .bl-ghost{color:#fff;border-color:rgba(255,255,255,.6);}
.banner-layer .bl-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.bannerr:after{background:linear-gradient(180deg,rgba(18,37,37,.10) 0%,rgba(18,37,37,0) 40%,rgba(18,37,37,.28) 100%);}
.bannerr .swiper-pagination{bottom:18px;text-align:right;}
.bannerr .swiper-pagination-bullet{width:26px;height:3px;border-radius:2px;background:rgba(255,255,255,.5);opacity:1;}
.bannerr .swiper-pagination-bullet-active{width:44px;background:var(--gold);}
/* ---------- 6. 内页 Banner：栏目名上墙 ---------- */
.banner{height:260px;overflow:hidden;}
.banner .kd img{width:100%;height:260px;object-fit:cover;display:block;}
.banner .banner-tit{position:absolute;left:0;right:0;bottom:0;top:0;z-index:3;display:flex;align-items:center;
background:linear-gradient(96deg,rgba(18,37,37,.86) 0%,rgba(18,37,37,.5) 45%,rgba(18,37,37,.12) 100%);}
.banner .banner-tit .container{width:1200px;max-width:1200px;display:flex;flex-direction:column;justify-content:center;}
.banner .banner-tit .bt-name{margin:0;font-size:32px;color:#fff;font-weight:600;letter-spacing:2px;line-height:1.3;}
.banner .banner-tit h1{margin:0;font-size:30px;color:#fff;font-weight:600;letter-spacing:2px;line-height:1.3;}
.banner .banner-tit span{display:block;order:-1;margin:0 0 10px;font-size:12px;color:var(--gold);letter-spacing:4px;text-transform:uppercase;}
/* ---------- 7. 搜索条：胶囊化 ---------- */
.yunu-sou{background:#fff;border-bottom:1px solid var(--line);padding:13px 0;}
.yunu-sou .hot{padding-left:0;background:none;font-size:13px;color:var(--muted);line-height:36px;}
.yunu-sou .hot strong{color:var(--ink);font-weight:500;font-size:13px;}
.yunu-sou .hot a{color:var(--muted);margin:0 14px 0 0;font-size:13px;}
.yunu-sou .hot a:hover{color:var(--goldt);}
.yunu-sou .hform input{width:250px;height:36px;line-height:36px;padding:0 18px;font-size:13px;
border:1px solid var(--line);border-right:0;border-radius:18px 0 0 18px;background:var(--paper);color:var(--bodytx);}
.yunu-sou .hform input:focus{outline:none;background:#fff;border-color:var(--gold);}
.yunu-sou .hform button{width:62px;height:36px;border-radius:0 18px 18px 0;}
/* ---------- 8. 区块标题：左对齐变体 ---------- */
.section-title.is-left{text-align:left;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:34px;position:relative;}
.section-title.is-left strong{font-size:28px;font-weight:600;color:var(--ink);letter-spacing:1px;}
.section-title.is-left p{font-size:14px;color:var(--muted);margin:6px 0 0;letter-spacing:.5px;}
.section-title.is-left:after{left:0;right:auto;margin-left:0;position:absolute;bottom:-2px;width:56px;}
.section-title.is-left .st-more{position:absolute;right:0;bottom:18px;font-size:14px;color:var(--goldt);}
.section-title.is-left .st-more:hover{color:var(--ink);}
/* ---------- 9. 首页产品卡：白卡 + 胶囊 tab ---------- */
.in-prod-menu{margin-bottom:26px;}
.in-prod-menu li a{width:auto;min-width:132px;padding:0 26px;line-height:40px;border-radius:999px;
background:#fff;border:1px solid var(--line);color:var(--bodytx);font-size:14px;margin:0 6px 10px;}
.in-prod-menu li a:before,.in-prod-menu li a:after{display:none!important;}
.in-prod-menu li a:hover{border-color:var(--gold);color:var(--goldt);}
.in-prod-menu li.active a{background:var(--ink);border-color:var(--ink);color:#fff;}
.list-1 li a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;
box-shadow:var(--sd1);position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.list-1 li a:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold);
transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:2;}
.list-1 li a:hover{transform:translateY(-4px);box-shadow:var(--sd2);border-color:rgba(192,144,72,.45);}
.list-1 li a:hover:before{transform:scaleX(1);}
.list-1 li .img-cover{border:0;border-bottom:1px solid var(--line);padding-top:88%;background:#fff;}
.list-1 li .img-cover span{background-size:contain!important;background-position:center!important;background-color:#fff!important;}
.list-1 li a:hover .img-cover span{transform:scale(1.04);}
.list-1 li .text{background:#fff;text-align:left;line-height:1.5;padding:14px 16px 15px;border-radius:0;}
.list-1 li .text:before{display:none;}
.list-1 li .text p{font-size:15px;color:var(--ink);font-weight:500;white-space:normal;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:45px;line-height:22.5px;}
.list-1 li .text:after{content:'查看详情 →';display:block;margin-top:9px;font-size:12px;color:var(--goldt);letter-spacing:.5px;}
.list-1 li a:hover .text p{color:var(--goldt);}
/* ---------- 10. 首页品牌带：250 → 120 ---------- */
.brand-strip{background:linear-gradient(96deg,#12292A 0%,#1E3A3A 55%,#183030 100%);
border-top:1px solid rgba(192,144,72,.22);border-bottom:1px solid rgba(192,144,72,.22);}
.brand-strip .container{height:120px;display:flex;align-items:center;gap:32px;}
.brand-strip .bs-logo{height:46px;width:auto;flex:0 0 auto;}
.brand-strip .bs-line{width:1px;height:40px;background:rgba(232,224,160,.28);flex:0 0 auto;}
.brand-strip .bs-slogan{font-size:15px;color:rgba(255,255,255,.78);letter-spacing:2px;flex:1 1 auto;}
.brand-strip .bs-tel{text-align:right;line-height:1.2;}
.brand-strip .bs-tel span{display:block;font-size:11px;color:rgba(232,224,160,.75);letter-spacing:1px;}
.brand-strip .bs-tel strong{font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;font-size:24px;color:#fff;font-weight:500;letter-spacing:.5px;}
.brand-strip .bs-btn{display:inline-block;height:40px;line-height:38px;padding:0 22px;border-radius:6px;font-size:14px;
color:var(--ink);background:var(--gold);border:1px solid var(--gold);}
.brand-strip .bs-btn:hover{background:transparent;color:var(--gold);}
/* ---------- 11. 四点优势：2×2 卡片网格 ---------- */
.in-ys{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.in-ys dl{display:flex;flex-direction:column;margin:0;padding:26px 26px 22px;position:relative;
background:#fff;border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--sd1);
transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease;}
.in-ys dl:hover{box-shadow:var(--sd2);transform:translateY(-3px);border-color:rgba(192,144,72,.45);}
.in-ys dl:last-child{border-bottom:1px solid var(--line);}
.in-ys dl:after{content:'';position:absolute;right:0;top:0;width:74px;height:74px;border-radius:0 var(--rad) 0 74px;
background:linear-gradient(135deg,rgba(192,144,72,.10),rgba(192,144,72,0));pointer-events:none;}
.in-ys dl dt{float:none!important;width:auto!important;position:absolute!important;right:24px;top:24px;z-index:1;}
.in-ys dt img{width:84px;height:64px;object-fit:cover;border-radius:6px;opacity:.92;}
.in-ys dl dd{margin:0!important;}
.in-ys dd h4{display:flex;gap:12px;align-items:flex-start;background:none;padding:0;margin:0 0 12px;overflow:visible;}
.in-ys dd h4 i{float:none;flex:0 0 auto;width:auto;line-height:1;padding:0;background:none!important;color:var(--gold)!important;
font-size:24px;font-style:normal;font-weight:500;border-radius:0;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;}
.in-ys dd h4 span{display:block;margin:0;padding:0;font-size:19px;line-height:1.45;color:var(--ink);font-weight:600;max-width:72%;}
.in-ys dd h4 small{display:block;margin-top:6px;font-size:12px;color:var(--muted);line-height:1.6;font-weight:400;letter-spacing:.5px;}
.in-ys dd .text{margin:0;}
.in-ys dd p{margin:0 0 8px;padding-left:0;background:none;font-size:14px;line-height:1.85;color:var(--muted);}
.in-ys dd .btn{margin-top:14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.in-ys dd .btn a,
.in-ys dd .btn a.btn-consult{background:none!important;border:0!important;padding:0!important;line-height:1.6!important;
color:var(--goldt)!important;font-size:13px;border-radius:0;height:auto;}
.in-ys dd .btn a:hover{color:var(--ink)!important;}
.in-ys dd .btn a:after{content:' →';}
.in-ys dd .btn .tel{line-height:1.6;background:none;padding-left:0;font-size:13px;color:var(--muted);}
.in-ys dd .btn .tel strong{font-size:15px;color:var(--ink);font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;letter-spacing:.5px;}
/* ---------- 12. 服务流程：米白时间轴 ---------- */
.floor_3_main{background:var(--paper)!important;height:auto;padding:56px 0;border-top:1px solid var(--line);}
.floor_3_main .w1200{width:1200px;max-width:1200px;margin:0 auto;padding:0 15px;display:flex;align-items:flex-start;gap:44px;}
.floor_3_main .title2{float:none;width:auto;height:auto;flex:0 0 200px;border-right:1px solid var(--line)!important;margin:0;padding-right:32px;color:var(--ink);}
.floor_3_main .title2 h3{color:var(--ink);font-size:22px;font-weight:600;letter-spacing:1px;margin:0;}
.floor_3_main .title2 h3 i{color:var(--goldt);font-style:normal;font-size:13px;letter-spacing:2px;display:block;margin-top:8px;text-transform:uppercase;}
.floor_3_main .title2 p{margin:18px 0 0;padding:0;color:var(--ink);font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;font-size:20px;letter-spacing:.5px;}
.floor_3_main .title2 p.f3-desc{margin-top:14px;font-family:inherit;font-size:14px;letter-spacing:.5px;color:var(--muted);line-height:1.7;}
.floor_3_main .w1200{align-items:center;}
.floor_3_main .title2 p .icon{display:none;}
.floor_3_main .liuc{float:none;width:auto;flex:1 1 auto;padding:0!important;color:var(--ink);}
.floor_3_main .liuc .list{width:100%!important;display:grid;grid-template-columns:repeat(7,1fr);counter-reset:step;}
.floor_3_main .liuc li{float:none!important;width:auto!important;margin:0!important;padding:0;text-align:center;position:relative;counter-increment:step;}
.floor_3_main .liuc li:before{content:'';position:absolute;left:0;right:0;top:21px;height:2px;background:#DED5C4;}
.floor_3_main .liuc li:first-child:before{left:50%;}
.floor_3_main .liuc li:last-child:before{right:50%;}
.floor_3_main .liuc li:after{content:counter(step,decimal-leading-zero);position:absolute;left:50%;top:0;transform:translateX(-50%);
width:42px;height:42px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;line-height:42px;
font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;letter-spacing:.5px;z-index:1;}
.floor_3_main .liuc li p{margin:0 auto!important;float:none!important;width:auto!important;padding-top:56px;color:var(--ink);font-size:14px;line-height:1.6;text-align:center;}
.floor_3_main .liuc li p img{display:none;}
.floor_3_main .liuc li .jt{display:none;}
.floor_3_main .liuc li:hover:after{background:var(--gold);color:var(--ink);}
.floor_3_main .liuc li:hover p{color:var(--goldt);}
/* ---------- 13. 关于我们：左图右文 + 金色偏移 ---------- */
.in-about{display:flex;align-items:center;gap:56px;}
.in-about dt{float:none;width:47%;flex:0 0 47%;margin:0;}
.in-about dt img{width:100%;display:block;border-radius:var(--rad);box-shadow:16px 16px 0 -1px rgba(192,144,72,.16);}
.in-about dd{margin:0!important;flex:1 1 auto;}
.in-about dd h4{font-size:24px;font-weight:600;line-height:1.4;margin:0 0 18px;}
.in-about dd h4:after{width:48px;height:3px;margin-top:14px;}
.in-about dd p{font-size:15px;line-height:1.95;color:var(--muted);}
.in-about dd .btn{margin-top:24px;display:flex;align-items:center;gap:16px;}
.in-about dd .btn a{line-height:44px;padding:0 26px;border-radius:6px;font-size:14px;background:var(--ink)!important;border:1px solid var(--ink)!important;color:#fff!important;}
.in-about dd .btn a:hover{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--ink)!important;}
.in-about dd .btn a.btn-consult{background:transparent!important;color:var(--ink)!important;}
.in-about dd .btn a.btn-consult:hover{background:var(--paper)!important;}
/* ---------- 14. 行业资讯：1 主卡 + 4 紧凑行 ---------- */
.in-news{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
.in-news .item{display:block;}
.in-news .wrap{padding:0!important;border:0!important;}
.in-news .tit{font-size:18px;font-weight:600;color:var(--ink);margin:0 0 18px;padding-bottom:14px;
border-bottom:1px solid var(--line);line-height:1.4;position:relative;}
.in-news .tit:after{content:'';position:absolute;left:0;bottom:-1px;width:44px;height:2px;background:var(--gold);}
.in-news .tit .more{float:right;font-size:12px;color:var(--goldt);letter-spacing:1px;text-transform:none;font-weight:400;}
.in-news .tit strong{display:block;margin:4px 0 0;font-size:12px;color:var(--muted);font-weight:400;letter-spacing:1px;}
.in-news .list-5{margin:0;}
.in-news .list-5 li{margin:0;border-bottom:1px solid var(--line);}
.in-news .list-5 li:last-child{border-bottom:0;}
.in-news .list-5 li a{border:0!important;padding:12px 0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;background:transparent;}
/* 主卡 */
.in-news .list-5 li:first-child{margin-bottom:6px;border-bottom:0;}
.in-news .list-5 li:first-child a{border:1px solid var(--line)!important;border-radius:var(--rad)!important;overflow:hidden;background:#fff;box-shadow:var(--sd1);}
.in-news .list-5 li:first-child .img-center{float:none!important;width:100%!important;height:0!important;padding-top:56%!important;position:relative;border-radius:0!important;}
.in-news .list-5 li:first-child .img-center img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
.in-news .list-5 li:first-child .text{margin:0!important;padding:16px 18px 18px;}
.in-news .list-5 li:first-child .text h4{white-space:normal;font-size:19px;line-height:1.5;font-weight:600;color:var(--ink);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;}
.in-news .list-5 li:first-child .text h4 span{float:none;display:inline-block;margin-bottom:8px;padding:2px 10px;
background:var(--goldl);color:var(--goldt);border-radius:999px;font-size:12px;font-weight:400;}
.in-news .list-5 li:first-child .text p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
font-size:13px;line-height:1.7;color:var(--muted);height:auto;max-height:44px;}
/* 紧凑行 */
.in-news .list-5 li:not(:first-child) a:hover{transform:none!important;box-shadow:none!important;}
.in-news .list-5 li:not(:first-child) .img-center{display:none!important;}
.in-news .list-5 li:not(:first-child) .text{margin:0!important;}
.in-news .list-5 li:not(:first-child) .text h4{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
font-size:15px;line-height:1.7;font-weight:400;color:var(--bodytx);margin:0;}
.in-news .list-5 li:not(:first-child) .text h4 span{display:inline;float:none;margin:0 10px 0 0;padding:0;
background:none!important;border-radius:0;font-size:12px;color:var(--muted);}
.in-news .list-5 li:not(:first-child) .text p{display:none;}
.in-news .list-5 li:not(:first-child) a:hover .text h4{color:var(--goldt);}
/* ---------- 15. 友情链接：压成细条 ---------- */
.section:has(.yunu-link){padding-top:0;padding-bottom:0;}
.yunu-link{border-top:1px solid var(--line);padding:14px 0;margin-top:8px;display:flex;align-items:baseline;gap:16px;}
.yunu-link h4{margin:0;padding:0;border:0;font-size:12px;color:var(--muted);font-weight:400;white-space:nowrap;letter-spacing:1px;}
.yunu-link h4 small{font-size:12px;}
.yunu-link ul{margin:0!important;font-size:0;}
.yunu-link li{float:none!important;display:inline-block;margin:0!important;}
.yunu-link li a{font-size:12px;color:var(--muted);margin-right:16px;line-height:2;}
.yunu-link li a:hover{color:var(--goldt);}
/* ---------- 16. 左侧栏三盒 ---------- */
.panel-sd{border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:#fff;box-shadow:var(--sd1);margin-bottom:18px;}
.panel-sd .tit{font-size:15px;font-weight:500;padding:0 0 0 16px;height:48px;line-height:48px;text-align:left;
background:var(--ink);position:relative;letter-spacing:1px;}
.panel-sd .tit:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);}
.panel-sd .tit:after{display:none;}
.lanmu li>a{line-height:44px;padding:0 0 0 18px;border-bottom:1px solid #F1EDE4;font-size:14px;color:var(--bodytx);
background:none!important;position:relative;transition:all .2s ease;}
.lanmu li>a:after{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);transition:width .2s ease;}
.lanmu li>a:hover{background:var(--paper)!important;color:var(--ink);box-shadow:none;}
.lanmu li>a:hover:after{width:3px;}
.lanmu li.active>a{background:var(--goldl)!important;color:var(--ink);font-weight:600;box-shadow:none;}
.lanmu li.active>a:after{width:3px;}
.lanmu li:last-child>a{border-bottom:0;}
/* 热门产品：2×3 等高卡片 */
ul.contact-sd{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;align-items:stretch;}
ul.contact-sd .ewm{margin:0;padding:8px;text-align:left;background:#fff;border:1px solid #EFEAE0;border-radius:8px;
transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
ul.contact-sd .ewm:hover{border-color:var(--gold);box-shadow:0 8px 18px rgba(24,48,48,.08);transform:translateY(-2px);}
ul.contact-sd .ewm a{display:flex;flex-direction:column;height:100%;}
ul.contact-sd .ewm .img-center{width:100%;height:84px;background:#F7F4EF;border:0;box-shadow:none;border-radius:6px;}
ul.contact-sd .ewm .img-center img{object-fit:contain!important;padding:5px;box-sizing:border-box;}
ul.contact-sd .ewm p{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--bodytx);min-height:38px;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:left;}
ul.contact-sd .ewm:hover p{color:var(--goldt);}
/* 条数为奇数时兜底：末卡通栏，避免孤卡 */
ul.contact-sd .ewm:last-child:nth-child(odd){grid-column:1/-1;}
ul.contact-sd .ewm:last-child:nth-child(odd) .img-center{height:110px;}
/* 联系我们盒 */
div.contact-sd{padding:18px 16px 20px;}
div.contact-sd .ewm{padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid #F1EDE4;}
div.contact-sd .ewm .img-center{width:132px;height:132px;margin:0 auto;}
div.contact-sd .ewm .img-center img{object-fit:contain!important;padding:4px;box-sizing:border-box;}
div.contact-sd .ewm p{margin:10px 0 0;text-align:center;font-size:12px;color:var(--muted);}
div.contact-sd .tel{padding-top:14px;}
div.contact-sd .tel p{margin:0;padding-left:0;background:none;font-size:20px;color:var(--ink);font-weight:500;
font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;letter-spacing:.5px;line-height:1.5;text-align:center;}
div.contact-sd .tel p+p{font-size:14px;color:var(--muted);font-family:inherit;font-weight:400;margin-top:2px;}
/* ---------- 17. 面包屑：轻量 ---------- */
.yunu-curmbs{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px;font-size:13px;color:var(--muted);}
.yunu-curmbs span{padding-left:0;border-left:0;font-size:0;}
.yunu-curmbs span:first-child{display:none;}
.yunu-curmbs em{padding:0 8px;color:#C8C2B4;font-size:13px;}
.yunu-curmbs a{color:var(--muted);font-size:13px;}
.yunu-curmbs a:hover{color:var(--goldt);}
/* ---------- 18. 产品列表：计数行 ---------- */
.list-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.list-head h2{margin:0;font-size:22px;color:var(--ink);font-weight:600;letter-spacing:1px;}
.list-head .count{font-size:13px;color:var(--muted);}
.list-head .count em{font-style:normal;color:var(--goldt);font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;font-size:15px;margin:0 2px;}
/* ---------- 19. 新闻列表：杂志行 ---------- */
.ct2-mn>.list-5 li a{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:22px 0!important;
background:transparent!important;box-shadow:none!important;transform:none!important;}
.ct2-mn>.list-5 li:last-child a{border-bottom:0!important;}
.ct2-mn>.list-5 li a:hover{transform:none!important;box-shadow:none!important;}
.ct2-mn>.list-5 li .img-center{width:230px;height:152px;border-radius:8px;}
.ct2-mn>.list-5 li .text{margin-left:254px;}
.ct2-mn>.list-5 li .text h4{font-size:18px;font-weight:600;line-height:1.55;white-space:normal;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);margin-bottom:6px;}
.ct2-mn>.list-5 li .text h4 span{float:none;display:inline-block;margin-bottom:8px;padding:2px 10px;background:var(--goldl);
color:var(--goldt);border-radius:999px;font-size:12px;line-height:1.7;}
.ct2-mn>.list-5 li .text p{font-size:14px;line-height:1.8;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;
-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;}
.ct2-mn>.list-5 li a:hover .text h4{color:var(--goldt);}
/* ---------- 20. 产品详情：询盘导向 ---------- */
.yunu-showcase{display:flex;gap:44px;align-items:flex-start;}
.pc-slide{float:none;width:48%;flex:0 0 48%;}
.view .swiper-slide .img-center{height:400px;line-height:400px;background:#fff;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;}
.view .swiper-slide .img-center img{max-height:100%;object-fit:contain;}
.view .swiper-slide .img-center{display:flex;align-items:center;justify-content:center;line-height:normal;padding:14px;}
.view .swiper-slide .img-center img{width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;}
.preview .swiper-slide .img-center{display:flex;align-items:center;justify-content:center;line-height:normal;padding:4px;}
.preview .swiper-slide .img-center img{max-width:100%;max-height:100%;}.preview{margin-top:12px;}
.preview .swiper-slide .img-center{height:76px;line-height:76px;border-radius:6px;background:#fff;}
.preview .active-nav .img-center{border:2px solid var(--gold);}
.yunu-showcase-info{margin:0!important;flex:1 1 auto;}
.yunu-showcase-info h1{font-size:24px;line-height:1.45;font-weight:600;color:var(--ink);margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid var(--line);}
.param-box{font-size:14px!important;color:var(--bodytx)!important;line-height:1.85!important;}
.param-box>p:first-child{color:var(--muted);}
.param-box table{border-radius:8px;overflow:hidden;}
.param-box table th{background:var(--paper);color:var(--ink);font-weight:500;}
.param-box table tr:nth-child(even) td{background:var(--paper);}
.param-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;padding:0;list-style:none;}
.param-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed var(--line);font-size:13.5px;line-height:1.7;color:var(--bodytx);}
.param-list li:before{content:'';flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-top:8px;}
.param-list li b{color:var(--ink);font-weight:500;white-space:nowrap;}
/* CTA 区 */
.cta-box{border:1px solid var(--line);border-radius:var(--rad);background:var(--paper);padding:18px 20px;margin-top:22px;}
.cta-trust{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.cta-trust span{font-size:12px;color:var(--goldt);background:#fff;border:1px solid var(--goldl);border-radius:999px;padding:3px 12px;}
.cta-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.cta-act .ca-main{display:inline-block;height:46px;line-height:44px;padding:0 26px;border-radius:6px;
background:var(--ink);color:#fff;font-size:15px;border:1px solid var(--ink);}
.cta-act .ca-main:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.cta-act .ca-sub{display:inline-block;height:46px;line-height:44px;padding:0 24px;border-radius:6px;
border:1px solid var(--ink);color:var(--ink);font-size:15px;background:transparent;cursor:pointer;}
.cta-act .ca-sub:hover{background:var(--ink);color:#fff;}
.cta-act .ca-tel{font-size:12px;color:var(--muted);line-height:1.4;}
.cta-act .ca-tel strong{display:block;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;font-size:22px;color:var(--ink);font-weight:500;letter-spacing:.5px;}
/* 相关产品卡片 */
.rel-prod{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px;}
.rel-prod a{display:block;border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;background:#fff;transition:all .25s ease;}
.rel-prod a:hover{border-color:rgba(192,144,72,.5);box-shadow:var(--sd2);transform:translateY(-3px);}
.rel-prod .rp-img{height:0;padding-top:78%;background:#fff no-repeat center/contain;border-bottom:1px solid var(--line);}
.rel-prod .rp-tit{padding:12px 14px;font-size:13.5px;line-height:1.5;color:var(--ink);height:60px;box-sizing:border-box;
overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/* ---------- 21. 新闻详情 ---------- */
.yunu-infocontent-title{text-align:left;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line);}
.yunu-infocontent-title h1{font-size:27px;line-height:1.5;font-weight:600;color:var(--ink);margin:0;}
.yunu-infocontent-title p{margin:14px 0 0;font-size:0;}
.yunu-infocontent-title p span{display:inline-block;padding:3px 12px;margin-right:8px;background:var(--paper);
border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);}
.yunu-infocontent-epx{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;}
.yunu-infocontent-epx li{margin:0;line-height:1.6;}
.yunu-infocontent-epx li a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;
font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.yunu-infocontent-epx li a:hover{border-color:var(--gold);box-shadow:var(--sd1);}
.yunu-infocontent-epx li span{display:block;background:none;color:var(--muted);font-size:12px;padding:0;margin-bottom:6px;}
.yunu-infocontent-epx li a em{float:none;font-style:normal;color:var(--muted);font-size:12px;margin:0 0 0 6px;}
/* ---------- 22. 关于我们页题头 ---------- */
.page-head{margin:0 0 26px;padding:22px 24px;background:var(--paper);border-left:3px solid var(--gold);border-radius:0 var(--rad) var(--rad) 0;}
.page-head h1{margin:0;font-size:24px;color:var(--ink);font-weight:600;letter-spacing:1px;}
.page-head p{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.7;}
/* ---------- 23. 联系页信息卡 ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px;}
.contact-card{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border:1px solid var(--line);
border-radius:var(--rad);background:#fff;box-shadow:var(--sd1);}
.contact-card .cc-ico{flex:0 0 auto;width:38px;height:38px;border-radius:8px;background:var(--goldl);color:var(--goldt);
display:flex;align-items:center;justify-content:center;}
.contact-card .cc-tit{font-size:12px;color:var(--muted);letter-spacing:1px;margin-bottom:2px;}
.contact-card .cc-val{font-size:15px;color:var(--ink);line-height:1.6;word-break:break-all;}
.contact-body{font-size:15px;line-height:1.95;color:var(--bodytx);margin:0 0 24px;}
.contact-body p{margin:0 0 12px;}
.contact-side{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start;}
.contact-side .cs-qr{border:1px solid var(--line);border-radius:var(--rad);padding:18px;text-align:center;background:#fff;}
.contact-side .cs-qr img{width:150px;height:150px;object-fit:contain;}
.contact-side .cs-qr p{margin:10px 0 0;font-size:12px;color:var(--muted);}
.map{margin-top:0;height:320px;border-radius:var(--rad);overflow:hidden;border:1px solid var(--line);background:var(--paper);}
.map-fallback{display:flex;align-items:center;justify-content:center;}
/* ---------- 24. 留言表单 ---------- */
.m-message{max-width:100%;}
.m-message label{display:block;margin-bottom:16px;}
.m-message label span{display:block;font-size:13px;color:var(--ink);margin-bottom:6px;letter-spacing:.5px;}
.m-message label input.inp,
.m-message label textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;
background:#fff;padding:12px 14px;font-size:14px;color:var(--bodytx);transition:border-color .2s ease,box-shadow .2s ease;}
.m-message label textarea{min-height:140px;resize:vertical;line-height:1.8;}
.m-message label input.inp:focus,
.m-message label textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,144,72,.14);outline:none;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.form-grid .full{grid-column:1 / -1;}
.m-message label.code{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.m-message label.code span{margin:0;flex:0 0 auto;}
.m-message label.code input{width:150px;height:40px;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:0 12px;font-size:14px;}
.m-message label.code img{height:40px;width:110px;border:1px solid var(--line);border-radius:6px;cursor:pointer;}
.btn-1{display:flex;align-items:center;gap:18px;margin-top:8px;}
.btn-1 input{border:0;border-radius:6px;height:46px;padding:0 34px;font-size:15px;cursor:pointer;letter-spacing:2px;}
.btn-1 input.focus,
.btn-1 input[type="submit"]{background:var(--ink);color:#fff;}
.btn-1 input.focus:hover,
.btn-1 input[type="submit"]:hover{background:var(--gold);color:var(--ink);}
.btn-1 input[type="reset"]{background:transparent;color:var(--muted);border:1px solid var(--line);padding:0 24px;font-size:14px;letter-spacing:0;}
.btn-1 input[type="reset"]:hover{color:var(--ink);border-color:var(--ink);}
.form-note{font-size:12px;color:var(--muted);margin:14px 0 0;line-height:1.7;}
/* ---------- 25. 页脚：三列信息架 ---------- */
.footer-nav{display:none!important;}
.footer{background:var(--ink2);padding:0;}
.footer>.container{display:grid;grid-template-columns:1.15fr .9fr 1.05fr;gap:56px;padding-top:52px;padding-bottom:44px;}
.footer-logo{float:none;width:auto;margin:0;}
.footer-logo>img{height:44px;width:auto;display:block;margin-bottom:18px;}
.footer .f-brand-txt{font-size:13px;line-height:1.9;color:rgba(255,255,255,.55);margin:0 0 18px;max-width:330px;}
.footer .f-qr{display:flex;gap:18px;}
.footer .f-qr .fg{text-align:center;}
.footer .f-qr .fg img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#fff;padding:3px;box-sizing:border-box;}
.footer .f-qr .fg p{margin:6px 0 0;font-size:11px;color:rgba(255,255,255,.5);}
.footer-tit{font-size:13px;font-weight:500;color:var(--gold);letter-spacing:2px;margin:0 0 18px;padding:0;}
.footer-tit small{display:none;}
.footer-tit:after{display:none;}
.footer-contact{float:none;width:auto;margin:0;padding:0;border:0;}
.footer-contact p{margin:0 0 10px;font-size:13px;line-height:1.8;color:rgba(255,255,255,.6);}
.footer-contact p b{color:rgba(255,255,255,.85);font-weight:400;}
.footer-ewm{float:none;margin:0;}
.footer-ewm ul{margin:0;display:flex;gap:18px;flex-wrap:wrap;}
.footer-ewm li{float:none;width:auto;margin:0;}
.footer-ewm li .wrap p{margin:6px 0 0;font-size:11px;color:rgba(255,255,255,.5);}
.footer-ewm li .img-center img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:#fff;padding:3px;box-sizing:border-box;}
/* 页脚快捷入口列 */
.f-links{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.f-links a{display:block;font-size:13px;line-height:2.2;color:rgba(255,255,255,.6);}
.f-links a:hover{color:var(--gold);}
.f-cta{display:inline-block;margin-top:16px;height:38px;line-height:36px;padding:0 20px;border-radius:6px;
border:1px solid var(--gold);color:var(--gold);font-size:13px;}
.f-cta:hover{background:var(--gold);color:var(--ink2);}
.footer-copy{background:#0C1919;margin-top:0;padding:16px 0;font-size:12px;color:rgba(255,255,255,.38);}
.footer-copy a{color:rgba(255,255,255,.45);}
.footer-links{float:none;margin:0;}
.header .menu-btn{order:3;margin-left:auto;}
.header .logo{order:1;}
.header .text{order:1;}
.header .hd-right{order:2;}
/* ---------- 26. 客服浮窗：两枚圆钮 + 回顶 ---------- */
.side-tools{position:fixed;right:22px;bottom:120px;z-index:60;display:flex;flex-direction:column;gap:10px;}
.side-tools .st-item{position:relative;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;
display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(18,37,37,.22);cursor:pointer;
transition:background-color .2s ease,transform .2s ease;}
.side-tools .st-item:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px);}
.side-tools .st-item svg{width:21px;height:21px;display:block;}
.side-tools .st-wx .st-pop{position:absolute;right:58px;top:50%;transform:translateY(-50%) scale(.96);opacity:0;visibility:hidden;
background:#fff;border-radius:10px;box-shadow:0 12px 30px rgba(18,37,37,.2);padding:12px;text-align:center;transition:all .2s ease;}
.side-tools .st-wx:hover .st-pop{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);}
.side-tools .st-pop img{width:128px;height:128px;object-fit:contain;display:block;}
.side-tools .st-pop p{margin:8px 0 0;font-size:12px;color:var(--muted);white-space:nowrap;}
/* ---------- 27. 中屏 992–1199 ---------- */
@media screen and (max-width:1199px) and (min-width:768px){
.header .nav li a{padding:0 16px;font-size:14px;}
.header .text{display:none;}
.header .hd-mid{display:none;}
.header .hd-right{margin-left:auto;}
.banner-layer h2{font-size:30px;}
.floor_3_main .w1200{flex-direction:column;gap:24px;}
.floor_3_main .title2{flex:none;border-right:0!important;border-bottom:1px solid var(--line);padding:0 0 16px;width:100%;}
.in-ys{gap:18px;}
.in-about{gap:32px;}
.pc-slide{flex:0 0 44%;width:44%;}
.contact-side{grid-template-columns:220px 1fr;}
}
/* ---------- 28. 手机端 ---------- */
@media screen and (max-width:767px){
body{font-size:15px;padding-top:58px;}
.header>.container{height:58px;display:flex;align-items:center;padding:0 15px;}
.header{padding:0;}
.header .logo img{height:36px;}
.header .hd-right{display:none;}
.header .top{display:none;}
.header .nav{margin:0 -15px;}
.header .nav li a{line-height:46px;font-size:15px;}
.header .nav li a:after{display:none;}
.header .hd-mid{display:none;}
.header .nav{background:#fff;border-top:1px solid var(--line);}
.header .nav li{background:#fff;}
.header .nav li a{color:var(--ink)!important;background:transparent!important;}
.header .nav li.active a,.header .nav #active>a,.header .nav li a:hover{background:#f8f6f1!important;color:var(--goldt)!important;}
.header .nav .dropdown-box{background:#f8f6f1;box-shadow:none;border-radius:0;min-width:auto;}
.bannerr{height:360px;}
.bannerr .swiper-slide{background-position:74% center;}
.banner-layer{background:linear-gradient(180deg,rgba(18,37,37,.55),rgba(18,37,37,.78));align-items:flex-end;padding-bottom:34px;}
.banner-layer h2{font-size:24px;line-height:1.4;}
.banner-layer p{font-size:13px;margin-top:10px;}
.banner-layer .bl-btns{margin-top:20px;gap:10px;}
.banner-layer .bl-btns a{height:42px;line-height:40px;padding:0 20px;font-size:14px;}
.banner{height:170px;}
.banner .kd img{height:170px;}
.banner .banner-tit .bt-name{font-size:21px;letter-spacing:1px;}
.banner .banner-tit h1{font-size:20px;letter-spacing:1px;}
.banner .banner-tit span{font-size:11px;letter-spacing:2px;margin-bottom:7px;}
.yunu-sou{padding:8px 0;}
.yunu-sou .hform input{height:38px;line-height:38px;border-radius:19px 0 0 19px;padding:0 16px;}
.yunu-sou .hform button{height:38px;border-radius:0 19px 19px 0;}
.section{padding:34px 0;}
.section-title.is-left strong{font-size:21px;}
.section-title.is-left .st-more{position:static;display:inline-block;margin-top:8px;font-size:13px;}
.in-prod-menu li a{min-width:0;padding:0 16px;line-height:34px;font-size:13px;margin:0 4px 8px;}
.list-1{margin:-8px 0 0 -8px;}
.list-1 li a{margin:8px 0 0 8px;}
.list-1 li .text{padding:10px 12px 12px;}
.list-1 li .text p{font-size:13px;height:39px;line-height:19.5px;}
.list-1 li .text:after{font-size:11px;margin-top:6px;}
.brand-strip .container{height:auto!important;padding:22px 15px;flex-wrap:wrap;gap:14px;}
.brand-strip .bs-logo{height:36px;}
.brand-strip .bs-line{display:none;}
.brand-strip .bs-slogan{font-size:12px;letter-spacing:1px;flex:1 1 100%;order:3;}
.brand-strip .bs-tel{flex:1 1 auto;text-align:left;}
.brand-strip .bs-tel strong{font-size:20px;}
.brand-strip .bs-btn{height:36px;line-height:34px;padding:0 16px;font-size:13px;}
.in-ys{grid-template-columns:1fr;gap:14px;}
.in-ys dl{padding:20px;}
.in-ys dt{right:18px;top:18px;}
.in-ys dt img{width:64px;height:48px;}
.in-ys dd h4 span{font-size:17px;max-width:70%;}
.in-ys dd h4 i{font-size:20px;}
.floor_3_main{padding:34px 0;}
.floor_3_main .w1200{padding:0 15px;gap:20px;flex-direction:column;}
.floor_3_main .title2{flex:none;width:100%;border-right:0!important;border-bottom:1px solid var(--line);padding:0 0 16px;}
.floor_3_main .liuc .list{grid-template-columns:1fr 1fr;gap:12px;padding-top:6px;}
.floor_3_main .liuc li{display:flex;align-items:center;justify-content:center;gap:10px;
background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 8px;}
.floor_3_main .liuc li:before{display:none!important;}
.floor_3_main .liuc li:last-child:nth-child(odd){grid-column:1/-1;}
.floor_3_main .liuc li:after{position:static;transform:none;flex:0 0 30px;width:30px;height:30px;line-height:30px;font-size:12px;}
.floor_3_main .liuc li p{padding:0;font-size:14px;line-height:1.3;text-align:left;margin:0;}
.floor_3_main .title2 p{margin-top:12px;}
.in-about{display:block;}
.in-about dt{width:100%;flex:none;margin-bottom:24px;}
.in-about dt img{box-shadow:8px 8px 0 -1px rgba(192,144,72,.16);}
.in-about dd h4{font-size:19px;}
.in-news{grid-template-columns:1fr;gap:30px;}
.in-news .list-5 li:first-child .text h4{font-size:16px;}
.yunu-link{flex-wrap:wrap;gap:6px 14px;padding:12px 0;}
.yunu-link li a{margin-right:12px;font-size:12px;}
.panel-sd{margin-bottom:14px;}
ul.contact-sd{grid-template-columns:1fr 1fr 1fr;gap:10px;}
ul.contact-sd .ewm .img-center{height:70px;}
ul.contact-sd .ewm p{font-size:11px;height:30px;}
.list-head h2{font-size:18px;}
.list-5 li a{padding:16px 0!important;}
.list-5 li .img-center{width:104px;height:78px;border-radius:6px;}
.list-5 li .text{margin-left:116px;}
.list-5 li .text h4{font-size:15px;line-height:1.5;-webkit-line-clamp:2;}
.list-5 li .text h4 span{font-size:11px;padding:1px 8px;margin-bottom:5px;}
.list-5 li .text p{display:none;}
.view .swiper-slide .img-center{height:280px;line-height:280px;}
.yunu-showcase{display:block;}
.pc-slide{width:100%;flex:none;}
.param-list{grid-template-columns:1fr;}
.cta-act .ca-main,.cta-act .ca-sub{flex:1 1 100%;text-align:center;}
.rel-prod{grid-template-columns:1fr 1fr;gap:12px;}
.rel-prod .rp-tit{height:56px;font-size:12.5px;padding:10px 12px;}
.yunu-infocontent-title h1{font-size:20px;}
.yunu-infocontent-epx{grid-template-columns:1fr;gap:10px;}
.contact-grid{grid-template-columns:1fr;}
.contact-side{grid-template-columns:1fr;}
.contact-side .cs-qr img{width:130px;height:130px;}
.map{height:240px;}
.form-grid{grid-template-columns:1fr;}
.btn-1 input{flex:1 1 auto;padding:0 20px;}
.footer>.container{grid-template-columns:1fr;gap:30px;padding:34px 15px 26px;}
.footer .f-links{grid-template-columns:1fr 1fr;}
.side-tools{right:12px;bottom:78px;gap:8px;}
.side-tools .st-item{width:40px;height:40px;}
.side-tools .st-pop{display:none;}
.footer-fix{height:56px;padding-bottom:env(safe-area-inset-bottom);}
.footer-fix li a{padding:6px 0;font-size:11px;}
.footer-fix li i{height:18px;margin-bottom:2px;}
.footer-fix li a{color:var(--muted);}
.footer-fix li.on a{color:var(--ink);}
/* 新闻列表杂志行：手机端恢复左图右文紧凑布局 */
.list-5 li .img-center{display:block!important;float:left;}
.ct2-mn>.list-5 li .img-center{float:left;width:104px!important;height:78px!important;}
.ct2-mn>.list-5 li .text{margin-left:116px!important;}
.ct2-mn>.list-5 li .text h4{font-size:15px;}
.ct2-mn>.list-5 li .text h4 span{display:inline-block;margin-top:0;font-size:11px;padding:1px 8px;}
.ct2-mn>.list-5 li .text p{display:none;}
.in-news .list-5 li .img-center{display:none!important;}
}
/* ---------- 29. 清除 clearfix 伪元素对 grid/flex 容器的干扰 ---------- */
.floor_3_main .liuc .list:before,.floor_3_main .liuc .list:after,
.footer>.container:before,.footer>.container:after,
.header>.container:before,.header>.container:after,
.floor_3_main .w1200:before,.floor_3_main .w1200:after,
.in-news:before,.in-news:after{display:none!important;content:none!important;}
/* ---------- 30. 动效克制 ---------- */
.in-ys dl,.list-1 li a,.rel-prod a{will-change:transform;}
/* ---------- 31. 主导航均匀分布（桌面端）：8 项平分整行，箭头不再挤文字 ---------- */
@media screen and (min-width:769px){
.header .nav .container > ul{display:flex;align-items:stretch;}
.header .nav .container > ul > li{flex:1 1 auto;display:block;}
.header .nav .container > ul > li > a{width:100%;padding:0;text-align:center;}
.header .nav li a:after{left:50%;right:auto;width:58px;margin-left:-29px;}
.header .nav li.dropdown:before{display:none;content:none;}
.header .nav li .arr{display:none!important;}
.header .nav .dropdown-box{left:50%;transform:translateX(-50%);}
}
/* ---------- 32. 优势区上下留白 ---------- */
.in-ys{margin:38px 0 46px;}
@media screen and (max-width:767px){
.in-ys{margin:26px 0 30px;}
}
/* ---------- 33. 联系页简介：金色圆环头像 + 文字 ---------- */
.ct-intro{display:flex;align-items:center;gap:28px;margin:20px 0 28px;}
.ct-ava{flex:0 0 132px;}
.ct-ava img{width:132px;height:132px;border-radius:50%;object-fit:cover;display:block;
border:5px solid var(--gold);box-shadow:0 8px 20px rgba(24,48,48,.12);background:#fff;}
.ct-intro-txt h4{margin:0;font-size:20px;color:var(--ink);font-weight:600;letter-spacing:1px;}
.ct-intro-txt h4 small{margin-left:10px;font-size:12px;color:var(--muted);font-weight:400;letter-spacing:1.5px;text-transform:uppercase;}
.ct-intro-txt p{margin:10px 0 0;font-size:15px;line-height:1.9;color:var(--muted);text-align:justify;}
@media screen and (max-width:767px){
.ct-intro{flex-direction:column;align-items:flex-start;gap:14px;margin:16px 0 22px;}
.ct-ava{flex:none;}
.ct-ava img{width:96px;height:96px;border-width:4px;}
.ct-intro-txt h4{font-size:18px;}
.ct-intro-txt p{font-size:14px;line-height:1.85;}
}
/* ---------- 34. 联系页信息区：左右垂直居中 ---------- */
dl.contact{display:flex;align-items:center;background:var(--paper);}
dl.contact dt{float:none;order:2;flex:0 0 45%;margin:0;}
dl.contact dt img{display:block;width:100%;height:100%;object-fit:cover;}
dl.contact dd{margin:0!important;flex:1 1 auto;padding:44px 50px;}
@media screen and (max-width:767px){
dl.contact{flex-direction:column;align-items:stretch;}
dl.contact dt{order:0;flex:none;width:100%;}
dl.contact dt img{height:210px;}
dl.contact dd{padding:22px 20px;}
}
/* ---------- 35. 产品详情：技术参数排版与折叠 ---------- */
.param-wrap{margin:0 0 6px;}
.param-hd{font-size:12px;color:var(--goldt);letter-spacing:2px;margin:0 0 8px;}
.param-box{font-size:14px!important;color:var(--bodytx)!important;line-height:1.95!important;
position:relative;overflow:hidden;max-height:18.6em;transition:max-height .25s ease;}
.param-box p{margin:0 0 10px;}
.param-box p:last-child{margin-bottom:0;}
.param-box.is-clamped:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2.8em;pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,0),#fff 78%);}
.param-box.is-open{max-height:none;}
.param-toggle{margin-top:10px;padding:6px 18px;border:1px solid var(--line);border-radius:18px;background:#fff;
color:var(--goldt);font-size:13px;line-height:1.4;cursor:pointer;transition:all .2s ease;}
.param-toggle:hover{border-color:var(--gold);color:var(--ink);}
.yunu-showcase-info p{min-height:0!important;}
@media screen and (max-width:767px){
.param-box{max-height:11.7em;font-size:13.5px!important;}
}
/* ---------- 36. 产品卡图区：统一 16:10，长图不再缩成中间一条 ---------- */
.in-prod-con .list-1 li .img-cover,
.list-1.list-prod li .img-cover{padding-top:62.5%;background:#fff;border-bottom:1px solid var(--line);}
.in-prod-con .list-1 li .img-cover span,
.list-1.list-prod li .img-cover span{background-size:cover!important;background-position:center!important;}
.list-1.list-prod li a{box-shadow:0 1px 0 rgba(24,48,48,.04),0 8px 20px rgba(24,48,48,.05);}
@media screen and (max-width:767px){
.in-prod-con .list-1 li .img-cover,
.list-1.list-prod li .img-cover{padding-top:62.5%;}
}
/* ---------- 37. 英文站：卡片按钮文案 ---------- */
html[lang="en"] .list-1 li .text:after{content:'View details →';}
/* ---------- 38. 首屏：瘦身 + 能力标签条 ---------- */
.bannerr{height:480px;}
.banner-layer h2{font-size:40px;letter-spacing:.5px;}
.banner-layer p{margin-top:16px;}
.banner-layer .bl-btns{margin-top:28px;}
.banner-layer .bl-trust{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:center;}
.banner-layer .bl-trust li{position:relative;padding:0 16px;font-size:13px;line-height:1;color:rgba(255,255,255,.8);letter-spacing:1px;}
.banner-layer .bl-trust li:first-child{padding-left:0;}
.banner-layer .bl-trust li+li:before{content:'';position:absolute;left:0;top:50%;width:1px;height:11px;margin-top:-5px;background:rgba(255,255,255,.3);}
/* 轮播分页条与内容左边界对齐 */
.bannerr .swiper-pagination{bottom:22px;text-align:left;}
.bannerr .swiper-pagination-bullet{width:28px;height:4px;border-radius:2px;background:rgba(255,255,255,.42);opacity:1;}
.bannerr .swiper-pagination-bullet-active{width:48px;background:var(--gold);}
@media screen and (min-width:1240px){
.bannerr .swiper-pagination{padding-left:calc((100% - 1200px)/2);}
}
/* ---------- 39. 搜索条瘦身 ---------- */
.yunu-sou{padding:10px 0;}
.yunu-sou .hot{padding:8px 0 8px 30px;}
/* ---------- 40. 区块节奏：统一 72 / 40 ---------- */
.sec-about{padding-bottom:72px!important;}
.sec-news{padding-top:0!important;padding-bottom:72px!important;}
.sec-links{padding-top:0!important;padding-bottom:36px!important;}
/* 品牌条瘦身高只限桌面/平板；手机端靠上方 767 媒体查询的 auto 高度自适应换行，
否则真机字体渲染偏宽、按钮被挤到第二行时内容会溢出深色背景（2026-11-03 修复） */
@media screen and (min-width:768px){
.brand-strip .container{height:96px!important;}
}
/* ---------- 41. 字号层级：30 / 19 / 17 / 15 / 13 ---------- */
.section-title strong{font-size:30px;line-height:1.35;font-weight:600;}
.section-title p{font-size:15px;color:var(--muted);letter-spacing:.5px;margin-top:8px;}
.section-title.is-left strong{font-size:30px;}
/* ---------- 42. 新闻区：首图比例 + 栏距 + more ---------- */
.in-news{gap:40px;}
.in-news .list-5 li:first-child .img-center{padding-top:75%!important;}
.in-news .list-5 li a{display:block;overflow:hidden;}
.in-news .tit .more{font-size:13px;letter-spacing:.5px;color:var(--goldt);font-weight:500;}
.in-news .tit .more:hover{color:var(--ink);}
/* ---------- 43. 关于区：主次按钮 + 图片固有比例 ---------- */
.in-about dt img{aspect-ratio:1060/706;object-fit:cover;}
.in-about dd .btn{gap:24px;}
.in-about dd .btn a.btn-main{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--ink)!important;
height:48px;line-height:46px;padding:0 32px;font-size:15px;letter-spacing:1px;border-radius:6px;}
.in-about dd .btn a.btn-main:hover{background:#CB9C57!important;border-color:#CB9C57!important;color:var(--ink)!important;}
.in-about dd .btn a.btn-txt{background:transparent!important;border:0!important;color:var(--goldt)!important;
height:auto;line-height:1.5;padding:0;font-size:14px;border-radius:0;}
.in-about dd .btn a.btn-txt:hover{background:transparent!important;color:var(--ink)!important;}
/* ---------- 44. 优势卡：等高 + 副标题分层 + 文字链收细 ---------- */
.in-ys dl{min-height:236px;}
.in-ys dt img{aspect-ratio:336/256;height:auto;object-fit:cover;}
.in-ys dd h4 small{display:block;margin-top:8px;font-size:13px;color:var(--ink);font-weight:600;
letter-spacing:0;opacity:.78;}
.in-ys dd .btn a{font-size:13px;letter-spacing:.5px;color:var(--goldt)!important;font-weight:500;}
.in-ys dd .btn a:hover{color:var(--ink)!important;}
/* ---------- 45. 侧栏工具：回顶按钮滚动后再出现 ---------- */
.side-tools .st-top{opacity:0;visibility:hidden;transform:translateY(8px);
transition:opacity .28s ease,visibility .28s ease,transform .28s ease;}
.side-tools .st-top.is-show{opacity:1;visibility:visible;transform:none;}
/* ---------- 46. 移动端：首屏断行 / 优势卡标题 / 新闻配图 ---------- */
@media screen and (max-width:767px){
.banner-layer h2{font-size:22px;line-height:1.45;text-wrap:balance;}
.banner-layer .bl-trust{margin-top:16px;}
.banner-layer .bl-trust li{font-size:12px;padding:0 9px;}
.banner-layer .bl-trust li+li:before{height:9px;margin-top:-4px;}
.in-ys dt{right:16px;top:16px;}
.in-ys dt img{width:56px;height:42px;}
.in-ys dd h4 span{font-size:16px;max-width:calc(100% - 62px);}
.in-ys dd h4 small{font-size:12px;margin-top:5px;}
.in-news .list-5 li:not(:first-child) .img-center{display:block!important;float:left!important;
width:104px!important;height:78px!important;padding:0!important;margin:0 12px 0 0!important;
position:relative;border-radius:6px;overflow:hidden;background:var(--paper);}
.in-news .list-5 li:not(:first-child) .img-center img{position:static;width:100%;height:100%;
object-fit:cover;display:block;}
.in-news .list-5 li:not(:first-child) .text{margin-left:116px!important;}
.in-news .list-5 li:not(:first-child) .text h4{white-space:normal;line-height:1.5;}
.in-news .list-5 li:not(:first-child) a{min-height:102px;}
.section-title strong{font-size:22px;}
.sec-about{padding-bottom:40px!important;}
.sec-news{padding-bottom:40px!important;}
}
/* ---------- 47. 修正：关于区左对齐 + 新闻首条改横排 ---------- */
.in-about{justify-content:flex-start!important;}
.in-about dd{flex:1 1 auto!important;min-width:0;margin:0!important;}
.in-news .list-5 li:first-child a{display:flex;align-items:stretch;min-height:196px;padding:0!important;}
.in-news .list-5 li:first-child .img-center{flex:0 0 42%;width:42%!important;height:auto!important;padding-top:0!important;
position:relative;border-radius:0!important;overflow:hidden;background:var(--paper);}
.in-news .list-5 li:first-child .img-center img{position:absolute;left:0;top:0;width:100%;height:100%;
object-fit:cover;object-position:center;display:block;}
.in-news .list-5 li:first-child .text{flex:1 1 auto;min-width:0;margin:0!important;padding:18px 20px!important;
display:flex;flex-direction:column;justify-content:center;}
.in-news .list-5 li:first-child .text h4{font-size:18px;line-height:1.5;}
.in-news .list-5 li:first-child .text p{-webkit-line-clamp:2;}
@media screen and (max-width:767px){
.in-news .list-5 li:first-child a{display:block;min-height:0;}
.in-news .list-5 li:first-child .img-center{width:100%!important;height:0!important;padding-top:72%!important;}
.in-news .list-5 li:first-child .text{padding:14px 16px!important;}
.in-news .list-5 li:first-child .text h4{font-size:16px;}
}
/* ---------- 48. clearfix 伪元素在 flex 容器里变成首个 item，被 gap 推开 ---------- */
.in-about:before,.in-about:after,
.in-ys dl:before,.in-ys dl:after,
.in-news .list-5 li a:before,.in-news .list-5 li a:after{display:none!important;content:none!important;}
/* ---------- 49. 精修：首屏再收 / 标题不拆词 / 卡片按钮贴底 ---------- */
.m-br{display:none;}
.bannerr{height:460px;}
.yunu-sou{padding:8px 0;}
.section-title strong,.banner-layer h2,.in-about dd h4{text-wrap:balance;}
.floor_3_main .title2 h3{font-size:26px;}
.in-news .tit{font-size:20px;}
.in-ys dl{display:flex;flex-direction:column;}
.in-ys dd{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
.in-ys dd .text{flex:1 1 auto;display:flex;flex-direction:column;}
.in-ys dd .btn{margin-top:auto!important;padding-top:16px;}
@media screen and (max-width:767px){
.m-br{display:block;}
.section-title strong,.section-title.is-left strong{font-size:20px;line-height:1.45;}
.side-tools .st-tel{display:none;}
.footer .footer-logo{display:block;margin:0 0 26px;}
.footer .footer-logo>img{height:36px;margin-bottom:12px;}
.footer .f-qr{display:none;}
.in-ys dl{min-height:0;}
.floor_3_main .title2 h3{font-size:22px;}
.in-news .tit{font-size:18px;}
}
/* ---------- 50. 优势卡：放开固定高度，配图放大 ---------- */
.in-ys dl{min-height:0!important;padding:28px 28px 24px!important;}
.in-ys dl:after{display:none!important;}
.in-ys dt{right:26px;top:26px;}
.in-ys dt img{width:116px!important;height:88px!important;border-radius:8px;}
.in-ys dd h4 span{max-width:calc(100% - 142px);}
.in-ys dd p{margin:0 0 10px;line-height:1.8;}
@media screen and (max-width:767px){
.in-ys dl{padding:20px!important;}
.in-ys dt{right:16px;top:20px;}
.in-ys dt img{width:84px!important;height:63px!important;}
.in-ys dd h4 span{max-width:calc(100% - 98px);}
}
/* ---------- 51. 优势卡：跨行等高 + 图与标题同一行，正文整宽不再压字 ---------- */
.in-ys{grid-auto-rows:1fr;}
.in-ys dl{height:100%;}
.in-ys dl dd{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;}
.in-ys dl dd .text{flex:1 1 auto;display:flex;flex-direction:column;}
.in-ys dl dd .btn{margin-top:auto!important;}
.in-ys dl dd h4{min-height:92px;margin:0 0 14px;padding-right:150px;align-items:center;}
.in-ys dl dd h4 span{max-width:100%;}
.in-ys dl dt{right:26px;top:30px;}
.in-ys dl dt img{width:120px!important;height:90px!important;border-radius:8px;opacity:1;}
@media screen and (max-width:767px){
.in-ys dl dd h4{min-height:68px;padding-right:100px;margin-bottom:10px;}
.in-ys dl dt{right:20px;top:20px;}
.in-ys dl dt img{width:80px!important;height:60px!important;}
.in-ys dl dd h4 span{max-width:100%;}
}
/* ---------- 52. 首屏折叠线、空友链、手机端细节 ---------- */
.bannerr{height:440px;}
.yunu-sou+.section{padding-top:48px!important;}
.section>.container>.section-title{padding-bottom:12px;margin-bottom:20px;}
.in-prod-menu{margin-bottom:20px;}
/* 友链为空时整块收起，不留空条和分隔线 */
.yunu-link:not(:has(li)){display:none!important;}
.sec-links:not(:has(li)){display:none!important;}
@media screen and (max-width:767px){
.bannerr{height:500px;}
.banner-layer{padding-top:96px;}
.banner-layer p{font-size:14px;line-height:1.75;}
.banner-layer .bl-btns{margin-top:22px;}
.banner-layer .bl-trust{margin-top:20px;}
.in-ys{grid-auto-rows:auto;}
.in-news .list-5 li:first-child .img-center{display:block!important;}
.in-news .list-5 li{padding:14px 0;}
.in-news .list-5 li+li{margin-top:0;}
}
/* ---------- 53. 手机端：搜索条满宽 + 首屏文案离底 ---------- */
@media screen and (max-width:767px){
.yunu-sou{padding:10px 15px!important;}
.yunu-sou .hform{position:relative;width:100%;}
.yunu-sou .hform input{width:100%!important;height:40px!important;line-height:40px!important;
padding:0 70px 0 16px!important;border-radius:20px 0 0 20px!important;box-sizing:border-box;}
.yunu-sou .hform button{position:absolute!important;right:0!important;top:0!important;width:62px!important;
height:40px!important;border-radius:0 20px 20px 0!important;}
.banner-layer{padding-top:0!important;padding-bottom:46px;}
.banner-layer .container{padding:0 20px;}
}
/* ---------- 54. 手机端：单列卡片贴合内容 + 首屏分页点避让 ---------- */
@media screen and (max-width:767px){
.in-ys dl{height:auto!important;}
.in-ys dl dd .text{flex:0 0 auto!important;}
.in-ys dl dd .btn{margin-top:14px!important;padding-top:0;}
.banner-layer{padding-bottom:64px;}
.bannerr .swiper-pagination{bottom:18px;padding-left:20px;}
.in-news .list-5 li{padding:12px 0!important;}
.in-news .list-5 li:first-child{padding-bottom:16px!important;}
.in-news .list-5 li:first-child .img-center{width:100%!important;height:0!important;padding-top:64%!important;border-radius:8px!important;}
}
/* ---------- 55. 手机端新闻：首条做成整卡，其余条目收紧 ---------- */
@media screen and (max-width:767px){
.in-news .list-5 li:first-child a{display:block!important;padding:0!important;background:#fff;
border:1px solid var(--line)!important;border-radius:10px!important;overflow:hidden;}
.in-news .list-5 li:first-child .img-center{margin:0!important;border-radius:0!important;}
.in-news .list-5 li:first-child .text{border:0!important;border-top:1px solid var(--line)!important;
border-radius:0!important;background:transparent!important;padding:12px 14px!important;}
.in-news .list-5 li:not(:first-child) a{min-height:0!important;}
.in-news .list-5 li:not(:first-child){margin-bottom:0!important;padding:14px 0!important;}
.in-news .list-5 li:not(:first-child):last-child{border-bottom:0!important;padding-bottom:0!important;}
}
/* ---------- 56. 主导航七项等分 ---------- */
@media screen and (min-width:768px){
.header .nav .container>ul{display:flex;align-items:stretch;}
.header .nav .container>ul>li{flex:1 1 0;min-width:0;display:block;text-align:center;}
.header .nav .container>ul>li>a{padding:0 8px;white-space:nowrap;}
.header .nav .container>ul>li>a:after{left:18px;right:18px;}
}
/* ---------- 57. 优势卡：行高按内容，不再为等高硬撑出空白 ---------- */
.in-ys{grid-auto-rows:auto;}
.in-ys dl{align-self:stretch;}
/* ---------- 58. 优势卡：修行高塌陷造成的跨行重叠，标题带分隔线把留白匀开 ---------- */
.in-ys{grid-auto-rows:auto;align-items:stretch;row-gap:24px;column-gap:24px;}
.in-ys dl{height:auto!important;align-self:auto!important;min-height:0!important;
padding:28px 32px 26px!important;display:flex;flex-direction:column;}
.in-ys dl dd{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;}
.in-ys dd h4{min-height:90px!important;margin:0 0 16px!important;
padding:0 152px 16px 0!important;align-items:flex-start!important;
border-bottom:1px solid var(--line);}
.in-ys dd h4 i{padding-top:2px;}
.in-ys dd h4 span{max-width:100%!important;}
.in-ys dd h4 small{margin-top:9px!important;font-size:12.5px!important;line-height:1.5!important;
color:var(--muted)!important;font-weight:400!important;}
.in-ys dd .text{flex:1 1 auto;display:flex;flex-direction:column;margin:0!important;}
.in-ys dd p{margin:0 0 10px!important;font-size:14px!important;line-height:1.85!important;}
.in-ys dd .btn{margin-top:auto!important;padding-top:18px;}
.in-ys dt{top:28px!important;right:26px!important;}
.in-ys dt img{width:120px!important;height:90px!important;}
@media screen and (max-width:767px){
.in-ys dl{padding:22px 20px 20px!important;}
.in-ys dd h4{min-height:0!important;padding:0 96px 14px 0!important;margin-bottom:14px!important;}
.in-ys dt{top:22px!important;right:18px!important;}
.in-ys dt img{width:78px!important;height:59px!important;}
.in-ys dd .btn{padding-top:14px;}
}
/* ---------- 59. 中屏（768–1199）容器与导航收口，消除横向溢出 ---------- */
@media screen and (min-width:768px) and (max-width:1199px){
.container{box-sizing:border-box;}
.header .nav .container>ul>li>a{font-size:15px;padding:0 6px;letter-spacing:0;}
}
@media screen and (min-width:768px) and (max-width:920px){
.header .nav .container>ul>li>a{font-size:13.5px;padding:0 3px;}
}
/* ---------- 60. 服务流程区在 768–1199 仍写死 1200，撑出横向滚动 ---------- */
@media screen and (min-width:768px) and (max-width:1199px){
.floor_3_main .w1200{width:100%!important;max-width:1200px!important;box-sizing:border-box;}
}
/* ---------- 61. 中屏服务流程：七步撑满宽度，不再挤成 56px 一格 ---------- */
@media screen and (min-width:768px) and (max-width:1199px){
.floor_3_main .liuc{width:100%!important;flex:0 0 auto!important;}
.floor_3_main .liuc .list{grid-template-columns:repeat(7,1fr)!important;gap:0!important;width:100%!important;}
.floor_3_main .liuc li p{font-size:13px;padding-top:48px;}
.floor_3_main .liuc li:after{width:38px;line-height:38px;font-size:12px;}
.floor_3_main .liuc li:before{top:18px;}
}
/* ---------- 62. 导航下划线指示条跑位：旧规则残留 width:58px/margin-left:-29px，与文字不同心 ---------- */
.header .nav .container>ul>li>a{
box-sizing:border-box; /* 原为 content-box，左右各 8px padding 把文字整体右推，七项全歪 */
}
.header .nav .container>ul>li>a:after{
left:50%;right:auto;width:36px;margin-left:-18px;
}
/* 顶部金色渐变中段发白，缩略后看着像断了一截，改成通体一色 */
.header .nav::before{
height:2px;
background:#C09048;
}
/* ---------- 63. 宽屏导航改为首末贴边：首项与 logo 左对齐、末项与右侧按钮右对齐 ---------- */
@media screen and (min-width:1024px){
.header .nav .container>ul{display:flex;justify-content:space-between;}
.header .nav .container>ul>li{flex:0 0 auto;}
.header .nav .container>ul>li>a{padding:0;}
}
/* ---------- 64. 区块标题颜色不统一：居中版继承 body #3A4A4A，左对齐版才是墨绿 ---------- */
.section-title strong{color:var(--ink);}
/* ---------- 65. 上一篇/下一篇：grid 的 1fr 被英文长标题的 min-content 撑破，导致横向溢出 ---------- */
.yunu-infocontent-epx{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.yunu-infocontent-epx li{min-width:0;}
.yunu-infocontent-epx li a{overflow-wrap:anywhere;}
@media screen and (max-width:767px){
.yunu-infocontent-epx{grid-template-columns:minmax(0,1fr);}
}
/* ---------- 66. 产品中心跨栏目混排：卡片左上角分类角标 ---------- */
.list-1 li .img-cover .cat-tag{position:absolute;left:10px;top:10px;z-index:2;display:inline-block;
padding:0 8px;height:22px;line-height:22px;font-size:12px;font-style:normal;letter-spacing:.3px;
white-space:nowrap;color:#fff;background:rgba(24,48,48,.85);border-radius:3px;pointer-events:none;}
@media screen and (max-width:767px){
.list-1 li .img-cover .cat-tag{left:6px;top:6px;height:20px;line-height:20px;font-size:11px;padding:0 6px;}
}
/* ---------- 67. 关于我们 > 生产与质检 ---------- */
.mfg{color:var(--bodytx);}
.mfg .mfg-lead{background:var(--paper);border-left:4px solid var(--gold);border-radius:0 8px 8px 0;
padding:16px 22px;margin:0 0 24px;}
.mfg .mfg-lead p{margin:0;font-size:16px;line-height:1.95;color:var(--bodytx);}
.mfg .mfg-flow{display:flex;list-style:none;margin:0 0 8px;padding:0;gap:10px;}
.mfg .mfg-flow li{flex:1;min-width:0;position:relative;padding:16px 4px 0 0;text-align:center;border-top:2px solid var(--line);}
.mfg .mfg-flow li:before{content:"";position:absolute;left:0;top:-5px;width:8px;height:8px;border-radius:50%;background:var(--gold);}
.mfg .mfg-flow li b{display:block;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--goldt);margin-bottom:3px;}
.mfg .mfg-flow li span{display:block;font-size:15px;font-weight:600;color:var(--ink);}
.mfg .mfg-step{display:flex;gap:26px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--line);}
.mfg .mfg-step:last-of-type{border-bottom:0;}
.mfg .mfg-step.mfg-rev{flex-direction:row-reverse;}
.mfg .mfg-shot{flex:0 0 412px;max-width:412px;}
.mfg .mfg-step img,.mfg .mfg-site img{display:block;width:100% !important;height:auto !important;aspect-ratio:16/9;
object-fit:cover;border-radius:8px;margin:0 !important;border:0 !important;box-shadow:var(--sd1) !important;}
.mfg .mfg-txt{flex:1;min-width:0;}
.mfg .mfg-txt h3,.mfg .mfg-full h3{font-size:19px;font-weight:600;line-height:1.5;color:var(--ink);
margin:0 0 10px;padding:0;border:0;}
.mfg h3 i{font-style:normal;display:inline-block;min-width:26px;margin-right:8px;color:var(--gold);
font-size:14px;font-weight:600;letter-spacing:.5px;}
.mfg .mfg-txt p{margin:0 0 10px;font-size:15.5px;line-height:1.95;}
.mfg .mfg-txt p:last-child{margin-bottom:0;}
.mfg .mfg-full{display:block;}
.mfg .mfg-trio{display:flex;gap:12px;margin:2px 0 16px;}
.mfg .mfg-trio figure{flex:1;min-width:0;margin:0;}
.mfg .mfg-trio figcaption{font-size:13px;line-height:1.7;color:var(--muted);text-align:center;margin-top:6px;}
.mfg .mfg-cols{display:flex;gap:26px;}
.mfg .mfg-cols p{flex:1;min-width:0;margin:0;font-size:15.5px;line-height:1.95;}
.mfg h2{clear:both;}
.mfg .mfg-check{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:4px 0 8px;}
.mfg .mfg-check-row{display:grid;grid-template-columns:108px 1fr 1fr;border-top:1px solid var(--line);}
.mfg .mfg-check-row:first-child{border-top:0;}
.mfg .mfg-check-row>div{padding:11px 14px;font-size:14.5px;line-height:1.85;min-width:0;}
.mfg .mfg-check-row .c1{background:var(--paper);font-weight:600;color:var(--ink);font-size:14px;}
.mfg .mfg-check-row .c2{color:var(--bodytx);}
.mfg .mfg-check-row .c3{color:var(--muted);border-left:1px dashed var(--line);}
.mfg .mfg-site{display:flex;gap:12px;margin:16px 0 18px;}
.mfg .mfg-site figure{flex:1;min-width:0;margin:0;}
.mfg .mfg-site figcaption{font-size:13px;line-height:1.7;color:var(--muted);text-align:center;margin-top:6px;}
@media screen and (max-width:1199px){
.mfg .mfg-shot{flex:0 0 340px;max-width:340px;}
}
@media screen and (max-width:991px){
.mfg .mfg-step,.mfg .mfg-step.mfg-rev{flex-direction:column;gap:14px;}
.mfg .mfg-shot{flex:none;width:100%;max-width:100%;}
.mfg .mfg-cols{flex-direction:column;gap:0;}
.mfg .mfg-cols p{margin-bottom:10px;}
}
@media screen and (max-width:767px){
.mfg .mfg-lead{padding:14px 16px;}
.mfg .mfg-flow{flex-wrap:wrap;gap:6px;}
.mfg .mfg-flow li{flex:0 0 31%;padding-top:12px;}
.mfg .mfg-flow li span{font-size:13px;}
.mfg .mfg-trio{gap:6px;}
.mfg .mfg-trio figcaption,.mfg .mfg-site figcaption{font-size:12px;}
.mfg .mfg-check-row{grid-template-columns:1fr 1fr;}
.mfg .mfg-check-row .c1{grid-column:1 / -1;}
.mfg .mfg-check-row .c3{border-left:1px dashed var(--line);}
.mfg .mfg-check-row>div{padding:9px 11px;font-size:13.5px;}
}
/* ===== 网站地图 /site-map/ ===== */
.map-wrap{padding:2px 0 30px;}
.map-head{margin:10px 0 24px;}
.map-intro{margin:0;max-width:940px;font-size:15px;line-height:1.95;color:#3A4A4A;border-left:3px solid #C09048;padding-left:14px;}
.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:22px;}
.map-grid--2{grid-template-columns:repeat(2,1fr);}
.map-card{background:#fff;border:1px solid #e6e0d3;padding:20px 22px 22px;}
.map-card--wide{grid-column:1 / -1;margin-bottom:22px;}
.map-card-tit{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #efeae0;font-size:16px;font-weight:700;line-height:1.4;}
.map-card-tit a{color:#183030;transition:color .2s;}
.map-card-tit a:hover{color:#9E7233;}
.map-list{list-style:none;margin:0;padding:0;}
.map-list li{margin:0 0 10px;}
.map-list a{display:block;font-size:13.5px;line-height:1.7;color:#3A4A4A;transition:color .2s;}
.map-list a:hover{color:#9E7233;}
.map-grid--2 .map-list{column-count:2;column-gap:26px;}
.map-grid--2 .map-list li{break-inside:avoid;}
.map-card--wide .map-list{column-count:4;column-gap:30px;}
.map-card--wide .map-list li{break-inside:avoid;}
.map-about{display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px;padding:18px 22px;background:#F7F4EF;border:1px solid #e6e0d3;}
.map-about-tit{font-size:16px;font-weight:700;color:#183030;margin-right:8px;}
.map-about a{font-size:13.5px;color:#3A4A4A;transition:color .2s;}
.map-about a:hover{color:#9E7233;}
@media screen and (max-width:1024px){
.map-grid{grid-template-columns:1fr 1fr;}
.map-card--wide .map-list{column-count:3;}
}
@media screen and (max-width:767px){
.map-head{margin-bottom:16px;}
.map-intro{font-size:14px;line-height:1.85;}
.map-grid,.map-grid--2{grid-template-columns:1fr;gap:14px;margin-bottom:14px;}
.map-card{padding:16px 16px 18px;}
.map-card--wide{margin-bottom:14px;}
.map-grid--2 .map-list,.map-card--wide .map-list{column-count:1;}
.map-about{padding:14px 16px;gap:10px 22px;}
}
/* ---------- 35. 二级菜单：桌面悬停展开 / 手机整行点击展开 ---------- */
/* 桌面端（含 768-991 平板）用纯 CSS 悬停，不再依赖 JS 宽度判断 */
@media screen and (min-width:768px){
.header .nav li.dropdown:hover > .dropdown-box{display:block;}
}
/* 二级菜单不再输出与父项重名的「栏目首页」入口（模板已移除 .dd-home），父栏目页由页脚与面包屑进入 */
@media screen and (max-width:767px){
.header .nav li{position:relative;}
/* 主项整行都可点，右侧给箭头留出位置，避免文字压到箭头 */
.header .nav li.dropdown > a{display:block;padding-right:58px;}
/* 箭头只作展开指示，点击穿透给整行链接 */
.header .nav li .arr{position:absolute;right:0;top:0;height:47px;float:none;pointer-events:none;z-index:2;}
}
/* ==================================================================
2026-11-02 A+B 改版：字体基线 + 内页列表页骨架
A = 字体/数字/圆角等细节层 B = 去掉常驻左栏，子栏目改横条
只动前端呈现，不动栏目结构、内容与 URL
================================================================== */
/* ---------- A1. 字体栈重排：中文现代字体优先，雅黑垫底 ---------- */
body,button,input,select,textarea{
font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","MiSans","Hiragino Sans GB","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
}
/* A2. 电话数字：改用正文字体的等宽数字，靠字重与字距立住 */
.header .hd-tel strong,
.brand-strip .bs-tel strong,
.contact-sd .tel p,
.panel-sd .tel p,
.yunu-showcase-info .tel strong{
font-family:inherit;
font-variant-numeric:tabular-nums;
font-feature-settings:"tnum";
font-weight:700;
letter-spacing:.2px;
}
/* ---------- B1. 列表页工具栏：左边子栏目横条，右边搜索 ---------- */
.pg-list .yunu-sou{display:none;}
.pg-list .section-sub{background:#FAF8F4;} /* 整条热搜带在列表页让位给工具栏 */
.listbar{display:flex;align-items:flex-end;gap:28px;border-bottom:1px solid var(--line);margin:0 0 30px;}
.subtabs{display:flex;flex-wrap:wrap;gap:0 38px;flex:1 1 auto;min-width:0;}
.subtabs .st{position:relative;display:block;padding:0 0 15px;font-size:15px;line-height:1.5;color:var(--muted);transition:color .25s ease;}
.subtabs .st::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent;transition:background .25s ease;}
.subtabs .st:hover{color:var(--ink);}
.subtabs .st.on{color:var(--ink);font-weight:600;}
.subtabs .st.on::after{background:var(--gold);}
.listbar .hform{flex:0 0 250px;margin:0 0 12px;}
.listbar .hform form{display:flex;align-items:center;height:38px;border:1px solid var(--line);border-radius:19px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease;}
.listbar .hform form:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,144,72,.14);}
.listbar .hform input{flex:1 1 auto;min-width:0;height:100%;border:0;background:transparent;padding:0 4px 0 18px;font-size:13px;color:var(--ink);outline:none;}
.listbar .hform input::placeholder{color:#A9ADA6;}
.listbar .hform button{position:relative;flex:0 0 42px;height:100%;border:0;background:transparent;cursor:pointer;font-size:0;padding:0;}
.listbar .hform button::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-7px 0 0 -6px;border:1.5px solid var(--ink);border-radius:50%;transition:border-color .25s ease;}
.listbar .hform button::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:1.5px;margin:2px 0 0 2px;background:var(--ink);transform:rotate(45deg);transform-origin:left center;transition:background .25s ease;}
.listbar .hform button:hover::before{border-color:var(--gold);}
.listbar .hform button:hover::after{background:var(--gold);}
/* ---------- B2. 产品网格：四栏，卡片改真实图片 + 左对齐标题 ---------- */
.pg-list .list-1-1 li{width:33.3333%;}
.pg-list .list-1 li a{
display:block;background:#fff;border-radius:12px;overflow:hidden;
box-shadow:0 1px 3px rgba(24,48,48,.06),0 0 0 1px rgba(24,48,48,.07);
transition:box-shadow .38s ease,transform .38s cubic-bezier(.22,.61,.36,1);
}
.pg-list .list-1 li a:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(24,48,48,.13),0 0 0 1px rgba(192,144,72,.28);}
.pg-list .list-1 li .img-cover{border:0;padding-top:72%;}
.pg-list .list-1 li .img-cover img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,.61,.36,1);}
.pg-list .list-1 li a:hover .img-cover img{transform:scale(1.06);}
.pg-list .list-1 li .img-cover span{display:none;}
.pg-list .list-1 li .text{
background:#fff;border-radius:0;text-align:left;line-height:1.6;
padding:16px 18px 18px;position:relative;
}
.pg-list .list-1 li .text::before{display:none;}
.pg-list .list-1 li .text::after{
content:"";display:block;width:0;height:2px;margin-top:13px;border-radius:1px;
background:var(--gold);transition:width .38s cubic-bezier(.22,.61,.36,1);
}
.pg-list .list-1 li a:hover .text::after{width:46px;}
.pg-list .list-1 li .text p{
margin:0;min-height:48px;overflow:hidden;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
white-space:normal;text-overflow:clip;
font-size:15px;line-height:1.6;font-weight:500;color:var(--ink);
transition:color .25s ease;
}
.pg-list .list-1 li a:hover .text{background:#fff;}
.pg-list .list-1 li a:hover .text p{color:var(--goldt);}
/* 分类角标：从黑色贴片改成半透明白片，识别但不抢图 */
.pg-list .list-1 li .cat-tag{
position:absolute;left:12px;top:12px;z-index:2;
height:24px;line-height:24px;padding:0 10px;
font-size:11px;font-style:normal;letter-spacing:.4px;
color:var(--ink);background:rgba(255,255,255,.93);
border-radius:5px;box-shadow:0 1px 4px rgba(24,48,48,.14);
}
/* 英文站原有的「View details →」伪元素文案在列表页让位给金色线（其选择器多一个属性，需显式覆盖） */
html[lang="en"] .pg-list .list-1 li .text::after{content:"";}
html[lang="en"] .pg-list .list-1 li a:hover .text::after{content:"";}
/* ---------- B3. 面包屑与留白 ---------- */
.pg-list .yunu-curmbs{margin-bottom:22px;}
/* ---------- B4. 响应式 ---------- */
@media screen and (max-width:1199px){
.listbar{gap:20px;}
.subtabs{gap:0 26px;}
.listbar .hform{flex:0 0 210px;}
}
@media screen and (max-width:991px){
.pg-list .list-1-1 li{width:50%;}
}
@media screen and (max-width:767px){
.pg-list .list-1-1 li{width:50%;}
.listbar{display:block;margin-bottom:22px;}
.subtabs{gap:0 24px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.subtabs::-webkit-scrollbar{display:none;}
.subtabs .st{white-space:nowrap;font-size:14px;padding-bottom:13px;}
.listbar .hform{flex:none;margin:14px 0 16px;}
.listbar .hform form{height:40px;border-radius:20px;}
.pg-list .list-1 li .text{padding:12px 13px 14px;}
.pg-list .list-1 li .text p{font-size:13.5px;line-height:1.55;min-height:42px;-webkit-line-clamp:2;}
.pg-list .list-1 li .text::after{margin-top:10px;}
.pg-list .list-1 li .cat-tag{left:8px;top:8px;height:20px;line-height:20px;font-size:10px;padding:0 7px;}
.pg-list .yunu-curmbs{display:none;margin-bottom:0;}
}
/* ==================================================================
C = 内页骨架（第二阶段）：单页栏目 / 新闻列表 / 新闻详情 / 产品详情
统一「主内容 + 右侧粘性栏」，去掉 ct2 常驻左栏
只动前端呈现，不动栏目结构、内容与 URL
================================================================== */
/* ---------- C1. 内页公共底板 ---------- */
.section-sub{background:#FAF8F4;}
.pg-about .yunu-sou,
.pg-news .yunu-sou,
.pg-art .yunu-sou,
.pg-prod .yunu-sou,
.pg-case .yunu-sou,
.pg-contact .yunu-sou,
.pg-msg .yunu-sou{display:none;} /* 热搜带让位给工具栏/正文，避免与列表搜索框重复 */
.pg-cols{display:flex;align-items:flex-start;gap:56px;}
.pg-main{flex:1 1 auto;min-width:0;}
.pg-side{flex:0 0 324px;display:flex;flex-direction:column;gap:22px;position:sticky;top:24px;}
/* ---------- C2. 侧栏：联系卡 ---------- */
.side-card{position:relative;background:#183030;color:#fff;border-radius:14px;padding:28px 26px 24px;overflow:hidden;
box-shadow:0 16px 38px rgba(24,48,48,.18);}
.side-card:before{content:"";position:absolute;right:-46px;top:-46px;width:132px;height:132px;border-radius:50%;
border:1px solid rgba(192,144,72,.28);}
.side-card .sc-eyebrow{position:relative;margin:0 0 10px;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:#C09048;}
.side-card .sc-tit{position:relative;margin:0 0 18px;font-size:19px;font-weight:600;line-height:1.5;color:#fff;}
.side-card .sc-tel{position:relative;display:block;margin:0 0 18px;font-size:26px;font-weight:700;line-height:1.1;
color:#fff;letter-spacing:.4px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}
.side-card .sc-tel small{display:block;margin-bottom:6px;font-size:12px;font-weight:400;letter-spacing:0;color:rgba(255,255,255,.55);}
.side-card .sc-btn{position:relative;display:block;height:44px;line-height:44px;text-align:center;border-radius:8px;
background:#C09048;color:#fff;font-size:15px;transition:background .25s ease;}
.side-card .sc-btn:hover{background:#9E7233;color:#fff;}
.side-card .sc-qr{position:relative;display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:18px;
border-top:1px solid rgba(255,255,255,.14);}
.side-card .sc-qr img{width:74px;height:74px;border-radius:6px;background:#fff;padding:4px;object-fit:contain;}
.side-card .sc-qr span{font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.62);}
/* ---------- C3. 侧栏：子栏目导航 ---------- */
.side-nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 0;overflow:hidden;}
.side-nav-tit{margin:0;padding:15px 22px 13px;font-size:12.5px;letter-spacing:1.6px;text-transform:uppercase;
color:var(--muted);border-bottom:1px solid var(--line);}
.side-nav a{position:relative;display:block;padding:13px 22px 13px 24px;font-size:14.5px;line-height:1.5;
color:var(--bodytx);border-bottom:1px solid #F2EEE5;transition:background .25s ease,color .25s ease;}
.side-nav a:last-child{border-bottom:0;}
.side-nav a:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;background:var(--gold);
transform:translateY(-50%);transition:height .28s cubic-bezier(.22,.61,.36,1);}
.side-nav a:hover{background:#FBFAF6;color:var(--ink);}
.side-nav a:hover:before{height:16px;}
.side-nav a.on{background:#FBFAF6;color:var(--ink);font-weight:600;}
.side-nav a.on:before{height:20px;}
/* ---------- C4. 侧栏：相关列表（文字 + 缩略图两版） ---------- */
.side-list{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 0 6px;overflow:hidden;}
.side-list-tit{margin:0;padding:18px 22px 14px;font-size:15px;font-weight:600;color:var(--ink);
border-bottom:1px solid var(--line);}
.side-list ul{margin:0;padding:0;list-style:none;}
.side-list li{margin:0;padding:0;}
.side-list li a{position:relative;display:block;padding:13px 22px;font-size:14px;line-height:1.6;color:var(--bodytx);
border-bottom:1px solid #F2EEE5;transition:color .25s ease;}
.side-list li:last-child a{border-bottom:0;}
.side-list li a:hover{color:var(--goldt);}
.side-list li a span{display:block;margin-top:5px;font-size:11.5px;color:#A9ADA6;font-variant-numeric:tabular-nums;}
.side-list--text li a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 带缩略图的相关产品 */
.side-list--thumb li a{display:flex;align-items:center;gap:12px;}
.side-list--thumb li a span{margin:0;}
.side-list--thumb .slt-pic{flex:0 0 58px;width:58px;height:44px;border-radius:6px;overflow:hidden;background:#F2F0EA;}
.side-list--thumb .slt-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.side-list--thumb li a:hover .slt-pic img{transform:scale(1.08);}
.side-list--thumb .slt-tx{min-width:0;font-size:13.5px;line-height:1.55;color:inherit;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* ---------- C5. 正文卡片（单页栏目 / 文章共用） ---------- */
.pg-prose,
.pg-article{background:#fff;border:1px solid var(--line);border-radius:14px;
box-shadow:0 1px 3px rgba(24,48,48,.05);}
.pg-prose{padding:46px 50px 44px;}
.pg-prose.yunu-infocontent-body{font-size:16px;line-height:2.05;color:var(--bodytx);margin:0;}
.pg-prose.yunu-infocontent-body>p{margin:0 0 18px;}
.pg-prose.yunu-infocontent-body>p:last-child{margin-bottom:0;}
/* 首段当导语：字号加大、颜色加深 */
.pg-prose.yunu-infocontent-body>p:first-of-type{font-size:17.5px;line-height:1.95;color:var(--ink);}
.pg-prose.yunu-infocontent-body img{border-radius:8px;}
/* ---------- C6. 栏目工具栏（新闻列表复用产品列表那套） ---------- */
.pg-news .listbar{margin-bottom:32px;}
/* ---------- C7. 新闻列表网格 ---------- */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin:0;padding:0;list-style:none;}
.news-grid>li{margin:0;padding:0;}
.news-grid>li>a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;
box-shadow:0 1px 3px rgba(24,48,48,.06),0 0 0 1px rgba(24,48,48,.07);
transition:box-shadow .38s ease,transform .38s cubic-bezier(.22,.61,.36,1);}
.news-grid>li>a:hover{transform:translateY(-6px);
box-shadow:0 18px 40px rgba(24,48,48,.13),0 0 0 1px rgba(192,144,72,.28);}
.ng-img{position:relative;padding-top:58%;overflow:hidden;background:#EFF1EF;}
.ng-img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;
transition:transform .65s cubic-bezier(.22,.61,.36,1);}
.news-grid>li>a:hover .ng-img img{transform:scale(1.06);}
.ng-cat{position:absolute;left:12px;top:12px;z-index:2;height:24px;line-height:24px;padding:0 10px;
font-size:11px;letter-spacing:.3px;color:var(--ink);background:rgba(255,255,255,.93);border-radius:5px;
box-shadow:0 1px 4px rgba(24,48,48,.14);}
.ng-body{display:flex;flex-direction:column;flex:1 1 auto;padding:22px 24px 24px;}
.ng-date{margin:0 0 11px;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:12.5px;letter-spacing:1.1px;color:var(--goldt);font-variant-numeric:tabular-nums;}
.ng-tit{margin:0 0 10px;min-height:53px;font-size:17px;font-weight:600;line-height:1.55;color:var(--ink);
transition:color .25s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-grid>li>a:hover .ng-tit{color:var(--goldt);}
.ng-desc{margin:0 0 18px;font-size:13.5px;line-height:1.8;color:var(--muted);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ng-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-size:13px;color:var(--ink);}
.ng-more:after{content:"";width:18px;height:1px;background:var(--gold);transition:width .38s cubic-bezier(.22,.61,.36,1);}
.news-grid>li>a:hover .ng-more{color:var(--goldt);}
.news-grid>li>a:hover .ng-more:after{width:34px;}
/* ---------- C8. 新闻详情 ---------- */
.pg-article{padding:46px 50px 40px;}
.art-tit{margin:0 0 18px;font-size:29px;font-weight:700;line-height:1.45;color:var(--ink);letter-spacing:-.2px;}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 26px;padding:0 0 22px;
border-bottom:1px solid var(--line);font-size:12.5px;color:#A2AAA4;}
.art-meta b{font-weight:400;color:var(--bodytx);font-variant-numeric:tabular-nums;}
.art-summary{position:relative;margin:0 0 30px;padding:20px 24px 20px 24px;background:#FBF8F1;
border-left:3px solid var(--gold);border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.9;color:var(--bodytx);}
.art-summary strong{display:block;margin-bottom:6px;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;
color:var(--goldt);font-weight:600;}
.art-summary p{margin:0;}
.pg-article .yunu-infocontent-body{margin:0;}
/* 上/下一条 */
.art-pager{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 0;}
.art-pager a{display:block;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:10px;
transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;}
.art-pager a:hover{border-color:rgba(192,144,72,.55);box-shadow:0 12px 28px rgba(24,48,48,.08);transform:translateY(-3px);}
.art-pager span{display:block;margin-bottom:6px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--goldt);}
.art-pager p{margin:0;font-size:14px;line-height:1.6;color:var(--ink);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.art-pager .art-pager-back{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;}
.art-pager .art-pager-empty{border:1px dashed var(--line);border-radius:10px;background:transparent;}
/* ---------- C9. 产品详情：上图右信息 ---------- */
.prod-show{display:flex;align-items:flex-start;gap:56px;margin:0 0 8px;}
.prod-gal{flex:0 0 54%;min-width:0;max-width:632px;}
.prod-info{flex:1 1 auto;min-width:0;}
.prod-gal .pc-slide{float:none;width:100%;}
.prod-gal .view{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.prod-gal .view .swiper-slide .img-center{position:relative;height:auto;padding-top:62.5%;line-height:0;}
.prod-gal .view .img-center img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;
padding:18px;box-sizing:border-box;}
.prod-gal .preview{margin-top:14px;}
.prod-gal .preview .swiper-slide .img-center{height:auto;padding-top:68%;line-height:0;border:1px solid var(--line);
border-radius:8px;overflow:hidden;background:#fff;transition:border-color .25s ease;}
.prod-gal .preview .swiper-slide .img-center img{position:absolute;left:0;top:0;width:100%;height:100%;
object-fit:contain;padding:6px;box-sizing:border-box;}
.prod-gal .preview .active-nav .img-center,
.prod-gal .preview .swiper-slide:hover .img-center{border-color:var(--gold);}
.prod-gal .preview .arrow-left,
.prod-gal .preview .arrow-right{top:50%;margin-top:-9px;}
.prod-cat{margin:0 0 14px;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--goldt);}
.prod-cat a{color:var(--goldt);}
.prod-tit,.prod-info h1.protit{margin:0 0 20px;font-size:26px;font-weight:700;line-height:1.45;color:var(--ink);letter-spacing:-.2px;}
.prod-info .param-hd{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:11.5px;letter-spacing:1.8px;
text-transform:uppercase;color:var(--goldt);}
.prod-info .param-hd:after{content:"";flex:1 1 auto;height:1px;background:var(--line);}
.prod-info .param-wrap{margin:0 0 26px;}
/* 技术参数：JS 把「A：1｜B：2」拆成两栏规格表 */
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);
border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.spec-item{margin:0;padding:11px 15px;background:#fff;}
.spec-item dt{margin:0 0 4px;font-size:11.5px;line-height:1.5;color:var(--muted);}
.spec-item dd{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink);font-weight:500;word-break:break-word;}
.spec-item--wide{grid-column:1 / -1;}
.prod-cta{display:flex;align-items:center;gap:20px;padding-top:22px;border-top:1px solid var(--line);}
.prod-cta .prod-cta-btn{flex:0 0 auto;display:inline-block;height:48px;line-height:48px;padding:0 34px;border-radius:8px;
background:#183030;color:#fff;font-size:15px;transition:background .25s ease,transform .25s ease;}
.prod-cta .prod-cta-btn:hover{background:#122525;color:#fff;transform:translateY(-2px);}
.prod-cta .prod-cta-tel{font-size:12px;line-height:1.6;color:var(--muted);}
.prod-cta .prod-cta-tel strong{display:block;font-size:21px;font-weight:700;color:var(--ink);letter-spacing:.3px;
font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}
/* 产品介绍 */
.sec-h2{position:relative;margin:0 0 22px;padding:0 0 16px;font-size:21px;font-weight:700;color:var(--ink);
border-bottom:1px solid var(--line);}
.sec-h2:after{content:"";position:absolute;left:0;bottom:-1px;width:52px;height:2px;background:var(--gold);}
.pg-prod .pg-cols{margin-top:52px;}
.pg-prod .prod-article{padding:40px 46px 36px;}
/* ---------- C10. 响应式 ---------- */
@media screen and (max-width:1199px){
.pg-cols{gap:36px;}
.pg-side{flex:0 0 290px;}
.prod-show{gap:36px;}
.pg-prose{padding:38px 36px;}
.pg-article{padding:38px 36px;}
}
@media screen and (max-width:991px){
.pg-cols{display:block;}
.pg-side{position:static;flex:none;margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.pg-side>*{margin:0;}
.prod-show{display:block;}
.prod-gal{max-width:none;margin-bottom:26px;}
.news-grid{gap:20px;}
.art-tit{font-size:24px;}
.pg-prose.yunu-infocontent-body>p:first-of-type{font-size:16.5px;}
}
@media screen and (max-width:767px){
.pg-side{grid-template-columns:1fr;}
.side-card{padding:22px 20px 20px;}
.side-card .sc-tel{font-size:23px;}
.pg-prose{padding:24px 18px 22px;border-radius:12px;}
.pg-article{padding:24px 18px 20px;border-radius:12px;}
.art-tit{font-size:20px;line-height:1.5;margin-bottom:14px;}
.art-meta{gap:6px 16px;margin-bottom:20px;padding-bottom:18px;font-size:11.5px;}
.art-summary{padding:16px 16px;margin-bottom:22px;font-size:13.5px;line-height:1.85;}
.pg-article .yunu-infocontent-body{font-size:15.5px;line-height:1.95;}
.news-grid{grid-template-columns:1fr;gap:16px;}
.ng-body{padding:16px 17px 18px;}
.ng-tit{font-size:15.5px;min-height:0;-webkit-line-clamp:3;}
.ng-desc{font-size:12.5px;margin-bottom:14px;}
.ng-img{padding-top:54%;}
.art-pager{grid-template-columns:1fr;gap:12px;}
.prod-tit,.prod-info h1.protit{font-size:20px;margin-bottom:16px;}
.prod-info .param-wrap{margin-bottom:20px;}
.spec-grid{gap:1px;}
.spec-item{padding:9px 11px;}
.spec-item dt{font-size:10.5px;}
.spec-item dd{font-size:12.5px;}
.prod-cta{flex-wrap:wrap;gap:14px;}
.prod-cta .prod-cta-btn{flex:1 1 100%;text-align:center;}
.sec-h2{font-size:18px;}
.pg-prod .pg-cols{margin-top:34px;}
.pg-prod .prod-article{padding:22px 18px 20px;}
.pg-prose.yunu-infocontent-body>p:first-of-type{font-size:16px;}
}
/* ---------- C11. 收尾补丁 ---------- */
.ng-cat{font-style:normal;}
.side-list--thumb li a .slt-tx{min-width:0;font-size:13.5px;line-height:1.55;color:var(--bodytx);
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 正文里从编辑器粘贴带进来的内联字体/颜色会盖掉全站字体栈，这里只中和这几类属性，不动字号、对齐与图片 */
.pg-prose p[style],.pg-prose span[style],.pg-prose div[style],.pg-prose li[style],
.pg-article p[style],.pg-article span[style],.pg-article div[style],.pg-article li[style]{
font-family:inherit!important;color:inherit!important;background-color:transparent!important;text-wrap:inherit!important;
}
/* 文字型参数（标签类产品）收一下高度，避免右栏被拉得过长 */
.prod-info .param-box:not(.is-open){max-height:210px;}
@media screen and (max-width:767px){ .prod-info .param-box:not(.is-open){max-height:190px;} }
/* 图缺失时不要露出 alt 文字（移动端尤其明显） */
.ng-img{font-size:0;}
/* 参数折叠的渐隐要贴合暖白底，不然会露出一条白带 */
.prod-info .param-box.is-clamped:after{background:linear-gradient(180deg,rgba(250,248,244,0),#FAF8F4 78%);}
/* ==================================================================
D = 补齐内页骨架（第三阶段）：定制方案列表 / 方案详情 / 联系我们 / 在线留言
与 about / newslist / news / product 同一套：主内容 + 右侧粘性栏
================================================================== */
/* ---------- D1. 工具栏左侧说明文字（方案列表无子栏目，用一句引导语占位） ---------- */
.listbar-lead{flex:1 1 auto;min-width:0;margin:0 0 15px;font-size:13.5px;line-height:1.7;color:var(--muted);}
/* ---------- D2. 方案详情：金色眉题 ---------- */
.art-eyebrow{margin:0 0 10px;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--goldt);}
/* ---------- D3. 联系我们：抬头 ---------- */
.ct-hero{display:flex;align-items:flex-start;gap:24px;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid var(--line);}
.ct-ava{flex:0 0 92px;width:92px;height:92px;border-radius:50%;overflow:hidden;background:var(--paper);
box-shadow:0 6px 18px rgba(24,48,48,.10);}
.ct-ava img{display:block;width:100%;height:100%;object-fit:cover;}
.ct-hero-tx{min-width:0;}
.ct-eyebrow{margin:0 0 9px;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--goldt);}
.ct-hero-tx h2{margin:0 0 10px;font-size:23px;font-weight:700;line-height:1.5;color:var(--ink);letter-spacing:-.2px;}
.ct-hero-tx p{margin:0;font-size:14.5px;line-height:1.9;color:var(--muted);}
.ct-hero-tx p.ct-eyebrow{margin:0 0 9px;font-size:11.5px;line-height:1.4;color:var(--goldt);}
/* ---------- D4. 联系我们：四格信息 ---------- */
.ct-cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;
background:var(--line);border:1px solid var(--line);border-radius:12px;}
.ct-card{background:#fff;padding:20px 22px;}
.ct-k{display:flex;align-items:center;gap:9px;margin:0 0 9px;font-size:12px;letter-spacing:.4px;color:var(--muted);}
.ct-k i{font-style:normal;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:11px;letter-spacing:.6px;color:var(--goldt);}
.ct-v{margin:0;font-size:15px;font-weight:500;line-height:1.65;color:var(--ink);word-break:break-word;
font-variant-numeric:tabular-nums;}
.ct-v a{color:var(--ink);border-bottom:1px solid transparent;transition:color .25s ease,border-color .25s ease;}
.ct-v a:hover{color:var(--goldt);border-bottom-color:var(--gold);}
/* 联系人等补充信息（来自后台单页正文） */
.ct-extra{margin:26px 0 0;padding:18px 20px;background:#FBF8F1;border-radius:10px;
font-size:13.5px;line-height:1.9;color:var(--bodytx);}
.ct-extra p{margin:0;}
.ct-extra p+p{margin-top:6px;}
.ct-extra strong{color:var(--ink);font-weight:600;}
.ct-extra:empty{display:none;}
.pg-contact .map{margin-top:24px;}
/* ---------- D5. 在线留言：抬头 ---------- */
.pg-msg-box{padding:42px 46px 38px;}
.msg-hd{margin:0 0 28px;padding:0 0 24px;border-bottom:1px solid var(--line);}
.msg-hd h2{margin:0 0 12px;font-size:23px;font-weight:700;line-height:1.5;color:var(--ink);letter-spacing:-.2px;}
.msg-intro{font-size:14.5px;line-height:1.9;color:var(--muted);}
.msg-intro p{margin:0 0 8px;}
.msg-intro p:last-child{margin-bottom:0;}
.msg-intro strong{color:var(--ink);font-weight:600;}
/* ---------- D6. 在线留言：表单 ---------- */
.msg-form{max-width:100%;}
.mf-row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
.mf-item{display:block;margin:0 0 20px;}
.mf-item>span:not(.mf-code){display:block;margin:0 0 8px;font-size:13px;letter-spacing:.3px;color:var(--ink);}
.mf-item>span:not(.mf-code) i{margin-left:3px;font-style:normal;color:#C0553F;}
.mf-item input.inp,.mf-item textarea,.mf-code input{
display:block;width:100%;box-sizing:border-box;padding:0 15px;height:46px;font-size:14.5px;
font-family:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;
transition:border-color .25s ease,box-shadow .25s ease;}
.mf-item textarea{height:auto;min-height:132px;padding:12px 15px;line-height:1.8;resize:vertical;}
.mf-item input.inp:focus,.mf-item textarea:focus,.mf-code input:focus{
border-color:var(--gold);box-shadow:0 0 0 3px rgba(192,144,72,.14);outline:none;}
.mf-item input::placeholder,.mf-item textarea::placeholder{color:#A9ADA6;}
.mf-code{display:flex;align-items:center;gap:10px;}
.mf-code input{flex:1 1 auto;min-width:0;}
.mf-code img{flex:0 0 110px;width:110px;height:46px;border-radius:8px;border:1px solid var(--line);
background:#fff;cursor:pointer;object-fit:cover;}
.mf-item--full{margin-bottom:24px;}
.msg-form .btn-1{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0;}
.msg-form .btn-1 input{height:48px;padding:0 34px;border-radius:8px;border:1px solid var(--ink);
background:var(--ink);color:#fff;font-size:15px;font-family:inherit;cursor:pointer;
transition:background .25s ease,border-color .25s ease,transform .25s ease;}
.msg-form .btn-1 input.focus:hover{background:var(--ink2);border-color:var(--ink2);transform:translateY(-2px);}
.msg-form .btn-1 input[type="reset"]{background:#fff;color:var(--muted);border-color:var(--line);}
.msg-form .btn-1 input[type="reset"]:hover{background:#FBFAF6;color:var(--ink);border-color:#CFC6B4;}
.mf-tip{margin:0 0 0 auto;font-size:12.5px;line-height:1.6;color:#A2AAA4;}
/* ---------- D7. 响应式 ---------- */
@media screen and (max-width:1199px){
.pg-msg-box{padding:34px 32px 30px;}
.ct-hero{gap:20px;}
.ct-hero-tx h2{font-size:21px;}
}
@media screen and (max-width:767px){
.listbar-lead{font-size:13px;margin-bottom:12px;}
.ct-hero{flex-direction:column;gap:16px;margin-bottom:22px;padding-bottom:22px;}
.ct-ava{flex:none;width:72px;height:72px;}
.ct-hero-tx h2{font-size:19px;line-height:1.55;}
.ct-hero-tx p{font-size:13.5px;line-height:1.85;}
.ct-cards{grid-template-columns:1fr;}
.ct-card{padding:16px 16px;}
.ct-v{font-size:14.5px;}
.ct-extra{margin-top:20px;padding:15px 16px;font-size:13px;}
.pg-contact .map{margin-top:18px;height:220px;}
.pg-msg-box{padding:24px 18px 22px;}
.msg-hd{margin-bottom:22px;padding-bottom:18px;}
.msg-hd h2{font-size:19px;line-height:1.55;}
.msg-intro{font-size:13.5px;line-height:1.85;}
.mf-row{grid-template-columns:1fr;gap:0;}
.mf-item{margin-bottom:16px;}
.mf-item--full{margin-bottom:18px;}
.mf-code img{flex:0 0 96px;width:96px;}
.msg-form .btn-1{display:block;}
.msg-form .btn-1 input{display:block;width:100%;margin-bottom:12px;padding:0 20px;}
.mf-tip{margin:0;font-size:12px;text-align:center;line-height:1.7;}
}
/* ==================================================================
E = 长文排版升级（方案详情 / 通用长正文）
章节标题层级化 + 自动目录 + 表格卡片 + 列表条目卡
不改内容、只改呈现
================================================================== */
/* ---------- E1. 章节标题 h3（JS 把「1. xxx」拆成 编号+标题） ---------- */
.pg-article .yunu-infocontent-body h3{
display:flex;align-items:baseline;gap:14px;
margin:54px 0 22px;padding:0 0 16px;
border-left:0;padding-left:0;
border-bottom:1px solid var(--line);
font-size:20px;font-weight:700;line-height:1.45;color:var(--ink);
letter-spacing:-.2px;scroll-margin-top:96px;
}
.pg-article .yunu-infocontent-body h3:first-child{margin-top:8px;}
.pg-article .yunu-infocontent-body h3 .sec-n{
flex:0 0 auto;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:13px;font-weight:500;letter-spacing:2px;color:var(--goldt);
transform:translateY(-1px);
}
.pg-article .yunu-infocontent-body h3 .sec-n:after{
content:"";display:inline-block;width:22px;height:1px;background:var(--gold);
vertical-align:middle;margin-left:12px;transform:translateY(-2px);
}
/* ---------- E2. 小节标题 h4 ---------- */
.pg-article .yunu-infocontent-body h4{
display:flex;align-items:center;gap:9px;
margin:30px 0 14px;padding:0;
font-size:16.5px;font-weight:600;line-height:1.5;color:var(--ink);scroll-margin-top:96px;
}
.pg-article .yunu-infocontent-body h4:before{
content:"";flex:0 0 7px;width:7px;height:7px;background:var(--gold);
transform:rotate(45deg);border-radius:1.5px;
}
/* ---------- E3. 正文节奏 ---------- */
.pg-article .yunu-infocontent-body{font-size:15.5px;line-height:1.95;}
.pg-article .yunu-infocontent-body p{margin:0 0 18px;}
.pg-article .yunu-infocontent-body p strong{color:var(--ink);font-weight:600;}
/* ---------- E4. 列表条目卡（优势/流程/保障） ---------- */
.pg-article .yunu-infocontent-body ul,
.pg-article .yunu-infocontent-body ol{
margin:0 0 24px;padding:0;list-style:none;counter-reset:sec-li;
}
.pg-article .yunu-infocontent-body li{
counter-increment:sec-li;
position:relative;margin:0 0 12px;padding:15px 20px 15px 54px;
background:#FBFAF6;border:1px solid #F0EBE0;border-radius:10px;
line-height:1.9;font-size:15px;
}
.pg-article .yunu-infocontent-body li:before{
content:counter(sec-li,decimal-leading-zero);
position:absolute;left:19px;top:17px;
font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:14px;font-weight:500;letter-spacing:.5px;color:var(--goldt);
font-variant-numeric:tabular-nums;
}
.pg-article .yunu-infocontent-body li p{margin:0;}
/* ---------- E5. 表格（技术参数等） ---------- */
.pg-article .tbl-wrap{margin:6px 0 26px;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.pg-article .tbl-wrap table{width:100%;border-collapse:collapse;margin:0;font-size:14.5px;line-height:1.75;}
.pg-article .tbl-wrap table th{
background:#183030;color:#fff;font-weight:600;text-align:left;
padding:13px 18px;font-size:14px;letter-spacing:.3px;white-space:nowrap;
}
.pg-article .tbl-wrap table td{
padding:12px 18px;border-top:1px solid var(--line);vertical-align:top;color:var(--bodytx);
}
.pg-article .tbl-wrap table tr:nth-child(even) td{background:#FBFAF6;}
.pg-article .tbl-wrap table td:first-child{color:var(--ink);font-weight:500;white-space:nowrap;}
/* ---------- E6. 自动目录 ---------- */
.art-toc{margin:0 0 34px;padding:20px 22px 16px;background:#FBF8F1;border-radius:12px;}
.art-toc-tit{display:flex;align-items:center;gap:10px;margin:0 0 14px;
font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--goldt);font-weight:600;}
.art-toc-tit:after{content:"";flex:1 1 auto;height:1px;background:rgba(192,144,72,.22);}
.art-toc ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;counter-reset:toc;}
.art-toc li{margin:0;padding:0;}
.art-toc a{
display:flex;align-items:center;gap:10px;min-width:0;
padding:10px 14px;background:#fff;border:1px solid #EFE7D8;border-radius:8px;
font-size:13.5px;line-height:1.5;color:var(--bodytx);
transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.art-toc a:hover{border-color:var(--gold);box-shadow:0 6px 16px rgba(24,48,48,.08);transform:translateY(-1px);color:var(--ink);}
.art-toc a i{
flex:0 0 auto;font-style:normal;font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:12px;letter-spacing:1px;color:var(--goldt);font-variant-numeric:tabular-nums;
}
.art-toc a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* ---------- E7. 响应式 ---------- */
@media screen and (max-width:1199px){
.pg-article .yunu-infocontent-body h3{margin-top:44px;}
}
@media screen and (max-width:767px){
.pg-article .yunu-infocontent-body h3{
margin:38px 0 16px;padding-bottom:12px;gap:10px;font-size:17.5px;scroll-margin-top:76px;
}
.pg-article .yunu-infocontent-body h3 .sec-n{font-size:11.5px;letter-spacing:1.4px;}
.pg-article .yunu-infocontent-body h3 .sec-n:after{width:14px;margin-left:8px;}
.pg-article .yunu-infocontent-body h4{margin:22px 0 10px;font-size:15.5px;gap:8px;scroll-margin-top:76px;}
.pg-article .yunu-infocontent-body{font-size:14.5px;line-height:1.9;}
.pg-article .yunu-infocontent-body li{padding:12px 14px 12px 44px;margin-bottom:10px;font-size:14px;line-height:1.85;}
.pg-article .yunu-infocontent-body li:before{left:15px;top:14px;font-size:12.5px;}
.art-toc{padding:16px 14px 12px;margin-bottom:26px;}
.art-toc ol{grid-template-columns:1fr;gap:7px;}
.art-toc a{padding:9px 12px;font-size:13px;}
.pg-article .tbl-wrap table td:first-child{white-space:normal;}
.pg-article .tbl-wrap table th,.pg-article .tbl-wrap table td{padding:10px 12px;font-size:13.5px;}
}
/* ==================================================================
F = 产品详情页文字排版升级（参数结构化 + 正文节奏）
================================================================== */
/* ---------- F1. 参数条目列表（中文按「；」、英文按「. 」自动拆分） ---------- */
.prod-info .param-box.is-open{max-height:none;}
.spec-list{margin:2px 0 0;padding:0;list-style:none;}
.spec-list li{position:relative;display:flex;align-items:flex-start;gap:12px;
margin:0 0 10px;padding:13px 16px 13px 14px;
background:#FBFAF6;border:1px solid #F0EBE0;border-radius:10px;}
.spec-list li:last-child{margin-bottom:0;}
.spec-list li i{flex:0 0 auto;font-style:normal;
font-family:"DIN Alternate","Bahnschrift","Arial Narrow",sans-serif;
font-size:12.5px;font-weight:500;letter-spacing:1px;line-height:2;
color:var(--goldt);font-variant-numeric:tabular-nums;}
.spec-list li p{margin:0;font-size:13.5px;line-height:1.85;color:var(--bodytx);}
.spec-list li .hl{font-style:normal;font-weight:600;color:#9E7233;}
.spec-grid .hl{font-style:normal;font-weight:600;color:#9E7233;}
/* ---------- F2. 正文节奏（长段拆句 + 导语） ---------- */
.prod-article .yunu-infocontent-body{font-size:15.5px;line-height:2.02;}
.prod-article .yunu-infocontent-body p{margin:0 0 20px;}
.prod-article .yunu-infocontent-body>p:last-child{margin-bottom:0;}
.prod-article .yunu-infocontent-body>p:first-of-type{font-size:16.5px;line-height:1.92;color:var(--ink);}
.prod-article .yunu-infocontent-body .ace-line{display:block;margin:0 0 20px;}
@media screen and (max-width:767px){
.spec-list li{padding:11px 12px 11px 11px;gap:9px;margin-bottom:8px;}
.spec-list li i{font-size:11.5px;line-height:1.9;}
.spec-list li p{font-size:13px;line-height:1.8;}
.prod-article .yunu-infocontent-body{font-size:14.5px;line-height:1.95;}
.prod-article .yunu-infocontent-body p{margin-bottom:16px;}
.prod-article .yunu-infocontent-body>p:first-of-type{font-size:15.5px;line-height:1.88;}
}