@charset "utf-8";
@charset "utf-8";
@font-face {
  font-family: "FjallaOne";
  font-weight: regular;
  src: url("../fonts/FjallaOne-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Onsite";
  font-weight: 200;
  src: url("../fonts/OnsiteExtraLight.otf") format("opentype");
}
@font-face {
  font-family: "Onsite";
  font-weight: 300;
  src: url("../fonts/OnsiteLight.otf") format("opentype");
}
@font-face {
  font-family: "Onsite";
  font-weight: regular;
  src: url("../fonts/Onsite.otf") format("opentype");
}
@font-face {
  font-family: "Onsite";
  font-weight: 500;
  src: url("../fonts/OnsiteMedium.otf") format("opentype");
}
@font-face {
  font-family: "Onsite";
  font-weight: bold;
  src: url("../fonts/OnsiteBlod.otf") format("opentype");
}
@font-face {
  font-family: "Onsite";
  font-weight: 800;
  src: url("../fonts/OnsiteExtraBlod.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');
}
*{margin:0;padding: 0;}
html{overflow-x: hidden;font-size: 16px;}
body {min-width: 320px;color: #000000;font-family:"Onsite","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 9.9vw;}
.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: #e71c16;}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track{border-radius: 0;background-color: #f6f6f6;}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb{border-radius: 0;background-color: #e71c16;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: #e71c16;/* 设置Swiper风格 */
  --swiper-preloader-color: #e71c16;/* 单独设置预加载圆圈的颜色 */
}


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: 5.208vw;min-height: 50px;}
.header{width: 100%;z-index: 991;position: fixed;top:0;left: 0;transition: 0.25s ease-in-out;background: transparent;border-bottom: 1px solid rgba(255,255,255,.15);}
.header .inner .flex{height:6.25vw;min-height: 50px;align-items: center;transition: .25s ease-in-out;}
.header .logo{font-size: 0;position: relative;margin-right: auto;}
.header .logo img{width: 6.09vw;min-width: 60px;transition: .25s ease-in-out;}
.header nav{height: 100%;}
.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: 2.19vw;position: relative;height: 100%;}
.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}
.header .inner nav ul li .child {position: absolute;top: 100%;left: -20px;background: #000000;min-width: 260px;box-shadow: 0 24px 24px rgba(0,0,0,0.08);opacity: 0;transform: translateY(10px);pointer-events: none;transition: all 0.25s ease;padding: 10px 0;}
.header .inner nav ul li .child a {display: block;padding: 6px 20px;text-decoration: none;color: #fff;transition: background 0.2s ease;}
.header .inner nav ul li .child a:hover {background: #e71c16;}
.header .inner nav ul li:hover .child {opacity: 1;transform: translateY(0);pointer-events: auto;}
.header .index-search{margin:0 15px 0 3.33vw;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: #e71c16;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: #e71c16; 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: #e71c16;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: #e71c16;}

.header.active ,.header.cur{top: 0;background: #000000;box-shadow: 0 5px 12px 0 rgba(0,0,0,0.08);}
.header.on{box-shadow: none;}
/* .header.on .index-search>a,.header.on .change-language .change-language-title a{color:#000} */



.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;}
.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;}
.language-flag span {position: relative;white-space: nowrap;padding: 0 0 0 12px;}
.language-flag img {position: absolute;left: 0;top: 50%;display: inline-block;vertical-align: top;background-repeat: no-repeat;width: 22px;height: 16px;margin: -8px 5px 0;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 通用 ============ */
.col-banner {transition: 0.5s all ease;position: relative;padding: 0 !important;font-size: 0;width: 100%;z-index: 2;}
.col-banner .banner-container .swiper-slide{font-size: 0;position: relative;height: auto;max-height: 100vh;}
.col-banner .banner-container .swiper-slide .img {width: 100%;height: 100%;}
.col-banner .banner-container .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;}
.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%);}

/* ============ 首页 banner 布局 ============ */
#col-index-banner .banner-container .swiper-slide .ban_cont {top: auto;transform: none;bottom: 4.58vw;}
#col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content{max-width: 750px;line-height: 1.588;}
#col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content h3{font-weight: bold;line-height: 1.12;margin-top: 11px;}

/* ============ 首页 banner 图片缓推 ============ */
#col-index-banner .banner-container .swiper-slide .img{overflow: hidden;}
#col-index-banner .banner-container .swiper-slide .img img{transform: scale(1);transition: transform 1s ease;will-change: transform;}
#col-index-banner .banner-container .swiper-slide-active .img img{animation: banKen 5s ease-out both;}
@keyframes banKen{from{transform: scale(1);}to{transform: scale(1.06);}}

/* ============ 首页 banner 文字进出场 ============ */
/* 基础态 = 退场参数：快、无延迟 */
#col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content p,
#col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content h3{opacity: 0;transform: translateY(38px);transition: opacity .35s ease, transform .35s ease;transition-delay: 0s;}
/* 激活态 = 进场参数：慢、有错位延迟 */
#col-index-banner .banner-container .swiper-slide-active .ban_cont .content .s-content p{opacity: 1;transform: translateY(0);transition: opacity .85s cubic-bezier(.22,.61,.36,1), transform .85s cubic-bezier(.22,.61,.36,1);transition-delay: .3s;}
#col-index-banner .banner-container .swiper-slide-active .ban_cont .content .s-content h3{opacity: 1;transform: translateY(0);transition: opacity .95s cubic-bezier(.22,.61,.36,1), transform .95s cubic-bezier(.22,.61,.36,1);transition-delay: .45s;}

/* ============ 无障碍降级 ============ */
@media (prefers-reduced-motion: reduce){
  #col-index-banner .banner-container .swiper-slide-active .img img{animation: none;}
  #col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content p,
  #col-index-banner .banner-container .swiper-slide .ban_cont .content .s-content h3{opacity: 1;transform: none;transition: none;}
}
#col-banner .swiper-slide h2{font-weight: 500;margin-bottom: 1vw;}
#col-banner .swiper-slide .mbx{display: flex;align-items: center;}
#col-banner .swiper-slide .mbx i{margin: 0 5px;}
#col-banner .swiper-slide .mbx a{color:#fff;}

:root{--pc-main:#e71c16;--pc-ease:cubic-bezier(.165,.84,.44,1);--pc-ease-io:cubic-bezier(.4,0,.2,1);}

.col-index-product{padding:6.25vw 0;position:relative;overflow:hidden;}
.col-index-product .flex{display:flex;align-items:center;margin-bottom:6.25vw;justify-content:space-between;}
.col-index-product .flex h2{font-weight:bold;}
.col-index-product .flex .swiper-buttons{position:relative;display:flex;}
.col-index-product .flex .swiper-buttons .swiper-button{position:relative;width:3.125vw;height:3.125vw;min-width:24px;min-height:24px;border-radius:5px;border:1px solid rgba(34,34,34,.3);display:flex;align-items:center;justify-content:center;top:auto;left:auto !important;right:auto !important;opacity:1;outline:none;pointer-events:inherit;margin-top:0;color:#000;margin-right:10px;overflow:hidden;transition:border-color .3s var(--pc-ease-io),color .3s var(--pc-ease-io),background .3s var(--pc-ease-io);}
.col-index-product .flex .swiper-buttons .swiper-button::after{display:none;}
.col-index-product .flex .swiper-buttons .swiper-button:hover{border-color:var(--pc-main);color:var(--pc-main);}
.col-index-product .flex .swiper-buttons .swiper-button i.iconfont{font-weight:bold;transition:transform .4s var(--pc-ease);}
.col-index-product .flex .swiper-buttons .swiper-button-prev:hover i.iconfont{transform:translateX(-4px);}
.col-index-product .flex .swiper-buttons .swiper-button-next:hover i.iconfont{transform:translateX(4px);}
.col-index-product .flex .swiper-buttons .swiper-button.swiper-button-disabled{opacity:.35;pointer-events:none;}
.col-index-product .flex .swiper-buttons a.more{padding:0 20px;border-radius:5px;border:1px solid rgba(34,34,34,.3);display:flex;align-items:center;transition:.25s var(--pc-ease-io);}
.col-index-product .flex .swiper-buttons a.more span{margin-right:1.25vw;font-weight:300;}
.col-index-product .flex .swiper-buttons a.more i.iconfont{font-weight:bold;transition:transform .4s var(--pc-ease);}
.col-index-product .flex .swiper-buttons a.more:hover{border-color:var(--pc-main);background:var(--pc-main);color:#fff;}
.col-index-product .flex .swiper-buttons a.more:hover i.iconfont{transform:translateX(5px);}

.col-index-product .swiper{overflow:visible;}
.col-index-product .swiper-slide .overflow{display:block;}
.col-index-product .swiper-slide .img{height:31.25vw;position:relative;overflow:hidden;}
.col-index-product .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transform:scale(1);backface-visibility:hidden;transition:transform 1.2s var(--pc-ease);}
.col-index-product .swiper-slide .img::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0) 60%);opacity:0;transition:opacity .6s var(--pc-ease-io);}
.col-index-product .swiper-slide .img .content{position:absolute;display:block;z-index:2;width:92%;bottom:2.083vw;left:4%;color:#fff;padding:2.083vw 1.875vw 2.5vw;line-height:1.75;font-weight:300;background:rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(36%);will-change:transform,opacity;transition:opacity .5s var(--pc-ease-io),transform .7s var(--pc-ease),visibility 0s linear .5s;}
.col-index-product .swiper-slide .img .content p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;opacity:0;transform:translateY(10px);transition:opacity .5s var(--pc-ease-io) .12s,transform .5s var(--pc-ease) .12s;}
.col-index-product .swiper-slide .img .content i.iconfont{width:3.44vw;height:3.44vw;border-radius:50%;background:var(--pc-main);color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;right:1.563vw;top:0;transform:translateY(-50%) scale(0) rotate(-60deg);transition:transform .55s var(--pc-ease) .1s;}
.col-index-product .swiper-slide .title{position:relative;display:inline-block;margin-top:2.71vw;font-weight:bold;transition:color .25s var(--pc-ease-io);}
.col-index-product .swiper-slide .title::after{content:'';position:absolute;left:0;bottom:-.4em;width:100%;height:2px;background:var(--pc-main);transform:scaleX(0);transform-origin:right center;transition:transform .55s var(--pc-ease);}

@media (hover:hover) and (pointer:fine){
  .col-index-product .swiper-slide:hover .img img{transform:scale(1.08);}
  .col-index-product .swiper-slide:hover .img::after{opacity:1;}
  .col-index-product .swiper-slide:hover .img .content{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .5s var(--pc-ease-io),transform .7s var(--pc-ease),visibility 0s;}
  .col-index-product .swiper-slide:hover .img .content p{opacity:1;transform:none;}
  .col-index-product .swiper-slide:hover .img .content i.iconfont{transform:translateY(-50%) scale(1) rotate(0);}
  .col-index-product .swiper-slide:hover .title{color:var(--pc-main);}
  .col-index-product .swiper-slide:hover .title::after{transform:scaleX(1);transform-origin:left center;}
}

@media (hover:none){
  .col-index-product .swiper-slide-active .img::after{opacity:1;}
  .col-index-product .swiper-slide-active .img .content{opacity:1;visibility:visible;transform:none;}
  .col-index-product .swiper-slide-active .img .content p{opacity:1;transform:none;}
  .col-index-product .swiper-slide-active .img .content i.iconfont{transform:translateY(-50%) scale(1) rotate(0);}
}

.col-index-product [data-reveal]{opacity:0;transform:translateY(60px);transition:opacity .9s var(--pc-ease) var(--d,0s),transform .9s var(--pc-ease) var(--d,0s);}
.col-index-product [data-reveal].is-inview{opacity:1;transform:none;}
.col-index-product [data-reveal] .img img{transform:scale(1.18);transition:transform 1.4s var(--pc-ease) var(--d,0s);}
.col-index-product [data-reveal].is-inview .img img{transform:scale(1);}
.col-index-product.no-js [data-reveal]{opacity:1;transform:none;}
.col-index-product.no-js [data-reveal] .img img{transform:none;}

@media (max-width:1024px){
  .col-index-product{padding:60px 0;}
  .col-index-product .flex{margin-bottom:30px;}
  .col-index-product .swiper-slide .img{height:60vw;}
  .col-index-product .swiper-slide .img .content{bottom:15px;padding:20px 18px 22px;}
  .col-index-product .swiper-slide .img .content i.iconfont{width:36px;height:36px;right:18px;}
  .col-index-product .swiper-slide .title{margin-top:16px;}
  .col-index-product [data-reveal]{transform:translateY(36px);}
}

@media (max-width:768px){
  .col-index-product{padding:44px 0;}
  .col-index-product .flex{flex-wrap:wrap;gap:16px;}
  .col-index-product .flex .swiper-buttons a.more{padding:0 12px;}
  .col-index-product .flex .swiper-buttons a.more span{margin-right:10px;}
  .col-index-product .swiper-slide .img{height:78vw;}
}

@media (prefers-reduced-motion:reduce){
  .col-index-product *,.col-index-product *::after,.col-index-product *::before{transition-duration:.01ms !important;animation:none !important;}
  .col-index-product [data-reveal]{opacity:1;transform:none;}
  .col-index-product [data-reveal] .img img{transform:none;}
}

.col-index-solution{position:relative;color:#fff;overflow:hidden;}
.col-index-solution .content{width:100%;position:absolute;left:0;top:5.73vw;z-index:2;}
.col-index-solution .content .name{text-transform:uppercase;margin-bottom:6px;}
.col-index-solution .content .desc{font-weight:bold;}

.col-index-solution ul.list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;}
.col-index-solution ul.list li{flex:1 1 25%;width:25%;position:relative;overflow:hidden;cursor:pointer;}
.col-index-solution ul.list li .img img{width:100%;height:100%;min-height:38vw;object-fit:cover;display:block;transition:transform 1s ease;}
.col-index-solution ul.list li::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0) 60%);transition:background .5s ease;}

.col-index-solution ul.list li .title{width:100%;position:absolute;left:0;text-align:center;bottom:10%;z-index:2;transition:transform .5s ease;}
.col-index-solution ul.list li .title .icon img{width:4.32vw;min-width:32px;transition:transform .5s ease;}
.col-index-solution ul.list li .title h3{font-weight:500;margin-top:1.875vw;position:relative;display:inline-block;}
.col-index-solution ul.list li .title h3::after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:#e71c16;transform:scaleX(0);transition:transform .5s ease;}

.col-index-solution ul.list li:hover .img img{transform:scale(1.08);}
.col-index-solution ul.list li:hover::before{background:linear-gradient(to top,rgba(231,28,22,.6),rgba(0,0,0,.2) 60%);}
.col-index-solution ul.list li:hover .title{transform:translateY(-10px);}
.col-index-solution ul.list li:hover .title .icon img{transform:scale(1.1);}
.col-index-solution ul.list li:hover .title h3::after{transform:scaleX(1);}

.col-index-solution [data-reveal]{opacity:0;transform:translateY(50px);transition:opacity .8s ease var(--d,0s),transform .8s ease var(--d,0s);}
.col-index-solution [data-reveal].is-inview{opacity:1;transform:none;}

.col-index-about {padding: 6.25vw 0;}
.col-index-about .content{margin-bottom: 8.96vw;}
.col-index-about .content ul{display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;}
.col-index-about .content ul li{width: 48%;font-weight: 300;line-height: 1.75;}
.col-index-about .content ul li h3{font-weight: bold;}
.col-index-about .num ul{display: flex;justify-content: space-between;}
.col-index-about .num ul li{width: 22%;}
.col-index-about .num ul li p:nth-child(1){border-bottom: 1px solid #777777;font-weight: bold;margin-bottom: 10px;}
.col-index-about .num ul li p:nth-child(1) .odometer{font-family: 'Onsite';line-height: 1;vertical-align: baseline;}
.col-index-about .num ul li:nth-child(1) .odometer-formatting-mark{display: none;}

.col-index-strength{position:relative;overflow:hidden;z-index:1;}
.col-index-strength .swiper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;}
.col-index-strength .swiper .swiper-slide{overflow:hidden;}
.col-index-strength .swiper .swiper-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s linear;}
.col-index-strength .swiper .swiper-slide-active img{transform:scale(1);}
.col-index-strength::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0) 60%);}

.col-index-strength .wrap{padding:13.02vw 0 0;display:flex;justify-content:flex-end;}
.col-index-strength .wrap .content{padding:3.125vw 3.125vw 5.36vw;background:rgba(0,0,0,.8);color:#fff;}
.col-index-strength .wrap .content .name{text-transform:uppercase;margin-bottom:2vh;padding-bottom:2.4vh;position:relative;}
.col-index-strength .wrap .content .name::after{content:'';width:4.17vw;height:2px;background:rgba(255,255,255,.3);position:absolute;left:0;bottom:0;}
.col-index-strength .wrap .content h2{font-weight:bold;margin-bottom:4.01vw;}

.col-index-strength .wrap .content ul.list{margin:0;padding:0;list-style:none;}
.col-index-strength .wrap .content ul.list li{margin-bottom:2.083vw;padding-left:1.563vw;position:relative;cursor:pointer;border-left:2px solid rgba(255,255,255,.25);transition:border-color .5s ease,padding-left .5s ease;}
.col-index-strength .wrap .content ul.list li:last-child{margin-bottom:0;}
.col-index-strength .wrap .content ul.list li::before{content:'';position:absolute;left:-2px;top:0;width:2px;height:100%;background:#e71c16;transform:scaleY(0);transform-origin:top center;transition:transform .6s cubic-bezier(.165,.84,.44,1);}
.col-index-strength .wrap .content ul.list li .title{font-weight:500;opacity:.65;transition:opacity .4s ease,transform .5s ease;}
.col-index-strength .wrap .content ul.list li .s-content{color:rgba(255,255,255,.7);display:block;overflow:hidden;max-height:0;opacity:0;margin-top:0;transition:max-height .6s cubic-bezier(.165,.84,.44,1),opacity .5s ease,margin-top .6s ease;}

.col-index-strength .wrap .content ul.list li:hover .title{opacity:1;}
.col-index-strength .wrap .content ul.list li.active{border-color:transparent;}
.col-index-strength .wrap .content ul.list li.active::before{transform:scaleY(1);}
.col-index-strength .wrap .content ul.list li.active .title{opacity:1;transform:translateX(4px);}
.col-index-strength .wrap .content ul.list li.active .s-content{max-height:200px;opacity:1;margin-top:10px;}

.col-index-strength [data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .8s ease var(--d,0s),transform .8s ease var(--d,0s);}
.col-index-strength [data-reveal].is-inview{opacity:1;transform:none;}

@media (max-width:1024px){
  .col-index-strength .wrap{padding:80px 0 0;justify-content:center;}
  .col-index-strength .wrap .content{padding:32px 24px 40px;width:100%;}
  .col-index-strength .wrap .content h2{margin-bottom:28px;}
  .col-index-strength .wrap .content ul.list li{margin-bottom:20px;padding-left:16px;}
}

.col-index-project{padding: 6.25vw 0;}
.col-index-project .flex{align-items: flex-end;justify-content: space-between;margin-bottom: 5.47vw;margin-bottom: 5.63vw;}
.col-index-project .flex h2{font-weight: bold;}
.col-index-project .flex .child{display: flex;flex-wrap: wrap;}
.col-index-project .flex .child .item{padding: 0 11px 13px;position: relative;border-bottom: 2px solid #eff1f5;transition: .25s ease-in-out;margin-right: 1.66vw;cursor: pointer;}
.col-index-project .flex .child .item:last-child{margin-right: 0;}
.col-index-project .flex .child .item.active,.col-index-project .flex .child .item:hover{color:#e71c16;border-color: #e71c16;}
.col-index-project .slides .box{display: none;}
.col-index-project .slides .box.active{display: block;}
.col-index-project .slides .box .swiper{padding-bottom: calc(24px + 5.94vw);}
.col-index-project .slides .box .swiper-slide .img{overflow: hidden;}
.col-index-project .slides .box .swiper-slide .title{margin-top: 1.46vw;}
.col-index-project .slides .box .swiper-button{position:absolute;margin-top: 0;top: auto;bottom: 0;width:3.125vw;height:3.125vw;min-width:24px;min-height:24px;border-radius:5px;border:1px solid rgba(34,34,34,.3);display:flex;align-items:center;justify-content:center;opacity:1;outline:none;pointer-events:inherit;margin-top:0;color:#000;overflow:hidden;transition:border-color .3s var(--pc-ease-io),color .3s var(--pc-ease-io),background .3s var(--pc-ease-io);}
.col-index-project .slides .box .swiper-button::after{display:none;}
.col-index-project .slides .box .swiper-button:hover{border-color:var(--pc-main);color:var(--pc-main);}
.col-index-project .slides .box .swiper-button i.iconfont{font-weight:bold;transition:transform .4s var(--pc-ease);}
.col-index-project .slides .box .swiper-button-prev{left: 0;}
.col-index-project .slides .box .swiper-button-next{right:auto;left: calc(24px + 2.5vw);}
.col-index-project .slides .box .swiper-button-prev:hover i.iconfont{transform:translateX(-4px);}
.col-index-project .slides .box .swiper-button-next:hover i.iconfont{transform:translateX(4px);}

.col-index-advantages{padding: 6.25vw 0;}
.col-index-advantages h2{color:#fff;font-weight: bold;margin-bottom: 5vw;}
.col-index-advantages ul.list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-index-advantages ul.list li{border-radius: 8px;overflow: hidden;position: relative;width: calc(25% - 10px);z-index: 1;background: #f8f8f8;transition:transform .5s var(--pc-ease),box-shadow .5s var(--pc-ease);will-change:transform;}
.col-index-advantages ul.list li .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;opacity: .145;transition: .25s all ease-in-out;}
.col-index-advantages ul.list li .bg img{width: 100%;height: 100%;object-fit: cover;}
.col-index-advantages ul.list li .content{padding: 15.21vw 1.25vw 4vw;}
.col-index-advantages ul.list li .content .title{font-weight: bold;margin-bottom: 1.04vw;}
.col-index-advantages ul.list li .content .s-content{font-weight: 300;line-height: 1.444;}
.col-index-advantages ul.list li:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}
.col-index-advantages ul.list li:hover .bg{opacity: 1;}

.col-index-news{padding: 6.25vw 0;}
.col-index-news .flex{display: flex;align-items: center;margin-bottom: 5vw;justify-content: space-between;}
.col-index-news .flex h2{font-weight: bold;text-transform: capitalize;}
.col-index-news .flex .swiper-buttons{position:relative;display:flex;}
.col-index-news .flex .swiper-buttons .swiper-button{position:relative;width:3.125vw;height:3.125vw;min-width:24px;min-height:24px;border-radius:5px;border:1px solid rgba(34,34,34,.3);display:flex;align-items:center;justify-content:center;top:auto;left:auto !important;right:auto !important;opacity:1;outline:none;pointer-events:inherit;margin-top:0;color:#000;margin-right:10px;overflow:hidden;transition:border-color .3s var(--pc-ease-io),color .3s var(--pc-ease-io),background .3s var(--pc-ease-io);}
.col-index-news .flex .swiper-buttons .swiper-button::after{display:none;}
.col-index-news .flex .swiper-buttons .swiper-button:hover{border-color:var(--pc-main);color:var(--pc-main);}
.col-index-news .flex .swiper-buttons .swiper-button i.iconfont{font-weight:bold;transition:transform .4s var(--pc-ease);}
.col-index-news .flex .swiper-buttons .swiper-button-prev:hover i.iconfont{transform:translateX(-4px);}
.col-index-news .flex .swiper-buttons .swiper-button-next:hover i.iconfont{transform:translateX(4px);}
.col-index-news .flex .swiper-buttons .swiper-button.swiper-button-disabled{opacity:.35;pointer-events:none;}
.col-index-news .flex .swiper-buttons a.more{padding:0 20px;border-radius:5px;border:1px solid rgba(34,34,34,.3);display:flex;align-items:center;transition:.25s var(--pc-ease-io);}
.col-index-news .flex .swiper-buttons a.more span{margin-right:1.25vw;font-weight:300;}
.col-index-news .flex .swiper-buttons a.more i.iconfont{font-weight:bold;transition:transform .4s var(--pc-ease);}
.col-index-news .flex .swiper-buttons a.more:hover{border-color:var(--pc-main);background:var(--pc-main);color:#fff;}
.col-index-news .flex .swiper-buttons a.more:hover i.iconfont{transform:translateX(5px);}
.col-index-news .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-index-news .wrap .left{width:62%;}
.col-index-news .wrap .left a{color:#fff;overflow: hidden;position: relative;display: block;}
.col-index-news .wrap .left a .img{position: relative;overflow: hidden;}
.col-index-news .wrap .left a .content{width: 100%;position: absolute;left: 0;bottom: 0;padding: 0 2.083vw 2.083vw;}
.col-index-news .wrap .left a .content .date{color:#b2b2b2;font-weight: 500;margin-bottom: 0.68vw;}
.col-index-news .wrap .left a .content .s-content{font-weight: 500;line-height: 1.273;}
.col-index-news .wrap .right{width: 33%;border-bottom: 1px solid rgba(51,51,51,.1);}
.col-index-news .wrap .right .swiper-slide .img{overflow: hidden;position: relative;min-height: 66px;overflow: hidden;}
.col-index-news .wrap .right .swiper-slide .s-content{padding: 1.71875vw 2.083vw;}
.col-index-news .wrap .right .swiper-slide .s-content .date{color:#b2b2b2;margin-bottom: 0.68vw;font-weight: 500;}
.col-index-news .wrap .right .swiper-slide .s-content h3{font-weight: 500;line-height: 1.273;transition: .25s ease-in-out;}
.col-index-news .wrap .right .swiper-slide:hover .s-content h3{color:#e71c16;}

.footer{background: #0d0c0c;padding: 6.25vw 0;border-bottom: 4px solid #e71c16;color:#b7aeaf;}
.footer .flex{flex-wrap: wrap;justify-content: space-between;}
.footer .flex .left{width: 46%;display: flex;flex-direction: column;}
.footer .flex .left .info{color:#eff1f5;font-weight: 500;line-height: 1.778;margin-bottom: 2.29vw;}
.footer .flex .left .desc{color:#b7aeaf;line-height: 1.427;}
.footer .flex .left .logo{margin-top: auto;}
.footer .flex .left .logo img{width: 9.58vw;min-width: 100px;}
.footer .flex .right{width: 54%;}
.footer .flex .right .footer-nav{display: flex;justify-content: space-between;}
.footer .flex .right .footer-nav .item{width: 48%;}
.footer .flex .right .footer-nav .item .name{font-weight: bold;text-transform: uppercase;margin-bottom: 1.875vw;color:#fff;}
.footer .flex .right .footer-nav .item ul li{margin-bottom: 12px;font-weight: 500;}
.footer .flex .right .footer-nav .item ul li:last-child{margin-bottom: 0;}
.footer .flex .right .footer-nav .item ul li a{color:#b7aeaf;transition: .25s ease-in-out;}
.footer .flex .right .footer-nav .item ul li a:hover{color: #fff;}
.footer .flex .right .connect{margin: 3.75vw 0 2.083vw;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);padding: 2.083vw 0;}
.footer .flex .right .connect .name{font-weight: bold;text-transform: uppercase;margin-bottom: 1.875vw;color:#fff;}
.footer .flex .right .connect .wrap{display: flex;flex-wrap: wrap;}
.footer .flex .right .connect .wrap .share{width: 50%;display: flex;}
.footer .flex .right .connect .wrap .share a{width: 48px;height: 48px;background: rgba(255,255,255,.2);display: flex;justify-content: center;align-items: center;margin-right: 10px;border-radius: 50%;color:#fff;font-size: 24px;}
.footer .flex .right .connect .wrap .share a:last-child{margin-right: 0;}
.footer .flex .right .connect .wrap .contact{max-width: 50%;display: flex;align-items: center;padding: 13px 22px;background: #fff;}
.footer .flex .right .connect .wrap .contact span{font-weight: 500;margin-right: 9px;}
.footer .flex .right .bottom .copyright .power{color:#b7aeaf;display: inline-block;}
.footer .flex .right .bottom .links{display: flex;margin-top: 0.99vw;display: flex;align-items: center;}
.footer .flex .right .bottom .links a{margin-right: 2.29vw;color:#b7aeaf;transition: .25s ease-in-out;text-decoration: underline;}
.footer .flex .right .bottom .links a:hover{color:#fff;}

.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} 
.pagination>li {display: inline;} 
/* page */ 
.page {text-align: center;}
.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: #e71c16;border-bottom: 3px solid #e71c16;}
.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:#e71c16;}
#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: 'Onsite';}
#ccc-notify .ccc-notify-buttons button:hover{background: #e71c16;border-color: #e71c16;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: #e71c16;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:#e71c16;}

/* ===== 二级导航 ===== */
.vicenav{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5e5e5;}
.vicenav .child{display:flex;position:relative;}

/* 竖向细分隔线，最后一个不加 */
.vicenav .child a{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:3.75vw;padding:1.25vw .83vw;text-align:center;color:#666;font-weight:300;line-height:1.4;white-space:nowrap;transition:color .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1);}
.vicenav .child a::before{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:1.04vw;background:#e5e5e5;transition:opacity .3s;}
.vicenav .child a:last-child::before{display:none;}

/* 下划线：居中向两侧展开 */
.vicenav .child a::after{content:'';position:absolute;left:50%;bottom:-1px;width:0;height:2px;background:#e71c16;transform:translateX(-50%);transition:width .45s cubic-bezier(.22,1,.36,1);}

.vicenav .child a:hover{color:#e71c16;background:#fafafa;}
.vicenav .child a.active{color:#e71c16;font-weight:500;}
.vicenav .child a:hover::after{width:36%;}
.vicenav .child a.active::after{width:100%;}
.vicenav .child a:focus-visible{outline:2px solid #e71c16;outline-offset:-4px;border-radius:2px;}

@media (max-width:1024px){
  .vicenav .child{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .vicenav .child::-webkit-scrollbar{display:none;}
  .vicenav .child a{flex:0 0 auto;min-height:52px;padding:14px 20px;}
  .vicenav .child a::before{height:14px;}
  .vicenav .child a:hover{background:transparent;}
  .vicenav .child a:hover::after{width:0;}
  .vicenav .child a.active::after{width:100%;}
}
@media (prefers-reduced-motion:reduce){
  .vicenav .child a,.vicenav .child a::after{transition:none;}
}
.col-page-product{padding: 6.25vw 0;}
.col-page-product ul.list{display: flex;flex-wrap: wrap;}
.col-page-product ul.list li{width: 31%;margin-right: 3.5%;margin-bottom: 5%;}
.col-page-product ul.list li:nth-child(3n){margin-right: 0;}
.col-page-product ul.list li .img{overflow: hidden;}
.col-page-product ul.list li h3{font-weight: 500;margin: 1.875vw 0 0.94vw;line-height: 1.556;}
.col-page-product ul.list li .content{color:rgba(0,0,0,.5);line-height: 1.56;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 3.2em;}

.col-product-detail .pro_show{padding: 6.25vw 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.col-product-detail .pro_show .caseleft{width: 45%;}
.col-product-detail .pro_show .caseleft .col-thumb{margin-top: 15px;}
.col-product-detail .pro_show .caseleft .col-thumb .swiper-slide{overflow: hidden;}
.col-product-detail .pro_show .caseright{width: 45%;}
.col-product-detail .pro_show .caseright h2{line-height: 1.556;font-weight: 500;margin-bottom: 1.875vw;}
.col-product-detail .pro_show .caseright .content{line-height: 1.778;color:rgba(0,0,0,.5);margin-bottom: 4.48vw;}
.col-product-detail .pro_show .caseright .para {color:#b2b2b2;line-height: 1.556;margin-bottom: 3.125vw;}
.col-product-detail .pro_show .caseright .para p{margin-bottom: 5px;}
.col-product-detail .pro_show .caseright .para span{color:#000}
.col-product-detail .pro_show .caseright .links{display: flex;justify-content: space-between;}
.col-product-detail .pro_show .caseright .links a{width: 49%;display: flex;align-items: center;justify-content: center;padding: 0.94vw 10px;border: 2px solid #222222;transition: .25s ease-in-out;}
.col-product-detail .pro_show .caseright .links a span{margin-right: 1.875vw;}
.col-product-detail .pro_show .caseright .links a:hover{background: #222;color:#fff;}
.col-product-detail .detail h3{font-weight: 500;margin-bottom: 3.33vw;padding-bottom: 1.875vw;border-bottom: 1px solid rgba(0,0,0,.1);}
.col-product-detail .detail .content{line-height: 1.778;}
.col-product-detail .detail .content strong{font-weight: bold;display: block;}
.col-product-detail .detail .content h4{font-size: 1.5em;
    font-weight: bold;
    color: #000;
    margin-bottom: 1vw;}

.col-product-detail .detail .content table{width: 100%; border-spacing: inherit; border-collapse: collapse; margin-top: 10px;}
.col-product-detail .detail .content table td{ width: auto !important;
    border: 1px solid #ccc;
    text-align: center;
    padding: 1% 0.5%; }
.col-product-detail .detail .content table tr:first-child td{font-weight: bold;}

/*
.col-product-detail .detail .content table td{width: auto !important;border: none;}
.col-product-detail .detail .content table td:nth-child(3){width: 27% !important;text-align: right;}

.col-product-detail .detail .content table td ul{margin-top: 5.47vw;border-top: 1px solid rgba(0,0,0,.65);}
.col-product-detail .detail .content table td ul li{display: flex;align-items: center;padding: 1.15vw 3.02vw;border-bottom: 1px solid rgba(0,0,0,.1);}
.col-product-detail .detail .content table td ul li:last-child{border-bottom-color: rgba(0,0,0,.65);}
.col-product-detail .detail .content table td ul li p:nth-child(1){width: 35%;}
*/
.col-product-detail .related{padding: 6.25vw 0;}
.col-product-detail .related .flex{display: flex;align-items: center;margin-bottom: 4.27vw;justify-content: space-between;}
.col-product-detail .related .flex h3{font-weight: 500;margin-bottom: 0;}
.col-product-detail .related .flex .swiper-buttons{position: relative;display: flex;}
.col-product-detail .related .flex .swiper-buttons .swiper-button{position:relative;width:3.125vw;height:3.125vw;min-width:24px;min-height:24px;border-radius:5px;border:1px solid rgba(34,34,34,.3);display:flex;align-items:center;justify-content:center;top:auto;left:auto !important;right:auto !important;opacity:1;outline:none;pointer-events:inherit;margin-top:0;color:#000;margin-right:10px;overflow:hidden;transition:border-color .3s var(--pc-ease-io),color .3s var(--pc-ease-io),background .3s var(--pc-ease-io);}
.col-product-detail .related .flex .swiper-buttons .swiper-button::after{display:none;}
.col-product-detail .related .flex .swiper-buttons .swiper-button:hover{border-color:var(--pc-main);color:var(--pc-main);}
.col-product-detail .related .flex .swiper-buttons .swiper-button i.iconfont{font-weight:bold;transition:transform .4s var(--pc-ease);}
.col-product-detail .related .flex .swiper-buttons .swiper-button-prev:hover i.iconfont{transform:translateX(-4px);}
.col-product-detail .related .flex .swiper-buttons .swiper-button-next:hover i.iconfont{transform:translateX(4px);}
.col-product-detail .related .flex .swiper-buttons .swiper-button.swiper-button-disabled{opacity:.35;pointer-events:none;}
.col-product-detail .related .swiper-slide .img{overflow: hidden;}
.col-product-detail .related .swiper-slide h3{font-weight: 500;margin: 1.875vw 0 0.94vw;line-height: 1.556;}
.col-product-detail .related .swiper-slide .content{color:rgba(0,0,0,.5);line-height: 1.56;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 3.2em;}
.col-product-detail .message{padding:6.25vw 0;position:relative;z-index:1;overflow:hidden;}
.col-product-detail .message .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;overflow:hidden;}
.col-product-detail .message .bg img{width:100%;height:114%;position:absolute;left:0;top:-7%;object-fit:cover;will-change:transform;}
.col-message h2{color:#fff;font-weight:bold;text-transform:uppercase;line-height:1.1;letter-spacing:.01em;margin-bottom:5.2vw;}
.col-message form ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.col-message form ul li{width:calc((100% - 2.8vw) / 3);margin-bottom:1.45vw;}
.col-message form ul li:nth-child(4){width:100%;margin-bottom:0;}
.col-message form ul li.code{width:100%;display:flex;align-items:center;margin:1.45vw 0 0;}
.col-message form ul li p{color:#fff;font-weight:500;line-height:1.4;margin-bottom:.72vw;position:relative;display:inline-block;}
.col-message form ul li p i{position:absolute;left:-.62vw;top:-.2vw;color:var(--pc-main);font-style:normal;line-height:1;}
.col-message form ul li input[type="text"]{width:100%;height:2.29vw;min-height:44px;background:#fff;border:none;outline:none;padding:0 1.875vw;color:#333;border-radius:0;transition:box-shadow .35s var(--pc-ease),transform .35s var(--pc-ease);font-family: 'Onsite';}
.col-message form ul li textarea{width:100%;height:11.71vw;min-height:200px;background:#fff;border:none;outline:none;padding:1.14vw 1.875vw;color:#333;line-height:1.6;resize:none;border-radius:0;display:block;transition:box-shadow .35s var(--pc-ease);font-family: 'Onsite';}
.col-message form ul li input::placeholder,.col-message form ul li textarea::placeholder{color:#a0a0a0;font-weight:300;}
.col-message form ul li input:focus,.col-message form ul li textarea:focus{box-shadow:0 0 0 2px var(--pc-main),0 12px 30px rgba(0,0,0,.18);}
.col-message form ul li input:focus{transform:translateY(-2px);}
.col-message form ul li.code input.captcha{width:10.41vw;min-width:160px;margin-right:.83vw;padding:0 1.25vw;}
.col-message form ul li.code img.captcha{height:2.29vw;min-height:44px;cursor:pointer;display:block;transition:opacity .3s var(--pc-ease);}
.col-message form ul li.code img.captcha:hover{opacity:.8;}
.col-message .col-sub{margin-top:3.02vw;}
.col-message .col-sub .sub{width:15.93vw;min-width:220px;height:2.5vw;min-height:48px;background:var(--pc-main);color:#fff;border:none;outline:none;cursor:pointer;font-weight:bold;text-transform:uppercase;letter-spacing:.08em;border-radius:0;position:relative;overflow:hidden;transition:transform .4s var(--pc-ease),box-shadow .4s var(--pc-ease),filter .3s var(--pc-ease-io);}
.col-message .col-sub .sub:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.28);filter:brightness(1.08);}
.col-message .col-sub .sub:active{transform:translateY(-1px);}
.col-message h2,.col-message form ul li,.col-message .col-sub{opacity:0;transform:translateY(40px);transition:opacity .8s var(--pc-ease),transform .8s var(--pc-ease);}
.message.in .col-message h2,.message.in .col-message form ul li,.message.in .col-message .col-sub{opacity:1;transform:none;}
.message.in .col-message form ul li:nth-child(1){transition-delay:.12s;}
.message.in .col-message form ul li:nth-child(2){transition-delay:.2s;}
.message.in .col-message form ul li:nth-child(3){transition-delay:.28s;}
.message.in .col-message form ul li:nth-child(4){transition-delay:.36s;}
.message.in .col-message form ul li:nth-child(5){transition-delay:.44s;}
.message.in .col-message .col-sub{transition-delay:.52s;}

@media (prefers-reduced-motion:reduce){
.col-product-detail .col-message h2,.col-product-detail .col-message form ul li,.col-product-detail .col-message .col-sub{opacity:1;transform:none;transition:none;}
.col-product-detail .message .bg img{transform:none!important;}
}

.col-page-about h2{font-weight: bold;text-transform: uppercase;}
.col-page-about .col-1{padding: 6.25vw 0;}
.col-page-about .col-1 .flex{flex-wrap: wrap;justify-content: space-between;margin-bottom: 8.44vw;}
.col-page-about .col-1 .flex h2{width: 29%;}
.col-page-about .col-1 .flex .content{width: 71%;line-height: 1.78;color:#393939;font-weight: 300;}
.col-page-about .col-1 .flex .content p{margin-bottom: 1.25vw;}
.col-page-about .col-1 .num ul{display: flex;justify-content: space-between;}
.col-page-about .col-1 .num ul li{width: 22%;}
.col-page-about .col-1 .num ul li p:nth-child(1){border-bottom: 1px solid #777777;font-weight: bold;margin-bottom: 10px;}
.col-page-about .col-1 .num ul li p:nth-child(1) .odometer{font-family: 'Onsite';line-height: 1;vertical-align: baseline;}
.col-page-about .col-1 .num ul li:nth-child(1) .odometer-formatting-mark{display: none;}
.col-page-about .col-2{padding:11.46vw 0;position:relative;z-index:1;color:#fff;overflow:hidden;}
.col-page-about .col-2 .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;overflow:hidden;}
.col-page-about .col-2 .bg img{width:100%;height:114%;position:absolute;left:0;top:-7%;object-fit:cover;will-change:transform;}

.col-page-about .col-2 .content ul{display:flex;flex-wrap:wrap;}
.col-page-about .col-2 .content ul li{width:33.333%;text-align:center;padding:0 1.5vw;position:relative;}
.col-page-about .col-2 .content ul li::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:7.29vw;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 100%);}
.col-page-about .col-2 .content ul li:last-child::after{display:none;}

.col-page-about .col-2 .content ul li p img{width:3.75vw;min-width:50px;height:auto;display:inline-block;transition:transform .6s var(--pc-ease),filter .6s var(--pc-ease);}
.col-page-about .col-2 .content ul li h3{color:#fff;font-weight:400;line-height:1.2;margin:3.12vw 0 1.35vw;letter-spacing:.01em;}
.col-page-about .col-2 .content ul li p:last-child{max-width:15.6vw;margin:0 auto;line-height:1.75;color:rgba(255,255,255,.9);font-weight:300;}
.col-page-about .col-2 .content ul li:hover p img{transform:translateY(-6px) scale(1.06);filter:drop-shadow(0 6px 16px rgba(255,255,255,.35));}

.col-page-about .col-2 .content ul li{opacity:0;transform:translateY(48px);transition:opacity .9s var(--pc-ease),transform .9s var(--pc-ease);}
.col-page-about .col-2.in .content ul li{opacity:1;transform:none;}
.col-page-about .col-2.in .content ul li:nth-child(1){transition-delay:.1s;}
.col-page-about .col-2.in .content ul li:nth-child(2){transition-delay:.25s;}
.col-page-about .col-2.in .content ul li:nth-child(3){transition-delay:.4s;}
.col-page-about .col-2 .content ul li::after{transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform 1s var(--pc-ease) .55s;}
.col-page-about .col-2.in .content ul li::after{transform:translateY(-50%) scaleY(1);}

@media (prefers-reduced-motion:reduce){
.col-page-about .col-2 .content ul li{opacity:1;transform:none;transition:none;}
.col-page-about .col-2 .content ul li::after{transform:translateY(-50%);transition:none;}
.col-page-about .col-2 .bg img{transform:none!important;}
}

.col-page-about .col-3{padding: 6.25vw 0;background: #eff1f5;}
.col-page-about .col-3 .name{margin-bottom: 10px;text-transform: uppercase;font-weight: 500;}
.col-page-about .col-3 h2{margin-bottom: 3.125vw;font-weight: bold;}
.col-page-about .col-3 .history-container .swiper-slide .flex{align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}
.col-page-about .col-3 .history-container .swiper-slide .flex .content{width: 45%;padding-right: 5%;}
.col-page-about .col-3 .history-container .swiper-slide .flex .content .title{font-family: 'FjallaOne';font-size: 5.208vw;line-height: 1;color:transparent;-webkit-text-stroke: 1px #a3a3a3;margin-bottom: 1.563vw;padding-bottom: 1.875vw;position: relative;border-bottom: 2px solid #000;}
.col-page-about .col-3 .history-container .swiper-slide .flex .content .s-content{line-height: 1.778;font-weight: 300;}
.col-page-about .col-3 .history-container .swiper-slide .flex .content .s-content strong{font-size: 1.25vw;/*display: block;*/margin-bottom: 12px;}
.col-page-about .col-3 .history-container .swiper-slide .flex .img{width: 42%;border-radius: 12px;overflow: hidden;}
.col-page-about .col-3 .slide{position: relative;padding: 0 3.75vw;margin-top: 5vw;}
.col-page-about .col-3 .slide .swiper-button{width: auto;height: auto;position: absolute;top: -3px;margin-top: 0;opacity: 1;pointer-events: inherit;outline: none;color:rgba(34,34,34,.22);transition: .25s;}
.col-page-about .col-3 .slide .swiper-button::after{display: none;}
.col-page-about .col-3 .slide .swiper-button-prev{left: 10px}
.col-page-about .col-3 .slide .swiper-button-next{right: 10px}
.col-page-about .col-3 .slide .swiper-button i.fa{font-weight: bold;}
.col-page-about .col-3 .slide .swiper-button:hover {color:#e71c16;}
.col-page-about .col-3 .year-container::after{content:'';width: 100vw;height: 1px;background: #dddfe3;position: absolute;left: 50%;transform: translateX(-50%);top: 8px;z-index: -1;}
.col-page-about .col-3 .year-container .swiper-slide{text-align: center;cursor: pointer;}
.col-page-about .col-3 .year-container .swiper-slide .dot{position: relative;width: 8px;height: 8px;position: relative;margin: 5px auto 1.25vw;}
.col-page-about .col-3 .year-container .swiper-slide .dot::before{content:'';width: 8px;height: 8px;border-radius: 50%;background: #b2b2b2;margin: 0 auto 2.083vw;z-index: 2;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.col-page-about .col-3 .year-container .swiper-slide .dot::after{content:'';width: 18px;height: 18px;border-radius: 50%;background: #e71c16;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;visibility: hidden;transition: .25s;z-index: -1;}
.col-page-about .col-3 .year-container .swiper-slide .title{transition: .4s ease-in-out;font-family: 'FjallaOne';}
.col-page-about .col-3 .year-container .swiper-slide.swiper-slide-thumb-active .dot::before{background: #fff;}
.col-page-about .col-3 .year-container .swiper-slide.swiper-slide-thumb-active .dot::after{opacity: 1;visibility: visible;}
.col-page-about .col-3 .year-container .swiper-slide.swiper-slide-thumb-active .title{color: #e71c16}
/* ===== Global Market ===== */
.col-page-about .col-4{padding:6.25vw 0;overflow:hidden;}
.col-page-about .col-4 h2{margin-bottom:7.81vw;}

.col-page-about .col-4 .wrap{position:relative;}
.col-page-about .col-4 .img{position:relative;width:100%;}
.col-page-about .col-4 .img>img{width:100%;height:auto;display:block;}

/* 点位容器 */
.col-page-about .col-4 .img ul{position:absolute;left:0;top:0;width:100%;height:100%;}
.col-page-about .col-4 .img ul li{position:absolute;transform:translate(-50%,-50%);z-index:2;cursor:default;}
.col-page-about .col-4 .img ul li:hover{z-index:9;}

/* 图钉 */
.col-page-about .col-4 .img ul li p:last-child{position:relative;width:clamp(18px,1.45vw,28px);line-height:0;}
.col-page-about .col-4 .img ul li p:last-child img{width:100%;height:auto;display:block;transition:transform .45s cubic-bezier(.34,1.4,.5,1),filter .45s ease;transform-origin:50% 100%;}
.col-page-about .col-4 .img ul li:hover p:last-child img{transform:translateY(-6px) scale(1.22);filter:drop-shadow(0 8px 14px rgba(226,26,26,.45));}

/* 悬停扩散光圈 */
.col-page-about .col-4 .img ul li p:last-child::before,
.col-page-about .col-4 .img ul li p:last-child::after{content:'';position:absolute;left:50%;top:38%;width:200%;height:0;padding-bottom:200%;margin:-100% 0 0 -100%;border-radius:50%;border:1px solid rgba(226,26,26,.55);opacity:0;pointer-events:none;}
.col-page-about .col-4 .img ul li:hover p:last-child::before{animation:gmRipple 1.6s ease-out infinite;}
.col-page-about .col-4 .img ul li:hover p:last-child::after{animation:gmRipple 1.6s ease-out .8s infinite;}
@keyframes gmRipple{0%{transform:scale(.35);opacity:.85;}100%{transform:scale(1.5);opacity:0;}}

/* 文字标签 */
.col-page-about .col-4 .img ul li p:first-child{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:clamp(12px,.83vw,16px);line-height:1.2;color:#333;transition:color .35s ease,transform .35s ease;}
.col-page-about .col-4 .img ul li:nth-child(-n+7) p:first-child{right:calc(100% + .52vw);}
.col-page-about .col-4 .img ul li:nth-child(n+8) p:first-child{left:calc(100% + .52vw);}
.col-page-about .col-4 .img ul li:hover p:first-child{color:#e71c16;}
.col-page-about .col-4 .img ul li:nth-child(-n+7):hover p:first-child{transform:translate(-3px,-50%);}
.col-page-about .col-4 .img ul li:nth-child(n+8):hover p:first-child{transform:translate(3px,-50%);}

/* 点位坐标（百分比，随图缩放） */
.col-page-about .col-4 .img ul li:nth-child(1){left:8.6%;top:41%;}    /* Mexico */
.col-page-about .col-4 .img ul li:nth-child(2){left:22.4%;top:67.3%;} /* Brazil */
.col-page-about .col-4 .img ul li:nth-child(3){left:47.7%;top:79.8%;} /* South Africa */
.col-page-about .col-4 .img ul li:nth-child(4){left:53.2%;top:63.3%;} /* Tanzania */
.col-page-about .col-4 .img ul li:nth-child(5){left:55.7%;top:40%;}   /* Saudi Arabia */
.col-page-about .col-4 .img ul li:nth-child(6){left:50.2%;top:28.1%;} /* Turkey */
.col-page-about .col-4 .img ul li:nth-child(7){left:52.1%;top:16.7%;} /* Ukraine */
.col-page-about .col-4 .img ul li:nth-child(8){left:59.8%;top:3.8%;}  /* Russia */
.col-page-about .col-4 .img ul li:nth-child(9){left:62.4%;top:19%;}   /* Kazakhstan */
.col-page-about .col-4 .img ul li:nth-child(10){left:62.8%;top:30.8%;}/* Pakistan */
.col-page-about .col-4 .img ul li:nth-child(11){left:58.2%;top:37.9%;}/* Kuwait */
.col-page-about .col-4 .img ul li:nth-child(12){left:65.2%;top:42.1%;}/* India */
.col-page-about .col-4 .img ul li:nth-child(13){left:69.6%;top:38.1%;}/* Bangladesh */
.col-page-about .col-4 .img ul li:nth-child(14){left:75.7%;top:47.7%;}/* Vietnam */

/* 品牌 LOGO 点 */
.col-page-about .col-4 .img ul li:last-child{left:77.9%;top:30.2%;}
.col-page-about .col-4 .img ul li:last-child p:last-child{width:clamp(70px,5.2vw,100px);}
.col-page-about .col-4 .img ul li:last-child p:last-child::before,
.col-page-about .col-4 .img ul li:last-child p:last-child::after{display:none;}
.col-page-about .col-4 .img ul li:last-child p:last-child img{animation:gmFloat 3.6s ease-in-out infinite;}
.col-page-about .col-4 .img ul li:last-child:hover p:last-child img{transform:scale(1.08);filter:drop-shadow(0 8px 18px rgba(226,26,26,.35));}
@keyframes gmFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}

/* 悬停时其余点淡出，聚焦当前 */
.col-page-about .col-4 .img ul li{transition:opacity .35s ease;}
.col-page-about .col-4 .img ul:hover li{opacity:.42;}
.col-page-about .col-4 .img ul:hover li:hover{opacity:1;}

/* 入场：标题上浮 + 点位逐个落下 */
.col-page-about .col-4 h2{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-4 .img>img{opacity:0;transition:opacity 1.1s ease .15s;}
.col-page-about .col-4 .img ul li{opacity:0;transform:translate(-50%,calc(-50% - 22px)) scale(.6);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.5,.5,1);}
.col-page-about .col-4.in h2{opacity:1;transform:none;}
.col-page-about .col-4.in .img>img{opacity:1;}
.col-page-about .col-4.in .img ul li{opacity:1;transform:translate(-50%,-50%) scale(1);}

/* ===== 移动端横滑提示 ===== */
.col-page-about .col-4 .swipe-tip{display:none;}

@media (max-width:768px){
  .col-page-about .col-4 .container2{position:relative;}

  /* 1. 两侧渐隐遮罩：右边虚化 = 还有内容 */
  .col-page-about .col-4 .wrap{
    --fadeL:0px;--fadeR:54px;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fadeL),#000 calc(100% - var(--fadeR)),transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 var(--fadeL),#000 calc(100% - var(--fadeR)),transparent 100%);
    transition:-webkit-mask-image .3s linear,mask-image .3s linear;
  }

  /* 2. 悬浮提示胶囊 */
  .col-page-about .col-4 .swipe-tip{
    display:flex;align-items:center;gap:7px;
    position:absolute;left:50%;bottom:10px;transform:translate(-50%,10px);
    padding:7px 15px 7px 12px;border-radius:100px;
    background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    border:1px solid rgba(0,0,0,.06);box-shadow:0 6px 20px rgba(0,0,0,.09);
    font-size:12px;line-height:1;color:#666;letter-spacing:.02em;white-space:nowrap;
    opacity:0;pointer-events:none;z-index:10;
    transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1);
  }
  .col-page-about .col-4.in .swipe-tip{opacity:1;transform:translate(-50%,0);transition-delay:1s;}
  .col-page-about .col-4 .swipe-tip.hide{opacity:0!important;transform:translate(-50%,8px)!important;transition-delay:0s!important;}

  .col-page-about .col-4 .swipe-tip svg{width:17px;height:17px;flex:0 0 auto;color:#e71c16;animation:tipSwipe 1.8s cubic-bezier(.4,0,.2,1) infinite;}
  @keyframes tipSwipe{
    0%,100%{transform:translateX(-3px);opacity:.55;}
    50%{transform:translateX(4px);opacity:1;}
  }
}

@media (prefers-reduced-motion:reduce){
  .col-page-about .col-4 .swipe-tip svg{animation:none;}
}


@media (max-width:1024px){
  .col-page-about .col-4{padding:80px 0;}
  .col-page-about .col-4 h2{margin-bottom:50px;}
  .col-page-about .col-4 .img ul li p:first-child{font-size:12px;}
}
@media (max-width:768px){
  .col-page-about .col-4{padding:60px 0;}
  .col-page-about .col-4 h2{margin-bottom:34px;}
  /* 地图横向可滑动，避免点位挤成一团 */
  .col-page-about .col-4 .wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .col-page-about .col-4 .wrap::-webkit-scrollbar{display:none;}
  .col-page-about .col-4 .img{min-width:760px;}
  .col-page-about .col-4 .img ul li p:last-child{width:16px;}
  .col-page-about .col-4 .img ul li:last-child p:last-child{width:62px;}
  .col-page-about .col-4 .img ul li p:first-child{font-size:11px;}
  .col-page-about .col-4 .img ul:hover li{opacity:1;}
}
@media (prefers-reduced-motion:reduce){
  .col-page-about .col-4 h2,
  .col-page-about .col-4 .img>img,
  .col-page-about .col-4 .img ul li{opacity:1!important;transform:translate(-50%,-50%)!important;transition:none!important;}
  .col-page-about .col-4 h2{transform:none!important;}
  .col-page-about .col-4 .img ul li p:last-child img{animation:none;}
}

.col-page-about .col-2{padding:11.46vw 0;position:relative;z-index:1;color:#fff;overflow:hidden;}
.col-page-about .col-2 .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;overflow:hidden;}
.col-page-about .col-2 .bg img{width:100%;height:114%;position:absolute;left:0;top:-7%;object-fit:cover;will-change:transform;}

.col-page-about .col-5{padding:9.48vw 0;position:relative;z-index:1;overflow:hidden;}
.col-page-about .col-5 .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;overflow:hidden;}
.col-page-about .col-5 .bg img{width:100%;height:114%;position:absolute;left:0;top:-7%;object-fit:cover;will-change:transform;}
/* ===== Certifications 头部 ===== */
.col-page-about .col-5 .flex{display:flex;align-items:center;margin-bottom:3.64vw;}
.col-page-about .col-5 .flex h2{flex:1;min-width:0;color:#fff;font-weight:700;text-transform:uppercase;line-height:1.1;letter-spacing:.01em;}

/* 下拉筛选 */
.col-page-about .col-5 .child{position:relative;z-index:9;width:11.45vw;min-width:170px;margin-right:.83vw;}
.col-page-about .col-5 .child .item{display:flex;align-items:center;justify-content:space-between;height:3.12vw;min-height:50px;padding:0 1.04vw;border:1px solid rgba(255,255,255,.55);border-radius:.41vw;color:#fff;cursor:pointer;user-select:none;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-5 .child .item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.col-page-about .col-5 .child .item i{margin-left:1.04vw;font-size:1.04vw;line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-5 .child .item:hover{background:rgba(255,255,255,.18);border-color:#fff;}
.col-page-about .col-5 .child.on .item{background:rgba(255,255,255,.18);border-color:#fff;}
.col-page-about .col-5 .child.on .item i{transform:rotate(180deg);}

.col-page-about .col-5 .child ul{position:absolute;left:0;top:calc(100% + 8px);width:100%;padding:.31vw 0;background:#fff;border-radius:.41vw;box-shadow:0 14px 34px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),visibility .35s;overflow:hidden;}
.col-page-about .col-5 .child.on ul{opacity:1;visibility:visible;transform:none;}
.col-page-about .col-5 .child ul li{padding:.62vw 1.04vw;color:#555;line-height:1.5;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s,background .3s,padding .3s;}
.col-page-about .col-5 .child ul li:hover{background:#f5f5f5;padding-left:1.35vw;}
.col-page-about .col-5 .child ul li.on{color:#e71c16;background:#f5f5f5;}

/* 左右箭头（覆盖 swiper 默认绝对定位） */
.col-page-about .col-5 .swiper-button{position:static;top:auto;left:auto;right:auto;margin:0 0 0 .52vw;width:3.12vw;height:3.12vw;min-width:50px;min-height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55);border-radius:.41vw;color:#fff;cursor:pointer;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),opacity .4s;}
.col-page-about .col-5 .swiper-button::after{display:none;}
.col-page-about .col-5 .swiper-button i{line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-5 .swiper-button:hover{background:#fff;border-color:#fff;color:#222;}
.col-page-about .col-5 .swiper-button-prev:hover i{transform:translateX(-4px);}
.col-page-about .col-5 .swiper-button-next:hover i{transform:translateX(4px);}
.col-page-about .col-5 .swiper-button.swiper-button-disabled{opacity:.35;pointer-events:none;}

/* ===== 卡片区 ===== */
.col-page-about .col-5 .slides{position:relative;}
.col-page-about .col-5 .slides .box{display:none;}
.col-page-about .col-5 .slides .box.active{display:block;animation:certFade .7s cubic-bezier(.22,1,.36,1) both;}
@keyframes certFade{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}
/* 上下留白承接 hover 阴影，横向不动以免影响 swiper 宽度计算 */
.col-page-about .col-5 .certificate-container{padding:20px 0 30px;margin:-20px 0 -30px;}

.col-page-about .col-5 .swiper-slide > a{display:block;background:#fff;border-radius:.62vw;padding:1.35vw 1.35vw .1vw;box-shadow:0 10px 30px rgba(0,0,0,.10);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-5 .swiper-slide .img{overflow:hidden;line-height:0;}
.col-page-about .col-5 .swiper-slide .img img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1);}

.col-page-about .col-5 .swiper-slide .title{display:flex;align-items:center;justify-content:space-between;margin-top:1.14vw;padding:1.04vw 0;border-top:1px solid #e8e8e8;}
.col-page-about .col-5 .swiper-slide .title span{flex:1;min-width:0;color:#333;line-height:1.4;white-space:normal;overflow:hidden;text-overflow:ellipsis;transition:color .4s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-5 .swiper-slide .title i{flex:0 0 auto;margin-left:.83vw;color:#999;line-height:1;transition:color .4s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);}

.col-page-about .col-5 .swiper-slide > a:hover{transform:translateY(-10px);box-shadow:0 22px 46px rgba(0,0,0,.22);}
.col-page-about .col-5 .swiper-slide > a:hover .img img{transform:scale(1.05);}
.col-page-about .col-5 .swiper-slide > a:hover .title span{color:#e71c16;}
.col-page-about .col-5 .swiper-slide > a:hover .title i{color:#e71c16;transform:scale(1.15);}

/* ===== 入场 ===== */
.col-page-about .col-5 .flex,
.col-page-about .col-5 .slides{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-5.in .flex{opacity:1;transform:none;transition-delay:.1s;}
.col-page-about .col-5.in .slides{opacity:1;transform:none;transition-delay:.3s;}

@media (max-width:1024px){
  .col-page-about .col-5{padding:80px 0;}
  .col-page-about .col-5 .flex{flex-wrap:wrap;margin-bottom:30px;}
  .col-page-about .col-5 .flex h2{width:100%;flex:none;margin-bottom:22px;}
  .col-page-about .col-5 .child{flex:1;width:auto;min-width:0;margin-right:10px;}
  .col-page-about .col-5 .child .item{height:46px;min-height:46px;padding:0 15px;border-radius:6px;}
  .col-page-about .col-5 .child .item i{margin-left:12px;font-size:16px;}
  .col-page-about .col-5 .child ul{border-radius:6px;padding:4px 0;}
  .col-page-about .col-5 .child ul li{padding:10px 15px;}
  .col-page-about .col-5 .child ul li:hover{padding-left:19px;}
  .col-page-about .col-5 .swiper-button{width:46px;height:46px;min-width:46px;min-height:46px;margin-left:8px;border-radius:6px;}
  .col-page-about .col-5 .swiper-slide > a{padding:15px 15px 0;border-radius:8px;}
  .col-page-about .col-5 .swiper-slide .title{margin-top:12px;padding:13px 0;}
  .col-page-about .col-5 .swiper-slide .title i{margin-left:10px;}
}
@media (max-width:640px){
  .col-page-about .col-5{padding:60px 0;}
  .col-page-about .col-5 .swiper-slide > a:hover{transform:none;box-shadow:0 10px 30px rgba(0,0,0,.10);}
}
@media (prefers-reduced-motion:reduce){
  .col-page-about .col-5 .flex,
  .col-page-about .col-5 .slides{opacity:1;transform:none;transition:none;}
  .col-page-about .col-5 .slides .box.active{animation:none;}
  .col-page-about .col-5 .bg img{transform:none!important;}
}

.col-page-about .col-6{padding: 6.25vw 0;}
.col-page-about .col-6 .flex{display: flex;align-items: center;margin-bottom: 6.25vw;justify-content: space-between;}
.col-page-about .col-6 .flex h2{font-weight: 500;text-transform: uppercase;}
.col-page-about .col-6 .flex .swiper-buttons{position: relative;display: flex;}
.col-page-about .col-6 .flex .swiper-buttons .swiper-button{position:static;top:auto;left:auto;right:auto;margin:0 0 0 .52vw;width:3.12vw;height:3.12vw;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;border:1px solid #bcbcbc;border-radius:.41vw;color:#000;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),opacity .4s;}
.col-page-about .col-6 .flex .swiper-buttons .swiper-button::after{display:none;}
.col-page-about .col-6 .flex .swiper-buttons .swiper-button i{line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1);}
.col-page-about .col-6 .flex .swiper-buttons .swiper-button:hover{border-color:#000;color:#222;}
.col-page-about .col-6 .flex .swiper-buttons .swiper-button-prev:hover i{transform:translateX(-4px);}
.col-page-about .col-6 .flex .swiper-buttons .swiper-button-next:hover i{transform:translateX(4px);}
.col-page-about .col-6 .flex .swiper-buttons .swiper-button.swiper-button-disabled{opacity:.35;pointer-events:none;}
.col-page-about .col-6 .swiper-slide .img {transform-origin: bottom;}

.col-page-project{padding: 6.25vw 0;}
.col-page-project ul.list{display: flex;flex-wrap: wrap;}
.col-page-project ul.list li{width: 23.5%;margin-right: 2%;margin-bottom: 5%;}
.col-page-project ul.list li:nth-child(4n){margin-right: 0;}
.col-page-project ul.list li .img{overflow: hidden;}
.col-page-project ul.list li h3{margin-top: 1.46vw;transition: .25s ease-in-out;}
.col-page-project ul.list li:hover h3{color:#e71c16}


/* ===== Report Download ===== */
.col-page-download{padding:6.25vw 0;background:#fff;}
.col-page-download > .container2 > .title{color:#111;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:1.45vw;}

/* 列表：顶部一条粗黑线，条目之间细灰线 */
.col-page-download .list{border-top:2px solid #111;}
.col-page-download .list li{display:flex;align-items:center;justify-content:space-between;gap:2.08vw;padding:2.08vw 2.7vw;border-bottom:1px solid #ececec;transition:background .45s cubic-bezier(.22,1,.36,1);}
.col-page-download .list li:hover{background:#fafafa;}

/* 左侧文案 */
.col-page-download .list li .content{flex:1;min-width:0;}
.col-page-download .list li .content .title{color:#111;font-weight:700;line-height:1.4;margin-bottom:.62vw;transition:color .4s cubic-bezier(.22,1,.36,1);}
.col-page-download .list li .content .s-content{color:#555;line-height:1.6;}
.col-page-download .list li .content .s-content p{margin:0;}
.col-page-download .list li .content .s-content p + p{margin-top:.3em;}

/* 右侧下载 */
.col-page-download .list li .dw{flex:0 0 auto;display:flex;align-items:center;gap:.62vw;color:#555;white-space:nowrap;transition:color .4s cubic-bezier(.22,1,.36,1);}
.col-page-download .list li .dw i{color:#e71c16;line-height:1;transition:transform .45s cubic-bezier(.22,1,.36,1);}
.col-page-download .list li .dw span{transition:color .4s cubic-bezier(.22,1,.36,1);}
.col-page-download .list li .dw:hover{color:#e71c16;}
.col-page-download .list li .dw:hover i{transform:translateY(3px);}
.col-page-download .list li:hover .content .title{color:#e71c16;}

/* ===== 入场 ===== */
.col-page-download .list li{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),background .45s cubic-bezier(.22,1,.36,1);}
.col-page-download.in .list li{opacity:1;transform:none;}
.col-page-download.in .list li:nth-child(1){transition-delay:.05s;}
.col-page-download.in .list li:nth-child(2){transition-delay:.12s;}
.col-page-download.in .list li:nth-child(3){transition-delay:.19s;}
.col-page-download.in .list li:nth-child(4){transition-delay:.26s;}
.col-page-download.in .list li:nth-child(5){transition-delay:.33s;}
.col-page-download.in .list li:nth-child(6){transition-delay:.4s;}
.col-page-download.in .list li:nth-child(n+7){transition-delay:.45s;}

@media (max-width:1024px){
  .col-page-download{padding:80px 0;}
  .col-page-download > .container2 > .title{margin-bottom:20px;}
  .col-page-download .list li{padding:26px 20px;gap:24px;}
  .col-page-download .list li .content .title{margin-bottom:8px;}
  .col-page-download .list li .dw{gap:8px;}
}
@media (max-width:640px){
  .col-page-download{padding:60px 0;}
  .col-page-download .list li{flex-wrap:wrap;padding:22px 0;gap:0;}
  .col-page-download .list li .content{width:100%;flex:none;}
  .col-page-download .list li .content .title{margin-bottom:6px;}
  .col-page-download .list li .dw{margin-top:14px;}
  .col-page-download .list li:hover{background:transparent;}
  .col-page-download .list li:hover .content .title{color:#111;}
}
@media (prefers-reduced-motion:reduce){
  .col-page-download .list li{opacity:1;transform:none;transition:none;}
}

.col-page-policy{padding: 6.25vw 0;}
.col-page-policy h2{margin-bottom: 3.125vw;font-weight: 800;text-transform: uppercase;}
.col-page-policy .content{line-height: 1.8;font-weight: 300;}
.col-page-policy .content p{margin-bottom: 5px;}
.col-page-policy .content h2{font-weight: bold;margin: 5px 0 12px;font-size: 1.875rem;}
.col-page-policy .content h3{font-weight: bold;margin: 2px 0 8px;font-size: 1.65rem;}
.col-page-policy .content h4{font-weight: bold;margin: 0 0 4px;font-size: 1.5rem;}
.col-page-policy .content hr{border-color: #e71c16;margin: 3vh 0;width: 100%;}


.col-page-news{padding: 6.25vw 0;}
.col-page-news .news-top{margin-bottom: 4.17vw;}
.col-page-news .news-top a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.col-page-news .news-top a .img{width: 57%;border-radius: 8px;border: 5px solid #000;overflow: hidden;}
.col-page-news .news-top a .img img{width: 100%;height: 100%;object-fit: cover;}
.col-page-news .news-top a .content{width: 42%;background: #f5f5f5;display: flex;flex-direction: column;justify-content: center;padding: 3.5vh 2.86vw;border-radius: 8px;}
.col-page-news .news-top a .content .info{display: flex;margin-bottom: 1.25vw;font-weight: 500;}
.col-page-news .news-top a .content .info .column{margin-right: 15px;padding-right: 12px;position: relative;color:#e71c16}
.col-page-news .news-top a .content .info .column::after{content:'';width: 1px;height: 12px;background: rgba(178,178,178,.55);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.col-page-news .news-top a .content .title{font-weight: 500;line-height: 1.313;margin-bottom: 1.25vw;transition: .25s all ease-in-out;}
.col-page-news .news-top a .content .s-content{font-weight: 300;line-height: 1.778;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: box;-webkit-line-clamp: 5;-moz-line-clamp: 5;-ms-flex-line-pack: center;-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.col-page-news .news-top a:hover .content .title{color:#e71c16}
.col-page-news ul.list{display: flex;flex-wrap: wrap;}
.col-page-news ul.list li{width: 32%;margin-right: 2%;margin-bottom: 4%;}
.col-page-news ul.list li:nth-child(3n){margin-right: 0;}
.col-page-news ul.list li .img{border-radius: 8px;overflow: hidden;margin-bottom: 1.875vw;}
.col-page-news ul.list li .info{display: flex;margin-bottom: 10px;font-weight: 500;}
.col-page-news ul.list li .info .column{margin-right: 15px;padding-right: 12px;position: relative;color:#e71c16}
.col-page-news ul.list li .info .column::after{content:'';width: 1px;height: 12px;background: rgba(178,178,178,.55);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.col-page-news ul.list li .title{font-weight: 500;line-height: 1.313;transition: .25s all ease-in-out;}
.col-page-news ul.list li:hover .title{color:#e71c16}

.col-page-contact{padding: 1px 0 6.2vw;}
.col-page-contact .infos{margin-top: -5.42vw;position: relative;z-index: 2;}
.col-page-contact .infos ul{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6vw;}
.col-page-contact .infos li{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:12.2vw;padding:2.08vw 2.6vw;background:#f1f2f5;border-radius:.62vw;transition:background .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);}
.col-page-contact .infos li:hover{background:#eceef2;transform:translateY(-4px);box-shadow:0 .83vw 1.66vw rgba(0,0,0,.06);}

.col-page-contact .infos li p{margin:0;}
.col-page-contact .infos li p:first-child{margin-bottom:1.35vw;line-height:0;}
.col-page-contact .infos li img{width:1.66vw;height:1.66vw;object-fit:contain;display:inline-block;transition:transform .45s cubic-bezier(.22,1,.36,1);}
.col-page-contact .infos li:hover img{transform:scale(1.08);}
.col-page-contact .infos li p:last-child{max-width:20em;color:#1a1d21;font-size:.93vw;line-height:1.85;}

/* --- 下方文案 + 社交 --- */
.col-page-contact .flex{display:flex;align-items:flex-start;justify-content:space-between;gap:3.12vw;margin-top:5.2vw;margin-bottom: 6.25vw;}
.col-page-contact .flex .content{flex:1;max-width:50vw;color:#1a1d21;line-height:2;}
.col-page-contact .flex .content p{margin:0;}
.col-page-contact .flex .content p + p{margin-top:.8em;}

.col-page-contact .share{flex:0 0 auto;display:flex;align-items:center;gap:1.45vw;padding-top:.83vw;}
.col-page-contact .share a{display:flex;align-items:center;justify-content:center;width:1.66vw;height:1.66vw;color:#111;font-size:1.35vw;line-height:1;transition:color .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);}
.col-page-contact .share a:hover{color:#f26522;transform:translateY(-3px);}
.col-page-contact .share a:focus-visible{outline:2px solid #f26522;outline-offset:4px;border-radius:2px;}

/* ===== 入场 ===== */
.col-page-contact .infos li,
.col-page-contact .flex .content,
.col-page-contact .share{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);}
.col-page-contact.in .infos li,
.col-page-contact.in .flex .content,
.col-page-contact.in .share{opacity:1;transform:none;}
.col-page-contact.in .infos li{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),background .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1);}
.col-page-contact.in .infos li:nth-child(1){transition-delay:.05s;}
.col-page-contact.in .infos li:nth-child(2){transition-delay:.15s;}
.col-page-contact.in .infos li:nth-child(3){transition-delay:.25s;}
.col-page-contact.in .flex .content{transition-delay:.35s;}
.col-page-contact.in .share{transition-delay:.45s;}

@media (max-width:1024px){
  .col-page-contact{padding:80px 0 90px;}
  .col-page-contact .infos ul{gap:20px;}
  .col-page-contact .infos li{min-height:180px;padding:30px 24px;border-radius:10px;}
  .col-page-contact .infos li p:first-child{margin-bottom:18px;}
  .col-page-contact .infos li img{width:26px;height:26px;}
  .col-page-contact .infos li p:last-child{font-size:15px;line-height:1.7;}
  .col-page-contact .flex{margin-top:60px;gap:40px;}
  .col-page-contact .flex .content{max-width:none;}
  .col-page-contact .share{gap:22px;padding-top:6px;}
  .col-page-contact .share a{width:26px;height:26px;font-size:22px;}
}
@media (max-width:640px){
  .col-page-contact{padding:60px 0 70px;}
  .col-page-contact .infos ul{grid-template-columns:1fr;gap:14px;}
  .col-page-contact .infos li{min-height:0;padding:28px 20px;}
  .col-page-contact .flex{flex-direction:column;align-items:flex-start;gap:30px;margin-top:44px;}
  .col-page-contact .infos li:hover{transform:none;box-shadow:none;}
}
@media (prefers-reduced-motion:reduce){
  .col-page-contact .infos li,
  .col-page-contact .flex .content,
  .col-page-contact .share{opacity:1;transform:none;transition:none;}
}
.col-page-contact .col-message h2,.col-page-contact .col-message form ul li,.col-page-contact .col-message .col-sub{opacity: 1;transform: none;}
.col-page-contact .col-message h2,.col-page-contact form ul li p{color:#000}
.col-page-contact .col-message form ul li input[type="text"],.col-page-contact .col-message form ul li textarea{background: #eff1f5;}

.map{width:100%;height: 31.51vw;min-height: 240px;}
.map>p{width: 100%;height: 100%;}
.map img,.map iframe{width: 100%;height: 100%;object-fit: cover;}


.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:#e71c16;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: #e71c16;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:#e71c16;}
.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:#e71c16;}



/* media */

@media (max-width: 1800px) {

}
@media (max-width: 1600px) {

}
@media (max-width: 1460px) {
  .col-page-news .news-top{margin-bottom: 4.6vw;}
  .col-page-news .news-top a .img{border-width: 4px;}
  .col-page-news .news-top a .content{padding: 3vh 2.4vw;}
  .col-page-news .news-top a .content .info,
  .col-page-news .news-top a .content .title{margin-bottom: 1.5vw;}
  .col-page-news .news-top a .content .s-content{-webkit-line-clamp: 4;}
  .col-page-news ul.list li .img{margin-bottom: 2.1vw;}
  .col-product-detail .pro_show .caseleft,
  .col-product-detail .pro_show .caseright{width:47%;}
  .col-product-detail .pro_show .caseright h2{margin-bottom:2.2vw;}
  .col-product-detail .pro_show .caseright .content{margin-bottom:4vw;}
  .col-product-detail .pro_show .caseright .para{margin-bottom:2.8vw;}
  .col-product-detail .pro_show .caseright .links a{padding:1.2vw 10px;}
  .col-product-detail .pro_show .caseright .links a span{margin-right:1.4vw;}

  .col-product-detail .detail .content table td ul{margin-top:4.5vw;}
  .col-product-detail .detail .content table td ul li{padding:1.4vw 2.4vw;}

  .col-product-detail .related .flex .swiper-buttons .swiper-button{width:3.8vw;height:3.8vw;}

  .col-message h2{margin-bottom:4.6vw;}
  .col-message form ul li input[type="text"]{height:2.8vw;padding:0 1.5vw;}
  .col-message form ul li textarea{height:12.5vw;padding:1.2vw 1.5vw;}
  .col-message form ul li.code img.captcha{height:2.8vw;}
  .col-message .col-sub .sub{height:3vw;}
  .col-page-product ul.list li h3{margin:2.1vw 0 1.1vw;}
  .footer .flex .left .logo img{width:11vw;}
  .footer .flex .right .footer-nav .item .name,
  .footer .flex .right .connect .name{margin-bottom:2.2vw;}
  .footer .flex .right .connect .wrap .share a{width:44px;height:44px;font-size:22px;}
  .col-index-advantages ul.list li .content{padding:16vw 1.5vw 3.5vw;}
  .col-index-advantages ul.list li .content .title{margin-bottom:1.2vw;}
  .col-index-project .flex{margin-bottom:6vw;}
  .col-index-project .flex .child .item{padding:0 9px 11px;margin-right:1.8vw;}
  .container2{padding: 0 8.3vw;}

  .col-index-solution .content{top:6.5vw;}
  .col-index-solution ul.list li .img img{min-height:42vw;}
  .col-index-solution ul.list li .title{bottom:8%;}
  .col-index-solution ul.list li .title h3{margin-top:1.6vw;}
}

@media (max-width: 1200px) {
  .col-page-news{padding: 7vw 0;}
  .col-page-news .news-top a .img{width: 55%;}
  .col-page-news .news-top a .content{width: 44%;padding: 2.6vh 2vw;}
  .col-page-news .news-top a .content .s-content{-webkit-line-clamp: 3;}
  .col-page-news ul.list li{margin-bottom: 3.5%;}
  .col-page-news ul.list li .img{margin-bottom: 2.4vw;}
  .col-product-detail .pro_show{padding:7vw 0;}
  .col-product-detail .pro_show .caseleft,
  .col-product-detail .pro_show .caseright{width:48%;}
  .col-product-detail .pro_show .caseright .content{margin-bottom:3.2vw;}
  .col-product-detail .pro_show .caseright .links a{padding:1.5vw 8px;border-width:1px;}
  .col-product-detail .pro_show .caseright .links a span{margin-right:1vw;}

  .col-product-detail .detail h3{margin-bottom:3vw;padding-bottom:2vw;}
  .col-product-detail .detail .content table td:nth-child(3){width:32% !important;}
  .col-product-detail .detail .content table td ul li{padding:1.6vw 2vw;}

  .col-product-detail .related .flex{margin-bottom:3.6vw;}
  .col-product-detail .related .flex .swiper-buttons .swiper-button{width:44px;height:44px;}

  .col-message form ul li input[type="text"]{height:auto;}
  .col-message form ul li textarea{height:auto;}
  .col-message form ul li.code img.captcha{height:44px;}
  .col-message .col-sub .sub{height:auto;}
  .col-page-product ul.list li{margin-bottom:4.5%;}
  .col-page-product ul.list li h3{margin:2.4vw 0 1.3vw;}
  .footer{padding:7vw 0;}
  .footer .flex .left{width:44%;}
  .footer .flex .right{width:54%;}
  .footer .flex .left .logo img{width:13vw;}
  .footer .flex .right .footer-nav .item{width:48%;}
  .footer .flex .right .connect .wrap .share a{width:40px;height:40px;font-size:20px;margin-right:8px;}
  .footer .flex .right .connect .wrap .contact{padding:11px 16px;}
  .col-index-advantages ul.list li{width:calc(25% - 8px);}
  .col-index-advantages ul.list li .content{padding:17vw 1.8vw 3.2vw;}
  .col-index-advantages ul.list li .content .title{margin-bottom:1.4vw;}
  .col-index-advantages ul.list li:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(0,0,0,.12);}
  .col-index-project .flex{margin-bottom:6.5vw;}
  .col-index-project .flex .child .item{padding:0 8px 10px;margin-right:2vw;}
  .container2{padding: 0 6.66vw;}

  .col-index-solution .content{top:7vw;}
  .col-index-solution ul.list li .img img{min-height:46vw;}
  .col-index-solution ul.list li .title .icon img{width:5vw;}
  .col-index-solution ul.list li .title h3{margin-top:1.4vw;}
  .col-index-solution ul.list li .title h3::after{bottom:-6px;}
}

@media (max-width: 992px) {
  .col-page-news{padding: 60px 0;}

  /* 头条：图文左右改上下 */
  .col-page-news .news-top{margin-bottom: 36px;}
  .col-page-news .news-top a .img,
  .col-page-news .news-top a .content{width: 100%;}
  .col-page-news .news-top a .img{border-width: 3px;}
  .col-page-news .news-top a .content{padding: 24px 22px;border-radius: 0 0 8px 8px;}
  .col-page-news .news-top a .content .info{margin-bottom: 12px;}
  .col-page-news .news-top a .content .title{margin-bottom: 12px;font-size: 20px;}
  .col-page-news .news-top a .content .s-content{-webkit-line-clamp: 3;}

  /* 列表 3 列 → 2 列，先解除 3n */
  .col-page-news ul.list li{width: 48.5%;margin-right: 3%;margin-bottom: 32px;}
  .col-page-news ul.list li:nth-child(3n){margin-right: 3%;}
  .col-page-news ul.list li:nth-child(2n){margin-right: 0;}
  .col-page-news ul.list li .img{margin-bottom: 16px;}
  .col-page-news ul.list li .title{font-size: 17px;}

  /* 触屏取消 hover 变色 */
  .col-page-news .news-top a:hover .content .title,
  .col-page-news ul.list li:hover .title{color: inherit;}
  .col-page-about .col-3 .history-container .swiper-slide .flex .content .title{font-size: 24px;}
  .col-page-about .col-3 .history-container .swiper-slide .flex .content .s-content strong{font-size: 16px;}
  .col-product-detail .pro_show{padding:60px 0;}

  /* 图文左右改上下 */
  .col-product-detail .pro_show .caseleft,
  .col-product-detail .pro_show .caseright{width:100%;}
  .col-product-detail .pro_show .caseright{margin-top:32px;}
  .col-product-detail .pro_show .caseright h2{margin-bottom:16px;font-size:22px;}
  .col-product-detail .pro_show .caseright .content{margin-bottom:24px;}
  .col-product-detail .pro_show .caseright .para{margin-bottom:26px;}
  .col-product-detail .pro_show .caseright .links a{padding:13px 10px;}
  .col-product-detail .pro_show .caseright .links a span{margin-right:12px;}
  .col-product-detail .pro_show .caseright .links a:hover{background:none;color:inherit;}

  .col-product-detail .detail h3{margin-bottom:24px;padding-bottom:16px;font-size:20px;}

  /* 表格解除三栏布局，改块级堆叠 */
  /*
  .col-product-detail .detail .content table,
  .col-product-detail .detail .content table tbody,
  .col-product-detail .detail .content table tr,
  .col-product-detail .detail .content table td{display:block;width:100% !important;}
  .col-product-detail .detail .content table td:nth-child(3){width:100% !important;text-align:left;}
  .col-product-detail .detail .content table td ul{margin-top:28px;}
  .col-product-detail .detail .content table td ul li{padding:14px 0;}
*/
  .col-product-detail .related{padding:60px 0;}
  .col-product-detail .related .flex{margin-bottom:26px;}
  .col-product-detail .related .flex .swiper-buttons .swiper-button{width:40px;height:40px;margin-right:8px;}
  .col-product-detail .related .flex .swiper-buttons .swiper-button:hover{border-color:rgba(34,34,34,.3);color:#000;}
  .col-product-detail .related .flex .swiper-buttons .swiper-button-prev:hover i.iconfont,
  .col-product-detail .related .flex .swiper-buttons .swiper-button-next:hover i.iconfont{transform:none;}
  .col-product-detail .related .swiper-slide h3{margin:16px 0 10px;font-size:17px;}

  .col-product-detail .message{padding:60px 0;}
  .col-message h2{margin-bottom:32px;font-size:28px;}

  /* 三栏输入改两栏 */
  .col-message form ul li{width:48.5%;margin-bottom:16px;}
  .col-message form ul li input[type="text"]{padding:0 16px;}
  .col-message form ul li textarea{padding:14px 16px;min-height:170px;}
  .col-message form ul li.code{margin:16px 0 0;}
  .col-message form ul li.code input.captcha{margin-right:10px;padding:0 14px;}
  .col-message form ul li p{margin-bottom:8px;}
  .col-message form ul li p i{left:-10px;top:-2px;}
  .col-message .col-sub{margin-top:26px;}
  .col-message .col-sub .sub:hover{transform:none;box-shadow:none;filter:none;}
  .col-page-product ul.list li,.col-page-project ul.list li{width:48.5%;margin-right:3%;margin-bottom:32px;}
  .col-page-product ul.list li:nth-child(3n),.col-page-project ul.list li:nth-child(3n){margin-right:3%;}
  .col-page-product ul.list li:nth-child(2n),.col-page-project ul.list li:nth-child(2n){margin-right:0;}

  .col-page-product ul.list li h3{margin:16px 0 10px;font-size:17px;}

  /* 触屏无 hover，图片不做放大 */
  .col-page-product ul.list li .img{overflow:visible;}
  .vicenav{display: none !important;}
  .footer{padding:60px 0;border-bottom-width:3px;}

  /* 左右两栏改上下 */
  .footer .flex .left,
  .footer .flex .right{width:100%;}
  .footer .flex .left .info{margin-bottom:20px;}
  .footer .flex .left .logo{margin-top:28px;}
  .footer .flex .left .logo img{width:120px;}

  .footer .flex .right{margin-top:36px;}
  .footer .flex .right .footer-nav .item .name,
  .footer .flex .right .connect .name{margin-bottom:18px;}

  .footer .flex .right .connect{margin:32px 0 24px;padding:24px 0;}

  /* 社交与联系按钮分两行，避免挤压 */
  .footer .flex .right .connect .wrap .share{width:100%;margin-bottom:16px;}
  .footer .flex .right .connect .wrap .contact{max-width:100%;width:auto;}

  .footer .flex .right .bottom .links{margin-top:12px;}
  .footer .flex .right .bottom .links a{margin-right:20px;}

  /* 触屏取消 hover 残留 */
  .footer .flex .right .footer-nav .item ul li a:hover,
  .footer .flex .right .bottom .links a:hover{color:#b7aeaf;}
  /* 4 列 → 2 列，换行需自行补下边距 */
  .col-index-advantages ul.list li{width:calc(50% - 8px);margin-bottom:16px;}
  .col-index-advantages ul.list li:nth-last-child(-n+2){margin-bottom:0;}
  .col-index-advantages ul.list li .content{padding:150px 24px 32px;}
  .col-index-advantages ul.list li .content .title{margin-bottom:12px;}

  /* 触屏无 hover：背景图直接显示，去掉位移阴影 */
  .col-index-advantages ul.list li .bg{opacity:1;}
  .col-index-advantages ul.list li:hover{transform:none;box-shadow:none;}
  /* 标题与筛选换行排列 */
  .col-index-project .flex{display:block;margin-bottom:30px;}
  .col-index-project .flex h2{margin-bottom:20px;}

  /* 筛选项改横向滚动，避免多标签换行后底线错乱 */
  .col-index-project .flex .child{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -5.2vw;padding:0 5.2vw;}
  .col-index-project .flex .child::-webkit-scrollbar{display:none;}
  .col-index-project .flex .child .item{flex:0 0 auto;padding:0 10px 10px;margin-right:24px;white-space:nowrap;}

  /* 触屏取消 hover，只保留 active */
  .col-index-project .flex .child .item:hover{color:inherit;border-color:#eff1f5;}
  .col-index-project .flex .child .item.active{color:#e71c16;border-color:#e71c16;}
  .col-index-about .num ul,.col-page-about .col-1 .num ul{flex-wrap: wrap;}
  .col-index-about .num ul li,.col-page-about .col-1 .num ul li{width: 48%;margin-bottom: 20px;}
  .col-index-about .content ul li,.col-index-news .wrap .left,.col-index-news .wrap .right,.col-page-about .col-1 .flex h2,.col-page-about .col-1 .flex .content,.col-page-about .col-2.in .content ul li,.col-page-about .col-3 .history-container .swiper-slide .flex .img,.col-page-about .col-3 .history-container .swiper-slide .flex .content{width: 100%;margin-bottom: 20px;}
  .col-page-about .col-2 .content ul li p:last-child{max-width: none;}
  .container2{padding: 0 5.2vw;}

  .header .flex .nav-btn{display: block !important;margin-left: 20px;}
  .header .flex .lines{width: 20px;height: 16px;position: relative;cursor: pointer;}
  .header .flex .lines span{width: 100%;height: 2px;background: #fff;position: absolute;overflow: hidden;left: 0;transition: all 0.25s ease;}
  /* .header.on .flex .lines span{background: #000;} */
  .header .flex .lines span.n1{top: 0;}
  .header .flex .lines span.n2{top: 7px;}
  .header .flex .lines span.n3{top: 14px;}
  .header .flex .nav-btn.closes .lines span.n1 {top: 8px;transform: rotate(45deg);}
  .header .flex .nav-btn.closes .lines span.n2 {opacity: 0;}
  .header .flex .nav-btn.closes .lines span.n3 {top: 8px;transform: rotate(-45deg);}
  .header .inner nav,.change-language::before{display: none !important;}
  .change-language{margin-left: 0;padding-left: 0;}

  /* 标题脱离绝对定位，改为常规流，避免压住两行图片 */
  .col-index-solution{color:inherit;padding-top:60px;}
  .col-index-solution .content{position:static;margin-bottom:24px;color:#111;}
  .col-index-solution .content .name{margin-bottom:4px;}

  /* 两列 */
  .col-index-solution ul.list li{flex:0 0 50%;width:50%;}
  .col-index-solution ul.list li .img img{min-height:46vw;}
  .col-index-solution ul.list li .title{bottom:9%;color:#fff;}
  .col-index-solution ul.list li .title .icon img{width:52px;min-width:0;}
  .col-index-solution ul.list li .title h3{margin-top:16px;}

  /* 触屏无 hover，动效取消 */
  .col-index-solution ul.list li:hover .img img{transform:none;}
  .col-index-solution ul.list li:hover::before{background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0) 60%);}
  .col-index-solution ul.list li:hover .title{transform:none;}
  .col-index-solution ul.list li:hover .title .icon img{transform:none;}
  .col-index-solution ul.list li:hover .title h3::after{transform:scaleX(0);}
}

@media (max-width: 768px) {
  .col-page-news{padding: 46px 0;}
  .col-page-news .news-top{margin-bottom: 30px;}
  .col-page-news .news-top a .content{padding: 20px 18px;}
  .col-page-news .news-top a .content .info{font-size: 13px;margin-bottom: 10px;}
  .col-page-news .news-top a .content .title{font-size: 18px;margin-bottom: 10px;}
  .col-page-news .news-top a .content .s-content{font-size: 14px;line-height: 1.7;}

  .col-page-news ul.list li{margin-bottom: 26px;}
  .col-page-news ul.list li .img{margin-bottom: 14px;}
  .col-page-news ul.list li .info{font-size: 13px;margin-bottom: 8px;}
  .col-page-news ul.list li .title{font-size: 16px;line-height: 1.4;}
  .col-product-detail .pro_show{padding:46px 0;}
  .col-product-detail .pro_show .caseleft .col-thumb{margin-top:10px;}
  .col-product-detail .pro_show .caseright{margin-top:26px;}
  .col-product-detail .pro_show .caseright h2{font-size:20px;margin-bottom:14px;}
  .col-product-detail .pro_show .caseright .content{font-size:14px;margin-bottom:20px;}
  .col-product-detail .pro_show .caseright .para{font-size:14px;margin-bottom:22px;}
  .col-product-detail .pro_show .caseright .links a{padding:12px 8px;font-size:14px;}

  .col-product-detail .detail h3{margin-bottom:20px;padding-bottom:14px;font-size:18px;}
  .col-product-detail .detail .content{font-size:14px;}
  .col-product-detail .detail .content table td ul{margin-top:22px;}
  .col-product-detail .detail .content table td ul li{padding:12px 0;font-size:14px;}
  .col-product-detail .detail .content table td ul li p:nth-child(1){width:42%;}

  .col-product-detail .related{padding:46px 0;}
  .col-product-detail .related .flex .swiper-buttons .swiper-button{width:36px;height:36px;}
  .col-product-detail .related .swiper-slide h3{margin:14px 0 8px;font-size:16px;}
  .col-product-detail .related .swiper-slide .content{font-size:13px;}

  .col-product-detail .message{padding:46px 0;}
  .col-message h2{font-size:24px;margin-bottom:26px;}
  .col-message form ul li input[type="text"],
  .col-message form ul li.code img.captcha{min-height:42px;height:42px;}
  .col-message form ul li textarea{min-height:150px;}
  .col-message .col-sub .sub{min-width:180px;min-height:46px;font-size:14px;}

  .col-page-product ul.list li{margin-bottom:26px;}
  .col-page-product ul.list li h3{margin:14px 0 8px;font-size:16px;line-height:1.5;}
  .col-page-product ul.list li .content{font-size:13px;line-height:1.6;height:3.2em;}
  .footer{padding:46px 0;}
  .footer .flex .left .info{font-size:15px;line-height:1.7;margin-bottom:16px;}
  .footer .flex .left .desc{font-size:13px;}
  .footer .flex .left .logo{margin-top:24px;}
  .footer .flex .left .logo img{width:110px;}

  .footer .flex .right{margin-top:30px;}
  .footer .flex .right .footer-nav .item{width:48%;}
  .footer .flex .right .footer-nav .item .name,
  .footer .flex .right .connect .name{margin-bottom:14px;font-size:15px;}
  .footer .flex .right .footer-nav .item ul li{margin-bottom:10px;font-size:14px;}

  .footer .flex .right .connect{margin:26px 0 20px;padding:20px 0;}
  .footer .flex .right .connect .wrap .share a{width:38px;height:38px;font-size:18px;}

  .footer .flex .right .bottom .copyright{font-size:13px;line-height:1.6;}
  .footer .flex .right .bottom .links a{font-size:13px;margin-right:16px;}
  .col-index-advantages ul.list li{margin-bottom:12px;}
  .col-index-advantages ul.list li .content{padding:120px 18px 26px;}
  .col-index-advantages ul.list li .content .title{margin-bottom:10px;font-size:16px;}
  .col-index-advantages ul.list li .content .s-content{font-size:13px;line-height:1.6;}
  .col-index-news .flex .swiper-buttons a.more{padding: 0 12px;}
  .col-index-project .flex{margin-bottom:24px;}
  .col-index-project .flex h2{margin-bottom:16px;}
  .col-index-project .flex .child .item{padding:0 8px 8px;margin-right:20px;border-bottom-width:2px;}

  .col-index-solution{padding-top:50px;}
  .col-index-solution .content{margin-bottom:20px;}
  .col-index-solution ul.list li .img img{min-height:52vw;}
  .col-index-solution ul.list li .title{bottom:8%;padding:0 12px;}
  .col-index-solution ul.list li .title .icon img{width:44px;}
  .col-index-solution ul.list li .title h3{margin-top:12px;font-size:15px;line-height:1.4;}
  .col-index-solution ul.list li .title h3::after{bottom:-5px;height:1px;}
  .col-index-solution [data-reveal]{transform:translateY(30px);}
}

@media (max-width: 468px) {
  .col-page-news{padding: 36px 0;}

  .col-page-news .news-top a .img{border-width: 2px;}
  .col-page-news .news-top a .content{padding: 18px 15px;}
  .col-page-news .news-top a .content .title{font-size: 17px;}
  .col-page-news .news-top a .content .s-content{-webkit-line-clamp: 2;}

  /* 列表单列 */
  .col-page-news ul.list li{width: 100%;margin-right: 0;margin-bottom: 24px;}
  .col-page-news ul.list li:nth-child(3n),
  .col-page-news ul.list li:nth-child(2n){margin-right: 0;}
  .col-page-news ul.list li:last-child{margin-bottom: 0;}
  .col-page-news ul.list li .img{margin-bottom: 12px;}
  .col-page-news ul.list li .title{font-size: 17px;}

  /* 日期/栏目分隔线在小字号下收紧 */
  .col-page-news .news-top a .content .info .column,
  .col-page-news ul.list li .info .column{margin-right: 10px;padding-right: 8px;}
  .col-product-detail .pro_show{padding:36px 0;}
  .col-product-detail .pro_show .caseright h2{font-size:19px;}

  /* 两个按钮改上下排列 */
  .col-product-detail .pro_show .caseright .links{display:block;}
  .col-product-detail .pro_show .caseright .links a{width:100%;}
  .col-product-detail .pro_show .caseright .links a + a{margin-top:10px;}

  .col-product-detail .detail .content table td ul li{align-items:flex-start;flex-wrap:wrap;}
  .col-product-detail .detail .content table td ul li p:nth-child(1){width:100%;margin-bottom:4px;color:rgba(0,0,0,.5);}

  .col-product-detail .related{padding:36px 0;}
  .col-product-detail .related .flex{margin-bottom:20px;}
  .col-product-detail .related .swiper-slide h3{font-size:17px;}
  .col-product-detail .related .swiper-slide .content{font-size:14px;-webkit-line-clamp:3;height:auto;max-height:4.8em;}

  .col-product-detail .message{padding:36px 0;}
  .col-message h2{font-size:21px;margin-bottom:22px;}

  /* 表单全部单列 */
  .col-message form ul li{width:100%;margin-bottom:14px;}
  .col-message form ul li textarea{min-height:130px;}
  .col-message form ul li.code{margin-top:14px;flex-wrap:wrap;}
  .col-message form ul li.code input.captcha{width:calc(100% - 130px);min-width:0;margin-right:10px;}
  .col-message form ul li.code img.captcha{height:42px;max-width:120px;}
  .col-message .col-sub{margin-top:20px;}
  .col-message .col-sub .sub{width:100%;min-width:0;}

  /* 小屏减弱入���位移，避免首屏空白感 */
  .col-message h2,
  .col-message form ul li,
  .col-message .col-sub{transform:translateY(20px);}
  .col-page-product ul.list li{width:100%;margin-right:0;margin-bottom:24px;}
  .col-page-product ul.list li:nth-child(3n),
  .col-page-product ul.list li:nth-child(2n){margin-right:0;}
  .col-page-product ul.list li:last-child{margin-bottom:0;}

  .col-page-product ul.list li h3{margin:12px 0 8px;font-size:17px;}
  .col-page-product ul.list li .content{font-size:14px;-webkit-line-clamp:3;height:auto;max-height:4.8em;}
  .footer{padding:36px 0;}

  /* 导航两栏改单栏 */
  .footer .flex .right .footer-nav{display:block;}
  .footer .flex .right .footer-nav .item{width:100%;}
  .footer .flex .right .footer-nav .item + .item{margin-top:24px;}

  .footer .flex .left .logo img{width:100px;}

  .footer .flex .right .connect{margin:22px 0 18px;padding:18px 0;}
  .footer .flex .right .connect .wrap .share{margin-bottom:14px;}
  .footer .flex .right .connect .wrap .share a{width:36px;height:36px;font-size:17px;margin-right:8px;}

  /* 按钮占满一行，文字不换行 */
  .footer .flex .right .connect .wrap .contact{width:100%;justify-content:center;padding:12px 16px;}

  .footer .flex .right .bottom .links{flex-wrap:wrap;margin-top:10px;}
  .footer .flex .right .bottom .links a{margin:0 14px 8px 0;}
  .col-index-advantages ul.list li{width:100%;margin-bottom:12px;border-radius:6px;}
  .col-index-advantages ul.list li:nth-last-child(-n+2){margin-bottom:12px;}
  .col-index-advantages ul.list li:last-child{margin-bottom:0;}
  .col-index-advantages ul.list li .content{padding:100px 20px 24px;}
  .col-index-advantages ul.list li .content .title{font-size:17px;}
  .col-index-advantages ul.list li .content .s-content{font-size:14px;}
  .col-index-project .flex{margin-bottom:20px;}
  .col-index-project .flex h2{margin-bottom:14px;}
  .col-index-project .flex .child{margin:0 -4.5vw;padding:0 4.5vw;}
  .col-index-project .flex .child .item{padding:0 6px 7px;margin-right:16px;font-size:14px;}

  .change-language .change-language-cont{position: fixed;top: 40px;left: 0;width: 100%;padding: 10px;}
  .language-flag img{width: 18px;height: 13px;margin: -6px 1px 0;}
  .language-flag span{padding: 0 0 0 24px;}

  /* 单列 */
  .col-index-solution{padding-top:40px;}
  .col-index-solution ul.list li{flex:0 0 100%;width:100%;}
  .col-index-solution ul.list li .img img{min-height:0;height:56vw;}
  .col-index-solution ul.list li .title{bottom:10%;}
  .col-index-solution ul.list li .title .icon img{width:40px;}
  .col-index-solution ul.list li .title h3{margin-top:10px;font-size:14px;}
  .col-index-solution [data-reveal]{transform:translateY(20px);transition-delay:0s !important;}
}