@charset "utf-8";
@font-face {
  font-family: "DIN";
  font-weight: bold;
  src: url("../fonts/DIN-Bold.otf") format("opentype");
}
@font-face {
  font-family: "SGEO";
  font-weight: regular;
  src: url("../fonts/SpecialGothicExpandedOne-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 100;
  src: url("../fonts/PoppinsThin-rO2B.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 200;
  src: url("../fonts/PoppinsExtralight-6Je1.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 300;
  src: url("../fonts/PoppinsLight-l4Zw.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: normal;
  src: url("../fonts/PoppinsRegular-B2Bw.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 500;
  src: url("../fonts/PoppinsMedium-1JPv.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 600;
  src: url("../fonts/PoppinsSemibold-8l8n.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: bold;
  src: url("../fonts/PoppinsBold-GdJA.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 800;
  src: url("../fonts/PoppinsExtrabold-zDdL.otf") format("opentype");
}
@font-face {
  font-family: "Poppins";
  font-weight: 900;
  src: url("../fonts/PoppinsBlack-VxOe.otf") format("opentype");
}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 1502878 */
  src: url('//at.alicdn.com/t/c/font_1502878_oqneqpk0ugr.woff2?t=1785915347817') format('woff2'),
       url('//at.alicdn.com/t/c/font_1502878_oqneqpk0ugr.woff?t=1785915347817') format('woff'),
       url('//at.alicdn.com/t/c/font_1502878_oqneqpk0ugr.ttf?t=1785915347817') format('truetype');
}
.SGEO{font-family: 'SGEO';}
*{margin:0;padding: 0;}
html{overflow-x: hidden;font-size: 16px;}
body {min-width: 320px;color: #000000;font-family:"Poppins","PingFang SC","microsoft yahei", Arial, sans-serif;font-weight: normal;overflow: hidden;}
*{word-break:normal !important}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after,:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.goomay a {
  font-family:"iconfont" !important;
  font-size:12px!important;
  color: #b7aeaf !important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e625"; }
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
li {list-style: none;}
i {font-style: normal;}
a {color: #000000;text-decoration: none;}
a:focus{text-decoration: none;outline: none;}
a:hover {text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img {border: 0;  max-width: 100%;vertical-align: middle;}
img[src=""],img:not([src]){opacity:0 !important;}
.iconfont{font-family: 'iconfont';}
.flex{display: -webkit-flex;display: -ms-flexbox;display: flex;}
.none{display: none;}
.overflow{overflow: hidden;}
.overflow img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.smallImg img{transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.smallImg:hover img{-webkit-transform:scale(0.95);transform:scale(0.95);}
.container{max-width: 1200px;width: 100%;padding: 0 20px;margin: 0 auto;}
.container2 {max-width: 100%; width:100%;margin: 0 auto;padding: 0 7.81vw;}
.container3 {max-width: 100%; width:100%;margin: 0 auto;padding: 0 13.23vw;}
.container4 {max-width: 100%; width:100%;margin: 0 auto;padding: 0 15.63vw;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.relative{position: relative;}
.none{display: none !important;}
sub, sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -1em;}
.target-fix {position: relative;top: -150px;display: block;height: 0;overflow: hidden;}
 /* 滚动条 */
::-webkit-scrollbar{max-width: 3px;height: 5px;background-color: #e26126;}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track{border-radius: 0;background-color: #f6f6f6;}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb{border-radius: 0;background-color: #e26126;border-radius: 3px;}  
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
/*IE滚动条颜色*/
html {scrollbar-face-color:#bfbfbf;/*滚动条颜色*/scrollbar-highlight-color:#000;scrollbar-3dlight-color:#000;scrollbar-darkshadow-color:#000;scrollbar-Shadow-color:#adadad;/*滑块边色*/scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/scrollbar-track-color:#eeeeee;/*背景颜色*/}
.swiper,.swiper .swiper-slide{position: relative;}
.swiper{
  --swiper-theme-color: #e26126;/* 设置Swiper风格 */
  --swiper-preloader-color: #e26126;/* 单独设置预加载圆圈的颜色 */
}
body.Ov{overflow:visible;}
/* animates */
@-webkit-keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeUp {
  from {opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeUp {-webkit-animation-name: fadeUp;animation-name: fadeUp;}
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fade {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeDown {
  from {opacity: 0;-webkit-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeDown {-webkit-animation-name: fadeDown;animation-name: fadeDown;}
@-webkit-keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeLeft {
  from {opacity: 0;-webkit-transform: translate3d(-80px, 0, 0);transform: translate3d(-80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeLeft {-webkit-animation-name: fadeLeft;animation-name: fadeLeft;}
@-webkit-keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeRight {
  from {opacity: 0;-webkit-transform: translate3d(80px, 0, 0);transform: translate3d(80px, 0, 0);}
  to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
.fadeRight {-webkit-animation-name: fadeRight;animation-name: fadeRight;}
.head_fixed{height: 80px;min-height: 50px;}
.header{width: 100%;z-index: 991;position: fixed;top:0;left: 0;transition: 0.25s ease-in-out;background: transparent;}
.header .inner .flex{height:80px;align-items: center;transition: .25s ease-in-out;padding: 0 50px;}
.header .logo{font-size: 0;position: relative;margin-right: auto;}
.header .logo img{width: 6.51vw;min-width: 60px;transition: .25s ease-in-out;}
.header nav{height: 100%;margin-right: 3.75vw;}
.header nav ul{font-size: 0;line-height: 1;display: flex;height: 100%;align-items: center;}
.header nav ul li{display: flex;align-items: center;margin-right: 1.35vw;position: relative;height: 100%;z-index: 20;}
.header nav ul li:last-child{margin-right:0;}
.header nav ul li>a{transition: 0.25s;display: inline-block;padding: 20px 0;position: relative;line-height: 1;vertical-align: middle;color:#fff;text-transform: uppercase;}
.header nav ul li .child{position:absolute;left:50%;top:100%;z-index:30;width:max-content;min-width:max(12.5vw,200px);padding:max(1.042vw,15px) 0;background:#fff;box-shadow:0 max(.417vw,6px) max(1.042vw,15px) rgba(0,0,0,.12);box-sizing:border-box;opacity:0;visibility:hidden;transform:translate(-50%,max(1.042vw,10px));transition:opacity .3s ease,visibility .3s ease,transform .3s ease;}
.header nav ul li .child:before{content:"";position:absolute;left:50%;top:0;width:max(2.604vw,40px);height:max(.156vw,2px);background:#ed5b20;transform:translateX(-50%);}
.header nav ul li .child p{margin:0;padding:0;}
.header nav ul li .child p a{position:relative;display:block;padding:max(.677vw,11px) max(2.604vw,40px) max(.677vw,11px) max(1.563vw,22px);color:#292929;line-height:1.4;white-space:nowrap;text-decoration:none;transition:color .25s ease,background-color .25s ease,padding .25s ease;}
.header nav ul li .child p a:after{content:"";position:absolute;right:max(1.563vw,22px);top:50%;width:max(.313vw,5px);height:max(.313vw,5px);border-top:1px solid #ed5b20;border-right:1px solid #ed5b20;opacity:0;transform:translate(min(-.417vw,-6px),-50%) rotate(45deg);transition:opacity .25s ease,transform .25s ease;}
.header nav ul li:hover>.child,.header nav ul li.active>.child{opacity:1;visibility:visible;transform:translate(-50%,0);}
.header nav ul li .child p a:hover{color:#ed5b20;background:#f7f5f1;padding-left:calc(max(1.563vw,22px) + max(.313vw,5px));padding-right:calc(max(2.604vw,40px) - max(.313vw,5px));}
.header nav ul li .child p a:hover:after{opacity:1;transform:translate(0,-50%) rotate(45deg);}
.header nav ul li:nth-last-child(-n+2) .child{left:auto;right:0;transform:translate(0,max(1.042vw,10px));}
.header nav ul li:nth-last-child(-n+2):hover>.child,.header nav ul li:nth-last-child(-n+2).active>.child{transform:translate(0,0);}
.header nav ul li:nth-last-child(-n+2) .child:before{left:auto;right:max(1.563vw,22px);transform:none;}
.header nav ul li>a:before{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#ed5b20;transform:translateX(-50%);transition:width .3s ease;}
.header nav ul li:hover>a:before,.header nav ul li.active>a:before{width:100%;}
.header .contact a{display: inline-block;padding: 0.83vw 2.5vw;border-radius: 50px;border: 1px solid #fff;color:#fff;transition: .25s ease-in-out;}
.header .contact a:hover{background: #e26126;border-color: #e26126;}
.header .index-search{margin:0 1.875vw 0 1.563vw;position: relative;z-index: 1;font-size: 0;}
.header .index-search>a{display: inline-block;transition: .25s;color:#fff;}
.header .inner .index-search .content {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.75);backdrop-filter: blur(4px);z-index: 999;display: none;align-items: center;justify-content: center;}
.header .inner .index-search .content .container {position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.header .inner .index-search .content .s-content {background: #fff;text-align: center;padding: 40px 30px;width: 90%;max-width: 700px;border-radius: 32px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);position: relative;transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1),opacity 0.4s ease;transform: translateY(30px);opacity: 0;}
.header .inner .index-search .content.active .s-content {transform: translateY(0);opacity: 1;transition-delay: 0.1s;}
.header .inner .index-search .content a.close {position: absolute;top: 20px;right: 24px;font-size: 28px;color: #888;transition: all 0.2s;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: transparent;}
.header .inner .index-search .content a.close:hover {background: #f0f0f0;color: #333;transform: rotate(90deg);}
.header .inner .index-search .content .title {color: #1e2a3e;margin-bottom: 28px;line-height: 1.3;font-weight: 600;font-size: 28px;letter-spacing: -0.3px;background: linear-gradient(135deg, #1e2a3e, #2c3e50);background-clip: text;-webkit-background-clip: text;color: transparent;display: inline-block;}
.header .inner .index-search .content .input {font-size: 0;line-height: 1;display: flex;justify-content: center;gap: 12px;flex-wrap: wrap;}
.header .inner .index-search .content input {height: 56px;outline: none;box-sizing: border-box;transition: all 0.2s;}
.header .inner .index-search .content .searchValue { padding: 0 20px; border: 1.5px solid #e2e8f0; font-size: 16px; width: 65%; min-width: 200px; color: #1e293b; background: #fff; border-radius: 48px; font-weight: 400; letter-spacing: 0.3px;}
.header .inner .index-search .content .searchValue:focus {border-color: #222;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);}
.header .inner .index-search .content .searchValue::-webkit-input-placeholder {color: #94a3b8;font-weight: 400;}
.header .inner .index-search .content .searchValue:-moz-placeholder {color: #94a3b8;}
.header .inner .index-search .content .searchValue::-moz-placeholder {color: #94a3b8;}
.header .inner .index-search .content .searchValue:-ms-input-placeholder {color: #94a3b8;}
.header .inner .index-search .content button {width: 56px;background: #1e293b;border: none;color: #fff;font-family: 'iconfont';font-size: 24px;border-radius: 48px;cursor: pointer;transition: all 0.2s ease;display: inline-flex;align-items: center;justify-content: center;}
.header .inner .index-search .content button:hover {background: #e26126;transform: scale(1.02);box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);}
.header .inner .index-search .content button:active {transform: scale(0.98);}
@media (max-width: 640px) {
  .header .inner .index-search .content .s-content {padding: 32px 20px;width: 92%;border-radius: 28px;}
  .header .inner .index-search .content .title {font-size: 24px;margin-bottom: 24px;}
  .header .inner .index-search .content .searchValue {width: 100%;margin-bottom: 12px;}
  .header .inner .index-search .content .input {flex-direction: column;align-items: center;}
  .header .inner .index-search .content button {width: 100%;max-width: 200px;}
  .header .inner .index-search .content a.close {top: 12px;right: 16px;}
}
.floating-buttons {position: fixed;right: 24px;bottom: 24px;display: flex;flex-direction: column;gap: 16px;z-index: 9999;}
.float-btn {width: 56px;height: 56px;border-radius: 50%;background-color: #e26126; color: white;display: flex;align-items: center;justify-content: center;text-decoration: none;box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.05);transition: all 0.25s ease-in-out;cursor: pointer;border: none;outline: none;position: relative;font-size: 26px;}
.float-btn i {font-size: 26px;line-height: 1;}
.float-btn:hover {color: #fff;transform: scale(1.08);background-color: #e26126;box-shadow: 0 12px 22px rgba(0, 0, 0, 0.25);}
.float-btn:active {transform: scale(0.96);transition-duration: 0.08s;}
.float-btn::before {content: attr(data-tooltip);position: absolute;right: 70px;background: rgba(0, 0, 0, 0.75);color: #fff;padding: 6px 12px;border-radius: 30px;font-size: 13px;font-weight: 500;font-family: system-ui, -apple-system, sans-serif;white-space: nowrap;pointer-events: none;opacity: 0;transition: opacity 0.2s ease, transform 0.2s ease;transform: translateX(8px);backdrop-filter: blur(4px);letter-spacing: 0.3px;z-index: 10000;}
.float-btn:hover::before {opacity: 1;transform: translateX(0);}
@media (max-width: 640px) {
  .floating-buttons {right: 16px;bottom: 20px;gap: 12px;}
  .float-btn {width: 48px;height: 48px;font-size: 22px;}
  .float-btn i {font-size: 22px;}
  .float-btn::before {right: 60px;font-size: 11px;padding: 4px 10px;white-space: nowrap;}
}
.float-btn:focus-visible {outline: 2px solid #fff;outline-offset: 2px;background-color: #e26126;}
.header.active ,.header.cur{top: 0;background: #fff;box-shadow: 0 5px 12px 0 rgba(0,0,0,0.08);}
.header.on{box-shadow: none;}
.header.active nav ul li>a,.header.active .index-search>a,.header.active .change-language .change-language-title a{color:#000;}
.header.active .contact a{background: #e26126;border-color: #e26126;}
/* ---------- 移动端元素：桌面端隐藏 ---------- */
.header .nav-btn{display:none;position:relative;flex-shrink:0;width:40px;height:40px;margin:0 -8px 0 0;padding:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none;}
.header .nav-btn .lines{position:absolute;left:50%;top:50%;width:24px;height:18px;transform:translate(-50%,-50%);}
.header .nav-btn .lines span{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:#fff;transition:top .25s .25s,transform .25s,opacity .25s,background-color .25s;}
.header .nav-btn .lines .n1{top:0;}
.header .nav-btn .lines .n2{top:8px;}
.header .nav-btn .lines .n3{top:16px;}
.header nav .arrow,.header nav .m-contact,.header .nav-mask{display:none;}
/* 汉堡 → X */
.header.nav-open .nav-btn .lines .n1,
.header.nav-open .nav-btn .lines .n3{top:8px;transition:top .25s,transform .25s .25s,background-color .25s;}
.header.nav-open .nav-btn .lines .n1{transform:rotate(45deg);}
.header.nav-open .nav-btn .lines .n2{opacity:0;}
.header.nav-open .nav-btn .lines .n3{transform:rotate(-45deg);}
/* 白底状态（滚动 / 无 banner / 菜单展开） */
.header.active .nav-btn .lines span,
.header.cur .nav-btn .lines span,
.header.nav-open .nav-btn .lines span{background:#222;}
.header.nav-open{background:#fff;box-shadow:0 5px 12px 0 rgba(0,0,0,.08);}
.header.nav-open .index-search>a{color:#000;}
.header.nav-open .contact a{background:#e26126;border-color:#e26126;}
/* 菜单展开时锁定页面滚动 */
html.nav-lock,html.nav-lock body{overflow:hidden;}
/* ---------- 中等屏收紧 ---------- */
@media (max-width:1440px){
.header .inner .flex{padding:0 30px;}
.header nav{margin-right:2.5vw;}
}
/* ---------- ≤1200：切换为抽屉菜单 ---------- */
@media (max-width:1200px){
.header .inner .flex{height:64px;padding:0 30px;}
.header .logo img{width:76px;min-width:0;}
.header .index-search{margin:0 18px 0 12px;}
.header .contact a{padding:9px 22px;font-size:14px;}
.header .nav-btn{display:block;margin-left:10px;}
/* 抽屉 */
.header nav{position:fixed;top:64px;right:0;bottom:0;z-index:990;width:380px;max-width:100%;height:auto;margin:0;padding:6px 30px 40px;background:#fff;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;visibility:hidden;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;}
.header.nav-open nav{visibility:visible;transform:translateX(0);}
/* 遮罩 */
.header .nav-mask{display:block;position:fixed;left:0;right:0;top:64px;bottom:0;z-index:989;background:rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;}
.header.nav-open .nav-mask{opacity:1;visibility:visible;}
/* 一级菜单 */
.header nav ul{display:block;height:auto;}
.header nav ul li{display:block;height:auto;margin:0;z-index:auto;border-bottom:1px solid #eee;opacity:0;transform:translateX(20px);transition:opacity .3s,transform .3s;}
.header.nav-open nav ul li{opacity:1;transform:none;}
.header.nav-open nav ul li:nth-child(1){transition-delay:.12s;}
.header.nav-open nav ul li:nth-child(2){transition-delay:.17s;}
.header.nav-open nav ul li:nth-child(3){transition-delay:.22s;}
.header.nav-open nav ul li:nth-child(4){transition-delay:.27s;}
.header.nav-open nav ul li:nth-child(5){transition-delay:.32s;}
.header.nav-open nav ul li:nth-child(6){transition-delay:.37s;}
.header.nav-open nav ul li:nth-child(7){transition-delay:.42s;}
.header.nav-open nav ul li:nth-child(n+8){transition-delay:.47s;}
.header nav ul li>a,
.header.active nav ul li>a,
.header.cur nav ul li>a{display:block;padding:17px 48px 17px 0;line-height:1.3;color:#222;}
.header nav ul li>a:before{display:none;}
.header nav ul li.active>a,
.header nav ul li.open>a{color:#e26126;}
/* 展开按钮（+ / -） */
.header nav ul li .arrow{display:block;position:absolute;right:0;top:0;width:48px;height:55px;cursor:pointer;}
.header nav ul li .arrow:before,
.header nav ul li .arrow:after{content:"";position:absolute;right:4px;top:50%;width:13px;height:1px;background:#222;transition:transform .3s,background-color .3s;}
.header nav ul li .arrow:after{transform:rotate(90deg);}
.header nav ul li.open .arrow:after{transform:rotate(0);}
.header nav ul li.open .arrow:before,
.header nav ul li.open .arrow:after{background:#e26126;}
/* 二级菜单 */
.header nav ul li .child,
.header nav ul li:nth-last-child(-n+2) .child{position:static;display:none;width:auto;min-width:0;margin:0 0 14px;padding:6px 0;background:#f7f5f1;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none;}
.header nav ul li:hover>.child,
.header nav ul li.active>.child,
.header nav ul li:nth-last-child(-n+2):hover>.child,
.header nav ul li:nth-last-child(-n+2).active>.child{transform:none;}
.header nav ul li.open>.child{display:block;}
.header nav ul li .child:before{display:none;}
.header nav ul li .child p a{padding:11px 34px 11px 18px;color:#555;white-space:normal;}
.header nav ul li .child p a:hover{padding-left:23px;padding-right:29px;background:#efebe5;}
.header nav ul li .child p a:after{right:18px;}
}
/* ---------- ≤768：抽屉全宽，询价按钮移入抽屉 ---------- */
@media (max-width:768px){
.header .inner .flex{height:60px;padding:0 20px;}
.header .logo img{width:68px;}
.header .index-search{margin-right:8px;}
.header .contact{display:none;}
.header nav{top:60px;width:100%;padding:4px 20px 30px;}
.header .nav-mask{top:60px;}
.header nav ul li .arrow{height:55px;}
.header nav .m-contact{display:block;margin-top:30px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;}
.header.nav-open nav .m-contact{opacity:1;transform:none;transition-delay:.5s;}
.header nav .m-contact a{display:flex;align-items:center;justify-content:center;height:48px;border-radius:24px;background:#e26126;color:#fff;font-weight:500;text-transform:uppercase;}
}
@media (max-width:468px){
.header .inner .flex{padding:0 15px;}
.header .logo img{width:62px;}
.header nav{padding:4px 15px 30px;}
}
.change-language {display: inline-block;position: relative;text-align: left;vertical-align: middle;line-height: 1;padding: 10px 0;}
.change-language .change-language-title{position: relative;}
.change-language .change-language-title a{color:#fff;transition: .25s ease-in-out;}
.change-language .change-language-cont {position: absolute;top: 100%;right: 0;width: 360px;background: #FFF;padding: 20px 10px 20px 20px;transform: scale3d(0.9, 0.9, 1);opacity: 0;visibility: hidden;z-index: 999;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 1px solid #eee;border-radius: 5px;overflow-y: auto;max-height: 80vh;line-height: normal;}
.change-language:hover .change-language-cont {transform: scale3d(1, 1, 1);opacity: 1;visibility: visible;}
.goomay-translate-seo {display: none;} 
.mobile-head-language .goomay-translate-seo, .change-language .goomay-translate-seo {display: block;}
.change-language .change-language-cont li {display: inline-block;vertical-align: top;width: 30%;margin: 0 0 10px;font-size: 10pt;overflow: hidden;padding: 0 10px 0 0;}
li.language-flag a {position: relative;display: flex;align-items: center;}
.language-flag span {position: relative;white-space: nowrap;padding: 0 0 0 6px;line-height: 1;}
.language-flag img {display: inline-block;vertical-align: top;background-repeat: no-repeat;width: 22px;height: 16px;border:1px solid #eee;}
.change-language ::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 20px;}
.change-language ::-webkit-scrollbar {width: 5px;}
html.nav-open {overflow: hidden!important;}
.Menu {width:100%;height: 100%;position: fixed;top: 0;left: 0;transform: translateX(-100%);z-index: 990;background: #000;transition:transform 0.5s;overflow-y: auto;padding: 50px 0 0;color:#fff;}
.Menu.active{transform: none;}
.Menu ul.list{border-top: 1px solid rgba(0,0,0,.1);}
.Menu ul.list li{padding: 10px;border-bottom: 1px solid rgba(255,255,255,.1);display: flex;justify-content: space-between;flex-wrap: wrap;}
.Menu ul.list li a{color:#fff;}
.Menu ul.list li i.fa{width: 40px;cursor: pointer;transition: 0.3s;font-size: 16px;font-weight: bold;text-align: center;}
.Menu ul.list li .child {margin-top: 10px;display: none;width: 100%;}
.Menu ul.list li .child p{padding: 5px;}
.Menu ul.list li .child p a{color:#fff;}
.Menu ul.list li.cur i.fa{transform: rotate(90deg);}
.Menu .nav-btn{position: absolute;top: 0;right: 13px;width: 37px;height: 37px;display: flex;align-items: center;justify-content: center;}
.Menu .lines{width: 20px;height: 16px;position: relative;cursor: pointer;}
.Menu .lines span{width: 100%;height: 2px;background: #fff;position: absolute;overflow: hidden;left: 0;transition: all 0.25s ease;}
.Menu .lines span.n1{top: 0;}
.Menu .lines span.n2{top: 7px;}
.Menu .lines span.n3{top: 14px;}
.Menu .nav-btn.closes .lines span.n1 {top: 8px;transform: rotate(45deg);}
.Menu .nav-btn.closes .lines span.n2 {opacity: 0;}
.Menu .nav-btn.closes .lines span.n3 {top: 8px;transform: rotate(-45deg);}
/* ============ banner 通用 ============ */
/* ---------- banner 基础 ---------- */
.col-banner{transition:0.5s all ease;position:relative;padding:0 !important;font-size:0;width:100%;z-index:2;}
.col-banner .banner-container{position:relative;overflow:hidden;}
.col-banner .banner-container .swiper-slide{font-size:0;position:relative;height:auto;max-height:100vh;overflow:hidden;}
.col-banner .banner-container .swiper-slide .img{position:relative;width:100%;height:100%;overflow:hidden;}
.col-banner .banner-container .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.2s ease;}
.col-banner .banner-container .swiper-slide .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,0.28) 0%,rgba(0,0,0,0.1) 50%,rgba(0,0,0,0) 100%);pointer-events:none;}
.col-banner .banner-container .swiper-slide video{width:100vw;height:100%;object-fit:cover;position:relative;}
.col-banner .banner-container .swiper-slide .ban_cont{position:absolute;color:#fff;left:0;width:100%;z-index:2;transition:all 0.15s ease-out;top:50%;transform:translateY(-50%);}
.col-banner .banner-container .swiper-slide .content{margin-top:-1.8229vw;}
/* ---------- banner 文字 ---------- */
#col-index-banner .s-content h3{font-size:3.75vw;line-height:1;font-family: 'SGEO';color:#fff;margin:0 0 0.7813vw;}
#col-index-banner .s-content h3 .ban-line{display:block;overflow:hidden;padding-bottom:0.12em;margin-bottom:-0.12em;}
#col-index-banner .s-content h3 .ban-line>span{display:block;transform:translateY(110%);transition:transform 0.6s ease;}
#col-index-banner .s-content p{margin:0;font-weight:500;color:#fff;opacity:0;transform:translateY(1.5625vw);transition:opacity 0.6s ease,transform 0.6s ease;}
#col-index-banner .more-btn{margin-top:6.25vw;opacity:0;transform:translateY(1.5625vw);transition:opacity 0.6s ease,transform 0.6s ease;}
#col-index-banner .more-btn a{position:relative;z-index:1;display:inline-flex;align-items:center;height:2.8646vw;padding:0 0.1563vw 0 2.0833vw;background:#fff;border-radius:2.8646vw;overflow:hidden;}
#col-index-banner .more-btn a::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#e26126;border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform 0.6s cubic-bezier(0.65,0,0.35,1);}
#col-index-banner .more-btn a span{margin-right:1.5625vw;color:#222;font-weight:500;line-height:1;text-transform:uppercase;transition:color 0.6s cubic-bezier(0.65,0,0.35,1);}
#col-index-banner .more-btn a i{display:flex;align-items:center;justify-content:center;width:2.6042vw;height:2.6042vw;border-radius:50%;background:#e26126;color:#fff;transition:transform 0.5s ease,background 0.5s ease,color 0.5s ease;}
#col-index-banner .more-btn a:hover::before{transform:scaleX(1);transform-origin:left center;}
#col-index-banner .more-btn a:hover span{color:#fff;}
#col-index-banner .more-btn a:hover i{background:#fff;color:#e26126;transform:rotate(45deg);}
#col-index-banner .swiper-slide.banner-on .img img{transform:scale(1);transition:transform 7s cubic-bezier(0.25,0.46,0.45,0.94);}
#col-index-banner .swiper-slide.banner-on .s-content h3 .ban-line>span{transform:translateY(0);transition:transform 1s cubic-bezier(0.22,1,0.36,1);}
#col-index-banner .swiper-slide.banner-on .s-content h3 .ban-line:nth-child(1)>span{transition-delay:0.3s;}
#col-index-banner .swiper-slide.banner-on .s-content h3 .ban-line:nth-child(2)>span{transition-delay:0.42s;}
#col-index-banner .swiper-slide.banner-on .s-content h3 .ban-line:nth-child(3)>span{transition-delay:0.54s;}
#col-index-banner .swiper-slide.banner-on .s-content p{opacity:1;transform:translateY(0);transition:opacity 0.8s ease 0.65s,transform 0.8s cubic-bezier(0.22,1,0.36,1) 0.65s;}
#col-index-banner .swiper-slide.banner-on .more-btn{opacity:1;transform:translateY(0);transition:opacity 0.8s ease 0.8s,transform 0.8s cubic-bezier(0.22,1,0.36,1) 0.8s;}
#col-index-banner .banner-container .swiper-pagination{position:absolute;left:7.81vw;bottom:4.5833vw;top:auto;width:auto;z-index:10;display:inline-flex;align-items:center;justify-content:center;height:1.7708vw;padding:0 1.0938vw;border:1px solid #fff;border-radius:0.8854vw;font-size:0.8333vw;line-height:1;color:#fff;font-weight:500;letter-spacing:0.02em;overflow:hidden;text-align:center;}
#col-index-banner .banner-container .swiper-pagination::before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:rgba(255,255,255,0.22);z-index:-1;transition:none;}
#col-index-banner .banner-container .swiper-pagination.is-progress::before{width:100%;transition:width var(--banner-delay,6000ms) linear;}
#col-index-banner .banner-container .swiper-pagination-bullet{display:none;}
@media (max-width:1200px){
#col-index-banner .banner-container .swiper-slide .content{margin-top:0;}
#col-index-banner .s-content h3{font-size:56px;margin-bottom:12px;}
#col-index-banner .s-content p{transform:translateY(24px);}
#col-index-banner .more-btn{margin-top:50px;transform:translateY(24px);}
#col-index-banner .more-btn a{height:50px;padding:0 3px 0 30px;border-radius:50px;}
#col-index-banner .more-btn a span{margin-right:20px;}
#col-index-banner .more-btn a i{width:44px;height:44px;}
#col-index-banner .banner-container .swiper-pagination{left:20px;bottom:40px;height:32px;padding:0 18px;border-radius:16px;font-size:14px;}
}
@media (max-width:992px){
#col-index-banner .s-content h3{font-size:46px;}
#col-index-banner .more-btn{margin-top:36px;}
#col-index-banner .banner-container .swiper-pagination{bottom:30px;}
}
@media (max-width:768px){
  #col-banner .swiper-slide{height: 240px !important;}
#col-index-banner .banner-container .swiper-slide .img{height:520px;}
#col-index-banner .banner-container .swiper-slide .img img{object-position:68% center;}
#col-index-banner .banner-container .swiper-slide .img::after{background:linear-gradient(90deg,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0.05) 100%);}
#col-index-banner .s-content h3{font-size:36px;margin-bottom:10px;}
#col-index-banner .more-btn{margin-top:28px;}
#col-index-banner .more-btn a{height:46px;padding:0 3px 0 24px;}
#col-index-banner .more-btn a span{margin-right:16px;}
#col-index-banner .more-btn a i{width:40px;height:40px;}
#col-index-banner .banner-container .swiper-pagination{bottom:24px;}
}
@media (max-width:468px){
#col-index-banner .banner-container .swiper-slide .img{height:460px;}
#col-index-banner .s-content h3{font-size:28px;}
#col-index-banner .more-btn{margin-top:22px;}
#col-index-banner .more-btn a{height:42px;padding:0 3px 0 20px;}
#col-index-banner .more-btn a span{margin-right:12px;}
#col-index-banner .more-btn a i{width:36px;height:36px;}
#col-index-banner .banner-container .swiper-pagination{bottom:20px;height:28px;padding:0 14px;border-radius:14px;font-size:12px;}
}
#col-banner .swiper-slide .ban_cont .content {text-align: center;}
#col-banner .swiper-slide .ban_cont .content h2{margin-bottom: 0;text-transform: uppercase;}
#col-banner .swiper-slide .ban_cont .content .mbx a{color:#fff;}
/* ---------- 关于我们 基础 ---------- */
.col-index-about{padding:8.3vw 0 6.25vw;background:#fdfbf7;overflow:hidden;position: relative;z-index: 2;}
.col-index-about .flex{display:flex;justify-content:space-between;align-items:flex-start;}
/* ---------- 左侧标题 ---------- */
.col-index-about .title{flex:1;min-width:0;padding-right:4vw;}
.col-index-about .title .name{display:inline-flex;align-items:center;color:#222;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:0.01em;}
.col-index-about .title .name .about-bracket{display:inline-block;font-style:normal;font-weight:400;color:#e26126;}
.col-index-about .title .name .about-label{display:inline-block;margin:0 0.3125vw;}
.col-index-about .title .SGEO{margin-top:2.0833vw;line-height:1.25;color:#111;}
.col-index-about .title .SGEO p{margin:0;overflow:hidden;padding-bottom:0.1em;margin-bottom:-0.1em;}
.col-index-about .title .SGEO p .about-line{display:block;}
/* ---------- 右侧简介 + 按钮 ---------- */
.col-index-about .content{width:33.0729vw;flex-shrink:0;padding-top:0.2083vw;}
.col-index-about .content .s-content{color:#555;line-height:1.45;}
.col-index-about .content .s-content p{margin:0;}
.col-index-about .content .more{position:relative;z-index:1;display:inline-flex;align-items:center;height:2.8646vw;margin-top:2.9167vw;padding:0 0.1563vw 0 2.0833vw;background:#222;border-radius:2.8646vw;overflow:hidden;}
.col-index-about .content .more::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#e26126;border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-about .content .more span{margin-right:1.6146vw;color:#fff;font-weight:500;line-height:1;text-transform:uppercase;}
.col-index-about .content .more i{display:flex;align-items:center;justify-content:center;width:2.6042vw;height:2.6042vw;border-radius:50%;background:#e26126;color:#fff;transition:transform 0.5s ease,background 0.5s ease,color 0.5s ease;}
.col-index-about .content .more:hover::before{transform:scaleX(1);transform-origin:left center;}
.col-index-about .content .more:hover i{background:#fff;color:#e26126;transform:rotate(45deg);}
/* ---------- 下方 图片 + 数据 ---------- */
.col-index-about .wrap{display:flex;justify-content:space-between;margin-top:4.5313vw;}
.col-index-about .wrap .img{position:relative;width:53.125vw;height:30.3646vw;overflow:hidden;}
.col-index-about .wrap .img img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);}
.col-index-about .wrap .img::after{content:"";position:absolute;left:0;top:0;z-index:2;width:100%;height:100%;background:#e26126;transform:scaleX(0);transform-origin:left center;pointer-events:none;}
.col-index-about .wrap .num{position:relative;width:30.625vw;display:flex;flex-direction:column;padding:3.5938vw 2.3958vw 3.6458vw;background: url(../images/bg.jpg) no-repeat center/cover;color:#222;overflow:hidden;}
.col-index-about .wrap .num h4{max-width:24vw;margin:0 0 auto;line-height:1.2;font-weight:500;color:#222;}
.col-index-about .wrap .num h4 .about-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:0.1em;margin-bottom:-0.1em;}
.col-index-about .wrap .num h4 .about-word>span{display:inline-block;}
.col-index-about .wrap .num p{margin:0;}
.col-index-about .wrap .num p strong{display:block;font-size:7.8125vw;line-height:1;font-weight:bold;letter-spacing:-0.02em;color:#222;font-variant-numeric:tabular-nums;}
.col-index-about .wrap .num p:last-child{margin-top:1.0417vw;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:0.02em;}
/* ---------- 动效：初始态（由 JS 加 .about-anim 开启） ---------- */
.col-index-about.about-anim .title .name .about-label{opacity:0;transform:translateY(0.6em);}
.col-index-about.about-anim .title .name .about-bracket:first-child{opacity:0;transform:translateX(0.9em);}
.col-index-about.about-anim .title .name .about-bracket:last-child{opacity:0;transform:translateX(-0.9em);}
.col-index-about.about-anim .title .SGEO p .about-line{transform:translateY(110%);}
.col-index-about.about-anim .content .s-content{opacity:0;transform:translateY(30px);}
.col-index-about.about-anim .content .more{opacity:0;transform:translateY(30px);}
.col-index-about.about-anim .wrap .img img{opacity:0;transform:scale(1.25);}
.col-index-about.about-anim .wrap .num{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);}
.col-index-about.about-anim .wrap .num h4 .about-word>span{transform:translateY(105%);}
.col-index-about.about-anim .wrap .num p strong{opacity:0;transform:translateY(20px);}
.col-index-about.about-anim .wrap .num p:last-child{opacity:0;letter-spacing:0.3em;}
/* ---------- 动效：进入视口 ---------- */
.col-index-about .title.is-show .name .about-label{opacity:1;transform:none;transition:opacity 0.8s ease 0.15s,transform 0.8s cubic-bezier(0.22,1,0.36,1) 0.15s;}
.col-index-about .title.is-show .name .about-bracket:first-child,
.col-index-about .title.is-show .name .about-bracket:last-child{opacity:1;transform:none;transition:opacity 0.6s ease,transform 1s cubic-bezier(0.22,1,0.36,1);}
.col-index-about .title.is-show .SGEO p .about-line{transform:translateY(0);transition:transform 1.1s cubic-bezier(0.22,1,0.36,1);}
.col-index-about .content.is-show .s-content{opacity:1;transform:none;transition:opacity 0.9s ease 0.2s,transform 0.9s cubic-bezier(0.22,1,0.36,1) 0.2s;}
.col-index-about .content.is-show .more{opacity:1;transform:none;transition:opacity 0.9s ease 0.4s,transform 0.9s cubic-bezier(0.22,1,0.36,1) 0.4s;}
.col-index-about .wrap .img.is-show::after{animation:aboutCurtain 1.2s cubic-bezier(0.77,0,0.175,1) forwards;}
.col-index-about .wrap .img.is-show img{opacity:1;transform:scale(1.08);transition:opacity 0s linear 0.6s,transform 1.8s cubic-bezier(0.22,1,0.36,1) 0.6s;}
.col-index-about .wrap .img.is-done img{transition:transform 1.2s cubic-bezier(0.22,1,0.36,1);}
.col-index-about .wrap .img.is-done:hover img{transform:scale(1.13);}
.col-index-about .wrap .num.is-show{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:-webkit-clip-path 1.2s cubic-bezier(0.77,0,0.175,1) 0.3s,clip-path 1.2s cubic-bezier(0.77,0,0.175,1) 0.3s;}
.col-index-about .wrap .num.is-show h4 .about-word>span{transform:translateY(0);transition:transform 0.9s cubic-bezier(0.22,1,0.36,1);}
.col-index-about .wrap .num.is-show p strong{opacity:1;transform:none;transition:opacity 0.8s ease 0.8s,transform 1s cubic-bezier(0.22,1,0.36,1) 0.8s;}
.col-index-about .wrap .num.is-show p:last-child{opacity:1;letter-spacing:0.02em;transition:opacity 1s ease 1.2s,letter-spacing 1.4s cubic-bezier(0.22,1,0.36,1) 1.2s;}
@keyframes aboutCurtain{
0%{transform:scaleX(0);transform-origin:left center;}
50%{transform:scaleX(1);transform-origin:left center;}
50.1%{transform:scaleX(1);transform-origin:right center;}
100%{transform:scaleX(0);transform-origin:right center;}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-about .title .name .about-label{margin:0 6px;}
.col-index-about .title .SGEO{margin-top:24px;}
.col-index-about .content{width:40%;padding-top:0;}
.col-index-about .content .more{height:50px;margin-top:36px;padding:0 3px 0 30px;border-radius:50px;}
.col-index-about .content .more span{margin-right:20px;}
.col-index-about .content .more i{width:44px;height:44px;}
.col-index-about .wrap{margin-top:60px;}
.col-index-about .wrap .img{width:calc(63% - 6px);height:auto;min-height:400px;}
.col-index-about .wrap .img img{position:absolute;left:0;top:0;}
.col-index-about .wrap .num{width:calc(37% - 6px);padding:40px 30px;}
.col-index-about .wrap .num h4{max-width:none;}
.col-index-about .wrap .num p strong{font-size:96px;}
.col-index-about .wrap .num p:last-child{margin-top:14px;}
}
@media (max-width:992px){
.col-index-about .flex{flex-direction:column;}
.col-index-about .title{padding-right:0;}
.col-index-about .content{width:100%;margin-top:24px;}
.col-index-about .wrap{flex-direction:column;margin-top:48px;}
.col-index-about .wrap .img{width:100%;min-height:0;height:56vw;}
.col-index-about .wrap .num{width:100%;margin-top:12px;padding:36px 30px;}
.col-index-about .wrap .num h4{margin-bottom:40px;}
.col-index-about .wrap .num p strong{font-size:88px;}
}
@media (max-width:768px){
.col-index-about{padding:60px 0 50px;}
.col-index-about .title .SGEO{margin-top:18px;}
.col-index-about .content .more{height:46px;margin-top:28px;padding:0 3px 0 24px;}
.col-index-about .content .more span{margin-right:16px;}
.col-index-about .content .more i{width:40px;height:40px;}
.col-index-about .wrap{margin-top:36px;}
.col-index-about .wrap .img{height:62vw;}
.col-index-about .wrap .num{padding:30px 20px;}
.col-index-about .wrap .num h4{margin-bottom:30px;}
.col-index-about .wrap .num p strong{font-size:72px;}
.col-index-about .wrap .num p:last-child{margin-top:10px;}
}
@media (max-width:468px){
.col-index-about{padding:50px 0 40px;}
.col-index-about .content .more{height:42px;padding:0 3px 0 20px;}
.col-index-about .content .more span{margin-right:12px;}
.col-index-about .content .more i{width:36px;height:36px;}
.col-index-about .wrap .img{height:68vw;}
.col-index-about .wrap .num{padding:26px 18px;}
.col-index-about .wrap .num p strong{font-size:60px;}
}
@media (prefers-reduced-motion:reduce){
.col-index-about *,.col-index-about *::before,.col-index-about *::after{transition:none !important;animation:none !important;}
}
/* ---------- 资质证书 基础 ---------- */
.col-index-cap{padding:20px 0 6.25vw;background:#fdfbf7;overflow:hidden;position: relative;z-index: 2;}
.col-index-cap .name{margin-bottom:1.4583vw;color:#222;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:0.01em;}
.col-index-cap .name p{display:inline-flex;align-items:center;margin:0;}
.col-index-cap .name .cap-bracket{display:inline-block;font-style:normal;font-weight:400;color:#e26126;}
.col-index-cap .name .cap-label{display:inline-block;margin:0 0.3125vw;}
/* ---------- 轮播 ---------- */
.col-index-cap .cap-container{padding:0.625vw 0 1.0417vw;}
.col-index-cap .cap-container .swiper-slide{height:auto;}
.col-index-cap .cap-container .swiper-slide img{display:block;width:100%;aspect-ratio:217/298;object-fit:cover;background:#fff;transition:transform 0.6s cubic-bezier(0.22,1,0.36,1),box-shadow 0.6s cubic-bezier(0.22,1,0.36,1);}
/* ---------- 分页器 ---------- */
.col-index-cap .cap-pagination{position:static;display:flex;justify-content:center;align-items:center;width:100%;margin-top:1.5625vw;}
.col-index-cap .cap-pagination .swiper-pagination-bullet{display:block;width:0.5208vw;height:0.5208vw;margin:0 0.3125vw;border-radius:0.5208vw;background:#d9d9d9;opacity:1;cursor:pointer;transition:width 0.5s cubic-bezier(0.22,1,0.36,1),background 0.5s ease;}
.col-index-cap .cap-pagination .swiper-pagination-bullet-active{width:1.25vw;background:#e26126;}
/* ---------- 悬停（仅鼠标设备） ---------- */
@media (hover:hover){
.col-index-cap .cap-container .swiper-slide:hover img{transform:translateY(-0.5208vw);box-shadow:0 0.8333vw 1.5625vw rgba(0,0,0,0.12);}
.col-index-cap .cap-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{background:#bbb;}
}
/* ---------- 动效：初始态（由 JS 加 .cap-anim 开启） ---------- */
.col-index-cap.cap-anim .name .cap-label{opacity:0;transform:translateY(0.6em);}
.col-index-cap.cap-anim .name .cap-bracket:first-child{opacity:0;transform:translateX(0.9em);}
.col-index-cap.cap-anim .name .cap-bracket:last-child{opacity:0;transform:translateX(-0.9em);}
.col-index-cap.cap-anim .cap-container .swiper-slide{opacity:0;transform:translateY(3.125vw);}
.col-index-cap.cap-anim .cap-pagination{opacity:0;transform:translateY(20px);}
/* ---------- 动效：进入视口 ---------- */
.col-index-cap .name.is-show .cap-label{opacity:1;transform:none;transition:opacity 0.8s ease 0.15s,transform 0.8s cubic-bezier(0.22,1,0.36,1) 0.15s;}
.col-index-cap .name.is-show .cap-bracket:first-child,
.col-index-cap .name.is-show .cap-bracket:last-child{opacity:1;transform:none;transition:opacity 0.6s ease,transform 1s cubic-bezier(0.22,1,0.36,1);}
.col-index-cap .cap-container.is-show .swiper-slide{opacity:1;transform:none;transition:opacity 0.8s ease,transform 1s cubic-bezier(0.22,1,0.36,1);}
.col-index-cap .cap-container.is-show + .cap-pagination{opacity:1;transform:none;transition:opacity 0.8s ease 0.9s,transform 0.8s cubic-bezier(0.22,1,0.36,1) 0.9s;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-cap .name{margin-bottom:24px;}
.col-index-cap .name .cap-label{margin:0 6px;}
.col-index-cap .cap-container{padding:10px 0 16px;}
.col-index-cap .cap-pagination{margin-top:24px;}
.col-index-cap .cap-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;border-radius:8px;}
.col-index-cap .cap-pagination .swiper-pagination-bullet-active{width:22px;}
.col-index-cap.cap-anim .cap-container .swiper-slide{transform:translateY(40px);}
@media (hover:hover){
.col-index-cap .cap-container .swiper-slide:hover img{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,0.12);}
}
}
@media (max-width:768px){
.col-index-cap{padding:20px 0 50px;}
.col-index-cap .name{margin-bottom:18px;}
.col-index-cap .cap-pagination{margin-top:20px;}
}
@media (max-width:468px){
.col-index-cap{padding:20px 0 40px;}
.col-index-cap .cap-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px;}
.col-index-cap .cap-pagination .swiper-pagination-bullet-active{width:18px;}
}
@media (prefers-reduced-motion:reduce){
.col-index-cap *,.col-index-cap *::before,.col-index-cap *::after{transition:none !important;animation:none !important;}
}
/* ---------- 视频引导区 基础 ---------- */
.col-index-video{position:relative;padding:16.67vw 0 12.92vw;background:rgba(0,0,0,.3);color:#fff;overflow:hidden;}
.col-index-video video{position: fixed;z-index: -1;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.col-index-video .content{max-width:49.4792vw;margin:0 auto;text-align:center;}
.col-index-video .content h2{margin:0;color:#f8f6f1;line-height:1.07;letter-spacing:-0.01em;font-family: 'SGEO';}
.col-index-video .content p{margin:2.0833vw 0 0;color:rgba(255,255,255,.9);line-height:1.6;}
/* ---------- 按钮（与 about 区块 .more 一致） ---------- */
.col-index-video .more{position:relative;z-index:1;display:flex;align-items:center;width:fit-content;height:2.9167vw;margin:4.4271vw auto 0;padding:0 0.2083vw 0 2.0833vw;background:#fff;border-radius:2.9167vw;overflow:hidden;}
.col-index-video .more::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#e26126;border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-video .more span{margin-right:1.5625vw;color:#222;font-weight:500;line-height:1;text-transform:uppercase;transition:color 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-video .more i{display:flex;align-items:center;justify-content:center;width:2.5vw;height:2.5vw;border-radius:50%;background:#e26126;color:#fff;transition:transform 0.5s ease,background 0.5s ease,color 0.5s ease;}
@media (hover:hover){
.col-index-video .more:hover::before{transform:scaleX(1);transform-origin:left center;}
.col-index-video .more:hover span{color:#fff;}
.col-index-video .more:hover i{background:#fff;color:#e26126;transform:rotate(45deg);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-video{padding:160px 0 130px;}
.col-index-video .content{max-width:760px;}
.col-index-video .content p{margin-top:24px;}
.col-index-video .more{height:48px;margin-top:48px;padding:0 4px 0 28px;border-radius:48px;}
.col-index-video .more span{margin-right:20px;}
.col-index-video .more i{width:40px;height:40px;}
}
@media (max-width:768px){
.col-index-video{padding:110px 0 90px;}
.col-index-video .content{max-width:100%;}
.col-index-video .content h2{line-height:1.15;}
.col-index-video .content p{margin-top:18px;}
.col-index-video .more{margin-top:36px;}
}
@media (max-width:468px){
.col-index-video{padding:80px 0 70px;}
.col-index-video .more{height:44px;padding-left:22px;}
.col-index-video .more span{margin-right:14px;}
.col-index-video .more i{width:36px;height:36px;}
}
/* ---------- 新品 基础 ---------- */
.col-index-product{padding:8.3333vw 0;background:#fdfbf7;}
.col-index-product .name{color:#222;font-weight:500;line-height:1;text-transform:uppercase;}
.col-index-product .name p{margin:0;}
.col-index-product .desc{margin-top:0.625vw;color:#222;line-height:1.2;}
.col-index-product .desc p{margin:0;}
/* ---------- 新品 轮播卡片 ---------- */
.col-index-product .product-container{margin-top:2.6042vw;}
.col-index-product .product-container .swiper-slide{height:auto;}
.col-index-product .product-container .swiper-slide a{position:relative;display:block;overflow:hidden;background:#f0f0f0;}
.col-index-product .product-container .new{position:absolute;left:1.1458vw;top:1.1458vw;z-index:2;height:1.1458vw;padding:0 0.5729vw;background:#e26126;color:#fff;font-weight:500;line-height:1.1458vw;text-transform:uppercase;}
.col-index-product .product-container .img{aspect-ratio:390/530;overflow:hidden;}
.col-index-product .product-container .img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(0.22,1,0.36,1);}
.col-index-product .product-container .title{margin-top: 0.83vw;font-weight: 500;}
.col-index-product .product-container .more{position:absolute;left:1.3021vw;right:1.3021vw;bottom:1.0938vw;z-index:2;display:flex;align-items:center;justify-content:center;height:2.2917vw;border-radius:2.2917vw;background:#fff;color:#222;transition:opacity 0.5s ease,transform 0.5s cubic-bezier(0.22,1,0.36,1),background 0.4s ease,color 0.4s ease;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.08);}
.col-index-product .product-container .more span{margin-right:0.5208vw;font-weight:500;line-height:1;text-transform:uppercase;}
.col-index-product .product-container .more i{line-height:1;}
/* ---------- 新品 分页器 ---------- */
.col-index-product .product-container .swiper-pagination{position:relative;left:auto;bottom:auto;display:flex;justify-content:center;align-items:center;width:100%;margin-top:2.3958vw;line-height:0;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet{display:block;width:0.4167vw;height:0.4167vw;margin:0 0.2604vw;border-radius:0.4167vw;background:#d9d9d9;opacity:1;cursor:pointer;transition:width 0.5s cubic-bezier(0.22,1,0.36,1),background 0.5s ease;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet-active{width:1.25vw;background:#e26126;}
/* ---------- 新品 查看更多按钮 ---------- */
.col-index-product .container2>.more{position:relative;z-index:1;display:flex;align-items:center;width:fit-content;height:2.9167vw;margin:2.9167vw auto 0;padding:0 0.2083vw 0 2.0833vw;background:#222;border-radius:2.9167vw;overflow:hidden;}
.col-index-product .container2>.more::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#e26126;border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-product .container2>.more span{margin-right:1.6667vw;color:#fff;font-weight:500;line-height:1;text-transform:uppercase;}
.col-index-product .container2>.more i{display:flex;align-items:center;justify-content:center;width:2.5vw;height:2.5vw;border-radius:50%;background:#e26126;color:#fff;transition:transform 0.5s ease,background 0.5s ease,color 0.5s ease;}
/* ---------- 新品 悬停 ---------- */
@media (hover:hover){
.col-index-product .product-container .more{opacity:0;transform:translateY(0.5208vw);}
.col-index-product .product-container .swiper-slide a:hover .more{opacity:1;transform:translateY(0);}
.col-index-product .product-container .swiper-slide a:hover .img img{transform:scale(1.05);}
.col-index-product .product-container .more:hover{background:#e26126;color:#fff;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover{background:#bbb;}
.col-index-product .container2>.more:hover::before{transform:scaleX(1);transform-origin:left center;}
.col-index-product .container2>.more:hover i{background:#fff;color:#e26126;transform:rotate(45deg);}
}
/* ---------- 卖点滚动条 ---------- */
.TIPS{background:#707070;overflow:hidden;}
.TIPS ul{display:flex;align-items:center;width:max-content;height:4.1667vw;margin:0;padding:0;list-style:none;will-change:transform;}
.TIPS ul.is-run{animation:tipsMarquee 30s linear infinite;}
.TIPS li{display:flex;align-items:center;flex-shrink:0;margin-right:1.8229vw;color:#fff;font-size:1.5625vw;line-height:1;white-space:nowrap;}
.TIPS li::before{content:"";flex-shrink:0;width:1.9792vw;height:1.9792vw;margin-right:1.8229vw;background:url(../images/dot.png) no-repeat center/100% 100%;}
@keyframes tipsMarquee{from{transform:translate3d(0,0,0);}to{transform:translate3d(-50%,0,0);}}
@media (hover:hover){
.TIPS:hover ul.is-run{animation-play-state:paused;}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-product{padding:100px 0;}
.col-index-product .desc{margin-top:12px;}
.col-index-product .product-container{margin-top:40px;}
.col-index-product .product-container .new{left:16px;top:16px;height:22px;padding:0 10px;line-height:22px;}
.col-index-product .product-container .more{left:16px;right:16px;bottom:16px;height:40px;border-radius:40px;}
.col-index-product .product-container .more span{margin-right:8px;}
.col-index-product .product-container .swiper-pagination{margin-top:36px;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 5px;border-radius:8px;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet-active{width:24px;}
.col-index-product .container2>.more{height:52px;margin-top:44px;padding:0 4px 0 32px;border-radius:52px;}
.col-index-product .container2>.more span{margin-right:24px;}
.col-index-product .container2>.more i{width:44px;height:44px;}
.TIPS ul{height:64px;}
.TIPS li{margin-right:26px;font-size:22px;}
.TIPS li::before{width:28px;height:28px;margin-right:26px;}
@media (hover:hover){
.col-index-product .product-container .more{transform:translateY(10px);}
}
}
@media (max-width:768px){
.col-index-product{padding:70px 0;}
.col-index-product .product-container{margin-top:30px;}
.col-index-product .product-container .swiper-pagination{margin-top:28px;}
.col-index-product .container2>.more{height:48px;margin-top:36px;padding-left:28px;}
.col-index-product .container2>.more span{margin-right:20px;}
.col-index-product .container2>.more i{width:40px;height:40px;}
.TIPS ul{height:52px;}
.TIPS li{margin-right:20px;font-size:18px;}
.TIPS li::before{width:22px;height:22px;margin-right:20px;}
}
@media (max-width:468px){
.col-index-product{padding:50px 0;}
.col-index-product .product-container .new{left:12px;top:12px;}
.col-index-product .product-container .more{left:12px;right:12px;bottom:12px;height:36px;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0 4px;}
.col-index-product .product-container .swiper-pagination .swiper-pagination-bullet-active{width:18px;}
.col-index-product .container2>.more{height:44px;padding-left:22px;}
.col-index-product .container2>.more span{margin-right:14px;}
.col-index-product .container2>.more i{width:36px;height:36px;}
.TIPS ul{height:44px;}
.TIPS li{margin-right:16px;font-size:16px;}
.TIPS li::before{width:18px;height:18px;margin-right:16px;}
}
@media (prefers-reduced-motion:reduce){
.TIPS ul.is-run{animation:none;}
}
/* ========== 基础 ========== */
.col-index-productList{background:#fff;position:relative;z-index:2;padding:8.33vw 0;overflow:hidden;}
.col-index-productList > *:not(.bg){position:relative;z-index:1;}
/* ========== 标题 ========== */
.col-index-productList .name{color:#222;text-transform:uppercase;letter-spacing:.04em;line-height:1.5;}
.col-index-productList .name span{display:inline-block;}
.col-index-productList .desc{max-width:40vw;margin:.52vw auto 0;color:#1a1a1a;line-height:1.1;}
/* ========== 列表布局 ========== */
.col-index-productList .list{width:84.375vw;margin:3.3vw auto 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.col-index-productList .list li{width:32.6vw;will-change:transform;}
.col-index-productList .list li:nth-child(1),
.col-index-productList .list li:nth-child(3),
.col-index-productList .list li:nth-child(4){width:49.43vw;}
/* 设计稿第一排：小图在左，大图在右 */
.col-index-productList .list li:nth-child(1){order:2;}
.col-index-productList .list li:nth-child(2){order:1;}
.col-index-productList .list li:nth-child(n+3){order:3;margin-top:6.93vw;}
.col-index-productList .list li:nth-child(3){margin-left:auto;margin-right:auto;}
/* ========== 卡片 ========== */
.col-index-productList .list a{display:block;position:relative;color:#fff;overflow:hidden;}
.col-index-productList .list .img{position:relative;padding-bottom:66.67%;overflow:hidden;background:#efedea;}
.col-index-productList .list .img img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;display:block;will-change:transform;transform:scale(1.25);}
.col-index-productList .list .img::after,
.col-index-productList .list .img::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;transition:opacity .8s cubic-bezier(.22,1,.36,1);}
.col-index-productList .list .img::after{background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 35%,rgba(0,0,0,0) 55%);}
.col-index-productList .list .img::before{background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,.1));opacity:0;z-index:2;}
.col-index-productList .list li:nth-child(4) .img::after{background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,rgba(0,0,0,.12) 30%,rgba(0,0,0,0) 50%);}
/* 文字 */
.col-index-productList .list .content{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:2.6vw;z-index:3;transition:transform .8s cubic-bezier(.22,1,.36,1);}
.col-index-productList .list li:nth-child(2) .content,
.col-index-productList .list li:nth-child(5) .content{padding:2.1vw;}
.col-index-productList .list li:nth-child(4) .content{top:0;bottom:auto;}
.col-index-productList .list h3{max-width:9em;margin:0;color:#fff;line-height:1.05;}
.col-index-productList .list .more{display:flex;align-items:center;margin-top:1.04vw;}
.col-index-productList .list .more span{text-transform:uppercase;line-height:1.4;background:linear-gradient(currentColor,currentColor) no-repeat 0 100%/0 1px;transition:background-size .6s cubic-bezier(.22,1,.36,1);}
.col-index-productList .list .more i{display:flex;align-items:center;justify-content:center;width:1.67vw;height:1.67vw;margin-left:.78vw;border-radius:50%;background:#e26126;color:#fff;transition:transform .6s cubic-bezier(.22,1,.36,1);}
/* ========== 底部 ========== */
.col-index-productList .s-content{max-width:45.6vw;margin:5.1vw auto 0;text-align:center;color:#666;line-height:1.6;}
.col-index-productList .s-content p{margin:0;}
.col-index-productList > .more{display:flex;align-items:center;width:fit-content;height:2.86vw;margin:2.34vw auto 0;padding:0 .26vw 0 1.56vw;border-radius:99px;background:#1f1f1f;color:#fff;overflow:hidden;isolation:isolate;}
.col-index-productList > .more::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#e26126;border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-productList > .more span{margin-right:1.6667vw;color:#fff;font-weight:500;line-height:1;text-transform:uppercase;}
.col-index-productList > .more i{display:flex;align-items:center;justify-content:center;width:2.5vw;height:2.5vw;border-radius:50%;background:#e26126;color:#fff;transition:transform 0.5s ease,background 0.5s ease,color 0.5s ease;}
/* ========== 背景大字 ========== */
.col-index-productList .bg{position:absolute;left:50%;top:40%;z-index:0;font-size:15.6vw;line-height:.8;color:#f4f4f4;white-space:nowrap;pointer-events:none;user-select:none;transform:translate3d(calc(-50% + var(--bx,0px)),0,0);will-change:transform;}
/* ========== 悬停（仅支持 hover 的设备） ========== */
@media (hover:hover){
    .col-index-productList .list a:hover .img::before{opacity:1;}
    .col-index-productList .list a:hover .content{transform:translateY(-.42vw);}
    .col-index-productList .list a:hover .more span{background-size:100% 1px;}
    .col-index-productList .list a:hover .more i{transform:rotate(45deg) scale(1.1);}
    .col-index-productList > .more:hover::before{transform:scaleX(1);transform-origin:left center;}
    .col-index-productList > .more:hover i{background:#fff;color:#e26126;transform:rotate(45deg);}
}
/* ========== 入场动画（仅在 JS 加 .is-ready 后生效） ========== */
@keyframes plFadeUp{from{opacity:0;transform:translate3d(0,40px,0);}to{opacity:1;transform:none;}}
@keyframes plMaskUp{from{clip-path:inset(0 0 100% 0);transform:translate3d(0,60px,0);}to{clip-path:inset(0 0 0 0);transform:none;}}
@keyframes plBracketL{from{opacity:0;transform:translateX(1.2em);}to{opacity:1;transform:none;}}
@keyframes plBracketR{from{opacity:0;transform:translateX(-1.2em);}to{opacity:1;transform:none;}}
.col-index-productList.is-ready .name,
.col-index-productList.is-ready .desc,
.col-index-productList.is-ready .s-content,
.col-index-productList.is-ready > .more,
.col-index-productList.is-ready .list h3,
.col-index-productList.is-ready .list .more{opacity:0;}
.col-index-productList.is-ready .list .img{clip-path:inset(100% 0 0 0);transition:clip-path 1.4s cubic-bezier(.77,0,.18,1);}
.col-index-productList .name.is-in{animation:plFadeUp 1s cubic-bezier(.22,1,.36,1) both;}
.col-index-productList .name.is-in span:first-child{animation:plBracketL 1.2s cubic-bezier(.22,1,.36,1) .2s both;}
.col-index-productList .name.is-in span:last-child{animation:plBracketR 1.2s cubic-bezier(.22,1,.36,1) .2s both;}
.col-index-productList .desc.is-in{opacity:1;animation:plMaskUp 1.3s cubic-bezier(.22,1,.36,1) .1s both;}
.col-index-productList .s-content.is-in{animation:plFadeUp 1s cubic-bezier(.22,1,.36,1) both;}
.col-index-productList > .more.is-in{animation:plFadeUp 1s cubic-bezier(.22,1,.36,1) .15s both;}
.col-index-productList .list li.is-in .img{clip-path:inset(0 0 0 0);}
.col-index-productList .list li.is-in h3{animation:plFadeUp 1s cubic-bezier(.22,1,.36,1) .6s both;}
.col-index-productList .list li.is-in .more{animation:plFadeUp 1s cubic-bezier(.22,1,.36,1) .75s both;}
/* 同排错峰 */
.col-index-productList .list li:nth-child(1) .img,
.col-index-productList .list li:nth-child(5) .img{transition-delay:.15s;}
/* ========== 响应式 ========== */
@media (max-width:1024px){
    .col-index-productList .list{width:90vw;}
    .col-index-productList .list .more i{width:24px;height:24px;}
    .col-index-productList > .more{height:46px;padding:0 4px 0 20px;}
    .col-index-productList > .more::before,
    .col-index-productList > .more i{width:38px;height:38px;}
    .col-index-productList > .more::before{right:4px;margin-top:-19px;}
    .col-index-productList .desc{max-width:70vw;}
    .col-index-productList .s-content{max-width:70vw;}
}
@media (max-width:768px){
    .col-index-productList{padding:15vw 0;}
    .col-index-productList .desc{max-width:90vw;margin-top:2vw;}
    .col-index-productList .list{width:92vw;margin-top:8vw;}
    .col-index-productList .list li,
    .col-index-productList .list li:nth-child(n){width:100%;order:0;margin:0 0 5vw;}
    .col-index-productList .list .content,
    .col-index-productList .list li:nth-child(n) .content{padding:5vw;}
    .col-index-productList .list .more{margin-top:3vw;}
    .col-index-productList .s-content{max-width:92vw;margin-top:8vw;}
    .col-index-productList > .more{margin-top:6vw;}
    .col-index-productList .bg{font-size:24vw;top:30%;}
}
.col-index-tips{position: relative;z-index: 2;background: #fff;}
.col-index-oem{position: relative;z-index: 2;background: #fff;}
.col-index-oem .wrap{padding: 0 50px;}
/* ---------- 布局 ---------- */
.col-index-oem .list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;padding:0;list-style:none;}
.col-index-oem .list li{width:calc(50% - 0.52vw);}
.col-index-oem .list a{position:relative;display:block;overflow:hidden;color:#fff;}
/* ---------- 图片 & 遮罩 ---------- */
.col-index-oem .img{position:relative;padding-bottom:72.22%;overflow:hidden;}
.col-index-oem .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1);}
.col-index-oem .img::before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 45%);pointer-events:none;}
.col-index-oem .img::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:linear-gradient(to top,rgba(230,110,52,.95) 0%,rgba(230,110,52,.6) 28%,rgba(230,110,52,0) 60%);opacity:0;transition:opacity .6s ease;pointer-events:none;}
/* ---------- 文字内容 ---------- */
.col-index-oem .content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 3.39vw 2.08vw;transform:translateY(3.18vw);transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.col-index-oem .content h3{margin:0 0 0.63vw;line-height:1.2;color:#fff;}
.col-index-oem .s-content{line-height:1.56;font-weight:500;color:#fff;}
.col-index-oem .s-content p{margin:0;}
/* ---------- View more ---------- */
.col-index-oem .more{display:flex;align-items:center;margin-top:1.51vw;opacity:0;transition:opacity .4s ease;}
.col-index-oem .more span{margin-right:0.83vw;font-weight:500;text-transform:uppercase;color:#fff;}
.col-index-oem .more i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.67vw;height:1.67vw;border-radius:50%;background:#fff;color:#e66e34;transition:transform .4s ease;}
/* ---------- 悬停 ---------- */
.col-index-oem .list a:hover .img img{transform:scale(1.05);}
.col-index-oem .list a:hover .img::after{opacity:1;}
.col-index-oem .list a:hover .content{transform:translateY(0);}
.col-index-oem .list a:hover .more{opacity:1;transition-delay:.15s;}
.col-index-oem .list a:hover .more i{transform:rotate(45deg);}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-oem .list li{width:calc(50% - 10px);}
.col-index-oem .content{padding:0 40px 30px;transform:translateY(50px);}
.col-index-oem .content h3{margin-bottom:10px;}
.col-index-oem .more{margin-top:20px;}
.col-index-oem .more span{margin-right:12px;}
.col-index-oem .more i{width:30px;height:30px;}
}
@media (max-width:992px){
.col-index-oem .content{padding:0 30px 30px;transform:none;}
.col-index-oem .img::before{background:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 60%);}
.col-index-oem .more{opacity:1;margin-top:16px;}
.col-index-oem .list a:hover .img::after{opacity:0;}
}
@media (max-width:768px){
.col-index-oem .wrap{padding:0 15px;}
.col-index-oem .list li{width:100%;}
.col-index-oem .list li+li{margin-top:15px;}
.col-index-oem .content{padding:0 20px 25px;}
}
@media (max-width:468px){
.col-index-oem .img{padding-bottom:90%;}
.col-index-oem .content{padding:0 15px 20px;}
.col-index-oem .content h3{margin-bottom:8px;}
.col-index-oem .more{margin-top:12px;}
.col-index-oem .more span{margin-right:10px;}
.col-index-oem .more i{width:28px;height:28px;}
}
.col-index-value{padding: 8.33vw 0 6.25vw;background: #fff;position: relative;z-index: 2;}
/* ---------- 标题 ---------- */
.col-index-value h2{max-width:52.08vw;margin:0 auto;line-height:1.1;text-align:center;color:#222;}
/* ---------- 简介 ---------- */
.col-index-value .content{max-width:52.60vw;margin:1.46vw auto 0;line-height:1.375;text-align:center;color:#666;}
.col-index-value .content h4{margin:0 0 0.42vw;line-height:1.4;font-weight:500;color:#111;}
.col-index-value .content p{margin:0;}
/* ---------- 优势列表 ---------- */
.col-index-value .list{margin-top:2.86vw;}
.col-index-value .list ul{display:flex;gap:0.94vw;margin:0;padding:0;list-style:none;}
.col-index-value .list li{position:relative;width:calc((100% - 3.76vw) / 5);min-height:12.03vw;padding:2.40vw 1.56vw;box-sizing:border-box;overflow:hidden;background:#faf9f6;text-align:center;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease,background .5s ease;}
.col-index-value .list li::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;background:#e26126;transform:translateX(-50%);transition:width .5s cubic-bezier(.2,.7,.2,1);}
.col-index-value .list li p{margin:0;line-height:1.33;font-weight:500;color:#222;}
.col-index-value .list li p:first-child{display:flex;align-items:center;justify-content:center;height:4.17vw;margin-bottom:0.83vw;}
.col-index-value .list li img{width:auto;max-height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
/* ---------- 按钮（与 about / video 区块 .more 一致） ---------- */
.col-index-value .more{display:flex;justify-content:center;gap:0.68vw;margin-top:4.01vw;}
.col-index-value .more a{position:relative;z-index:1;display:flex;align-items:center;width:fit-content;height:2.86vw;padding:0 0.16vw 0 1.56vw;box-sizing:border-box;border:1px solid #222;border-radius:2.86vw;background:#fff;overflow:hidden;transition:border-color 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-value .more a:first-child{background:#222;}
.col-index-value .more a::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#e26126;border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-value .more span{margin-right:1.35vw;color:#222;font-weight:500;line-height:1;text-transform:uppercase;transition:color 0.6s cubic-bezier(0.65,0,0.35,1);}
.col-index-value .more a:first-child span{color:#fff;}
.col-index-value .more i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.60vw;height:2.60vw;border-radius:50%;background:#e26126;color:#fff;transition:transform 0.5s ease,background 0.5s ease,color 0.5s ease;}
/* ---------- 悬停 ---------- */
@media (hover:hover){
.col-index-value .list li:hover{background:#fff;transform:translateY(-0.31vw);box-shadow:0 0.52vw 1.56vw rgba(0,0,0,.08);}
.col-index-value .list li:hover::after{width:100%;}
.col-index-value .list li:hover img{transform:translateY(-0.21vw) scale(1.06);}
.col-index-value .more a:hover{border-color:#e26126;}
.col-index-value .more a:hover::before{transform:scaleX(1);transform-origin:left center;}
.col-index-value .more a:hover span{color:#fff;}
.col-index-value .more a:hover i{background:#fff;color:#e26126;transform:rotate(45deg);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-value{padding:100px 0 80px;}
.col-index-value h2{max-width:800px;}
.col-index-value .content{max-width:900px;margin-top:24px;}
.col-index-value .content h4{margin-bottom:8px;}
.col-index-value .list{margin-top:45px;}
.col-index-value .list ul{gap:15px;}
.col-index-value .list li{width:calc((100% - 60px) / 5);min-height:200px;padding:35px 20px 30px;}
.col-index-value .list li p:first-child{height:64px;margin-bottom:14px;}
.col-index-value .list li:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.08);}
.col-index-value .list li:hover img{transform:translateY(-4px) scale(1.06);}
.col-index-value .more{gap:12px;margin-top:55px;}
.col-index-value .more a{height:50px;padding:0 3px 0 24px;border-radius:50px;}
.col-index-value .more span{margin-right:20px;}
.col-index-value .more i{width:44px;height:44px;}
}
@media (max-width:992px){
.col-index-value{padding:80px 0 70px;}
.col-index-value .list ul{flex-wrap:wrap;justify-content:center;}
.col-index-value .list li{width:calc((100% - 30px) / 3);min-height:180px;}
}
@media (max-width:768px){
.col-index-value{padding:60px 0 50px;}
.col-index-value h2{max-width:none;}
.col-index-value .content{margin-top:20px;}
.col-index-value .list{margin-top:35px;}
.col-index-value .list li{width:calc((100% - 15px) / 2);padding:30px 15px 25px;}
.col-index-value .list li p:first-child{height:56px;margin-bottom:12px;}
.col-index-value .more{margin-top:40px;}
}
@media (max-width:468px){
.col-index-value{padding:50px 0 40px;}
.col-index-value .list ul{gap:10px;}
.col-index-value .list li{width:calc((100% - 10px) / 2);min-height:150px;padding:25px 10px 20px;}
.col-index-value .list li p:first-child{height:48px;margin-bottom:10px;}
.col-index-value .more{flex-wrap:wrap;gap:10px;margin-top:30px;}
.col-index-value .more a{height:46px;padding:0 3px 0 18px;border-radius:46px;}
.col-index-value .more span{margin-right:12px;}
.col-index-value .more i{width:40px;height:40px;}
}
/* ---------- 区块（分隔线在设计稿中只占内容宽度，改到 .brand-container 上） ---------- */
.col-index-brand{position:relative;z-index:2;padding:0 0 2.5vw;background:#fff;}
.col-index-brand .brand-container{padding-top:2.5vw;border-top:1px solid #e6e6e6;}
/* ---------- 轮播 ---------- */
.col-index-brand .swiper-slide{display:flex;align-items:center;justify-content:center;height:3.65vw;box-sizing:border-box;transition:opacity .5s ease;}
.col-index-brand .swiper-slide img{display:block;width:auto;max-width:100%;max-height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
/* ---------- 悬停：其余 logo 变淡，当前 logo 轻微放大 ---------- */
@media (hover:hover){
.col-index-brand .swiper-wrapper .swiper-slide{opacity:.3;}
.col-index-brand .swiper-wrapper .swiper-slide:hover{opacity:1;}
.col-index-brand .swiper-slide:hover img{transform:scale(1.08);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-brand{padding-bottom:40px;}
.col-index-brand .brand-container{padding-top:40px;}
.col-index-brand .swiper-slide{height:60px;padding:0 10px;}
}
@media (max-width:768px){
.col-index-brand{padding-bottom:30px;}
.col-index-brand .brand-container{padding-top:30px;}
.col-index-brand .swiper-slide{height:50px;}
}
@media (max-width:468px){
.col-index-brand .swiper-slide{height:42px;padding:0 6px;}
}
.col-index-news{padding: 8.33vw 0;background: #fdfbf7;position: relative;z-index: 2;}
/* ---------- 头部 ---------- */
.col-index-news .flex{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:2.14vw;border-bottom:1px solid #e6e6e6;}
.col-index-news .title .name{text-align:left;font-weight:500;line-height:1.375;color:#222;text-transform:uppercase;}
.col-index-news .title .name p{margin:0;}
.col-index-news .title h2{margin:1.46vw 0 0;line-height:1.1;color:#222;}
/* ---------- 头部按钮（与 about / video / value 区块 .more 一致） ---------- */
.col-index-news .flex > .more{position:relative;z-index:1;display:flex;align-items:center;flex-shrink:0;width:fit-content;height:2.86vw;margin-bottom:0.52vw;padding:0 0.16vw 0 1.93vw;box-sizing:border-box;border:1px solid #222;border-radius:2.86vw;background:#222;overflow:hidden;transition:border-color .6s cubic-bezier(.65,0,.35,1);}
.col-index-news .flex > .more::before{content:"";position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background:#e26126;border-radius:inherit;transform:scaleX(0);transform-origin:right center;transition:transform .6s cubic-bezier(.65,0,.35,1);}
.col-index-news .flex > .more span{margin-right:1.56vw;color:#fff;font-weight:500;line-height:1;text-transform:uppercase;transition:color .6s cubic-bezier(.65,0,.35,1);}
.col-index-news .flex > .more i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.60vw;height:2.60vw;border-radius:50%;background:#e26126;color:#fff;transition:transform .5s ease,background .5s ease,color .5s ease;}
/* ---------- 列表 ---------- */
.col-index-news .news-container{margin-top:2.50vw;}
.col-index-news .swiper-slide{height:auto;}
.col-index-news .swiper-slide > a{display:block;height:100%;color:#222;}
.col-index-news .img{position:relative;padding-top:71.18%;overflow:hidden;background:#eee;}
.col-index-news .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.col-index-news h3{display:-webkit-box;height:2.8em;margin:1.35vw 0 1.88vw;overflow:hidden;line-height:1.4;font-weight:500;color:#222;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .4s ease;}
/* ---------- 底部信息（分隔线悬停时由左向右变橙） ---------- */
.col-index-news .info{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:1.30vw;border-top:1px solid #e6e6e6;}
.col-index-news .info::before{content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;background:#e26126;transform:scaleX(0);transform-origin:right center;transition:transform .6s cubic-bezier(.65,0,.35,1);}
.col-index-news .info .more{display:flex;align-items:center;}
.col-index-news .info .more span{margin-right:0.78vw;font-weight:500;line-height:1;color:#222;text-transform:uppercase;transition:color .4s ease;}
.col-index-news .info .more i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.72vw;height:1.72vw;border-radius:50%;background:#e26126;color:#fff;transition:transform .5s ease;}
.col-index-news .date{line-height:1;color:#999;}
/* ---------- 悬停 ---------- */
@media (hover:hover){
.col-index-news .flex > .more:hover{border-color:#e26126;}
.col-index-news .flex > .more:hover::before{transform:scaleX(1);transform-origin:left center;}
.col-index-news .flex > .more:hover i{background:#fff;color:#e26126;transform:rotate(45deg);}
.col-index-news .swiper-slide > a:hover .img img{transform:scale(1.06);}
.col-index-news .swiper-slide > a:hover h3{color:#e26126;}
.col-index-news .swiper-slide > a:hover .info::before{transform:scaleX(1);transform-origin:left center;}
.col-index-news .swiper-slide > a:hover .info .more span{color:#e26126;}
.col-index-news .swiper-slide > a:hover .info .more i{transform:rotate(45deg);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-index-news{padding:100px 0;}
.col-index-news .flex{padding-bottom:35px;}
.col-index-news .title h2{margin-top:20px;}
.col-index-news .flex > .more{height:50px;margin-bottom:6px;padding:0 3px 0 24px;border-radius:50px;}
.col-index-news .flex > .more span{margin-right:20px;}
.col-index-news .flex > .more i{width:44px;height:44px;}
.col-index-news .news-container{margin-top:40px;}
.col-index-news h3{margin:20px 0 25px;}
.col-index-news .info{padding-top:20px;}
.col-index-news .info .more span{margin-right:12px;}
.col-index-news .info .more i{width:30px;height:30px;}
}
@media (max-width:992px){
.col-index-news{padding:80px 0;}
}
@media (max-width:768px){
.col-index-news{padding:60px 0;}
.col-index-news .flex{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:30px;}
.col-index-news .title h2{margin-top:12px;}
.col-index-news .flex > .more{margin-bottom:0;}
.col-index-news .news-container{margin-top:30px;}
.col-index-news h3{margin:16px 0 20px;}
.col-index-news .info{padding-top:16px;}
}
@media (max-width:468px){
.col-index-news{padding:50px 0;}
.col-index-news .flex > .more{height:46px;padding:0 3px 0 18px;border-radius:46px;}
.col-index-news .flex > .more span{margin-right:12px;}
.col-index-news .flex > .more i{width:40px;height:40px;}
.col-index-news .info .more i{width:28px;height:28px;}
}
.footer{background: #111111;padding: 7.81vw 0 0;position: relative;z-index: 2;color:#fff;}
/* ---------- 主体布局 ---------- */
.footer .flex{display:flex;align-items:flex-start;justify-content:space-between;}
.footer .left{width:23.65vw;}
.footer .right{display:flex;justify-content:space-between;width:53.65vw;}
/* ---------- 订阅标题 ---------- */
.footer .left h3{margin:0;line-height:1.1;color:#fff;}
/* ---------- 订阅输入框 ---------- */
.footer form{margin-top:2.08vw;}
.footer form input{outline:none;box-sizing:border-box;}
.footer form input::placeholder{color:rgba(255,255,255,.6);}
.footer form .input{position:relative;display:flex;align-items:center;height:3.65vw;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);border-radius:3.65vw;background:#2a2a2a;overflow:hidden;transition:border-color .4s ease,background .4s ease;}
.footer form .input::after{content:"";position:absolute;right:3.54vw;top:50%;width:1px;height:2.08vw;background:rgba(255,255,255,.2);transform:translateY(-50%);pointer-events:none;}
.footer form .input:focus-within{border-color:#e26126;background:#303030;}
.footer form .input input[type="text"]{flex:1;min-width:0;height:100%;padding:0 1.04vw 0 2.24vw;border:0;background:transparent;color:#fff;font-family: 'Poppins';}
.footer form .sub{flex-shrink:0;width:3.54vw;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#e26126;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .4s ease,color .4s ease;}
/* ---------- 验证码（默认收起，邮箱聚焦后展开） ---------- */
.footer form .code{display:flex;gap:0.52vw;max-height:0;margin-top:0;overflow:hidden;opacity:0;transition:max-height .5s ease,margin-top .5s ease,opacity .5s ease;}
.footer form.active .code{max-height:3.65vw;margin-top:0.83vw;opacity:1;}
.footer form .code input{flex:1;min-width:0;height:2.86vw;padding:0 1.56vw;border:1px solid rgba(255,255,255,.15);border-radius:2.86vw;background:#2a2a2a;color:#fff;transition:border-color .4s ease;font-family: 'Poppins';}
.footer form .code input:focus{border-color:#e26126;}
.footer form .code img{flex-shrink:0;height:2.86vw;border-radius:2.86vw;cursor:pointer;}
/* ---------- 同意条款 ---------- */
.footer .agree{margin-top:1.67vw;color:#fff;}
.footer .agree:empty{display:none;}
.footer .agree label{display:inline-flex;align-items:center;cursor:pointer;}
.footer .agree input[type="checkbox"]{flex-shrink:0;width:0.99vw;height:0.99vw;margin:0 0.78vw 0 0;border:0;border-radius:2px;background:#555 center/70% no-repeat;-webkit-appearance:none;appearance:none;cursor:pointer;transition:background-color .3s ease;}
.footer .agree input[type="checkbox"]:checked{background-color:#e26126;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");}
/* ---------- 二维码 ---------- */
.footer .left > .code{margin-top:2.03vw;}
.footer .left > .code img{display:block;width:12.45vw;height:auto;}
/* ---------- 导航列 ---------- */
.footer .right .item:last-child{width:14.69vw;}
.footer .right .name{line-height:1.375;font-weight:500;color:#fff;text-transform:uppercase;}
.footer .right ul{margin:2.40vw 0 0;padding:0;list-style:none;}
.footer .right li + li{margin-top:0.83vw;}
.footer .right li a{position:relative;display:inline-block;line-height:1.5;color:rgba(255,255,255,.6);transition:color .4s ease;}
.footer .right li a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#e26126;transform:scaleX(0);transform-origin:right center;transition:transform .5s cubic-bezier(.65,0,.35,1);}
/* ---------- 联系方式 ---------- */
.footer .right .item:last-child li{display:flex;align-items:flex-start;line-height:1.5;color:rgba(255,255,255,.6);}
.footer .right .item:last-child li + li{margin-top:0.63vw;}
.footer .right .item:last-child i{flex-shrink:0;width:1.56vw;line-height:1.33;color:#e26126;}
/* ---------- 大标题（字号由 JS 计算撑满宽度，此处为兜底） ---------- */
.footer .title{margin-top:4.17vw;font-size:11.2vw;line-height:.8;color:#fbf9f4;text-transform:uppercase;white-space:nowrap;}
.footer .title .inner{display:inline-block;}
.footer .title .char{display:inline-block;transition:color .4s ease;}
/* ---------- 底部 ---------- */
.footer .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:1.30vw;padding-bottom:1.56vw;}
.footer .copyright{line-height:1.5;color:rgba(255,255,255,.6);}
.footer .share{display:flex;align-items:center;gap:1.04vw;}
.footer .share a{display:flex;align-items:center;justify-content:center;line-height:1;color:#bbb;transition:color .4s ease,transform .4s cubic-bezier(.2,.7,.2,1);}
/* ---------- 悬停 ---------- */
@media (hover:hover){
.footer form .input:hover{border-color:rgba(255,255,255,.35);}
.footer form .sub:hover{background:#e26126;color:#fff;}
.footer .right li a:hover{color:#fff;}
.footer .right li a:hover::after{transform:scaleX(1);transform-origin:left center;}
.footer .title .char:hover{color:#e26126;}
.footer .share a:hover{color:#e26126;transform:translateY(-3px);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.footer{padding-top:100px;}
.footer .left{width:340px;}
.footer .right{width:calc(100% - 400px);}
.footer .right .item:last-child{width:220px;}
.footer form{margin-top:30px;}
.footer form .input{height:56px;border-radius:56px;}
.footer form .input::after{right:54px;height:30px;}
.footer form .input input[type="text"]{padding:0 15px 0 24px;}
.footer form .sub{width:54px;}
.footer form .code{gap:10px;}
.footer form.active .code{max-height:60px;margin-top:12px;}
.footer form .code input{height:46px;padding:0 20px;border-radius:46px;}
.footer form .code img{height:46px;border-radius:46px;}
.footer .agree{margin-top:25px;}
.footer .agree input[type="checkbox"]{width:18px;height:18px;margin-right:12px;}
.footer .left > .code{margin-top:30px;}
.footer .left > .code img{width:200px;}
.footer .right ul{margin-top:30px;}
.footer .right li + li{margin-top:12px;}
.footer .right .item:last-child li + li{margin-top:10px;}
.footer .right .item:last-child i{width:26px;}
.footer .title{margin-top:60px;}
.footer .bottom{margin-top:20px;padding-bottom:25px;}
.footer .share{gap:16px;}
}
@media (max-width:992px){
.footer{padding-top:80px;}
.footer .flex{flex-direction:column;}
.footer .left{width:100%;max-width:500px;}
.footer .right{width:100%;margin-top:50px;}
.footer .right .item:last-child{width:240px;}
}
@media (max-width:768px){
.footer{padding-top:60px;}
.footer .right{flex-wrap:wrap;gap:35px 0;margin-top:40px;}
.footer .right .item,
.footer .right .item:last-child{width:50%;padding-right:15px;box-sizing:border-box;}
.footer .right ul{margin-top:20px;}
.footer .title{margin-top:45px;}
.footer .bottom{flex-direction:column;gap:15px;text-align:center;}
}
@media (max-width:468px){
.footer{padding-top:50px;}
.footer .left{max-width:none;}
.footer form .input{height:50px;border-radius:50px;}
.footer form .input::after{right:50px;height:26px;}
.footer form .input input[type="text"]{padding:0 12px 0 20px;}
.footer form .sub{width:50px;}
.footer .left > .code img{width:180px;}
.footer .right .item:last-child{width:100%;padding-right:0;}
.footer .title{margin-top:35px;}
}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} 
.pagination>li {display: inline;} 
/* page */ 
.page {text-align: center;margin-top: 3.125vw;}
.page ul li a{border:none;background: none;padding:0 2px;margin:0 5px;font-weight: 500;}
.page ul li.disabled a{border:none !important;background: none !important;border-radius: 0 !important;}
.page ul li.active a{border:none;background: none;color: #e26126;border-bottom: 3px solid #e26126;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#666;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#666;}
.videoPop{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0;top:0;z-index: 9999;display: none;text-align: center;padding:5vh 1vw;}
.videoPop .col-video2{position: relative;width: 100%;height: 100%;}
#Video{max-width: 100%;max-height: 100%;position: absolute;max-width: 970px;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#videoClose{position: absolute;right:10px;top:5px;color: #fff;cursor: pointer;font-size: 36px;transition: 0.5s;z-index: 99;}
#videoClose:hover{color: #eee;}
#ccc{z-index: 1000 !important;position: fixed;}
#ccc-overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background: rgba(0,0,0,0.4);opacity: 0;visibility: hidden;transition: .25s;}
@media (min-width: 760px){
  #ccc #ccc-notify {padding: 30px;}
}
#ccc #ccc-content, #ccc #ccc-notify, #ccc .ccc-module--screen {background-color: #fff;}
#ccc-notify {box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 20%);}
#ccc-notify {position: fixed;left: 0;right: 0;bottom: 0;height: auto;min-height: 48px;padding: 24px;margin: 0;border-radius: 0;overflow: hidden;z-index: 30;display: flex;flex-direction: column;justify-content: space-between;opacity: 1;transform: translateY(calc(100% + 50px));transition: .35s;}
#ccc.cur #ccc-overlay{opacity: 1;visibility: visible;}
#ccc.cur #ccc-notify{transform: translateY(0);}
@media (min-width: 1200px){
  #ccc-notify {z-index: 10;padding: 16px 100px;flex-direction: row;align-items: center;}
  #ccc-notify .content{width: 72%;}
  #ccc-notify .ccc-notify-buttons{margin-top: 0;margin-left: 32px;white-space: nowrap;flex-shrink: 0;}
}
#ccc-notify .content{line-height: 1.66;font-weight: 300;}
#ccc-notify .content a{border-bottom: 1px solid;transition: .25s ease-in-out;font-weight: normal;display: inline-block;line-height: 1;}
#ccc-notify .content a:hover{color:#e26126;}
#ccc-notify .ccc-notify-buttons button{display: inline-block;padding: 10px 20px;border: 1.5px solid #0B0B0B26;line-height: 1;font-weight: 500;border-radius: 45px;transition: .25s;background: transparent;margin:8px 8px 8px 0 !important;cursor: pointer;outline: none;font-family: 'Poppins';}
#ccc-notify .ccc-notify-buttons button:hover{background: #e26126;border-color: #e26126;color:#fff;}
.seo-content{line-height: 1.66;padding: 5.208vw 0;color:rgba(51,51,51,.55)}
.seo-content h2{font-weight: bold;margin: 5px 0 12px;font-size: 1.875rem;}
.seo-content h3{font-weight: bold;margin: 2px 0 8px;font-size: 1.65rem;}
.seo-content h4{font-weight: bold;margin: 0 0 4px;font-size: 1.5rem;}
.seo-content hr{border-color: #e26126;margin: 3vh 0;width: 100%;}
.seo-content table{width: 100%;border: none;height: auto !important;line-height: normal;}
.seo-content table td{border: none;padding: 4px 0;width: auto !important;}
.seo-content table td strong{font-weight: 600;}
.seo-content a{display: inline-block;border-bottom: 1px solid;color:#e26126;}
.col-page-product{background: #fdfbf7;position: relative;z-index: 2;padding: 8.33vw 0;}
/* ---------- 布局（.lists 不在 .flex 内，所以在 .container2 上做左右布局） ---------- */
.col-page-product .container2{display:flex;align-items:flex-start;justify-content:space-between;}
.col-page-product .container2 > .flex{display:block;flex-shrink:0;width:20.31vw;}
.col-page-product .lists{width:63.02vw;}
/* ---------- 侧栏 ---------- */
.col-page-product .sider{padding:1.93vw 1.46vw 3.33vw;box-sizing:border-box;background:#fff;}
.col-page-product .sider h3{position:relative;margin:0;padding-left:1.25vw;line-height:1.25;color:#222;text-transform:uppercase;}
.col-page-product .sider h3::before{content:"";position:absolute;left:0;top:50%;width:4px;height:1em;background:#e26126;transform:translateY(-50%);}
/* ---------- 搜索 ---------- */
.col-page-product .sider .input{display:flex;align-items:center;height:2.86vw;margin-top:1.15vw;box-sizing:border-box;border:1px solid transparent;background:#f2f2f2;transition:border-color .4s ease,background .4s ease;}
.col-page-product .sider .input:focus-within{border-color:#e26126;background:#fff;}
.col-page-product .sider .input input{flex:1;min-width:0;height:100%;padding:0 0 0 1.35vw;box-sizing:border-box;border:0;outline:none;background:transparent;color:#222;}
.col-page-product .sider .input input::placeholder{color:#999;}
.col-page-product .sider .search-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.33vw;height:100%;padding:0;border:0;background:transparent;color:#222;cursor:pointer;transition:color .4s ease;}
/* ---------- 一级分类 ---------- */
.col-page-product .sider > ul{margin:2.24vw 0 0;padding:0;list-style:none;}
.col-page-product .sider .title a{display:flex;align-items:center;justify-content:space-between;padding:0.89vw 0;border-bottom:1px solid #e6e6e6;color:#222;}
.col-page-product .sider .title span{line-height:1.33;font-weight:500;transition:color .4s ease;}
/* 箭头：固定方形点击区，字形居中旋转，负右边距让字形贴齐右侧 */
.col-page-product .sider .title i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.82vw;height:1.82vw;margin:-0.52vw -0.6vw -0.52vw 10px;line-height:1;color:#222;transition:transform .4s ease,color .4s ease;}
.col-page-product .sider li.has-child > .title i{cursor:pointer;}
.col-page-product .sider li.has-child.open > .title i{transform:rotate(90deg);}
.col-page-product .sider li.has-child > .title i:focus-visible{outline:1px solid #e26126;outline-offset:-2px;}
/* ---------- 二级分类（默认隐藏；当前分类由后端 .active 默认展开，之后由 JS slide 控制） ---------- */
.col-page-product .sider .child{display:none;padding:0.94vw 0;}
.col-page-product .sider li.active > .child{display:block;}
.col-page-product .sider .child p{margin:0;}
.col-page-product .sider .child p + p{margin-top:0.63vw;}
.col-page-product .sider .child a{display:flex;align-items:center;color:#555;}
.col-page-product .sider .child i{flex-shrink:0;width:0.68vw;height:0.68vw;margin-right:0.83vw;box-sizing:border-box;border:1px solid #999;background:center/80% no-repeat;transition:border-color .3s ease,background-color .3s ease;}
.col-page-product .sider .child span{line-height:1.5;transition:color .3s ease;}
.col-page-product .sider .child p.active i{border-color:#e26126;background-color:#e26126;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");}
.col-page-product .sider .child p.active span{color:#222;}
/* ---------- 产品列表 ---------- */
.col-page-product .list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.04vw;margin:0;padding:0;list-style:none;}
.col-page-product .list a{position:relative;display:block;overflow:hidden;background:#f0f0ee;}
.col-page-product .list .img{position:relative;padding-top:100%;overflow:hidden;}
.col-page-product .list .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.col-page-product .list .new{position:absolute;left:1.15vw;top:1.09vw;z-index:2;display:flex;align-items:center;height:1.15vw;padding:0 0.57vw;background:#e26126;color:#fff;font-weight:500;line-height:1;text-transform:uppercase;}
.col-page-product .list .title{margin-top: 0.83vw;font-weight: 500;}
/* ---------- 卡片按钮（悬停时从底部浮出） ---------- */
.col-page-product .list .more{position:absolute;left:1.30vw;right:1.30vw;bottom:1.09vw;z-index:2;display:flex;align-items:center;justify-content:center;height:2.29vw;border-radius:2.29vw;background:#fff;color:#222;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1),background .4s ease,color .4s ease;}
.col-page-product .list .more span{margin-right:0.52vw;font-weight:500;line-height:1;text-transform:uppercase;}
.col-page-product .list .more i{line-height:1;transition:transform .4s ease;}

/*产品图片正片叠底效果*/
.col-page-product .list .img. .col-product-detail .gallery-top .swiper-slide .bimg, .col-product-detail .gallery-thumbs .swiper-slide, .col-product-detail .related-container .img{background: #ebebeb;}
.col-page-product .list .img img, .col-product-detail .bimg img, .col-product-detail .gallery-thumbs img, .col-product-detail .related-container .img img{mix-blend-mode: multiply;}

/* ---------- 悬停 ---------- */
@media (hover:hover){
.col-page-product .sider .search-btn:hover{color:#e26126;}
.col-page-product .sider .title a:hover span,
.col-page-product .sider .title a:hover i{color:#e26126;}
.col-page-product .sider .child a:hover i{border-color:#e26126;}
.col-page-product .sider .child a:hover span{color:#e26126;}
.col-page-product .list a:hover .img img{transform:scale(1.06);}
.col-page-product .list a:hover .more{opacity:1;transform:translateY(0);}
.col-page-product .list .more:hover{background:#e26126;color:#fff;}
.col-page-product .list .more:hover i{transform:rotate(45deg);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-product{padding:100px 0;}
.col-page-product .container2 > .flex{width:280px;}
.col-page-product .lists{width:calc(100% - 300px);}
.col-page-product .sider{padding:30px 22px 45px;}
.col-page-product .sider h3{padding-left:18px;}
.col-page-product .sider .input{height:48px;margin-top:20px;}
.col-page-product .sider .input input{padding-left:18px;}
.col-page-product .sider .search-btn{width:50px;}
.col-page-product .sider > ul{margin-top:30px;}
.col-page-product .sider .title a{padding:15px 0;}
.col-page-product .sider .title i{width:32px;height:32px;margin:-8px -10px -8px 10px;}
.col-page-product .sider .child{padding:15px 0;}
.col-page-product .sider .child p + p{margin-top:10px;}
.col-page-product .sider .child i{width:13px;height:13px;margin-right:12px;}
.col-page-product .list{gap:15px;}
.col-page-product .list .new{left:15px;top:15px;height:22px;padding:0 10px;}
.col-page-product .list .more{left:15px;right:15px;bottom:15px;height:40px;border-radius:40px;}
.col-page-product .list .more span{margin-right:8px;}
}
@media (max-width:992px){
.col-page-product{padding:80px 0;}
.col-page-product .container2{flex-direction:column;}
.col-page-product .container2 > .flex,
.col-page-product .lists{width:100%;}
.col-page-product .lists{margin-top:30px;}
.col-page-product .sider{padding:22px 22px;}
.col-page-product .sider h3{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.col-page-product .sider h3::after{content:"";width:8px;height:8px;margin-right:4px;border-right:2px solid #222;border-bottom:2px solid #222;transform:rotate(45deg);transition:transform .4s ease;}
.col-page-product .sider.show h3::after{transform:rotate(-135deg);}
.col-page-product .sider > ul{display:none;margin-top:15px;}
.col-page-product .sider.show > ul{display:block;}
.col-page-product .sider .title i{width:40px;height:40px;margin:-12px -12px -12px 10px;}
}
@media (max-width:768px){
.col-page-product{padding:60px 0;}
.col-page-product .list{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:468px){
.col-page-product{padding:50px 0;}
.col-page-product .sider{padding:18px 15px;}
.col-page-product .list{gap:10px;}
.col-page-product .list .new{left:10px;top:10px;height:20px;padding:0 8px;}
}
.col-product-detail{background:#fdfbf7;position:relative;z-index:2;padding:8.33vw 0;}
/* ---------- 顶部：左图右文 ---------- */
.col-product-detail .pro_show{display:flex;align-items:flex-start;justify-content:space-between;}
.col-product-detail .caseleft{flex-shrink:0;width:37.5vw;min-width:0;}
.col-product-detail .caseright{position:sticky;top:6.25vw;flex:1;min-width:0;margin-left:4.17vw;padding:3.13vw 2.6vw;box-sizing:border-box;background:#fff;}
/* ---------- 大图（swiper fade + lightgallery） ---------- */
.col-product-detail .gallery-top{overflow:hidden;background:#f0f0ee;}
.col-product-detail .gallery-top .swiper-slide{background:#f0f0ee;}
.col-product-detail .bimg a{position:relative;display:block;padding-top:100%;overflow:hidden;cursor:zoom-in;}
.col-product-detail .bimg img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
/* 放大提示：右下角白色圆形 + 号 */
.col-product-detail .bimg a::after{content:"";position:absolute;right:1.25vw;bottom:1.25vw;z-index:2;width:2.29vw;height:2.29vw;border-radius:50%;background:linear-gradient(#222,#222) center/0.73vw 2px no-repeat,linear-gradient(#222,#222) center/2px 0.73vw no-repeat,#fff;opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1);}
/* ---------- 缩略图 ---------- */
.col-product-detail .col-thumb{margin-top:15px;}
.col-product-detail .gallery-thumbs .swiper-slide{cursor:pointer;}
.col-product-detail .gallery-thumbs a{position:relative;display:block;padding-top:100%;overflow:hidden;background:#f0f0ee;}
.col-product-detail .gallery-thumbs img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:.5;transition:opacity .4s ease;}
.col-product-detail .gallery-thumbs a::after{content:"";position:absolute;inset:0;z-index:2;border:2px solid transparent;transition:border-color .4s ease;pointer-events:none;}
.col-product-detail .gallery-thumbs .swiper-slide-thumb-active img{opacity:1;}
.col-product-detail .gallery-thumbs .swiper-slide-thumb-active a::after{border-color:#e26126;}
/* ---------- 右侧信息 ---------- */
.col-product-detail .caseright h2{position:relative;margin:0;padding-bottom:1.25vw;line-height:1.25;color:#222;}
.col-product-detail .caseright h2::after{content:"";position:absolute;left:0;bottom:0;width:2.08vw;height:3px;background:#e26126;}
.col-product-detail .caseright .content{margin-top:1.56vw;line-height:1.78;color:#555;word-wrap:break-word;}
.col-product-detail .caseright .content:empty{display:none;}
.col-product-detail .caseright .content p{margin:0;}
.col-product-detail .caseright .content p + p{margin-top:.8em;}
.col-product-detail .caseright .content strong,
.col-product-detail .caseright .content b{color:#222;}
.col-product-detail .caseright .content ul,
.col-product-detail .caseright .content ol{margin:.8em 0;padding-left:1.2em;}
.col-product-detail .caseright .content li::marker{color:#e26126;}
.col-product-detail .caseright .content img{max-width:100%;height:auto;}
.col-product-detail .caseright .content table{width:100%;margin:.8em 0;border-collapse:collapse;}
.col-product-detail .caseright .content td,
.col-product-detail .caseright .content th{padding:.6em 1em;border:1px solid #e6e6e6;text-align:left;vertical-align:top;}
.col-product-detail .caseright .content td:first-child{width:35%;background:#faf8f4;color:#222;}
/* ---------- Contact Us 按钮（深色从左扫入） ---------- */
.col-product-detail .links{margin-top:2.6vw;}
.col-product-detail .links a{position:relative;display:inline-flex;align-items:center;justify-content:center;height:2.92vw;padding:0 2.08vw;overflow:hidden;border-radius:2.92vw;background:#e26126;color:#fff;isolation:isolate;}
.col-product-detail .links a::before{content:"";position:absolute;inset:0;z-index:-1;background:#222;transform:scaleX(0);transform-origin:right center;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.col-product-detail .links span{margin-right:0.52vw;font-weight:500;line-height:1;text-transform:uppercase;}
.col-product-detail .links i{line-height:1;transition:transform .4s ease;}
/* ---------- 相关产品：标题栏 ---------- */
.col-product-detail .related{margin-top:6.25vw;}
.col-product-detail .related > .flex{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.08vw;}
.col-product-detail .related h3{position:relative;margin:0;padding-left:1.25vw;line-height:1.2;color:#222;text-transform:uppercase;}
.col-product-detail .related h3::before{content:"";position:absolute;left:0;top:50%;width:4px;height:.8em;background:#e26126;transform:translateY(-50%);}
/* ---------- 相关产品：左右按钮（覆盖 swiper 默认绝对定位与 ::after 图标） ---------- */
.col-product-detail .swiper-buttons{display:flex;flex-shrink:0;gap:0.78vw;margin-left:20px;}
.col-product-detail .swiper-buttons .swiper-button{position:static;left:auto;right:auto;top:auto;display:flex;align-items:center;justify-content:center;width:2.92vw;height:2.92vw;margin:0;box-sizing:border-box;border:1px solid #222;border-radius:50%;background:transparent;color:#222;cursor:pointer;transition:background .4s ease,border-color .4s ease,color .4s ease,opacity .4s ease;}
.col-product-detail .swiper-buttons .swiper-button::after{display:none;}
.col-product-detail .swiper-buttons .swiper-button i{line-height:1;}
.col-product-detail .swiper-buttons .swiper-button-disabled{opacity:.3;cursor:default;pointer-events:none;}
.col-product-detail .swiper-buttons .swiper-button:focus-visible{outline:1px solid #e26126;outline-offset:2px;}
/* ---------- 相关产品：卡片（与产品列表页一致） ---------- */
.col-product-detail .related-container .swiper-slide{height:auto;}
.col-product-detail .related-container a{position:relative;display:block;overflow:hidden;background:#f0f0ee;}
.col-product-detail .related-container .img{position:relative;padding-top:100%;overflow:hidden;}
.col-product-detail .related-container .img img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.col-product-detail .related-container .new{position:absolute;left:1.15vw;top:1.09vw;z-index:2;display:flex;align-items:center;height:1.15vw;padding:0 0.57vw;background:#e26126;color:#fff;font-weight:500;line-height:1;text-transform:uppercase;}
.col-product-detail .related-container .title{text-align: center;margin-top: 0.83vw;font-weight: 500;}
.col-product-detail .related-container .more{position:absolute;left:1.30vw;right:1.30vw;bottom:1.09vw;z-index:2;display:flex;align-items:center;justify-content:center;height:2.29vw;border-radius:2.29vw;background:#fff;color:#222;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1),background .4s ease,color .4s ease;}
.col-product-detail .related-container .more span{margin-right:0.52vw;font-weight:500;line-height:1;text-transform:uppercase;}
.col-product-detail .related-container .more i{line-height:1;transition:transform .4s ease;}
/* ---------- 悬停 ---------- */
@media (hover:hover){
.col-product-detail .bimg a:hover img{transform:scale(1.04);}
.col-product-detail .bimg a:hover::after{opacity:1;transform:scale(1);}
.col-product-detail .gallery-thumbs a:hover img{opacity:1;}
.col-product-detail .links a:hover::before{transform:scaleX(1);transform-origin:left center;}
.col-product-detail .links a:hover i{transform:rotate(45deg);}
.col-product-detail .swiper-buttons .swiper-button:hover{border-color:#e26126;background:#e26126;color:#fff;}
.col-product-detail .related-container a:hover .img img{transform:scale(1.06);}
.col-product-detail .related-container a:hover .more{opacity:1;transform:translateY(0);}
.col-product-detail .related-container .more:hover{background:#e26126;color:#fff;}
.col-product-detail .related-container .more:hover i{transform:rotate(45deg);}
}
.col-product-detail .detail{padding: 6.25vw 0 0;}
.col-product-detail .detail h3{position:relative;margin:0;padding-left:1.25vw;line-height:1.2;color:#222;text-transform:uppercase;margin-bottom: 2.08vw;}
.col-product-detail .detail h3::before{content:"";position:absolute;left:0;top:50%;width:4px;height:.8em;background:#e26126;transform:translateY(-50%);}
.col-product-detail .detail .content ul {display: flex;flex-wrap: wrap;gap: 3vw;margin: 0;padding: 0;list-style: none;}
.col-product-detail .detail .content ul li {display: block;float: none;width: calc(50% - 1.5vw);margin: 0;padding: 0;list-style: none;}
.col-product-detail .detail .content ul li img {display: block;float: none;width: 100%;max-width: 100%;height: auto;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-product-detail{padding:100px 0;}
.col-product-detail .caseleft{width:45%;}
.col-product-detail .caseright{top:100px;margin-left:40px;padding:40px 30px;}
.col-product-detail .bimg a::after{right:18px;bottom:18px;width:40px;height:40px;background-size:14px 2px,2px 14px,auto;}
.col-product-detail .caseright h2{padding-bottom:18px;}
.col-product-detail .caseright h2::after{width:32px;}
.col-product-detail .caseright .content{margin-top:22px;}
.col-product-detail .links{margin-top:36px;}
.col-product-detail .links a{height:48px;padding:0 30px;border-radius:48px;}
.col-product-detail .links span{margin-right:8px;}
.col-product-detail .related{margin-top:90px;}
.col-product-detail .related > .flex{margin-bottom:30px;}
.col-product-detail .related h3,.col-product-detail .detail h3{padding-left:18px;}
.col-product-detail .swiper-buttons{gap:12px;}
.col-product-detail .swiper-buttons .swiper-button{width:46px;height:46px;}
.col-product-detail .related-container .new{left:15px;top:15px;height:22px;padding:0 10px;}
.col-product-detail .related-container .more{left:15px;right:15px;bottom:15px;height:40px;border-radius:40px;}
.col-product-detail .related-container .more span{margin-right:8px;}
}
@media (max-width:992px){
.col-product-detail{padding:80px 0;}
.col-product-detail .pro_show{flex-direction:column;}
.col-product-detail .caseleft{width:100%;}
.col-product-detail .caseright{position:static;width:100%;margin:30px 0 0;}
.col-product-detail .related{margin-top:70px;}
}
@media (max-width:768px){
.col-product-detail{padding:60px 0;}
.col-product-detail .caseright{padding:30px 20px;}
.col-product-detail .related > .flex{margin-bottom:24px;}
.col-product-detail .swiper-buttons .swiper-button{width:40px;height:40px;}
}
@media (max-width:468px){
.col-product-detail{padding:50px 0;}
.col-product-detail .col-thumb{margin-top:10px;}
.col-product-detail .caseright{padding:24px 15px;}
.col-product-detail .links a{height:44px;padding:0 26px;}
.col-product-detail .related{margin-top:50px;}
.col-product-detail .related > .flex{margin-bottom:20px;}
.col-product-detail .swiper-buttons{gap:8px;}
.col-product-detail .swiper-buttons .swiper-button{width:36px;height:36px;}
.col-product-detail .related-container .new{left:10px;top:10px;height:20px;padding:0 8px;}
}


/* ---------- 整体 ---------- */
.col-page-about .col-1{padding:7.29vw 0 7.81vw;background:#fff;}
.col-page-about .col-1 .content{line-height:1.5;color:#666;}
.col-page-about .col-1 .content p{margin:0;}
.col-page-about .col-1 .content img{display:block;max-width:100%;}
.col-page-about .col-1 .content ul{margin:0;padding:0;list-style:none;}
/* ---------- 标签与主标题 ---------- */
.col-page-about .col-1 .content > p:first-child{margin-bottom:1.30vw;font-weight:500;line-height:1;color:#222;text-transform:uppercase;}
.col-page-about .col-1 .content > h2{margin:0 0 3.07vw;line-height:1.07;color:#222;}
/* ---------- 第一段：左图（点阵装饰）+ 右文 ---------- */
.col-page-about .col-1 .content > ul:first-of-type{display:flex;align-items:flex-start;justify-content:space-between;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child{position:relative;isolation:isolate;flex-shrink:0;width:41.15vw;padding-left:2.08vw;box-sizing:border-box;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child::before{content:"";position:absolute;left:0;bottom:-1.88vw;z-index:-1;width:24.74vw;height:17.86vw;background:radial-gradient(circle,#d6d6d6 1px,transparent 1.5px) 0 0/0.47vw 0.47vw;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child p{position:relative;padding-top:73.07%;overflow:hidden;background:#f0f0ee;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
.col-page-about .col-1 .content > ul:first-of-type > li:last-child{width:39.06vw;}
.col-page-about .col-1 .content > ul:first-of-type > li:last-child p{margin-bottom:0.63vw;}
.col-page-about .col-1 .content > ul:first-of-type > li:last-child p:last-child{margin-bottom:0;}
/* ---------- 分割线（入场由左向右展开） ---------- */
.col-page-about .col-1 .content hr{height:0;margin:6.25vw 0 4.79vw;border:0;border-top:1px solid #e5e5e5;}
.col-page-about .col-1 .content hr.wow{transform-origin:left center;animation-name:aboutLineGrow;animation-duration:1.2s;animation-timing-function:cubic-bezier(.65,0,.35,1);}
@keyframes aboutLineGrow{from{transform:scaleX(0);}to{transform:scaleX(1);}}
/* ---------- 第二段：左文（垂直居中）+ 右图 ---------- */
.col-page-about .col-1 .content > ul:last-of-type > li{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:28.54vw;padding-right:43.23vw;box-sizing:border-box;}
.col-page-about .col-1 .content > ul:last-of-type > li > h3{margin:0 0 1.98vw;line-height:1.2;font-weight:600;color:#222;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul li{position:relative;padding-left:0.89vw;line-height:2;font-weight:500;color:#222;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul li::before{content:"";position:absolute;left:0;top:1em;width:0.31vw;height:0.31vw;border-radius:50%;background:#e26126;transform:translateY(-50%);}
.col-page-about .col-1 .content > ul:last-of-type > li > p{margin-bottom:0.42vw;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul + p{margin-top:3.23vw;}
.col-page-about .col-1 .content > ul:last-of-type > li > p:nth-last-child(2){margin-bottom:0;}
.col-page-about .col-1 .content > ul:last-of-type > li > p:last-child{position:absolute;right:0;top:0;bottom:0;width:39.06vw;margin:0;overflow:hidden;background:#f0f0ee;}
.col-page-about .col-1 .content > ul:last-of-type > li > p:last-child img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);}
/* ---------- 悬停 ---------- */
@media (hover:hover){
.col-page-about .col-1 .content > ul:first-of-type > li:first-child p:hover img{transform:scale(1.05);}
.col-page-about .col-1 .content > ul:last-of-type > li > p:last-child:hover img{transform:scale(1.05);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-about .col-1{padding:100px 0 110px;}
.col-page-about .col-1 .content > p:first-child{margin-bottom:20px;}
.col-page-about .col-1 .content > h2{margin-bottom:45px;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child{width:48%;padding-left:30px;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child::before{bottom:-28px;width:300px;height:260px;background-size:8px 8px;}
.col-page-about .col-1 .content > ul:first-of-type > li:last-child{width:46%;}
.col-page-about .col-1 .content > ul:first-of-type > li:last-child p{margin-bottom:12px;}
.col-page-about .col-1 .content hr{margin:90px 0 70px;}
.col-page-about .col-1 .content > ul:last-of-type > li{min-height:420px;padding-right:52%;}
.col-page-about .col-1 .content > ul:last-of-type > li > h3{margin-bottom:30px;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul li{padding-left:16px;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul li::before{width:6px;height:6px;}
.col-page-about .col-1 .content > ul:last-of-type > li > p{margin-bottom:8px;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul + p{margin-top:45px;}
.col-page-about .col-1 .content > ul:last-of-type > li > p:last-child{width:46%;}
}
@media (max-width:992px){
.col-page-about .col-1{padding:80px 0 90px;}
.col-page-about .col-1 .content > h2{margin-bottom:35px;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child{padding-left:20px;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child::before{bottom:-20px;width:260px;height:220px;}
.col-page-about .col-1 .content hr{margin:70px 0 55px;}
.col-page-about .col-1 .content > ul:last-of-type > li{min-height:380px;}
.col-page-about .col-1 .content > ul:last-of-type > li > h3{margin-bottom:24px;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul + p{margin-top:35px;}
}
@media (max-width:768px){
.col-page-about .col-1{padding:60px 0 70px;}
.col-page-about .col-1 .content > h2{margin-bottom:30px;}
.col-page-about .col-1 .content > ul:first-of-type{flex-direction:column;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child{width:100%;padding-left:15px;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child::before{bottom:-15px;width:220px;height:180px;}
.col-page-about .col-1 .content > ul:first-of-type > li:last-child{width:100%;margin-top:40px;}
.col-page-about .col-1 .content hr{margin:55px 0 45px;}
.col-page-about .col-1 .content > ul:last-of-type > li{display:block;min-height:0;padding-right:0;}
.col-page-about .col-1 .content > ul:last-of-type > li > h3{margin-bottom:20px;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul + p{margin-top:28px;}
.col-page-about .col-1 .content > ul:last-of-type > li > p:last-child{position:relative;top:auto;right:auto;bottom:auto;width:100%;margin-top:30px;padding-top:73.07%;}
}
@media (max-width:468px){
.col-page-about .col-1{padding:50px 0 60px;}
.col-page-about .col-1 .content > p:first-child{margin-bottom:14px;}
.col-page-about .col-1 .content > h2{margin-bottom:25px;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child{padding-left:10px;}
.col-page-about .col-1 .content > ul:first-of-type > li:first-child::before{bottom:-10px;width:160px;height:140px;background-size:7px 7px;}
.col-page-about .col-1 .content > ul:first-of-type > li:last-child{margin-top:32px;}
.col-page-about .col-1 .content hr{margin:45px 0 35px;}
.col-page-about .col-1 .content > ul:last-of-type > li > h3{margin-bottom:16px;}
.col-page-about .col-1 .content > ul:last-of-type > li > ul + p{margin-top:24px;}
.col-page-about .col-1 .content > ul:last-of-type > li > p:last-child{margin-top:25px;}
}
/* ---------- 整体 ---------- */
.col-page-about .col-2{padding:8.33vw 0;}
.col-page-about .col-2 > .container2 > h2{margin:0 0 1.15vw;line-height:1.2;color:#222;text-align:center;}
/* ---------- 引言 ---------- */
.col-page-about .col-2 .content{max-width:65.63vw;margin:0 auto 2.81vw;line-height:1.5;color:#666;text-align:center;}
.col-page-about .col-2 .content p{margin:0;}
/* ---------- 卡片网格 ---------- */
.col-page-about .col-2 .list ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0.94vw 1.04vw;margin:0;padding:0;list-style:none;}
.col-page-about .col-2 .list li{position:relative;min-height:15.63vw;padding:2.60vw 3.13vw;box-sizing:border-box;background:#fff;line-height:1.5;color:#666;}
.col-page-about .col-2 .list li p{margin:0;}
/* ---------- 图标（右上角） ---------- */
.col-page-about .col-2 .list li > p:first-child{position:absolute;right:3.13vw;top:2.03vw;display:flex;align-items:center;justify-content:center;width:3.54vw;}
.col-page-about .col-2 .list li > p:first-child img{display:block;max-width:100%;max-height:100%;}
/* ---------- 标题 ---------- */
.col-page-about .col-2 .list li > h3{margin:0 0 1.88vw;padding-right:4.17vw;line-height:1.2;color:#222;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-about .col-2{padding:100px 0;}
.col-page-about .col-2 > .container2 > h2{margin-bottom:20px;}
.col-page-about .col-2 .content{max-width:none;margin-bottom:45px;}
.col-page-about .col-2 .list ul{gap:18px 20px;}
.col-page-about .col-2 .list li{min-height:260px;padding:40px 40px 45px;}
.col-page-about .col-2 .list li > p:first-child{right:40px;top:32px;width:54px;height:54px;}
.col-page-about .col-2 .list li > h3{margin-bottom:28px;padding-right:70px;}
}
@media (max-width:992px){
.col-page-about .col-2{padding:80px 0;}
.col-page-about .col-2 .content{margin-bottom:40px;}
.col-page-about .col-2 .list li{min-height:240px;padding:32px 30px 36px;}
.col-page-about .col-2 .list li > p:first-child{right:30px;top:28px;width:48px;height:48px;}
.col-page-about .col-2 .list li > h3{margin-bottom:22px;padding-right:60px;}
}
@media (max-width:768px){
.col-page-about .col-2{padding:60px 0;}
.col-page-about .col-2 .content{margin-bottom:35px;}
.col-page-about .col-2 .list ul{grid-template-columns:1fr;gap:15px;}
.col-page-about .col-2 .list li{min-height:0;}
}
@media (max-width:468px){
.col-page-about .col-2{padding:50px 0;}
.col-page-about .col-2 > .container2 > h2{margin-bottom:16px;}
.col-page-about .col-2 .content{margin-bottom:28px;}
.col-page-about .col-2 .list ul{gap:12px;}
.col-page-about .col-2 .list li{padding:26px 20px 28px;}
.col-page-about .col-2 .list li > p:first-child{right:20px;top:22px;width:30px;height:30px;}
.col-page-about .col-2 .list li > h3{margin-bottom:16px;padding-right:54px;}
}
/* ---------- 整体 ---------- */
.col-page-about .col-3{padding:8.33vw 0;}
.col-page-about .col-3 .wrap{padding:5.83vw 6.25vw 5.21vw;box-sizing:border-box;overflow:hidden;}
/* ---------- 标题与说明 ---------- */
.col-page-about .col-3 .wrap > h2{margin:0 0 1.41vw;line-height:1.2;color:#222;text-align:center;}
.col-page-about .col-3 .content{max-width:56.25vw;margin:0 auto 5.05vw;line-height:1.5;color:#333;text-align:center;}
.col-page-about .col-3 .content p{margin:0;}
/* ---------- 证书轮播 ---------- */
.col-page-about .col-3 .cap-container{overflow:hidden;}
.col-page-about .col-3 .cap-container .swiper-slide{position:relative;height:auto;}
.col-page-about .col-3 .cap-container .swiper-slide img{width:100%;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-about .col-3{padding:100px 0;}
.col-page-about .col-3 .wrap{padding:80px 60px 70px;}
.col-page-about .col-3 .wrap > h2{margin-bottom:20px;}
.col-page-about .col-3 .content{max-width:none;margin-bottom:60px;}
}
@media (max-width:992px){
.col-page-about .col-3{padding:80px 0;}
.col-page-about .col-3 .wrap{padding:70px 40px 60px;}
.col-page-about .col-3 .content{margin-bottom:50px;}
}
@media (max-width:768px){
.col-page-about .col-3{padding:60px 0;}
.col-page-about .col-3 .wrap{padding:50px 25px;}
.col-page-about .col-3 .content{margin-bottom:40px;}
}
@media (max-width:468px){
.col-page-about .col-3{padding:50px 0;}
.col-page-about .col-3 .wrap{padding:40px 15px;}
.col-page-about .col-3 .wrap > h2{margin-bottom:16px;}
.col-page-about .col-3 .content{margin-bottom:30px;}
}
/* ==================== 二级导航 vicenav ==================== */
.vicenav{background:#f5f5f5;}
.vicenav .child{display:flex;}
.vicenav .child a{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20.83vw;height:3.65vw;padding:0 1.04vw;box-sizing:border-box;line-height:1.2;font-weight:500;color:#666;text-align:center;white-space:nowrap;transition:color .3s;}
.vicenav .child a::before{content:"";position:absolute;right:0;top:50%;width:1px;height:60%;background:#e0e0e0;transform:translateY(-50%);}
.vicenav .child a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0.21vw;background:#e26126;opacity:0;transition:opacity .3s;}
.vicenav .child a.active{color:#222;}
.vicenav .child a.active::after{opacity:1;}
@media (hover:hover){
.vicenav .child a:hover{color:#222;}
}
/* ==================== col-1 ==================== */
.col-page-advantage1 .col-1{padding:6.56vw 0 10.05vw;background:#fff;}
.col-page-advantage1 .col-1 .flex{display:flex;align-items:center;justify-content:space-between;}
/* ---------- 左侧文字 ---------- */
.col-page-advantage1 .col-1 .content{width:38.54vw;}
.col-page-advantage1 .col-1 .content > h2{margin:0 0 1.56vw;line-height:1.07;color:#222;}
.col-page-advantage1 .col-1 .content > h2::after{content:"";display:block;width:2.81vw;height:0.31vw;margin-top:1.15vw;background:#e26126;}
.col-page-advantage1 .col-1 .s-content{line-height:1.5;color:#666;}
.col-page-advantage1 .col-1 .s-content h3{margin:0 0 3.85vw;line-height:1.3;font-weight:500;color:#222;}
.col-page-advantage1 .col-1 .s-content p{margin:0;}
/* ---------- 右侧图片 + 点阵 ---------- */
.col-page-advantage1 .col-1 .img{position:relative;isolation:isolate;flex-shrink:0;width:41.30vw;padding:0 2.45vw 2.40vw 0;box-sizing:border-box;}
.col-page-advantage1 .col-1 .img::before{content:"";position:absolute;right:0;bottom:0;z-index:-1;width:30.99vw;height:24.64vw;background:radial-gradient(circle,#d6d6d6 1px,transparent 1.5px) 0 0/0.52vw 0.52vw;}
.col-page-advantage1 .col-1 .img img{display:block;width:100%;height:auto;aspect-ratio:746/601;object-fit:cover;background:#f0f0ee;}
/* ==================== 响应式 ==================== */
@media (max-width:1200px){
.vicenav .child a{width:25%;height:60px;padding:0 15px;}
.vicenav .child a::after{height:4px;}
.col-page-advantage1 .col-1{padding:90px 0 120px;}
.col-page-advantage1 .col-1 .content{width:48%;}
.col-page-advantage1 .col-1 .content > h2{margin-bottom:24px;}
.col-page-advantage1 .col-1 .content > h2::after{width:44px;height:5px;margin-top:18px;}
.col-page-advantage1 .col-1 .s-content h3{margin-bottom:45px;}
.col-page-advantage1 .col-1 .img{width:48%;padding:0 30px 30px 0;}
.col-page-advantage1 .col-1 .img::before{width:360px;height:300px;background-size:9px 9px;}
}
@media (max-width:992px){
.vicenav{display: none !important;}
.col-page-advantage1 .col-1{padding:70px 0 90px;}
.col-page-advantage1 .col-1 .s-content h3{margin-bottom:35px;}
.col-page-advantage1 .col-1 .img{padding:0 20px 20px 0;}
.col-page-advantage1 .col-1 .img::before{width:300px;height:250px;}
}
@media (max-width:768px){
.col-page-advantage1 .col-1{padding:60px 0 70px;}
.col-page-advantage1 .col-1 .flex{flex-direction:column;align-items:stretch;}
.col-page-advantage1 .col-1 .content{width:100%;}
.col-page-advantage1 .col-1 .s-content h3{margin-bottom:28px;}
.col-page-advantage1 .col-1 .img{width:100%;margin-top:40px;padding:0 15px 15px 0;}
.col-page-advantage1 .col-1 .img::before{width:240px;height:200px;}
}
@media (max-width:468px){
.vicenav .child a{height:46px;padding:0 15px;}
.vicenav .child a::after{height:3px;}
.col-page-advantage1 .col-1{padding:50px 0 60px;}
.col-page-advantage1 .col-1 .content > h2{margin-bottom:20px;}
.col-page-advantage1 .col-1 .content > h2::after{width:36px;height:4px;margin-top:14px;}
.col-page-advantage1 .col-1 .s-content h3{margin-bottom:20px;}
.col-page-advantage1 .col-1 .img{margin-top:32px;padding:0 10px 10px 0;}
.col-page-advantage1 .col-1 .img::before{width:180px;height:150px;background-size:8px 8px;}
}
/* ---------- 整体 ---------- */
.col-page-advantage1 .col-2{padding-bottom:9.64vw;background:#fff;}
/* ---------- 标题 ---------- */
.col-page-advantage1 .col-2 .title{display:flex;align-items:center;justify-content:center;gap:1.41vw;padding:6vw 0 2.5vw;line-height:1.2;color:#222;text-align:center;border-top:1px solid #e5e5e5;}
.col-page-advantage1 .col-2 .title span{font-weight:600;}
.col-page-advantage1 .col-2 .title img{display:block;flex-shrink:0;width:1.98vw;height:auto;}
/* ---------- 轮播 ---------- */
.col-page-advantage1 .col-2 .offer-container{overflow:hidden;}
.col-page-advantage1 .col-2 .offer-container .swiper-slide{height:auto;padding:2.08vw 2.08vw 1.56vw;box-sizing:border-box;background:#f4f4f4;line-height:1.5;color:#666;}
/* 图标 */
.col-page-advantage1 .col-2 .offer-container .icon{display:flex;align-items:center;width: 3.96vw;min-width: 36px;margin-bottom:3.49vw;}
.col-page-advantage1 .col-2 .offer-container .icon img{display:block;width:auto;max-width:100%;max-height:100%;}
/* 标题：固定两行高度，保证正文起点对齐 */
.col-page-advantage1 .col-2 .offer-container h3{min-height:2.5em;margin:0 0 1.46vw;line-height:1.25;font-weight:500;color:#222;}
/* ---------- 分页器 ---------- */
.col-page-advantage1 .col-2 .offer-pagination{position:static;display:flex;justify-content:center;margin-top:2.19vw;}
.col-page-advantage1 .col-2 .offer-pagination .swiper-pagination-bullet{width:0.83vw;height:0.83vw;margin:0 0.23vw;background:#ddd;opacity:1;transition:background-color .3s;}
.col-page-advantage1 .col-2 .offer-pagination .swiper-pagination-bullet-active{background:#e26126;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-advantage1 .col-2{padding-bottom:110px;}
.col-page-advantage1 .col-2 .title{gap:20px;padding:80px 0 40px;}
.col-page-advantage1 .col-2 .title img{width:28px;}
.col-page-advantage1 .col-2 .offer-container .swiper-slide{padding:32px 30px 30px;}
.col-page-advantage1 .col-2 .offer-container .icon{margin-bottom:45px;}
.col-page-advantage1 .col-2 .offer-container h3{margin-bottom:22px;}
.col-page-advantage1 .col-2 .offer-pagination{margin-top:36px;}
.col-page-advantage1 .col-2 .offer-pagination .swiper-pagination-bullet{width:14px;height:14px;margin:0 5px;}
}
@media (max-width:992px){
.col-page-advantage1 .col-2{padding-bottom:90px;}
.col-page-advantage1 .col-2 .title{padding:70px 0 36px;}
.col-page-advantage1 .col-2 .offer-container .icon{margin-bottom:36px;}
}
@media (max-width:768px){
.col-page-advantage1 .col-2{padding-bottom:70px;}
.col-page-advantage1 .col-2 .title{gap:14px;padding:60px 0 30px;}
.col-page-advantage1 .col-2 .title img{width:22px;}
.col-page-advantage1 .col-2 .offer-container .swiper-slide{padding:28px 24px 26px;}
.col-page-advantage1 .col-2 .offer-container .icon{margin-bottom:30px;}
.col-page-advantage1 .col-2 .offer-container h3{margin-bottom:16px;}
.col-page-advantage1 .col-2 .offer-pagination{margin-top:30px;}
.col-page-advantage1 .col-2 .offer-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 4px;}
}
@media (max-width:468px){
.col-page-advantage1 .col-2{padding-bottom:60px;}
.col-page-advantage1 .col-2 .title{gap:10px;padding:50px 0 26px;}
.col-page-advantage1 .col-2 .title img{width:18px;}
.col-page-advantage1 .col-2 .offer-container .swiper-slide{padding:26px 20px 24px;}
.col-page-advantage1 .col-2 .offer-container .icon{margin-bottom:24px;}
.col-page-advantage1 .col-2 .offer-container h3{min-height:0;}
.col-page-advantage1 .col-2 .offer-pagination{margin-top:24px;}
}  
/* ---------- 整体 ---------- */
.col-page-advantage2 .col-1{padding:7.19vw 0 7.6vw;background:#fff;}
.col-page-advantage2 .col-1 .flex{display:flex;align-items:flex-start;justify-content:space-between;}
/* ---------- 左侧文字 ---------- */
.col-page-advantage2 .col-1 .content{width:36.46vw;padding-top:0.52vw;}
.col-page-advantage2 .col-1 .content > h2{margin:0 0 2.29vw;line-height:1.07;color:#222;}
.col-page-advantage2 .col-1 .s-content{line-height:1.375;color:#666;}
.col-page-advantage2 .col-1 .s-content p{margin:0 0 0.68vw;}
.col-page-advantage2 .col-1 .s-content p:last-child{margin-bottom:0;}
/* ---------- 右侧卡片 ---------- */
.col-page-advantage2 .col-1 .list{flex-shrink:0;width:42.92vw;}
.col-page-advantage2 .col-1 .list ul{--gap:4.27vw;display:grid;grid-template-columns:39fr 51fr;gap:2.08vw var(--gap);margin:0;padding:0;list-style:none;}
.col-page-advantage2 .col-1 .list li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:10.83vw;padding:1.46vw 1.56vw;box-sizing:border-box;border:1px solid #222;text-align:center;}
.col-page-advantage2 .col-1 .list li p{margin:0;}
/* 图标 */
.col-page-advantage2 .col-1 .list li .icon{display:flex;align-items:center;justify-content:center;height:4.17vw;margin-bottom:0.78vw;}
.col-page-advantage2 .col-1 .list li .icon img{display:block;width:auto;max-width:100%;max-height:100%;}
/* 名称 */
.col-page-advantage2 .col-1 .list li .name{line-height:1.25;font-weight:600;color:#222;}
/* 左列卡片右侧的 "+" 号，居中于列间距 */
.col-page-advantage2 .col-1 .list li:nth-child(odd):not(:last-child)::after{content:"";position:absolute;top:50%;left:calc(100% + 1px + var(--gap) / 2);width:1.67vw;height:1.67vw;background:linear-gradient(#222,#222) center/100% 0.21vw no-repeat,linear-gradient(#222,#222) center/0.21vw 100% no-repeat;transform:translate(-50%,-50%);pointer-events:none;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-advantage2 .col-1{padding:90px 0;}
.col-page-advantage2 .col-1 .content{width:46%;padding-top:0;}
.col-page-advantage2 .col-1 .content > h2{margin-bottom:30px;}
.col-page-advantage2 .col-1 .s-content p{margin-bottom:12px;}
.col-page-advantage2 .col-1 .list{width:50%;}
.col-page-advantage2 .col-1 .list ul{--gap:50px;row-gap:30px;}
.col-page-advantage2 .col-1 .list li{min-height:170px;padding:24px 20px;}
.col-page-advantage2 .col-1 .list li .icon{height:60px;margin-bottom:12px;}
.col-page-advantage2 .col-1 .list li:nth-child(odd):not(:last-child)::after{width:24px;height:24px;background-size:100% 3px,3px 100%;}
}
@media (max-width:992px){
.col-page-advantage2 .col-1{padding:70px 0;}
.col-page-advantage2 .col-1 .flex{flex-direction:column;align-items:stretch;}
.col-page-advantage2 .col-1 .content{width:100%;}
.col-page-advantage2 .col-1 .list{width:100%;margin-top:50px;}
.col-page-advantage2 .col-1 .list ul{grid-template-columns:1fr 1fr;--gap:60px;}
.col-page-advantage2 .col-1 .list li{min-height:180px;}
}
@media (max-width:768px){
.col-page-advantage2 .col-1{padding:60px 0;}
.col-page-advantage2 .col-1 .content > h2{margin-bottom:24px;}
.col-page-advantage2 .col-1 .list{margin-top:40px;}
.col-page-advantage2 .col-1 .list ul{--gap:44px;row-gap:24px;}
.col-page-advantage2 .col-1 .list li{min-height:160px;padding:20px 15px;}
.col-page-advantage2 .col-1 .list li .icon{height:50px;margin-bottom:10px;}
.col-page-advantage2 .col-1 .list li:nth-child(odd):not(:last-child)::after{width:20px;height:20px;}
}
@media (max-width:468px){
.col-page-advantage2 .col-1{padding:50px 0;}
.col-page-advantage2 .col-1 .content > h2{margin-bottom:20px;}
.col-page-advantage2 .col-1 .s-content p{margin-bottom:10px;}
.col-page-advantage2 .col-1 .list{margin-top:32px;}
.col-page-advantage2 .col-1 .list ul{--gap:30px;row-gap:16px;}
.col-page-advantage2 .col-1 .list li{min-height:140px;padding:18px 10px;}
.col-page-advantage2 .col-1 .list li .icon{height:40px;margin-bottom:8px;}
.col-page-advantage2 .col-1 .list li:nth-child(odd):not(:last-child)::after{width:16px;height:16px;background-size:100% 2px,2px 100%;}
}
/* ==================== 上半部分：工厂图片轮播 ==================== */
.col-page-advantage2 .col-2 .wrap{padding:8.333vw 0 6.25vw;background:#f5f5f5;}
.col-page-advantage2 .col-2 .wrap h2{margin:0 0 1.35vw;line-height:1.07;color:#222;}
.col-page-advantage2 .col-2 .factory-container{overflow:hidden;}
.col-page-advantage2 .col-2 .factory-container .swiper-slide img{display:block;width:100%;height:auto;aspect-ratio:518/355;object-fit:cover;background:#e8e8e8;}
/* 分页器：放在 swiper 内部，取消绝对定位，参与文档流 */
.col-page-advantage2 .col-2 .factory-container .swiper-pagination{position:static;display:flex;justify-content:center;align-items:center;margin-top:3.02vw;line-height:0;}
.col-page-advantage2 .col-2 .factory-container .swiper-pagination-bullet{width:0.42vw;height:0.42vw;margin:0 0.18vw;border-radius:0.21vw;background:#ddd;opacity:1;transition:width .3s,background-color .3s;}
.col-page-advantage2 .col-2 .factory-container .swiper-pagination-bullet-active{width:1.56vw;background:#e26126;}
/* ==================== 下半部分：选项卡 ==================== */
.col-page-advantage2 .col-2 .child{padding:9.64vw 0 9.22vw;background:#fff;}
/* ---------- 选项卡导航 ---------- */
.col-page-advantage2 .col-2 .tab-nav{display:flex;gap:0.78vw;}
.col-page-advantage2 .col-2 .tab-nav a{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:1.25vw 0.52vw;border-top:3px solid #ddd;line-height:1.5;font-weight:500;color:#666;text-align:center;transition:color .3s,border-color .3s;}
.col-page-advantage2 .col-2 .tab-nav a.active{border-top-color:#e26126;color:#222;}
@media (hover:hover){
.col-page-advantage2 .col-2 .tab-nav a:hover{color:#222;}
}
/* ---------- 选项卡内容 ---------- */
.col-page-advantage2 .col-2 .tab-box .box{display:none;}
.col-page-advantage2 .col-2 .tab-box .box.active{display:block;animation:adv2TabIn .5s ease both;}
@keyframes adv2TabIn{
from{opacity:0;transform:translateY(20px);}
to{opacity:1;transform:none;}
}
.col-page-advantage2 .col-2 .tab-box .flex{display:flex;align-items:stretch;background:#f5f5f5;}
/* 左图 */
.col-page-advantage2 .col-2 .tab-box .img{flex-shrink:0;width:50%;}
.col-page-advantage2 .col-2 .tab-box .img img{display:block;width:100%;height:100%;min-height:100%;aspect-ratio:810/531;object-fit:cover;background:#e8e8e8;}
/* 右文 */
.col-page-advantage2 .col-2 .tab-box .content{flex:1;min-width:0;padding:3.85vw 3.23vw 3.13vw;box-sizing:border-box;}
.col-page-advantage2 .col-2 .tab-box .content h3{margin:0 0 0.42vw;line-height:1.2;font-weight:600;color:#222;}
.col-page-advantage2 .col-2 .tab-box .s-content{line-height:1.5;color:#666;}
.col-page-advantage2 .col-2 .tab-box .s-content p{margin:0;}
.col-page-advantage2 .col-2 .tab-box .s-content ul{margin:1.93vw 0 0;padding:0;list-style:none;}
.col-page-advantage2 .col-2 .tab-box .s-content li{position:relative;margin-bottom:0.63vw;padding-left:1.35vw;line-height:1.5;font-weight:500;color:#222;}
.col-page-advantage2 .col-2 .tab-box .s-content li:last-child{margin-bottom:0;}
.col-page-advantage2 .col-2 .tab-box .s-content li::before{content:"";position:absolute;left:0;top:0.75em;width:0.52vw;height:0.52vw;border-radius:50%;background:#e26126;transform:translateY(-50%);}
/* 减弱动效偏好 */
@media (prefers-reduced-motion:reduce){
.col-page-advantage2 .col-2 .tab-box .box.active{animation:none;}
}
/* ==================== 响应式 ==================== */
@media (max-width:1200px){
.col-page-advantage2 .col-2 .wrap{padding:100px 0 80px;}
.col-page-advantage2 .col-2 .wrap h2{margin-bottom:24px;}
.col-page-advantage2 .col-2 .factory-container .swiper-pagination{margin-top:40px;}
.col-page-advantage2 .col-2 .factory-container .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;border-radius:4px;}
.col-page-advantage2 .col-2 .factory-container .swiper-pagination-bullet-active{width:28px;}
.col-page-advantage2 .col-2 .child{padding:100px 0;}
.col-page-advantage2 .col-2 .tab-nav{gap:12px;}
.col-page-advantage2 .col-2 .tab-nav a{padding:20px 10px;}
.col-page-advantage2 .col-2 .tab-box .content{padding:50px 40px 40px;}
.col-page-advantage2 .col-2 .tab-box .content h3{margin-bottom:8px;}
.col-page-advantage2 .col-2 .tab-box .s-content ul{margin-top:28px;}
.col-page-advantage2 .col-2 .tab-box .s-content li{margin-bottom:10px;padding-left:22px;}
.col-page-advantage2 .col-2 .tab-box .s-content li::before{width:9px;height:9px;}
}
@media (max-width:992px){
.col-page-advantage2 .col-2 .wrap{padding:80px 0 70px;}
.col-page-advantage2 .col-2 .child{padding:80px 0;}
.col-page-advantage2 .col-2 .tab-nav a{padding:18px 10px;}
.col-page-advantage2 .col-2 .tab-box .content{padding:36px 30px;}
.col-page-advantage2 .col-2 .tab-box .s-content ul{margin-top:22px;}
}
@media (max-width:768px){
.col-page-advantage2 .col-2 .wrap{padding:60px 0;}
.col-page-advantage2 .col-2 .wrap h2{margin-bottom:20px;}
.col-page-advantage2 .col-2 .factory-container .swiper-pagination{margin-top:30px;}
.col-page-advantage2 .col-2 .child{padding:60px 0;}
.col-page-advantage2 .col-2 .tab-nav{gap:8px;}
.col-page-advantage2 .col-2 .tab-nav a{padding:14px 6px;}
.col-page-advantage2 .col-2 .tab-box .flex{flex-direction:column;}
.col-page-advantage2 .col-2 .tab-box .img{width:100%;}
.col-page-advantage2 .col-2 .tab-box .img img{height:auto;}
.col-page-advantage2 .col-2 .tab-box .content{padding:30px 24px;}
.col-page-advantage2 .col-2 .tab-box .s-content ul{margin-top:18px;}
.col-page-advantage2 .col-2 .tab-box .s-content li{margin-bottom:8px;}
}
@media (max-width:468px){
.col-page-advantage2 .col-2 .wrap{padding:50px 0;}
.col-page-advantage2 .col-2 .factory-container .swiper-pagination{margin-top:24px;}
.col-page-advantage2 .col-2 .child{padding:50px 0;}
.col-page-advantage2 .col-2 .tab-nav{gap:6px;}
.col-page-advantage2 .col-2 .tab-nav a{padding:12px 4px;line-height:1.3;}
.col-page-advantage2 .col-2 .tab-box .content{padding:26px 20px;}
.col-page-advantage2 .col-2 .tab-box .s-content li{padding-left:18px;}
.col-page-advantage2 .col-2 .tab-box .s-content li::before{width:8px;height:8px;}
}
/* ---------- 整体 ---------- */
.col-page-advantage3 .col-1{padding:7.81vw 0 8.13vw;background:#fff;overflow:hidden;}
/* ---------- 标题 ---------- */
.col-page-advantage3 .col-1 .title{margin-bottom:2.81vw;line-height:1.07;color:#222;}
.col-page-advantage3 .col-1 .title p{margin:0;}
/* ---------- 轮播：右侧溢出到视口边缘，左侧裁切 ---------- */
.col-page-advantage3 .col-1 .group-container{overflow:visible;clip-path:inset(-100vh -100vw -100vh 0);}
.col-page-advantage3 .col-1 .group-container .swiper-slide{height:auto;padding:2.6vw 2.08vw 3.23vw;box-sizing:border-box;background:#f4f4f4;}
/* 序号 */
.col-page-advantage3 .col-1 .group-container h3{margin:0 0 0.94vw;line-height:1;font-weight:400;color:#ccc;}
/* 标题：固定两行高度，保证正文起点对齐 */
.col-page-advantage3 .col-1 .group-container h4{min-height:2.58em;margin:0 0 3.44vw;line-height:1.29;font-weight:600;color:#222;}
/* 正文 */
.col-page-advantage3 .col-1 .group-container p{margin:0;line-height:1.375;color:#666;}
/* ---------- 控制区：左按钮 + 右分页器 ---------- */
.col-page-advantage3 .col-1 .group-ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:1.72vw;}
.col-page-advantage3 .col-1 .group-btns{display:flex;gap:0.63vw;}
.col-page-advantage3 .col-1 .group-btns > div{display:flex;align-items:center;justify-content:center;width:3.44vw;height:3.44vw;border:1px solid #e5e5e5;border-radius:50%;box-sizing:border-box;background:#fff;color:#999;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s,opacity .3s;}
.col-page-advantage3 .col-1 .group-btns > div::before{content:"";width:0.52vw;height:0.52vw;border-left:2px solid currentColor;border-bottom:2px solid currentColor;box-sizing:border-box;}
.col-page-advantage3 .col-1 .group-btns .group-prev::before{transform:translateX(20%) rotate(45deg);}
.col-page-advantage3 .col-1 .group-btns .group-next::before{transform:translateX(-20%) rotate(-135deg);}
@media (hover:hover){
.col-page-advantage3 .col-1 .group-btns > div:not(.swiper-button-disabled):hover{border-color:#e26126;background:#e26126;color:#fff;}
}
.col-page-advantage3 .col-1 .group-btns .swiper-button-disabled{opacity:.4;cursor:default;}
.col-page-advantage3 .col-1 .group-btns .swiper-button-lock{display:none;}
/* 分页器 */
.col-page-advantage3 .col-1 .group-pagination{position:static;display:flex;align-items:center;width:auto;line-height:0;}
.col-page-advantage3 .col-1 .group-pagination .swiper-pagination-bullet{width:0.42vw;height:0.42vw;margin:0 0 0 0.36vw;border-radius:0.21vw;background:#ddd;opacity:1;transition:width .3s,background-color .3s;}
.col-page-advantage3 .col-1 .group-pagination .swiper-pagination-bullet:first-child{margin-left:0;}
.col-page-advantage3 .col-1 .group-pagination .swiper-pagination-bullet-active{width:1.56vw;background:#222;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-advantage3 .col-1{padding:100px 0 110px;}
.col-page-advantage3 .col-1 .title{margin-bottom:40px;}
.col-page-advantage3 .col-1 .group-container .swiper-slide{padding:40px 32px 50px;}
.col-page-advantage3 .col-1 .group-container h3{margin-bottom:14px;}
.col-page-advantage3 .col-1 .group-container h4{margin-bottom:40px;}
.col-page-advantage3 .col-1 .group-ctrl{margin-top:30px;}
.col-page-advantage3 .col-1 .group-btns{gap:10px;}
.col-page-advantage3 .col-1 .group-btns > div{width:54px;height:54px;}
.col-page-advantage3 .col-1 .group-btns > div::before{width:10px;height:10px;}
.col-page-advantage3 .col-1 .group-pagination .swiper-pagination-bullet{width:8px;height:8px;margin-left:6px;border-radius:4px;}
.col-page-advantage3 .col-1 .group-pagination .swiper-pagination-bullet-active{width:28px;}
}
@media (max-width:992px){
.col-page-advantage3 .col-1{padding:80px 0 90px;}
.col-page-advantage3 .col-1 .title{margin-bottom:34px;}
.col-page-advantage3 .col-1 .group-container h4{margin-bottom:30px;}
.col-page-advantage3 .col-1 .group-btns > div{width:50px;height:50px;}
}
@media (max-width:768px){
.col-page-advantage3 .col-1{padding:60px 0 70px;}
.col-page-advantage3 .col-1 .title{margin-bottom:28px;}
.col-page-advantage3 .col-1 .group-container .swiper-slide{padding:32px 24px 36px;}
.col-page-advantage3 .col-1 .group-container h3{margin-bottom:12px;}
.col-page-advantage3 .col-1 .group-container h4{margin-bottom:22px;}
.col-page-advantage3 .col-1 .group-ctrl{margin-top:24px;}
.col-page-advantage3 .col-1 .group-btns{gap:8px;}
.col-page-advantage3 .col-1 .group-btns > div{width:44px;height:44px;}
.col-page-advantage3 .col-1 .group-btns > div::before{width:8px;height:8px;}
}
@media (max-width:468px){
.col-page-advantage3 .col-1{padding:50px 0 60px;}
.col-page-advantage3 .col-1 .title{margin-bottom:24px;}
.col-page-advantage3 .col-1 .group-container .swiper-slide{padding:28px 20px 30px;}
.col-page-advantage3 .col-1 .group-container h4{min-height:0;margin-bottom:16px;}
.col-page-advantage3 .col-1 .group-ctrl{margin-top:20px;}
.col-page-advantage3 .col-1 .group-btns > div{width:40px;height:40px;}
}
/* ---------- 整体 ---------- */
.col-page-advantage3 .col-2{padding:8.54vw 0 6.04vw;background:#f5f2f1;}
.col-page-advantage3 .col-2 .flex{display:flex;align-items:flex-start;justify-content:space-between;}
/* ---------- 左侧：标题 + 介绍 + 图片 ---------- */
.col-page-advantage3 .col-2 .left{width:40.78vw;}
.col-page-advantage3 .col-2 .left .content > h2{margin:0 0 2.19vw;line-height:1.07;color:#222;}
.col-page-advantage3 .col-2 .left .content p{margin:0 0 0.1vw;line-height:1.375;color:#333;}
.col-page-advantage3 .col-2 .left .content p:last-child{margin-bottom:0;}
.col-page-advantage3 .col-2 .left .img{margin-top:4.95vw;overflow:hidden;}
.col-page-advantage3 .col-2 .left .img img{display:block;width:100%;height:auto;aspect-ratio:783/489;object-fit:cover;background:#e8e8e8;}
/* ---------- 右侧：优势列表 ---------- */
.col-page-advantage3 .col-2 .right{flex-shrink:0;width:38.07vw;}
.col-page-advantage3 .col-2 .right ul{margin:0;padding:0;list-style:none;}
.col-page-advantage3 .col-2 .right li{display:grid;grid-template-columns:250fr 446fr;column-gap:1.82vw;align-items:start;padding:1.93vw 0 2.19vw;border-top:1px solid #222;}
.col-page-advantage3 .col-2 .right li:last-child{padding-bottom:0;}
/* 名称 */
.col-page-advantage3 .col-2 .right li .name{margin:0;}
.col-page-advantage3 .col-2 .right li .name strong{display:block;line-height:1.18;font-weight:600;color:#222;text-transform:uppercase;}
/* 描述 */
.col-page-advantage3 .col-2 .right li .desc{line-height:1.375;color:#666;}
.col-page-advantage3 .col-2 .right li .desc p{margin:0 0 0.52vw;}
.col-page-advantage3 .col-2 .right li .desc p:last-child{margin-bottom:0;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-advantage3 .col-2{padding:100px 0 80px;}
.col-page-advantage3 .col-2 .left{width:48%;}
.col-page-advantage3 .col-2 .left .content > h2{margin-bottom:30px;}
.col-page-advantage3 .col-2 .left .content p{margin-bottom:2px;}
.col-page-advantage3 .col-2 .left .img{margin-top:50px;}
.col-page-advantage3 .col-2 .right{width:46%;}
.col-page-advantage3 .col-2 .right li{column-gap:24px;padding:26px 0 28px;}
.col-page-advantage3 .col-2 .right li .desc p{margin-bottom:8px;}
}
@media (max-width:992px){
.col-page-advantage3 .col-2{padding:80px 0 70px;}
.col-page-advantage3 .col-2 .flex{flex-direction:column;align-items:stretch;}
.col-page-advantage3 .col-2 .left{width:100%;}
.col-page-advantage3 .col-2 .left .img{margin-top:40px;}
.col-page-advantage3 .col-2 .right{width:100%;margin-top:50px;}
.col-page-advantage3 .col-2 .right li{grid-template-columns:34% 1fr;column-gap:30px;}
}
@media (max-width:768px){
.col-page-advantage3 .col-2{padding:60px 0;}
.col-page-advantage3 .col-2 .left .content > h2{margin-bottom:24px;}
.col-page-advantage3 .col-2 .left .img{margin-top:32px;}
.col-page-advantage3 .col-2 .right{margin-top:40px;}
.col-page-advantage3 .col-2 .right li{column-gap:20px;padding:22px 0 24px;}
}
@media (max-width:468px){
.col-page-advantage3 .col-2{padding:50px 0;}
.col-page-advantage3 .col-2 .left .content > h2{margin-bottom:20px;}
.col-page-advantage3 .col-2 .left .img{margin-top:28px;}
.col-page-advantage3 .col-2 .right{margin-top:32px;}
.col-page-advantage3 .col-2 .right li{grid-template-columns:1fr;row-gap:8px;padding:20px 0;}
}
/* ---------- 整体 ---------- */
.col-page-advantage3 .col-3{padding:8.33vw 0;background:#fff;}
/* ---------- 标题 ---------- */
.col-page-advantage3 .col-3 .title{margin:0 0 1.82vw;line-height:1.07;color:#222;text-align:center;}
.col-page-advantage3 .col-3 .title p{margin:0;}
/* ---------- 简介 ---------- */
.col-page-advantage3 .col-3 .content{max-width:60.42vw;margin:0 auto;text-align:center;}
.col-page-advantage3 .col-3 .content h3{margin:0 0 0.78vw;line-height:1.21;font-weight:500;color:#222;}
.col-page-advantage3 .col-3 .content p{margin:0;line-height:1.5;color:#666;}
/* ---------- 流程：上排 01-05 左→右，右侧弧线折返，下排 06-09 右→左 ---------- */
.col-page-advantage3 .col-3 .list{margin-top:3.49vw;}
.col-page-advantage3 .col-3 .list ul{
--h:6.41vw;    /* 卡片高 */
--g:0.89vw;    /* 卡片与圆点间距 */
--d:1.67vw;    /* 圆点直径 */
--rg:2.97vw;   /* 上下排间距 */
--cg:1.04vw;   /* 卡片列间距 */
--pr:4.27vw;   /* 右侧弧线预留 */
--lw:2px;      /* 线宽 */
--c:#e26126;
position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--cg);row-gap:var(--rg);max-width:79.01vw;margin:0 auto;padding:0 var(--pr) 0 0;list-style:none;box-sizing:border-box;}
/* 上排直线：从最左到弧线起点 */
.col-page-advantage3 .col-3 .list ul::after{content:"";position:absolute;left:0;right:var(--pr);top:calc(var(--h) + var(--g) + var(--d) / 2 - var(--lw) / 2);height:var(--lw);background:var(--c);}
/* 右侧半圆弧 + 下排直线（下排从第 2 列左缘开始） */
.col-page-advantage3 .col-3 .list ul::before{content:"";position:absolute;right:0;left:calc((100% - var(--pr) - var(--cg) * 4) / 5 + var(--cg));top:calc(var(--h) + var(--g) + var(--d) / 2 - var(--lw) / 2);height:calc(var(--rg) + var(--d) + var(--lw));border:var(--lw) solid var(--c);border-left:0;border-radius:0 calc((var(--rg) + var(--d) + var(--lw)) / 2) calc((var(--rg) + var(--d) + var(--lw)) / 2) 0;box-sizing:border-box;}
/* 每一项：DOM 顺序为 圆点 → 卡片；上排反转为 卡片在上 */
.col-page-advantage3 .col-3 .list li{position:relative;z-index:1;display:flex;flex-direction:column-reverse;align-items:center;gap:var(--g);}
.col-page-advantage3 .col-3 .list li:nth-child(-n+5){grid-row:1;}
.col-page-advantage3 .col-3 .list li:nth-child(n+6){grid-row:2;flex-direction:column;}
.col-page-advantage3 .col-3 .list li:nth-child(6){grid-column:5;}
.col-page-advantage3 .col-3 .list li:nth-child(7){grid-column:4;}
.col-page-advantage3 .col-3 .list li:nth-child(8){grid-column:3;}
.col-page-advantage3 .col-3 .list li:nth-child(9){grid-column:2;}
/* 下排终点箭头 */
.col-page-advantage3 .col-3 .list li:nth-child(9)::before{content:"";position:absolute;left:-2px;top:calc(var(--d) / 2);border-top:0.31vw solid transparent;border-bottom:0.31vw solid transparent;border-right:0.42vw solid var(--c);transform:translateY(-50%);}
/* 圆点序号 */
.col-page-advantage3 .col-3 .list .num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--d);height:var(--d);margin:0;border-radius:50%;background:var(--c);font-size:0.83vw;line-height:1;font-weight:500;color:#fff;}
/* 卡片 */
.col-page-advantage3 .col-3 .list .name{position:relative;width:100%;height:var(--h);margin:0;padding:2.08vw 1.04vw 0;border:1px solid #e5e5e5;box-sizing:border-box;background:#fff;line-height:1.22;font-weight:500;color:#222;text-align:center;transition:border-color .3s,color .3s;}
.col-page-advantage3 .col-3 .list .name::after{content:"";position:absolute;left:50%;bottom:-0.31vw;width:0.52vw;height:0.52vw;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fff;transform:translateX(-50%) rotate(45deg);transition:border-color .3s;}
.col-page-advantage3 .col-3 .list li:nth-child(n+6) .name::after{top:-0.31vw;bottom:auto;transform:translateX(-50%) rotate(-135deg);}
@media (hover:hover){
.col-page-advantage3 .col-3 .list .name:hover{border-color:#e26126;color:#e26126;}
.col-page-advantage3 .col-3 .list .name:hover::after{border-color:#e26126;}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-advantage3 .col-3{padding:100px 0;}
.col-page-advantage3 .col-3 .title{margin-bottom:28px;}
.col-page-advantage3 .col-3 .content{max-width:90%;}
.col-page-advantage3 .col-3 .content h3{margin-bottom:12px;}
.col-page-advantage3 .col-3 .list{margin-top:50px;}
.col-page-advantage3 .col-3 .list ul{--h:110px;--g:14px;--d:28px;--rg:46px;--cg:14px;--pr:56px;max-width:100%;}
.col-page-advantage3 .col-3 .list li:nth-child(9)::before{border-top-width:6px;border-bottom-width:6px;border-right-width:8px;}
.col-page-advantage3 .col-3 .list .num{font-size:13px;}
.col-page-advantage3 .col-3 .list .name{padding:32px 10px 0;}
.col-page-advantage3 .col-3 .list .name::after{bottom:-6px;width:10px;height:10px;}
.col-page-advantage3 .col-3 .list li:nth-child(n+6) .name::after{top:-6px;}
}
/* 992 以下：改为竖向时间轴，按 01→09 顺序排列 */
@media (max-width:992px){
.col-page-advantage3 .col-3{padding:80px 0;}
.col-page-advantage3 .col-3 .list{margin-top:40px;}
.col-page-advantage3 .col-3 .list ul{display:block;padding:0 0 0 50px;}
.col-page-advantage3 .col-3 .list ul::before,
.col-page-advantage3 .col-3 .list ul::after,
.col-page-advantage3 .col-3 .list li:nth-child(9)::before{display:none;}
.col-page-advantage3 .col-3 .list li{display:block;margin-bottom:12px;}
.col-page-advantage3 .col-3 .list li:last-child{margin-bottom:0;}
/* 逐项连接线：从本项圆点到下一项圆点 */
.col-page-advantage3 .col-3 .list li:not(:last-child)::after{content:"";position:absolute;z-index:-1;left:-36px;top:50%;width:2px;height:calc(100% + 12px);background:var(--c);}
.col-page-advantage3 .col-3 .list .num{position:absolute;left:-50px;top:50%;width:30px;height:30px;transform:translateY(-50%);}
.col-page-advantage3 .col-3 .list .name{height:auto;padding:20px 24px;text-align:left;}
.col-page-advantage3 .col-3 .list li .name::after,
.col-page-advantage3 .col-3 .list li:nth-child(n+6) .name::after{left:0;top:50%;bottom:auto;transform:translate(-50%,-50%) rotate(135deg);}
}
@media (max-width:768px){
.col-page-advantage3 .col-3{padding:60px 0;}
.col-page-advantage3 .col-3 .title{margin-bottom:22px;}
.col-page-advantage3 .col-3 .content{max-width:100%;}
.col-page-advantage3 .col-3 .content h3{margin-bottom:10px;}
.col-page-advantage3 .col-3 .list{margin-top:32px;}
.col-page-advantage3 .col-3 .list .name{padding:18px 20px;}
}
@media (max-width:468px){
.col-page-advantage3 .col-3{padding:50px 0;}
.col-page-advantage3 .col-3 .title{margin-bottom:18px;}
.col-page-advantage3 .col-3 .list{margin-top:28px;}
.col-page-advantage3 .col-3 .list ul{padding-left:44px;}
.col-page-advantage3 .col-3 .list li{margin-bottom:10px;}
.col-page-advantage3 .col-3 .list li:not(:last-child)::after{left:-32px;height:calc(100% + 10px);}
.col-page-advantage3 .col-3 .list .num{left:-44px;width:26px;height:26px;font-size:12px;}
.col-page-advantage3 .col-3 .list .name{padding:16px 16px;}
}
/* ---------- col-1 整体 ---------- */
.col-page-oem .col-1{padding:6.25vw 0 10.21vw;background:#f4f4f4;}
.col-page-oem .col-1 > .container2 > h2{margin:0 0 2.40vw;line-height:1.07;color:#222;text-align:center;}
/* ---------- col-1 简介 ---------- */
.col-page-oem .col-1 .content{text-align:center;}
.col-page-oem .col-1 .content h3{margin:0 0 0.31vw;line-height:1.21;font-weight:500;color:#222;}
.col-page-oem .col-1 .content p{margin:0;line-height:1.5;color:#666;}
/* ---------- col-1 图文交替 ---------- */
.col-page-oem .col-1 .child{margin-top:3.49vw;}
.col-page-oem .col-1 .item{display:flex;align-items:stretch;background:#fff;}
.col-page-oem .col-1 .item + .item{margin-top:1.56vw;}
.col-page-oem .col-1 .item:nth-child(even){flex-direction:row-reverse;}
.col-page-oem .col-1 .item .img{flex-shrink:0;width:50%;overflow:hidden;}
.col-page-oem .col-1 .item .img img{display:block;width:100%;height:100%;object-fit:cover;background:#e8e8e8;transition:transform .6s;}
.col-page-oem .col-1 .item .inner{display:flex;flex-direction:column;justify-content:center;width:50%;padding:3.65vw 4.48vw 3.65vw 5.89vw;box-sizing:border-box;}
.col-page-oem .col-1 .item:nth-child(even) .inner{padding-left:3.96vw;}
.col-page-oem .col-1 .item .inner h3{margin:0 0 0.68vw;line-height:1.1;color:#222;}
.col-page-oem .col-1 .item .s-content p{margin:0;line-height:1.5;color:#666;}
.col-page-oem .col-1 .item .s-content ul{margin:1.04vw 0 0;padding:0;list-style:none;}
.col-page-oem .col-1 .item .s-content ul:first-child{margin-top:0.36vw;}
.col-page-oem .col-1 .item .s-content li{position:relative;margin-bottom:0.73vw;padding-left:1.15vw;line-height:1.375;color:#333;}
.col-page-oem .col-1 .item .s-content li:last-child{margin-bottom:0;}
.col-page-oem .col-1 .item .s-content li::before{content:"";position:absolute;left:0;top:0.57vw;width:0.42vw;height:0.42vw;border-radius:50%;background:#e26126;transform:translateY(-50%);}
@media (hover:hover){
.col-page-oem .col-1 .item:hover .img img{transform:scale(1.05);}
}
/* ---------- col-2 整体 ---------- */
.col-page-oem .col-2{padding:9.01vw 0 7.97vw;background:#fff;}
.col-page-oem .col-2 > .container2 > h2{margin:0 auto 2.40vw;line-height:1.17;color:#222;text-align:center;max-width: 1170px;}
.col-page-oem .col-2 > .container2 > h2 p{margin:0;}
.col-page-oem .col-2 .content .label{margin:0;line-height:1.5;font-weight:500;color:#222;text-align:center;}
/* ---------- col-2 优势网格：4 列，列间竖线居中，首行底部横线 ---------- */
.col-page-oem .col-2 .content ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:3.18vw;margin:2.92vw 0 0;padding:0;list-style:none;}
.col-page-oem .col-2 .content li{position:relative;padding:1.98vw 1.04vw 1.98vw 1.56vw;}
.col-page-oem .col-2 .content li:nth-child(-n+4){border-bottom:1px solid #e5e5e5;}
.col-page-oem .col-2 .content li:not(:nth-child(4n))::after{content:"";position:absolute;right:-1.59vw;width:1px;background:#e5e5e5;}
.col-page-oem .col-2 .content li:nth-child(-n+4)::after{top:0;bottom:1.56vw;}
.col-page-oem .col-2 .content li:nth-child(n+5)::after{top:1.56vw;bottom:0;}
.col-page-oem .col-2 .content li .icon{display:flex;align-items:center;justify-content:center;width:3.18vw;height:3.18vw;margin:0 0 0.68vw;background:#f5f5f5;}
.col-page-oem .col-2 .content li .icon img{display:block;max-width:100%;max-height:100%;transition:transform .3s;}
.col-page-oem .col-2 .content li h3{min-height:2.5em;margin:0;line-height:1.25;font-weight:500;color:#222;}
.col-page-oem .col-2 .content li .desc{margin:0.52vw 0 0;line-height:1.375;color:#666;}
@media (hover:hover){
.col-page-oem .col-2 .content li:hover .icon img{transform:translateY(-4px);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-oem .col-1{padding:100px 0 120px;}
.col-page-oem .col-1 > .container2 > h2{margin-bottom:36px;}
.col-page-oem .col-1 .content h3{margin-bottom:6px;}
.col-page-oem .col-1 .child{margin-top:50px;}
.col-page-oem .col-1 .item + .item{margin-top:24px;}
.col-page-oem .col-1 .item .inner,
.col-page-oem .col-1 .item:nth-child(even) .inner{padding:50px 40px;}
.col-page-oem .col-1 .item .inner h3{margin-bottom:12px;}
.col-page-oem .col-1 .item .s-content ul{margin-top:18px;}
.col-page-oem .col-1 .item .s-content ul:first-child{margin-top:6px;}
.col-page-oem .col-1 .item .s-content li{margin-bottom:10px;padding-left:20px;}
.col-page-oem .col-1 .item .s-content li::before{top:11px;width:7px;height:7px;}
.col-page-oem .col-2{padding:100px 0;}
.col-page-oem .col-2 > .container2 > h2{margin-bottom:36px;}
.col-page-oem .col-2 .content ul{column-gap:40px;margin-top:44px;}
.col-page-oem .col-2 .content li{padding:30px 14px 30px 20px;}
.col-page-oem .col-2 .content li:not(:nth-child(4n))::after{right:-20px;}
.col-page-oem .col-2 .content li:nth-child(-n+4)::after{bottom:24px;}
.col-page-oem .col-2 .content li:nth-child(n+5)::after{top:24px;}
.col-page-oem .col-2 .content li .icon{width:52px;height:52px;margin-bottom:12px;}
.col-page-oem .col-2 .content li .desc{margin-top:8px;}
}
@media (max-width:992px){
.col-page-oem .col-1{padding:80px 0;}
.col-page-oem .col-1 .item,
.col-page-oem .col-1 .item:nth-child(even){flex-direction:column;}
.col-page-oem .col-1 .item .img{width:100%;aspect-ratio:16/10;}
.col-page-oem .col-1 .item .inner,
.col-page-oem .col-1 .item:nth-child(even) .inner{width:100%;padding:40px 36px;}
.col-page-oem .col-2{padding:80px 0;}
.col-page-oem .col-2 .content ul{grid-template-columns:repeat(2,minmax(0,1fr));}
.col-page-oem .col-2 .content li:nth-child(-n+4){border-bottom:0;}
.col-page-oem .col-2 .content li:not(:nth-last-child(-n+2)){border-bottom:1px solid #e5e5e5;}
.col-page-oem .col-2 .content li::after{display:none;}
.col-page-oem .col-2 .content li:nth-child(odd)::after{display:block;top:24px;bottom:24px;}
}
@media (max-width:768px){
.col-page-oem .col-1{padding:60px 0;}
.col-page-oem .col-1 > .container2 > h2{margin-bottom:24px;}
.col-page-oem .col-1 .child{margin-top:36px;}
.col-page-oem .col-1 .item + .item{margin-top:20px;}
.col-page-oem .col-1 .item .inner,
.col-page-oem .col-1 .item:nth-child(even) .inner{padding:32px 24px;}
.col-page-oem .col-2{padding:60px 0;}
.col-page-oem .col-2 > .container2 > h2{margin-bottom:24px;}
.col-page-oem .col-2 .content ul{column-gap:24px;margin-top:32px;}
.col-page-oem .col-2 .content li{padding:24px 6px 24px 10px;}
.col-page-oem .col-2 .content li:nth-child(odd)::after{right:-12px;}
.col-page-oem .col-2 .content li .icon{width:46px;height:46px;}
}
@media (max-width:468px){
.col-page-oem .col-1{padding:50px 0;}
.col-page-oem .col-1 > .container2 > h2{margin-bottom:20px;}
.col-page-oem .col-1 .child{margin-top:28px;}
.col-page-oem .col-1 .item .inner,
.col-page-oem .col-1 .item:nth-child(even) .inner{padding:28px 20px;}
.col-page-oem .col-2{padding:50px 0;}
.col-page-oem .col-2 > .container2 > h2{margin-bottom:20px;}
.col-page-oem .col-2 .content ul{grid-template-columns:1fr;margin-top:24px;}
.col-page-oem .col-2 .content li{padding:22px 0;}
.col-page-oem .col-2 .content li:not(:nth-last-child(-n+2)){border-bottom:0;}
.col-page-oem .col-2 .content li:not(:last-child){border-bottom:1px solid #e5e5e5;}
.col-page-oem .col-2 .content li:nth-child(odd)::after{display:none;}
.col-page-oem .col-2 .content li h3{min-height:0;}
}
/* ---------- 整体：左分类 / 中问答 / 右联系卡片 ---------- */
.col-page-faq{padding:8.3vw 0;}
.col-page-faq .flex{display:grid;grid-template-columns:19.79vw minmax(0,1fr) 19.79vw;column-gap:1.77vw;align-items:start;}
/* ---------- 左侧分类 ---------- */
.col-page-faq .sider{padding:2.24vw 1.30vw 2.71vw;background:#f4f4f4;box-sizing:border-box;}
.col-page-faq .sider h3{margin:0 0 1.56vw;line-height:1.2;font-weight:500;color:#222;}
.col-page-faq .sider ul{margin:0;padding:0;list-style:none;}
.col-page-faq .sider li + li{margin-top:0.47vw;}
.col-page-faq .sider li a{display:block;padding:1.09vw 1.09vw;border:1px solid #e5e5e5;background:#fff;line-height:1.125;color:#222;transition:background-color .3s,border-color .3s,color .3s;}
.col-page-faq .sider li.active a{border-color:#e26126;background:#e26126;color:#fff;}
@media (hover:hover){
.col-page-faq .sider li a:hover{border-color:#e26126;background:#e26126;color:#fff;}
}
/* ---------- 中间问答手风琴 ---------- */
.col-page-faq .lists .list{margin:0;padding:0;list-style:none;}
.col-page-faq .lists .list li{border:1px solid #e5e5e5;background:#fff;}
.col-page-faq .lists .list li + li{margin-top:1.04vw;}
.col-page-faq .lists .list .title{display:flex;align-items:flex-start;justify-content:space-between;margin:0 1.30vw;padding:1.25vw 0;border-bottom:1px solid transparent;cursor:pointer;transition:border-color .3s;}
.col-page-faq .lists .list li.active .title{border-bottom-color:#e5e5e5;}
.col-page-faq .lists .list .title span{line-height:1.36;font-weight:500;color:#222;transition:color .3s;}
.col-page-faq .lists .list .title i{position:relative;flex-shrink:0;width:1.56vw;height:1.56vw;margin-left:1.56vw;}
.col-page-faq .lists .list .title i::before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#222;transform:translateY(-50%);}
.col-page-faq .lists .list .title i::after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:#222;transform:translateX(-50%);transition:transform .3s;}
.col-page-faq .lists .list li.active .title i::after{transform:translateX(-50%) scaleY(0);}
.col-page-faq .lists .list .content{display:none;padding:1.15vw 1.30vw 1.82vw;color:#888;}
.col-page-faq .lists .list li.active .content{display:block;}
.col-page-faq .lists .list .content p{margin:0;line-height:1.5;}
@media (hover:hover){
.col-page-faq .lists .list .title:hover span{color:#e26126;}
}
/* ---------- 右侧联系卡片 ---------- */
.col-page-faq .contact{padding:2.45vw 1.61vw 2.03vw;background:#222;box-sizing:border-box;}
.col-page-faq .contact .s-content p{margin:0;line-height:1.8;color:#fff;}
.col-page-faq .contact .s-content p:first-child{line-height:0;}
.col-page-faq .contact .s-content p:first-child img{display:block;width:2.29vw;height:auto;}
.col-page-faq .contact .s-content h4{margin:1.61vw 0 0;line-height:1.36;font-weight:600;color:#fff;}
.col-page-faq .contact .s-content h4 + p{margin-top:0.83vw;line-height:1.375;color:#999;}
.col-page-faq .contact .more{display:flex;align-items:center;height:2.81vw;margin:3.91vw 0.47vw 0;padding:0 0.16vw 0 0;border-radius:1.41vw;background:#fff;box-sizing:border-box;}
.col-page-faq .contact .more span{flex:1;font-weight:500;color:#222;text-align:center;text-transform:uppercase;transition:color .3s;}
.col-page-faq .contact .more i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.50vw;height:2.50vw;border-radius:50%;background:#e26126;color:#fff;transition:transform .3s;}
@media (hover:hover){
.col-page-faq .contact .more:hover span{color:#e26126;}
.col-page-faq .contact .more:hover i{transform:rotate(45deg);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-faq{padding:100px 0;}
.col-page-faq .flex{grid-template-columns:260px minmax(0,1fr);column-gap:30px;row-gap:30px;}
.col-page-faq .sider{grid-row:span 2;padding:30px 20px 36px;}
.col-page-faq .sider h3{margin-bottom:20px;}
.col-page-faq .sider li + li{margin-top:8px;}
.col-page-faq .sider li a{padding:16px;}
.col-page-faq .lists .list li + li{margin-top:16px;}
.col-page-faq .lists .list .title{margin:0 20px;padding:20px 0;}
.col-page-faq .lists .list .title i{width:24px;height:24px;margin-left:20px;}
.col-page-faq .lists .list .content{padding:18px 20px 26px;}
.col-page-faq .contact{grid-column:2;padding:36px 30px;}
.col-page-faq .contact .s-content p:first-child img{width:40px;}
.col-page-faq .contact .s-content h4{margin-top:22px;}
.col-page-faq .contact .s-content h4 + p{margin-top:12px;}
.col-page-faq .contact .more{max-width:300px;height:50px;margin:36px 0 0;padding-right:3px;border-radius:25px;}
.col-page-faq .contact .more i{width:44px;height:44px;}
}
@media (max-width:992px){
.col-page-faq{padding:80px 0;}
.col-page-faq .flex{grid-template-columns:minmax(0,1fr);}
.col-page-faq .sider{grid-row:auto;padding:24px 20px;}
.col-page-faq .sider ul{display:flex;flex-wrap:wrap;gap:8px;}
.col-page-faq .sider li + li{margin-top:0;}
.col-page-faq .sider li a{padding:12px 16px;}
.col-page-faq .contact{grid-column:auto;}
}
@media (max-width:768px){
.col-page-faq{padding:60px 0;}
.col-page-faq .sider h3{margin-bottom:16px;}
.col-page-faq .sider ul{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.col-page-faq .sider ul::-webkit-scrollbar{display:none;}
.col-page-faq .sider li{flex-shrink:0;}
.col-page-faq .sider li a{white-space:nowrap;}
.col-page-faq .lists .list li + li{margin-top:12px;}
.col-page-faq .lists .list .title{padding:18px 0;}
.col-page-faq .contact{padding:30px 24px;}
}
@media (max-width:468px){
.col-page-faq{padding:50px 0;}
.col-page-faq .flex{row-gap:24px;}
.col-page-faq .sider{padding:20px 16px;}
.col-page-faq .lists .list .title{margin:0 16px;padding:16px 0;}
.col-page-faq .lists .list .title i{width:20px;height:20px;margin-left:14px;}
.col-page-faq .lists .list .content{padding:14px 16px 20px;}
.col-page-faq .contact{padding:28px 20px;}
.col-page-faq .contact .more{max-width:none;}
}
/* ---------- 整体 ---------- */
.col-page-news{padding:8.33vw 0;}
/* ---------- 列表：3 列网格 ---------- */
.col-page-news .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2.34vw;row-gap:4.01vw;margin:0;padding:0;list-style:none;}
.col-page-news .list li{min-width:0;}
.col-page-news .list li > a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;}
/* ---------- 卡片：图片 ---------- */
.col-page-news .list .img{position:relative;aspect-ratio:510/363;overflow:hidden;background:#f4f4f4;}
.col-page-news .list .img img{position:absolute;left:0;top:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
/* ---------- 卡片：标题（固定两行，超出省略） ---------- */
.col-page-news .list h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.82em;margin:1.35vw 0 1.88vw;overflow:hidden;line-height:1.41;font-weight:500;color:#222;transition:color .3s;}
/* ---------- 卡片：底部信息 ---------- */
.col-page-news .list .info{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1.35vw;border-top:1px solid #e5e5e5;}
.col-page-news .list .more{display:flex;align-items:center;}
.col-page-news .list .more span{line-height:1.2;font-weight:500;color:#222;text-transform:uppercase;transition:color .3s;}
.col-page-news .list .more i{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.67vw;height:1.67vw;margin-left:0.78vw;border-radius:50%;background:#e26126;color:#fff;transition:transform .3s;}
.col-page-news .list .date{line-height:1.2;color:#999;white-space:nowrap;}
@media (hover:hover){
.col-page-news .list li > a:hover .img img{transform:scale(1.05);}
.col-page-news .list li > a:hover h3{color:#e26126;}
.col-page-news .list li > a:hover .more span{color:#e26126;}
.col-page-news .list li > a:hover .more i{transform:rotate(45deg);}
}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-news{padding:100px 0;}
.col-page-news .list{column-gap:30px;row-gap:50px;}
.col-page-news .list h3{margin:20px 0 24px;}
.col-page-news .list .info{padding-top:18px;}
.col-page-news .list .more i{width:30px;height:30px;margin-left:12px;}
}
@media (max-width:992px){
.col-page-news{padding:80px 0;}
.col-page-news .list{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:768px){
.col-page-news{padding:60px 0;}
.col-page-news .list{column-gap:20px;row-gap:40px;}
.col-page-news .list h3{margin:16px 0 20px;}
.col-page-news .list .info{padding-top:16px;}
.col-page-news .list .more i{width:28px;height:28px;margin-left:10px;}
}
@media (max-width:468px){
.col-page-news{padding:50px 0;}
.col-page-news .list{grid-template-columns:minmax(0,1fr);row-gap:36px;}
.col-page-news .list h3{min-height:0;}
}
.col-news-detail{padding: 8.33vw 0;background: #f6f6f6;}
.col-news-detail h1{font-weight: bold;}
.col-news-detail .info{padding: 12px 0 15px;border-bottom: 1px dotted #c6c6c6;margin-bottom: 4vh;font-size: 12px;display: flex;flex-wrap: wrap;}
.col-news-detail .info span.publisher{color:#e26126;margin: 0 5px;}
.col-news-detail .content{line-height: 1.875;}
.col-news-detail .content p{margin-bottom: 5px;}
.col-news-detail .content h2{font-weight: bold;margin: 5px 0 12px;font-size: 1.875rem;}
.col-news-detail .content h3{font-weight: bold;margin: 2px 0 8px;font-size: 1.65rem;}
.col-news-detail .content h4{font-weight: bold;margin: 0 0 4px;font-size: 1.5rem;}
.col-news-detail .content hr{border-color: #e26126;margin: 3vh 0;width: 100%;}
.col-news-detail .content table{width: 100% !important;border: none;}
.col-news-detail .content table td{border: none;padding: 1.25vw 0;font-weight: 500;}
.col-news-detail .content table tr:nth-child(1){border-bottom: 1px solid #888888;}
.col-news-detail .content table tr:nth-child(1) td{padding: 1.3vw 0;color:#6d6d6d;font-weight: normal;}
.col-news-detail .content a{display: inline-block;border-bottom: 1px solid;color:#e26126;}
.col-news-detail .col_page{margin-top: 9vh;}
.col-news-detail .col_page li{padding: 8px 0;color:#5a5a5a;}
.col-news-detail .col_page li:not(:last-child){border-bottom: 1px dotted #c6c6c6;} 
.col-news-detail .col_page li a{color:#9d9d9d;transition: 0.2s;}
.col-news-detail .col_page li a:hover{color:#e26126;}
/* ---------- 整体 ---------- */
.col-page-contact{padding:8.33vw 0;}
.col-page-contact .container2 > h2{margin:0 auto 3.13vw;line-height:1.05;color:#222;text-align:center;max-width: 822px;}
/* ---------- 主体卡片：左信息 / 右表单，中间竖线 ---------- */
.col-page-contact .wrap{display:flex;align-items:stretch;padding:4.79vw 4.69vw 4.79vw 4.64vw;background:#f9f8f6;}
.col-page-contact .left{flex-shrink:0;width:50%;padding-right:3.65vw;border-right:1px solid #e5e5e5;box-sizing:border-box;}
.col-page-contact .right{flex:1;min-width:0;padding-left:4.95vw;box-sizing:border-box;}
/* ---------- 左侧：标题 + 说明 ---------- */
.col-page-contact .left .content h3{position:relative;margin:0 0 1.25vw;padding-bottom:1.25vw;line-height:1.2;font-weight:600;color:#222;}
.col-page-contact .left .content h3::after{content:"";position:absolute;left:0;bottom:0;width:2.81vw;height:3px;background:#e26126;}
.col-page-contact .left .content p{margin:0;line-height:1.33;color:#222;}
/* ---------- 左侧：联系方式 ---------- */
.col-page-contact .left .info{margin-top:2.81vw;}
.col-page-contact .left .info ul{max-width:24.48vw;margin:0;padding:0;list-style:none;}
.col-page-contact .left .info li{display:flex;align-items:flex-start;}
.col-page-contact .left .info li + li{margin-top:0.78vw;}
.col-page-contact .left .info li i{flex-shrink:0;width:1.51vw;line-height:1.25;color:#e26126;}
.col-page-contact .left .info li span{line-height:1.4;color:#666;word-break:break-word;}
/* ---------- 左侧：二维码 ---------- */
.col-page-contact .left .code{margin-top:4.17vw;line-height:0;}
.col-page-contact .left .code img{display:block;width:12.40vw;max-width:100%;height:auto;}
/* ---------- 右侧：表单 ---------- */
.col-page-contact .right .title{margin:0 0 1.46vw;line-height:1.5;color:#222;}
.col-page-contact .right .title .star{color:#e26126;}
.col-page-contact .right form ul{margin:0;padding:0;list-style:none;}
.col-page-contact .right form li + li{margin-top:0.78vw;}
.col-page-contact .right form input[type="text"],
.col-page-contact .right form textarea{display:block;width:100%;height:3.13vw;margin:0;padding:0 1.82vw;border:1px solid #e5e5e5;border-radius:0;background:#fff;line-height:1.5;color:#222;font-family:inherit;outline:none;box-sizing:border-box;-webkit-appearance:none;appearance:none;transition:border-color .3s;}
.col-page-contact .right form textarea{height:8.85vw;padding-top:1.04vw;padding-bottom:1.04vw;resize:vertical;}
.col-page-contact .right form input[type="text"]:focus,
.col-page-contact .right form textarea:focus{border-color:#e26126;}
.col-page-contact .right form input::placeholder,
.col-page-contact .right form textarea::placeholder{color:#777;opacity:1;}
/* ---------- 右侧：验证码 ---------- */
.col-page-contact .right li.code{display:flex;align-items:stretch;gap:0.78vw;}
.col-page-contact .right li.code input{flex:1;min-width:0;}
.col-page-contact .right li.code img{flex-shrink:0;display:block;width:7.81vw;height:3.13vw;border:1px solid #e5e5e5;background:#fff;object-fit:cover;box-sizing:border-box;cursor:pointer;}
/* ---------- 右侧：提交按钮（深色胶囊 + 右侧橙色圆箭头） ---------- */
.col-page-contact .right .col-sub{position:relative;width:11.46vw;height:2.86vw;margin-top:2.03vw;}
.col-page-contact .right .col-sub .sub{display:block;width:100%;height:100%;margin:0;padding:0 2.60vw 0 0;border:0;border-radius:1.43vw;background:#222;color:#fff;font-weight:500;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .3s;font-family: 'Poppins';}
.col-page-contact .right .col-sub::after{content:"";position:absolute;right:0.16vw;top:50%;width:2.50vw;height:2.50vw;border-radius:50%;background:#e26126 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M8 7h9v9'/%3E%3C/svg%3E") center/40% no-repeat;transform:translateY(-50%);pointer-events:none;transition:transform .3s;}
@media (hover:hover){
.col-page-contact .right .col-sub:hover .sub{background:#3a3a3a;}
.col-page-contact .right .col-sub:hover::after{transform:translateY(-50%) rotate(45deg);}
}
/* ---------- 地图 ---------- */
.col-page-contact .map{margin-top:3.70vw;}
.col-page-contact .map p{margin:0;line-height:0;}
.col-page-contact .map iframe{display:block;width:100%;height:41.67vw;border:0;}
/* ---------- 响应式 ---------- */
@media (max-width:1200px){
.col-page-contact{padding:100px 0;}
.col-page-contact .container2 > h2{margin-bottom:44px;}
.col-page-contact .wrap{padding:60px 50px;}
.col-page-contact .left{padding-right:40px;}
.col-page-contact .right{padding-left:50px;}
.col-page-contact .left .content h3{margin-bottom:20px;padding-bottom:18px;}
.col-page-contact .left .content h3::after{width:44px;}
.col-page-contact .left .info{margin-top:36px;}
.col-page-contact .left .info ul{max-width:420px;}
.col-page-contact .left .info li + li{margin-top:12px;}
.col-page-contact .left .info li i{width:26px;}
.col-page-contact .left .code{margin-top:50px;}
.col-page-contact .left .code img{width:200px;}
.col-page-contact .right .title{margin-bottom:22px;}
.col-page-contact .right form li + li{margin-top:12px;}
.col-page-contact .right form input[type="text"],
.col-page-contact .right form textarea{height:54px;padding:0 20px;}
.col-page-contact .right form textarea{height:150px;padding-top:16px;padding-bottom:16px;}
.col-page-contact .right li.code{gap:12px;}
.col-page-contact .right li.code img{width:130px;height:54px;}
.col-page-contact .right .col-sub{width:200px;height:52px;margin-top:32px;}
.col-page-contact .right .col-sub .sub{padding-right:46px;border-radius:26px;}
.col-page-contact .right .col-sub::after{right:4px;width:44px;height:44px;}
.col-page-contact .map{margin-top:60px;}
.col-page-contact .map iframe{height:500px;}
}
@media (max-width:992px){
.col-page-contact{padding:80px 0;}
.col-page-contact .wrap{flex-direction:column;padding:50px 40px;}
.col-page-contact .left{width:100%;padding:0 0 40px;border-right:0;border-bottom:1px solid #e5e5e5;}
.col-page-contact .right{padding:40px 0 0;}
.col-page-contact .left .info ul{max-width:none;}
.col-page-contact .map iframe{height:450px;}
}
@media (max-width:768px){
.col-page-contact{padding:60px 0;}
.col-page-contact .container2 > h2{margin-bottom:32px;}
.col-page-contact .wrap{padding:40px 24px;}
.col-page-contact .left{padding-bottom:32px;}
.col-page-contact .right{padding-top:32px;}
.col-page-contact .left .code{margin-top:36px;}
.col-page-contact .right form input[type="text"],
.col-page-contact .right form textarea{height:50px;padding:0 16px;}
.col-page-contact .right form textarea{height:140px;padding-top:14px;padding-bottom:14px;}
.col-page-contact .right li.code img{width:120px;height:50px;}
.col-page-contact .right .col-sub{width:180px;height:50px;margin-top:28px;}
.col-page-contact .right .col-sub .sub{border-radius:25px;}
.col-page-contact .right .col-sub::after{width:42px;height:42px;}
.col-page-contact .map{margin-top:40px;}
.col-page-contact .map iframe{height:380px;}
}
@media (max-width:468px){
.col-page-contact{padding:50px 0;}
.col-page-contact .container2 > h2{margin-bottom:24px;}
.col-page-contact .wrap{padding:32px 20px;}
.col-page-contact .left .code img{width:180px;}
.col-page-contact .right .col-sub{width:100%;}
.col-page-contact .right .col-sub .sub{padding-right:0;}
.col-page-contact .map{margin-top:32px;}
.col-page-contact .map iframe{height:320px;}
}
/* media */
@media (max-width: 1800px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1460px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 468px) {
}