@charset "utf-8";
/* CSS Document */
/* Reset */
* { margin:0; padding:0;transition:all 200ms ease;box-sizing: border-box;}
a:link, a:visited, a:hover, a:active {text-decoration:none; cursor:pointer; color:#454545;}
a:hover, a:active {color:#0f77c2;}
/* body注释代码 background:url(../images/texture.png) repeat center #fff; */
body { font:16px/1.6 "Microsoft Yahei","Thmano", "Arial"; color:#3d3d3d;}
img { border:0px;}
li{ list-style:none; float:left;}
input, textarea, select{ font:14px/1.5 "Microsoft Yahei","Thmano", "Arial"; color:#999; outline:0; }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.hidden{display: none;}
body {overflow-x: hidden;}
html {height: 101%;}
.animate {display: none;}
b,
strong {font-weight: bold;}
input {outline: none;}
textarea {resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td {border: 0px solid #aaa;padding: 2px;}
a {text-decoration: none;color: #666;}
a:hover {text-decoration: none;color: #0f77c2;}
i {font-style: normal;}
.clearfix {*zoom: 1;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clear {clear: both;}
.ow {min-width: 1200px;}
.w {width: 1200px;margin: 0 auto;}
.wx {width: 1100px;margin: 0 auto;}
.fr {float: right;}
.fl {float: left;}
.s{background:url(../images/tip.png) no-repeat; }
/*header*/
.top{width:100%; height:137px; background:#FFF; position:relative;}
.logo{float:left;}
.logo img{max-width:434px; height:55px; float:left; margin-top:40px; margin-right:15px;  }
.logo .header_g{ margin-top:42px;background:url(../images/logo_li.png) no-repeat left top;   
  max-width: 370px;padding-left: 20px;    float: left;}
.logo .header_g span{ font-size:18px; line-height:16px;color: #d72323;}
.logo .header_g p{color: #393939;font-weight: bold;font-size: 22px; line-height: 28.3px;}
.top .fr{text-align: right;}
.tel{padding-left: 38px;text-align: left;height: 36px;
  background-position: -362px top; }
a.tel_link{ display: inline-block;border-radius: 20px;background: #0f77c2;color: #fff;padding: 0 10px;font-size: 14px;margin-top: 35px;
height: 26px;line-height: 26px;}
a.tel_link:hover{background: #d72323;}
.tel span{font-size:14px;line-height: 26px; color: #5a5a5a;display: block;float: left;margin-top: 15px;}
.Telephone{color:#f48809;font-weight: bold;font-size:24px;line-height:50px; display: block;font-family: "Arial";float: left;}
.t{ height: 30px;line-height: 26px;color: #a6a7a7;text-align: center;}
.t a{ color: #a6a7a7;padding: 0 10px;}
.t li{ }
.t .webMap{ background-position: left -148px;}
.t .addFav{ background-position: left -48px;}
.t .setHome{ background-position: left -96px;}
/* banner */
.iban{position: relative;height: 490px;}
.banner { width:100%; height:490px; overflow:hidden;  position:relative;}
.banner ul.list { float:left; height:490px; width:500%; background:#0f77c2; }
.banner li.item { width:20%; height:490px; float:left;  }
.iban div.tip {width:1092px;padding-right: 10px; position:absolute; left:50%; margin-left:-550px; height:30px; bottom:20px;text-align:right;background-position: 1007px top;}
.iban div.tip span { width:16px; height:16px; line-height:24px; display:inline-block; background:url(../images/tip-view1.png) no-repeat left 1px;
  margin:5px; cursor:pointer; text-align:center; font-family:"Microsoft Yahei"; font-size:16px; color:#FFF; }
.iban div.tip span.cur {background-position: left bottom;}
/*搜索*/
.search{ height:89px; background:url(../images/shadow.png) no-repeat scroll bottom #fff;}
.skey{ padding-top:20px;color: #454545;}
.skey a{color: #454545;}
.searcher{width:214px;height:35px;float:right;   margin-top:20px;box-sizing: content-box;}
.searcher .submit{width:36px;height:31px;float:right;border:0px; 
  background-position: -178px bottom;color: #fff;cursor:pointer;}
.searcher .txt{width:178px;height:31px;line-height:31px;float:right;background-position: left bottom;text-indent: .5em;
  border:none ;color:#c0c0c0;}

.nav{height: 64px;width:100%;  background:#0f77c2;}
.nav1{ }
.nav ul{ }
.nav li{position: relative;width: 120px;float: left;z-index: 1000; line-height: 64px; }
.nav li a{    font-size: 16px;text-align: center;    color: #fff;    display: block;    height: 64px;  width: 122px;  }
.nav li a i{      font-style: normal;    line-height: 64px;   display: block;    width: 100%;}

/* .navhover {background:#f48809; height: 100%} */
/* .nav li a:hover{ background:#f48809; }
.nav li.hover a{background:#f48809; } */
.nav .subNav{ display: none;  left: 0; position: absolute; top: 64px;transition:none;
background: #f26f05;box-shadow:0px 0 9px rgba(0,0,0,.3); }
.nav .subNavCon a{ width: 122px;height: 100%;font-size: 14px;line-height: 46px; display: block;padding-top: 0;margin: 0;
  color: #000; background: #ffffff; }
.nav .subNavCon a:hover{ background: #0f77c2;color: #fff; }

/******************************
 ** 内页架构
 ******************************/
.headx {  margin-bottom:26px;margin-top: 50px; position:relative; background:url(../images/icon1.png) no-repeat 10px center;background-size:28px 28px;height:28px;
  padding-left: 48px;}
.headx h2 { font-size:20px; color:#5a5a5a; font-weight:700; line-height: 1;height:28px;line-height:28px; }
.headx h2 em{ font-style: normal;    display:block;}
.headx h2 em b{color: #0f77c2; }
.headx h2 span {color:#cbcbcb; font-weight: normal;font-size:14px; text-transform:uppercase; }
.headx h2 span i{ font-size: 30px;}
.headx .mo {display: block; position:absolute; right:0; top:0; color:#5a5a5a;font-size: 14px;width: 77px;height: 28px;
line-height: 28px;border: 1px solid #5a5a5a;border-radius: 20px;text-align: center;}
.headx .mo:hover { color:#fff;background: #5a5a5a; }
.sidebar { float:left; width:246px; }
.topclass { width:100%; height:100px; }
.topclass h2 {font-size:26px;font-weight: 500;}
.topclass span { font-size: 16px;text-transform: uppercase; }
.side-menu { background-color:#fff; border-left: 4px solid #dfdfdf; }
.side-menu > dd:not(:last-child){border-bottom: 2px solid transparent;margin-top: -2px;transition: all 0.2s ease;}
.side-menu > dd > a { position:relative;display:block; height:50px; line-height:50px;color: #454545;border-bottom: 2px solid #dfdfdf;padding-left: 20px;transition: all .1s ease-in; }
.side-menu > dd > a:hover, .side-menu > dd.current > a { color: #f48809;}
.side-menu > dd.current.has-child {border-color: #dfdfdf;}
.side-menu > dd > a::after {content: '';position: absolute;left: -4px;top: 0;width: 4px;height: 100%;background-color: #dfdfdf;transition: all .2s ease-in;}
.side-menu > dd > a:hover::after, .side-menu > dd.current > a::after {background-color: #f48809;}
.side-menu .drop {  display:none; }
.side-menu .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu .drop a { display:block; padding:0 10px 0 10px; background:#FFE8C9; color: #454545;  text-align:center; font-size:13px;}
.side-menu .drop a:hover { background:#f48809;color: #fff;}
.side-menu dd.current .drop { display:block; }
.side-menu li.current > a { background:#f48809;color: #fff; }

.side-menu2 { background-color:#fff; padding:0px 10px 0px 10px; border: 4px;}
.side-menu2 dd {margin: 8px 0; }
.side-menu2 dd > a { display:block; height:40px; line-height:40px;font-size:14px;padding-left: 25px;color: #454545;transition: all 0.3s ease; }
.side-menu2 dd > a:hover, .side-menu2 dd.current > a { color: #f48809;}
.side-menu2 .drop {  display:none; }
.side-menu2 .drop li { width:100%; height:38px; line-height:38px;float: none;margin: 8px 0; }
.side-menu2 .drop a { display:block; padding:0 10px 0 10px; background:#FFE8C9; color: #454545;  text-align:center; font-size:13px;}
.side-menu2 .drop a:hover { background:#f48809;color: #fff;}
.side-menu2 dd.current .drop { display:block; }
.side-menu2 li.current > a { background:#f48809;color: #fff; }

.sidebar .tel1{background:url(../images/tel2.png) no-repeat center;height: 99px;}
.sidebar .tel1 h1{padding-left: 55px;height: 99px;background-position: left -175px;color: #fff;
;margin-left: 15px;}
.sidebar .tel1 span{ font-size: 14px;line-height: 1.4;padding-top: 26px;
    display: block;}
.sidebar .tel1 p{font-size: 21px; line-height:1;font-weight: bold;*margin-top: -20px;}
.side-head { height:34px; line-height:34px; padding:10px 0 10px 30px; font-size:20px; background:#5f412e; color:#FFF; }
.side-pro { position:relative; top:20px; margin-bottom:20px; }
.side-pro .list { border:1px solid #ddd; padding:30px 0 10px; }
.side-pro .list dd { width:166px; margin:0 auto; }
.side-pro .list a { display:block; text-align:center; }
.side-pro .list img { display:block; width:166px; height:124px; background:#f1f1f1; }
.side-pro .list h3 { padding:10px 0; height:24px; line-height:24px; font-weight:400; }
.side-contact { margin-bottom:20px; position:relative; top:20px; }
.side-contact .main { padding:15px 10px; line-height:2; border:1px solid #ddd; }
.ipro{}
.ipro .tod{overflow: hidden;padding:0 20px 0 60px;}
.ipro .tod ul{width: 110%;margin-left: -30px;}
.ipro .tod li{
    text-align: center;
/*    float: left;margin:0 0 36px  30px;position: relative;width: 229px;padding-right: 30px;*/
/*  border-right: 1px dashed #d3d3d3;*/
/*overflow: hidden;background: url(../images/ipro_shadow.png) repeat center;*/
    
}
.ipro .tod li img{display: block;width: 229px;height: 172px;margin:0 auto}
.ipro .tod .wd b a{ display: block;height: 50px;line-height: 2.8;}
.ipro .tod .wd .description{ font-size: 14px;color: #5a5a5a;line-height: 1; line-height:24px;}
.ipro .tod .wd .detail{height: 35px;width: 109px;line-height:35px;display: block;text-align: center;border-radius: 20px;margin:24px auto 0;border: 1px solid #999999; }
.ipro .tod li:hover .wd .detail{background: #0f77c2; color: #fff;border-color: #0f77c2;}
.ipro .tod li:hover span a{ color: #fff;}
.ipro .tod li:hover img{
    -webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
  -ms-transform: rotateY( 360deg );}

.ipro2{}
.ipro2 ul{width: 110%;}
.ipro2 li{float: left;padding: 10px;border: 1px solid #d0d0d0;margin:12px;transition:none;}
.ipro2 li .wd{text-align: center;height: 50px;line-height: 50px;}
.ipro2 li .wd a{color: #5a5a5a;display: block;width: 232px;}
.ipro2 li img{width: 258px;height:232px;}
.ipro2 li:hover img{
-webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
  -ms-transform: rotateY( 360deg );}
.ipro2 li:hover{ border: 2px solid #0f77c2;padding: 9px;}
.ipro2 li:hover .wd a{ color: #0f77c2;font-weight: bold;}


.icase{width: 100%;background: url(../images/ipro_bg.jpg) no-repeat center top;padding-top: 34px;
height: 490px;margin-top: 52px;}
.icase .headx{margin-top: 0;background: url(../images/icon2.png) no-repeat 10px center;background-size: 28px 28px;}
.icase .headx h2,.icase .headx h2 em,.icase .headx h2 span,.icase .headx h2 b{color: #fff;}
.icase .headx .mo{color: #fff;border-color: #fff;}
.icase .headx .mo:hover{background: #FFF;color: #0E6DFB;}

.icase .tod{ width: 1200px;overflow: hidden;height: 358px;*position: relative; }
.icase .tod ul{width: 110%;}
.icase .tod li{float: left;position: relative;height: 300px;
width: 195px;margin: 0 52px 30px 0;text-align: center;}
.icase .tod li .img{position: relative;width: 195px;height: 126px;display: block;z-index: 1;}
.icase .tod li img{ height: 126px;width: 195px;position: absolute;top: 0;left: 0;z-index:2;background:#fff}
.icase .tod li .cover{width: 195px;height: 271px;
/*background: url(../images/li_bg.png) no-repeat center -349px; */
background:#fff;
z-index: 1;
position: absolute;top: 0;left: 0;}
.icase .tod .wd {position: relative;z-index: 2;line-height: 2;padding:4px 10px;}
.icase .tod .wd span{ }
.icase .tod li .wd .descrption{display:none}
.icase .tod .wd span a{ color: #5a5a5a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align:left;
}
.icase .tod .descrption{line-height: 1.2;color: #989898;width: 170px;    word-wrap: break-word;} 
.icase .tod div.subtitle{display: none;}
.icase .tod a.detail{display: inline-block;background-position: right -200px;width: 20px;height: 20px;margin-top: 10px;}
.icase .tod li .shadow{ width: 199px;height: 48px;background: url(../images/shadow.png) no-repeat center top;
position: absolute;left: -12px;bottom: 34px;}
/* .icase .tod li:hover .wd,.icase .tod li:hover .wd .descrption{color: #fff;}
.icase .tod li:hover .wd span a{display:none;}
.icase .tod li:hover .wd .descrption{display:block;line-height: 1.6em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;}
.icase .tod li:hover a.detail{display: none;}
.icase .tod li:hover div.subtitle{display:block;color: #fff;font-size:14px;display: -webkit-box; -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; overflow: hidden;text-overflow: ellipsis;}
.icase .tod li:hover .cover{
    background-position: center top;
height: 349px;background:#0845a8;} */

.icase .arrow{ width: 110px;margin: 0 auto;height: 36px;margin-top: 20px; }
.icase .arrow_r,.icase .arrow_l{float: left;width: 36px;height: 36px; }
.icase .arrow_r{margin-right: 36px;background-position: left -300px;position: absolute;height: 36px;margin-top: 20px;left: 45px;top: 160px;}
.icase .arrow_l{background-position: -73px -300px;position: absolute;height: 36px;margin-top: 20px;right: 45px;top: 160px;}

.igaog{height: 197px; padding-top: 36px;background: url(../images/index-bg1.png) no-repeat center; color: #fff;
text-align: center;margin-top:36px;}
.igaog b{font-size: 36px;margin-bottom: 10px;display: block; }
.igaog p{ font-size: 18px;}
.igaog p span {padding: 0 10px;display: inline-block;line-height: 16px;}
.igaog p span:not(:last-child) {border-right: 1px solid #fff;}
.igaog .link{ margin-top: 10px;}
.igaog .gao_link{display: inline-block;padding:0 10px;height: 35px;line-height: 35px; 
color: #fff;margin: 0 26px;position: relative;*background: #387AF5;}
.igaog .gao_link em{display: block;position: absolute;background: url(../images/tip.png) no-repeat left -188px;
  width: 24px;height: 24px;top: 3px;right: -42px; }
/* .igaog .gao_link:hover{ background: #fff;color: #0f77c2;} */


.inews { }
.inews .tod{ }
.inews .tod ul{ }
.inews .tod li { width: 100%;border-bottom: 1px dashed #d6d6d6;padding: 14px 0;}
.inews .tod li em{display: block;width: 78px;height: 70px;background: url(../images/tip.png) no-repeat right -300px; 
text-align: center;float: left;font-size: 14px;color: #989898;font-style: normal;padding-top: 22px;}
.inews .tod li em b{display: inline-block;border-top: 1px dotted #9c9c9c;font-size: 18px;color: #5a5a5a;width: 48px;}
.inews .tod li .wd{float: left;margin-left: 66px;width: 954px;}
.inews .tod li h1{ font-size: 18px;color: #5a5a5a; }
.inews .tod li:hover{color: #0f77c2; }
.inews .tod li:hover em{background: url(../images/tip.png) no-repeat right -420px; }
.inews .tod li:hover em b,.inews .tod li:hover h1{	color: #0f77c2;}
.inews .tod li span{ font-size: 14px;color: #989898;}



.iabout{ margin-top: 70px;}
.iabout .tod{position: relative;}
.iabout .tu{ position: absolute;top: 20px;right: 0;width: 156px;height: 147px;
background:url(../images/iab_img.png) center no-repeat; }
.iabout .tod{height: 435px; background:url(../images/iabout.png) center no-repeat;}
.iabout .img{float: left;}
.iabout .img img{width: 509;height: 381px;margin-top: 28px;}
.iabout .wd{float: right;width: 428px;margin-top: 95px;}
.iabout .wd .desciption{text-align: right;color: #fff;}
.iabout .wd .desciption a{display: inline-block;width: 116px;height: 31px;line-height: 31px;color: #fff;background-position: -1px -953px;text-align: center;}
.iabout .wd .desciption i{display: inline-block;width: 22px;height: 31px;background-position: -131px -942px;}
.iabout .wd .desciption span{ display: block;font-size: 24px;font-weight: bold;text-align: left;line-height: 2.2;color: #0e3ba9;
background: url(../images/zi.png) left bottom no-repeat;margin-bottom: 36px;}
.iabout .wd .zi{color: #2a2a2a;font-size: 16px;line-height: 2;}
.iabout .wd .zi .ilink{display: block;float: right;background-position:left -356px;width: 136px;height: 44px;line-height: 44px;
  text-align: center;color: #fff;margin: 44px 0 0 60px;*margin:20px 0 0 60px;}
.iabout .wd .zi .ilink:hover{ background-position: right -356px;}

.imessage {width: 647px;float: right;}
.imessage .comt {font-size: 14px;}
.imessage .comt ul li {height: 38px;line-height: 38px;margin: 8px 9px;}
.imessage .comt li label{float: left;}
.imessage .comt ul .red{color: red;    font-size: 14px;    height: 40px;    line-height: 40px;   width: 14px;    float: left;    text-align: center;}
.imessage .comt ul li i {float: left; padding: 0 10px;width: 44px;}
.imessage .comt ul li input.name {border-bottom: 1px solid #d1d1d1;height: 38px;line-height: 38px;font-family: "microsoft yahei";float: left;width: 304px;*width: 290px;
  background: none;font-size: 14px;color: #5a5a5a;  }
.imessage .comt ul li input{color: #a0a0a0;border: none;background: none;}
.imessage .comt ul li.a1 i {background-position: -33px 0px;}
.imessage .comt ul li.a2 i {background: none;border: none;font-size: 13px;color: #aaaaaa;font-family: "宋体";}
.imessage textarea{line-height: 30px;  float: left;  font-size: 14px;        width: 100%;    height: 34px;padding: 5px;border: none;
    resize: none;  background:none; border-bottom: 1px solid #d1d1d1;color: #5a5a5a;margin-top: 28px;}
.imessage .button1{width: 123px;height: 35px;  text-align: center;border: none;color: #fff!important;
  border-radius: 30px;  cursor: pointer;font-size: 18px;margin-top: 35px;background-color: #0f77c2!important;}
.imessage .button1:hover{ background: #D46417!important;}

.imap{width: 100%;height: 372px;display:block;position: relative;margin-top: 54px;}
.imap .imapCon{width:100%; height: 372px;opacity: 0.2;filter: alpha(opacity=20);}
.imapCon{position: absolute;top: 0;left: 0;z-index: 1;}
.icontact{   position: absolute;top: 0;width: 100%;z-index: 2;}
.icontact .wd{ float: left;width: 450px;}
.icontact .wd b{font-size: 24px;}
.fs14{font-size: 14px!important;}
.icontact .wd .p{font-weight: bold;color: #000000;font-size: 16px;text-align: center;margin-top: 10px;}
.icontact .wd span{display: inline-block;width: auto;line-height: 1.6;color: #5a5a5a;font-size: 18px;text-transform: uppercase;
margin-bottom: 10px;}
.icontact .wd .s{padding-left: 34px;font-size: 14px;height: 34px;line-height: 34px;}
.icontact .wd .tel3{height: 37px;  line-height: 37px;*line-height: 20px;background-position: -380px -618px;}
.icontact .wd .iemail{background-position: -380px -653px; }
.icontact .wd .iadd{background-position: -380px -685px;}

.footer { background:#484848 url(../images/terue.png) left bottom repeat; padding:16px 0 16px;
  color: #a0a0a0;  font-size: 14px;}
.footer .w{position: relative;z-index: 3;}
.footer a{color: #a0a0a0;}
.ilink{ }
.ilink span{font-size: 16px;display: block;padding-left: 24px;background-position: left -400px;line-height: 1.4; }
.ilink span b{font-weight: normal;font-size: 14px; }
.ilink a{display: block;float: left;margin: 5px;font-size: 14px;}
.keywords{padding: 16px 0;border-bottom: 1px dashed #363636;}
.subtel {   font-size:30px;color: #fc771c; background-position:-371px bottom;  padding-left: 32px;line-height: 30px;
text-align: right;margin-top: 0px;}
.subtel span{padding-left: 30px;color: #fff;font-size: 16px;background-position: left -514px;display: inline-block;line-height: 1.6;}
.subtel p{font-size: 30px;font-weight: bold;}
.copyright { float: left;line-height:26px;  width:730px; margin-top: 70px;}

.go_top{width: 68px;height: 68px;position: absolute;top: -48px;right: 0;cursor: pointer;background-position: left -600px;}

.nybanner {height: 300px;display: block;width: 100%;background: #ccc;border-top: 1px solid #ccc;}
.subcomt {border: 1px solid #cacbcb;padding: 8px;}
/* body注释代码 background:url(../images/heng.png) no-repeat left center;*/
.sobtitle {height: 62px;line-height: 62px;margin-bottom: 10px;}
.sobtitle p.fl {/*color: #0f77c2;*/font-size: 24px;font-weight: bold;}
.sobtitle .sitepath {padding-right: 20px;font-size: 14px;}
.sobtitle .sitepath a{}
.submian {position: relative;margin-top: 30px;}

.submian .subleft {width: 246px;}
.submian .subleft .sidebar{float: none;margin-bottom: 10px;}
.submian .subleft .titlex {    text-align: center;background: #0f77c2;color: #fff;height: 82px;}
.submian .subleft .titlex span {margin-top: 10px;border-bottom: 1px dashed #fff;display: inline-block;padding: 0 10px;color: #fff;font-size: 24px;font-weight: bold;line-height: 40px;}
.submian .subleft .titlex b{line-height: 2; text-transform: uppercase;font-size: 12px;font-weight: normal;display: block;}
.submian .subleft .titlex a {font-size: 14px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;height: 21px;line-height: 21px;float: right;margin-right: 10px;margin-top: 20px;position: relative;width: 75px;color: #fff;}
.submian .subleft .titlex a i {color: #fff;font-weight: bold;font-size: 20px;position: absolute;right:-3px;top: 0px;}
.submian .subleft .titlex a i:before {content: "";height: 21px;}
.submian .subleft .titlex a:hover {color: #F3F3F3;border-color: #F3F3F3;}
.submian .subleft .titlex a:hover i:before {content: "";color: #F3F3F3;}
.submian .subleft .lefta {padding-bottom: 20px;}
.submian .subleft .lefta .titlex{ height: 122px;line-height: inherit;}
.submian .subleft .lefta .titlex span{    padding-top: 18px;    display: block;    line-height: 52px;}
.submian .subleft .lefta .titlex em{font-style: normal;font-size: 14px;padding-left: 35px;display: block;}

.submian .subleft .lefta .comt { }
.submian .subleft .lefta .comt ul li {line-height: 52px;color: #787878;display: block;margin-bottom: 2px;width:100%;}
.submian .subleft .lefta .comt ul li a {font-size: 18px;position: relative;display: block;width:220px;height:52px;line-height:52px;border-bottom: 1px solid #e2e2e2;padding-left: 60px;}
.submian .subleft .lefta .comt ul li a:hover,
.submian .subleft .lefta .comt ul li a.hover {    color: #0f77c2;    background: #FFF100;}
.submian .subleft .lefta .comt ul .box {display: none;}
.submian .subleft .lefta .comt ul .box a {display: block;line-height: 32px;font-size: 14px;height: 32px;border-bottom: 1px solid #eee;border-top: 0px;border-left: 0px;border-right: 0px;}
.submian .subleft .lefta .comt ul li.current .box { display:block; }
.submian .subleft .lefta .comt ul li.current > a {background: #FFF100;color: #0f77c2; }
.submian .subleft .lefta .comt ul li.current > a {background:#FFF100;color:#0f77c2; }

.submian .subleft .leftnews .leftnewscomt {border: 1px solid #0f77c2;*padding: 20px 15px;}
.submian .mainx {  height:230px;margin: 20px 15px;  background:#FFF; overflow:hidden; position:relative; *width: 215px;*margin-top: 20px;}
.submian .listx { float:left; width:300%; position:relative; }
.submian .listx dd { float:left; width:250px; height:187px; position:relative; }
.submian .listx a { display:block; overflow:hidden; position:relative; z-index: 9;}
.submian .listx span { width:430px; height:56px; line-height:56px; padding:0 15px; position:absolute; left:0; bottom:0; font-size:16px; color:#FFF; }
.submian .listx img { display:block; width:250px; height:187px; }
.submian .listx dd:hover img { -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.submian .tipx {width:100%; height:24px; text-align:center;position: absolute;bottom: 5px; }
.submian .tipx span { display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../images/tip-view.png) center 0 no-repeat; cursor:pointer;margin: 0 6px; }
.submian .tipx span.cur { background-position:center bottom; }
.submian .leftcontact{ }
.submian .leftcontactcomt{line-height: 28px;border: 1px solid #0f77c2;padding: 10px;}
.submian .leftcontact .title1{height: 68px;line-height: 68px;border-bottom: 4px solid #0f77c2;margin-bottom: 28px; }
.submian .leftcontact .title1 span{ color: #0f77c2;font-size: 33px;font-weight: bold;}
.submian .leftcontact .title1 i{ color: #0f77c2;font-size: 22px;font-weight: bold;text-align: right;}
.submian .leftcontact_tel{margin-top: 10px;background: #F8A815 url(../images/leftcontact_tel.png) 10px center no-repeat;color: #fff;padding-left: 80px;}
.submian .leftcontact_tel p{font-size: 18px;height: 35px;
    line-height: 3.2;}
.submian .leftcontact_tel h2{ font-weight: bold;font-size: 18px;}

.submian .subright {width: 873px;;margin-bottom: 65px; line-height: 28px;}
.submian .subright .produtlist .list {overflow: hidden;}
.submian .subright .produtlist .list .itag li {float: left;margin: 8px;width: 256px;}
.submian .subright .produtlist .list .itag li.err span{cursor: text;}
.submian .subright .produtlist .list .itag li img {width: 253px;height:190px;display: block;padding: 2px;border: 1px solid #dcdcdc;}
.submian .subright .produtlist .list .itag li span {cursor:pointer;height: 34px;line-height: 34px;display: block;width: 100%;text-align: center;overflow: hidden;}
.submian .subright .produtlist .list .itag li:hover img {border-color: #0f77c2;background: #0f77c2;}
.submian .subright .produtlist .list .itag li:hover span {color: #0f77c2;}
.submian .subright .listnews {padding:0 20px 20px 20px;}
.submian .subright .listnews ul li {width: 100%;border-bottom: 1px dashed #d6d6d6;height: 40px;line-height: 40px;}
.submian .subright .listnews ul li.zlq-new{
    height:170px;
    float:none;
    padding-top:10px;
}
.submian .subright .listnews ul li.zlq-new .zlq-new-left{
    float:left;
}
.submian .subright .listnews ul li.zlq-new .zlq-new-right{
    display:inline-block;width: 74%;float: right;
}
.submian .subright .listnews ul li.err{margin-bottom: 20px;}
.submian .subright .listnews ul li a {display: block;}
.submian .subright .listnews ul li a p {float: left;cursor:pointer;}
.submian .subright .listnews ul li.zlq-new .zlq-new-right  p.zlq-new-right-title{
   width:700px;
   font-weight: bold;
}
.submian .subright .listnews ul li a span {color: #999;cursor:pointer;float: right;}
.submian .subright .listnews ul li a:hover p.zlq-new-right-title {color: #0f77c2;}
.submian .subright .listnews ul li a:hover span {color: #666;}
.submian .subright .aboutlist {line-height: 28px;color: #333;display:none;}
.aboutlist img{max-width:100%}
.submian .subright .conBox {padding: 0px 20px 20px;line-height: 24px;color: #333;}
/* page_newsdetail_list */
.submian .subright .ArticleTitle {padding-bottom: 7px;}
.submian .subright .ArticleTitle h1 {padding-top: 10px;    font-size: 20px;    line-height: 30px;text-align: center;padding-bottom: 5px;border-bottom: 1px dotted #a6a6a6;color: #0f77c2;}
.submian .subright .ArticleMessage {text-align: center;line-height: 22px;height: 22px;border-bottom: 1px dotted #a6a6a6;margin-bottom: 10px;}
.submian .subright .ArticleTencont {padding: 5px 0px 20px 0px;line-height: 2em;overflow: hidden;}

/* listProduct */
.listProduct {margin-top: 20px;}
.listProduct .tod { overflow:hidden; }
.listProduct ul{ width:110%; }
.listProduct .item{ width:259px; height:220px; border:1px solid #ccc; float:left; position:relative;overflow:hidden;
    margin-bottom:20px; border-radius: 5px;transition: all 0.3s ease;
}
.listProduct .item:nth-of-type(3n-1){
    margin:0 30px;
}
.listProduct .item img{ width:100%;transition: all 0.3s ease; }
.listProduct .item.productlistliclass:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);}
.listProduct .item.productlistliclass a.img {width:100%;height:100%;} 
.listProduct .item.productlistliclass img{width:80%;height:90%;margin-top:4%;object-fit:contain;}
.listProduct .item a{ display:block; color:#fff;line-height:26px; font-size:16px;}
.listProduct .item .img-container{width:100%; height:69%;}
.listProduct .item p{ text-align:center;}
.listProduct p.wd{ width:100%; position:absolute; left:0; bottom:0px;height: 32px; /* background:url(../images/cover.png) repeat center -34px; */}
.listProduct p.wd a{ display:block;font-size: 16px;color: #5a5a5a;}
.listProduct p.wd span{ color:#fff; font-size:12px; padding:2px 8px; border:1px solid #fff;}
.listProduct .item.solution-listliclass:hover img{-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);}
.listProduct .item.solution-listliclass:hover a {font-weight: 600;}

.listProduct .itemcase{ width:259px; height:236px; border:1px solid #ccc; float:left; position:relative;overflow:hidden; margin:0px 15px 15px 0px;}
.listProduct .itemcase img{ width:259px; height:194px;}
.listProduct .itemcase a{ display:block; color:#fff;line-height:26px; font-size:16px;}
.listProduct .itemcase p{ width:100%; height:130px; text-align:center;}
.listProduct p.wd{ width:100%; position:absolute; left:0; bottom:0px;height: 25px; /* background:url(../images/cover.png) repeat center -34px; */}
.listProduct p.wd a.btn{ font-size: 16px;color: #5a5a5a;border-radius: 5px;border: 1px solid #ccc;}
.listProduct p.wd a.btn:hover{background-color: #f48809; color: #fff !important; border-color: #f48809;}
.listProduct p.wd span{ color:#fff; font-size:12px; padding:2px 8px; border:1px solid #fff;}
.listProduct .itemcase:hover p.wd{ font-weight: bold; }
.listProduct .itemcase:hover p.wd a{color: #0f77c2; }


/* relatedLink */
.submian .subright .reLink {height: 40px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;width: 100%;margin: 10px auto 10px;overflow:hidden;}
.submian .subright .reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;}
.submian .subright .reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;}
.maplist li a {background: #eee;width: 98%;height: 30px;line-height: 30px;display: block;margin-bottom: 10px;padding-left: 2%;font-weight: bold;}
.maplist li .box {width: 100%;height: auto;margin-bottom: 10px;}
.maplist li .box a {float: left;height: 24px;line-height: 24px;width: auto;text-align: center;margin-right: 10px;padding: 0px 5px;font-weight: normal;}
.maplist li .box a:hover {background: #ff611c;color: #fff;}
.pages {
	width: 100%;
	text-align: center;
	float: left;
	font-size: 12px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-size:14px;
}
.pages span {
	display: inline
}
.pages span a {
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	border-radius:3px;
	margin-right:10px;
	text-decoration:none;
}
.pages span a:hover {
	border: 1px solid #ff6a06;
	background: #ff6a06;
	color: #fff;
	text-decoration: none;
	border-radius:3px;
}
.pages span.page-status {
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	border-radius:3px;
	margin-right:10px;
}
.pages span.page-num {
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #fff;
	color: #A4A4A4;
	line-height: 18px;
	border-radius:3px;
	margin-right:10px;
}
.pages span a.page-num-current {
	padding: 5px 10px;
	border: 1px solid #ff6a06;
	background: #ff6a06;
	color: #fff;
	text-decoration: none;
	border-radius:3px;
}
/* cms2.0地图 */
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#0f77c2; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:300px; border:1px solid #0f77c2; border-top:3px solid #0f77c2;}
.baiduMap {
    background: #eee none repeat scroll 0 0;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.1);
    height: 400px;
    margin: 0 auto 20px;
    width: 100%;
}
.BMap_bubble_title a {
    border-radius: 3px;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 10px;
}
.BMap_bubble_title a:hover {
}
.BMap_bubble_title > a {
    background: #999 none repeat scroll 0 0;
    color: #fff;
}
.BMap_bubble_title > a:hover {
    background: #666 none repeat scroll 0 0;
}

.toolbar { width:65px; position:fixed; right:0; top:28%; margin:-132px 0 0 0; z-index:50; }
.toolbar dd { width:65px; height:65px; background:none; border-top: 1px solid #1646a2;position:relative; z-index: 60;}
.toolbar dd > i { display:block; width:65px; height:65px; cursor:pointer; }
.toolbar .slide-qq { display:block; width:0; height:65px; line-height:65px; font-size:20px; color:#FFF; padding:0 0 0 65px; position:absolute; top:0; right:0; overflow:hidden; }
.toolbar .pop { position:absolute; right:120px; top:-65px; background:#d72323; display:none;box-sizing: content-box; }
.toolbar .pop .o { position:absolute; right:-7px; top:88px; width:7px; height:13px;/*  background:url(../images/tool-arrow.png) 0 0 no-repeat; */ }
.toolbar .pop-tel { width:120px; padding:40px 20px 30px; color:#FFF; text-align:center;  background:url(../images/tool-arrow.png) center 30px no-repeat #d72323; }
/* body注释代码 background:url(../images/tool-telphone2.png) center no-repeat;  */
.toolbar .pop-tel .icon { line-height:30px; padding-top:55px; 
 width: 100%;text-align: center;}
.toolbar .pop-tel .item { line-height:24px; font-size:16px; }
.toolbar .pop-code { width:120px; padding:20px 20px 0; }
.toolbar .pop-code li{width: 100%; }
.toolbar .pop-code img { width:120px; height:120px; display:block; }
.toolbar .pop-code h3 { height:50px; line-height:50px; text-align:center; color:#f2e8e1; font-size:16px; font-weight:400; white-space:nowrap; 
	width: 100%; 
}
.toolbar .qq { background:url(../images/tip2.png) 13px 14px no-repeat #0f77c2; }
.toolbar .qq:hover{ background-color: #d72323;}
.toolbar .tell { background:url(../images/tip2.png) 13px -65px no-repeat #0f77c2; }
.toolbar .code { background:url(../images/tip2.png) 13px -130px no-repeat #0f77c2; }
.toolbar .top { background:url(../images/tip2.png) 13px -200px no-repeat #0f77c2; }
.toolbar dd i:hover { background-color: #d72323; }
.jing_pointer { width:27px; height:117px; position:absolute; top:55px;*top:-120px; left:-27px; cursor:pointer;background:url(../images/pointer4.png) left top no-repeat;  }
.jing_pointer.active { left:38px; background:url(../images/pointer1.png) left top no-repeat;  }
.pl1{ background:none !important;}

.pageMsg {color: #333d58;margin-top: 30px;}
.pageMsg #formPost table td input#txtImageCode {width: 70px;}
.pageMsg #formPost table td input:focus {border-color: #eee;outline: 0;}
.pageMsg #formPost table span.red {color: #f00;margin-right: 5px;}
.pageMsg #formPost table input {border: 1px solid #ccc !important;font-family: "microsoft yahei";}
.pageMsg #formPost table textarea {border: 1px solid #ccc !important;}
.pageMsg #formPost table input.sub {font-family: "microsoft yahei";cursor: pointer;width: 100px;height: 35px;line-height: 24px;color: #848484;text-align: center;margin-top: 10px;background: #fff;}
.pageMsg #formPost table input.sub:hover {background: #ff611c;color: #fff;border: 1px solid #eee !important;}
.pageMsg #formPost table td input {width: 240px;height: 25px;line-height: 25px;padding: 0px 5px;}
.pageMsg tr.code input {width: 90px;}
.pageMsg .err {color: #f00;padding-left: 10px;}
.pageMsg tr.item textarea {width: 240px;height: 50px;color: #666;border: 1px solid #ccc;padding: 0 5px;outline: none;}
/*# sourceMappingURL=style.css.map */
#slider{width:630px;height:240px;position:relative;margin:0 auto;}
.scroll{width:630px;height:340px;margin:0 auto;overflow:hidden;position:relative;}
.scrollContainer{position: relative;width:1815px;left:0px;}
.scrollContainer .current .inside{width:230px;height:288px;}
.scrollContainer .panel{width:195px;height:146px;float: left;display:inline;}
.panel .inside{display:block;position:relative; }
.inside img{height:100%;width:100%;}
.scroll li .inside span{width:197px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#FFF;text-align:center;}
.scroll li.current .inside span{display:block;}
.btnMode a.btn{background:url(../images/tab1.png) no-repeat left top;}
.btnMode a.btn{width:20px; height:39px;position:absolute;top:80px; }
.btnMode a.prev{left:-30px;background-position:13px 0px;}

.btnMode a.next{right:-30px;background-position:-13px 0;}
.BMap_bubble_content{line-height:22px;}

#tp_img{ float: left; width: 670px;  overflow: hidden; text-align:center;font-size:0; }
.itag1{ width:640px; float:left; position:relative; display:inline-block; background:#f1f1f1; border:1px solid #e0e0e0; height:82px; padding:10px 10px 0; margin-top:10px; b}
.itag1 .up,.itag1 .down{ display:block; width:23px; height:66px; background:url(../images/icoup.png) no-repeat center; float:left; }
.itag1 .down{ background-image:url(../images/icodown.png);}
.itag1 .img_{ height:75px; width:580px; margin:0 5px; overflow:hidden; position:relative; float:left} 
.itag1 .img_ a{ display:block; height:75px; float:left; padding-right:10px }
.itag1 .img_bk{ width:800%}
.itag1 .img_ img{ border:1px solid #eee;}
.itag1 .img_ a:hover img,.itag .img_ a.hover img{ border-color:#f60}

.ProDes{padding-top:10px;float:left;}

[ig-null] { margin-bottom:0px;  }

.dialog-alert { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-alert .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-alert .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-alert .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-alert .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-alert .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-alert .main .red { color:#F00; }
.dialog-alert .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px;background: none; }
.dialog-alert .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-alert .foot .ok { background:#d93636; color:#fff; }
.dialog-alert .foot .ok:hover { background:#a40606; }
.dialog-alert .foot .cancel { background:#bbb; color:#333; }
.dialog-alert .foot .cancel:hover { background:#999; }

.dialog-confirm { width:440px; height:auto; position:fixed; left:50%; top:50%; margin:-150px 0 0 -220px; z-index:100; background:#FFF; background:-webkit-linear-gradient(top, #f1f1f1 0%, #FFF 10%, #FFF 100%); display:none; }
.dialog-confirm .head { height:40px; line-height:40px; position:relative; margin-bottom:10px; }
.dialog-confirm .head h2 { font-size:16px; padding:0 0 0 15px; }
.dialog-confirm .head .close { width:40px; height:40px; background:url(../images/ico-close.png) center center no-repeat; position:absolute; right:0; top:0; }
.dialog-confirm .head .close:hover { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.dialog-confirm .main { padding:0 20px 20px 20px; font-size:14px; }
.dialog-confirm .main .red { color:#F00; }
.dialog-confirm .foot { height:34px; text-align:center; border-top:1px solid #fff; padding:10px 0 20px; }
.dialog-confirm .foot a { display:inline-block; vertical-align:middle; height:34px; line-height:34px; padding:0 25px; background:#ddd; margin:0 10px; font-size:14px; border-radius:3px;}
.dialog-confirm .foot .ok { background:#d93636; color:#fff; }
.dialog-confirm .foot .ok:hover { background:#a40606; }
.dialog-confirm .foot .cancel { background:#bbb; color:#333; }
.dialog-confirm .foot .cancel:hover { background:#999; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px; background:url(../images/log-arrow.png) center center no-repeat; }

.dialog-layout { position:fixed; left:0; top:0; width:100%; height:100%; filter:Alpha(opacity=50); background:#000; background:rgba(0,0,0,.5); z-index:99; }

.dialog-album { position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; z-index:100; display:none; }
.dialog-album .layout { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9) !important; filter:Alpha(opacity=90); background:#000; z-index:-1; }
.dialog-album .container { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; overflow:hidden; }
.dialog-album .container ul { float:left; width:1000%; height:100%; position:relative; }
.dialog-album .container li { float:left; width:10%; height:100%; position:relative; }
.dialog-album .container .img { width:100%; height:100%;  }
.dialog-album .container .img img { max-height:100%; max-width:80%; width:800px; height:600px; }
.dialog-album .tool .close { position:absolute; width:65px; height:35px; top:0; right:0; background:url(../images/ico-album.png) 0 -105px no-repeat; z-index:10; overflow:hidden; text-indent:-99em; opacity:0.6 !important; filter:Alpha(opacity=60); }
.dialog-album .tool .close:hover { opacity:0.9 !important; filter:Alpha(opacity=90); }
.dialog-album .tool .right, .dialog-album .tool .left { position:absolute; width:30px; height:30px; top:50%; margin-top:-10px; z-index:10; text-indent:-99em; overflow:hidden; background:url(../images/ico-album.png) -35px 0 no-repeat; }
.dialog-album .tool .right { left:20px; background-position:-35px -35px; }
.dialog-album .tool .left { right:20px; }
.dialog-album .tool .right:hover { background-position:0 -35px; }
.dialog-album .tool .left:hover { background-position:0 0; }
.dialog-album .tool .play, .dialog-album .tool .plus { position:absolute; width:30px; height:30px; right:20px; bottom:20px; background:#CCC; z-index:10; overflow:hidden; background:url(../images/ico-album.png) 0 -70px no-repeat; overflow:hidden; text-indent:-99em; }
.dialog-album .tool .play { background-position:-35px -70px; }
.dialog-album .tip { position:absolute; width:50%; height:15px; left:25%; bottom:20px; z-index:10; text-align:center; }
.dialog-album .tip span { display:inline-block; width:12px; height:12px; border:1px solid #aaa; border-radius:13px; background:#FFF; margin:0 5px; vertical-align:middle; cursor:pointer; }
.dialog-album .tip span.cur { background:#666; }

/* 4:3 图文 */
.list-case { padding:0 20px;  margin-bottom:10px; }
.list-case .list { padding:10px 0 10px; }
.list-case .item { padding:15px 0 15px 180px; height:124px; border-top:1px dashed #ddd; position:relative; }
.list-case .item:first-child { border-top:0; }
.list-case .item .img { position:absolute; left:0; top:15px; width:166px; height:124px; background:#f1f1f1; }
.list-case .item .img img { display:block; width:166px; height:124px; }
.list-case .item .date { position:absolute; right:0; top:15px; color:#999; }
.list-case .item h3 { font-size:16px; line-height:20px; margin-bottom:8px; }
.list-case .item h3 a { }
.list-case .item h3 a:hover { text-decoration:underline; }
.list-case .item p { height:60px; line-height:20px; color:#666; overflow:hidden; margin-bottom:16px; }
.list-case .item .detail { height:20px; }
.list-case .item .detail a { line-height:20px; }

/* 产品详情页 */
.product-content {padding: 20px; }
.product-photo { float:left; width:440px; }
.product-photo .original { width:440px; height:330px; overflow:hidden; margin-bottom:10px; }
.product-photo .original img { display:block; width:100%; height:330px; }
.product-photo .prev, .product-photo .next { float:left; width:17px; height:69px; background:url(../images/photo-pn.png) 0 0 no-repeat; cursor:pointer; }
.product-photo .next { float:right; background-position:-19px 0; }
.product-photo .prev:hover { background-position:0 -70px; }
.product-photo .next:hover { background-position:-19px -70px; }
.product-photo .nodrop { cursor:no-drop; }
.product-photo .prev.nodrop:hover { background-position:0 0; }
.product-photo .next.nodrop:hover { background-position:-19px 0; }
.product-photo .thum { float:left; width:395px; height:69px; margin:0 0 0 5px; overflow:hidden; position:relative; }
.product-photo .thum dl { float:left; width:300%; height:69px; position:relative; }
.product-photo .thum dd { float:left; width:87px; height:65px; border:2px solid #fff; margin:0 10px 0 0; cursor:pointer; background:#f1f1f1; }
.product-photo .thum img { width:100%; height:65px; display:block; }

.relink { padding:0 10px; height:40px; line-height:40px; border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin:0 20px 20px 20px ; }
.relink p { float:right; width:50%; text-align:right; overflow:hidden; }
.relink p:first-child { float:left; text-align:left; }
.product-photo .thum dd.current { border-color:#0f77c2; }
.product-info { margin:0 0 0 460px; position:relative; height:346px; }
.product-info h1 { font-size:20px; line-height:1.2; margin-bottom:20px; }
.product-info .order { float:left; margin:3px 0; }
.product-info .order a { display:block; width:115px; height:30px; line-height:30px; color:#FFF; font-size:14px; background:#0f77c2; text-align:center; border-radius:5px; }
.product-info .order a:hover { background:#FC771C; }
.product-info .bdshare { float:right; +margin-right:10px; }
.product-info .bdshare .head { display:none; }
.product-info .des { float:left; padding:15px 0; width:100%; height:200px; line-height:24px; margin-bottom:40px; overflow:hidden; }
.product-info .tel { width:220px; height:55px;  
  padding:0; line-height:1.1; position:absolute; left:0; bottom:10px;margin: 0; }
.product-info .tel dt { font-size:16px; font-weight:700; }
.product-info .tel dd { font-size:27px; color:#0f77c2; font-weight:700; }
.article-container { border-top:1px dashed #ddd; margin:20px 0 0; }
.article-container .article { padding-bottom:10px; }
.article-container .article img{max-width:100%;}
.article-container .article table {width:100% !important;}
.article-container .article .title-icon {position:relative;padding-left:30px !important;line-height:25px !important;}
.article-container .article .title-icon::after {content:"";position:absolute;left:0;top:auto;width:25px;height:25px;background:url(../images/title-icon.jpg) no-repeat;background-size:contain;}
.article-container .article ul {padding-left:40px;}
.article-container .article li{ list-style:disc;float:none;}
.article-head { padding:20px 0 10px; }
.article-head h2 { width:240px; height:40px; line-height:40px;  font-size:16px; color:#0f77c2; }

/* 产品详情页 */
.original2 { width:100%; height:auto; overflow:hidden; margin-bottom:10px; }
.original2 img { display:block; max-width:100%; height:auto;margin: 0 auto; }
.product-info2 { position:relative; padding:10px 335px 10px 0; min-height:35px; }
.product-info2 h1 { font-size:20px; }
.product-info2 .telx { width:250px; height: 50px; line-height: 50px; padding:0 0 0 60px; position:absolute; right:0; top:10px; }
.product-info2 .telx dt a{background-color: #f48809; display:block;width:100px;height:30px;line-height:30px;text-align:center;font-size: 16px;color: #fff;border-radius: 5px;border: 1px solid #f48809;}
.product-info2 .telx dt a:hover{background-color: blue; color: #fff !important; border-color: blue;}
.product-info2 .telx dd { font-size:30px; color:#0f77c2; font-weight:700; }

.recommend-news {  margin:20px; }
.recommend-news .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-news .head h2 { font-size:18px; color:#0f77c2; border-left:5px solid #0f77c2; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-news .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-news .head .mo:hover { color:#0f77c2; }
.recommend-news .main { width:autp; overflow:hidden; padding:20px 20px 20px 0; }
.recommend-news .list { float:left; width:110%; }
.recommend-news .item { float:left; width:355px; height:30px; line-height:30px; margin-right:50px; position:relative; }
.recommend-news .item a { background:url(../images/ico-news.png) left center no-repeat; padding:0 0 0 12px; }
.recommend-news .item a:hover { text-decoration:underline; }
.recommend-news .item span { position:absolute; right:0; top:0; color:#999; }

.recommend-pro { margin-bottom:20px; padding: 0 20px;}
.recommend-pro .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-pro .head h2 { font-size:18px; color:#0f77c2; border-left:5px solid #0f77c2; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-pro .head .mo { position:absolute; right:10px; top:0; font-size:16px; color:#999; font-size:small; }
.recommend-pro .head .mo:hover { color:#0f77c2; }
.recommend-pro .main { width:100%; overflow:hidden; padding:20px 0 0; }
.recommend-pro .list { float:left; width:110%; }
.recommend-pro .item { float:left; width:auto; margin:0 20px 0 0; }
.recommend-pro .item .img { width:243px; height:182px; overflow:hidden; border:1px solid #ddd; background:#f1f1f1; }
.recommend-pro .item .img img { width:100%; height:182px; }
.recommend-pro .item h3 { line-height:40px; text-align:center; font-weight:400; }
.recommend-pro .item h3 a { }
.recommend-pro .item:hover { border-color:#c8a48e; }

.recommend-form { padding: 0 20px; }
.recommend-form .head { height:38px; line-height:38px; position:relative; border:1px solid #ddd; background:url(../images/header-bg.png) left -80px repeat-x #fff; }
.recommend-form .head h2 { font-size:18px; color:#0f77c2; border-left:5px solid #0f77c2; padding:0 0 0 20px; background:url(../images/ico-rec.png) left center no-repeat; }
.recommend-form .main { width:auto; overflow:hidden; padding:40px 20px 20px; }
.recommend-form .main > * { float:left; width:100%; clear:both; margin-bottom:15px; position:relative; }
.recommend-form .row-1 { width:350px; height:auto; padding:0 0 0 50px;*padding:0 0 0 5px; border:1px solid #ddd; }
.recommend-form .row-2 { width:710px; height:auto; padding:0 0 0 0; border:1px solid #ddd; }
.recommend-form .row-3 { width:800px; height:auto; }
.recommend-form .ico-name { background:url(../images/form-name2.png) 15px center no-repeat; }
.recommend-form .ico-phone { background:url(../images/form-phone2.png) 15px center no-repeat; }
.recommend-form .ico-email { background:url(../images/form-email2.png) 15px center no-repeat; }
.recommend-form .required .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.recommend-form .txt {text-indent: 2em; width:100%; *width: 310px;height:40px; line-height:40px; background:#fff; border:0; color:#999; }
.recommend-form .text { width:700px; border:0; background:#FFF; padding:5px 5px; line-height:20px; height:100px; color:#999; }
.recommend-form img.code { float:left; width:110px; height:42px; margin-left:10px; }
.recommend-form input.code { float:left; width:178px; height:40px; line-height:40px; border:1px solid #ddd; background:#FFF; padding:0 10px; color:#999; }
.recommend-form .submit, .recommend-form .reset { float:left; width:200px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.recommend-form .submit { background:#0f77c2; }
.recommend-form .reset { background:#292826; margin:0 0 0 10px; }
.recommend-form .submit:hover { background:#FC771C; }
.recommend-form .reset:hover { background:#000; }
.recommend-form .onfocus, .recommend-form .onfocus input.code { border-color:#aaa; }
.BMap_bubble_content{font-size: 12px;line-height:1.4;}

/* 地图 */
.map11{padding: 25px;}
.map11 li.item{ width:100%;  padding:10px 0px; text-align:left;  border-bottom:1px solid #c8c8c8;}
.map11 li.item a{line-height:30px; color:#0f77c2; font-size:16px;   font-weight:bold; margin-right:15px;}
.map11 .subMap11{  text-align:left; margin-left:50px;}
.map11 .subMap11 li.item2{ margin:15px 0px; line-height:24px;}
.map11 .subMap11 .san{  text-align:left; margin-left:50px;}
.map11 .subMap11 .san a{  font-size:16px; font-weight:normal;}
.mab img{ max-width: initial;}
.minBanner, .minBanner ul, .minBanner img,.minBanner li.item{height: 300px!important;}

.subnavs { height:30px; line-height:30px;padding-top: 5px;}
.subnavs a {padding: 0 10px;border-left: 1px dotted #828282; color: #bcbcbc;}
.subnavs a:hover{color: #fff;}
.subnavs a:first-child{margin-left: 0;}

#maximg img{ max-width:100% !important; height:auto !important}
.maximg img{ max-width:100% !important; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagebar .pagination.zlq-pagination{
    display: block;
    text-align: center;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.zlq-us-ul{
    width: 100%;
    overflow: hidden;
}
.zlq-us-ul li{
    float:left;
    width:33.33333%;
    text-align: center;
}
.zlq-us-ul li:first-of-type{
    text-align: left;
    line-height: 3em;
}
.zlq-us-ul .zlq-us-li-address{
    font-weight: 900;
}
.listnews ul li img{width:250px;height:150px;float: left;margin-top:5px}
.solution-listliclass {border:0px!important;width:calc(33.333% - 20px)!important;border-radius: 0 !important;}
.solution-listlip1class{overflow: hidden;z-index: 10;top: 186px;background-color: rgba(0, 0, 0, 0.5) !important;}
.solution-listlip2class{height: auto!important;top: 10px;background:#eee;}
.productlistliclass{height: 260px!important;}
.productlistlipclass{bottom: 40px !important;height: 24px;}
.productlistlip1class{bottom: 15px!important;left: 10px !important;width: 42% !important;height:25px!important}
.productlistlip2class{bottom: 15px!important;left: auto !important;right: 10px !important;width: 42% !important;height:25px!important}
.pudshow{border: 0px!important;padding: 9px!important;box-shadow: 0px 0px 72px 0px #e1dddd;}
.anliprev{left:0px!important}
.anlinext{right:0px!important}
.email_l{width: 40px;height: 30px;position: absolute;top: 15px;left: 12px;}
.i_email{background-color:#0f77c2;}
.zlq-about-us .zlq-about-us-title{
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.zlq-about-us .zlq-about-us-title span{
    color:#f48809;
}
.zlq-about-us .zlq-about-us-title div{
    position: absolute;
    color:rgba(0,0,0,.1);
    top: 10px;
    left: 40px;
}
.zlq-about-us-top{
    margin:40px 0 30px;
    display: flex;
}
.zlq-about-us-top .left{
    width:400px;
    height:250px;
}
.zlq-about-us-top .right{
    flex:1;
    padding-left:20px;
    font-size: 17px;
    line-height: 2.2rem;
}
.zlq-about-us-content{
    height:300px;
    background:#f6f6f6;
    margin-bottom:30px;   
    margin-left: calc((100vw - 1200px) / -2);
    width:100vw;
}
.zlq-about-us-content .swiper-button-next,.zlq-about-us-content .swiper-button-prev{
    color:#d5d5d5;
}
.zlq-about-us-content img{
    height:250px!important;
    margin-top:25px;
}
.swiper-padding{
    padding:0 50px!important;
    width:1100px;
}
.zlq-about-us-bottom{
    line-height: 2.2rem;
}
.zlq-about-us-bottom div{
    text-indent: 2em;
}
.abouttel{
    display: inline-block;
    transform: scale(1.5); 
    height:45px
}

.contact-brand-page{
    display:flex;
    flex-direction:column;
    gap:28px;
    margin-top:10px;
}
.contact-brand-section{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(201,173,128,.36);
    border-radius:38px;
    background:linear-gradient(145deg,rgba(255,255,255,.98) 0%,rgba(249,245,237,.95) 100%);
    box-shadow:0 24px 54px rgba(20,34,54,.06), inset 0 1px 0 rgba(255,255,255,.82);
}
.contact-brand-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 16% 18%, rgba(212,183,137,.18), transparent 28%),
        radial-gradient(circle at 84% 12%, rgba(208,224,243,.15), transparent 26%),
        linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(220,191,146,.08) 100%);
    pointer-events:none;
}
.contact-brand-hero{
    position:relative;
    margin-bottom:2px;
    padding:10px 0 30px;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}
.contact-brand-hero::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:14px;
    width:1px;
    background:linear-gradient(180deg, rgba(189, 160, 116, 0) 0%, rgba(189, 160, 116, .42) 18%, rgba(189, 160, 116, .82) 50%, rgba(189, 160, 116, .38) 82%, rgba(189, 160, 116, 0) 100%);
}
.contact-brand-hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .14) 18%, rgba(189, 160, 116, .34) 50%, rgba(97, 75, 46, .14) 82%, rgba(97, 75, 46, 0) 100%);
}
.contact-brand-head,
.contact-brand-priority,
.contact-brand-section__intro,
.contact-brand-office-grid,
.contact-brand-reach-shell{
    position:relative;
    z-index:1;
}
.contact-brand-head,
.contact-brand-path{
    position:relative;
    z-index:1;
}
.contact-brand-head{
    padding-left:30px;
}
.contact-brand-title-group{
    position:relative;
}
.contact-brand-title-group::before{
    content:"";
    position:absolute;
    left:-30px;
    top:18px;
    width:12px;
    height:12px;
    border-radius:2px;
    border:1px solid rgba(184, 156, 112, .76);
    background:linear-gradient(135deg, rgba(248, 241, 230, .96) 0%, rgba(235, 219, 193, .88) 100%);
    box-shadow:0 0 0 6px rgba(184, 156, 112, .06);
    transform:rotate(45deg);
}
.contact-brand-title{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:18px;
    line-height:1;
}
.contact-brand-title-cn{
    display:inline-block;
    color:#172f47;
    font-size:clamp(28px, 3.2vw, 40px);
    line-height:1.08;
    letter-spacing:-.03em;
}
.contact-brand-title-en,
.contact-brand-section__eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(193, 167, 126, .34);
    background:linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(245, 237, 224, .82) 100%);
    color:#7b6541;
    font-size:11px;
    font-weight:700;
    letter-spacing:.24em;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .86);
}
.contact-brand-title-group p,
.contact-brand-section__intro p,
.contact-brand-entry-card p,
.contact-brand-office-card p,
.contact-brand-side-card p,
.contact-brand-map-card__body p,
.contact-brand-code-card p{
    color:#6d8199;
    font-size:17px;
    line-height:1.9;
}
.contact-brand-title-group p{
    max-width:none;
    width:100%;
    margin-top:16px;
}
.contact-brand-path{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    max-width:100%;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(193, 167, 126, .26);
    background:linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(247, 242, 233, .72) 100%);
    color:#7d6a4f;
    font-size:13px;
    line-height:1.6;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .84);
}
.contact-brand-path{
    position:absolute;
    top:0;
    right:0;
    text-align:right;
    white-space:nowrap;
}
.contact-brand-priority{
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);
    gap:18px;
    padding-left:30px;
    margin-top:22px;
}
.contact-brand-priority-side{
    display:grid;
    gap:16px;
}
.contact-brand-mini-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.contact-brand-mini-card{
    min-height:132px;
    padding:20px 22px;
    border-radius:24px;
    border:1px solid rgba(199,173,130,.28);
    background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(246,241,232,.84) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.contact-brand-mini-card span{
    display:block;
    margin-bottom:12px;
    color:#9a8058;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
}
.contact-brand-mini-card strong{
    display:block;
    color:#15304e;
    font-size:21px;
    line-height:1.45;
}
.contact-brand-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:160px;
    min-height:56px;
    padding:0 26px;
    border-radius:999px;
    border:1px solid rgba(198,170,126,.44);
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,241,232,.92) 100%);
    color:#15304e;
    font-size:16px;
    font-weight:700;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.contact-brand-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(18,30,48,.08);
    color:#15304e;
}
.contact-brand-btn--primary{
    border-color:rgba(34,72,117,.12);
    background:linear-gradient(135deg,#173455 0%,#244e7a 58%,#d4b07a 100%);
    color:#fff;
    box-shadow:0 22px 38px rgba(24,44,68,.18);
}
.contact-brand-btn--primary:hover{
    color:#fff;
}
.contact-brand-hero__side{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.contact-brand-hotline-card,
.contact-brand-branch-summary{
    position:relative;
    overflow:hidden;
    border-radius:30px;
}
.contact-brand-hotline-card{
    padding:28px 28px 30px;
    border:1px solid rgba(27,55,88,.12);
    background:linear-gradient(145deg,rgba(20,41,66,.98) 0%,rgba(31,61,95,.96) 58%,rgba(203,169,118,.9) 100%);
    box-shadow:0 24px 40px rgba(16,28,44,.16);
}
.contact-brand-hotline-card::before,
.contact-brand-branch-summary::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 82% 14%, rgba(255,255,255,.12), transparent 24%),
        radial-gradient(circle at 16% 70%, rgba(255,255,255,.08), transparent 30%);
    pointer-events:none;
}
.contact-brand-hotline-card span,
.contact-brand-branch-summary span{
    position:relative;
    z-index:1;
    display:block;
    margin-bottom:10px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.contact-brand-hotline-card span{
    color:rgba(255,255,255,.72);
}
.contact-brand-hotline-card strong,
.contact-brand-branch-summary strong{
    position:relative;
    z-index:1;
    display:block;
}
.contact-brand-hotline-card strong{
    margin-bottom:12px;
    color:#fff;
    font-size:60px;
    line-height:1.02;
    letter-spacing:-.04em;
}
.contact-brand-hotline-card p,
.contact-brand-branch-summary p{
    position:relative;
    z-index:1;
}
.contact-brand-hotline-card p{
    max-width:420px;
    margin-bottom:18px;
    color:rgba(241,245,250,.84);
    font-size:16px;
    line-height:1.72;
}
.contact-brand-hotline-card__action{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:150px;
    min-height:54px;
    padding:0 24px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(245,234,216,.94) 100%);
    color:#15304e;
    font-size:16px;
    font-weight:700;
    box-shadow:0 14px 28px rgba(13,22,36,.12);
}
.contact-brand-branch-summary{
    padding:24px 26px;
    border:1px solid rgba(199,173,130,.28);
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,241,232,.86) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.contact-brand-branch-summary span{
    color:#9b7c4e;
}
.contact-brand-branch-summary strong{
    margin-bottom:12px;
    color:#15304e;
    font-size:34px;
    line-height:1.2;
}
.contact-brand-side-card,
.contact-brand-entry-card,
.contact-brand-office-card,
.contact-brand-map-card,
.contact-brand-code-card{
    border:1px solid rgba(199,173,130,.28);
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,241,232,.86) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.contact-brand-side-card{
    padding:24px 26px;
    border-radius:30px;
}
.contact-brand-side-card span,
.contact-brand-map-card__body span,
.contact-brand-service-card span{
    display:block;
    margin-bottom:10px;
    color:#9b7c4e;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.contact-brand-side-card strong{
    display:block;
    margin-bottom:10px;
    color:#15304e;
    font-size:30px;
    line-height:1.28;
}
.contact-brand-side-card--accent{
    border-color:rgba(27,55,88,.12);
    background:linear-gradient(145deg,rgba(20,41,66,.98) 0%,rgba(31,61,95,.96) 58%,rgba(203,169,118,.9) 100%);
    box-shadow:0 20px 38px rgba(16,28,44,.14);
}
.contact-brand-side-card--accent span{
    color:rgba(255,255,255,.72);
}
.contact-brand-side-card--accent strong,
.contact-brand-side-card--accent p{
    color:#fff;
}
.contact-brand-entry-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.contact-brand-entry-card{
    min-height:180px;
    padding:22px 18px 20px;
    border-radius:26px;
}
.contact-brand-entry-card span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    margin-bottom:42px;
    border-radius:16px;
    background:linear-gradient(180deg,rgba(244,240,233,.96) 0%,rgba(235,227,214,.92) 100%);
    color:#173455;
    font-size:18px;
    font-weight:700;
}
.contact-brand-entry-card h3{
    margin-bottom:10px;
    color:#15304e;
    font-size:26px;
    line-height:1.18;
}
.contact-brand-section{
    padding:32px 34px 34px;
}
.contact-brand-section__intro{
    max-width:760px;
    margin-bottom:24px;
}
.contact-brand-section__intro--nowrap{
    max-width:none;
}
.contact-brand-section__intro h2{
    margin:18px 0 12px;
    color:#15304e;
    font-size:40px;
    line-height:1.18;
    letter-spacing:-.025em;
}
.contact-brand-section__intro--nowrap h2{
    white-space:nowrap;
    font-size:clamp(30px, 2.55vw, 36px);
}
.contact-brand-office-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}
.contact-brand-office-card{
    min-height:232px;
    padding:24px 22px;
    border-radius:28px;
    box-shadow:0 16px 28px rgba(20,34,54,.04), inset 0 1px 0 rgba(255,255,255,.82);
}
.contact-brand-office-card span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    margin-bottom:18px;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(244,240,233,.96) 0%,rgba(235,227,214,.92) 100%);
    color:#9a8058;
    font-size:13px;
    font-weight:700;
}
.contact-brand-office-card strong{
    display:block;
    margin-bottom:12px;
    color:#15304e;
    font-size:32px;
    line-height:1.2;
}
.contact-brand-reach-shell{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
    gap:18px;
}
.contact-brand-map-card{
    padding:18px;
    border-radius:30px;
}
.contact-brand-map-card__media{
    height:320px;
    border-radius:22px;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(246,241,232,.9) 100%);
}
.contact-brand-map-card__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.contact-brand-map-card__body{
    padding:18px 10px 6px;
}
.contact-brand-map-card__body strong{
    display:block;
    margin-bottom:10px;
    color:#15304e;
    font-size:28px;
    line-height:1.35;
}
.contact-brand-reach-side{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}
.contact-brand-code-card{
    padding:18px;
    border-radius:28px;
    text-align:center;
}
.contact-brand-code-card__media{
    display:flex;
    align-items:center;
    justify-content:center;
    height:210px;
    margin-bottom:16px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(246,241,232,.88) 100%);
}
.contact-brand-code-card__media img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
}
.contact-brand-code-card strong{
    display:block;
    margin-bottom:8px;
    color:#15304e;
    font-size:22px;
    line-height:1.3;
}
.contact-brand-service-card{
    grid-column:1 / -1;
    padding:24px 24px 26px;
    border-radius:30px;
    border:1px solid rgba(27,55,88,.12);
    background:linear-gradient(145deg,rgba(20,41,66,.98) 0%,rgba(31,61,95,.96) 58%,rgba(203,169,118,.9) 100%);
    box-shadow:0 20px 38px rgba(16,28,44,.14);
}
.contact-brand-service-card span{
    color:rgba(255,255,255,.72);
}
.contact-brand-service-card strong{
    display:block;
    margin-bottom:16px;
    color:#fff;
    font-size:28px;
    line-height:1.34;
}
.contact-brand-service-card ul{
    display:grid;
    gap:12px;
}
.contact-brand-service-card li{
    position:relative;
    padding-left:18px;
    color:rgba(255,255,255,.84);
    font-size:16px;
    line-height:1.65;
}
.contact-brand-service-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(244,225,195,.88);
}

@media (max-width: 1260px){
    .contact-brand-priority,
    .contact-brand-reach-shell{
        grid-template-columns:1fr;
    }
    .contact-brand-path{
        position:static;
        display:inline-flex;
        margin-left:30px;
        margin-top:2px;
        white-space:normal;
        text-align:left;
    }
    .contact-brand-office-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 900px){
    .contact-brand-section{
        padding:28px 24px;
        border-radius:30px;
    }
    .contact-brand-hero{
        padding:8px 0 24px;
    }
    .contact-brand-head{
        padding-left:24px;
    }
    .contact-brand-title-group::before{
        left:-24px;
        top:16px;
        width:11px;
        height:11px;
    }
    .contact-brand-path{
        margin-left:24px;
    }
    .contact-brand-priority{
        padding-left:24px;
    }
    .contact-brand-mini-grid,
    .contact-brand-office-grid,
    .contact-brand-reach-side{
        grid-template-columns:1fr;
    }
    .contact-brand-section__intro--nowrap h2{
        white-space:normal;
    }
}

@media (max-width: 680px){
    .contact-brand-page{
        gap:20px;
    }
    .contact-brand-hero{
        padding:6px 0 20px;
    }
    .contact-brand-head{
        padding-left:20px;
    }
    .contact-brand-title-group::before{
        left:-20px;
        top:15px;
        width:10px;
        height:10px;
        box-shadow:0 0 0 5px rgba(184, 156, 112, .06);
    }
    .contact-brand-path{
        margin-left:20px;
    }
    .contact-brand-section__intro h2{
        font-size:30px;
    }
    .contact-brand-title{
        margin-top:14px;
        gap:10px;
    }
    .contact-brand-title-cn{
        font-size:clamp(22px, 8vw, 30px);
        line-height:1.12;
    }
    .contact-brand-title-en{
        height:30px;
        padding:0 12px;
        font-size:10px;
        letter-spacing:.14em;
    }
    .contact-brand-side-card strong,
    .contact-brand-map-card__body strong,
    .contact-brand-service-card strong{
        font-size:24px;
    }
    .contact-brand-mini-card strong{
        font-size:18px;
    }
    .contact-brand-hotline-card strong,
    .contact-brand-branch-summary strong{
        font-size:28px;
    }
    .contact-brand-office-card strong,
    .contact-brand-code-card strong{
        font-size:24px;
    }
}

.about-brand-page{
    display:flex;
    flex-direction:column;
    gap:28px;
    margin-top:10px;
}
.about-brand-section{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(201,173,128,.36);
    border-radius:38px;
    background:linear-gradient(145deg,rgba(255,255,255,.98) 0%,rgba(249,245,237,.95) 100%);
    box-shadow:0 24px 54px rgba(20,34,54,.06), inset 0 1px 0 rgba(255,255,255,.82);
}
.about-brand-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 16% 18%, rgba(212,183,137,.18), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(208,224,243,.15), transparent 26%),
        linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(220,191,146,.08) 100%);
    pointer-events:none;
}
.about-brand-hero{
    position:relative;
    margin-bottom:2px;
    padding:10px 0 30px;
    border:none;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}
.about-brand-hero::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    bottom:14px;
    width:1px;
    background:linear-gradient(180deg, rgba(189, 160, 116, 0) 0%, rgba(189, 160, 116, .42) 18%, rgba(189, 160, 116, .82) 50%, rgba(189, 160, 116, .38) 82%, rgba(189, 160, 116, 0) 100%);
}
.about-brand-hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .14) 18%, rgba(189, 160, 116, .34) 50%, rgba(97, 75, 46, .14) 82%, rgba(97, 75, 46, 0) 100%);
}
.about-brand-head,
.about-brand-overview,
.about-brand-section__intro,
.about-brand-capability-grid,
.about-brand-partner-grid,
.about-brand-cert-shell,
.about-brand-story-grid{
    position:relative;
    z-index:1;
}
.about-brand-head,
.about-brand-path{
    position:relative;
    z-index:1;
}
.about-brand-head{
    padding-left:30px;
}
.about-brand-title-group{
    position:relative;
}
.about-brand-title-group::before{
    content:"";
    position:absolute;
    left:-30px;
    top:18px;
    width:12px;
    height:12px;
    border-radius:2px;
    border:1px solid rgba(184, 156, 112, .76);
    background:linear-gradient(135deg, rgba(248, 241, 230, .96) 0%, rgba(235, 219, 193, .88) 100%);
    box-shadow:0 0 0 6px rgba(184, 156, 112, .06);
    transform:rotate(45deg);
}
.about-brand-title{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:18px;
    line-height:1;
}
.about-brand-title-cn{
    display:inline-block;
    color:#172f47;
    font-size:clamp(28px, 3.2vw, 40px);
    line-height:1.08;
    letter-spacing:-.03em;
}
.about-brand-title-en,
.about-brand-section__eyebrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(193, 167, 126, .34);
    background:linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(245, 237, 224, .82) 100%);
    color:#7b6541;
    font-size:11px;
    font-weight:700;
    letter-spacing:.24em;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .86);
}
.about-brand-title-group p,
.about-brand-section__intro p,
.about-brand-capability-card p,
.about-brand-partner-card p,
.about-brand-story-card p,
.about-brand-note-card p{
    color:#6d8199;
    font-size:17px;
    line-height:1.9;
}
.about-brand-title-group p{
    max-width:none;
    width:100%;
    margin-top:16px;
}
.about-brand-path{
    position:absolute;
    top:0;
    right:0;
    display:inline-flex;
    align-items:center;
    min-height:38px;
    max-width:100%;
    padding:0 16px;
    border:1px solid rgba(193, 167, 126, .26);
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(247, 242, 233, .72) 100%);
    color:#7d6a4f;
    font-size:13px;
    line-height:1.6;
    text-align:right;
    white-space:nowrap;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .84);
}
.about-brand-overview{
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr);
    gap:18px;
    padding-left:30px;
    margin-top:22px;
}
.about-brand-overview__main{
    display:flex;
    flex-direction:column;
}
.about-brand-overview__side{
    display:flex;
    flex-direction:column;
    gap:16px;
}
.about-brand-tags{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin:0 0 16px;
}
.about-brand-tags li{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(193, 167, 126, .26);
    background:linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(247, 242, 233, .72) 100%);
    color:#7d6a4f;
    font-size:13px;
    line-height:1.6;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .84);
}
.about-brand-facts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.about-brand-facts li{
    min-height:132px;
    padding:20px 22px;
    border-radius:24px;
    border:1px solid rgba(199,173,130,.28);
    background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(246,241,232,.84) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.about-brand-facts span{
    display:block;
    margin-bottom:12px;
    color:#9a8058;
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
}
.about-brand-facts strong{
    display:block;
    color:#15304e;
    font-size:21px;
    line-height:1.45;
}
.about-brand-video-card,
.about-brand-note-card,
.about-brand-capability-card,
.about-brand-partner-card,
.about-brand-story-card,
.about-cert-card{
    border:1px solid rgba(199,173,130,.28);
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(247,241,232,.86) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.about-brand-video-card{
    padding:18px;
    border-radius:30px;
}
.about-brand-video-card video{
    display:block;
    width:100%;
    aspect-ratio:4 / 3;
    border-radius:22px;
    background:#102437;
    object-fit:cover;
}
.about-brand-note-card{
    padding:24px 26px;
    border-radius:28px;
}
.about-brand-note-card--inline{
    margin-top:22px;
}
.about-brand-note-card span{
    display:block;
    margin-bottom:10px;
    color:#9b7c4e;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.about-brand-note-card strong{
    display:block;
    margin-bottom:10px;
    color:#15304e;
    font-size:26px;
    line-height:1.3;
}
.about-brand-section{
    padding:32px 34px 34px;
}
.about-brand-section__intro{
    max-width:760px;
    margin-bottom:24px;
}
.about-brand-section__intro h2{
    margin:18px 0 12px;
    color:#15304e;
    font-size:40px;
    line-height:1.18;
    letter-spacing:-.025em;
}
.about-brand-capability-grid,
.about-brand-story-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}
.about-brand-coverage-shell{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
    gap:18px;
}
.about-brand-partner-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.about-brand-capability-card,
.about-brand-partner-card,
.about-brand-story-card{
    min-height:250px;
    padding:26px 24px 24px;
    border-radius:30px;
}
.about-brand-capability-card span,
.about-brand-story-card span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    margin-bottom:54px;
    border-radius:18px;
    background:linear-gradient(180deg,rgba(244,240,233,.96) 0%,rgba(235,227,214,.92) 100%);
    color:#173455;
    font-size:22px;
    font-weight:700;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.84);
}
.about-brand-capability-card h3,
.about-brand-story-card h3{
    margin-bottom:14px;
    color:#15304e;
    font-size:34px;
    line-height:1.16;
}
.about-brand-partner-card{
    min-height:220px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
.about-brand-partner-card strong{
    display:block;
    margin-bottom:14px;
    color:#15304e;
    font-size:26px;
    line-height:1.25;
}
.about-brand-coverage-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.about-brand-coverage-chip{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:92px;
    padding:18px 16px;
    border-radius:24px;
    border:1px solid rgba(199,173,130,.28);
    background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(247,241,232,.84) 100%);
    color:#15304e;
    font-size:22px;
    font-weight:700;
    text-align:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.about-brand-coverage-panel{
    min-height:198px;
    padding:26px 24px;
    border-radius:30px;
    border:1px solid rgba(27,55,88,.12);
    background:linear-gradient(145deg,rgba(20,41,66,.98) 0%,rgba(31,61,95,.96) 56%,rgba(203,169,118,.9) 100%);
    box-shadow:0 20px 38px rgba(16,28,44,.14);
}
.about-brand-coverage-panel span{
    display:block;
    margin-bottom:14px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}
.about-brand-coverage-panel strong{
    display:block;
    margin-bottom:18px;
    color:#fff;
    font-size:28px;
    line-height:1.34;
}
.about-brand-coverage-panel ul{
    display:grid;
    gap:12px;
}
.about-brand-coverage-panel li{
    position:relative;
    padding-left:18px;
    color:rgba(255,255,255,.84);
    font-size:16px;
    line-height:1.6;
}
.about-brand-coverage-panel li::before{
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:rgba(244,225,195,.88);
}
.about-brand-cta{
    position:relative;
    overflow:hidden;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:28px;
    align-items:center;
    padding:32px 34px;
    border-radius:36px;
    background:linear-gradient(135deg,#173455 0%,#22466f 56%,#d0ab72 100%);
    box-shadow:0 24px 48px rgba(20,34,54,.14);
}
.about-brand-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 16% 50%, rgba(255,255,255,.12), transparent 30%),
        radial-gradient(circle at 82% 18%, rgba(255,255,255,.1), transparent 22%);
    pointer-events:none;
}
.about-brand-cta__content,
.about-brand-cta__actions{
    position:relative;
    z-index:1;
}
.about-brand-cta__content .about-brand-section__eyebrow{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.12);
    color:rgba(255,255,255,.82);
}
.about-brand-cta h2{
    margin:18px 0 12px;
    color:#fff;
    font-size:40px;
    line-height:1.18;
    letter-spacing:-.025em;
}
.about-brand-cta p{
    max-width:760px;
    color:rgba(241,245,250,.82);
    font-size:17px;
    line-height:1.85;
}
.about-brand-cta__actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    justify-content:flex-end;
}
.about-brand-cta .about-brand-btn{
    background:rgba(255,255,255,.92);
    border-color:rgba(255,255,255,.16);
}
.about-brand-cta .about-brand-btn--primary{
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(245,234,216,.94) 100%);
    color:#15304e;
    box-shadow:none;
}
.about-brand-cta .about-brand-btn--primary:hover{
    color:#15304e;
}
.about-brand-cert-shell{
    position:relative;
    padding:0 78px;
}
.about-cert-swiper{
    overflow:hidden;
}
.about-cert-card{
    height:auto;
    padding:18px;
    border-radius:28px;
}
.about-cert-card__media{
    display:flex;
    align-items:center;
    justify-content:center;
    height:280px;
    padding:22px;
    border-radius:22px;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(246,241,232,.9) 100%);
}
.about-cert-card__media img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
}
.about-cert-card h3{
    margin:18px 8px 4px;
    color:#15304e;
    font-size:21px;
    line-height:1.45;
}
.about-cert-nav{
    position:absolute;
    inset:0;
    pointer-events:none;
}
.about-cert-prev,
.about-cert-next{
    position:absolute;
    top:calc(50% - 27px);
    width:54px;
    height:54px;
    border:none;
    border-radius:50%;
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(244,236,222,.92) 100%);
    box-shadow:0 14px 28px rgba(20,34,54,.08);
    color:#15304e;
    font-size:32px;
    line-height:1;
    pointer-events:auto;
    cursor:pointer;
    transition:transform .22s ease, box-shadow .22s ease;
}
.about-cert-prev{
    left:0;
}
.about-cert-next{
    right:0;
}
.about-cert-prev:hover,
.about-cert-next:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(20,34,54,.12);
}

@media (max-width: 1260px){
    .about-brand-overview{
        grid-template-columns:1fr;
    }
    .about-brand-path{
        position:static;
        display:inline-flex;
        margin-left:30px;
        margin-top:2px;
        white-space:normal;
        text-align:left;
    }
    .about-brand-coverage-shell{
        grid-template-columns:1fr;
    }
    .about-brand-partner-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 900px){
    .about-brand-section{
        padding:28px 24px;
        border-radius:30px;
    }
    .about-brand-hero{
        padding:8px 0 24px;
    }
    .about-brand-head{
        padding-left:24px;
    }
    .about-brand-title-group::before{
        left:-24px;
        top:16px;
        width:11px;
        height:11px;
    }
    .about-brand-path{
        margin-left:24px;
    }
    .about-brand-overview{
        padding-left:24px;
    }
    .about-brand-facts,
    .about-brand-capability-grid,
    .about-brand-story-grid,
    .about-brand-partner-grid,
    .about-brand-coverage-grid{
        grid-template-columns:1fr;
    }
    .about-brand-cta{
        grid-template-columns:1fr;
    }
    .about-brand-cta__actions{
        justify-content:flex-start;
    }
    .about-brand-cert-shell{
        padding-right:0;
        padding-left:0;
    }
    .about-cert-nav{
        position:static;
        inset:auto;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
        margin-top:18px;
        pointer-events:auto;
    }
    .about-cert-prev,
    .about-cert-next{
        position:static;
        top:auto;
    }
}

@media (max-width: 680px){
    .about-brand-page{
        gap:20px;
    }
    .about-brand-hero{
        padding:6px 0 20px;
    }
    .about-brand-head{
        padding-left:20px;
    }
    .about-brand-title-group::before{
        left:-20px;
        top:15px;
        width:10px;
        height:10px;
        box-shadow:0 0 0 5px rgba(184, 156, 112, .06);
    }
    .about-brand-path{
        margin-left:20px;
    }
    .about-brand-overview{
        padding-left:20px;
    }
    .about-brand-section__intro h2{
        font-size:30px;
    }
    .about-brand-cta h2{
        font-size:30px;
    }
    .about-brand-title{
        margin-top:14px;
        gap:10px;
    }
    .about-brand-title-cn{
        font-size:clamp(22px, 8vw, 30px);
        line-height:1.12;
    }
    .about-brand-title-en{
        height:30px;
        padding:0 12px;
        font-size:10px;
        letter-spacing:.14em;
    }
    .about-brand-facts strong{
        font-size:18px;
    }
    .about-brand-capability-card h3,
    .about-brand-story-card h3,
    .about-brand-partner-card strong{
        font-size:26px;
    }
}

/* ===== 导航与左侧菜单精修 v16 ===== */
.nav-list--pro > li {position:relative;}
.nav-list--pro > li > a {padding:0 16px;font-size:14px;letter-spacing:.01em;}
.nav-list--pro > li > a::after {left:16px;right:16px;bottom:13px;height:1px;background:linear-gradient(90deg,rgba(161,131,86,0) 0%,rgba(161,131,86,.82) 50%,rgba(161,131,86,0) 100%);}
.nav-list--pro > li > a:hover,
.nav-list--pro > li > a.hover,
.nav-list--pro > li.is-open > a,
.nav-list--pro > li > a.navhover {color:#18293b;background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(249,246,240,.94) 100%);}

.nav .subNav {display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,14px,0) scale(.985);transform-origin:50% 0;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;}
.nav .subNavSimple {display:block;}
.nav .subNavMega {display:flex;}
.nav-list--pro > li.is-open > .subNav {opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition-delay:0s;}
.nav .subNavSimple a {padding:0 18px;line-height:36px;}

.submian .subleft,
.sidebar {width:262px;}
.topclass {display:flex;flex-direction:column;justify-content:center;min-height:118px;height:auto;padding:22px 24px 20px;border-radius:26px;background:linear-gradient(145deg,#14263c 0%,#213a58 62%,#b69664 100%);box-shadow:0 18px 40px rgba(17,30,49,.16);}
.topclass h2 {font-size:24px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:.02em;}
.topclass span {margin-top:10px;font-size:11px;line-height:1.4;color:rgba(255,255,255,.72);letter-spacing:.24em;text-transform:uppercase;}

.side-menu {margin-top:16px;padding:14px 0 12px;border:none;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(249,247,243,.96) 100%);box-shadow:0 18px 42px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.82);}
.side-menu > dd {position:relative;padding:0 10px;}
.side-menu > dd:not(:last-child) {margin-top:0;border-bottom:none;}
.side-menu > dd > a {position:relative;display:flex;align-items:center;gap:12px;min-height:52px;height:auto;line-height:1.32;padding:0 14px 0 18px;border:none;color:#34414f;background:transparent;border-radius:16px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;}
.side-menu > dd > a::after {display:none;}
.side-menu > dd > a::before {content:"";position:absolute;left:12px;top:12px;bottom:12px;width:1px;border-radius:999px;background:linear-gradient(180deg,rgba(190,156,102,0) 0%,rgba(190,156,102,.58) 26%,rgba(131,104,67,.88) 50%,rgba(190,156,102,.58) 74%,rgba(190,156,102,0) 100%);opacity:0;transform:scaleY(.72);transform-origin:center;transition:opacity .18s ease,transform .18s ease;}
.side-menu > dd > a:hover,
.side-menu > dd.current > a {color:#182430;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(250,245,237,.96) 100%);box-shadow:0 10px 24px rgba(17,24,39,.05);}
.side-menu > dd > a:hover::before,
.side-menu > dd.current > a::before {opacity:1;transform:scaleY(1);}
.side-menu > dd.current.has-child {border-color:transparent;}

.side-menu-mark,
.side-submenu-mark {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;}
.side-menu-mark {width:12px;height:12px;}
.side-menu-mark::before {content:"";display:block;width:8px;height:8px;border-radius:2px;border:1px solid rgba(164,132,84,.82);background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(240,230,214,.94) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),0 0 0 4px rgba(164,132,84,.06);transform:rotate(45deg);}
.side-menu-label {display:block;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.side-menu2 {padding:6px 0 4px 40px;background:transparent;}
.side-menu2 dd {margin:4px 0;}
.side-menu2 dd > a {display:flex;align-items:center;gap:10px;min-height:38px;height:auto;line-height:1.35;font-size:13px;padding:0 12px;border-radius:12px;color:#66717d;transition:background-color .18s ease,color .18s ease,transform .18s ease;}
.side-menu2 dd > a:hover,
.side-menu2 dd.current > a {color:#1f2b37;background:rgba(190,156,102,.08);}
.side-submenu-mark {width:10px;height:10px;}
.side-submenu-mark::before {content:"";display:block;width:6px;height:6px;border-radius:50%;border:1px solid rgba(164,132,84,.72);background:radial-gradient(circle at 50% 50%,rgba(190,156,102,.92) 0 1.2px,transparent 1.3px),linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(240,230,214,.92) 100%);box-shadow:0 0 0 3px rgba(164,132,84,.05);}
.side-submenu-label {display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* v22: duplicate v17 blocks removed here; keep consolidated home styles near v17 eof/v18+ section below */
.pr-inf2{
    text-align: center;
    padding: 10px 10px 10px 0;
}
.address{
    font-weight: normal;
    display:inline-block
}
.aboutlist-div{
    /* text-align:center; */
    margin:30px auto;
}
.nav-img{width: 152px!important;height: 114px!important;}
.jiejue{position: relative;height:420px!important}
.anliimg{height: 150px!important;}
.subNavhead{width:630px;background: #ffffff !important;}
.subNavA{display: inline-block!important;}
.zlq-server {
    
}
.zlq-server-title{
    display: flex;
    padding-left: 60px;
}
.zlq-server-title h2 {
    font-weight: 600;
    position: relative;
    padding-right: 20px;
}
.zlq-server-title h2::after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 2px;
    height: 22px;
    background-color: #000;
}
.zlq-server-title h3{
    padding-left: 20px;
    font-size: 24px;
}

.zlq-server-title span{
    display: inline-block;
    width:40px;
    height:4px;
    background: #0f76c1;
    
}
.zlq-server-item{
    display: flex;
    /* width:1000px; */
    margin:30px auto;
    align-items: center;
}
.zlq-server-item li{
    flex:1;
    text-align: center;
}
.zlq-server-item li img{
    width:80px;
}
.zlq-server-item li div{
    font-size: 14px;
    /* font-weight: 100; */
}
.zlq-server-bg{
    background:url(../images/service-bg.png) no-repeat center center/cover;
    width:100vw;
    margin-left: calc((100vw - 1200px) / -2);
    height:200px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.zlq-server-bg p {
    padding-top: 10px;
    line-height: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}
.zlq-server-bg .zlq-server-item{
    height:300px;
    position: relative;
}
.zlq-server-bg .zlq-server-item li::after {
  content: '';
  display: block;
  width: 1px; /* 线条宽度 */
  height: 80px; /* 线条高度，可以根据需要调整 */
  background: #fff; /* 线条颜色 */
  position: absolute;
  top: 100px;
}
.zlq-server-bg .zlq-server-item li:first-of-type::after{
    display: none;
}
.zlq-server-bg .zlq-server-item li div{
    color:#fff;
}
.zlq-server-bg .zlq-server-item li img{
    width:50px;
}
.zlq-server-conter{
    padding:50px 60px;
    line-height: 30px;
}
.zlq-server-conter h3{
    font-weight: bold;
    margin-bottom:20px;
}
.zlq-server-bg2{
    /* background:url(../images/serve-bg2.jpg) no-repeat center center/100% 100%; */
    width:100vw;
    margin-left: calc((100vw - 1200px) / -2);
    /* height:540px; */
    padding:40px 30px 20px;
    background: #ededed;
}
.zlq-server-bg2 .zlq-server-item li{
    width:220px;
    /* height:380px; */
    /* background: #fff; */
    padding:30px;
    box-sizing: border-box;
}
.zlq-server-bg2 .zlq-server-item li:nth-of-type(2){
    margin:0 40px;
}
.zlq-server-bg2 .zlq-server-item li .zlq-server-item-img {
    width:60px;
    height:60px;
    border:1px solid #dcdcdc;
    border-radius: 50%;
    background:#fff;
    margin:0 auto 10px;
}
.zlq-server-bg2 .zlq-server-item li .zlq-server-item-img img{
    width:30px;
    margin-top:15px;
}
.zlq-server-bg2 .zlq-server-item li h4{
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    padding: 10px 0;
}
/* .zlq-server-bg2 .zlq-server-item li div:last-of-type{
    text-align: left;
} */
.zlq-server-bg2 .zlq-server-item li div {
    text-align: left;
    text-align: justify;
}
.zlq-server-btn{
    border:1px solid #000;
    display: block;
    width: 60%;
    padding:3px 10px;
    font-size: 14px;
    margin-top:15px;
}
/* .zlq-server-bg2 .zlq-server-item li:hover{
    color:#fff;
    background:#0f76c1;
} */
.zlq-server-bg2 .zlq-server-item li .zlq-server-btn:hover{
    background: linear-gradient(to top, #0f76c1 0%, #00c0fa 100%);
    color: #fff;
    border-color: #00c0fa;
}
.zlq-server-bottom{
    margin:50px auto;
}
.zlq-server-item2{
    margin-top:40px;
    padding: 0 60px;
}
.zlq-server-item2 li{
    width:50%;
    margin:0 auto 20px;
}
.zlq-server-item2 li div{
    width:430px;
    border:1px solid #dcdcdc;
    height:35px;
    margin:0 auto;
    line-height: 35px;
    background:url(../images/down-bg.png) no-repeat left top;
    padding-left: 46px;
    box-sizing: border-box;
    position: relative;
}
.zlq-server-item2 li div a{
    background:url(../images/down-bg2.png) no-repeat top right/16px 16px;
    display: inline-block;    
    position: absolute;
    right: 10px;
    top: 7px;
    width:20px;
    height:20px;
}
.zlq-aplay-fro-div{
    width:100vw;
    margin-left: calc((100vw - 1200px) / -2);
    margin-top:-10px;
    margin-bottom:-65px;
    padding-top:213px;
    height:900px;
    background: url(../images/from-bg1.png) no-repeat center center/100% 100%;
}

/* ===== 技术服务模板统一美化 desktop v1 ===== */
.aboutlist--service .sobtitle{
    display:none !important;
}
.service-page{
    position:relative;
    padding:12px 0 84px;
}
.service-page::before{
    content:"";
    position:absolute;
    top:-10px;
    left:-80px;
    right:-80px;
    height:420px;
    border-radius:44px;
    background:
        radial-gradient(circle at 15% 12%, rgba(224,197,155,.15), transparent 30%),
        radial-gradient(circle at 78% 0%, rgba(24,46,78,.08), transparent 34%);
    pointer-events:none;
    z-index:0;
}
.service-page ul,
.service-page ol{
    margin:0;
    padding:0;
    list-style:none;
}
.service-page-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0, 1.38fr) minmax(320px, .82fr);
    gap:24px;
    align-items:stretch;
    padding-bottom:28px;
}
.service-page-hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .14) 18%, rgba(189, 160, 116, .34) 50%, rgba(97, 75, 46, .14) 82%, rgba(97, 75, 46, 0) 100%);
}
.service-page-hero__main,
.service-page-hero__side,
.service-process-shell,
.service-resource-help{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(203, 188, 163, .58);
    border-radius:32px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(247,242,234,.92) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        0 18px 36px rgba(86,69,44,.05);
}
.service-page-hero__main,
.service-page-hero__side{
    padding:34px 36px;
}
.service-page-hero__main{
    overflow:visible;
    padding:0 0 0 30px;
    border:none;
    border-radius:0;
    background:none;
    box-shadow:none;
}
.service-page-hero__main::before{
    display:none;
}
.service-page-hero__main::before,
.service-page-hero__side::before,
.service-process-shell::before,
.service-resource-help::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at top right, rgba(218,188,143,.16), transparent 42%),
        radial-gradient(circle at bottom left, rgba(24,46,78,.06), transparent 40%);
}
.service-page-eyebrow{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(183,155,115,.38);
    background:linear-gradient(135deg, rgba(249,242,230,.98) 0%, rgba(239,225,199,.88) 100%);
    color:#7d613c;
    font-size:11px;
    font-weight:700;
    letter-spacing:.2em;
}
.service-page-eyebrow--sub{
    min-height:30px;
    padding:0 13px;
    font-size:10px;
}
.service-page-head,
.service-page-overview{
    position:relative;
    z-index:1;
}
.service-page-head{
    position:relative;
    padding-right:250px;
}
.service-page-title-group{
    position:relative;
}
.service-page-title-group::before{
    content:"";
    position:absolute;
    left:-30px;
    top:18px;
    width:12px;
    height:12px;
    border-radius:2px;
    border:1px solid rgba(184, 156, 112, .76);
    background:linear-gradient(135deg, rgba(248, 241, 230, .96) 0%, rgba(235, 219, 193, .88) 100%);
    box-shadow:0 0 0 6px rgba(184, 156, 112, .06);
    transform:rotate(45deg);
}
.service-page-title{
    display:flex;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    margin-top:18px;
    line-height:1;
}
.service-page-title-cn{
    display:inline-block;
    color:#172f47;
    font-size:clamp(28px, 3.2vw, 40px);
    line-height:1.08;
    letter-spacing:-.03em;
}
.service-page-title-en{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:34px;
    padding:0 16px;
    border-radius:999px;
    border:1px solid rgba(193, 167, 126, .34);
    background:linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(245, 237, 224, .82) 100%);
    color:#7b6541;
    font-size:11px;
    font-weight:700;
    letter-spacing:.24em;
    text-transform:uppercase;
    white-space:nowrap;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .86);
}
.service-page-title-group p{
    width:100%;
    margin-top:16px;
    color:#6d8199;
    font-size:17px;
    line-height:1.9;
}
.service-page-path{
    position:absolute;
    top:0;
    right:0;
    display:inline-flex;
    align-items:center;
    min-height:38px;
    max-width:100%;
    padding:0 16px;
    border:1px solid rgba(193, 167, 126, .26);
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(247, 242, 233, .72) 100%);
    color:#7d6a4f;
    font-size:13px;
    line-height:1.6;
    text-align:right;
    white-space:nowrap;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, .84);
}
.service-page-overview{
    display:flex;
    flex-direction:column;
}
.service-page-hero__main h1{
    position:relative;
    z-index:1;
    margin:0;
    color:#152e4a;
    font-size:54px;
    line-height:1.04;
    letter-spacing:-.04em;
}
.service-page-hero__main > p{
    position:relative;
    z-index:1;
    margin:20px 0 0;
    color:#5f7489;
    font-size:17px;
    line-height:1.92;
}
.service-page-tags{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}
.service-page-tags li{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(194,168,128,.36);
    background:rgba(255,255,255,.74);
    color:#6f7f91;
    font-size:12px;
    font-weight:700;
    line-height:1.2;
}
.service-page-facts{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
    margin-top:20px;
}
.service-page-facts li{
    min-height:132px;
    padding:20px 20px 18px;
    border:1px solid rgba(203,188,163,.46);
    border-radius:24px;
    background:rgba(255,255,255,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.service-page-facts span{
    display:block;
    color:#8b6f49;
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
}
.service-page-facts strong{
    display:block;
    margin-top:12px;
    color:#173252;
    font-size:20px;
    line-height:1.45;
}
.service-page-note-card{
    position:relative;
    z-index:1;
    margin-top:18px;
    padding:22px 24px;
    border:1px solid rgba(199,173,130,.28);
    border-radius:28px;
    background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,241,232,.86) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.service-page-note-card span{
    display:block;
    margin-bottom:10px;
    color:#9b7c4e;
    font-size:13px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}
.service-page-note-card strong{
    display:block;
    color:#15304e;
    font-size:28px;
    line-height:1.2;
    letter-spacing:-.03em;
}
.service-page-note-card p{
    margin:10px 0 0;
    color:#6d8199;
    font-size:16px;
    line-height:1.82;
}
.service-page-actions{
    position:relative;
    z-index:1;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
}
.service-page-actions--compact{
    margin-top:20px;
}
.service-page-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:148px;
    min-height:48px;
    padding:0 22px;
    border:1px solid rgba(182,155,114,.38);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:#173252 !important;
    font-size:15px;
    font-weight:700;
    line-height:1;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.service-page-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 22px rgba(86,69,44,.08);
    border-color:rgba(182,155,114,.52);
}
.service-page-btn--primary{
    border-color:rgba(31,59,89,.18);
    background:linear-gradient(135deg, #173252 0%, #2e5b8e 100%);
    box-shadow:0 16px 28px rgba(26,51,82,.18);
    color:#fff !important;
}
.service-page-hero__side{
    display:flex;
}
.service-side-panel{
    position:relative;
    z-index:1;
    display:grid;
    gap:18px;
    width:100%;
}
.service-side-panel__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    width:max-content;
    padding:0 12px;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#8b6c44;
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
}
.service-side-panel h2{
    margin:0;
    color:#173252;
    font-size:30px;
    line-height:1.18;
}
.service-side-panel__list{
    display:grid;
    gap:14px;
}
.service-side-panel__list li{
    display:grid;
    grid-template-columns:50px minmax(0, 1fr);
    gap:14px;
    align-items:start;
    padding:16px 0 0;
    border-top:1px solid rgba(205,190,166,.36);
}
.service-side-panel__list span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:16px;
    background:linear-gradient(135deg, rgba(247,239,227,.98) 0%, rgba(236,223,196,.88) 100%);
    color:#7e623d;
    font-size:14px;
    font-weight:800;
}
.service-side-panel__list strong{
    display:block;
    color:#173252;
    font-size:18px;
    line-height:1.3;
}
.service-side-panel__list p{
    margin:8px 0 0;
    color:#607487;
    font-size:14px;
    line-height:1.8;
}
.service-side-panel__promise{
    padding:18px 18px 2px;
    border:1px solid rgba(203,188,163,.42);
    border-radius:22px;
    background:rgba(255,255,255,.66);
}
.service-side-panel__promise h3{
    margin:0;
    color:#173252;
    font-size:20px;
    line-height:1.28;
}
.service-side-panel__promise ul{
    display:grid;
    gap:10px;
    margin-top:14px;
}
.service-side-panel__promise li{
    position:relative;
    padding-left:18px;
    color:#627588;
    font-size:14px;
    line-height:1.8;
}
.service-side-panel__promise li::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    width:7px;
    height:7px;
    border-radius:999px;
    background:linear-gradient(135deg, #d0b58a 0%, #7d613c 100%);
}
.service-section{
    margin-top:26px;
}
.service-matrix-strip{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    margin-top:18px;
}
.service-matrix-strip > div{
    padding:14px 16px;
    border:1px solid rgba(204,189,165,.42);
    border-radius:22px;
    background:rgba(255,255,255,.7);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.service-matrix-strip span{
    display:block;
    color:#8b6f49;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}
.service-matrix-strip strong{
    display:block;
    margin-top:8px;
    color:#173252;
    font-size:16px;
    line-height:1.56;
}
.service-section__intro{
    max-width:760px;
}
.service-section__intro h2{
    margin:16px 0 0;
    color:#152e4a;
    font-size:40px;
    line-height:1.12;
    letter-spacing:-.03em;
}
.service-section__intro p{
    margin:14px 0 0;
    color:#667b8f;
    font-size:16px;
    line-height:1.86;
}
.service-capability-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:14px;
    margin-top:22px;
}
.service-capability-card,
.service-process-card,
.service-test-card,
.service-resource-list li a{
    border:1px solid rgba(203,188,163,.48);
    border-radius:28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,242,234,.92) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        0 14px 28px rgba(86,69,44,.05);
}
.service-capability-card{
    display:flex;
    gap:14px;
    align-items:flex-start;
    min-height:150px;
    padding:18px 16px;
}
.service-capability-card__icon,
.service-process-card__icon{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:70px;
    height:70px;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(245,238,225,.98) 0%, rgba(236,225,202,.86) 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
.service-capability-card__icon img,
.service-process-card__icon img{
    width:40px;
    height:40px;
    object-fit:contain;
}
.service-capability-card__body h3,
.service-process-card h3,
.service-test-card__body h3,
.service-resource-list h3,
.service-resource-help h3{
    margin:0;
    color:#173252;
    font-size:24px;
    line-height:1.24;
}
.service-capability-card__body{
    min-width:0;
}
.service-capability-card__icon{
    width:54px;
    height:54px;
    border-radius:18px;
}
.service-capability-card__icon img{
    width:28px;
    height:28px;
}
.service-capability-card__body h3{
    font-size:18px;
    line-height:1.34;
}
.service-capability-card__body p{
    margin-top:8px;
    font-size:13px;
    line-height:1.68;
}
.service-capability-card__body p,
.service-process-card p,
.service-test-card__body p,
.service-resource-help p{
    margin:12px 0 0;
    color:#63778b;
    font-size:15px;
    line-height:1.84;
}
.service-process-shell{
    margin-top:16px;
    padding:18px 18px 20px;
    overflow:hidden;
    border:1px solid rgba(206,190,164,.44);
    border-radius:28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(247,242,234,.92) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 16px 28px rgba(86,69,44,.05);
}
.service-process-shell::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at top right, rgba(218,188,143,.14), transparent 38%),
        radial-gradient(circle at bottom left, rgba(24,46,78,.05), transparent 34%);
}
.service-process-shell__lead{
    position:relative;
    z-index:1;
    max-width:100%;
    margin:0;
    color:#627589;
    font-size:14px;
    line-height:1.72;
}
.service-process-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap:8px;
    margin-top:12px;
    counter-reset:service-step;
}
.service-process-card{
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    min-height:126px;
    padding:11px 11px 12px;
    border:1px solid rgba(206,190,164,.42);
    border-radius:22px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,242,233,.92) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        0 10px 18px rgba(86,69,44,.04);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    --service-card-accent:linear-gradient(90deg, rgba(226,200,160,.95) 0%, rgba(245,236,220,.1) 100%);
    --service-phase:'交付节点';
    --service-phase-bg:rgba(243,235,223,.92);
    --service-phase-color:#7d613c;
}
.service-process-card:hover{
    transform:translateY(-3px);
    border-color:rgba(182,155,114,.54);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        0 16px 28px rgba(86,69,44,.08);
}
.service-process-card::after{
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    top:0;
    height:3px;
    border-radius:0 0 999px 999px;
    background:var(--service-card-accent);
    opacity:.95;
}
.service-process-card::before{
    counter-increment:service-step;
    content:counter(service-step, decimal-leading-zero);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    margin-bottom:8px;
    border-radius:10px;
    background:rgba(23,50,82,.08);
    color:#173252;
    font-size:10px;
    font-weight:800;
}
.service-process-card__icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    margin-bottom:8px;
    border-radius:14px;
    background:
        linear-gradient(180deg, rgba(246,239,227,.98) 0%, rgba(237,225,201,.88) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 8px 16px rgba(86,69,44,.06);
}
.service-process-card__icon img{
    width:24px;
    height:24px;
    object-fit:contain;
    filter:drop-shadow(0 4px 8px rgba(37,62,91,.08));
}
.service-process-card__icon--manual{
    background:linear-gradient(180deg, rgba(23,50,82,.94) 0%, rgba(46,91,142,.9) 100%);
    box-shadow:0 12px 20px rgba(23,50,82,.14);
}
.service-process-card__icon--manual span{
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
}
.service-process-card--manual{
    border-color:rgba(36,64,96,.16);
    background:
        linear-gradient(180deg, rgba(252,249,244,.98) 0%, rgba(244,238,229,.94) 100%);
}
.service-process-card h3{
    font-size:15px;
    line-height:1.24;
    color:#173252;
    letter-spacing:-.02em;
}
.service-process-card__phase{
    display:inline-flex;
    align-items:center;
    min-height:18px;
    margin-bottom:6px;
    padding:0 6px;
    border-radius:999px;
    background:var(--service-phase-bg);
    color:var(--service-phase-color);
    font-size:7px;
    font-weight:700;
    letter-spacing:.06em;
}
.service-process-card__phase::before{
    content:var(--service-phase);
}
.service-process-card p{
    margin-top:6px;
    color:#677a8d;
    font-size:11px;
    line-height:1.52;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
}
.service-process-grid > li:nth-child(1){
    --service-card-accent:linear-gradient(90deg, rgba(217,189,145,.95) 0%, rgba(245,236,220,.08) 100%);
    --service-phase:'规划阶段';
    --service-phase-bg:rgba(243,235,223,.92);
    --service-phase-color:#7d613c;
}
.service-process-grid > li:nth-child(2){
    --service-card-accent:linear-gradient(90deg, rgba(170,196,228,.95) 0%, rgba(234,242,250,.08) 100%);
    --service-phase:'部署阶段';
    --service-phase-bg:rgba(230,238,247,.92);
    --service-phase-color:#416388;
}
.service-process-grid > li:nth-child(3){
    --service-card-accent:linear-gradient(90deg, rgba(180,213,188,.95) 0%, rgba(235,244,238,.08) 100%);
    --service-phase:'现场阶段';
    --service-phase-bg:rgba(236,244,238,.94);
    --service-phase-color:#487052;
}
.service-process-grid > li:nth-child(4){
    --service-card-accent:linear-gradient(90deg, rgba(214,190,228,.95) 0%, rgba(244,238,247,.08) 100%);
    --service-phase:'培训阶段';
    --service-phase-bg:rgba(245,237,247,.94);
    --service-phase-color:#725685;
}
.service-process-grid > li:nth-child(5){
    --service-card-accent:linear-gradient(90deg, rgba(228,209,168,.95) 0%, rgba(246,242,229,.08) 100%);
    --service-phase:'优化阶段';
    --service-phase-bg:rgba(245,241,229,.94);
    --service-phase-color:#8a6a34;
}
.service-process-grid > li:nth-child(6){
    --service-card-accent:linear-gradient(90deg, rgba(87,127,171,.95) 0%, rgba(232,239,247,.08) 100%);
    --service-phase:'运维阶段';
    --service-phase-bg:rgba(226,235,246,.96);
    --service-phase-color:#294f79;
}
.service-assurance-grid{
    display:grid;
    grid-template-columns:minmax(0, .96fr) minmax(0, 1.04fr);
    gap:20px;
    margin-top:22px;
}
.service-assurance-panel{
    position:relative;
    overflow:hidden;
    min-height:100%;
    padding:28px 28px 30px;
    border:1px solid rgba(203,188,163,.48);
    border-radius:30px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(247,242,234,.92) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        0 16px 30px rgba(86,69,44,.05);
}
.service-assurance-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at top right, rgba(218,188,143,.14), transparent 40%),
        radial-gradient(circle at bottom left, rgba(24,46,78,.05), transparent 36%);
}
.service-assurance-panel--accent{
    border-color:rgba(36,64,96,.18);
    background:
        linear-gradient(135deg, rgba(18,42,69,.98) 0%, rgba(34,63,95,.96) 55%, rgba(57,85,119,.92) 100%);
    box-shadow:0 20px 38px rgba(22,46,74,.16);
}
.service-page-eyebrow--light{
    border-color:rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);
    color:rgba(244,235,219,.84);
}
.service-assurance-panel > *{
    position:relative;
    z-index:1;
}
.service-assurance-panel h2{
    margin:18px 0 0;
    color:#173252;
    font-size:34px;
    line-height:1.14;
    letter-spacing:-.03em;
}
.service-assurance-panel p{
    margin:16px 0 0;
    color:#63778b;
    font-size:15px;
    line-height:1.88;
}
.service-assurance-panel--accent h2,
.service-assurance-panel--accent p{
    color:#fff;
}
.service-assurance-panel--accent p{
    color:rgba(235,242,249,.8);
}
.service-promise-list,
.service-scenario-list{
    display:grid;
    gap:12px;
    margin-top:18px;
}
.service-promise-list li,
.service-scenario-list li{
    padding:15px 16px;
    border-radius:20px;
    background:rgba(255,255,255,.66);
}
.service-assurance-panel--accent .service-promise-list li{
    background:rgba(255,255,255,.08);
    color:rgba(244,247,251,.92);
}
.service-promise-list li{
    color:#fff;
    font-size:15px;
    line-height:1.78;
}
.service-scenario-list strong{
    display:block;
    color:#173252;
    font-size:18px;
    line-height:1.3;
}
.service-scenario-list p{
    margin:8px 0 0;
    color:#627588;
    font-size:14px;
    line-height:1.8;
}
.service-test-notes{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.service-test-notes li{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    background:rgba(246,239,228,.9);
    color:#7b6546;
    font-size:12px;
    font-weight:700;
}
.service-test-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:20px;
    margin-top:22px;
}
.service-test-card{
    overflow:hidden;
}
.service-test-card__media{
    display:flex;
    align-items:center;
    justify-content:center;
    aspect-ratio:16 / 11;
    padding:18px;
    border-bottom:1px solid rgba(203,188,163,.34);
    background:linear-gradient(180deg, rgba(246,240,231,.92) 0%, rgba(255,255,255,.98) 100%);
}
.service-test-card__media img{
    width:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.service-test-card__body{
    padding:22px 22px 24px;
}
.service-test-card__tag{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(242,233,218,.9);
    color:#886845;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}
.service-inline-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    margin-top:18px;
    padding:0 18px;
    border-radius:999px;
    background:#173252;
    color:#fff !important;
    font-size:14px;
    font-weight:700;
    transition:transform .2s ease, box-shadow .2s ease;
}
.service-inline-link:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(23,50,82,.16);
}
.service-resource-list{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
    margin-top:22px;
}
.service-resource-list:empty{
    display:none;
}
.service-resource-list li a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-height:138px;
    padding:24px 24px 22px;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.service-resource-list li a:hover{
    transform:translateY(-3px);
    border-color:rgba(182,155,114,.58);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 16px 30px rgba(86,69,44,.07);
}
.service-resource-list__eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:0 9px;
    border-radius:999px;
    background:rgba(244,235,220,.92);
    color:#886845;
    font-size:10px;
    font-weight:700;
    letter-spacing:.16em;
}
.service-resource-list h3{
    margin-top:14px;
    font-size:20px;
}
.service-resource-list__arrow{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:68px;
    min-height:40px;
    padding:0 14px;
    border:1px solid rgba(183,155,115,.38);
    border-radius:999px;
    color:#173252;
    font-size:13px;
    font-weight:700;
}
.service-resource-help{
    margin-top:18px;
    padding:28px 30px;
}
.service-resource-help__tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}
.service-resource-help__tags li{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid rgba(194,168,128,.34);
    background:rgba(255,255,255,.7);
    color:#6f8092;
    font-size:12px;
    font-weight:700;
}
@media (max-width: 1260px){
    .service-page-hero{
        grid-template-columns:1fr;
    }
    .service-page-head{
        padding-right:0;
    }
    .service-page-path{
        position:static;
        width:max-content;
        margin-top:16px;
    }
    .service-matrix-strip,
    .service-assurance-grid,
    .service-page-facts,
    .service-process-grid,
    .service-test-grid,
    .service-resource-list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .service-capability-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 900px){
    .service-page-hero__main,
    .service-page-hero__side,
    .service-process-shell,
    .service-resource-help{
        padding:28px 24px;
        border-radius:26px;
    }
    .service-page-hero__main{
        padding:0 0 0 24px;
    }
    .service-page-title-group::before{
        left:-24px;
    }
    .service-page-hero__main h1{
        font-size:42px;
    }
    .service-page-title-cn{
        font-size:34px;
    }
    .service-page-note-card strong{
        font-size:24px;
    }
    .service-section__intro h2{
        font-size:34px;
    }
    .service-capability-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 680px){
    .service-page-tags,
    .service-test-notes,
    .service-resource-help__tags{
        gap:8px;
    }
    .service-page-hero{
        padding-bottom:22px;
    }
    .service-page-hero__main{
        padding-left:20px;
    }
    .service-page-title-group::before{
        left:-20px;
        width:10px;
        height:10px;
    }
    .service-page-title{
        gap:12px;
    }
    .service-page-title-cn{
        font-size:30px;
    }
    .service-page-title-en{
        height:30px;
        padding:0 12px;
        font-size:10px;
        letter-spacing:.14em;
    }
    .service-page-title-group p,
    .service-page-note-card p{
        font-size:15px;
    }
    .service-page-path{
        min-height:34px;
        font-size:12px;
    }
    .service-page-note-card{
        padding:20px 20px 18px;
        border-radius:24px;
    }
    .service-page-note-card strong{
        font-size:22px;
    }
    .service-matrix-strip,
    .service-assurance-grid,
    .service-page-facts,
    .service-process-grid,
    .service-test-grid,
    .service-resource-list{
        grid-template-columns:1fr;
    }
    .service-capability-grid{
        grid-template-columns:1fr;
    }
}
.zlq-aplay-fro{
    width:800px;
    margin:0 auto;
    box-shadow: 0 0 49px rgba(169,169,169.75);
    border-radius: 8px;
    padding:30px;
    background:#fff url(../images/from-bg.png) no-repeat bottom right;
}
.zlq-aplay-fro h2{
    color:#0f76c1;
    font-size:1.2em;
}
.zlq-aplay-fro p{
    font-size: 14px;
    margin-bottom:20px;
}
.zlq-aplay-fro .messages{
    width:470px;
    margin:0 auto;
}
.zlq-product-list{
    position: absolute;
    width:100%;
    height:30%;
    bottom:0;
    box-sizing: border-box;
    padding: 0 10px;
}
.listProduct .item .zlq-product-list .productlistlipclass a{
    color: #000;
    font-weight: 600;
    background-color: #dfdfdf;
    border-radius: 5px;
    padding: 2px 0;
    height: 26px;
    overflow: hidden;
}
/* banner */
.neiye-banner{ height:320px;position:relative;}
.neiye-banner-box{ height:320px;width:1200px;margin:0 auto;}
.neiye-banner-desc{height:320px;width:1200px;display:table-cell;vertical-align:middle;color:#fff;text-align:left;}
.neiye-banner-desc h3{ font-size:38px;font-weight:600;line-height:50px;}
.neiye-banner-desc h4{font-size:22px;font-weight:500;}
.neiye-banner-desc h5{ max-width:600px;margin:20px 0 60px;position:relative;}
.neiye-banner-desc h5 p{line-height:30px;max-height:120px;overflow:hidden;text-align:justify;}
.neiye-banner-desc h5::after{content:"";position:absolute;left:0;bottom:-15px;width:70px;height:2px;background:#5ae4fe;}

/*head-banner*/
.head-banner {position: relative;}
.head-banner-text {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;}
.head-banner-text h3 {font-size: 32px;font-weight: 700;line-height: 46px;}
.head-banner-text p {font-size: 20px;font-weight: 700;line-height: 30px;text-transform: uppercase;letter-spacing: 1px;}
.head-title {font-size: 28px;font-weight: 800;text-align: center;margin-bottom: 30px;}

/*分页*/
.pagination a {border: 0;color: #59595a;}
.pagination a:hover, .pagination a.page-num-current{color: #59595a;background-color: #f2f2f2;border: 0;}

/* 解决方案 */
.solution-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.solution-list .item:nth-of-type(-n+3){width: 32%;height: 250px;}
.solution-list .item:nth-child(n+4):nth-child(-n+5) {width: 49%;height: 285px;}
.solution-list .item:nth-child(n+6):nth-child(-n+8) {width: 32%;height: 250px;}
.solution-list .item {position: relative;float: none;overflow: hidden;background-color: #eee;margin-bottom: 15px;}
.solution-list .item .s-img {display: block;width: 100%;height: 100%;}
.solution-list .item .s-img img {height: 100%;object-fit: cover;}
.solution-list .item .s-title {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100px;padding-top: 40px;transition: bottom 0.3s ease;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #003154 100%);}
.solution-list .item .s-title p {width:80%;margin: 0 auto;color: #fff;text-align: center;font-weight: 600;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution-list .item .s-mask {opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 30px 45px 80px;display: flex;flex-direction: column;justify-content: center;text-align: center;background-color: rgba(61,61,61,0.5);color: #fff;transition: all 0.3s ease;}
.solution-list .item .s-mask a {position: absolute;bottom: -100%;left: 0;right: 0;margin: 0 auto;width: 135px;line-height: 30px;font-size: 14px;padding: 0 10px;border: 1px solid #fff;color: #fff;transition: bottom 0.3s ease;}
.solution-list .item:hover .s-mask {opacity: 1;}
.solution-list .item:hover .s-title {bottom: -100%;}
.solution-list .item:hover .s-mask a {bottom: 30px;}

/* 新闻中心 */
.news-list li {float: none;}
.news-list li a:hover, .news-list li a {color: #000;}
.news-list li a {display: flex;justify-content: space-between;align-items: center;border: 2px solid #fff;transition: all 0.3s ease;}
.news-list li a .news-list-time {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100px;height: 200px;background-color: #fff;color: #000;transition: all 0.2s ease;}
.news-list li a .news-list-time::after {opacity: 0;content: "";position: absolute;right: -15px;top: 25%;border-left: 15px solid #0f77c2;border-top: 15px solid transparent;border-bottom: 15px solid transparent;transition: all 0.2s ease;}
.news-list li a .news-list-time h3 {font-size: 50px;font-weight: 600;padding-bottom: 10px;}
.news-list li a .news-list-text {width: 60%;height: 100%;}
.news-list li a .news-list-text h3 {font-size: 20px;font-weight: 600;padding-bottom: 20px;transition: all 0.3s ease;}
.news-list li a .news-list-text p {font-size: 14px;line-height: 24px;}
.news-list li a .news-list-img {width: 300px;height: 200px;padding: 20px;}
.news-list li a img {width: 100%;height: 100%;object-fit: cover;}
.news-list li a:hover {border-color: #ededed;}
.news-list li a:hover .news-list-time {background-color: #0f77c2;color: #fff;}
.news-list li a:hover .news-list-time::after {opacity: 1;}
.news-list li a:hover .news-list-text h3 {color: #f48809;}

/* 服务后盾 */
.service-item li img{width: 45px;height: 45px;object-fit: contain;margin-bottom: 10px;}
.download-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.download-list li {width: 32%;position: relative;float: none;margin: 0 0 40px 0;padding-left: 45px;}
.download-list li::after {content: "";position: absolute;left: 0;top: 0;width: 35px;height: 30px;background: url("../images/download-icon.png") no-repeat;background-size: 100% 100%;}

/* foot */
.footer a, .footer {color: #fff;}
.subnavs a {border-left: 1px solid #fff;}
.foot-icon {position: relative;padding-left: 25px;line-height: 2;}
.foot-icon::after {content: "";position: absolute;left: 0;top: 5px;width: 15px;height: 15px;}
.foot-tel::after {background: url("../images/foot-tel.png") no-repeat;background-size: 100% 100%;}
.foot-email::after {background: url("../images/foot-email.png") no-repeat;background-size: 100% 100%;}
.foot-address::after {background: url("../images/foot-address.png") no-repeat;background-size: 100% 100%;}
.subtel {padding-left: 0;margin-top: 10px;}
.subtel span {position: relative;font-size: 10px;padding-left: 20px;line-height: 1.2;}
.subtel span::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 18px;height: 17px;background: url("../images/white-tel.png") no-repeat;background-size: 100% 100%;}
.subtel p {font-size: 18px;font-weight: 200;color: #fff;line-height: 1.2;}
.searcher {width: 160px;height: 30px;position: relative;margin-top: 10px;}
.searcher .submit {position: absolute;right: 2px;top: 5px;width: 19px; height: 19px;background: url("../images/search-icon.png") no-repeat;background-size: 100% 100%;}
.searcher .txt {width: 100%;border-radius: 3px;color: #000;}
.white-email {cursor: pointer;position: relative;width: 160px;height: 40px;padding-left: 55px;font-size: 24px;font-weight: bold;background: linear-gradient(to top, #015eea 0%, #00c0fa 100%);border-radius: 3px;}
.white-email::after {content: "";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 38px;height: 30px;background: url("../images/white-email.png") no-repeat;background-size: 100% 100%;}

/* head */
.top {background: #f7f7f7;height: auto;}
.header {padding: 10px 0;}
.header .subtel {margin: 0;}
.header .subtel p {font-size: 16px;padding-left: 5px;}
.header .subtel span {font-size: 8px;}
.header .subtel span, .header .subtel p {color: #595959;}
.header .subtel span::after {width: 14px;height: 14px;background: url("../images/gray-tel.png") no-repeat;}
.top-right {font-size: 13px;line-height: 13px;padding-top: 3px;}
.top-right a {padding: 0 10px;margin-right:10px;border-right: 1px solid #000;}
.nav {background-color: #fff;}
.nav-list li {width: auto;}
.nav-list>li>a {color: #000;font-size: 14px;width: auto;padding: 0 20px;border-bottom: 2px solid transparent;}
.nav-list>li>a.navhover {background:#fff;border-bottom: 2px solid #0f6bfc;}
.nav-list>li>a:hover, .nav-list>li.hover>a{ background:#fff;border-bottom: 2px solid #0f6bfc;}
.nav-logo img {width: 140px;margin: 12px 15px 0 0;}
.nav .subNav {width: 1200px;left: -250px;padding: 20px;background-color: #fff;box-shadow: 0 0 8px rgba(15,107,252,0.3);border-radius: 3px;}
.nav .subNav .subNavCon a {position: relative;height: 30px;padding-left: 20px;line-height: 30px;text-align: left;border-bottom: 1px solid #dfdfdf;}
.nav .subNav .subNavCon a::after {content: "";position: absolute;left: -3px;top: 0;width: 3px;height: 100%;background: transparent;}
.nav .subNav .subNavCon a:hover, .nav .subNav .subNavCon a.active {background: #fff;color: #000;}
.nav .subNav .subNavCon a:hover::after, .nav .subNav .subNavCon a.active::after {background: #f48809;}
.nav .subNav .subNavCon {border-left: 3px solid #dfdfdf;}
.subNavProduct {background: #f9f9f9;width: calc(100% - 160px);padding: 20px;}
.subNavProductList {display: grid;grid-template-columns: repeat(auto-fit, minmax(22%, max-content));gap: 2%;}
.subNavProductList li {width: 100%;line-height: 30px;padding-bottom: 10px;}
.subNavProductList li a {color: #000;width: 100%;text-align: left;line-height: 30px;height: auto;}
.subNavProductList li .product-img {width: 100%; height: 80px;overflow: hidden;}
.subNavProductList li .product-img img {width: 100%;height: 100%;object-fit: contain;}
.subNavProductList li h4 a {font-size: 12px;font-weight: bold;}
.subNavProductList li p a {font-size: 10px;line-height: 20px;}
.subNavProductList li h4:hover a, .subNavProductList li p:hover a {color: #f48808;}

/* ===== PC 导航升级 ===== */
.nav .w {display:flex;align-items:center;justify-content:space-between;}
.nav-main {flex:1;margin-left:20px;}
.nav-list--pro {display:flex;align-items:center;height:64px;}
.nav-list--pro > li {position:relative;float:none;}
.nav-list--pro > li > a {position:relative;display:block;height:64px;line-height:64px;padding:0 18px;font-size:15px;color:#37485b;border-bottom:2px solid transparent;transition:all .22s ease;}
.nav-list--pro > li > a::after {content:"";position:absolute;left:18px;right:18px;bottom:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,#2f6bff 0%,#73d4ff 100%);transform:scaleX(0);transform-origin:center;transition:transform .22s ease;opacity:.95;}
.nav-list--pro > li > a:hover,
.nav-list--pro > li > a.hover,
.nav-list--pro > li > a.navhover {color:#1c3555;border-bottom-color:transparent;background:linear-gradient(180deg,rgba(247,250,255,.96) 0%,rgba(241,246,255,.9) 100%);}
.nav-list--pro > li > a:hover::after,
.nav-list--pro > li > a.hover::after,
.nav-list--pro > li > a.navhover::after {transform:scaleX(1);}
.nav-list--pro > li.nav-item--current > a,
.nav-list--pro > li[data-nav-current="true"] > a {color:#163455;background:linear-gradient(180deg,rgba(247,250,255,.98) 0%,rgba(241,246,255,.92) 100%);}
.nav-list--pro > li.nav-item--current > a::after,
.nav-list--pro > li[data-nav-current="true"] > a::after {transform:scaleX(1);}
.nav-list--pro > li.is-open > a {color:#1c3555;border-bottom-color:transparent;background:linear-gradient(180deg,rgba(247,250,255,.96) 0%,rgba(241,246,255,.9) 100%);}
.nav-list--pro > li.is-open > a::after {transform:scaleX(1);}

.nav-actions {display:flex;align-items:center;gap:10px;}
.nav-actions .searcher {width:160px;margin-top:0 !important;}
.nav-actions .searcher .txt {border-radius:4px;border:1px solid #d9d9d9 !important;}
.nav-cta {display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border:1px solid rgba(46,107,255,.14);border-radius:999px;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 100%);color:#24456b !important;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(47,107,255,.08);transition:all .22s ease;}
.nav-cta:hover {transform:translateY(-1px);background:linear-gradient(135deg,#ffffff 0%,#edf6ff 100%);color:#183656 !important;border-color:rgba(46,107,255,.24);box-shadow:0 14px 30px rgba(47,107,255,.14);}

.nav .subNav {display:none;position:absolute;top:64px;left:0;z-index:20;background:#fff;border:1px solid rgba(224,219,210,.92);border-radius:20px;box-shadow:0 18px 42px rgba(16,24,40,.09),0 6px 16px rgba(28,37,54,.05);}
.nav .subNavSimple {min-width:160px;padding:6px 0;}
.nav .subNavSimple a {display:block;padding:0 16px;line-height:34px;white-space:nowrap;color:#4a5b6d;font-size:13px;transition:all .18s ease;}
.nav .subNavSimple a:hover {background:#f7f9fc;color:#26394b;}
.nav .subNavSimple a.is-current {background:linear-gradient(135deg,rgba(247,250,255,.98) 0%,rgba(241,246,255,.9) 100%);color:#1a3757;font-weight:700;}

.nav .subNavMega {display:flex;width:1020px;max-width:calc(100vw - 64px);max-height:none;padding:0;left:50%;transform:translateX(-38%);overflow:visible;background:linear-gradient(135deg,#fcfbf8 0%,#f8f5ef 30%,#ffffff 100%);} 
.nav .subNavMega a {width:auto !important;height:auto !important;line-height:normal !important;text-align:left !important;}
.subNavTitle {font-size:12px;font-weight:700;color:#999;margin-bottom:10px;letter-spacing:.4px;}
.subNavLinks {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px 14px;}
.subNavLinks a {display:flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid #edf1f7;border-radius:8px;color:#425468;transition:all .18s ease;}
.subNavLinks a:hover {border-color:#e1e8ef;background:#f7f9fc;color:#26394b;}

.subNavEntry {display:flex;flex-direction:column;gap:12px;}
.entry-card {display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #e9eef3;border-radius:8px;background:#f9fafb;color:#4a5b6d !important;font-size:13px;font-weight:600;transition:all .18s ease;}
.entry-card:hover {background:#f2f5f8;color:#26394b !important;}
.entry-card--primary {background:#f5f7fa;color:#26394b !important;border-color:#e2e8ef;}
.entry-card--primary:hover {background:#eef2f6;color:#22384b !important;border-color:#d8e0e8;}

.subNavMegaAside {float:none !important;width:33%;min-height:0;padding:18px 16px 18px 18px;background:linear-gradient(180deg,#fbfaf7 0%,#f7f2eb 100%);border-right:1px solid rgba(228,221,211,.95);overflow:visible;}
.subNavMegaAsideHead {padding:0 6px 14px;margin-bottom:10px;border-bottom:1px solid rgba(223,214,203,.86);}
.subNavMegaKicker {display:inline-flex;align-items:center;height:20px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,rgba(168,133,82,.08) 0%,rgba(214,193,159,.10) 100%);color:#8b6a3f;font-size:10.5px;font-weight:700;letter-spacing:.18em;}
.subNavMegaAsideHead strong {display:block;margin-top:12px;font-size:15px;font-weight:750;line-height:1.2;color:#1c2430;letter-spacing:.01em;}
.subNavMegaAsideHead p {margin-top:7px;font-size:11.5px;line-height:1.7;color:#8d8173;}
.subNavMegaMenu {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:6px 12px;padding-right:0;overflow:visible;max-height:none;line-height:1.2;align-content:start;}
.subNavMegaCate {position:relative;display:flex;align-items:center;gap:12px;width:100% !important;min-width:0;min-height:44px;height:auto !important;padding:0 13px 0 18px;margin-bottom:0;border:1px solid rgba(212,202,188,0);border-radius:18px;color:#5f6b77 !important;background:transparent;line-height:1.2;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;}
.nav .subNavMega .subNavMegaCate {display:flex !important;flex-direction:row !important;align-items:center !important;flex-wrap:nowrap !important;}
.nav .subNavMega button.subNavMegaCate {appearance:none;-webkit-appearance:none;font:inherit;text-align:left;cursor:pointer;outline:none;}
.subNavMegaCate::after {content:"";position:absolute;left:10px;top:11px;bottom:11px;width:1px;border-radius:999px;background:linear-gradient(180deg,rgba(201,172,127,0) 0%,rgba(201,172,127,.58) 24%,rgba(139,106,63,.74) 50%,rgba(201,172,127,.58) 76%,rgba(201,172,127,0) 100%);opacity:0;transform:scaleY(.76);transform-origin:center;transition:opacity .16s ease,transform .16s ease;}
.subNavMegaCateMark {display:inline-flex;align-items:center;justify-content:center;flex:0 0 12px;width:12px;height:12px;border:1px solid rgba(168,133,82,.74);border-radius:2px;background:radial-gradient(circle at 50% 50%,rgba(190,154,97,.86) 0 1.15px,transparent 1.25px),linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(244,235,221,.90) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.76),0 0 0 3px rgba(168,133,82,.05);opacity:.82;transform:rotate(45deg) scale(.86);transform-origin:center;transition:opacity .16s ease,transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease,background-color .16s ease;}
.nav .subNavMega .subNavMegaCateMark {align-self:center !important;}
.subNavMegaCate:hover {transform:translateX(.5px);background:rgba(255,255,255,.58);color:#273341 !important;border-color:rgba(214,205,193,.42);box-shadow:0 4px 12px rgba(33,38,45,.02);}
.subNavMegaCate:hover .subNavMegaCateMark {opacity:.96;transform:rotate(45deg) scale(.92);box-shadow:inset 0 0 0 1px rgba(255,255,255,.82),0 0 0 4px rgba(168,133,82,.06);border-color:rgba(168,133,82,.82);}
.subNavMegaCate:hover::after {opacity:.16;transform:scaleY(.86);}
.subNavMegaCate.is-active {transform:translateX(1px);background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(251,248,242,.94) 100%);border-color:rgba(204,190,171,.64);color:#17202c !important;box-shadow:0 6px 16px rgba(28,35,43,.028),inset 0 1px 0 rgba(255,255,255,.82);}
.subNavMegaCate:focus-visible {background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(251,248,242,.94) 100%);border-color:rgba(204,190,171,.64);box-shadow:0 0 0 3px rgba(47,107,255,.14),0 6px 16px rgba(28,35,43,.028),inset 0 1px 0 rgba(255,255,255,.82);}
.subNavMegaCate.is-active .subNavMegaCateMark {opacity:1;transform:rotate(45deg) scale(.96);box-shadow:inset 0 0 0 1px rgba(255,255,255,.86),0 0 0 4px rgba(168,133,82,.08),0 1px 4px rgba(139,106,63,.08);border-color:rgba(145,110,66,.88);}
.subNavMegaCate.is-active::after {opacity:.84;transform:scaleY(1);}
.subNavMegaCate.is-current:not(.is-active) {background:rgba(255,255,255,.48);border-color:rgba(204,190,171,.34);color:#243141 !important;box-shadow:0 4px 10px rgba(28,35,43,.02);}
.subNavMegaCate.is-current:not(.is-active)::after {opacity:.34;transform:scaleY(.94);}
.subNavMegaCate.is-current:not(.is-active) .subNavMegaCateMark {opacity:.94;border-color:rgba(145,110,66,.72);}
.subNavMegaCateName {display:block;width:auto !important;height:auto !important;font-size:16px;font-weight:700;line-height:1.28;letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;}
.nav .subNavMega .subNavMegaCateName {display:inline-flex !important;align-items:center !important;margin:0 !important;}

.subNavMegaMain {float:none !important;width:67%;min-height:0;padding:18px 18px 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);overflow:visible;}
.subNavMegaPanel {display:none;width:100%;}
.subNavMegaPanel.is-active {display:block;}
.subNavMegaHead {display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:0 4px 12px;margin-bottom:12px;border-bottom:1px solid rgba(229,222,213,.95);}
.subNavMegaHeadText {display:flex;flex-direction:column;align-items:flex-start;}
.subNavMegaHead h4 {margin-top:8px;font-size:22px;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#1c2430;}
.subNavMegaHead p {margin-top:6px;font-size:12px;line-height:1.6;color:#807469;}
.subNavMegaHeadAction {display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:32px;padding:0 12px;border:1px solid rgba(168,133,82,.24);border-radius:999px;background:linear-gradient(135deg,#ffffff 0%,#f7f2ea 100%);color:#5c4931 !important;font-size:11px;font-weight:700;box-shadow:0 6px 14px rgba(91,74,49,.05);transition:all .22s ease;}
.subNavMegaHeadAction:hover {transform:translateY(-1px);background:#fff;color:#3e3020 !important;border-color:rgba(168,133,82,.36);box-shadow:0 16px 30px rgba(91,74,49,.12);}

.subNavMegaGrid {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;}
.nav .subNavMega .subNavMegaCard {position:relative;display:flex !important;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;width:100% !important;min-width:0;min-height:58px;padding:11px 14px;border:none;border-radius:14px;color:#4a5662 !important;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(251,248,243,.96) 100%);box-shadow:0 4px 10px rgba(17,24,39,.025),0 8px 18px rgba(17,24,39,.018);transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,color .24s ease;}
.nav .subNavMega .subNavMegaCard::before {content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.65) 0%,rgba(255,255,255,0) 42%,rgba(209,188,156,.08) 100%);pointer-events:none;}
.subNavMegaCard:hover {transform:translateY(-1px);color:#1c2430 !important;background:linear-gradient(180deg,#ffffff 0%,#fbf6ef 100%);box-shadow:0 8px 16px rgba(17,24,39,.05),0 16px 28px rgba(120,94,58,.06);}
.subNavMegaCardIcon {position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:11px;background:linear-gradient(135deg,rgba(168,133,82,.10) 0%,rgba(214,193,159,.16) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.75);}
.subNavMegaDot {width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#8b6a3f 0%,#c9ac7f 100%);box-shadow:0 0 0 6px rgba(168,133,82,.10);flex:0 0 auto;}
.subNavMegaCardBody {position:relative;z-index:1;display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:0;}
.nav .subNavMega .subNavMegaCard strong {display:block;min-width:0;font-size:13px;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;letter-spacing:.01em;}
.nav .subNavMega .subNavMegaCard i {position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;margin-left:auto;border-radius:999px;background:rgba(168,133,82,.08);font-size:12px;line-height:1;color:#8b755a;font-style:normal;transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease;}
.subNavMegaCard:hover i {transform:translateX(3px);background:rgba(168,133,82,.14);color:#6a5130;box-shadow:0 10px 18px rgba(120,94,58,.10);}
.subNavMegaCard.is-current {color:#1c2430 !important;background:linear-gradient(180deg,#ffffff 0%,#fbf6ef 100%);box-shadow:0 8px 16px rgba(17,24,39,.05),0 16px 28px rgba(120,94,58,.06);}
.subNavMegaCard.is-current i {background:rgba(168,133,82,.14);color:#6a5130;box-shadow:0 10px 18px rgba(120,94,58,.10);}

.subNavMegaEmpty {padding:10px 0 6px;}
.subNavMegaEmpty p {margin-bottom:14px;font-size:13px;line-height:1.85;color:#807469;}
.subNavMegaEmpty .entry-card {max-width:168px;min-height:40px;font-size:13px;border-radius:999px;}
.nav .subNavMega .subNavMegaEmpty .entry-card {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap;
}

@media screen and (max-width: 1366px) {
  .nav .subNavMega {width:936px;transform:translateX(-40%);}
  .subNavMegaAside {width:35%;padding:16px 14px 16px 16px;}
  .subNavMegaMenu {gap:6px 10px;}
  .subNavMegaCate {min-height:42px;padding-left:16px;gap:9px;}
  .subNavMegaMain {width:65%;}
  .subNavMegaCateName {font-size:15px;}
  .subNavMegaHead h4 {font-size:20px;}
}


/* 首页 */
.index-title {padding: 40px 0 30px;text-align: center;font-size: 30px;color: #001741;font-weight: bold;line-height: 1.2;margin-bottom: 20px;}
.news-date {width: 60px;height: 60px;margin-top: 5px;text-align: center;border-radius: 8px;border: 1px solid #8c8c8c;display: flex;flex-direction: column;justify-content: center;}
.news-date p {color: #c1c1c1;line-height: 1.2;}
.news-date h4 {font-size: 18px;color: #c1c1c1;font-weight: bold;line-height: 1.2;}
.inews .tod li span, .inews .tod li a {color: #001741;display: block;line-height: 2;}
.inews .tod li a {font-weight: bold;font-size: 18px;position: relative;}
.inews .tod li a::after {content: "";position: absolute;left: -20px;top: 50%;transform: translateY(-50%);width: 10px;height: 10px;border-radius: 50%;background: #001741;}
.newsmore {text-align: right;padding-top: 20px;}
.newsmore a {color: #c1c1c1;font-size: 18px;border: 1px solid #c1c1c1;padding: 5px 10px;border-radius: 8px;}
.icase {background: #fff;}
.icase .tod li {background: #f9f9f9;border: 1px solid #dfdfdf;height: auto;}
.icase .tod li:hover {box-shadow: 0 0 10px rgba(193,193,193,0.5);}
.icase .tod .wd {background: #f9f9f9;padding: 20px 10px;}
.icase .tod .wd span a{text-align: justify;color: #000;font-size: 14px;}

/* ===== 首页整体焕新 ===== */
.home-page {background:
  radial-gradient(circle at top left, rgba(47,107,255,.06), transparent 24%),
  radial-gradient(circle at 88% 8%, rgba(197,164,120,.12), transparent 18%),
  linear-gradient(180deg,#f6f8fc 0%,#ffffff 34%,#fbfaf7 68%,#f7f4ef 100%);
}
.home-page .w {position:relative;z-index:1;}
.home-eyebrow {display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,rgba(24,46,78,.05) 0%,rgba(197,164,120,.12) 100%);color:#3c5675;font-size:11px;font-weight:700;letter-spacing:.18em;box-shadow:inset 0 1px 0 rgba(255,255,255,.72);}
.home-eyebrow--dark {background:rgba(255,255,255,.1);color:#fff;box-shadow:none;}
.home-btn {display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease;}
.home-btn--primary {background:linear-gradient(135deg,#102e53 0%,#2a5eaf 56%,#c3a067 100%);color:#fff !important;box-shadow:0 16px 34px rgba(26,58,104,.20);}
.home-btn--primary:hover {transform:translateY(-2px);box-shadow:0 20px 40px rgba(26,58,104,.24);}
.home-btn--ghost {border:1px solid rgba(22,50,86,.12);background:rgba(255,255,255,.82);color:#23425f !important;backdrop-filter:blur(8px);}
.home-btn--ghost:hover {transform:translateY(-2px);border-color:rgba(22,50,86,.24);background:#fff;}
.home-btn--ghost-light {border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff !important;}
.home-btn--ghost-light:hover {background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);}
.home-inline-link {display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#8b6a3f !important;font-size:13px;font-weight:700;letter-spacing:.01em;}
.home-inline-link::after {content:"→";font-size:14px;transition:transform .2s ease;}
.home-inline-link:hover::after {transform:translateX(2px);}
.home-card-kicker {display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,rgba(197,164,120,.10) 0%,rgba(24,46,78,.05) 100%);color:#8a6a40;font-size:11px;font-weight:700;letter-spacing:.14em;font-style:normal;text-transform:uppercase;}
.home-card-kicker--news {margin-bottom:10px;}
.home-btn:focus-visible,
.home-section-link:focus-visible,
.home-inline-link:focus-visible,
.home-carousel-btn:focus-visible {
  outline:2px solid #2a5eaf;
  outline-offset:3px;
}

@media (prefers-reduced-motion: reduce) {
  .home-page *,
  .home-page *::before,
  .home-page *::after {
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

.home-hero {position:relative;padding:0 0 28px;}
.homeHeroSwiper {position:relative;overflow:hidden;border-bottom-left-radius:28px;border-bottom-right-radius:28px;}
.home-hero-slide {position:relative;}
.home-hero-slide::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 24%, rgba(255,255,255,.22), transparent 26%);}
.home-hero-slide::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,28,.16) 0%,rgba(5,15,28,.26) 52%,rgba(5,15,28,.44) 100%);}
.homeHeroSwiper img {display:block;width:100%;height:auto;}
.home-hero-pagination {bottom:146px !important;}
.home-hero-pagination .swiper-pagination-bullet {width:10px;height:10px;background:rgba(255,255,255,.5);opacity:1;}
.home-hero-pagination .swiper-pagination-bullet-active {width:30px;border-radius:999px;background:#fff;}
.home-hero-panel {margin-top:-110px;}
.home-hero-card {position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:24px 28px;align-items:start;padding:38px;border:1px solid rgba(226,231,238,.84);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(251,249,245,.92) 100%);backdrop-filter:blur(16px);box-shadow:0 28px 70px rgba(15,23,42,.12);}
.home-hero-card::before {content:"";position:absolute;left:38px;right:38px;top:0;height:1px;background:linear-gradient(90deg,rgba(197,164,120,0) 0%,rgba(197,164,120,.52) 24%,rgba(44,72,106,.18) 52%,rgba(197,164,120,.52) 76%,rgba(197,164,120,0) 100%);}
.home-hero-badge {position:absolute;top:20px;right:22px;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#16365d 0%,#295eaa 70%,#c39f68 100%);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;box-shadow:0 14px 30px rgba(24,54,93,.22);}
.home-hero-copy h1 {margin-top:16px;max-width:720px;font-size:46px;line-height:1.08;color:#13263d;font-weight:800;letter-spacing:-.045em;}
.home-hero-copy p {margin-top:16px;max-width:700px;font-size:15px;line-height:1.95;color:#6b7d90;}
.home-hero-actions {display:flex;gap:12px;flex-wrap:wrap;align-self:center;}
.home-hero-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;grid-column:1 / 2;}
.home-hero-metric {padding:16px 18px;border-radius:20px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid rgba(226,233,239,.92);box-shadow:0 10px 24px rgba(15,23,42,.035);}
.home-hero-metric strong {display:block;font-size:16px;line-height:1.35;color:#173252;}
.home-hero-metric span {display:block;margin-top:8px;font-size:12.5px;line-height:1.8;color:#728395;}
.home-hero-side {display:grid;gap:14px;grid-column:2 / 3;grid-row:1 / span 3;}
.home-hero-side-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.home-hero-side-card {padding:18px 18px 20px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);border:1px solid rgba(225,231,238,.92);box-shadow:0 12px 30px rgba(15,23,42,.04);}
.home-hero-side-card--primary {padding:24px 22px;background:linear-gradient(135deg,rgba(17,42,72,.96) 0%,rgba(23,60,104,.94) 54%,rgba(175,140,88,.92) 100%);border-color:rgba(28,55,91,.32);box-shadow:0 20px 40px rgba(14,31,57,.18);}
.home-hero-side-card span {display:block;font-size:11px;font-weight:700;letter-spacing:.16em;color:#8093a8;text-transform:uppercase;}
.home-hero-side-card strong {display:block;margin-top:8px;font-size:18px;line-height:1.35;color:#182c44;}
.home-hero-side-card p {margin-top:10px;font-size:13px;line-height:1.8;color:#697b8e;}
.home-hero-side-card--primary span,
.home-hero-side-card--primary strong,
.home-hero-side-card--primary p {color:#fff;}
.home-hero-tags {grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:12px;padding-top:2px;}
.home-hero-tags span {display:inline-flex;align-items:center;height:40px;padding:0 17px;border-radius:999px;background:rgba(244,248,252,.9);color:#3d5672;font-size:13px;font-weight:600;border:1px solid rgba(225,231,238,.92);}

.home-intro {position:relative;padding:0 0 42px;margin-top:-26px;}
.home-intro-grid {position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:0;padding-top:28px;}
.home-intro-grid::before {content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(58,66,76,0) 0%,rgba(58,66,76,.14) 22%,rgba(190,156,102,.40) 50%,rgba(58,66,76,.14) 78%,rgba(58,66,76,0) 100%);}
.home-intro-main,.home-intro-points {padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;}
.home-intro-main {padding:8px 52px 0 0;}
.home-intro-main h2 {margin-top:14px;font-size:36px;line-height:1.14;color:#16283f;font-weight:800;letter-spacing:-.032em;}
.home-intro-main p {margin-top:14px;font-size:15px;line-height:1.95;color:#697b8e;}
.home-intro-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px;}
.home-intro-stat {padding:16px 0 0;border:none;border-top:1px solid rgba(205,212,220,.72);border-radius:0;background:transparent;}
.home-intro-stat strong {display:block;font-size:15px;line-height:1.35;color:#173252;}
.home-intro-stat span {display:block;margin-top:8px;font-size:12.5px;line-height:1.75;color:#758699;}
.home-intro-points {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:10px 0 0 38px;border-left:1px solid rgba(221,227,234,.9);}
.home-point-card {position:relative;padding:0 0 18px;border-radius:0;background:transparent;border:none;}
.home-point-card::after {content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(68,76,84,0) 0%,rgba(68,76,84,.16) 24%,rgba(190,156,102,.38) 52%,rgba(68,76,84,.12) 78%,rgba(68,76,84,0) 100%);}
.home-point-card:last-child::after {display:none;}
.home-point-card strong {display:block;font-size:19px;line-height:1.28;color:#173252;}
.home-point-card p {margin-top:10px;font-size:13px;line-height:1.85;color:#77889a;max-width:360px;}

.home-section {padding:42px 0;}
.home-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;}
.home-section-head h2 {margin-top:12px;font-size:36px;line-height:1.12;color:#16283f;font-weight:800;letter-spacing:-.032em;}
.home-section-head p {margin-top:12px;max-width:720px;font-size:15px;line-height:1.88;color:#6d7f92;}
.home-section-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.home-section-link {display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(22,50,86,.12);background:rgba(255,255,255,.9);color:#2d4764 !important;font-size:13px;font-weight:700;white-space:nowrap;box-shadow:0 10px 24px rgba(15,23,42,.03);}
.home-section-link:hover {background:#fff;border-color:rgba(22,50,86,.22);}
.home-carousel-nav {display:flex;align-items:center;gap:10px;}
.home-carousel-btn {display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(22,50,86,.12);border-radius:999px;background:#fff;color:#274564;font-size:24px;line-height:1;box-shadow:0 10px 24px rgba(15,23,42,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease;cursor:pointer;}
.home-carousel-btn:hover {transform:translateY(-1px);border-color:rgba(197,164,120,.42);color:#8b6a3f;box-shadow:0 14px 28px rgba(15,23,42,.08);}
.home-panel-shell {padding:26px;border-radius:32px;border:1px solid rgba(228,232,238,.92);background:linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(250,251,253,.96) 100%);box-shadow:0 18px 46px rgba(15,23,42,.05);}

.home-panel-shell--product,
.home-panel-shell--recommend,
.home-panel-shell--solution {padding:0;border:none;background:transparent;box-shadow:none;overflow:hidden;}
.home-product-shell,
.home-recommend-shell,
.home-solution-shell {position:relative;}
.home-product-shell::before,
.home-recommend-shell::before,
.home-solution-shell::before {content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(58,66,76,0) 0%,rgba(58,66,76,.14) 20%,rgba(190,156,102,.38) 50%,rgba(58,66,76,.14) 80%,rgba(58,66,76,0) 100%);}

.home-product-shell .tod {overflow:hidden;padding:24px 0 0;}
.homeProductSwiper {overflow:hidden;padding:8px 0 20px;}
.homeProductSwiper .swiper-wrapper {align-items:stretch;}
.home-product-card {position:relative;display:flex !important;flex-direction:column;height:auto !important;padding:0 18px 30px !important;background:transparent !important;border:none !important;}
.home-product-card::before {content:"";position:absolute;left:18px;right:18px;top:10px;height:146px;border-radius:999px;background:radial-gradient(circle at center,rgba(185,154,104,.12) 0%,rgba(122,132,144,.05) 38%,rgba(255,255,255,0) 78%);filter:blur(10px);pointer-events:none;}
.home-product-card::after {content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(68,76,84,0) 0%,rgba(68,76,84,.16) 28%,rgba(190,156,102,.42) 50%,rgba(68,76,84,.16) 72%,rgba(68,76,84,0) 100%);opacity:.95;}
.home-product-media {display:flex;align-items:center;justify-content:center;height:146px;border-radius:0;background:transparent;border:none;box-shadow:none;transition:transform .28s ease,opacity .28s ease,filter .28s ease;}
.home-product-card:hover .home-product-media {transform:translateY(-5px) scale(1.015);opacity:1;filter:saturate(1.02);}
.home-product-card img {display:block;width:auto !important;max-width:min(84%,196px);height:auto !important;max-height:96px;object-fit:contain;margin:0 auto !important;filter:grayscale(.04) drop-shadow(0 14px 22px rgba(40,47,56,.08));}
.home-product-card.logo-wide img {max-width:min(90%,232px);max-height:78px;}
.home-product-card.logo-wide-xl img {max-width:min(94%,248px);max-height:68px;}
.home-product-card.logo-square img {max-width:min(68%,150px);max-height:118px;}
.home-product-card.logo-tall img {max-width:min(58%,126px);max-height:126px;}
.home-product-card.brand-nvidia img {max-width:min(62%,132px);max-height:122px;}
.home-product-card.brand-huawei img {max-width:min(72%,160px);max-height:112px;}
.home-product-card.brand-h3c img {max-width:min(92%,236px);max-height:72px;}
.home-product-card.brand-wifi img {max-width:min(82%,186px);max-height:96px;}
.home-product-card.brand-sangfor img {max-width:min(72%,158px);max-height:110px;}
.home-product-card.brand-netentsec img {max-width:min(88%,216px);max-height:76px;}
.home-product-card.brand-esafenet img {max-width:min(86%,212px);max-height:88px;}
.home-product-card.brand-panabit img {max-width:min(84%,206px);max-height:72px;}
.home-product-card.brand-cisco img {max-width:min(68%,156px);max-height:118px;}
.home-product-card.brand-onebox img {max-width:min(94%,242px);max-height:92px;}
.home-product-card.brand-module img {max-width:min(86%,202px);max-height:84px;}
.home-product-body {display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:14px;padding:0 4px 0 !important;background:transparent !important;text-align:center;}
.home-product-body b {display:block;width:100%;}
.home-product-body b a {display:block;height:auto !important;line-height:1.12 !important;color:#24384c !important;font-size:19px;font-weight:700;letter-spacing:-.015em;text-align:center;}
.home-product-body .description {display:block;width:100%;margin-top:10px;min-height:34px;font-size:12.5px !important;line-height:1.7 !important;color:#7d8893 !important;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.home-recommend-shell .tod {overflow:visible;padding-top:18px;}
.home-recommend-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;width:100% !important;margin:0 !important;}
.home-recommend-card {position:relative;float:none !important;width:auto !important;padding:0 0 28px !important;margin:0 !important;border:none !important;background:transparent;border-radius:0;overflow:visible;box-shadow:none;transition:transform .22s ease;}
.home-recommend-card::after {content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(27,45,67,0) 0%,rgba(27,45,67,.14) 28%,rgba(197,164,120,.48) 50%,rgba(27,45,67,.14) 72%,rgba(27,45,67,0) 100%);}
.home-recommend-card:hover {transform:translateY(-4px);}
.home-recommend-media {display:flex;align-items:center;justify-content:center;height:214px;padding:0;background:radial-gradient(circle at center,rgba(197,164,120,.12) 0%,rgba(47,107,255,.05) 36%,rgba(255,255,255,0) 74%);}
.home-recommend-card img {width:100% !important;height:100% !important;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(18,41,68,.08));}
.home-recommend-card .wd {height:auto !important;line-height:1.5 !important;padding:8px 2px 0;text-align:left;}
.home-recommend-card .wd .home-card-kicker {margin-bottom:12px;background:transparent;padding:0;height:auto;border-radius:0;box-shadow:none;}
.home-recommend-card .wd a {display:block !important;width:auto !important;color:#182c44 !important;font-size:18px !important;font-weight:700;line-height:1.35;}

.home-solution-shell {background:transparent !important;height:auto !important;padding-top:0 !important;}
.home-solution-shell .tod {width:100% !important;height:auto !important;overflow:hidden;padding-top:18px;}
.homeSolutionSwiper {overflow:hidden;padding:4px 0 12px;}
.homeSolutionSwiper .swiper-wrapper {align-items:stretch;}
.home-solution-grid {display:flex;width:100% !important;margin:0 !important;}
.home-solution-card {position:relative;display:flex !important;flex-direction:column;float:none !important;width:auto !important;height:auto !important;min-height:520px;padding:0 !important;border:none !important;background:transparent !important;border-radius:34px;overflow:hidden;box-shadow:none;transition:transform .26s ease;}
.home-solution-card::before {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,24,.06) 0%,rgba(6,14,24,.18) 35%,rgba(6,14,24,.82) 100%);z-index:1;}
.home-solution-card::after {content:"";position:absolute;left:26px;right:26px;bottom:26px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.22) 30%,rgba(214,193,159,.82) 50%,rgba(255,255,255,.22) 70%,rgba(255,255,255,0) 100%);z-index:2;}
.home-solution-card:hover {transform:translateY(-6px);}
.home-solution-media {width:100% !important;height:520px !important;overflow:hidden;}
.home-solution-media img {position:static !important;width:100% !important;height:100% !important;object-fit:cover;transition:transform .45s ease;}
.home-solution-card:hover .home-solution-media img {transform:scale(1.04);}
.home-solution-body {position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:0;padding:26px 26px 44px !important;background:transparent !important;}
.home-solution-body .home-card-kicker {align-self:flex-start;background:rgba(255,255,255,.10);color:#fff;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);}
.home-solution-body .home-inline-link {margin-top:18px;color:#fff !important;}
.home-solution-body .home-inline-link::after {color:#d7c19d;}
.home-solution-body span a {display:-webkit-box !important;margin-top:14px;font-size:29px !important;line-height:1.18 !important;color:#fff !important;font-weight:700;text-align:left !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:92%;}

.home-value-band {padding:12px 0 46px;}
.home-value-band__inner {position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:38px;border-radius:34px;background:linear-gradient(135deg,#0f2340 0%,#173c68 55%,#102743 100%);box-shadow:0 28px 60px rgba(9,20,37,.18);overflow:hidden;}
.home-value-band__inner::before {content:"";position:absolute;inset:auto -10% -40% auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle, rgba(197,164,120,.28) 0%, rgba(197,164,120,0) 70%);}
.home-value-copy h2 {margin-top:14px;max-width:900px;font-size:36px;line-height:1.18;color:#fff;font-weight:800;letter-spacing:-.03em;}
.home-value-tags {display:flex;flex-wrap:wrap;gap:12px;}
.home-value-tags span {display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.10);color:#dbe8f5;font-size:13px;font-weight:600;}
.home-value-links {display:flex;gap:12px;flex-wrap:wrap;}
.home-value-links .gao_link {display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:999px;background:#fff;color:#16375c !important;font-size:14px;font-weight:700;}

.home-news-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.home-news-card {display:flex;align-items:flex-start;gap:18px;padding:26px;border:none !important;border-radius:26px;background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);box-shadow:0 18px 42px rgba(15,23,42,.05);transition:transform .2s ease,box-shadow .2s ease;}
.home-news-card:hover {transform:translateY(-3px);box-shadow:0 24px 48px rgba(15,23,42,.08);}
.home-news-card .news-date {margin-top:0;flex:0 0 72px;width:72px;height:72px;border:none;background:linear-gradient(180deg,#183a63 0%,#0f2844 100%);box-shadow:0 12px 24px rgba(15,40,68,.18);}
.home-news-card .news-date p,
.home-news-card .news-date h4 {color:#fff;}
.home-news-card .wd {float:none !important;margin-left:0 !important;width:auto !important;flex:1 1 auto;}
.home-news-card .wd a {font-size:20px !important;line-height:1.45 !important;color:#16283f !important;}
.home-news-card .wd a::after {display:none;}
.home-news-card .wd span {display:block;margin-top:10px;font-size:14px !important;line-height:1.9 !important;color:#738497 !important;}

.home-contact-band {padding:14px 0 60px;}
.home-contact-band__inner {position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr);gap:28px 34px;align-items:start;padding:30px 0 0;border-radius:0;background:transparent;border:none;box-shadow:none;}
.home-contact-band__inner::before {content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(27,45,67,0) 0%,rgba(27,45,67,.16) 18%,rgba(197,164,120,.52) 50%,rgba(27,45,67,.16) 82%,rgba(27,45,67,0) 100%);}
.home-contact-copy {grid-column:1 / 2;max-width:560px;}
.home-contact-copy h2 {margin-top:12px;font-size:36px;line-height:1.16;color:#16283f;font-weight:800;letter-spacing:-.03em;}
.home-contact-copy p {margin-top:12px;font-size:15px;line-height:1.9;color:#6f8093;}
.home-contact-meta {display:grid;grid-column:2 / 3;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-self:end;}
.home-contact-item {position:relative;min-width:0;padding:0 0 12px;border-radius:0;background:transparent;border:none;}
.home-contact-item::after {content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,rgba(27,45,67,0) 0%,rgba(27,45,67,.14) 28%,rgba(197,164,120,.44) 50%,rgba(27,45,67,.14) 72%,rgba(27,45,67,0) 100%);}
.home-contact-item:last-child {grid-column:1 / -1;}
.home-contact-item span {display:block;font-size:12px;font-weight:700;letter-spacing:.12em;color:#8696a7;text-transform:uppercase;}
.home-contact-item strong {display:block;margin-top:10px;font-size:18px;line-height:1.6;color:#173252;}
.home-contact-actions {display:flex;grid-column:1 / -1;gap:12px;flex-wrap:wrap;justify-content:flex-end;padding-top:14px;border-top:none;}

@media screen and (max-width: 1440px) {
  .home-hero-copy h1,
  .home-section-head h2,
  .home-value-copy h2,
  .home-contact-copy h2,
  .home-intro-main h2 {font-size:32px;}
  .home-hero-metrics {grid-template-columns:minmax(0,1fr);}
  .home-recommend-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .home-contact-band__inner {grid-template-columns:minmax(0,1fr) minmax(460px,.95fr);}
}

@media screen and (max-width: 1100px) {
  .home-hero-card,
  .home-contact-band__inner {grid-template-columns:minmax(0,1fr);}
  .home-intro-grid {grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px;}
  .home-hero-side {grid-column:auto;grid-row:auto;}
  .home-hero-side-grid,
  .home-intro-stats,
  .home-solution-grid,
  .home-news-grid,
  .home-recommend-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-intro-main {padding-right:0;}
  .home-intro-points {padding:4px 0 0;border-left:none;border-top:1px solid rgba(221,227,234,.9);}
  .home-contact-copy,
  .home-contact-meta,
  .home-contact-actions {grid-column:auto;}
  .home-contact-meta {grid-template-columns:repeat(2,minmax(0,1fr));}
  .home-contact-actions {justify-content:flex-start;}
  .home-solution-card {min-height:460px;}
  .home-solution-media {height:460px !important;}
  .home-solution-body span a {font-size:24px !important;}
}

@media screen and (max-width: 767px) {
  .home-hero {padding-bottom:28px;}
  .home-hero-panel {margin-top:-34px;}
  .homeHeroSwiper {border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
  .home-hero-card,
  .home-intro-main,
  .home-intro-points,
  .home-panel-shell,
  .home-value-band__inner,
  .home-contact-band__inner {padding:24px 18px;}
  .home-panel-shell--product,
  .home-panel-shell--recommend,
  .home-panel-shell--solution {padding:0;}
  .home-hero-card::before {left:18px;right:18px;}
  .home-hero-badge {top:14px;right:14px;height:28px;padding:0 12px;font-size:11px;}
  .home-hero-copy h1,
  .home-section-head h2,
  .home-value-copy h2,
  .home-contact-copy h2,
  .home-intro-main h2 {font-size:26px;}
  .home-section {padding:28px 0;}
  .home-section-head {align-items:flex-start;flex-direction:column;}
  .home-section-actions {width:100%;justify-content:space-between;}
  .home-hero-metrics,
  .home-hero-side-grid,
  .home-intro-stats,
  .home-news-grid,
  .home-recommend-grid {grid-template-columns:minmax(0,1fr);}
  .home-intro {margin-top:-18px;padding-bottom:34px;}
  .home-intro-grid {padding-top:20px;}
  .home-intro-points {gap:18px;padding-top:2px;}
  .home-section-actions {gap:10px;}
  .home-carousel-nav {gap:8px;}
  .home-carousel-btn {width:38px;height:38px;font-size:22px;}
  .home-product-card {padding:0 10px 22px !important;}
  .home-product-media {height:132px;}
  .home-product-body b a {font-size:17px;}
  .home-recommend-media {height:190px;}
  .home-solution-card {min-height:390px;}
  .home-solution-media {height:390px !important;}
  .home-solution-body {padding:20px 20px 36px !important;}
  .home-solution-body span a {font-size:22px !important;max-width:100%;}
  .home-news-card {padding:20px;}
  .home-contact-meta {display:grid;grid-template-columns:minmax(0,1fr);}
}

/* ===== 导航 / 侧栏最终覆盖 v16 ===== */
.nav-list--pro > li {position:relative;}
.nav-list--pro > li > a {padding:0 16px;font-size:14px;letter-spacing:.01em;}
.nav-list--pro > li > a::after {left:16px;right:16px;bottom:13px;height:1px;background:linear-gradient(90deg,rgba(161,131,86,0) 0%,rgba(161,131,86,.82) 50%,rgba(161,131,86,0) 100%);}
.nav-list--pro > li > a:hover,
.nav-list--pro > li > a.hover,
.nav-list--pro > li.is-open > a,
.nav-list--pro > li > a.navhover {color:#18293b;background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(249,246,240,.94) 100%);}

.nav .subNav {display:block !important;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,14px,0) scale(.985);transform-origin:50% 0;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;}
.nav .subNavSimple {display:block !important;}
.nav .subNavMega {display:flex !important;}
.nav-list--pro > li.is-open > .subNav {opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition-delay:0s;}

.submian .subleft {width:262px;}
.sidebar {width:100%;}
.topclass {display:flex;flex-direction:column;justify-content:center;min-height:118px;height:auto;padding:22px 24px 20px;border-radius:26px;background:linear-gradient(145deg,#14263c 0%,#213a58 62%,#b69664 100%);box-shadow:0 18px 40px rgba(17,30,49,.16);}
.topclass h2 {font-size:24px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:.02em;}
.topclass span {margin-top:10px;font-size:11px;line-height:1.4;color:rgba(255,255,255,.72);letter-spacing:.24em;text-transform:uppercase;}

.side-menu {margin-top:16px;padding:14px 0 12px;border:none;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(249,247,243,.96) 100%);box-shadow:0 18px 42px rgba(15,23,42,.06),inset 0 1px 0 rgba(255,255,255,.82);}
.side-menu > dd {position:relative;padding:0 10px;}
.side-menu > dd:not(:last-child) {margin-top:0;border-bottom:none;}
.side-menu > dd > a {position:relative;display:flex;align-items:center;gap:12px;min-height:52px;height:auto;line-height:1.32;padding:0 14px 0 18px;border:none;color:#34414f;background:transparent;border-radius:16px;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;}
.side-menu > dd > a::after {display:none;}
.side-menu > dd > a::before {content:"";position:absolute;left:12px;top:12px;bottom:12px;width:1px;border-radius:999px;background:linear-gradient(180deg,rgba(190,156,102,0) 0%,rgba(190,156,102,.58) 26%,rgba(131,104,67,.88) 50%,rgba(190,156,102,.58) 74%,rgba(190,156,102,0) 100%);opacity:0;transform:scaleY(.72);transform-origin:center;transition:opacity .18s ease,transform .18s ease;}
.side-menu > dd > a:hover,
.side-menu > dd.current > a {color:#182430;background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(250,245,237,.96) 100%);box-shadow:0 10px 24px rgba(17,24,39,.05);}
.side-menu > dd > a:hover::before,
.side-menu > dd.current > a::before {opacity:1;transform:scaleY(1);}
.side-menu > dd.current.has-child {border-color:transparent;}

.side-menu-mark,
.side-submenu-mark {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;}
.side-menu-mark {width:12px;height:12px;}
.side-menu-mark::before {content:"";display:block;width:8px;height:8px;border-radius:2px;border:1px solid rgba(164,132,84,.82);background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(240,230,214,.94) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),0 0 0 4px rgba(164,132,84,.06);transform:rotate(45deg);}
.side-menu-label {display:block;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.side-menu2 {padding:6px 0 4px 40px;background:transparent;}
.side-menu2 dd {margin:4px 0;}
.side-menu2 dd > a {display:flex;align-items:center;gap:10px;min-height:38px;height:auto;line-height:1.35;font-size:13px;padding:0 12px;border-radius:12px;color:#66717d;transition:background-color .18s ease,color .18s ease,transform .18s ease;}
.side-menu2 dd > a:hover,
.side-menu2 dd.current > a {color:#1f2b37;background:rgba(190,156,102,.08);}
.side-submenu-mark {width:10px;height:10px;}
.side-submenu-mark::before {content:"";display:block;width:6px;height:6px;border-radius:50%;border:1px solid rgba(164,132,84,.72);background:radial-gradient(circle at 50% 50%,rgba(190,156,102,.92) 0 1.2px,transparent 1.3px),linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(240,230,214,.92) 100%);box-shadow:0 0 0 3px rgba(164,132,84,.05);}
.side-submenu-label {display:block;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


/* ===== 首页首屏国际化重构 v17 eof ===== */
.home-hero {padding:0 0 22px !important;}
.homeHeroSwiper {border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}
.home-hero-slide::after {background:linear-gradient(180deg,rgba(6,16,28,.12) 0%,rgba(6,16,28,.2) 48%,rgba(6,16,28,.34) 100%) !important;}
.home-hero-panel {margin-top:-78px !important;}
.home-hero-card {display:grid !important;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) !important;gap:40px 44px !important;align-items:stretch !important;padding:54px 56px 48px !important;border:1px solid rgba(223,228,235,.78) !important;border-radius:36px !important;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(251,249,244,.9) 100%) !important;backdrop-filter:blur(16px);box-shadow:0 28px 64px rgba(15,23,42,.10) !important;}
.home-hero-card::before {left:56px !important;right:56px !important;background:linear-gradient(90deg,rgba(197,164,120,0) 0%,rgba(197,164,120,.36) 24%,rgba(40,61,88,.12) 50%,rgba(197,164,120,.36) 76%,rgba(197,164,120,0) 100%) !important;}
.home-hero-copy {display:flex !important;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding-right:10px;}
.home-hero-copy h1 {margin-top:18px !important;max-width:760px !important;font-size:58px !important;line-height:1.02 !important;color:#13263d !important;font-weight:800 !important;letter-spacing:-.055em !important;}
.home-hero-copy p {margin-top:20px !important;max-width:760px !important;font-size:17px !important;line-height:1.95 !important;color:#6d7f91 !important;}
.home-hero-actions {margin-top:30px !important;display:flex !important;gap:14px !important;flex-wrap:wrap !important;align-self:flex-start !important;}
.home-btn {height:48px !important;padding:0 26px !important;border-radius:999px !important;}
.home-btn--primary {box-shadow:0 18px 36px rgba(26,58,104,.18) !important;}
.home-btn--ghost {background:rgba(255,255,255,.72) !important;border-color:rgba(25,49,79,.14) !important;}
.home-hero-note {display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(208,214,222,.72);}
.home-hero-note span {font-size:13px;font-weight:650;letter-spacing:.06em;color:#4a5e73;text-transform:uppercase;}
.home-hero-note i {display:inline-block;width:28px;height:1px;background:linear-gradient(90deg,rgba(196,162,111,0) 0%,rgba(196,162,111,.62) 50%,rgba(196,162,111,0) 100%);}
.home-hero-side {display:flex !important;align-items:stretch !important;justify-content:flex-end !important;grid-column:auto !important;grid-row:auto !important;}
.home-hero-side--single {min-width:0;}
.home-hero-side-card--statement {display:flex !important;flex-direction:column !important;justify-content:space-between !important;width:100% !important;min-height:100% !important;padding:34px 34px 30px !important;border-radius:30px !important;background:linear-gradient(145deg,rgba(15,38,68,.98) 0%,rgba(21,54,93,.95) 56%,rgba(181,145,92,.9) 100%) !important;border:1px solid rgba(30,56,92,.28) !important;box-shadow:0 24px 48px rgba(10,24,43,.18) !important;}
.home-hero-side-card--statement span {font-size:11px !important;letter-spacing:.22em !important;color:rgba(255,255,255,.74) !important;}
.home-hero-side-card--statement strong {margin-top:18px !important;font-size:36px !important;line-height:1.12 !important;color:#fff !important;letter-spacing:-.03em !important;}
.home-hero-side-card--statement p {margin-top:18px !important;font-size:14px !important;line-height:1.9 !important;color:rgba(255,255,255,.84) !important;max-width:460px !important;}
.home-hero-side-list {display:grid;gap:0;margin-top:28px;border-top:1px solid rgba(255,255,255,.14);}
.home-hero-side-item {display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.home-hero-side-item:last-child {border-bottom:none;padding-bottom:0;}
.home-hero-side-item em {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-size:11px;font-style:normal;font-weight:700;letter-spacing:.12em;color:#fff;}
.home-hero-side-item b {display:block;font-size:14px;font-weight:700;line-height:1.4;color:#fff;letter-spacing:.06em;text-transform:uppercase;}
.home-hero-side-item span {display:block;margin-top:6px;font-size:13px;font-weight:500;line-height:1.8;letter-spacing:0;color:rgba(255,255,255,.8);text-transform:none;}

@media screen and (max-width: 1440px) {
  .home-hero-copy h1 {font-size:48px !important;}
  .home-hero-card {grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr) !important;padding:46px 44px 42px !important;gap:34px 34px !important;}
  .home-hero-card::before {left:44px !important;right:44px !important;}
  .home-hero-side-card--statement strong {font-size:32px !important;}
}

@media screen and (max-width: 1100px) {
  .home-hero-panel {margin-top:-38px !important;}
  .home-hero-card {grid-template-columns:minmax(0,1fr) !important;padding:34px 28px 30px !important;gap:28px !important;}
  .home-hero-card::before {left:28px !important;right:28px !important;}
  .home-hero-copy {padding-right:0;}
  .home-hero-copy h1 {font-size:40px !important;max-width:100% !important;}
  .home-hero-copy p {font-size:16px !important;max-width:100% !important;}
  .home-hero-side-card--statement {padding:28px 26px 24px !important;}
  .home-hero-side-card--statement strong {font-size:28px !important;}
}

@media screen and (max-width: 767px) {
  .home-hero {padding-bottom:24px !important;}
  .home-hero-panel {margin-top:-24px !important;}
  .home-hero-card {padding:26px 18px 22px !important;border-radius:24px !important;gap:22px !important;}
  .home-hero-card::before {left:18px !important;right:18px !important;}
  .home-hero-copy h1 {font-size:28px !important;line-height:1.08 !important;}
  .home-hero-copy p {margin-top:14px !important;font-size:14px !important;line-height:1.9 !important;}
  .home-hero-actions {margin-top:22px !important;gap:10px !important;}
  .home-btn {height:42px !important;padding:0 20px !important;font-size:13px !important;}
  .home-hero-note {gap:10px !important;margin-top:22px !important;padding-top:16px !important;}
  .home-hero-note span {font-size:11px !important;}
  .home-hero-note i {width:16px !important;}
  .home-hero-side-card--statement {padding:22px 18px 18px !important;border-radius:22px !important;}
  .home-hero-side-card--statement strong {margin-top:12px !important;font-size:22px !important;}
  .home-hero-side-card--statement p {margin-top:12px !important;font-size:13px !important;}
  .home-hero-side-item {grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px 0;}
  .home-hero-side-item em {width:28px;height:28px;font-size:10px;}
  .home-hero-side-item b {font-size:12px;}
  .home-hero-side-item span {font-size:12px;line-height:1.7;}
}

/* ===== 首页首屏统一化 v18 ===== */
.home-hero {position:relative;padding:0 !important;background:#071426;}
.homeHeroSwiper {position:relative;border-radius:0 !important;}
.homeHeroSwiper::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,13,24,.84) 0%,rgba(7,18,32,.72) 28%,rgba(8,22,38,.34) 58%,rgba(6,16,28,.52) 100%);pointer-events:none;}
.home-hero-slide::before {display:none !important;}
.home-hero-slide::after {display:none !important;}
.homeHeroSwiper img {display:block;width:100%;height:clamp(640px,76vh,860px);object-fit:cover;object-position:center top;}
.home-hero-pagination {bottom:34px !important;left:50% !important;transform:translateX(-50%);width:auto !important;}
.home-hero-pagination .swiper-pagination-bullet {width:8px;height:8px;background:rgba(255,255,255,.42);}
.home-hero-pagination .swiper-pagination-bullet-active {width:26px;background:rgba(255,255,255,.96);}
.home-hero-panel {position:absolute;inset:0;z-index:2;margin:0 !important;display:flex;align-items:stretch;pointer-events:none;}
.home-hero-panel .w {height:100%;}
.home-hero-unified {position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:48px;align-items:end;height:100%;padding:150px 0 92px;pointer-events:auto;}
.home-hero-copy--unified {padding:0;align-self:center;max-width:880px;}
.home-eyebrow--hero {height:30px;padding:0 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.82);box-shadow:none;backdrop-filter:blur(10px);}
.home-hero-copy--unified h1 {margin-top:22px !important;max-width:880px !important;font-size:70px !important;line-height:.98 !important;color:#fff !important;letter-spacing:-.065em !important;text-shadow:0 10px 28px rgba(0,0,0,.18);}
.home-hero-copy--unified p {margin-top:24px !important;max-width:760px !important;font-size:18px !important;line-height:1.92 !important;color:rgba(234,241,248,.82) !important;}
.home-hero-copy--unified .home-hero-actions {margin-top:34px !important;gap:14px !important;}
.home-btn--primary {background:linear-gradient(135deg,#ffffff 0%,#edf2f8 58%,#caa671 100%) !important;color:#102744 !important;box-shadow:0 18px 36px rgba(4,10,18,.18) !important;}
.home-btn--primary:hover {color:#0d233b !important;}
.home-btn--ghost-light {background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.18) !important;color:#fff !important;backdrop-filter:blur(12px);}
.home-btn--ghost-light:hover {background:rgba(255,255,255,.11) !important;border-color:rgba(255,255,255,.28) !important;}
.home-hero-aside {align-self:end;justify-self:end;max-width:420px;width:100%;padding:26px 0 0 30px;border-left:1px solid rgba(255,255,255,.14);}
.home-hero-kicker {display:block;font-size:11px;font-weight:700;letter-spacing:.24em;color:rgba(255,255,255,.6);text-transform:uppercase;}
.home-hero-aside strong {display:block;margin-top:14px;font-size:30px;line-height:1.16;color:#fff;letter-spacing:-.03em;font-weight:700;}
.home-hero-aside p {margin-top:16px;font-size:14px;line-height:1.9;color:rgba(231,238,246,.74);}
.home-hero-meta {display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.home-hero-meta span {display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:650;letter-spacing:.12em;color:rgba(255,255,255,.72);text-transform:uppercase;backdrop-filter:blur(10px);}

@media screen and (max-width: 1440px) {
  .homeHeroSwiper img {height:clamp(600px,74vh,780px);}
  .home-hero-unified {grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:38px;padding:136px 0 84px;}
  .home-hero-copy--unified h1 {font-size:58px !important;}
  .home-hero-aside strong {font-size:26px;}
}

@media screen and (max-width: 1100px) {
  .homeHeroSwiper img {height:700px;}
  .home-hero-unified {grid-template-columns:minmax(0,1fr);gap:26px;align-items:end;padding:128px 0 70px;}
  .home-hero-copy--unified {align-self:end;max-width:100%;}
  .home-hero-copy--unified h1 {font-size:44px !important;max-width:100% !important;}
  .home-hero-copy--unified p {font-size:16px !important;max-width:100% !important;}
  .home-hero-aside {justify-self:start;max-width:100%;padding:22px 0 0;border-left:none;border-top:1px solid rgba(255,255,255,.14);}
}

@media screen and (max-width: 767px) {
  .homeHeroSwiper img {height:620px;}
  .home-hero-panel .w {padding-left:20px;padding-right:20px;}
  .home-hero-unified {gap:18px;padding:112px 0 60px;}
  .home-eyebrow--hero {height:28px;padding:0 14px;font-size:10px;letter-spacing:.18em;}
  .home-hero-copy--unified h1 {margin-top:16px !important;font-size:31px !important;line-height:1.05 !important;}
  .home-hero-copy--unified p {margin-top:14px !important;font-size:14px !important;line-height:1.85 !important;}
  .home-hero-copy--unified .home-hero-actions {margin-top:22px !important;gap:10px !important;}
  .home-hero-aside {padding-top:16px;}
  .home-hero-aside strong {font-size:22px;}
  .home-hero-aside p {margin-top:10px;font-size:13px;line-height:1.8;}
  .home-hero-meta {margin-top:16px;gap:8px;}
  .home-hero-meta span {height:30px;padding:0 10px;font-size:10px;letter-spacing:.08em;}
  .home-hero-pagination {bottom:18px !important;}
}

/* ===== 首页首屏极简海报化 v19 ===== */
.home-hero-panel {position:absolute;inset:0;z-index:2;margin:0 !important;display:flex;align-items:stretch;pointer-events:none;}
.home-hero-panel .w {height:100%;}
.home-hero-unified {display:block !important;height:100%;padding:168px 0 108px !important;pointer-events:auto;}
.home-hero-copy--unified {position:relative;display:flex !important;flex-direction:column;align-items:flex-start;justify-content:flex-end;max-width:820px !important;min-height:100%;padding:0 0 0 28px !important;}
.home-hero-copy--unified::before {content:"";position:absolute;left:0;top:2px;bottom:6px;width:1px;background:linear-gradient(180deg,rgba(201,166,110,0) 0%,rgba(201,166,110,.92) 18%,rgba(242,230,210,.82) 52%,rgba(201,166,110,.86) 82%,rgba(201,166,110,0) 100%);box-shadow:0 0 18px rgba(201,166,110,.18);}
.home-eyebrow--hero {height:28px !important;padding:0 14px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.1) !important;color:rgba(255,255,255,.76) !important;backdrop-filter:blur(8px);}
.home-hero-copy--unified h1 {margin-top:24px !important;max-width:760px !important;font-size:74px !important;line-height:.96 !important;color:#fff !important;letter-spacing:-.072em !important;text-shadow:0 12px 34px rgba(0,0,0,.22);}
.home-hero-copy--unified p {margin-top:24px !important;max-width:720px !important;font-size:18px !important;line-height:1.95 !important;color:rgba(235,241,247,.78) !important;}
.home-hero-copy--unified .home-hero-actions {margin-top:36px !important;gap:14px !important;}
.home-btn--primary {background:linear-gradient(135deg,#ffffff 0%,#eef2f7 56%,#c7a06b 100%) !important;color:#0e2440 !important;box-shadow:0 18px 42px rgba(6,14,24,.16) !important;}
.home-btn--ghost-light {background:rgba(255,255,255,.045) !important;border:1px solid rgba(255,255,255,.16) !important;color:#fff !important;backdrop-filter:blur(10px);}
.home-hero-aside {display:none !important;}
.home-hero-kicker,.home-hero-meta {display:none !important;}

@media screen and (max-width: 1440px) {
  .home-hero-unified {padding:152px 0 96px !important;}
  .home-hero-copy--unified {max-width:760px !important;}
  .home-hero-copy--unified h1 {font-size:62px !important;max-width:700px !important;}
}

@media screen and (max-width: 1100px) {
  .homeHeroSwiper img {height:680px;}
  .home-hero-unified {padding:138px 0 78px !important;}
  .home-hero-copy--unified {max-width:100% !important;padding-left:22px !important;}
  .home-hero-copy--unified h1 {font-size:46px !important;max-width:100% !important;}
  .home-hero-copy--unified p {max-width:100% !important;font-size:16px !important;}
}

@media screen and (max-width: 767px) {
  .homeHeroSwiper img {height:600px;}
  .home-hero-panel .w {padding-left:20px;padding-right:20px;}
  .home-hero-unified {padding:112px 0 56px !important;}
  .home-hero-copy--unified {padding-left:16px !important;}
  .home-hero-copy--unified::before {top:0;bottom:4px;}
  .home-hero-copy--unified h1 {margin-top:18px !important;font-size:33px !important;line-height:1.02 !important;}
  .home-hero-copy--unified p {margin-top:16px !important;font-size:14px !important;line-height:1.88 !important;}
  .home-hero-copy--unified .home-hero-actions {margin-top:24px !important;gap:10px !important;}
}

/* ===== 首页首屏影像统一优化 v20 ===== */
.home-hero-slide {position:relative;overflow:hidden;}
.home-hero-slide::before {content:"";position:absolute;inset:0;z-index:1;background:
linear-gradient(90deg,rgba(4,11,21,.9) 0%,rgba(7,18,31,.78) 28%,rgba(8,20,35,.4) 58%,rgba(6,16,28,.34) 100%),
radial-gradient(circle at 82% 18%,rgba(197,162,111,.18) 0%,rgba(197,162,111,.08) 16%,rgba(197,162,111,0) 40%);}
.homeHeroSwiper img {transform:scale(1.02);filter:saturate(.88) brightness(.78) contrast(1.04);object-position:center center;}
.home-hero-panel {z-index:2;}
.home-eyebrow--hero {background:rgba(255,255,255,.05) !important;border-color:rgba(255,255,255,.12) !important;color:rgba(244,235,219,.78) !important;}

@media screen and (max-width: 767px) {
  .homeHeroSwiper img {transform:scale(1.01);}
  .home-hero-slide::before {background:
  linear-gradient(180deg,rgba(4,11,21,.68) 0%,rgba(4,11,21,.52) 28%,rgba(6,16,28,.72) 100%),
  radial-gradient(circle at 78% 16%,rgba(197,162,111,.12) 0%,rgba(197,162,111,0) 34%);}
}

/* ===== 首页结构与标题优化 v21 ===== */
.home-section-title {display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:0 !important;}
.home-section-title-cn {display:inline-block;}
.home-section-title-en {display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,rgba(246,243,238,.96) 0%,rgba(239,235,228,.92) 100%);border:1px solid rgba(190,176,158,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);font-size:13px;font-weight:700;letter-spacing:.22em;color:#375679;text-transform:uppercase;white-space:nowrap;}
.home-section-head p {margin-top:14px;}

.home-section--solution .home-section-head {margin-bottom:18px;}
.homeSolutionSwiper {padding:8px 0 6px;}
.home-solution-card {min-height:390px;border-radius:28px;transition:transform .24s ease,filter .24s ease;}
.home-solution-card::before {background:linear-gradient(180deg,rgba(8,18,31,.02) 0%,rgba(8,18,31,.12) 34%,rgba(8,18,31,.78) 100%);}
.home-solution-card::after {left:22px;right:22px;bottom:20px;}
.home-solution-media {height:390px !important;}
.home-solution-media img {filter:saturate(.9) contrast(1.02) brightness(.94);}
.home-solution-body {padding:18px 20px 34px !important;}
.home-solution-body .home-card-kicker {height:28px;padding:0 12px;font-size:10px;letter-spacing:.12em;}
.home-solution-body span a {margin-top:12px;font-size:22px !important;line-height:1.28 !important;-webkit-line-clamp:2;max-width:100%;}
.home-solution-body .home-inline-link {margin-top:14px;font-size:13px;}

@media screen and (max-width: 1440px) {
  .home-section-title-en {height:40px;padding:0 18px;font-size:12px;letter-spacing:.2em;}
  .home-solution-card {min-height:360px;}
  .home-solution-media {height:360px !important;}
  .home-solution-body span a {font-size:20px !important;}
}

@media screen and (max-width: 1100px) {
  .home-section-title {gap:12px;}
  .home-section-title-en {height:36px;padding:0 15px;font-size:11px;letter-spacing:.16em;}
  .home-solution-card {min-height:336px;}
  .home-solution-media {height:336px !important;}
  .home-solution-body {padding:16px 16px 28px !important;}
  .home-solution-body span a {font-size:18px !important;}
}

@media screen and (max-width: 767px) {
  .home-section-title {gap:10px;}
  .home-section-title-en {height:30px;padding:0 12px;font-size:10px;letter-spacing:.12em;}
  .home-solution-card {min-height:320px;border-radius:24px;}
  .home-solution-media {height:320px !important;}
  .home-solution-body {padding:16px 16px 24px !important;}
  .home-solution-body span a {font-size:18px !important;line-height:1.32 !important;}
}

/* ===== 解决方案：杂志式横向方案带 v22 ===== */
.home-section--solution .home-panel-shell--solution {padding:0;}
.home-section--solution .home-solution-shell::before {top:0;opacity:.88;}
.home-section--solution .homeSolutionSwiper {overflow:visible;padding:16px 0 8px;}
.home-section--solution .home-solution-grid {align-items:stretch;}
.home-section--solution .home-solution-card {
  display:grid !important;
  grid-template-rows:auto auto;
  min-height:auto !important;
  padding:0 28px 0 0 !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:transparent !important;
  transform:none;
}
.home-section--solution .home-solution-card::before {display:none !important;}
.home-section--solution .home-solution-card::after {
  content:"";
  position:absolute;
  top:8px;
  bottom:6px;
  right:0;
  left:auto;
  width:1px;
  height:auto;
  background:linear-gradient(180deg,rgba(21,38,60,0) 0%,rgba(21,38,60,.12) 18%,rgba(197,164,120,.42) 50%,rgba(21,38,60,.12) 82%,rgba(21,38,60,0) 100%);
  opacity:.95;
}
.home-section--solution .home-solution-card:hover {transform:translateY(-4px) !important;}
.home-section--solution .home-solution-media {
  position:relative;
  width:100% !important;
  height:248px !important;
  border-radius:28px !important;
  overflow:hidden;
  background:#0d1928;
}
.home-section--solution .home-solution-media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,17,29,.06) 0%,rgba(8,17,29,.16) 100%);
}
.home-section--solution .home-solution-media img {
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  filter:saturate(.9) brightness(.92) contrast(1.02);
  transition:transform .45s ease,filter .3s ease;
}
.home-section--solution .home-solution-card:hover .home-solution-media img {
  transform:scale(1.035);
  filter:saturate(.96) brightness(.96) contrast(1.03);
}
.home-section--solution .home-solution-body {
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  z-index:auto !important;
  display:block !important;
  min-height:0 !important;
  padding:18px 6px 0 2px !important;
  background:transparent !important;
}
.home-section--solution .home-solution-body::before {
  content:"";
  display:block;
  width:34px;
  height:1px;
  margin-bottom:14px;
  background:linear-gradient(90deg,rgba(197,164,120,.92) 0%,rgba(197,164,120,.28) 100%);
}
.home-section--solution .home-solution-body .home-card-kicker {
  align-self:auto;
  display:inline-flex;
  height:auto;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  color:#907656;
  font-size:11px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  box-shadow:none;
}
.home-section--solution .home-solution-body span a {
  display:-webkit-box !important;
  margin-top:10px;
  max-width:100%;
  color:#16283f !important;
  font-size:20px !important;
  line-height:1.34 !important;
  font-weight:700;
  text-align:left !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.home-section--solution .home-solution-body .home-inline-link {
  display:inline-flex;
  align-items:center;
  margin-top:14px;
  color:#2e4865 !important;
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
}
.home-section--solution .home-solution-body .home-inline-link::after {
  color:#c39c62;
}

@media screen and (max-width: 1440px) {
  .home-section--solution .home-solution-card {padding-right:24px !important;}
  .home-section--solution .home-solution-media {height:228px !important;}
  .home-section--solution .home-solution-body span a {font-size:18px !important;}
}

@media screen and (max-width: 1100px) {
  .home-section--solution .homeSolutionSwiper {padding-top:12px;}
  .home-section--solution .home-solution-card {padding-right:18px !important;}
  .home-section--solution .home-solution-media {height:216px !important;border-radius:24px !important;}
  .home-section--solution .home-solution-body {padding:16px 2px 0 0 !important;}
  .home-section--solution .home-solution-body span a {font-size:17px !important;line-height:1.38 !important;}
}

@media screen and (max-width: 767px) {
  .home-section--solution .homeSolutionSwiper {padding-top:10px;}
  .home-section--solution .home-solution-card {padding-right:14px !important;}
  .home-section--solution .home-solution-media {height:232px !important;border-radius:22px !important;}
  .home-section--solution .home-solution-body {padding-top:14px !important;}
  .home-section--solution .home-solution-body::before {width:26px;margin-bottom:12px;}
  .home-section--solution .home-solution-body span a {font-size:16px !important;line-height:1.42 !important;}
  .home-section--solution .home-solution-body .home-inline-link {margin-top:12px;font-size:12px;}
}

/* ===== 解决方案横向编辑带 v22 ===== */
.home-section--solution .home-section-head {margin-bottom:12px;}
.home-section--solution .home-panel-shell--solution {padding:0;}
.home-section--solution .home-solution-shell::before {top:0;opacity:.85;}
.home-section--solution .homeSolutionSwiper {overflow:visible;padding:18px 0 8px;}
.home-section--solution .homeSolutionSwiper .swiper-wrapper {align-items:stretch;}
.home-section--solution .home-solution-card {display:grid !important;grid-template-rows:auto auto;min-height:auto !important;padding:0 28px 0 0 !important;border-radius:0 !important;overflow:visible !important;background:transparent !important;transform:none;transition:transform .24s ease;}
.home-section--solution .home-solution-card::before {display:none !important;}
.home-section--solution .home-solution-card::after {content:"";position:absolute;top:8px;right:0;left:auto;bottom:6px;width:1px;height:auto;background:linear-gradient(180deg,rgba(28,44,64,0) 0%,rgba(28,44,64,.14) 18%,rgba(197,164,120,.48) 50%,rgba(28,44,64,.14) 82%,rgba(28,44,64,0) 100%);z-index:1;}
.home-section--solution .home-solution-card:hover {transform:translateY(-4px);}
.home-section--solution .home-solution-media {position:relative;width:100% !important;height:248px !important;border-radius:28px;overflow:hidden;background:#0c1726;}
.home-section--solution .home-solution-media::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,31,.04) 0%,rgba(8,18,31,.14) 100%);}
.home-section--solution .home-solution-media img {width:100% !important;height:100% !important;object-fit:cover;filter:saturate(.88) brightness(.9) contrast(1.02);transition:transform .45s ease,filter .3s ease;}
.home-section--solution .home-solution-card:hover .home-solution-media img {transform:scale(1.035);filter:saturate(.94) brightness(.94) contrast(1.03);}
.home-section--solution .home-solution-body {position:relative !important;left:auto !important;right:auto !important;bottom:auto !important;z-index:2;display:block !important;min-height:0 !important;padding:18px 6px 0 2px !important;background:transparent !important;}
.home-section--solution .home-solution-body::before {content:"";display:block;width:36px;height:1px;margin-bottom:14px;background:linear-gradient(90deg,rgba(197,164,120,.82) 0%,rgba(197,164,120,.22) 100%);}
.home-section--solution .home-solution-body .home-card-kicker {display:inline-flex;align-items:center;height:auto;padding:0;border:none;background:transparent !important;color:#927455 !important;font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:none;box-shadow:none;}
.home-section--solution .home-solution-body span a {display:-webkit-box !important;margin-top:10px;font-size:20px !important;line-height:1.34 !important;color:#16283f !important;font-weight:700;letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;}
.home-section--solution .home-solution-body .home-inline-link {display:inline-flex;align-items:center;margin-top:14px;color:#304c68 !important;font-size:13px;font-weight:700;letter-spacing:.04em;}
.home-section--solution .home-solution-body .home-inline-link::after {color:#b48b58;}

@media screen and (max-width: 1600px) {
  .home-section--solution .home-solution-card {padding-right:24px !important;}
  .home-section--solution .home-solution-media {height:234px !important;}
  .home-section--solution .home-solution-body span a {font-size:19px !important;}
}

@media screen and (max-width: 1100px) {
  .home-section--solution .homeSolutionSwiper {padding-top:14px;}
  .home-section--solution .home-solution-card {padding-right:18px !important;}
  .home-section--solution .home-solution-media {height:220px !important;border-radius:24px;}
  .home-section--solution .home-solution-body {padding:16px 4px 0 2px !important;}
  .home-section--solution .home-solution-body span a {font-size:18px !important;}
}

@media screen and (max-width: 767px) {
  .home-section--solution .homeSolutionSwiper {padding-top:10px;}
  .home-section--solution .home-solution-card {padding-right:14px !important;}
  .home-section--solution .home-solution-media {height:232px !important;border-radius:22px;}
  .home-section--solution .home-solution-card::after {top:4px;bottom:0;}
  .home-section--solution .home-solution-body {padding:14px 2px 0 0 !important;}
  .home-section--solution .home-solution-body::before {width:28px;margin-bottom:12px;}
  .home-section--solution .home-solution-body span a {font-size:17px !important;line-height:1.36 !important;}
}

/* ===== 首页视觉精修 v23 ===== */
.home-page {
  position: relative;
  isolation: isolate;
}
.home-page::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 18%, rgba(47, 107, 255, .08) 0%, rgba(47, 107, 255, 0) 36%),
    radial-gradient(circle at 84% 9%, rgba(197, 164, 120, .14) 0%, rgba(197, 164, 120, 0) 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(247, 242, 235, .38) 100%);
}

.home-section {
  padding: 50px 0;
}
.home-section-head {
  margin-bottom: 28px;
}
.home-section-head h2 {
  font-size: clamp(30px, 2.15vw, 42px);
  letter-spacing: -.028em;
}
.home-section-head p {
  font-size: 16px;
  line-height: 1.92;
  color: #5f7388;
}
.home-section-title-en {
  height: 44px;
  padding: 0 22px;
  font-size: 12px;
  letter-spacing: .24em;
  border-color: rgba(178, 163, 141, .46);
  background: linear-gradient(180deg, rgba(248, 245, 240, .98) 0%, rgba(239, 234, 225, .95) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94), 0 10px 24px rgba(15, 23, 42, .05);
}

.home-section-link {
  height: 44px;
  padding: 0 20px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(247, 250, 255, .95) 100%);
  border-color: rgba(36, 69, 107, .18);
  box-shadow: 0 12px 24px rgba(15, 23, 42, .06);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
.home-section-link:hover {
  transform: translateY(-1px);
  border-color: rgba(36, 69, 107, .32);
  box-shadow: 0 16px 32px rgba(15, 23, 42, .1);
}
.home-carousel-btn {
  background: linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%);
  border-color: rgba(24, 55, 92, .18);
}

.home-recommend-grid {
  gap: 22px;
}
.home-recommend-card {
  padding: 16px 16px 18px !important;
  border: 1px solid rgba(223, 230, 237, .95) !important;
  border-radius: 26px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .05);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.home-recommend-card::after {
  display: none;
}
.home-recommend-card:hover {
  transform: translateY(-6px);
  border-color: rgba(194, 170, 132, .56) !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, .1);
}
.home-recommend-media {
  height: 198px;
  border-radius: 18px;
  background: radial-gradient(circle at center, rgba(197, 164, 120, .12) 0%, rgba(47, 107, 255, .06) 42%, rgba(255, 255, 255, 0) 86%);
}
.home-recommend-card .wd {
  padding: 12px 2px 0;
}
.home-recommend-card .wd .home-card-kicker {
  margin-bottom: 10px;
  color: #8c6a3e;
  font-size: 10.5px;
  letter-spacing: .16em;
}
.home-recommend-card .wd a {
  font-size: 19px !important;
  line-height: 1.32;
}

.home-product-card {
  padding: 8px 18px 28px !important;
}
.home-product-card::before {
  top: 18px;
  height: 136px;
  filter: blur(14px);
}
.home-product-media {
  height: 136px;
}
.home-product-card:hover .home-product-media {
  transform: translateY(-7px) scale(1.02);
}
.home-product-card:hover img {
  filter: grayscale(0) drop-shadow(0 18px 28px rgba(28, 42, 62, .14));
}
.home-product-body b a {
  font-size: 20px;
}
.home-product-body .description {
  font-size: 13px !important;
  color: #6f8195 !important;
}

.home-news-card {
  border: 1px solid rgba(224, 231, 238, .95);
  background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
}
.home-news-card .news-date {
  border-radius: 16px;
}
.home-news-card .wd a {
  font-size: 21px !important;
}

.home-contact-band {
  padding: 26px 0 72px;
}
.home-contact-band__inner {
  padding: 34px 34px 30px;
  border-radius: 32px;
  border: 1px solid rgba(219, 227, 236, .96);
  background: linear-gradient(145deg, #ffffff 0%, #f7fafc 56%, #f3eee4 100%);
  box-shadow: 0 24px 54px rgba(15, 23, 42, .08);
  gap: 26px 30px;
}
.home-contact-band__inner::before {
  top: auto;
  bottom: 0;
  left: 34px;
  right: 34px;
  opacity: .76;
}
.home-contact-item {
  padding: 0 0 14px;
}
.home-contact-item strong {
  font-size: 20px;
}
.home-contact-actions {
  padding-top: 16px;
}

@media screen and (max-width: 1440px) {
  .home-recommend-media {
    height: 186px;
  }
  .home-recommend-card .wd a {
    font-size: 18px !important;
  }
  .home-news-card .wd a {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 1100px) {
  .home-section {
    padding: 38px 0;
  }
  .home-section-head {
    margin-bottom: 22px;
  }
  .home-recommend-card {
    padding: 14px 14px 16px !important;
    border-radius: 22px;
  }
  .home-recommend-media {
    height: 176px;
  }
  .home-product-card {
    padding: 4px 12px 24px !important;
  }
  .home-product-body b a {
    font-size: 18px;
  }
  .home-contact-band {
    padding: 20px 0 58px;
  }
  .home-contact-band__inner {
    padding: 28px 24px 24px;
    border-radius: 26px;
  }
  .home-contact-band__inner::before {
    left: 24px;
    right: 24px;
  }
  .home-contact-item strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .home-section {
    padding: 30px 0;
  }
  .home-section-head h2 {
    font-size: 25px;
  }
  .home-section-head p {
    font-size: 14px;
    line-height: 1.84;
  }
  .home-section-title-en {
    height: 32px;
    padding: 0 12px;
    font-size: 10px;
    letter-spacing: .12em;
  }
  .home-recommend-grid {
    gap: 14px;
  }
  .home-recommend-card {
    padding: 12px 12px 14px !important;
    border-radius: 18px;
  }
  .home-recommend-media {
    height: 166px;
    border-radius: 14px;
  }
  .home-recommend-card .wd a {
    font-size: 16px !important;
  }
  .home-product-body b a {
    font-size: 17px;
  }
  .home-news-card .wd a {
    font-size: 18px !important;
  }
  .home-contact-band {
    padding: 18px 0 46px;
  }
  .home-contact-band__inner {
    padding: 22px 18px 18px;
    border-radius: 20px;
    gap: 18px;
  }
  .home-contact-band__inner::before {
    left: 18px;
    right: 18px;
  }
  .home-contact-item strong {
    font-size: 16px;
  }
  .home-contact-actions {
    justify-content: flex-start;
  }
}

/* ===== 首页高级感精修 v24 ===== */
.home-page {
  background:
    radial-gradient(circle at 10% 6%, rgba(195, 161, 112, .11) 0%, rgba(195, 161, 112, 0) 26%),
    radial-gradient(circle at 88% 4%, rgba(28, 48, 74, .11) 0%, rgba(28, 48, 74, 0) 34%),
    linear-gradient(180deg, #f7f6f3 0%, #fdfcf9 36%, #f5f0e8 100%);
}
.home-page::after {
  background:
    radial-gradient(circle at 16% 16%, rgba(194, 166, 125, .13) 0%, rgba(194, 166, 125, 0) 40%),
    radial-gradient(circle at 82% 9%, rgba(16, 30, 48, .08) 0%, rgba(16, 30, 48, 0) 34%);
}

.home-hero-slide::before {
  background:
    linear-gradient(96deg, rgba(7, 14, 24, .9) 0%, rgba(10, 20, 33, .82) 34%, rgba(10, 22, 37, .38) 62%, rgba(7, 15, 26, .30) 100%) !important,
    radial-gradient(circle at 78% 18%, rgba(201, 168, 118, .18) 0%, rgba(201, 168, 118, 0) 32%) !important;
}
.homeHeroSwiper img {
  filter: saturate(.74) brightness(.72) contrast(1.06) !important;
}
.home-eyebrow--hero {
  background: rgba(255, 245, 223, .07) !important;
  border-color: rgba(199, 165, 113, .34) !important;
  color: rgba(244, 228, 200, .9) !important;
}
.home-hero-copy--unified h1,
.home-section-head h2,
.home-value-copy h2,
.home-contact-copy h2 {
  font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;
  font-weight: 700;
  letter-spacing: -.02em;
}
.home-hero-copy--unified p {
  color: rgba(236, 228, 213, .84) !important;
}
.home-btn--primary {
  border: 1px solid rgba(171, 136, 86, .42) !important;
  background: linear-gradient(135deg, #f8f2e7 0%, #e7dccb 52%, #c6a271 100%) !important;
  color: #18283d !important;
  box-shadow: 0 18px 38px rgba(12, 20, 31, .18) !important;
}
.home-btn--ghost-light {
  border-color: rgba(205, 176, 128, .32) !important;
  background: rgba(255, 249, 238, .06) !important;
}

.home-section-title-en {
  border-color: rgba(180, 150, 110, .5);
  color: #5c4630;
  background: linear-gradient(180deg, rgba(250, 245, 238, .98) 0%, rgba(240, 232, 220, .95) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 12px 28px rgba(24, 32, 44, .08);
}
.home-section-link {
  border-color: rgba(63, 84, 108, .24);
  background: linear-gradient(135deg, rgba(255, 255, 255, .98) 0%, rgba(247, 242, 233, .95) 100%);
}
.home-section-link:hover {
  border-color: rgba(159, 127, 88, .48);
}
.home-carousel-btn {
  border-color: rgba(63, 84, 108, .24);
  background: linear-gradient(180deg, #ffffff 0%, #f6f1e8 100%);
}
.home-carousel-btn:hover {
  color: #8a673b;
}

.home-recommend-card,
.home-news-card,
.home-contact-band__inner {
  border-color: rgba(191, 170, 136, .52) !important;
  box-shadow: 0 18px 44px rgba(18, 26, 37, .08);
}
.home-recommend-card {
  background: linear-gradient(180deg, #fffdfa 0%, #f7f2e9 100%);
}
.home-recommend-media {
  background: radial-gradient(circle at center, rgba(195, 161, 112, .18) 0%, rgba(195, 161, 112, .07) 40%, rgba(255, 255, 255, 0) 86%);
}
.home-recommend-card .wd a,
.home-news-card .wd a {
  color: #1d2d40 !important;
}

.home-product-card::after {
  background: linear-gradient(90deg, rgba(68, 76, 84, 0) 0%, rgba(68, 76, 84, .14) 28%, rgba(191, 157, 106, .62) 50%, rgba(68, 76, 84, .14) 72%, rgba(68, 76, 84, 0) 100%);
}
.home-product-body b a {
  color: #25364a !important;
}

.home-contact-band__inner {
  background: linear-gradient(145deg, #fffdfa 0%, #f5efe5 56%, #ece0ce 100%);
}
.home-contact-item span {
  color: #8a6e4b;
}
.home-contact-item strong {
  color: #21344a;
}
.home-contact-actions .home-btn--primary {
  box-shadow: 0 14px 32px rgba(13, 22, 34, .2) !important;
}

@media screen and (max-width: 1100px) {
  .home-hero-copy--unified h1,
  .home-section-head h2,
  .home-value-copy h2,
  .home-contact-copy h2 {
    letter-spacing: -.015em;
  }
  .home-recommend-card,
  .home-news-card,
  .home-contact-band__inner {
    box-shadow: 0 14px 32px rgba(18, 26, 37, .08);
  }
}

@media screen and (max-width: 767px) {
  .home-section-head h2 {
    font-size: 24px;
  }
  .home-hero-copy--unified h1,
  .home-value-copy h2,
  .home-contact-copy h2 {
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
  }
  .home-contact-band__inner {
    background: linear-gradient(150deg, #fffdf9 0%, #f3ecdf 100%);
  }
}

/* ===== 首页简介区冷峻统一 v26（去卡片） ===== */
.home-intro {
  margin-top: 44px !important;
  padding-bottom: 52px;
}
.home-intro-grid {
  position: relative;
  padding-top: 34px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-intro-grid::before {
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(54, 72, 94, 0) 0%, rgba(54, 72, 94, .2) 20%, rgba(86, 116, 150, .48) 50%, rgba(54, 72, 94, .2) 80%, rgba(54, 72, 94, 0) 100%);
}
.home-intro-grid::after {
  display: none;
}
.home-intro .home-eyebrow {
  border: 1px solid rgba(96, 124, 156, .26);
  background: linear-gradient(135deg, rgba(237, 244, 251, .88) 0%, rgba(227, 237, 248, .82) 100%);
  color: #4e6a87;
  box-shadow: none;
}
.home-intro-main {
  padding: 8px 52px 0 0;
}
.home-intro-main h2 {
  color: #142c47;
  letter-spacing: -.024em;
}
.home-intro-main p {
  color: #627b93;
}
.home-intro-stats {
  margin-top: 28px;
}
.home-intro-stat {
  border-top-color: rgba(98, 123, 151, .3);
}
.home-intro-stat strong {
  color: #1a395b;
}
.home-intro-stat span {
  color: #6d849b;
}
.home-intro-points {
  padding: 10px 0 0 38px;
  border-left: 1px solid rgba(98, 123, 151, .3);
}
.home-point-card::after {
  background: linear-gradient(90deg, rgba(54, 72, 94, 0) 0%, rgba(54, 72, 94, .22) 24%, rgba(92, 126, 165, .5) 52%, rgba(54, 72, 94, .18) 78%, rgba(54, 72, 94, 0) 100%);
}
.home-point-card strong {
  color: #1a3859;
}
.home-point-card p {
  color: #698196;
}

@media screen and (max-width: 1100px) {
  .home-intro {
    margin-top: 30px !important;
    padding-bottom: 42px;
  }
  .home-intro-grid {
    padding-top: 26px;
  }
  .home-intro-main {
    padding-right: 0;
  }
  .home-intro-points {
    padding: 14px 0 0;
    border-left: none;
    border-top: 1px solid rgba(98, 123, 151, .26);
  }
}

@media screen and (max-width: 767px) {
  .home-intro {
    margin-top: 22px !important;
    padding-bottom: 34px;
  }
  .home-intro-grid {
    padding-top: 22px;
  }
}

/* ===== 首页简介区高阶突出 v27（非卡片） ===== */
.home-intro {
  margin-top: 56px !important;
  padding: 10px 0 62px;
  position: relative;
}
.home-intro::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 18%, rgba(78, 109, 144, .12) 0%, rgba(78, 109, 144, 0) 40%),
    radial-gradient(circle at 86% 72%, rgba(108, 139, 174, .10) 0%, rgba(108, 139, 174, 0) 34%);
}
.home-intro-grid {
  position: relative;
  padding-top: 40px;
  padding-bottom: 12px;
}
.home-intro-grid::before {
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(40, 58, 82, 0) 0%, rgba(40, 58, 82, .26) 18%, rgba(95, 130, 170, .62) 50%, rgba(40, 58, 82, .26) 82%, rgba(40, 58, 82, 0) 100%);
}
.home-intro-grid::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(40, 58, 82, 0) 0%, rgba(40, 58, 82, .16) 24%, rgba(95, 130, 170, .44) 50%, rgba(40, 58, 82, .16) 76%, rgba(40, 58, 82, 0) 100%);
}
.home-intro-main,
.home-intro-points {
  position: relative;
  z-index: 1;
}
.home-intro-main {
  padding: 8px 66px 0 0;
}
.home-intro-main::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 8px;
  bottom: 10px;
  width: 2px;
  border-radius: 99px;
  background: linear-gradient(180deg, rgba(100, 133, 167, 0) 0%, rgba(100, 133, 167, .68) 18%, rgba(150, 182, 216, .9) 50%, rgba(100, 133, 167, .62) 82%, rgba(100, 133, 167, 0) 100%);
  box-shadow: 0 0 18px rgba(116, 149, 186, .2);
}
.home-intro .home-eyebrow {
  border-color: rgba(92, 122, 153, .34);
  background: linear-gradient(135deg, rgba(233, 242, 250, .92) 0%, rgba(220, 233, 246, .88) 100%);
  color: #486687;
}
.home-intro-main h2 {
  color: #102b48;
  font-size: clamp(38px, 3.05vw, 54px);
  line-height: 1.08;
  letter-spacing: -.028em;
}
.home-intro-main p {
  margin-top: 18px;
  max-width: 840px;
  font-size: 17px;
  line-height: 1.9;
  color: #5c7690;
}
.home-intro-stats {
  margin-top: 34px;
  gap: 22px;
}
.home-intro-stat {
  padding-top: 18px;
  border-top-color: rgba(83, 108, 137, .34);
}
.home-intro-stat strong {
  font-size: 17px;
  color: #17395d;
}
.home-intro-stat span {
  margin-top: 9px;
  font-size: 13px;
  color: #6a839a;
}
.home-intro-points {
  padding: 12px 0 0 42px;
  gap: 26px;
  border-left-color: rgba(83, 108, 137, .34);
}
.home-point-card {
  padding: 0 0 20px 14px;
}
.home-point-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  border: 1px solid rgba(113, 143, 175, .74);
  background: linear-gradient(135deg, rgba(232, 240, 248, .95) 0%, rgba(196, 218, 240, .84) 100%);
  transform: rotate(45deg);
}
.home-point-card::after {
  background: linear-gradient(90deg, rgba(40, 58, 82, 0) 0%, rgba(40, 58, 82, .18) 26%, rgba(95, 130, 170, .54) 52%, rgba(40, 58, 82, .15) 76%, rgba(40, 58, 82, 0) 100%);
}
.home-point-card strong {
  font-size: 28px;
  line-height: 1.14;
  letter-spacing: -.02em;
  color: #153657;
}
.home-point-card p {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.82;
  color: #637d94;
}

@media screen and (max-width: 1100px) {
  .home-intro {
    margin-top: 34px !important;
    padding-bottom: 44px;
  }
  .home-intro-grid {
    padding-top: 30px;
    padding-bottom: 8px;
  }
  .home-intro-main {
    padding-right: 0;
  }
  .home-intro-main::before {
    display: none;
  }
  .home-intro-main h2 {
    font-size: clamp(30px, 5.6vw, 42px);
    line-height: 1.12;
  }
  .home-intro-main p {
    font-size: 15px;
    line-height: 1.86;
  }
  .home-intro-points {
    padding: 16px 0 0;
    gap: 20px;
    border-left: none;
    border-top: 1px solid rgba(83, 108, 137, .26);
  }
  .home-point-card strong {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .home-intro {
    margin-top: 24px !important;
    padding-bottom: 34px;
  }
  .home-intro-grid {
    padding-top: 24px;
    padding-bottom: 6px;
  }
  .home-intro-main h2 {
    font-size: 34px;
    line-height: 1.14;
  }
  .home-intro-main p {
    font-size: 14px;
    line-height: 1.82;
    margin-top: 14px;
  }
  .home-intro-stats {
    margin-top: 24px;
    gap: 16px;
  }
  .home-intro-stat strong {
    font-size: 16px;
  }
  .home-point-card {
    padding-left: 12px;
  }
  .home-point-card strong {
    font-size: 22px;
  }
  .home-point-card p {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.78;
  }
}

/* ===== 首页简介区融合增强 v28（去块感） ===== */
.home-intro {
  margin-top: 56px !important;
  padding: 12px 0 62px;
  position: relative;
  background: linear-gradient(180deg, rgba(224, 233, 242, .26) 0%, rgba(224, 233, 242, .11) 36%, rgba(224, 233, 242, 0) 78%);
}
.home-intro::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -18px;
  width: min(1760px, 160vw);
  height: calc(100% + 36px);
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(circle at 16% 18%, rgba(67, 94, 128, .10) 0%, rgba(67, 94, 128, 0) 42%),
    radial-gradient(circle at 86% 74%, rgba(101, 131, 164, .08) 0%, rgba(101, 131, 164, 0) 40%),
    linear-gradient(180deg, rgba(231, 238, 246, .44) 0%, rgba(231, 238, 246, .16) 36%, rgba(231, 238, 246, 0) 82%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.home-intro-grid {
  padding-top: 38px;
  padding-bottom: 12px;
}
.home-intro-grid::before {
  background: linear-gradient(90deg, rgba(35, 51, 72, 0) 0%, rgba(35, 51, 72, .22) 18%, rgba(87, 120, 156, .56) 50%, rgba(35, 51, 72, .22) 82%, rgba(35, 51, 72, 0) 100%);
}
.home-intro-grid::after {
  background: linear-gradient(90deg, rgba(35, 51, 72, 0) 0%, rgba(35, 51, 72, .12) 24%, rgba(87, 120, 156, .36) 50%, rgba(35, 51, 72, .12) 76%, rgba(35, 51, 72, 0) 100%);
}
.home-intro-main::before {
  box-shadow: 0 0 16px rgba(103, 136, 170, .16);
}
.home-intro-main p {
  color: #5a748d;
}
.home-intro-stat {
  border-top-color: rgba(79, 103, 130, .3);
}
.home-intro-points {
  border-left-color: rgba(79, 103, 130, .28);
}

@media screen and (max-width: 1100px) {
  .home-intro {
    margin-top: 34px !important;
    padding-bottom: 44px;
  }
  .home-intro::before {
    top: -10px;
    width: min(1480px, 180vw);
    height: calc(100% + 24px);
  }
}

@media screen and (max-width: 767px) {
  .home-intro {
    margin-top: 24px !important;
    padding-bottom: 34px;
    background: linear-gradient(180deg, rgba(224, 233, 242, .2) 0%, rgba(224, 233, 242, .06) 40%, rgba(224, 233, 242, 0) 84%);
  }
  .home-intro::before {
    width: 190vw;
    top: -8px;
    height: calc(100% + 20px);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
  }
  .home-intro-grid {
    padding-top: 24px;
  }
}

/* ===== 首页干净冷峻 v30 ===== */
.home-page {
  background: linear-gradient(180deg, #f2f5f8 0%, #f6f8fb 32%, #f8fafc 66%, #f3f6f9 100%);
}
.home-page::after {
  background:
    radial-gradient(circle at 14% 10%, rgba(52, 74, 100, .06) 0%, rgba(52, 74, 100, 0) 34%),
    radial-gradient(circle at 88% 8%, rgba(74, 98, 124, .05) 0%, rgba(74, 98, 124, 0) 32%);
}
.home-section {
  padding: 38px 0;
}
.home-section-head {
  margin-bottom: 18px;
}
.home-section-head h2 {
  color: #13283f;
  letter-spacing: -.018em;
}
.home-section-head p {
  color: #667a8f;
}
.home-section-link,
.home-carousel-btn {
  border-color: rgba(38, 56, 77, .16);
  background: linear-gradient(180deg, #f8fbfd 0%, #f2f6fa 100%);
  box-shadow: none;
}
.home-section-link:hover,
.home-carousel-btn:hover {
  border-color: rgba(38, 56, 77, .34);
  box-shadow: none;
}
.home-product-shell::before,
.home-recommend-shell::before,
.home-solution-shell::before {
  opacity: .56;
}
.home-intro {
  background: linear-gradient(180deg, rgba(224, 233, 242, .18) 0%, rgba(224, 233, 242, .08) 36%, rgba(224, 233, 242, 0) 80%);
}
.home-intro::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(67, 94, 128, .07) 0%, rgba(67, 94, 128, 0) 42%),
    radial-gradient(circle at 86% 74%, rgba(101, 131, 164, .06) 0%, rgba(101, 131, 164, 0) 40%),
    linear-gradient(180deg, rgba(231, 238, 246, .26) 0%, rgba(231, 238, 246, .08) 36%, rgba(231, 238, 246, 0) 82%);
}

/* 白底产品图统一底台，避免和页面白底融在一起 */
.home-product-shell .tod {
  padding-top: 20px;
}
.home-product-card {
  padding: 0 14px 28px !important;
}
.home-product-card::before {
  display: none;
}
.home-product-card::after {
  left: 14px;
  right: 14px;
  opacity: .56;
}
.home-product-media {
  position: relative;
  height: 152px;
  padding: 14px;
  border-radius: 20px;
  background: linear-gradient(180deg, #f0f4f8 0%, #e9eef4 100%);
  border: 1px solid rgba(107, 126, 147, .24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
  transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
}
.home-product-card:hover .home-product-media {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #f3f7fb 0%, #edf2f7 100%);
  border-color: rgba(107, 126, 147, .36);
  filter: none;
}
.home-product-card img {
  max-width: min(86%, 204px);
  max-height: 102px;
  filter: drop-shadow(0 8px 16px rgba(19, 33, 49, .12));
}
.home-product-body b a {
  color: #1f344b !important;
  font-size: 18px;
  letter-spacing: -.01em;
}
.home-product-body .description {
  color: #76899b !important;
}

.home-recommend-media {
  border-radius: 18px;
  border: 1px solid rgba(111, 129, 150, .18);
  background: linear-gradient(180deg, #f2f6fa 0%, #ebf1f6 100%);
}
.home-recommend-card img {
  filter: drop-shadow(0 10px 18px rgba(21, 37, 55, .1));
}

.home-news-card {
  box-shadow: 0 10px 22px rgba(15, 23, 42, .05);
}
.home-contact-band__inner {
  box-shadow: none;
}

@media screen and (max-width: 1100px) {
  .home-section {
    padding: 34px 0;
  }
  .home-product-card {
    padding: 0 10px 24px !important;
  }
  .home-product-media {
    height: 138px;
    border-radius: 16px;
    padding: 12px;
  }
}

@media screen and (max-width: 767px) {
  .home-section {
    padding: 30px 0;
  }
  .home-product-media {
    height: 126px;
    border-radius: 14px;
    padding: 10px;
  }
  .home-product-body b a {
    font-size: 17px;
  }
  .home-recommend-media {
    height: 158px;
    border-radius: 14px;
  }
}

/* ===== 首页背景回暖 v31（恢复金色基调） ===== */
.home-page {
  background:
    radial-gradient(circle at 10% 6%, rgba(195, 161, 112, .11) 0%, rgba(195, 161, 112, 0) 26%),
    radial-gradient(circle at 88% 4%, rgba(28, 48, 74, .11) 0%, rgba(28, 48, 74, 0) 34%),
    linear-gradient(180deg, #f7f6f3 0%, #fdfcf9 36%, #f5f0e8 100%);
}
.home-page::after {
  background:
    radial-gradient(circle at 16% 16%, rgba(194, 166, 125, .13) 0%, rgba(194, 166, 125, 0) 40%),
    radial-gradient(circle at 82% 9%, rgba(16, 30, 48, .08) 0%, rgba(16, 30, 48, 0) 34%);
}
.home-intro {
  background: linear-gradient(180deg, rgba(240, 232, 219, .24) 0%, rgba(240, 232, 219, .1) 36%, rgba(240, 232, 219, 0) 80%);
}
.home-intro::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(188, 160, 119, .12) 0%, rgba(188, 160, 119, 0) 42%),
    radial-gradient(circle at 86% 74%, rgba(111, 136, 167, .05) 0%, rgba(111, 136, 167, 0) 40%),
    linear-gradient(180deg, rgba(247, 241, 231, .28) 0%, rgba(247, 241, 231, .1) 36%, rgba(247, 241, 231, 0) 82%);
}

/* ===== 首页简介右侧去前置小标 v32 ===== */
.home-point-card {
  padding-left: 0 !important;
}
.home-point-card::before {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .home-point-card {
    padding-left: 0 !important;
  }
}

/* ===== 推荐产品重构 v34（干净版） ===== */
.home-section--recommend .home-section-head {
  margin-bottom: 20px;
}
.home-section--recommend .home-section-head p {
  max-width: 760px;
}
.home-section--recommend .home-recommend-grid {
  gap: 26px;
}
.home-section--recommend .home-recommend-card {
  padding: 0 0 22px !important;
  border: none !important;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
  transform: none;
}
.home-section--recommend .home-recommend-card::after {
  display: block;
  height: 1px;
  background: linear-gradient(90deg, rgba(31, 50, 74, 0) 0%, rgba(31, 50, 74, .14) 28%, rgba(176, 144, 98, .34) 50%, rgba(31, 50, 74, .14) 72%, rgba(31, 50, 74, 0) 100%);
}
.home-section--recommend .home-recommend-card:hover {
  transform: translateY(-3px);
  box-shadow: none !important;
}
.home-section--recommend .home-recommend-media {
  height: 206px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(140, 156, 173, .26);
  background: linear-gradient(180deg, #eff4f9 0%, #e8eef5 100%);
}
.home-section--recommend .home-recommend-card img {
  width: auto !important;
  max-width: 88%;
  height: auto !important;
  max-height: 158px;
  object-fit: contain;
  filter: drop-shadow(0 9px 18px rgba(20, 34, 51, .12));
}
.home-section--recommend .home-recommend-card .wd {
  padding: 12px 2px 0;
  text-align: center;
}
.home-section--recommend .home-recommend-card .wd .home-card-kicker {
  display: none;
}
.home-section--recommend .home-recommend-card .wd a {
  font-size: 17px !important;
  line-height: 1.34;
  letter-spacing: -.01em;
  color: #1a3048 !important;
}

@media screen and (max-width: 1100px) {
  .home-section--recommend .home-recommend-grid {
    gap: 18px;
  }
  .home-section--recommend .home-recommend-media {
    height: 186px;
    border-radius: 16px;
    padding: 12px;
  }
  .home-section--recommend .home-recommend-card .wd a {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .home-section--recommend .home-recommend-grid {
    gap: 14px;
  }
  .home-section--recommend .home-recommend-media {
    height: 170px;
    border-radius: 14px;
    padding: 10px;
  }
}

/* ===== 首页背景精简 v35（干净金色） ===== */
.home-page {
  background: linear-gradient(180deg, #f9f6ef 0%, #f8f3e9 42%, #f5eedf 100%);
}
.home-page::after {
  background:
    radial-gradient(circle at 12% 8%, rgba(194, 160, 106, .12) 0%, rgba(194, 160, 106, 0) 30%),
    radial-gradient(circle at 88% 12%, rgba(194, 160, 106, .08) 0%, rgba(194, 160, 106, 0) 32%);
}
.home-intro {
  background: linear-gradient(180deg, rgba(241, 231, 214, .2) 0%, rgba(241, 231, 214, .08) 38%, rgba(241, 231, 214, 0) 82%);
}
.home-intro::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(190, 158, 109, .1) 0%, rgba(190, 158, 109, 0) 42%),
    linear-gradient(180deg, rgba(247, 239, 226, .22) 0%, rgba(247, 239, 226, .08) 36%, rgba(247, 239, 226, 0) 82%);
}

/* ===== 首页米金背景 + 推荐标签恢复 v36 ===== */
.home-page {
  background: linear-gradient(180deg, #fbf8f2 0%, #f8f2e7 44%, #f4ebdc 100%);
}
.home-page::after {
  background:
    radial-gradient(circle at 12% 8%, rgba(196, 168, 124, .1) 0%, rgba(196, 168, 124, 0) 30%),
    radial-gradient(circle at 88% 12%, rgba(196, 168, 124, .07) 0%, rgba(196, 168, 124, 0) 32%);
}
.home-intro {
  background: linear-gradient(180deg, rgba(244, 235, 220, .22) 0%, rgba(244, 235, 220, .1) 38%, rgba(244, 235, 220, 0) 82%);
}
.home-intro::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(191, 162, 117, .09) 0%, rgba(191, 162, 117, 0) 42%),
    linear-gradient(180deg, rgba(249, 242, 231, .24) 0%, rgba(249, 242, 231, .1) 36%, rgba(249, 242, 231, 0) 82%);
}

.home-section--recommend .home-recommend-card .wd .home-card-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 10px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(191, 159, 112, .2) 0%, rgba(243, 233, 215, .9) 100%);
  border: 1px solid rgba(184, 154, 110, .36);
  color: #87663d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

/* ===== 推荐产品配色融合 v37（对齐米金主背景） ===== */
.home-section--recommend .home-recommend-card::after {
  background: linear-gradient(90deg, rgba(66, 52, 34, 0) 0%, rgba(66, 52, 34, .12) 28%, rgba(182, 154, 116, .34) 50%, rgba(66, 52, 34, .12) 72%, rgba(66, 52, 34, 0) 100%);
}
.home-section--recommend .home-recommend-media {
  position: relative;
  overflow: hidden;
  border-color: rgba(186, 168, 138, .38);
  background: linear-gradient(180deg, #efe8dc 0%, #e9e0d2 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
}
.home-section--recommend .home-recommend-media::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 11%;
  bottom: 14%;
  border-radius: 10px;
  background: #f7f4ee;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
  z-index: 0;
}
.home-section--recommend .home-recommend-card img {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 8px 14px rgba(40, 31, 21, .12));
}
.home-section--recommend .home-recommend-card .wd a {
  color: #1f3349 !important;
}
.home-section--recommend .home-recommend-card .wd .home-card-kicker {
  background: linear-gradient(135deg, rgba(191, 162, 117, .22) 0%, rgba(244, 235, 220, .92) 100%);
  border-color: rgba(184, 154, 110, .34);
  color: #88663c;
}

@media screen and (max-width: 1100px) {
  .home-section--recommend .home-recommend-media::before {
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 13%;
  }
}

@media screen and (max-width: 767px) {
  .home-section--recommend .home-recommend-media::before {
    left: 9%;
    right: 9%;
    top: 9%;
    bottom: 12%;
    border-radius: 8px;
  }
}

/* ===== 首页背景提亮 v39（偏白轻奢） ===== */
.home-page {
  background: linear-gradient(180deg, #fefefd 0%, #ffffff 42%, #fbfaf7 100%);
}
.home-page::after {
  background:
    radial-gradient(circle at 12% 8%, rgba(196, 168, 124, .045) 0%, rgba(196, 168, 124, 0) 28%),
    radial-gradient(circle at 88% 12%, rgba(34, 50, 72, .03) 0%, rgba(34, 50, 72, 0) 30%);
}
.home-intro {
  background: linear-gradient(180deg, rgba(247, 242, 234, .08) 0%, rgba(247, 242, 234, .03) 38%, rgba(247, 242, 234, 0) 82%);
}
.home-intro::before {
  background:
    radial-gradient(circle at 16% 18%, rgba(191, 162, 117, .035) 0%, rgba(191, 162, 117, 0) 40%),
    linear-gradient(180deg, rgba(250, 245, 236, .16) 0%, rgba(250, 245, 236, .06) 36%, rgba(250, 245, 236, 0) 82%);
}

/* ===== 推荐产品内外框间距收紧 v39 ===== */
.home-section--recommend .home-recommend-media {
  padding: 10px;
}
.home-section--recommend .home-recommend-media::before {
  left: 8%;
  right: 8%;
  top: 8%;
  bottom: 10%;
}

@media screen and (max-width: 1100px) {
  .home-section--recommend .home-recommend-media::before {
    left: 7%;
    right: 7%;
    top: 8%;
    bottom: 10%;
  }
}

@media screen and (max-width: 767px) {
  .home-section--recommend .home-recommend-media::before {
    left: 6%;
    right: 6%;
    top: 7%;
    bottom: 9%;
  }
}

/* ===== 合作品牌配色统一 v40（对齐推荐产品） ===== */
.home-section--product .home-product-card::after {
  background: linear-gradient(90deg, rgba(66, 52, 34, 0) 0%, rgba(66, 52, 34, .12) 28%, rgba(182, 154, 116, .34) 50%, rgba(66, 52, 34, .12) 72%, rgba(66, 52, 34, 0) 100%);
  opacity: .78;
}
.home-section--product .home-product-media {
  position: relative;
  overflow: hidden;
  border-color: rgba(186, 168, 138, .38);
  background: linear-gradient(180deg, #efe8dc 0%, #e9e0d2 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
}
.home-section--product .home-product-media::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  top: 11%;
  bottom: 14%;
  border-radius: 10px;
  background: #f7f4ee;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
  z-index: 0;
}
.home-section--product .home-product-card img {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 8px 14px rgba(40, 31, 21, .1));
}
.home-section--product .home-product-card:hover .home-product-media {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #f2ebdf 0%, #ece3d5 100%);
  border-color: rgba(186, 168, 138, .46);
}
.home-section--product .home-product-body b a {
  color: #1f3349 !important;
}
.home-section--product .home-product-body .description {
  color: #7f8c98 !important;
}

@media screen and (max-width: 1100px) {
  .home-section--product .home-product-media::before {
    left: 10%;
    right: 10%;
    top: 10%;
    bottom: 13%;
  }
}

@media screen and (max-width: 767px) {
  .home-section--product .home-product-media::before {
    left: 9%;
    right: 9%;
    top: 9%;
    bottom: 12%;
    border-radius: 8px;
  }
}

/* ===== 申请测试按钮可读性修复 v41 ===== */
.home-contact-actions .home-btn--ghost-light {
  color: #1e3349 !important;
  border: 1px solid rgba(168, 139, 98, .46) !important;
  background: linear-gradient(135deg, rgba(247, 238, 224, .94) 0%, rgba(240, 226, 199, .9) 100%) !important;
  box-shadow: 0 8px 18px rgba(67, 52, 31, .08);
  text-shadow: none;
}
.home-contact-actions .home-btn--ghost-light:hover {
  color: #172b40 !important;
  border-color: rgba(156, 126, 86, .58) !important;
  background: linear-gradient(135deg, rgba(250, 243, 231, .98) 0%, rgba(243, 230, 206, .96) 100%) !important;
}

/* ===== 首页区块操作按钮统一 v42 ===== */
.home-page .home-section-link,
.home-page .home-carousel-btn {
  border-color: rgba(176, 152, 116, .38) !important;
  background: linear-gradient(180deg, #f1eadf 0%, #e8decd 100%) !important;
  color: #1f3957 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .78), 0 6px 14px rgba(72, 56, 35, .06);
}
.home-page .home-section-link:hover,
.home-page .home-carousel-btn:hover {
  border-color: rgba(156, 129, 91, .56) !important;
  background: linear-gradient(180deg, #f6efe4 0%, #ede3d1 100%) !important;
  color: #173252 !important;
}

/* ===== 产品列表/详情模板统一升级 v43 ===== */
.product-page {
  position: relative;
  margin-top: 34px;
  margin-bottom: 46px;
  padding: 24px;
  border-radius: 30px;
  border: 1px solid rgba(197, 176, 142, .38);
  background: linear-gradient(180deg, rgba(253, 250, 244, .98) 0%, rgba(247, 240, 228, .92) 100%);
  box-shadow: 0 18px 42px rgba(52, 42, 28, .06);
}
.product-page::before {
  content: "";
  position: absolute;
  left: 34px;
  right: 34px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(170, 139, 91, 0) 0%, rgba(170, 139, 91, .4) 50%, rgba(170, 139, 91, 0) 100%);
}
.product-page .subleft {
  float: left;
  width: 244px;
}
.product-page .subleft .sidebar {
  float: none;
  position: sticky;
  top: 18px;
  margin-bottom: 0;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(193, 170, 134, .36);
  background: linear-gradient(180deg, rgba(245, 235, 217, .72) 0%, rgba(250, 246, 238, .92) 100%);
}
.product-page .subleft .topclass {
  height: auto;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(185, 162, 127, .22);
}
.product-page .subleft .topclass h2 {
  font-size: 28px;
  line-height: 1.18;
  color: #163053;
  font-weight: 800;
}
.product-page .subleft .topclass span {
  display: inline-block;
  margin-top: 8px;
  color: #8b7654;
  font-size: 11px;
  letter-spacing: .16em;
}
.product-page .side-menu {
  border: none;
  background: transparent;
}
.product-page .side-menu > dd {
  float: none;
  width: 100%;
}
.product-page .side-menu > dd + dd {
  margin-top: 6px;
}
.product-page .side-menu > dd > a {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(186, 163, 128, .2);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  color: #2a4361;
  font-size: 16px;
  line-height: 1.25;
}
.product-page .side-menu > dd > a::after {
  display: none;
}
.product-page .side-menu > dd > a:hover,
.product-page .side-menu > dd.current > a {
  color: #173252;
  border-color: rgba(168, 138, 95, .44);
  background: linear-gradient(135deg, rgba(255, 255, 255, .96) 0%, rgba(245, 235, 217, .88) 100%);
}
.product-page .side-menu2 {
  margin-top: 8px;
  padding: 0;
  background: transparent;
}
.product-page .side-menu2 dd {
  margin: 0;
}
.product-page .side-menu2 dd + dd {
  margin-top: 4px;
}
.product-page .side-menu2 dd > a {
  height: 38px;
  padding: 0 14px 0 28px;
  border-radius: 10px;
  color: #5f6f7f;
  font-size: 14px;
  line-height: 38px;
}
.product-page .side-menu2 dd > a:hover,
.product-page .side-menu2 dd.current > a {
  color: #183455;
  background: rgba(255, 255, 255, .74);
}
.product-page .product-main {
  float: right;
  width: calc(100% - 274px) !important;
  margin-bottom: 0 !important;
  padding: 30px;
  border-radius: 26px;
  border: 1px solid rgba(193, 170, 134, .34);
  background: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(249, 245, 237, .9) 100%);
  line-height: 1.8;
}
.product-page .sobtitle {
  display: none !important;
}
.product-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(172, 148, 112, .2);
}
.product-page-title-group h1 {
  margin-top: 12px;
  color: #142a42;
  font-size: 40px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -.03em;
}
.product-page-title-group p {
  margin-top: 12px;
  max-width: 760px;
  color: #5f7489;
  font-size: 16px;
  line-height: 1.86;
}
.product-page-eyebrow {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(180, 154, 116, .4);
  background: linear-gradient(135deg, rgba(247, 238, 224, .9) 0%, rgba(240, 227, 201, .82) 100%);
  color: #7e623d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
}
.product-page-eyebrow--detail {
  margin-bottom: 14px;
}
.product-page-path {
  margin-top: 4px;
  color: #728397;
  font-size: 13px;
  line-height: 1.7;
  white-space: nowrap;
}

.product-list-shell {
  margin-top: 0 !important;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px 20px;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
.product-grid-item {
  float: none !important;
  width: auto !important;
}
.product-grid-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding-bottom: 20px;
}
.product-grid-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(55, 46, 35, 0) 0%, rgba(55, 46, 35, .1) 26%, rgba(179, 150, 108, .34) 50%, rgba(55, 46, 35, .1) 74%, rgba(55, 46, 35, 0) 100%);
}
.product-grid-media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 224px;
  padding: 8px;
  border-radius: 28px;
  border: 1px solid rgba(186, 168, 138, .4);
  background: linear-gradient(180deg, #efe8dc 0%, #e9e0d2 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
  overflow: hidden;
}
.product-grid-media::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 7%;
  bottom: 9%;
  border-radius: 12px;
  background: #f7f4ee;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
.product-grid-media img {
  position: relative;
  z-index: 1;
  width: auto;
  max-width: 86%;
  max-height: 84%;
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(40, 31, 21, .12));
}
.product-grid-card:hover .product-grid-media {
  border-color: rgba(170, 143, 104, .5);
  background: linear-gradient(180deg, #f2ebdf 0%, #ece2d4 100%);
  transform: translateY(-2px);
}
.product-grid-body {
  padding: 12px 2px 0;
}
.product-grid-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(184, 154, 110, .36);
  background: linear-gradient(135deg, rgba(191, 162, 117, .22) 0%, rgba(244, 235, 220, .92) 100%);
  color: #88663c;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}
.product-grid-body h3 {
  margin-top: 10px;
}
.product-grid-body h3 a {
  display: -webkit-box;
  color: #162d49 !important;
  font-size: 20px;
  line-height: 1.34;
  font-weight: 800;
  letter-spacing: -.01em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-grid-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}
.product-grid-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-width: 108px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(163, 137, 98, .36);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  color: #1f3957 !important;
  background: linear-gradient(180deg, #f1eadf 0%, #e8decd 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
}
.product-grid-btn:hover {
  border-color: rgba(156, 129, 91, .56);
  background: linear-gradient(180deg, #f6efe4 0%, #ede3d1 100%);
  color: #173252 !important;
}
.product-grid-btn--primary {
  border-color: rgba(24, 49, 80, .32);
  background: linear-gradient(135deg, #17345a 0%, #244d80 56%, #b7905a 100%);
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(21, 46, 76, .18);
}
.product-grid-btn--primary:hover {
  border-color: rgba(24, 49, 80, .5);
  background: linear-gradient(135deg, #18385f 0%, #28578f 56%, #c09a64 100%);
  color: #fff !important;
}

.product-pagebar {
  margin-top: 28px;
  text-align: center;
}
.product-pagination {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.product-pagination .page-item,
.product-pagination a,
.product-pagination span {
  float: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(175, 149, 111, .32);
  background: rgba(255, 255, 255, .9);
  color: #29425e !important;
  font-size: 13px;
  line-height: 1;
}
.product-pagination .page-num-current,
.product-pagination .active,
.product-pagination .current {
  border-color: rgba(24, 49, 80, .3);
  background: linear-gradient(135deg, rgba(23, 52, 90, .94) 0%, rgba(36, 77, 128, .94) 100%);
  color: #fff !important;
}
.product-empty {
  padding: 16px 0 2px;
  color: #7c8d9f;
}

.product-content--renew {
  padding: 0 !important;
}
.product-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 430px) minmax(0, 1fr);
  align-items: start;
  gap: 34px;
  margin-bottom: 26px;
}
.product-detail-media {
  position: relative;
  padding: 10px;
  border-radius: 30px;
  border: 1px solid rgba(186, 168, 138, .4);
  background: linear-gradient(180deg, #efe8dc 0%, #e9e0d2 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}
.product-detail-media::before {
  content: "";
  position: absolute;
  left: 6%;
  right: 6%;
  top: 6%;
  bottom: 8%;
  border-radius: 16px;
  background: #f7f4ee;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}
.product-detail-media-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 360px;
  overflow: hidden;
}
.product-detail-media-inner img {
  width: auto;
  max-width: 88%;
  max-height: 88%;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(40, 31, 21, .14));
}
.product-detail-meta h2 {
  color: #152b44;
  font-size: 36px;
  line-height: 1.16;
  font-weight: 800;
  letter-spacing: -.03em;
}
.product-detail-desc {
  margin-top: 14px;
  color: #5f7489;
  font-size: 16px;
  line-height: 1.92;
}
.product-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.product-page .article-container {
  margin: 6px 0 0;
  padding: 22px 24px;
  border: 1px solid rgba(175, 149, 111, .24);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .95) 0%, rgba(251, 247, 240, .9) 100%);
}
.product-page .article-head {
  margin-bottom: 16px;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(172, 148, 112, .2);
}
.product-page .article-head h2 {
  width: auto;
  height: auto;
  color: #163253;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
}
.product-page .article-container .article {
  color: #3f556c;
  font-size: 16px;
  line-height: 1.9;
}
.product-page .article-container .article p {
  margin-bottom: 14px;
}
.product-page .article-container .article img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 12px;
}
.product-page .article-container .article table {
  width: 100% !important;
  border-collapse: collapse;
}
.product-page .article-container .article table td,
.product-page .article-container .article table th {
  border: 1px solid rgba(162, 139, 103, .28);
  padding: 10px 12px;
}
.product-page .article-container .article ul {
  padding-left: 20px;
}
.product-page .article-container .article li {
  float: none;
  list-style: disc;
  margin-bottom: 8px;
}
.product-page .product-relink {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
  height: auto;
  margin: 24px 0 0;
  padding: 14px 18px;
  border: 1px solid rgba(172, 148, 112, .2);
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  line-height: 1.8;
}
.product-page .product-relink p {
  float: none;
  width: 100%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #60758a;
}
.product-page .product-relink b {
  color: #1e3755;
}

@media screen and (max-width: 1300px) {
  .product-page {
    padding: 20px;
  }
  .product-page .product-main {
    padding: 24px;
  }
  .product-page-title-group h1 {
    font-size: 34px;
  }
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .product-detail-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
}

@media screen and (max-width: 1100px) {
  .product-page .subleft {
    float: none;
    width: 100%;
    margin-bottom: 18px;
  }
  .product-page .subleft .sidebar {
    position: static;
  }
  .product-page .product-main {
    float: none;
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .product-page {
    margin-top: 22px;
    margin-bottom: 30px;
    padding: 14px;
    border-radius: 22px;
  }
  .product-page::before {
    left: 18px;
    right: 18px;
  }
  .product-page .subleft .sidebar {
    padding: 14px;
    border-radius: 18px;
  }
  .product-page .subleft .topclass h2 {
    font-size: 24px;
  }
  .product-page .product-main {
    padding: 16px;
    border-radius: 18px;
  }
  .product-page-head {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 18px;
    padding-bottom: 12px;
  }
  .product-page-title-group h1 {
    font-size: 28px;
  }
  .product-page-title-group p {
    font-size: 14px;
    line-height: 1.8;
  }
  .product-page-path {
    white-space: normal;
    font-size: 12px;
  }
  .product-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  .product-grid-media {
    height: 206px;
    border-radius: 22px;
  }
  .product-grid-media::before {
    left: 6%;
    right: 6%;
    top: 6%;
    bottom: 8%;
  }
  .product-grid-body h3 a {
    font-size: 18px;
  }
  .product-grid-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .product-grid-btn {
    width: 100%;
    min-width: 0;
  }
  .product-detail-media {
    border-radius: 22px;
  }
  .product-detail-media-inner {
    height: 260px;
  }
  .product-detail-meta h2 {
    font-size: 28px;
  }
  .product-detail-desc {
    font-size: 14px;
    line-height: 1.82;
  }
  .product-page .article-container {
    padding: 16px;
    border-radius: 18px;
  }
  .product-page .article-head h2 {
    font-size: 20px;
  }
  .product-page .article-container .article {
    font-size: 15px;
  }
.product-page .product-relink {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 14px;
  }
}

/* ===== 首页简介区色调对齐 v43（参考联系区暖米金） ===== */
.home-intro {
  margin-top: 54px !important;
  padding: 10px 0 60px;
}

.home-intro::before {
  background:
    radial-gradient(circle at 14% 18%, rgba(198, 166, 120, .12) 0%, rgba(198, 166, 120, 0) 40%),
    radial-gradient(circle at 84% 74%, rgba(214, 197, 170, .22) 0%, rgba(214, 197, 170, 0) 34%);
}

.home-intro-grid {
  padding: 38px 34px 32px;
  border: 1px solid rgba(191, 170, 136, .52);
  border-radius: 34px;
  background: linear-gradient(145deg, #fffdfa 0%, #f5efe5 58%, #ece0ce 100%);
  box-shadow: 0 18px 44px rgba(18, 26, 37, .06);
  overflow: hidden;
}

.home-intro-grid::before {
  left: 34px;
  right: 34px;
  top: 18px;
  height: 1px;
  background: linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .14) 20%, rgba(189, 160, 116, .56) 50%, rgba(97, 75, 46, .14) 80%, rgba(97, 75, 46, 0) 100%);
}

.home-intro-grid::after {
  left: 34px;
  right: 34px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .12) 24%, rgba(189, 160, 116, .34) 50%, rgba(97, 75, 46, .12) 76%, rgba(97, 75, 46, 0) 100%);
}

.home-intro .home-eyebrow {
  border: 1px solid rgba(193, 167, 126, .38);
  background: linear-gradient(135deg, rgba(249, 244, 235, .96) 0%, rgba(239, 229, 210, .94) 100%);
  color: #7f6946;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
}

.home-intro-main::before {
  background: linear-gradient(180deg, rgba(191, 160, 116, 0) 0%, rgba(191, 160, 116, .6) 18%, rgba(215, 191, 155, .88) 50%, rgba(191, 160, 116, .56) 82%, rgba(191, 160, 116, 0) 100%);
  box-shadow: 0 0 16px rgba(191, 160, 116, .12);
}

.home-intro-main h2 {
  color: #1d344a;
}

.home-intro-main p {
  color: #6f8193;
}

.home-intro-stat {
  border-top-color: rgba(184, 161, 125, .42);
}

.home-intro-stat strong,
.home-point-card strong {
  color: #21364b;
}

.home-intro-stat span,
.home-point-card p {
  color: #708396;
}

.home-intro-points {
  border-left-color: rgba(184, 161, 125, .42);
}

.home-point-card::before {
  border-color: rgba(184, 156, 112, .72);
  background: linear-gradient(135deg, rgba(247, 240, 228, .96) 0%, rgba(232, 215, 187, .88) 100%);
}

.home-point-card::after {
  background: linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .14) 26%, rgba(189, 160, 116, .42) 52%, rgba(97, 75, 46, .12) 76%, rgba(97, 75, 46, 0) 100%);
}

@media screen and (max-width: 1100px) {
  .home-intro {
    margin-top: 34px !important;
    padding-bottom: 44px;
  }

  .home-intro-grid {
    padding: 30px 24px 26px;
    border-radius: 28px;
  }

  .home-intro-grid::before,
  .home-intro-grid::after {
    left: 24px;
    right: 24px;
  }
}

@media screen and (max-width: 767px) {
  .home-intro {
    margin-top: 24px !important;
    padding-bottom: 34px;
  }

  .home-intro-grid {
    padding: 26px 18px 22px;
    border-radius: 24px;
    background: linear-gradient(150deg, #fffdf9 0%, #f3ecdf 100%);
  }

  .home-intro-grid::before,
  .home-intro-grid::after {
    left: 18px;
    right: 18px;
  }
}

/* ===== 产品页去侧栏 + 极简融合 v44 ===== */
.product-page--no-sidebar {
  margin-top: 28px;
  margin-bottom: 36px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.product-page--no-sidebar::before {
  display: none;
}
.product-page--no-sidebar .subleft {
  display: none !important;
}
.product-page--no-sidebar .product-main {
  float: none;
  width: 100% !important;
  margin-bottom: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.product-page--no-sidebar .product-page-head {
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(169, 147, 111, .18);
}
.product-page--no-sidebar .product-page-title-group h1 {
  font-size: clamp(34px, 3.1vw, 46px);
  letter-spacing: -.03em;
}
.product-page--no-sidebar .product-page-title-group p {
  max-width: 900px;
}

.product-page--no-sidebar .product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 22px;
}
.product-page--no-sidebar .product-grid-card {
  padding-bottom: 18px;
}
.product-page--no-sidebar .product-grid-card::after {
  background: linear-gradient(90deg, rgba(58, 48, 35, 0) 0%, rgba(58, 48, 35, .1) 24%, rgba(177, 149, 107, .28) 50%, rgba(58, 48, 35, .1) 76%, rgba(58, 48, 35, 0) 100%);
}
.product-page--no-sidebar .product-grid-media {
  aspect-ratio: 280 / 206;
  height: auto;
  padding: 10px;
  border: none;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(244, 238, 229, .76) 0%, rgba(236, 228, 213, .58) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68);
}
.product-page--no-sidebar .product-grid-media::before {
  display: none;
}
.product-page--no-sidebar .product-grid-card:hover .product-grid-media {
  transform: translateY(-2px);
  border: none;
  background: linear-gradient(180deg, rgba(248, 243, 234, .84) 0%, rgba(240, 232, 218, .64) 100%);
}
.product-page--no-sidebar .product-grid-media img {
  width: auto !important;
  height: auto !important;
  max-width: 88%;
  max-height: 84%;
  object-fit: contain;
}
.product-page--no-sidebar .product-grid-body h3 a {
  font-size: 19px;
}
.product-page--no-sidebar .product-grid-actions {
  gap: 8px;
}
.product-page--no-sidebar .product-grid-btn {
  height: 36px;
  min-width: 96px;
  padding: 0 12px;
  border-color: rgba(164, 138, 99, .28);
  background: rgba(255, 255, 255, .82);
  box-shadow: none;
}
.product-page--no-sidebar .product-grid-btn--primary {
  border-color: transparent;
  background: linear-gradient(135deg, #1a395f 0%, #295c97 58%, #bc9862 100%);
  box-shadow: 0 8px 18px rgba(20, 44, 73, .16);
}
.product-page--no-sidebar .product-grid-btn--ghost {
  background: rgba(255, 255, 255, .5);
}

.product-page--list.product-page--no-sidebar .product-grid-btn--primary {
  border: 1px solid rgba(189, 159, 113, .66);
  background: linear-gradient(180deg, #efe4d1 0%, #e2cfac 100%);
  color: #1f3957 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82), 0 4px 12px rgba(85, 65, 36, .08);
}
.product-page--list.product-page--no-sidebar .product-grid-btn--primary:hover {
  border-color: rgba(172, 142, 98, .78);
  background: linear-gradient(180deg, #f4ead8 0%, #e8d8b8 100%);
  color: #173252 !important;
}

.product-page--no-sidebar .product-pagination .page-item,
.product-page--no-sidebar .product-pagination a,
.product-page--no-sidebar .product-pagination span {
  background: rgba(255, 255, 255, .78);
  box-shadow: none;
}

.product-page--no-sidebar .product-detail-hero {
  gap: 36px;
  margin-bottom: 24px;
}
.product-page--no-sidebar .product-detail-media {
  padding: 0;
  border: none;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(244, 238, 229, .76) 0%, rgba(236, 228, 213, .58) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}
.product-page--no-sidebar .product-detail-media::before {
  display: none;
}
.product-page--no-sidebar .product-detail-media-inner {
  height: 350px;
}
.product-page--no-sidebar .product-detail-meta h2 {
  font-size: clamp(30px, 2.8vw, 42px);
}
.product-page--no-sidebar .article-container {
  margin-top: 6px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}
.product-page--no-sidebar .article-head {
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(169, 147, 111, .18);
}
.product-page--no-sidebar .article-container .article {
  color: #42586e;
}
.product-page--no-sidebar .article-container .article table td,
.product-page--no-sidebar .article-container .article table th {
  border-color: rgba(162, 139, 103, .22);
}
.product-page--no-sidebar .product-relink {
  margin-top: 18px;
  padding: 12px 0;
  border: none;
  border-top: 1px solid rgba(169, 147, 111, .18);
  border-bottom: 1px solid rgba(169, 147, 111, .18);
  border-radius: 0;
  background: transparent;
}

@media screen and (max-width: 1500px) {
  .product-page--no-sidebar .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 1100px) {
  .product-page--no-sidebar .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
  }
}

@media screen and (max-width: 767px) {
  .product-page--no-sidebar {
    margin-top: 20px;
    margin-bottom: 28px;
  }
  .product-page--no-sidebar .product-page-head {
    margin-bottom: 16px;
    padding-bottom: 10px;
  }
  .product-page--no-sidebar .product-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .product-page--no-sidebar .product-grid-media {
    aspect-ratio: 280 / 206;
    height: auto;
    border-radius: 16px;
  }
  .product-page--no-sidebar .product-grid-actions {
    flex-direction: row;
    align-items: center;
  }
  .product-page--no-sidebar .product-grid-btn {
    flex: 1;
    min-width: 0;
  }
  .product-page--no-sidebar .product-detail-hero {
    gap: 20px;
  }
  .product-page--no-sidebar .product-detail-media {
    border-radius: 18px;
  }
  .product-page--no-sidebar .product-detail-media-inner {
    height: 240px;
  }
}

/* ===== 产品列表页头部重设计 v48（UI skill 极简编辑感） ===== */
.product-page--list.product-page--no-sidebar .product-page-head {
  position: relative;
  margin-bottom: 26px;
  padding: 10px 0 30px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}

.product-page--list.product-page--no-sidebar .product-page-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 14px;
  width: 1px;
  background: linear-gradient(180deg, rgba(189, 160, 116, 0) 0%, rgba(189, 160, 116, .42) 18%, rgba(189, 160, 116, .82) 50%, rgba(189, 160, 116, .38) 82%, rgba(189, 160, 116, 0) 100%);
}

.product-page--list.product-page--no-sidebar .product-page-head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .14) 18%, rgba(189, 160, 116, .34) 50%, rgba(97, 75, 46, .14) 82%, rgba(97, 75, 46, 0) 100%);
}

.product-page--list.product-page--no-sidebar .product-page-title-group,
.product-page--list.product-page--no-sidebar .product-page-path {
  position: relative;
  z-index: 1;
}

.product-page--list.product-page--no-sidebar .product-page-title-group {
  padding-left: 30px;
  padding-right: 0;
}

.product-page--list.product-page--no-sidebar .product-page-title-group::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid rgba(184, 156, 112, .76);
  background: linear-gradient(135deg, rgba(248, 241, 230, .96) 0%, rgba(235, 219, 193, .88) 100%);
  box-shadow: 0 0 0 6px rgba(184, 156, 112, .06);
  transform: rotate(45deg);
}

.product-page--list.product-page--no-sidebar .product-page-title {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 18px;
  line-height: 1;
}

.product-page--list.product-page--no-sidebar .product-page-title-cn {
  display: inline-block;
  color: #172f47;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.08;
  letter-spacing: -.03em;
}

.product-page--list.product-page--no-sidebar .product-page-title-en {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(193, 167, 126, .34);
  background: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(245, 237, 224, .82) 100%);
  color: #7b6541;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
}

.product-page--list.product-page--no-sidebar .product-page-title-group p {
  max-width: none;
  width: 100%;
  margin-top: 16px;
  color: #667a8e;
  font-size: 17px;
  line-height: 1.95;
}

.product-page--list.product-page--no-sidebar .product-page-path {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  max-width: 100%;
  padding: 0 16px;
  border: 1px solid rgba(193, 167, 126, .26);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(247, 242, 233, .72) 100%);
  color: #7d6a4f;
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}

.product-page--no-sidebar .product-pagination .page-num-current,
.product-page--no-sidebar .product-pagination a.page-num-current,
.product-page--no-sidebar .product-pagination .current,
.product-page--no-sidebar .product-pagination .active {
  border-color: rgba(24, 49, 80, .34) !important;
  background: linear-gradient(135deg, rgba(23, 52, 90, .94) 0%, rgba(36, 77, 128, .94) 100%) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(20, 43, 72, .16) !important;
}

@media screen and (max-width: 1100px) {
  .product-page--list.product-page--no-sidebar .product-page-head {
    padding: 8px 0 24px;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-group {
    padding-left: 24px;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-group::before {
    top: 16px;
    width: 11px;
    height: 11px;
  }

  .product-page--list.product-page--no-sidebar .product-page-path {
    position: static;
    display: inline-flex;
    margin-left: 24px;
    margin-top: 2px;
    white-space: normal;
    text-align: left;
  }

  .product-page--list.product-page--no-sidebar .product-page-title {
    margin-top: 16px;
    gap: 12px;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-group p {
    font-size: 16px;
    line-height: 1.88;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-cn {
    font-size: clamp(24px, 4.6vw, 34px);
  }

  .product-page--list.product-page--no-sidebar .product-page-title-en {
    height: 32px;
    padding: 0 14px;
    font-size: 10px;
    letter-spacing: .18em;
  }
}

@media screen and (max-width: 767px) {
  .product-page--list.product-page--no-sidebar .product-page-head {
    margin-bottom: 22px;
    padding: 6px 0 20px;
  }

  .product-page--list.product-page--no-sidebar .product-page-head::before {
    top: 8px;
    bottom: 10px;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-group {
    padding-left: 20px;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-group::before {
    top: 15px;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 5px rgba(184, 156, 112, .06);
  }

  .product-page--list.product-page--no-sidebar .product-page-title {
    margin-top: 14px;
    gap: 10px;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-cn {
    font-size: clamp(22px, 8vw, 30px);
    line-height: 1.12;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-en {
    height: 30px;
    padding: 0 12px;
    font-size: 10px;
    letter-spacing: .14em;
  }

  .product-page--list.product-page--no-sidebar .product-page-title-group p {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.82;
  }

  .product-page--list.product-page--no-sidebar .product-page-path {
    min-height: 34px;
    margin-left: 20px;
    margin-top: 4px;
    padding: 0 14px;
    font-size: 12px;
    line-height: 1.75;
  }
}

/* ===== 产品展示系统 v51（适配 800x800 方图） ===== */
.home-section--recommend .home-recommend-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.home-section--recommend .home-recommend-card.product-ref-card,
.product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(221, 228, 238, .9) !important;
  border-radius: 26px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #edf2fb 100%);
  box-shadow: 0 18px 34px rgba(18, 28, 43, .08);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.home-section--recommend .home-recommend-card.product-ref-card::after,
.product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card::after {
  display: none;
}

.home-section--recommend .home-recommend-card.product-ref-card:hover,
.product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card:hover {
  transform: translateY(-4px);
  border-color: rgba(177, 194, 219, .95) !important;
  box-shadow: 0 22px 42px rgba(18, 28, 43, .12);
}

.product-ref-card__media {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  padding: 36px 34px;
  border: none !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.product-ref-card__media::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(140deg, rgba(215, 226, 241, 0) 0 10%, rgba(215, 226, 241, .55) 14%, rgba(255, 255, 255, 0) 26%),
    linear-gradient(320deg, rgba(215, 226, 241, 0) 0 12%, rgba(215, 226, 241, .4) 16%, rgba(255, 255, 255, 0) 28%),
    radial-gradient(circle at 50% 46%, rgba(241, 245, 251, .9) 0%, rgba(255, 255, 255, 0) 74%);
  pointer-events: none;
}

.product-ref-card__media img {
  position: relative;
  z-index: 1;
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
  filter: drop-shadow(0 10px 18px rgba(25, 34, 49, .12));
}

.product-ref-card__model,
.product-ref-detail__model {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 18px;
  background: linear-gradient(180deg, #61b346 0%, #56a441 100%);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .01em;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-ref-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 18px 20px 22px !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef3ff 100%);
}

.product-ref-card__title {
  margin: 0;
}

.product-ref-card__title a {
  display: -webkit-box !important;
  color: #1c2430 !important;
  font-size: 17px !important;
  line-height: 1.38 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-ref-card__desc {
  display: -webkit-box;
  margin-top: 12px;
  min-height: 4.9em;
  color: #8b9098;
  font-size: 14px;
  line-height: 1.72;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-ref-card__actions {
  margin-top: auto;
  justify-content: flex-end;
}

.product-ref-card__more {
  display: inline-block;
  align-self: flex-end;
  margin-top: auto;
  height: 42px;
  min-width: 0;
  padding: 0 18px;
  box-sizing: border-box;
  border-radius: 999px;
  border: 1px solid rgba(214, 220, 230, .96);
  background: rgba(255, 255, 255, .92);
  color: #737982 !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(18, 28, 43, .06);
}

.product-ref-card__more::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.product-ref-card__more-content {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.product-ref-card__more-text,
.product-ref-card__more-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.product-ref-card__more-icon {
  margin-left: 6px;
}

.product-ref-card__more:hover {
  border-color: rgba(180, 194, 216, .96);
  background: #fff;
  color: #4f5a66 !important;
}

.product-page--list.product-page--no-sidebar .product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card .product-grid-actions {
  margin-top: auto;
}

.product-page--list.product-page--no-sidebar .product-grid-body.product-ref-card__body {
  padding: 18px 20px 22px !important;
}

.product-page--detail.product-page--no-sidebar .product-detail-hero {
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
  gap: 42px;
}

.product-detail-visual {
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #edf2fb 100%);
  border: 1px solid rgba(221, 228, 238, .9);
  box-shadow: 0 18px 34px rgba(18, 28, 43, .08);
}

.product-page--detail.product-page--no-sidebar .product-detail-media {
  padding: 0;
  border: none;
  border-radius: 0;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  box-shadow: none;
}

.product-page--detail.product-page--no-sidebar .product-detail-media::before {
  display: none;
}

.product-page--detail.product-page--no-sidebar .product-detail-media-inner {
  position: relative;
  aspect-ratio: 1 / 1;
  height: auto;
  padding: 48px 44px;
}

.product-page--detail.product-page--no-sidebar .product-detail-media-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(140deg, rgba(215, 226, 241, 0) 0 10%, rgba(215, 226, 241, .55) 14%, rgba(255, 255, 255, 0) 26%),
    linear-gradient(320deg, rgba(215, 226, 241, 0) 0 12%, rgba(215, 226, 241, .4) 16%, rgba(255, 255, 255, 0) 28%),
    radial-gradient(circle at 50% 46%, rgba(241, 245, 251, .9) 0%, rgba(255, 255, 255, 0) 74%);
  pointer-events: none;
}

.product-page--detail.product-page--no-sidebar .product-detail-media-inner img {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(25, 34, 49, .12));
}

.product-page--detail.product-page--no-sidebar .product-detail-meta {
  padding: 12px 0 10px;
}

.product-page--detail.product-page--no-sidebar .product-detail-meta h2 {
  font-size: clamp(28px, 2.6vw, 40px);
  line-height: 1.18;
}

.product-page--detail.product-page--no-sidebar .product-detail-desc {
  color: #667a8e;
  font-size: 15px;
  line-height: 1.9;
}

@media screen and (max-width: 1500px) {
  .home-section--recommend .home-recommend-grid,
  .product-page--list.product-page--no-sidebar .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 1100px) {
  .home-section--recommend .home-recommend-grid,
  .product-page--list.product-page--no-sidebar .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
  }

  .product-ref-card__media {
    padding: 28px 26px;
  }

  .product-ref-card__model,
  .product-ref-detail__model {
    min-height: 48px;
    font-size: 14px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-media-inner {
    padding: 36px 32px;
  }
}

@media screen and (max-width: 767px) {
  .home-section--recommend .home-recommend-grid,
  .product-page--list.product-page--no-sidebar .product-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .home-section--recommend .home-recommend-card.product-ref-card,
  .product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card,
  .product-detail-visual {
    border-radius: 22px;
  }

  .product-ref-card__media {
    padding: 24px 20px;
  }

  .product-ref-card__body {
    padding: 16px 16px 18px !important;
  }

  .product-ref-card__title a {
    font-size: 16px !important;
  }

  .product-ref-card__desc {
    font-size: 13px;
    min-height: 4.7em;
  }

  .product-ref-card__more {
    height: 40px;
    padding: 0 16px;
    min-width: 0;
    font-size: 12px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-media-inner {
    padding: 28px 20px;
  }
}

/* ===== 产品展示美化 v52（统一首页米金深蓝风格） ===== */
.home-section--recommend .home-recommend-card.product-ref-card,
.product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card,
.product-detail-visual {
  position: relative;
  border: 1px solid rgba(201, 184, 156, .62) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(249, 244, 236, .97) 62%, rgba(242, 234, 219, .95) 100%) !important;
  box-shadow:
    0 20px 42px rgba(27, 33, 40, .06),
    0 8px 18px rgba(122, 96, 59, .06),
    inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

.home-section--recommend .home-recommend-card.product-ref-card::before,
.product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card::before,
.product-detail-visual::before {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(111, 86, 52, 0) 0%, rgba(111, 86, 52, .12) 24%, rgba(191, 160, 116, .52) 50%, rgba(111, 86, 52, .12) 76%, rgba(111, 86, 52, 0) 100%);
  pointer-events: none;
}

.home-section--recommend .home-recommend-card.product-ref-card:hover,
.product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card:hover {
  transform: translateY(-5px);
  border-color: rgba(193, 167, 126, .78) !important;
  box-shadow:
    0 26px 46px rgba(27, 33, 40, .08),
    0 14px 28px rgba(122, 96, 59, .08),
    inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

.product-ref-card__media,
.product-page--detail.product-page--no-sidebar .product-detail-media {
  background:
    radial-gradient(circle at 50% 48%, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, 0) 68%),
    linear-gradient(180deg, #f6f0e7 0%, #eee2d2 100%) !important;
}

.product-ref-card__media::before,
.product-page--detail.product-page--no-sidebar .product-detail-media-inner::before {
  background:
    linear-gradient(140deg, rgba(231, 218, 197, 0) 0 10%, rgba(231, 218, 197, .46) 14%, rgba(255, 255, 255, 0) 26%),
    linear-gradient(320deg, rgba(219, 202, 176, 0) 0 12%, rgba(219, 202, 176, .28) 16%, rgba(255, 255, 255, 0) 28%),
    radial-gradient(circle at 50% 48%, rgba(255, 252, 247, .9) 0%, rgba(255, 255, 255, 0) 74%);
}

.product-ref-card__media img,
.product-page--detail.product-page--no-sidebar .product-detail-media-inner img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  filter: drop-shadow(0 14px 24px rgba(69, 53, 31, .14));
}

.home-section--recommend .product-ref-card__model,
.product-page--list.product-page--no-sidebar .product-ref-card__model,
.product-ref-detail__model {
  position: relative;
  z-index: 2;
  align-self: flex-start;
  justify-content: flex-start;
  min-height: 38px;
  max-width: calc(100% - 44px);
  margin-top: -19px;
  padding: 0 16px;
  border: 1px solid rgba(191, 160, 116, .38);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .96) 0%, rgba(244, 235, 220, .94) 100%);
  color: #7a6441;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1;
  text-transform: uppercase;
  box-shadow: 0 10px 20px rgba(97, 75, 46, .08), inset 0 1px 0 rgba(255, 255, 255, .86);
}

.home-section--recommend .product-ref-card__model,
.product-page--list.product-page--no-sidebar .product-ref-card__model {
  margin-left: 22px;
}

.product-ref-detail__model {
  margin-left: 28px;
  margin-bottom: 6px;
}

.product-ref-card__body {
  padding: 20px 22px 22px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .16) 0%, rgba(244, 236, 223, .42) 100%);
}

.product-ref-card__title a {
  color: #173252 !important;
  font-size: 18px !important;
  line-height: 1.34 !important;
}

.product-ref-card__desc {
  color: #728293;
  font-size: 14px;
  line-height: 1.78;
}

.product-ref-card__more {
  border-color: rgba(193, 167, 126, .34);
  background: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(246, 240, 230, .94) 100%);
  color: #1d3652 !important;
  box-shadow: 0 10px 18px rgba(74, 58, 35, .06);
}

.product-ref-card__more:hover {
  border-color: rgba(176, 144, 98, .56);
  background: linear-gradient(180deg, #fffdfa 0%, #f5ecdd 100%);
  color: #7c5e33 !important;
}

.product-page--detail.product-page--no-sidebar .product-page-head {
  position: relative;
  margin-bottom: 30px;
  padding: 10px 0 28px;
  border: none;
}

.product-page--detail.product-page--no-sidebar .product-page-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 12px;
  width: 1px;
  background: linear-gradient(180deg, rgba(189, 160, 116, 0) 0%, rgba(189, 160, 116, .42) 18%, rgba(189, 160, 116, .82) 50%, rgba(189, 160, 116, .38) 82%, rgba(189, 160, 116, 0) 100%);
}

.product-page--detail.product-page--no-sidebar .product-page-head::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .14) 18%, rgba(189, 160, 116, .34) 50%, rgba(97, 75, 46, .14) 82%, rgba(97, 75, 46, 0) 100%);
}

.product-page--detail.product-page--no-sidebar .product-page-title-group {
  position: relative;
  z-index: 1;
  padding-left: 30px;
}

.product-page--detail.product-page--no-sidebar .product-page-title-group::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid rgba(184, 156, 112, .76);
  background: linear-gradient(135deg, rgba(248, 241, 230, .96) 0%, rgba(235, 219, 193, .88) 100%);
  box-shadow: 0 0 0 6px rgba(184, 156, 112, .06);
  transform: rotate(45deg);
}

.product-page--detail.product-page--no-sidebar .product-page-eyebrow {
  height: 32px;
  padding: 0 16px;
  border-color: rgba(193, 167, 126, .34);
  background: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(245, 237, 224, .82) 100%);
  color: #7b6541;
  font-size: 11px;
  letter-spacing: .24em;
}

.product-page--detail.product-page--no-sidebar .product-page-title-group h1 {
  margin-top: 18px;
  color: #172f47;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.08;
}

.product-page--detail.product-page--no-sidebar .product-page-title-group p {
  margin-top: 16px;
  color: #667a8e;
  font-size: 16px;
  line-height: 1.92;
}

.product-page--detail.product-page--no-sidebar .product-page-summary:empty,
.product-page--detail.product-page--no-sidebar .product-detail-desc:empty {
  display: none;
}

.product-page-title-group > p:empty,
.product-ref-detail__model:empty,
.product-detail-facts strong:empty {
  display: none;
}

.product-page--detail.product-page--no-sidebar .product-page-path {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(193, 167, 126, .26);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(247, 242, 233, .72) 100%);
  color: #7d6a4f;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}

.product-page--detail.product-page--no-sidebar .product-detail-meta {
  position: relative;
  padding: 20px 0 10px;
}

.product-page--detail.product-page--no-sidebar .product-detail-meta::before {
  content: "";
  position: absolute;
  left: 0;
  right: 10%;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(97, 75, 46, 0) 0%, rgba(97, 75, 46, .16) 18%, rgba(189, 160, 116, .4) 52%, rgba(97, 75, 46, .1) 86%, rgba(97, 75, 46, 0) 100%);
}

.product-page--detail.product-page--no-sidebar .product-detail-meta h2 {
  color: #173252;
  font-size: clamp(30px, 2.8vw, 42px);
  line-height: 1.14;
}

.product-page--detail.product-page--no-sidebar .product-detail-desc {
  max-width: 760px;
  color: #6b7d8f;
  font-size: 15px;
  line-height: 1.92;
}

.product-page--detail.product-page--no-sidebar .product-grid-btn--primary {
  border: 1px solid rgba(172, 142, 98, .22);
  background: linear-gradient(135deg, #16365d 0%, #295eaa 62%, #c3a067 100%);
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(24, 54, 93, .16);
}

.product-page--detail.product-page--no-sidebar .product-grid-btn--primary:hover {
  background: linear-gradient(135deg, #193c67 0%, #2d63b0 62%, #c9a66f 100%);
}

.product-page--detail.product-page--no-sidebar .product-grid-btn--ghost {
  border-color: rgba(193, 167, 126, .32);
  background: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(246, 240, 230, .88) 100%);
  color: #1d3652 !important;
}

.product-page--detail.product-page--no-sidebar .product-grid-btn--ghost:hover {
  border-color: rgba(176, 144, 98, .56);
  color: #7c5e33 !important;
}

@media screen and (max-width: 1100px) {
  .home-section--recommend .product-ref-card__model,
  .product-page--list.product-page--no-sidebar .product-ref-card__model,
  .product-ref-detail__model {
    min-height: 36px;
    font-size: 10px;
    padding: 0 14px;
  }

  .product-ref-detail__model {
    margin-left: 24px;
  }

  .product-page--detail.product-page--no-sidebar .product-page-head {
    padding: 8px 0 24px;
  }

  .product-page--detail.product-page--no-sidebar .product-page-title-group {
    padding-left: 24px;
  }

  .product-page--detail.product-page--no-sidebar .product-page-title-group::before {
    top: 13px;
    width: 11px;
    height: 11px;
  }

  .product-page--detail.product-page--no-sidebar .product-page-path {
    position: static;
    margin-left: 24px;
    margin-top: 6px;
  }
}

@media screen and (max-width: 767px) {
  .home-section--recommend .home-recommend-card.product-ref-card::before,
  .product-page--list.product-page--no-sidebar .product-grid-card.product-ref-card::before,
  .product-detail-visual::before {
    left: 18px;
    right: 18px;
  }

  .home-section--recommend .product-ref-card__model,
  .product-page--list.product-page--no-sidebar .product-ref-card__model {
    margin-left: 18px;
    max-width: calc(100% - 36px);
  }

  .product-ref-detail__model {
    margin-left: 20px;
    max-width: calc(100% - 40px);
  }

  .product-ref-card__body {
    padding: 18px 16px 18px !important;
  }

  .product-page--detail.product-page--no-sidebar .product-page-head {
    margin-bottom: 24px;
    padding: 6px 0 20px;
  }

  .product-page--detail.product-page--no-sidebar .product-page-head::before {
    top: 8px;
    bottom: 10px;
  }

  .product-page--detail.product-page--no-sidebar .product-page-title-group {
    padding-left: 20px;
  }

  .product-page--detail.product-page--no-sidebar .product-page-title-group::before {
    top: 13px;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 5px rgba(184, 156, 112, .06);
  }

  .product-page--detail.product-page--no-sidebar .product-page-title-group h1 {
    margin-top: 14px;
    font-size: clamp(24px, 8vw, 32px);
  }

  .product-page--detail.product-page--no-sidebar .product-page-title-group p {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.82;
  }

  .product-page--detail.product-page--no-sidebar .product-page-path {
    min-height: 34px;
    margin-left: 20px;
    padding: 0 14px;
    font-size: 12px;
  }
}

/* ===== 产品咨询入口 v53 ===== */
.product-page--list.product-page--no-sidebar .product-ref-card__actions {
  width: 100%;
  justify-content: space-between;
  gap: 10px;
}

.product-ref-card__consult {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(135deg, #16365d 0%, #295eaa 62%, #c3a067 100%);
  color: #fff !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  box-shadow: 0 12px 24px rgba(24, 54, 93, .16);
}

.product-ref-card__consult:hover {
  background: linear-gradient(135deg, #193c67 0%, #2d63b0 62%, #c9a66f 100%);
  transform: translateY(-1px);
}

.product-page--list.product-page--no-sidebar .product-ref-card__actions .product-ref-card__consult,
.product-page--list.product-page--no-sidebar .product-ref-card__actions .product-ref-card__more {
  margin-top: 0;
  align-self: auto;
}

@media screen and (max-width: 767px) {
  .product-ref-card__consult {
    height: 40px;
    padding: 0 14px;
    font-size: 12px;
  }
}

/* ===== 产品详情统一美化 v55 ===== */
.product-page--detail.product-page--no-sidebar .product-content--renew {
  display: grid;
  gap: 30px;
}

.product-page--detail.product-page--no-sidebar .product-detail-hero {
  align-items: stretch;
  gap: 34px;
}

.product-page--detail.product-page--no-sidebar .product-detail-meta {
  position: relative;
  overflow: hidden;
  padding: 34px 34px 30px;
  border: 1px solid rgba(199, 182, 152, .54);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 243, 236, .98) 100%);
  box-shadow:
    0 20px 42px rgba(27, 33, 40, .06),
    0 10px 20px rgba(122, 96, 59, .05),
    inset 0 1px 0 rgba(255, 255, 255, .88);
}

.product-page--detail.product-page--no-sidebar .product-detail-meta::after {
  content: "";
  position: absolute;
  right: -56px;
  bottom: -92px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 186, 143, .18) 0%, rgba(212, 186, 143, 0) 72%);
  pointer-events: none;
}

.product-page--detail.product-page--no-sidebar .product-detail-meta::before {
  left: 34px;
  right: 34px;
}

.product-page--detail.product-page--no-sidebar .product-detail-meta > * {
  position: relative;
  z-index: 1;
}

.product-page--detail.product-page--no-sidebar .product-detail-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.product-page--detail.product-page--no-sidebar .product-grid-btn {
  min-width: 148px;
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease;
}

.product-page--detail.product-page--no-sidebar .product-grid-btn:hover {
  transform: translateY(-2px);
}

.product-detail-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.product-detail-facts li {
  min-width: 0;
  padding: 14px 16px 16px;
  border: 1px solid rgba(205, 190, 166, .52);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(246, 239, 228, .82) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
}

.product-detail-facts span {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  color: #8b7651;
  text-transform: uppercase;
}

.product-detail-facts strong {
  display: block;
  margin-top: 9px;
  color: #173252;
  font-size: 15px;
  line-height: 1.6;
}

.product-detail-note {
  margin: 18px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(201, 182, 151, .34);
  color: #738395;
  font-size: 14px;
  line-height: 1.82;
}

.product-detail-backlink {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  margin-top: 16px;
  padding: 0 18px;
  border: 1px solid rgba(196, 171, 130, .34);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(246, 238, 224, .88) 100%);
  color: #7b6541;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  box-shadow:
    0 12px 22px rgba(102, 78, 43, .08),
    inset 0 1px 0 rgba(255, 255, 255, .88);
  transition:
    color .24s ease,
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease;
}

.product-detail-backlink::after {
  content: ">";
  font-size: 13px;
  line-height: 1;
}

.product-detail-backlink:hover {
  color: #173252;
  border-color: rgba(171, 141, 98, .42);
  transform: translateY(-2px);
  box-shadow:
    0 16px 28px rgba(102, 78, 43, .12),
    inset 0 1px 0 rgba(255, 255, 255, .9);
}

.product-page--detail.product-page--no-sidebar .product-article-shell {
  margin-top: 2px;
  padding: 34px;
  border: 1px solid rgba(199, 182, 152, .52);
  border-radius: 32px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(247, 242, 234, .97) 100%);
  box-shadow:
    0 22px 48px rgba(27, 33, 40, .06),
    0 10px 24px rgba(122, 96, 59, .05),
    inset 0 1px 0 rgba(255, 255, 255, .88);
}

.product-page--detail.product-page--no-sidebar .article-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 26px;
  padding: 0 0 26px;
  border-bottom: 1px solid rgba(199, 182, 152, .34);
}

.product-article-heading {
  min-width: 0;
}

.product-article-heading--inline {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.product-page-eyebrow--article {
  min-height: 30px;
  padding: 0 15px;
  font-size: 10px;
  letter-spacing: .24em;
}

.product-page--detail.product-page--no-sidebar .article-head--inline {
  align-items: center;
  justify-content: flex-start;
}

.product-page--detail.product-page--no-sidebar .article-head h2 {
  width: auto;
  height: auto;
  margin-top: 16px;
  color: #173252;
  font-size: clamp(28px, 2.5vw, 38px);
  line-height: 1.08;
}

.product-page--detail.product-page--no-sidebar .article-head.article-head--inline h2 {
  margin-top: 0;
}

.product-page--detail.product-page--no-sidebar .article-head p {
  max-width: 420px;
  margin: 0;
  color: #718296;
  font-size: 15px;
  line-height: 1.86;
}

.product-page--detail.product-page--no-sidebar .product-richtext {
  padding-top: 30px;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-rich-block {
  margin: 0 0 24px !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-rich-title {
  margin: 0 0 22px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(205, 190, 167, .42);
  text-align: left !important;
  line-height: 1.1 !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-rich-title span,
.product-page--detail.product-page--no-sidebar .product-richtext .product-rich-title strong {
  color: #173252 !important;
  font-size: 24px !important;
  font-weight: 800;
  line-height: 1.25 !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 18px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-sizing: border-box;
  box-shadow: none !important;
  border-bottom: none !important;
  list-style: none !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item h4,
.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .tit {
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #7e6948 !important;
  font-size: 13px !important;
  font-weight: 700;
  line-height: 1.5 !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .tit span,
.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item h4 span {
  color: inherit !important;
  font-size: inherit !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .desc,
.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .desc span,
.product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .desc a {
  color: #173252 !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.72 !important;
  word-break: break-word;
}

.product-page--detail.product-page--no-sidebar .product-richtext .product-rich-block--copy .content,
.product-page--detail.product-page--no-sidebar .product-richtext .content {
  color: #5f7386 !important;
  font-size: 16px !important;
  line-height: 1.92 !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .content p {
  margin: 0 0 14px !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .content span {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.product-page--detail.product-page--no-sidebar .product-richtext .content strong {
  color: #173252 !important;
  font-size: 20px;
  line-height: 1.45;
}

.product-page--detail.product-page--no-sidebar .product-richtext img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 20px auto !important;
  padding: 10px;
  border: 1px solid rgba(207, 193, 172, .46);
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 16px 34px rgba(27, 33, 40, .06);
}

.product-page--detail.product-page--no-sidebar .product-richtext table {
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 22px;
  border: 1px solid rgba(207, 193, 172, .5);
  background: rgba(255, 255, 255, .9);
}

.product-page--detail.product-page--no-sidebar .product-richtext table td,
.product-page--detail.product-page--no-sidebar .product-richtext table th {
  padding: 14px 16px !important;
  border-color: rgba(207, 193, 172, .42);
}

.product-page--detail.product-page--no-sidebar .product-relink {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 2px;
}

.product-page--detail.product-page--no-sidebar .product-relink p {
  margin: 0;
  min-width: 0;
  padding: 18px 20px;
  border: 1px solid rgba(201, 182, 152, .46);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(247, 241, 232, .94) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 10px 24px rgba(86, 69, 44, .04);
}

.product-page--detail.product-page--no-sidebar .product-relink b {
  display: block;
  margin-bottom: 8px;
  color: #8b7651;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.product-page--detail.product-page--no-sidebar .product-relink a {
  color: #173252;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

.product-page--detail.product-page--no-sidebar .product-relink a:hover {
  color: #7c5e33;
}

@media screen and (max-width: 1100px) {
  .product-page--detail.product-page--no-sidebar .product-detail-hero {
    gap: 28px;
  }

  .product-detail-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-page--detail.product-page--no-sidebar .article-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-page--detail.product-page--no-sidebar .article-head p {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .product-page--detail.product-page--no-sidebar .product-detail-meta,
  .product-page--detail.product-page--no-sidebar .product-article-shell {
    padding: 22px 18px;
    border-radius: 24px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-meta::before {
    left: 18px;
    right: 18px;
  }

  .product-detail-backlink {
    width: 100%;
    justify-content: center;
    text-align: center;
  }

  .product-detail-facts {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-actions {
    gap: 10px;
  }

  .product-page--detail.product-page--no-sidebar .product-grid-btn {
    min-width: calc(50% - 5px);
    flex: 1 1 calc(50% - 5px);
  }

  .product-page--detail.product-page--no-sidebar .article-head {
    gap: 14px;
    padding-bottom: 20px;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext {
    padding-top: 22px;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext .product-rich-block {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext .product-rich-title span,
  .product-page--detail.product-page--no-sidebar .product-richtext .product-rich-title strong {
    font-size: 20px !important;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext .product-spec-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .desc,
  .product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .desc span,
  .product-page--detail.product-page--no-sidebar .product-richtext .product-spec-item .desc a,
  .product-page--detail.product-page--no-sidebar .product-richtext .content {
    font-size: 15px !important;
  }

  .product-page--detail.product-page--no-sidebar .product-relink {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .product-page--detail.product-page--no-sidebar .product-relink p {
    padding: 16px 16px 17px;
    border-radius: 20px;
  }
}

/* ===== 解决方案模板统一美化 v1 ===== */
.solution-page-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

.solution-page-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(193, 167, 126, .28);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(246, 239, 228, .82) 100%);
  color: #6f7f90 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  transition:
    color .24s ease,
    border-color .24s ease,
    transform .24s ease,
    box-shadow .24s ease;
}

.solution-page-tab:hover,
.solution-page-tab.is-current {
  color: #173252 !important;
  border-color: rgba(178, 147, 103, .52);
  box-shadow: 0 10px 18px rgba(97, 75, 46, .08);
  transform: translateY(-2px);
}

.solution-page--list.product-page--no-sidebar .product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.solution-page--list .product-ref-card__media {
  aspect-ratio: 16 / 10;
  padding: 0;
  align-items: stretch;
  justify-content: stretch;
}

.solution-page--list .product-ref-card__media::before {
  display: none;
}

.solution-page--list .product-ref-card__media img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  filter: none;
  transition: transform .32s ease;
}

.solution-page--list .product-grid-card:hover .product-ref-card__media img {
  transform: scale(1.035);
}

.solution-page--list .product-ref-card__body {
  background: linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(247, 242, 234, .97) 100%);
}

.solution-ref-card__eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 26px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(244, 235, 220, .88) 0%, rgba(255, 255, 255, .96) 100%);
  color: #8b6c44;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.solution-page--list .product-ref-card__title {
  margin-top: 16px;
}

.solution-page--list .product-ref-card__desc {
  min-height: 5.2em;
  -webkit-line-clamp: 3;
}

.solution-ref-card__actions {
  justify-content: flex-start;
}

.solution-ref-card__more {
  align-self: flex-start;
}

.solution-page--detail .solution-page-tabs--detail {
  margin-top: -6px;
}

.solution-page--detail .solution-detail-media-inner {
  aspect-ratio: 16 / 10;
  padding: 0;
}

.solution-page--detail .solution-detail-media-inner img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  filter: none;
}

.solution-page--detail .product-ref-detail__model {
  letter-spacing: .08em;
}

.solution-page--detail .solution-richtext {
  padding-top: 30px;
}

.solution-page--detail .solution-article-block {
  margin: 0 0 24px;
  padding: 28px 30px;
  border: 1px solid rgba(207, 193, 172, .5);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(248, 242, 234, .88) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 10px 24px rgba(86, 69, 44, .04);
}

.solution-page--detail .solution-article-block--lead {
  padding: 0 0 10px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.solution-page--detail .solution-article-block > h1,
.solution-page--detail .solution-article-block > h2,
.solution-page--detail .solution-article-block > h3,
.solution-page--detail .solution-article-block > h4 {
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(205, 190, 167, .42);
  color: #173252 !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
}

.solution-page--detail .solution-article-block p,
.solution-page--detail .solution-article-block li {
  color: #5f7386 !important;
  font-size: 16px !important;
  line-height: 1.92 !important;
}

.solution-page--detail .solution-article-block p {
  margin: 0 0 14px !important;
}

.solution-page--detail .solution-article-block ul,
.solution-page--detail .solution-article-block ol {
  margin: 0 0 14px;
  padding-left: 1.25em;
}

.solution-page--detail .solution-article-block strong,
.solution-page--detail .solution-article-block b {
  color: #173252 !important;
}

.solution-page--detail .solution-article-block a {
  color: #24517f !important;
  text-decoration: underline;
  text-decoration-color: rgba(180, 144, 98, .42);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.solution-page--detail .solution-article-block img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 20px auto !important;
  padding: 10px;
  border: 1px solid rgba(207, 193, 172, .46);
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 16px 34px rgba(27, 33, 40, .06);
}

.solution-page--detail .solution-article-block table {
  width: 100% !important;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 22px;
  border: 1px solid rgba(207, 193, 172, .5);
  background: rgba(255, 255, 255, .9);
}

.solution-page--detail .solution-article-block table td,
.solution-page--detail .solution-article-block table th {
  padding: 14px 16px !important;
  border-color: rgba(207, 193, 172, .42);
}

@media screen and (max-width: 1100px) {
  .solution-page--list.product-page--no-sidebar .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
  }
}

@media screen and (max-width: 767px) {
  .solution-page-tabs {
    gap: 10px;
    margin-bottom: 22px;
  }

  .solution-page-tab {
    min-height: 34px;
    padding: 0 14px;
    font-size: 12px;
  }

  .solution-page--list.product-page--no-sidebar .product-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .solution-page--detail .solution-article-block {
    margin-bottom: 18px;
    padding: 18px 16px;
    border-radius: 20px;
  }

  .solution-page--detail .solution-article-block > h1,
  .solution-page--detail .solution-article-block > h2,
  .solution-page--detail .solution-article-block > h3,
  .solution-page--detail .solution-article-block > h4 {
    font-size: 20px !important;
  }

  .solution-page--detail .solution-article-block p,
  .solution-page--detail .solution-article-block li {
    font-size: 14px !important;
    line-height: 1.84 !important;
  }
}

/* ===== 资讯中心模板统一美化 v1 ===== */
.news-page-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}

.news-page-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid rgba(193, 167, 126, .28);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .88) 0%, rgba(246, 239, 228, .82) 100%);
  color: #6f7f90 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  transition:
    color .24s ease,
    border-color .24s ease,
    transform .24s ease,
    box-shadow .24s ease;
}

.news-page-tab:hover,
.news-page-tab.is-current {
  color: #173252 !important;
  border-color: rgba(178, 147, 103, .52);
  box-shadow: 0 10px 18px rgba(97, 75, 46, .08);
  transform: translateY(-2px);
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-grid-item {
  min-width: 0;
}

.news-grid-item:first-child {
  grid-column: 1 / -1;
}

.news-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid rgba(199, 182, 152, .52);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(247, 242, 234, .97) 100%);
  box-shadow:
    0 18px 40px rgba(27, 33, 40, .06),
    0 10px 22px rgba(122, 96, 59, .05),
    inset 0 1px 0 rgba(255, 255, 255, .88);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.news-card:hover {
  transform: translateY(-4px);
  border-color: rgba(178, 147, 103, .5);
  box-shadow:
    0 24px 48px rgba(27, 33, 40, .08),
    0 16px 32px rgba(122, 96, 59, .08),
    inset 0 1px 0 rgba(255, 255, 255, .9);
}

.news-grid-item:first-child .news-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr);
}

.news-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, 0) 68%),
    linear-gradient(180deg, #f6f0e7 0%, #efe2d3 100%);
}

.news-grid-item:first-child .news-card__media {
  min-height: 100%;
  aspect-ratio: auto;
}

.news-card__media::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(22, 47, 71, 0) 0%, rgba(22, 47, 71, .38) 100%);
  pointer-events: none;
}

.news-card__media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  filter: none;
  transition: transform .42s ease;
}

.news-card:hover .news-card__media img {
  transform: scale(1.04);
}

.news-card__date {
  position: absolute;
  left: 22px;
  bottom: 20px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  backdrop-filter: blur(10px);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.news-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 26px 26px 24px;
}

.news-grid-item:first-child .news-card__body {
  padding: 32px 30px;
}

.news-card__eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(244, 235, 220, .88) 0%, rgba(255, 255, 255, .96) 100%);
  color: #8b6c44;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.news-card__title {
  margin-top: 16px;
}

.news-card__title a {
  display: -webkit-box;
  overflow: hidden;
  color: #173252 !important;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.24;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-grid-item:first-child .news-card__title a {
  font-size: clamp(30px, 2.4vw, 38px);
  line-height: 1.12;
  -webkit-line-clamp: 3;
}

.news-card__desc {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 14px;
  color: #667a8e;
  font-size: 15px;
  line-height: 1.88;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-grid-item:first-child .news-card__desc {
  font-size: 16px;
  line-height: 1.92;
  -webkit-line-clamp: 5;
}

.news-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(199, 182, 152, .34);
}

.news-card__time {
  color: #8b7651;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.news-card__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1d3652 !important;
  font-size: 13px;
  font-weight: 700;
}

.news-card__more span {
  color: #b48b58;
  line-height: 1;
}

.news-page--detail .news-page-tabs--detail {
  margin-top: -6px;
}

.news-page--detail .news-detail-media-inner {
  aspect-ratio: 16 / 10;
  padding: 0;
}

.news-page--detail .news-detail-media-inner img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  filter: none;
}

.news-page--detail .product-ref-detail__model {
  letter-spacing: .08em;
}

.news-detail-kickers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 18px 0 0;
}

.news-detail-kickers span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(193, 167, 126, .32);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(246, 239, 228, .84) 100%);
  color: #7c694d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.news-page--detail .news-richtext {
  padding-top: 30px;
}

.news-page--detail .news-article-block {
  margin: 0 0 24px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.news-page--detail .news-article-block--lead {
  padding: 0 0 6px;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.news-page--detail .news-article-block,
.news-page--detail .news-article-block * {
  font-family: inherit !important;
}

.news-page--detail .news-article-block > h1,
.news-page--detail .news-article-block > h2,
.news-page--detail .news-article-block > h3,
.news-page--detail .news-article-block > h4 {
  margin: 32px 0 16px !important;
  padding: 0 !important;
  border-bottom: none;
  color: #173252 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.24 !important;
  letter-spacing: -.025em;
}

.news-page--detail .news-article-block p,
.news-page--detail .news-article-block li,
.news-page--detail .news-article-block blockquote {
  color: #5a7188 !important;
  font-size: 16px !important;
  line-height: 1.98 !important;
  letter-spacing: .01em;
}

.news-page--detail .news-article-block p {
  margin: 0 0 18px !important;
}

.news-page--detail .news-article-block ul,
.news-page--detail .news-article-block ol {
  margin: 6px 0 18px;
  padding-left: 1.25em;
}

.news-page--detail .news-article-block span {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
}

.news-page--detail .news-article-block strong,
.news-page--detail .news-article-block b {
  color: #173252 !important;
}

.news-page--detail .news-article-block a {
  color: #24517f !important;
  text-decoration: underline;
  text-decoration-color: rgba(180, 144, 98, .42);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.news-page--detail .news-article-block img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  margin: 28px auto !important;
  padding: 0;
  border: none;
  border-radius: 18px;
  background: transparent;
  box-shadow: none;
}

.news-page--detail .news-article-block table {
  width: 100% !important;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 22px;
  border: none;
  background: transparent;
}

.news-page--detail .news-article-block table td,
.news-page--detail .news-article-block table th {
  padding: 14px 16px !important;
  border-color: rgba(207, 193, 172, .42);
}

@media screen and (max-width: 1100px) {
  .news-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .news-grid-item:first-child .news-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .news-grid-item:first-child .news-card__media {
    aspect-ratio: 16 / 10;
  }
}

@media screen and (max-width: 767px) {
  .news-page-tabs {
    gap: 10px;
    margin-bottom: 22px;
  }

  .news-page-tab {
    min-height: 34px;
    padding: 0 14px;
    font-size: 12px;
  }

  .news-grid {
    gap: 18px;
  }

  .news-card {
    border-radius: 24px;
  }

  .news-card__date {
    left: 16px;
    bottom: 16px;
    min-height: 32px;
    padding: 0 12px;
    font-size: 11px;
  }

  .news-card__body,
  .news-grid-item:first-child .news-card__body {
    padding: 20px 18px 18px;
  }

  .news-card__title a {
    font-size: 20px;
  }

  .news-grid-item:first-child .news-card__title a {
    font-size: 24px;
    line-height: 1.18;
  }

  .news-card__desc,
  .news-grid-item:first-child .news-card__desc {
    font-size: 14px;
    line-height: 1.82;
    -webkit-line-clamp: 4;
  }

  .news-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .news-detail-kickers span {
    font-size: 11px;
  }

  .news-page--detail .news-article-block {
    margin-bottom: 18px;
    padding: 0;
    border-radius: 20px;
  }

  .news-page--detail .news-article-block > h1,
  .news-page--detail .news-article-block > h2,
  .news-page--detail .news-article-block > h3,
  .news-page--detail .news-article-block > h4 {
    font-size: 20px !important;
  }

  .news-page--detail .news-article-block p,
  .news-page--detail .news-article-block li,
  .news-page--detail .news-article-block blockquote {
    font-size: 14px !important;
    line-height: 1.84 !important;
  }
}

/* ===== 资讯中心信息优先调整 v2 ===== */
.news-page--list .news-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

.news-page--list .news-grid-item:first-child {
  grid-column: auto;
}

.news-page--list .news-card {
  display: grid;
  grid-template-columns: minmax(180px, 228px) minmax(0, 1fr);
  gap: 22px;
  align-items: stretch;
  padding: 18px;
}

.news-page--list .news-grid-item:first-child .news-card {
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, 320px);
  gap: 28px;
  padding: 22px;
}

.news-page--list .news-grid-item:first-child .news-card__body {
  grid-column: 1;
  grid-row: 1;
}

.news-page--list .news-grid-item:first-child .news-card__media {
  grid-column: 2;
  grid-row: 1;
}

.news-page--list .news-card__media {
  min-height: 168px;
  aspect-ratio: auto;
  border-radius: 24px;
}

.news-page--list .news-grid-item:first-child .news-card__media {
  min-height: 230px;
  aspect-ratio: 4 / 3;
}

.news-page--list .news-card__media::after,
.news-page--list .news-card__date {
  display: none;
}

.news-page--list .news-card__media img {
  opacity: .94;
}

.news-page--list .news-card__body {
  min-width: 0;
  padding: 4px 2px 4px 0;
}

.news-page--list .news-grid-item:first-child .news-card__body {
  padding: 4px 0;
}

.news-page--list .news-card__title {
  margin-top: 10px;
}

.news-page--list .news-card__title a {
  font-size: 22px;
  line-height: 1.28;
}

.news-page--list .news-grid-item:first-child .news-card__title a {
  font-size: clamp(30px, 2.2vw, 36px);
  line-height: 1.14;
  -webkit-line-clamp: 3;
}

.news-page--list .news-card__desc {
  margin-top: 12px;
  -webkit-line-clamp: 4;
}

.news-page--list .news-grid-item:first-child .news-card__desc {
  max-width: 58ch;
  -webkit-line-clamp: 6;
}

.news-page--list .news-card__footer {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 16px;
}

.news-page--list .news-card__more {
  margin-left: auto;
}

.news-page--detail .news-detail-hero {
  grid-template-columns: minmax(0, 1fr) minmax(230px, 290px);
  gap: 24px;
}

.news-page--detail .news-detail-main {
  position: relative;
  overflow: hidden;
  padding: 34px 34px 30px;
  border: 1px solid rgba(199, 182, 152, .54);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 243, 236, .98) 100%);
  box-shadow:
    0 20px 42px rgba(27, 33, 40, .06),
    0 10px 20px rgba(122, 96, 59, .05),
    inset 0 1px 0 rgba(255, 255, 255, .88);
}

.news-page--detail .news-detail-main::after {
  content: "";
  position: absolute;
  right: -56px;
  bottom: -92px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 186, 143, .18) 0%, rgba(212, 186, 143, 0) 72%);
  pointer-events: none;
}

.news-page--detail .news-detail-main > * {
  position: relative;
  z-index: 1;
}

.news-page--detail .news-detail-main h2 {
  margin-top: 18px;
  color: #173252;
  font-size: clamp(30px, 2.7vw, 42px);
  line-height: 1.12;
  font-weight: 800;
}

.news-page--detail .news-detail-lead {
  max-width: 62ch;
  margin-top: 14px;
  color: #6a7c8e;
  font-size: 15px;
  line-height: 1.88;
}

.news-page--detail .news-detail-support {
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(201, 182, 151, .34);
}

.news-page--detail .news-detail-support .product-detail-note {
  max-width: none;
  margin: 0;
  padding-top: 0;
  border-top: 0;
}

.news-page--detail .news-detail-support .product-detail-backlink {
  margin-top: 16px;
}

.news-page--detail .news-detail-aside {
  display: grid;
  gap: 16px;
  align-self: start;
}

.news-page--detail .news-detail-media-shell {
  display: grid;
  justify-items: start;
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.news-page--detail .news-detail-media {
  width: 100%;
  max-width: 232px;
  padding: 8px;
  border-radius: 22px;
}

.news-page--detail .news-detail-media::before {
  left: 8%;
  right: 8%;
  top: 8%;
  bottom: 10%;
}

.news-page--detail .news-detail-media-inner {
  aspect-ratio: 4 / 3;
  max-height: 260px;
}

.news-page--detail .news-detail-media-inner img {
  width: auto !important;
  height: auto !important;
  max-width: 84% !important;
  max-height: 84% !important;
  object-fit: contain;
}

.news-page--detail .news-detail-date {
  margin-left: 0;
}

.news-page--detail .news-detail-facts-panel {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.news-page--detail .news-detail-facts-panel li {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid rgba(205, 190, 166, .52);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(246, 239, 228, .84) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}

.news-page--detail .news-detail-facts-panel span {
  display: block;
  color: #8b7651;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.news-page--detail .news-detail-facts-panel strong {
  display: block;
  margin-top: 8px;
  color: #173252;
  font-size: 15px;
  line-height: 1.6;
}

.news-page--detail .news-article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 28px;
  align-items: start;
}

.news-page--detail .news-article-main {
  min-width: 0;
}

.news-page--detail .news-article-side {
  position: sticky;
  top: 108px;
  display: grid;
  gap: 14px;
}

.news-page--detail .news-article-panel {
  padding: 18px 18px 17px;
  border: 1px solid rgba(205, 190, 166, .52);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(246, 239, 228, .84) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 10px 22px rgba(86, 69, 44, .04);
}

.news-page--detail .news-article-panel__eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .68);
  color: #8b6c44;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.news-page--detail .news-article-stats {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.news-page--detail .news-article-stats li {
  padding: 12px 0 0;
  border-top: 1px solid rgba(205, 190, 166, .34);
}

.news-page--detail .news-article-stats span {
  display: block;
  color: #8b7651;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.news-page--detail .news-article-stats strong {
  display: block;
  margin-top: 8px;
  color: #173252;
  font-size: 15px;
  line-height: 1.55;
}

.news-page--detail .news-article-toc {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.news-page--detail .news-article-toc li {
  min-width: 0;
}

.news-page--detail .news-article-toc a {
  display: block;
  padding: 10px 12px;
  border: 1px solid rgba(205, 190, 166, .38);
  border-radius: 14px;
  background: rgba(255, 255, 255, .74);
  color: #526a81 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
  transition:
    color .24s ease,
    border-color .24s ease,
    transform .24s ease;
}

.news-page--detail .news-article-toc a:hover {
  color: #173252 !important;
  border-color: rgba(178, 147, 103, .42);
  transform: translateY(-1px);
}

.news-page--detail .news-article-toc__empty {
  margin: 14px 0 0;
  color: #718296;
  font-size: 13px;
  line-height: 1.78;
}

.news-page--detail .news-richtext {
  max-width: 74ch;
  margin-right: auto;
}

.news-page--detail .news-article-block:first-child p:first-of-type {
  color: #4a627b !important;
  font-size: 18px !important;
  line-height: 1.96 !important;
}

.news-page--detail .news-detail-head {
  position: relative;
  padding: 6px 250px 0 30px;
}

.news-page--detail .news-detail-title-group {
  position: relative;
}

.news-page--detail .news-detail-title-group::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid rgba(184, 156, 112, .76);
  background: linear-gradient(135deg, rgba(248, 241, 230, .96) 0%, rgba(235, 219, 193, .88) 100%);
  box-shadow: 0 0 0 6px rgba(184, 156, 112, .06);
  transform: rotate(45deg);
}

.news-page--detail .news-detail-title {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 18px;
  line-height: 1;
}

.news-page--detail .news-detail-title-cn {
  display: inline-block;
  color: #172f47;
  font-size: clamp(28px, 3.2vw, 40px);
  line-height: 1.08;
  letter-spacing: -.03em;
}

.news-page--detail .news-detail-title-en {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(193, 167, 126, .34);
  background: linear-gradient(135deg, rgba(255, 255, 255, .92) 0%, rgba(245, 237, 224, .82) 100%);
  color: #7b6541;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .24em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86);
}

.news-page--detail .news-detail-title-group p {
  margin-top: 16px;
  color: #6d8199;
  font-size: 17px;
  line-height: 1.9;
}

.news-page--detail .news-detail-path {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  max-width: 100%;
  padding: 0 16px;
  border: 1px solid rgba(193, 167, 126, .26);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .78) 0%, rgba(247, 242, 233, .72) 100%);
  color: #7d6a4f;
  font-size: 13px;
  line-height: 1.6;
  text-align: right;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84);
}

.news-page--detail .news-page-tabs--detail {
  margin-top: 16px;
  margin-bottom: 18px;
}

.news-page--detail .news-detail-summary {
  padding: 0 0 12px 30px;
}

.news-page--detail .news-detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.news-page--detail .news-detail-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid rgba(193, 167, 126, .32);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(246, 239, 228, .84) 100%);
  color: #7c694d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.news-page--detail .news-detail-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(280px, .96fr);
  gap: 24px;
  align-items: start;
}

.news-page--detail .news-detail-overview__main {
  position: relative;
  overflow: hidden;
  padding: 34px 34px 30px;
  border: 1px solid rgba(199, 182, 152, .54);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 243, 236, .98) 100%);
  box-shadow:
    0 20px 42px rgba(27, 33, 40, .06),
    0 10px 20px rgba(122, 96, 59, .05),
    inset 0 1px 0 rgba(255, 255, 255, .88);
}

.news-page--detail .news-detail-overview__main::after {
  content: "";
  position: absolute;
  right: -56px;
  bottom: -92px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212, 186, 143, .18) 0%, rgba(212, 186, 143, 0) 72%);
  pointer-events: none;
}

.news-page--detail .news-detail-overview__main > * {
  position: relative;
  z-index: 1;
}

.news-page--detail .news-detail-overview__main h2 {
  margin-top: 18px;
  color: #173252;
  font-size: clamp(28px, 2.55vw, 38px);
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: -.03em;
}

.news-page--detail .news-detail-facts-panel--grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.news-page--detail .news-detail-facts-panel--grid li {
  min-height: 132px;
}

.news-page--detail .news-detail-note-card {
  margin-top: 18px;
  padding: 22px 24px;
  border: 1px solid rgba(199, 173, 130, .28);
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(247, 241, 232, .86) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.news-page--detail .news-detail-note-card span,
.news-page--detail .news-detail-support-card span {
  display: block;
  margin-bottom: 10px;
  color: #9b7c4e;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.news-page--detail .news-detail-note-card strong {
  display: block;
  color: #15304e;
  font-size: 28px;
  line-height: 1.2;
  letter-spacing: -.03em;
}

.news-page--detail .news-detail-note-card p,
.news-page--detail .news-detail-support-card p,
.news-page--detail .news-article-head p {
  margin: 10px 0 0;
  color: #6d8199;
  font-size: 16px;
  line-height: 1.82;
}

.news-page--detail .news-detail-overview__side {
  display: grid;
  gap: 16px;
  align-self: start;
}

.news-page--detail .news-detail-support-card {
  padding: 22px 24px;
  border: 1px solid rgba(205, 190, 166, .52);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(246, 239, 228, .84) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 10px 22px rgba(86, 69, 44, .04);
}

.news-page--detail .news-detail-support-card .product-detail-backlink {
  margin-top: 14px;
}

.news-page--detail .news-article-layout--content-only {
  display: block;
}

.news-page--detail .news-article-main--full {
  max-width: 840px;
  margin: 0 auto;
}

.news-page--detail .news-article-main--full .news-richtext {
  max-width: none;
  padding-top: 4px;
}

@media screen and (max-width: 1100px) {
  .news-page--list .news-card,
  .news-page--list .news-grid-item:first-child .news-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .news-page--list .news-grid-item:first-child .news-card__media,
  .news-page--list .news-grid-item:first-child .news-card__body {
    grid-column: auto;
    grid-row: auto;
  }

  .news-page--list .news-card__media,
  .news-page--list .news-grid-item:first-child .news-card__media {
    min-height: 0;
    aspect-ratio: 16 / 9;
  }

  .news-page--detail .news-detail-head {
    padding-right: 0;
  }

  .news-page--detail .news-detail-path {
    position: static;
    width: max-content;
    margin-top: 16px;
  }

  .news-page--detail .news-detail-summary {
    padding-left: 0;
  }

  .news-page--detail .news-detail-overview {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .news-page--detail .news-detail-overview__side {
    grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
    align-items: start;
  }

  .news-page--detail .news-detail-facts-panel--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .news-page--detail .news-detail-media-inner {
    aspect-ratio: 16 / 10;
    max-height: none;
  }

  .news-page--detail .news-article-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .news-page--detail .news-article-side {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .news-page--detail .news-richtext {
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .news-page--list .news-card,
  .news-page--list .news-grid-item:first-child .news-card {
    padding: 16px;
    gap: 14px;
  }

  .news-page--list .news-card__title a {
    font-size: 19px;
  }

  .news-page--list .news-grid-item:first-child .news-card__title a {
    font-size: 24px;
  }

  .news-page--list .news-card__more {
    margin-left: 0;
  }

  .news-page--detail .news-detail-main {
    padding: 22px 18px;
    border-radius: 24px;
  }

  .news-page--detail .news-detail-head {
    padding-left: 20px;
  }

  .news-page--detail .news-detail-title-group::before {
    left: -20px;
    top: 15px;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 5px rgba(184, 156, 112, .06);
  }

  .news-page--detail .news-detail-title {
    margin-top: 14px;
    gap: 10px;
  }

  .news-page--detail .news-detail-title-cn {
    font-size: clamp(22px, 8vw, 30px);
    line-height: 1.12;
  }

  .news-page--detail .news-detail-title-en {
    height: 30px;
    padding: 0 12px;
    font-size: 10px;
    letter-spacing: .14em;
  }

  .news-page--detail .news-detail-path {
    min-height: 34px;
    font-size: 12px;
  }

  .news-page--detail .news-detail-summary {
    padding: 0 0 14px 20px;
  }

  .news-page--detail .news-detail-overview__main {
    padding: 22px 18px;
    border-radius: 24px;
  }

  .news-page--detail .news-detail-overview__main h2 {
    font-size: 26px;
  }

  .news-page--detail .news-detail-aside,
  .news-page--detail .news-detail-overview__side {
    grid-template-columns: minmax(0, 1fr);
  }

  .news-page--detail .news-detail-media-shell {
    gap: 12px;
  }

  .news-page--detail .news-detail-facts-panel--grid {
    grid-template-columns: 1fr;
  }

  .news-page--detail .news-detail-facts-panel li {
    padding: 14px 14px 15px;
    border-radius: 16px;
  }

  .news-page--detail .news-detail-facts-panel strong {
    font-size: 14px;
  }

  .news-page--detail .news-detail-lead {
    font-size: 14px;
    line-height: 1.82;
  }

  .news-page--detail .news-detail-note-card,
  .news-page--detail .news-detail-support-card {
    padding: 18px 16px;
    border-radius: 18px;
  }

  .news-page--detail .news-detail-note-card strong {
    font-size: 22px;
  }

  .news-page--detail .news-article-main--full {
    max-width: none;
  }

  .news-page--detail .news-article-side {
    grid-template-columns: minmax(0, 1fr);
  }

  .news-page--detail .news-article-panel {
    padding: 16px 14px 15px;
    border-radius: 18px;
  }

.news-page--detail .news-article-block:first-child p:first-of-type {
    font-size: 16px !important;
    line-height: 1.92 !important;
  }
}

/* ===== 产品图片展示统一优化 v57 ===== */
.home-section--recommend .product-ref-card__media,
.product-page--list.product-page--no-sidebar .product-ref-card__media {
  aspect-ratio: 5 / 4;
  padding: clamp(18px, 3vw, 28px);
}

.product-page--detail.product-page--no-sidebar .product-detail-media-inner {
  aspect-ratio: 3 / 2;
  padding: clamp(20px, 3vw, 28px);
}

.home-section--recommend .product-ref-card__media img,
.product-page--list.product-page--no-sidebar .product-ref-card__media img,
.product-page--detail.product-page--no-sidebar .product-detail-media-inner img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain;
  object-position: center center;
}

@media screen and (max-width: 1100px) {
  .home-section--recommend .product-ref-card__media,
  .product-page--list.product-page--no-sidebar .product-ref-card__media {
    padding: 20px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-media-inner {
    padding: 20px;
  }
}

@media screen and (max-width: 767px) {
  .home-section--recommend .product-ref-card__media,
  .product-page--list.product-page--no-sidebar .product-ref-card__media,
  .product-page--detail.product-page--no-sidebar .product-detail-media-inner {
    aspect-ratio: 4 / 3;
  }

  .home-section--recommend .product-ref-card__media,
  .product-page--list.product-page--no-sidebar .product-ref-card__media {
    padding: 18px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-media-inner {
    aspect-ratio: 3 / 2;
    padding: 16px;
  }
}

/* ===== 产品图片统一为 800×600（4:3）v58 ===== */
.home-section--recommend .product-ref-card__media,
.product-page--list.product-page--no-sidebar:not(.solution-page--list) .product-ref-card__media,
.product-page--detail.product-page--no-sidebar:not(.solution-page--detail) .product-detail-media-inner {
  aspect-ratio: 4 / 3 !important;
  padding: 0 !important;
  overflow: hidden;
  background: linear-gradient(180deg, #f4eee3 0%, #ebe1d2 100%) !important;
}

.home-section--recommend .product-ref-card__media::before,
.product-page--list.product-page--no-sidebar:not(.solution-page--list) .product-ref-card__media::before,
.product-page--detail.product-page--no-sidebar:not(.solution-page--detail) .product-detail-media-inner::before {
  display: none !important;
}

.home-section--recommend .product-ref-card__media img,
.product-page--list.product-page--no-sidebar:not(.solution-page--list) .product-ref-card__media img,
.product-page--detail.product-page--no-sidebar:not(.solution-page--detail) .product-detail-media-inner img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: none !important;
}

.home-section--recommend .product-ref-card__media img:hover,
.product-page--list.product-page--no-sidebar:not(.solution-page--list) .product-ref-card__media img:hover,
.product-page--detail.product-page--no-sidebar:not(.solution-page--detail) .product-detail-media-inner img:hover {
  transform: scale(1.015);
  transition: transform .35s ease;
}

@media screen and (max-width: 767px) {
  .home-section--recommend .product-ref-card__media,
  .product-page--list.product-page--no-sidebar:not(.solution-page--list) .product-ref-card__media,
  .product-page--detail.product-page--no-sidebar:not(.solution-page--detail) .product-detail-media-inner {
    aspect-ratio: 4 / 3 !important;
  }
}

/* ===== 首页品牌合作收口 v49 ===== */
.home-section--product .home-panel-shell,
.home-section--product .home-product-shell,
.home-section--product .home-product-shell .tod,
.home-section--product .homeProductSwiper,
.home-section--product .homeProductSwiper .swiper-wrapper,
.home-section--product .homeProductSwiper .swiper-slide{
  height:auto !important;
  min-height:0 !important;
}
.home-section--product .home-product-shell .tod,
.home-section--product .homeProductSwiper{
  padding-top:10px !important;
  padding-bottom:0 !important;
}
.home-section--product .homeProductSwiper .swiper-wrapper{
  align-items:flex-start !important;
}
.home-section--product .home-product-card{
  align-self:flex-start;
  padding:0 14px 18px !important;
}
.home-section--product .home-product-card::after{
  left:14px;
  right:14px;
  opacity:.68;
}
.home-section--product .home-product-media{
  height:136px !important;
  padding:14px 14px 10px;
  border-radius:22px;
}
.home-section--product .home-product-media::before{
  left:10%;
  right:10%;
  top:10%;
  bottom:16%;
}
.home-section--product .home-product-card img{
  max-height:92px;
}
.home-section--product .home-product-body{
  margin-top:12px;
  padding:0 2px !important;
}
.home-section--product .home-product-body b a{
  font-size:18px;
}
.home-section--product .home-product-body .description{
  margin-top:8px;
  min-height:0;
  line-height:1.55 !important;
  -webkit-line-clamp:1;
}
@media screen and (max-width:1100px){
  .home-section--product .home-product-card{
    padding:0 10px 16px !important;
  }
  .home-section--product .home-product-media{
    height:126px !important;
    border-radius:18px;
  }
  .home-section--product .home-product-card img{
    max-height:84px;
  }
}
@media screen and (max-width:767px){
  .home-section--product .home-product-shell .tod,
  .home-section--product .homeProductSwiper{
    padding-top:8px !important;
  }
  .home-section--product .home-product-card{
    padding:0 8px 14px !important;
  }
  .home-section--product .home-product-media{
    height:118px !important;
    border-radius:16px;
  }
  .home-section--product .home-product-card img{
    max-height:78px;
  }
  .home-section--product .home-product-body b a{
    font-size:16px;
  }
}

/* ===== Premium footer redesign v19 ===== */
#footer.footer--premium {
  position: relative;
  padding: 34px 0 20px;
  color: rgba(255,255,255,.84);
  background:
    radial-gradient(circle at top right, rgba(176,138,87,.14) 0, rgba(176,138,87,0) 26%),
    linear-gradient(180deg, #101a24 0%, #15212c 52%, #0e1720 100%);
  border-top: 1px solid rgba(176,138,87,.16);
  overflow: hidden;
}
#footer.footer--premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 0, rgba(255,255,255,0) 18%, rgba(255,255,255,0) 82%, rgba(255,255,255,.02) 100%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 28%);
  pointer-events: none;
}
#footer.footer--premium .footer-shell {
  position: relative;
  z-index: 1;
}
#footer.footer--premium a {
  color: rgba(255,255,255,.78);
  transition: color .22s ease, opacity .22s ease, transform .22s ease, border-color .22s ease, background-color .22s ease, box-shadow .22s ease;
}
#footer.footer--premium a:hover {
  color: #fff6ea;
}
#footer.footer--premium .footer-topline {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 24px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#footer.footer--premium .footer-topline-copy {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 520px;
}
#footer.footer--premium .footer-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 24px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(176,138,87,.12) 0%, rgba(215,189,145,.08) 100%);
  color: #cfb186;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .22em;
}
#footer.footer--premium .footer-topline-copy p {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255,255,255,.58);
}
#footer.footer--premium .footer-topnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 18px;
}
#footer.footer--premium .footer-topnav a {
  position: relative;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: .04em;
  color: rgba(255,255,255,.68);
}
#footer.footer--premium .footer-topnav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: linear-gradient(90deg, rgba(176,138,87,0) 0%, rgba(176,138,87,.95) 50%, rgba(176,138,87,0) 100%);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}
#footer.footer--premium .footer-topnav a:hover::after {
  transform: scaleX(1);
}
#footer.footer--premium .footer-main {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.05fr) minmax(0, .88fr) 250px;
  gap: 30px;
  align-items: start;
}
#footer.footer--premium .footer-brand {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding-right: 18px;
}
#footer.footer--premium .footer-brand-logo {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
#footer.footer--premium .footer-brand-logo img {
  display: block;
  width: auto;
  max-width: 190px;
  max-height: 58px;
}
#footer.footer--premium .footer-brand-copy h3 {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: .02em;
  color: #fffaf4;
}
#footer.footer--premium .footer-brand-desc {
  margin-top: 14px;
  max-width: 420px;
  font-size: 14px;
  line-height: 1.95;
  color: rgba(255,255,255,.62);
}
#footer.footer--premium .footer-brand-en {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(207,177,134,.84);
}
#footer.footer--premium .footer-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 18px;
}
#footer.footer--premium .footer-col h4,
#footer.footer--premium .footer-contact h4 {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #f9f1e4;
}
#footer.footer--premium .footer-col h4::after,
#footer.footer--premium .footer-contact h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 1px;
  background: linear-gradient(90deg, rgba(176,138,87,.92) 0%, rgba(176,138,87,0) 100%);
}
#footer.footer--premium .footer-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#footer.footer--premium .footer-col a {
  width: fit-content;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.62);
}
#footer.footer--premium .footer-col a:hover {
  transform: translateX(2px);
}
#footer.footer--premium .footer-contact {
  display: flex;
  flex-direction: column;
}
#footer.footer--premium .footer-contact-item {
  display: block;
  padding: 0 0 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
#footer.footer--premium .footer-contact-label {
  display: block;
  margin-bottom: 8px;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(207,177,134,.8);
}
#footer.footer--premium .footer-contact-item strong {
  display: block;
  font-size: 14px;
  line-height: 1.75;
  font-weight: 600;
  color: rgba(255,255,255,.92);
}
#footer.footer--premium .footer-contact-item:last-of-type strong {
  font-weight: 500;
  color: rgba(255,255,255,.74);
}
#footer.footer--premium .footer-consult-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 132px;
  height: 42px;
  padding: 0 20px;
  margin-top: 6px;
  border: 1px solid rgba(176,138,87,.34);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(176,138,87,.14) 100%);
  color: #fff4e3 !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  box-shadow: 0 14px 30px rgba(0,0,0,.16);
}
#footer.footer--premium .footer-consult-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(207,177,134,.5);
  background: linear-gradient(135deg, rgba(255,255,255,.12) 0%, rgba(176,138,87,.2) 100%);
  box-shadow: 0 18px 36px rgba(0,0,0,.2);
}
#footer.footer--premium .footer-qr {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
#footer.footer--premium .footer-qr-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 14px 12px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
#footer.footer--premium .footer-qr-card img {
  display: block;
  width: 100%;
  max-width: 104px;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  background: #fff;
  padding: 6px;
}
#footer.footer--premium .footer-qr-card span {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(255,255,255,.66);
  text-align: center;
}
#footer.footer--premium .footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 32px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
}
#footer.footer--premium .footer-legal,
#footer.footer--premium .footer-bottom-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 18px;
}
#footer.footer--premium .footer-legal,
#footer.footer--premium .footer-legal a,
#footer.footer--premium .footer-bottom-links a {
  font-size: 12px;
  line-height: 1.7;
  color: rgba(255,255,255,.5);
}
#footer.footer--premium .footer-bottom-links a:hover,
#footer.footer--premium .footer-legal a:hover {
  color: rgba(255,255,255,.82);
}

@media (max-width: 1280px) {
  #footer.footer--premium .footer-main {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
  #footer.footer--premium .footer-qr {
    grid-column: 2;
    justify-self: end;
    width: 250px;
  }
}

@media (max-width: 1024px) {
  #footer.footer--premium {
    padding-top: 28px;
  }
  #footer.footer--premium .footer-topline,
  #footer.footer--premium .footer-bottom,
  #footer.footer--premium .footer-main {
    grid-template-columns: 1fr;
    display: grid;
  }
  #footer.footer--premium .footer-topnav,
  #footer.footer--premium .footer-bottom-links {
    justify-content: flex-start;
  }
  #footer.footer--premium .footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #footer.footer--premium .footer-qr {
    grid-column: auto;
    justify-self: start;
    width: min(100%, 280px);
  }
}

@media (max-width: 768px) {
  #footer.footer--premium .footer-topline {
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 20px;
  }
  #footer.footer--premium .footer-links {
    grid-template-columns: 1fr;
  }
  #footer.footer--premium .footer-brand-copy h3 {
    font-size: 26px;
  }
  #footer.footer--premium .footer-main {
    gap: 24px;
  }
}

/* ===== Footer refinement & toolbar alignment v20 ===== */
#footer.footer--premium .footer-qr {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#footer.footer--premium .footer-qr-head p {
  font-size: 12px;
  line-height: 1.75;
  color: rgba(255,255,255,.52);
}
#footer.footer--premium .footer-qr-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
#footer.footer--premium .footer-qr-card {
  position: relative;
  overflow: hidden;
}
#footer.footer--premium .footer-qr-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 42%);
  pointer-events: none;
}
#footer.footer--premium .footer-qr-card span {
  position: relative;
  z-index: 1;
}
#footer.footer--premium .footer-bottom {
  margin-top: 36px;
}
#footer.footer--premium .footer-legal {
  gap: 12px;
}
#footer.footer--premium .footer-legal span::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-left: 12px;
  background: rgba(255,255,255,.18);
  vertical-align: middle;
}
#footer.footer--premium .footer-bottom-links a {
  position: relative;
}
#footer.footer--premium .footer-bottom-links a:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -9px;
  top: 50%;
  width: 1px;
  height: 10px;
  background: rgba(255,255,255,.14);
  transform: translateY(-50%);
}

.toolbar {
  width: 58px;
  right: 20px;
  top: auto;
  bottom: 40px;
  margin: 0;
  z-index: 80;
}
.toolbar dd {
  width: 58px;
  height: 58px;
  margin-top: 10px;
  border-top: none;
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(17,26,36,.96) 0%, rgba(21,33,44,.98) 100%);
  box-shadow: 0 14px 28px rgba(8,14,22,.18), inset 0 1px 0 rgba(255,255,255,.06);
}
.toolbar dd > i,
.toolbar .toolbar-link {
  display: block;
  width: 58px;
  height: 58px;
}
.toolbar .toolbar-link {
  position: relative;
}
.toolbar .toolbar-link::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 2px 8px rgba(255,255,255,.08));
}
.toolbar .toolbar-link--consult::before {
  width: 34px;
  height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4.25h11A2.25 2.25 0 0 1 19.75 6.5v6A2.25 2.25 0 0 1 17.5 14.75H9.75L6 18v-3.25h-.5A2.25 2.25 0 0 1 3.25 12.5v-6A2.25 2.25 0 0 1 5.5 4.25Z'/%3E%3Cpath d='M8 8.25h8'/%3E%3Cpath d='M8 11.25h5'/%3E%3C/svg%3E");
}
.toolbar .toolbar-link--email::before {
  width: 36px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.25' width='17' height='13.5' rx='2.3'/%3E%3Cpath d='m4.5 7 7.5 6 7.5-6'/%3E%3C/svg%3E");
}
.toolbar .tell,
.toolbar .i_email,
.toolbar .top {
  background-color: transparent !important;
}
.toolbar .tell { background:url(../images/tip2.png) 10px -68px no-repeat; }
.toolbar .top { background:url(../images/tip2.png) 10px -203px no-repeat; }
.toolbar .i_email {
  position: relative;
  background: none;
}
.toolbar .email_l {
  width: 34px;
  height: 26px;
  top: 16px;
  left: 12px;
}
.toolbar dd::before {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(176,138,87,0) 0%, rgba(176,138,87,.7) 50%, rgba(176,138,87,0) 100%);
}
.toolbar dd:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 32px rgba(8,14,22,.24), inset 0 1px 0 rgba(255,255,255,.08);
}
.toolbar dd i:hover,
.toolbar .toolbar-link:hover {
  background-color: rgba(255,255,255,.02) !important;
}
.toolbar .pop {
  right: 88px;
  top: 50%;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(17,26,36,.98) 0%, rgba(21,33,44,.98) 100%);
  box-shadow: 0 20px 40px rgba(5,10,16,.24);
  transform: translateY(-50%);
}
.toolbar .pop .o {
  right: -6px;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 2px;
  background: linear-gradient(135deg, rgba(21,33,44,.98) 0%, rgba(17,26,36,.98) 100%);
  transform: rotate(45deg);
}
.toolbar .pop-tel,
.toolbar .pop-email {
  width: 168px;
  padding: 18px 18px 16px;
  background: transparent;
}
.toolbar .pop-tel .icon {
  padding-top: 0;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(207,177,134,.86);
}
.toolbar .pop-tel .item {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,.9);
  word-break: break-all;
}
.toolbar .pop-email .email_l {
  position: static;
  width: 28px;
  height: 22px;
  margin: 0 auto 10px;
  display: block;
}
@media (max-width: 1280px) {
  #footer.footer--premium .footer-qr-grid {
    width: 250px;
  }
}
@media (max-width: 1024px) {
  #footer.footer--premium .footer-qr-grid {
    width: min(100%, 280px);
  }
}

/* ===== Footer final polish v21 ===== */
#footer.footer--premium .footer-brand-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
#footer.footer--premium .footer-chip-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  height: 34px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.76);
  font-size: 12px;
  line-height: 1;
  letter-spacing: .06em;
}
#footer.footer--premium .footer-chip-link:hover {
  transform: translateY(-1px);
  color: #fff;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
}
#footer.footer--premium .footer-chip-link--accent {
  border-color: rgba(176,138,87,.3);
  background: linear-gradient(135deg, rgba(176,138,87,.12) 0%, rgba(255,255,255,.02) 100%);
  color: #f4dfbf;
}
#footer.footer--premium .footer-col-sub {
  display: block;
  margin: -8px 0 8px;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(207,177,134,.58);
}
#footer.footer--premium .footer-contact-note {
  margin-top: -2px;
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.8;
  color: rgba(255,255,255,.5);
}
#footer.footer--premium .footer-qr-card {
  padding-top: 16px;
}
#footer.footer--premium .footer-qr-card strong {
  position: relative;
  z-index: 1;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(207,177,134,.84);
}
#footer.footer--premium .footer-qr-card span {
  margin-top: -4px;
}
#footer.footer--premium .footer-bottom-links {
  gap: 10px 20px;
}
#footer.footer--premium .footer-bottom-links a {
  letter-spacing: .04em;
}
.toolbar-item--top {
  box-shadow: 0 16px 32px rgba(8,14,22,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.toolbar-item--top::before {
  background: linear-gradient(90deg, rgba(176,138,87,0) 0%, rgba(214,186,141,.92) 50%, rgba(176,138,87,0) 100%) !important;
}
.toolbar-item--top .top {
  background-position: 10px -203px;
}
@media (max-width: 768px) {
  #footer.footer--premium .footer-brand-actions {
    gap: 8px;
  }
  #footer.footer--premium .footer-chip-link {
    min-width: 88px;
    padding: 0 14px;
  }
}

/* ===== Dedicated footer logo refinement v23 ===== */
#footer.footer--premium .footer-brand-logo {
  padding: 14px 16px 18px 0;
  border-bottom: none;
}
#footer.footer--premium .footer-brand-logo::after {
  content: "";
  display: block;
  width: 220px;
  height: 1px;
  margin-top: 14px;
  background: linear-gradient(90deg, rgba(226,199,157,0.9) 0%, rgba(226,199,157,0.14) 58%, rgba(226,199,157,0) 100%);
}
#footer.footer--premium .footer-brand-logo img {
  max-width: 320px;
  max-height: 92px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.12));
}
@media (max-width: 768px) {
  #footer.footer--premium .footer-brand-logo img {
    max-width: 280px;
  }
  #footer.footer--premium .footer-brand-logo::after {
    width: 180px;
  }
}

/* ===== Footer logo keep-mark v24 ===== */
#footer.footer--premium .footer-brand-copy {
  margin-top: 2px;
}
#footer.footer--premium .footer-brand-desc {
  margin-top: 4px;
}

/* ===== Header premium refinement v25 ===== */
.top.top--premium {
  background: linear-gradient(180deg, rgba(250,248,244,.96) 0%, rgba(247,243,236,.92) 100%);
  border-bottom: 1px solid rgba(197,181,158,.18);
}
.top.top--premium .header--meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 40px;
  padding: 0;
}
.top.top--premium .top-meta-left,
.top.top--premium .top-meta-right {
  display: flex;
  align-items: center;
  gap: 12px;
}
.top.top--premium .top-meta-label,
.top.top--premium .top-meta-right span,
.top.top--premium .top-meta-right a {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .08em;
  color: #7e756a;
}
.top.top--premium .top-meta-phone {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  color: #2a3541;
}
.top.top--premium .top-meta-phone:hover,
.top.top--premium .top-meta-right a:hover {
  color: #1a2430;
}
.top.top--premium .top-meta-divider {
  width: 1px;
  height: 10px;
  background: rgba(137,120,95,.22);
}
.top.top--premium .subtel,
.top.top--premium .Telephone {
  all: unset;
}

.nav.nav--premium {
  position: relative;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid rgba(227,219,208,.72);
  backdrop-filter: blur(12px);
}
.nav.nav--premium::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(191,164,124,0) 0%, rgba(191,164,124,.45) 50%, rgba(191,164,124,0) 100%);
  opacity: .7;
}
.nav.nav--premium .nav-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  min-height: 76px;
}
.nav.nav--premium .nav-logo,
.nav.nav--premium .nav-main,
.nav.nav--premium .nav-actions {
  float: none !important;
}
.nav.nav--premium .nav-logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 8px;
}
.nav.nav--premium .nav-logo img {
  width: auto;
  max-width: 168px;
  max-height: 44px;
  margin: 0;
}
.nav.nav--premium .nav-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: center;
}
.nav.nav--premium .nav-list--pro {
  height: 76px;
  flex-wrap: nowrap;
  gap: 4px;
}
.nav.nav--premium .nav-list--pro > li {
  flex: 0 0 auto;
}
.nav.nav--premium .nav-list--pro > li > a {
  height: 76px;
  line-height: 76px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 500;
  color: #364250;
  border-bottom: none;
  background: transparent;
  white-space: nowrap;
}
.nav.nav--premium .nav-list--pro > li > a > i {
  white-space: nowrap;
}
.nav.nav--premium .nav-list--pro > li > a::after {
  left: 20px;
  right: 20px;
  bottom: 15px;
  height: 1px;
  background: linear-gradient(90deg, rgba(173,139,92,0) 0%, rgba(173,139,92,.96) 50%, rgba(173,139,92,0) 100%);
  opacity: 1;
}
.nav.nav--premium .nav-list--pro > li > a:hover,
.nav.nav--premium .nav-list--pro > li > a.hover,
.nav.nav--premium .nav-list--pro > li > a.navhover,
.nav.nav--premium .nav-list--pro > li.is-open > a {
  color: #162636;
  background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(250,247,241,.86) 100%);
}
.nav.nav--premium .nav-list--pro > li > a:hover::after,
.nav.nav--premium .nav-list--pro > li > a.hover::after,
.nav.nav--premium .nav-list--pro > li > a.navhover::after,
.nav.nav--premium .nav-list--pro > li.is-open > a::after,
.nav.nav--premium .nav-list--pro > li.nav-item--current > a::after,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a::after {
  transform: scaleX(1);
}
.nav.nav--premium .nav-list--pro > li.nav-item--current > a,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a {
  color: #122335;
  background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(249,245,238,.9) 100%);
}
.nav.nav--premium .nav-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex: 0 0 auto;
  position: relative;
  z-index: 30;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav {
  position: relative;
  width: 44px;
  height: 42px;
  margin: 0 !important;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  transition: none;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav form {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 44px;
  height: 100%;
  border: 1px solid rgba(216,205,190,.75);
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  overflow: hidden;
  z-index: 6;
  transition: width .24s ease, border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav:hover form,
.nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within form {
  width: 188px;
  border-color: rgba(173,139,92,.42);
  background: #fff;
  box-shadow: 0 10px 24px rgba(24,36,50,.06), inset 0 1px 0 rgba(255,255,255,.8);
}
.nav.nav--premium .nav-actions .searcher.searcher--nav .submit {
  position: absolute;
  left: 13px;
  right: auto;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-size: 100% 100%;
  opacity: .72;
  z-index: 2;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav .txt {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 0 18px 0 42px;
  border: none !important;
  border-radius: 999px;
  background: transparent;
  color: #273341;
  font-size: 13px;
  opacity: 0;
  transition: opacity .18s ease;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav:hover .txt,
.nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within .txt {
  opacity: 1;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav .txt::placeholder {
  color: #9a8f82;
}
.nav.nav--premium .nav-cta {
  height: 42px;
  padding: 0 20px;
  border: 1px solid rgba(173,139,92,.28);
  background: linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(247,240,229,.94) 100%);
  color: #4f3d28 !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
  box-shadow: 0 12px 26px rgba(98,78,47,.08);
  transition: transform .2s ease, opacity .18s ease, visibility .18s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav:hover + .nav-cta,
.nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within + .nav-cta {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(8px);
}
.nav.nav--premium .nav-cta:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #ffffff 0%, #fbf4ea 100%);
  border-color: rgba(173,139,92,.42);
  color: #3e2d1e !important;
  box-shadow: 0 16px 32px rgba(98,78,47,.12);
}
.nav.nav--premium .subNav {
  top: 76px;
  border-radius: 24px;
  box-shadow: 0 28px 48px rgba(12,19,28,.12), 0 10px 24px rgba(24,36,50,.06);
}
.nav.nav--premium .subNavMega {
  width: 1040px;
  background: linear-gradient(135deg, #fcfbf7 0%, #f7f2ea 28%, #ffffff 100%);
}
.nav.nav--premium .nav-item--mega > .subNavMega {
  margin-left: -88px;
}
.nav.nav--premium .subNavMegaAside {
  background: linear-gradient(180deg, #fbfaf7 0%, #f6f1e9 100%);
}
.nav.nav--premium .subNavMegaMain {
  background: rgba(255,255,255,.96);
}
.nav.nav--premium .subNavMegaHead p {
  max-width: 420px;
}
@media screen and (max-width: 1280px) {
  .nav.nav--premium .nav-shell {
    gap: 20px;
  }
  .nav.nav--premium .nav-list--pro > li > a {
    padding: 0 16px;
  }
  .nav.nav--premium .subNavMega {
    width: 948px;
  }
  .nav.nav--premium .nav-item--mega > .subNavMega {
    margin-left: -64px;
  }
}

/* ===== Header interaction polish v26 ===== */
.top.top--premium,
.nav.nav--premium {
  position: relative;
  z-index: 220;
}
.nav.nav--premium {
  isolation: isolate;
}
.nav.nav--premium .nav-shell,
.nav.nav--premium .nav-main,
.nav.nav--premium .nav-list--pro,
.nav.nav--premium .nav-list--pro > li {
  position: relative;
  overflow: visible;
}
.nav.nav--premium .subNav {
  z-index: 420;
}
.nav.nav--premium .nav-list--pro > li > a {
  border-radius: 0;
  transition: color .24s ease, background-color .24s ease, box-shadow .24s ease;
}
.nav.nav--premium .nav-list--pro > li > a::before {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  top: 11px;
  bottom: 10px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,245,238,.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);
  opacity: 0;
  transform: scale(.96);
  transition: opacity .24s ease, transform .24s ease;
  z-index: 0;
}
.nav.nav--premium .nav-list--pro > li > a > i {
  position: relative;
  z-index: 1;
  font-style: normal;
}
.nav.nav--premium .nav-list--pro > li > a:hover::before,
.nav.nav--premium .nav-list--pro > li > a.hover::before,
.nav.nav--premium .nav-list--pro > li > a.navhover::before,
.nav.nav--premium .nav-list--pro > li.is-open > a::before,
.nav.nav--premium .nav-list--pro > li.nav-item--current > a::before,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a::before {
  opacity: 1;
  transform: scale(1);
}
.nav.nav--premium .nav-list--pro > li.nav-item--current > a,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a {
  color: #0f2235;
  box-shadow: inset 0 -1px 0 rgba(196,167,125,.14);
}
.nav.nav--premium .nav-list--pro > li.nav-item--current > a::after,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a::after {
  left: 24px;
  right: 24px;
  bottom: 15px;
  height: 1px;
  background: linear-gradient(90deg, rgba(173,139,92,0) 0%, rgba(173,139,92,.98) 24%, rgba(173,139,92,.98) 76%, rgba(173,139,92,0) 100%);
}
.nav.nav--premium .nav-actions .searcher.searcher--nav {
  width: 48px;
  border-color: rgba(216,205,190,.88);
  transform-origin: right center;
  will-change: auto;
  transition: none;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav form {
  width: 48px;
  transition: width .32s cubic-bezier(.2,.8,.2,1), border-color .24s ease, box-shadow .24s ease, background-color .24s ease;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav:hover form,
.nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within form {
  width: 204px;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav .submit {
  left: 15px;
  transition: opacity .2s ease, transform .24s ease;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav .txt {
  padding-left: 44px;
  transform: translateX(6px);
  transition: opacity .18s ease .08s, transform .24s ease .02s;
}
.nav.nav--premium .nav-actions .searcher.searcher--nav:hover .txt,
.nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within .txt {
  transform: translateX(0);
}
.nav.nav--premium .nav-actions .searcher.searcher--nav:hover .submit,
.nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within .submit {
  transform: scale(.96);
}

/* ===== Header current state refine v27 ===== */
.nav.nav--premium .nav-list--pro > li.nav-item--current > a,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a {
  color: #102437;
  font-weight: 600;
  letter-spacing: .02em;
  background: transparent;
  box-shadow: none;
}
.nav.nav--premium .nav-list--pro > li.nav-item--current > a::before,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a::before {
  opacity: 0;
  transform: scale(.98);
}
.nav.nav--premium .nav-list--pro > li.nav-item--current > a::after,
.nav.nav--premium .nav-list--pro > li[data-nav-current="true"] > a::after {
  left: 50%;
  right: auto;
  bottom: 17px;
  width: 34px;
  height: 2px;
  border-radius: 999px;
  opacity: .92;
  transform: translateX(-50%) scaleX(1);
  background: linear-gradient(90deg, rgba(173,139,92,0) 0%, rgba(173,139,92,.18) 10%, rgba(173,139,92,.92) 50%, rgba(173,139,92,.18) 90%, rgba(173,139,92,0) 100%);
}
.nav.nav--premium .nav-list--pro > li > a:hover,
.nav.nav--premium .nav-list--pro > li > a.hover,
.nav.nav--premium .nav-list--pro > li.is-open > a {
  color: #162636;
  background: transparent;
}
.nav.nav--premium .nav-list--pro > li > a:hover::before,
.nav.nav--premium .nav-list--pro > li > a.hover::before,
.nav.nav--premium .nav-list--pro > li.is-open > a::before {
  opacity: .86;
}

/* ===== PC template fluid responsive layer v1 ===== */
html,
body {
  max-width: 100%;
}

img,
video,
iframe,
embed,
object {
  max-width: 100%;
}

.ow {
  min-width: 0 !important;
}

.homeHeroSwiper {
  max-width: 100vw;
  overflow: clip !important;
  contain: layout paint;
}

.homeHeroSwiper .swiper-wrapper,
.homeHeroSwiper .swiper-slide {
  max-width: 100vw;
  contain: layout paint;
}

.home-page {
  overflow-x: clip;
}

.home-intro {
  overflow: hidden;
}

.home-intro::before {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  transform: none !important;
}

.product-detail-media-inner.is-image-missing {
  display: flex !important;
  align-items: center;
  justify-content: center;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 260px;
  padding: 28px !important;
  text-align: center;
}

.product-page--detail.product-page--no-sidebar .product-detail-media-inner.is-image-missing,
.product-page--detail.product-page--no-sidebar:not(.solution-page--detail) .product-detail-media-inner.is-image-missing {
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 260px !important;
}

.product-detail-media-inner.is-image-missing img {
  display: none !important;
}

.product-detail-media-inner.is-image-missing::before {
  display: none !important;
}

.product-detail-media-inner.is-image-missing::after {
  content: attr(data-fallback-title);
  position: relative;
  z-index: 2;
  display: block;
  max-width: 28em;
  color: #173252;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

@media screen and (max-width: 1260px) {
  .w,
  .wx,
  .header.w,
  .nav .w,
  #footer.footer--premium .footer-shell {
    width: calc(100% - 40px) !important;
    max-width: 1200px;
  }

  .submian.w {
    display: flex;
    gap: 28px;
    align-items: flex-start;
  }

  .submian .subleft,
  .sidebar {
    flex: 0 0 262px;
    width: 262px;
  }

  .submian .subright {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
  }

  .product-page.product-page--no-sidebar {
    display: block;
  }

  .product-page.product-page--no-sidebar .product-main,
  .product-page.product-page--no-sidebar .subright {
    float: none !important;
    width: 100% !important;
    min-width: 0;
  }

  .nav.nav--premium .nav-shell {
    gap: 16px;
  }

  .nav.nav--premium .nav-list--pro {
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    min-height: 76px;
  }

  .nav.nav--premium .nav-list--pro > li > a {
    height: 54px;
    line-height: 54px;
    padding: 0 13px;
    font-size: 14px;
  }

  .nav.nav--premium .subNav {
    display: none !important;
    top: 56px;
  }

  .nav.nav--premium .subNavMega {
    width: min(920px, calc(100vw - 48px));
    max-width: calc(100vw - 48px);
  }

  .nav.nav--premium .nav-item--mega > .subNavMega {
    margin-left: 0;
  }

  .home-recommend-grid,
  .home-topic-grid,
  .product-page--list.product-page--no-sidebar .product-grid,
  .solution-page--list.product-page--no-sidebar .product-grid,
  .news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-intro-grid,
  .home-answer-grid,
  .home-faq-grid,
  .home-value-band__inner,
  .product-page--detail.product-page--no-sidebar .product-detail-hero,
  .news-page--detail .news-detail-overview,
  .news-page--detail .news-article-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .news-grid-item:first-child .news-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-hero-panel .w {
    width: calc(100% - 40px) !important;
  }

  .neiye-banner,
  .neiye-banner-box,
  .neiye-banner-desc {
    width: 100% !important;
    max-width: 100%;
  }

  .neiye-banner-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .neiye-banner-desc h3,
  .neiye-banner-desc h4,
  .neiye-banner-desc h5,
  .neiye-banner-desc h5 p {
    width: auto !important;
    max-width: 100%;
  }

  .home-hero-copy--unified h1,
  .home-hero-copy h1 {
    letter-spacing: 0 !important;
  }

  .toolbar {
    display: none !important;
  }

  #aff-im-root .embed-hot-issue,
  #aff-im-root .embed-messageboard,
  #aff-im-root .embed-messageboard-base {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #aff-im-root .embed-icon {
    top: auto !important;
    right: 18px !important;
    bottom: 18px !important;
    left: auto !important;
    transform: scale(.84) !important;
    transform-origin: right bottom !important;
  }

  .zlq-aplay-fro-div {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 720px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 150px 24px 70px !important;
    box-sizing: border-box !important;
    background-size: cover !important;
  }

  .zlq-aplay-fro {
    width: min(800px, 100%) !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .zlq-aplay-fro .messages {
    width: min(470px, 100%) !important;
    max-width: 100% !important;
  }

  .product-page--detail.product-page--no-sidebar .product-content--renew,
  .product-page--detail.product-page--no-sidebar .product-detail-hero,
  .product-page--detail.product-page--no-sidebar .product-detail-visual,
  .product-page--detail.product-page--no-sidebar .product-detail-media,
  .product-page--detail.product-page--no-sidebar .product-detail-media-inner,
  .product-page--detail.product-page--no-sidebar .product-detail-meta,
  .product-page--detail.product-page--no-sidebar .product-article-shell,
  .product-page--detail.product-page--no-sidebar .product-richtext,
  .news-page--detail .product-content--renew,
  .news-page--detail .news-article-shell,
  .news-page--detail .news-article-layout,
  .news-page--detail .news-article-main,
  .news-page--detail .news-richtext {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-hero {
    display: block !important;
    overflow: hidden;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-visual,
  .product-page--detail.product-page--no-sidebar .product-detail-meta {
    margin-top: 18px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-visual:first-child {
    margin-top: 0;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-media-inner img,
  .product-page--detail.product-page--no-sidebar .product-richtext img,
  .news-page--detail .news-richtext img,
  .news-page--detail .news-richtext figure {
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .news-page--detail .news-richtext figure,
  .news-page--detail .news-richtext .wp-block-image,
  .news-page--detail .news-richtext figcaption,
  .news-page--detail .news-richtext .wp-element-caption {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .news-page--detail .news-richtext img {
    width: auto !important;
    max-width: 100% !important;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext table,
  .news-page--detail .news-richtext table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-meta h2,
  .product-page--detail.product-page--no-sidebar .product-detail-desc,
  .product-page--detail.product-page--no-sidebar .product-detail-facts,
  .product-page--detail.product-page--no-sidebar .product-detail-facts *,
  .product-page--detail.product-page--no-sidebar .product-detail-actions,
  .product-page--detail.product-page--no-sidebar .product-grid-btn,
  .product-page--detail.product-page--no-sidebar .product-richtext,
  .product-page--detail.product-page--no-sidebar .product-richtext *,
  .news-page--detail .news-richtext,
  .news-page--detail .news-richtext * {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}

@media screen and (max-width: 900px) {
  .w,
  .wx,
  .header.w,
  .nav .w,
  #footer.footer--premium .footer-shell {
    width: calc(100% - 32px) !important;
  }

  .top.top--premium .header--meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    height: auto;
    padding: 8px 0;
  }

  .top.top--premium .top-meta-left,
  .top.top--premium .top-meta-right {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .nav.nav--premium {
    height: auto;
  }

  .nav.nav--premium .nav-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    min-height: 0;
    padding: 12px 0 14px;
  }

  .nav.nav--premium .nav-logo {
    justify-content: center;
    margin: 0;
  }

  .nav.nav--premium .nav-logo img {
    max-width: 158px;
  }

  .nav.nav--premium .nav-main,
  .nav.nav--premium .nav-actions {
    width: 100%;
  }

  .nav.nav--premium .nav-main {
    margin-left: 0 !important;
  }

  .nav.nav--premium .nav-list--pro {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    min-height: 0;
    height: auto;
  }

  .nav.nav--premium .nav-list--pro > li {
    width: auto;
    min-width: 0;
  }

  .nav.nav--premium .nav-list--pro > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 42px;
    line-height: 1.2;
    padding: 0 8px;
    border: 1px solid rgba(196, 171, 130, .24);
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    font-size: 13px;
    text-align: center;
    white-space: normal;
  }

  .nav.nav--premium .nav-list--pro > li > a::before,
  .nav.nav--premium .nav-list--pro > li > a::after {
    display: none;
  }

  .nav.nav--premium .nav-list--pro > li > a > i {
    line-height: 1.2;
    white-space: normal;
  }

  .nav.nav--premium .subNav {
    display: none !important;
  }

  .nav.nav--premium .nav-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .nav.nav--premium .nav-actions .searcher.searcher--nav {
    width: min(260px, 100%);
  }

  .nav.nav--premium .nav-actions .searcher.searcher--nav form,
  .nav.nav--premium .nav-actions .searcher.searcher--nav:hover form,
  .nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within form {
    position: relative;
    width: 100%;
  }

  .nav.nav--premium .nav-actions .searcher.searcher--nav .txt {
    opacity: 1;
    transform: none;
  }

  .nav.nav--premium .nav-actions .searcher.searcher--nav:hover + .nav-cta,
  .nav.nav--premium .nav-actions .searcher.searcher--nav:focus-within + .nav-cta {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .toolbar {
    display: none !important;
  }

  #aff-im-root .embed-hot-issue,
  #aff-im-root .embed-messageboard,
  #aff-im-root .embed-messageboard-base {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #aff-im-root .embed-icon {
    top: auto !important;
    right: 14px !important;
    bottom: 14px !important;
    left: auto !important;
    transform: scale(.78) !important;
    transform-origin: right bottom !important;
  }

  .submian.w {
    display: block;
    margin-top: 24px;
  }

  .submian .subleft,
  .submian .subright,
  .sidebar {
    float: none !important;
    width: 100% !important;
    max-width: none;
  }

  .submian .subleft {
    margin-bottom: 24px;
  }

  .topclass,
  .side-menu {
    border-radius: 22px;
  }

  .side-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
  }

  .side-menu > dd {
    padding: 0;
  }

  .side-menu > dd > a {
    min-height: 44px;
    padding: 0 12px;
  }

  .product-page-head,
  .news-page-head,
  .news-detail-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .product-page-path,
  .news-detail-path {
    position: static !important;
    width: fit-content;
    max-width: 100%;
    white-space: normal !important;
  }

  .home-section-head,
  .brand-answer-head,
  .solution-topic-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .list-answer-panel,
  .brand-answer-grid,
  .solution-list-answer-panel,
  .solution-topic-grid,
  .solution-checklist-grid,
  .solution-answer-grid,
  .solution-faq-grid,
  .product-detail-facts,
  .news-detail-facts-panel--grid,
  .news-page--list .news-card,
  .news-page--list .news-grid-item:first-child .news-card {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-answer-grid,
  .home-faq-grid,
  .home-recommend-grid,
  .home-topic-grid,
  .product-page--list.product-page--no-sidebar .product-grid,
  .solution-page--list.product-page--no-sidebar .product-grid,
  .news-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-intro-main,
  .home-intro-points {
    padding-left: 0;
    padding-right: 0;
  }

  .home-intro-points {
    border-left: none;
    border-top: 1px solid rgba(221, 227, 234, .9);
  }

  .home-hero-unified,
  .home-hero-copy--unified {
    max-width: 100% !important;
  }

  .product-page--detail.product-page--no-sidebar .product-content--renew,
  .product-page--detail.product-page--no-sidebar .product-detail-hero,
  .product-page--detail.product-page--no-sidebar .product-detail-visual,
  .product-page--detail.product-page--no-sidebar .product-detail-media,
  .product-page--detail.product-page--no-sidebar .product-detail-media-inner,
  .product-page--detail.product-page--no-sidebar .product-detail-meta,
  .product-page--detail.product-page--no-sidebar .product-article-shell,
  .product-page--detail.product-page--no-sidebar .product-richtext,
  .news-page--detail .product-content--renew,
  .news-page--detail .news-article-shell,
  .news-page--detail .news-article-layout,
  .news-page--detail .news-article-main,
  .news-page--detail .news-richtext {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-hero {
    display: block !important;
    overflow: hidden;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-visual,
  .product-page--detail.product-page--no-sidebar .product-detail-meta {
    margin-top: 18px;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-visual:first-child {
    margin-top: 0;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-media-inner img,
  .product-page--detail.product-page--no-sidebar .product-richtext img,
  .news-page--detail .news-richtext img,
  .news-page--detail .news-richtext figure {
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .news-page--detail .news-richtext figure,
  .news-page--detail .news-richtext .wp-block-image,
  .news-page--detail .news-richtext figcaption,
  .news-page--detail .news-richtext .wp-element-caption {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .news-page--detail .news-richtext img {
    width: auto !important;
    max-width: 100% !important;
  }

  .product-page--detail.product-page--no-sidebar .product-richtext table,
  .news-page--detail .news-richtext table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }

  .product-page--detail.product-page--no-sidebar .product-detail-meta h2,
  .product-page--detail.product-page--no-sidebar .product-detail-desc,
  .product-page--detail.product-page--no-sidebar .product-detail-facts,
  .product-page--detail.product-page--no-sidebar .product-detail-facts *,
  .product-page--detail.product-page--no-sidebar .product-detail-actions,
  .product-page--detail.product-page--no-sidebar .product-grid-btn,
  .product-page--detail.product-page--no-sidebar .product-richtext,
  .product-page--detail.product-page--no-sidebar .product-richtext *,
  .news-page--detail .news-richtext,
  .news-page--detail .news-richtext * {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .neiye-banner {
    height: 260px !important;
  }

  .neiye-banner-box,
  .neiye-banner-desc {
    height: 260px !important;
  }

  .neiye-banner-desc h3 {
    font-size: 32px;
    line-height: 1.22;
  }

  .neiye-banner-desc h4 {
    margin-top: 8px;
    font-size: 18px;
    line-height: 1.42;
  }

  .neiye-banner-desc h5 {
    margin: 14px 0 34px;
  }
}

@media screen and (max-width: 640px) {
  .w,
  .wx,
  .header.w,
  .nav .w,
  #footer.footer--premium .footer-shell {
    width: calc(100% - 24px) !important;
  }

  .nav.nav--premium .nav-list--pro {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .nav.nav--premium .nav-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .nav.nav--premium .nav-actions .searcher.searcher--nav,
  .nav.nav--premium .nav-cta {
    width: 100%;
  }

  .top.top--premium .top-meta-phone,
  .top.top--premium .top-meta-right a,
  .top.top--premium .top-meta-right span {
    font-size: 12px;
  }

  #aff-im-root .embed-icon {
    right: 10px !important;
    bottom: 10px !important;
    transform: scale(.68) !important;
  }

  .zlq-aplay-fro-div {
    min-height: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 36px 12px 44px !important;
  }

  .zlq-aplay-fro {
    padding: 22px 16px !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 34px rgba(18, 26, 37, .08) !important;
    overflow-wrap: anywhere;
  }

  .zlq-aplay-fro h2,
  .zlq-aplay-fro p {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .zlq-aplay-fro form > p {
    padding-left: 0 !important;
  }

  .messlist {
    height: auto !important;
    margin-bottom: 14px !important;
  }

  .messlist label {
    float: none !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin-bottom: 8px;
    line-height: 1.4 !important;
    text-align: left !important;
  }

  .messlist input,
  .messlist select,
  .messlist textarea {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 42px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  .messlist textarea {
    height: 110px !important;
    padding: 10px 12px !important;
  }

  .messsub {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding-left: 0 !important;
  }

  .messsub input {
    width: 100% !important;
    margin-right: 0 !important;
  }

  .home-hero-panel .w {
    width: calc(100% - 24px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-hero-unified {
    padding-top: 104px !important;
    padding-bottom: 48px !important;
  }

  .home-hero-copy--unified {
    padding-left: 16px !important;
  }

  .home-hero-copy--unified h1,
  .home-hero-copy h1,
  .home-section-head h2,
  .home-value-copy h2,
  .home-intro-main h2,
  .product-page-title-cn,
  .product-page--detail.product-page--no-sidebar .product-page-title-group h1,
  .product-page--detail.product-page--no-sidebar .product-detail-meta h2,
  .news-detail-title-cn {
    font-size: 28px !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    overflow-wrap: break-word;
  }

  .home-hero-copy--unified p,
  .home-hero-copy p,
  .home-section-head p,
  .product-page-title-group p,
  .product-detail-desc,
  .news-detail-summary {
    font-size: 14px !important;
    line-height: 1.82 !important;
  }

  .home-section,
  .product-page--detail.product-page--no-sidebar .product-content--renew {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .home-value-band__inner,
  .product-page--detail.product-page--no-sidebar .product-detail-meta,
  .product-page--detail.product-page--no-sidebar .product-article-shell,
  .solution-topic-section,
  .solution-list-answer-panel,
  .list-answer-panel,
  .brand-answer-panel,
  .news-detail-overview__main,
  .news-article-panel {
    padding: 18px 16px !important;
    border-radius: 20px !important;
  }

  .product-page--detail.product-page--no-sidebar .product-grid-btn {
    min-width: 0;
    flex: 1 1 100%;
  }

  .product-page--detail.product-page--no-sidebar .article-head {
    gap: 12px;
  }

  .product-page--detail.product-page--no-sidebar .product-relink {
    height: auto;
    line-height: 1.6;
  }

  .product-page--detail.product-page--no-sidebar .product-relink p {
    float: none;
    width: 100%;
    text-align: left;
  }

  .pagebar,
  .pagination {
    overflow-x: auto;
  }

  .toolbar {
    display: none;
  }

  .neiye-banner {
    height: 220px !important;
  }

  .neiye-banner-box,
  .neiye-banner-desc {
    height: 220px !important;
    padding-left: 12px;
    padding-right: 12px;
  }

  .neiye-banner-desc h3 {
    font-size: 26px;
  }

  .neiye-banner-desc h4 {
    font-size: 16px;
  }

  .neiye-banner-desc h5 p {
    line-height: 1.72;
    max-height: 7em;
  }
}

/* ===== PC template fluid responsive layer v2 ===== */
@media screen and (max-width: 1260px) {
  html,
  body {
    max-width: 100%;
  }

  .submian,
  .submian *,
  .footer--premium,
  .footer--premium *,
  .dialog-alert,
  .dialog-confirm {
    box-sizing: border-box;
  }

  .submian .subright > *,
  .aboutlist,
  .content,
  .produtlist,
  .listProduct,
  .listnews,
  .news-list,
  .solution-list,
  .pageMsg,
  .pageMsg #formPost,
  .recommend-form,
  .article-content,
  .product-content,
  .product-detail,
  .case-detail,
  .case-richtext {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .submian .subright img,
  .aboutlist img,
  .content img,
  .article-content img,
  .product-content img,
  .case-richtext img,
  .listnews img,
  .news-list img,
  .solution-list img {
    max-width: 100% !important;
    height: auto !important;
  }

  .submian .subright iframe,
  .aboutlist iframe,
  .content iframe,
  .article-content iframe,
  .submian .subright video,
  .submian .subright object,
  .submian .subright embed,
  .baiduMap {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
  }

  .submian .subright table,
  .aboutlist table,
  .content table,
  .article-content table,
  .pageMsg #formPost table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
  }

  #slider,
  .scroll,
  .itag1,
  .itag1 .img_,
  #tp_img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .scrollContainer {
    max-width: 100% !important;
  }

  .footer:not(.footer--premium) .wd[style],
  .footer:not(.footer--premium) .copyright,
  .footer:not(.footer--premium) .icontact,
  .footer:not(.footer--premium) .subnavs {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }

  .sitepath,
  .sobtitle,
  .sobtitle p {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media screen and (max-width: 900px) {
  .sobtitle {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    height: auto;
    min-height: 48px;
    padding: 12px 0;
  }

  .sobtitle p,
  .sobtitle .sitepath {
    float: none !important;
    width: 100%;
    line-height: 1.5;
  }

  .listnews ul li,
  .news-list li {
    height: auto !important;
  }

  .listnews ul li a,
  .news-list li a {
    min-width: 0;
  }

  .pagebar,
  .pagination {
    max-width: 100%;
  }

  .pagination {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    padding-bottom: 4px;
  }

  .pagination .page-item,
  .pagination .page-link {
    flex: 0 0 auto;
  }
}

@media screen and (max-width: 640px) {
  .submian .subright table,
  .aboutlist table,
  .content table,
  .article-content table,
  .pageMsg #formPost table {
    white-space: normal;
  }

  .pageMsg #formPost table,
  .pageMsg #formPost tbody,
  .pageMsg #formPost tr,
  .pageMsg #formPost td {
    display: block;
    width: 100% !important;
  }

  .pageMsg #formPost table td input,
  .pageMsg #formPost table textarea,
  .pageMsg tr.item textarea,
  .recommend-form .row-1,
  .recommend-form .row-2,
  .recommend-form .row-3,
  .recommend-form .txt,
  .recommend-form .text,
  .recommend-form input.code {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .dialog-alert,
  .dialog-confirm {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
}