@charset "utf-8";
*{margin:0;padding:0;/*list-style-type: none;*/}
body{font-size:16px;font-family: 'Microsoft YaHei','simSun';-webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:0;height: auto;transition: all 0.4s;}
a{text-decoration: none;cursor: pointer;border:0;color: initial;}
a:hover{text-decoration:none;color:#094698;}
.show-div{display: block !important;}
.show-div-flex {display: flex !important;}
.hidden-div{display: none !important;}
img{width: 100%;}
/* public */
.f-c-c{display: flex;align-items: center;justify-content: center;}
.f-c-sb{display: flex;align-items: center;justify-content: space-between;}
.f-c-s{display: flex;align-items: center;justify-content: flex-start;}
.f-c-e{display: flex;align-items: center;justify-content: flex-end;}
.f-s-e{display: flex;align-items: flex-start;justify-content: flex-end;}
.f-s-s{display: flex;align-items: flex-start;justify-content: flex-start;}
.f-e-c{display: flex;align-items: flex-end;justify-content: center;}
.f-e-e{display: flex;align-items: flex-end;justify-content: flex-end;}
.f-e-s{display: flex;align-items: flex-end;justify-content: flex-start;}
.f-e-sb{display: flex;align-items: flex-end;justify-content: space-between;}
.f-s-sb{display: flex;align-items: flex-start;justify-content: space-between;}
.f-s-c{display: flex;align-items: flex-start;justify-content: center;}
.f-n-s{display: flex;align-items:normal;justify-content: flex-start;}
.f-n-sb{display: flex;align-items:normal;justify-content: space-between;}
.f-n-c{display: flex;align-items:normal;justify-content: center;}
.f-b-sb{display: flex;align-items: baseline;justify-content: space-between;}
.f-b-s{display: flex;align-items: baseline;justify-content: flex-start;}
.f-b-c{display: flex;align-items: baseline;justify-content: center;}


.f-w-y{flex-wrap: wrap;}
.f-r-r{flex-direction: row-reverse;}
.f-d-c{flex-direction: column;}
.flex_1{flex: 1;}
.y-hide1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.y-hide2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}
.y-hide3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;overflow: hidden;}
.y-hide4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;line-clamp: 4;overflow: hidden;}
.white-nowrap{white-space: nowrap;}
.text-start{text-align: left;}
.swiper {width: 100%;height: 100%;padding-top: 0 !important;}
.line1_2{line-height: 1.2;}
.line1_3{line-height: 1.3;}
.line1_5{line-height: 1.5;}
.line1_8{line-height: 1.8;}
.line2{line-height: 2;}
.line2_5{line-height: 2.5;}
.fontb{font-weight: bold;}
.maincolor{color: #0154DC;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 25px;}
.c-999{color: #999;}
.c-333{color: #333;}
.c-666{color: #666;}
.c-fff{color: #fff;}
.c100{width: 100%;height: 100%;}
.t-center{text-align: center;}
.relative{position: relative;z-index: 10;}
.display-inline-block{display: inline-block;}
.zcBox{background-color: #FFFFFF;color: #333333;}
.b-box{width: 88%; margin: auto;}
.img-cover{width: 100%;height: 100%;
object-fit: cover;}
.img-contain{width: 100%;height: 100%;object-fit: contain;}
.text-end{text-align: right;text-align: end;}
.w-full{width: 100%;;}
.h-full{height: 100%;}
.wh-nowrap{white-space: nowrap;}

.margin0{margin: 0 !important;}
.padding0{padding: 0 !important;}
.borderNone{border: none !important;}

/* 统一修改 input 占位符颜色 */
input::placeholder {
  color: #B5B5B5 !important;
  opacity: 1; /* 防止Firefox默认变浅 */
}

/* 兼容旧版浏览器 */
input::-webkit-input-placeholder {
  color: #B5B5B5 !important;
}
input:-ms-input-placeholder {
  color: #B5B5B5 !important;
}

button{border: none; background: transparent;}
.swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.y-pad170{box-sizing: border-box;padding-left: 170px;padding-right: 170px;}
.white-bg{background: #ffffff !important;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.y-page{display: flex;flex-direction: column;min-height: 100vh;background-color: #F7F8FF;overflow: hidden;}
.gy-box1 .swiper-slide{width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 23.7%;}
/* .sy-box1 .swiper-slide{padding-bottom: 35.938% !important;}
.sy-box1 .swiper-slide2 {padding-bottom: 35.365% !important;} */
.gy-box1 .swiper-slide img{position: absolute;top:0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;display: block;object-fit: cover;}
.gy-box1 .swiper-pagination-bullet{width: .35rem;height: .08rem;background: #FFFFFF;border-radius: 4px;opacity: 0.5; transition: all 0.4s ease; /* 指示点过渡动画 */margin: 0 5px !important; /* 增加间距 */}
.gy-box1 .swiper-pagination-bullet-active{opacity: 1;}
.f-c-sp p {font-size: 19px;}


/* 动效 */
.sy-box2 .swiper-slide img:hover,
.sy-box6 .b6-list img:hover,
.cyjd .b1-pic1 img:hover,
.cyjd .b1-pic2 img:hover{transition: all 0.4s;transform: scale(1.05);}

.sy-box2 .b2-tit:hover{background: rgba(0, 105, 179, 0.7);transition: all 0.4s;}
.sy-box5 .b5-item:hover{box-shadow: 4px 1px 20px 0px rgba(0, 0, 0, 0.2);transition: all 0.4s; }
.body{margin-left: auto;margin-right: auto;min-width: 320px;max-width: 1280px;}
.y-padding{padding-left: 5.209% !important;padding-right: 5.209% !important;box-sizing: border-box;}
.zctitle{font-weight: bold;font-size: 36px;color: #333333;line-height: 38px;text-align: center;}

/* /// */
.iconfontBox{position: absolute;right: 0px;top:0;width: 100%;height: 100%;padding-right: 40px; z-index: 10;}
.iconfont{width:16px;}
.at_on{opacity:0;visibility:hidden}
@media screen and (min-width:769px){[data-vh]{height:100vh}}
*,:after,:before{box-sizing:border-box;backface-visibility:hidden;margin:0;padding:0}
body{}
ol{vertical-align:middle;/*list-style-type:none;*/}
ul, ul li{vertical-align:middle;list-style-type:none;}
img{vertical-align:top;border:0}
input,select,textarea,button{vertical-align:middle}
textarea,input{text-indent:10px}
input[type=submit],input[type=button],button{text-indent:0;text-align:center;cursor:pointer}
label,button,a{cursor:pointer}
ins,em,b,i{font-style:normal;text-decoration:none}
select:focus,textarea:focus,input:focus,button{outline:none}
.scroll-animate.animated,.scroll-animate:not(.father){visibility:hidden}
.animated{animation-duration:1.2s;animation-fill-mode:both}
.font-fadeIn font{display:inline-block}
::-webkit-scrollbar{width:0;background-color:transparent}
::-webkit-scrollbar-thumb{width:0;background-color:transparent;border:0 solid transparent;border-radius:4px}
::-webkit-scrollbar-corner{background-color:transparent}
::-webkit-scrollbar:horizontal{height:9px}
::-webkit-selection{color:transparent;background:0 0}
::-moz-selection{color:transparent;background:0 0}
::selection{color:#fff;-webkit-text-fill-color:#fff;background-color:#1c509c}
input::-webkit-input-placeholder,input::-moz-input-placeholder,textarea::-webkit-textarea-placeholder,textarea::-moz-textarea-placeholder{color:#999;transition:color .5s}
input:focus::-webkit-input-placeholder,input:focus::-moz-input-placeholder,input:hover::-webkit-input-placeholder,input:hover::-moz-input-placeholder,textarea:focus::-webkit-input-placeholder,textarea:focus::-moz-input-placeholder,textarea:hover::-webkit-input-placeholder,textarea:hover::-moz-input-placeholder{color:#c2c2c2}
a{color:inherit;text-decoration:none;display:inline-block}
a[href]{cursor:pointer}
a:hover{cursor:pointer;text-decoration:none}
a:focus{background-color:transparent}
audio,canvas,progress,video{vertical-align:baseline;display:inline-block}
body{-webkit-tap-highlight-color:transparent;color:#14212c}
html{width:100%;scroll-behavior:initial;font-size:5.20833vw;overflow-x:hidden}
a:focus,input:focus,p:focus,div:focus{-webkit-tap-highlight-color:transparent}
img[src=""],img:not([src]){opacity:0}
b{font-size:inherit;color:inherit;font-family:inherit}
font{font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;font-style:inherit;text-transform:inherit}
.fl{float:left}
.fr{float:right}
.fw-100{font-weight:100}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-900{font-weight:900}
.cl:after{content:" ";height:0;clear:both;visibility:hidden;font-size:0;line-height:0;display:block}
.hide{display:none}
.show{display:block}
.text_overflow{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}
[data-ahref]{cursor:pointer}
.f-left{text-align:left}
.f-center{text-align:center}
.f-right{text-align:right}
.up-word{text-transform:uppercase}
.v-show{visibility:visible}
.v-hide{visibility:hidden}
.pr{position:relative}
.pa{position:absolute}
.back-cover{background-size:cover}
.back-contain{background-size:contain}
.wid-10{width:10%}
.wid-14_5{width:14.5%}
.wid-15{width:15%}
.wid-20{width:20%}
.wid-25{width:25%}
.wid-30{width:30%}
.wid-35{width:35%}
.wid-40{width:40%}
.wid-45{width:45%}
.wid-45_5{width:45.5%}
.wid-50{width:50%}
.wid-54_5{width:54.5%}
.wid-55{width:55%}
.wid-60{width:60%}
.wid-65{width:65%}
.wid-70{width:70%}
.wid-75{width:75%}
.wid-80{width:80%}
.wid-85{width:85%}
.wid-90{width:90%}
.wid-95{width:95%}
.wid-100{width:100%}
.hit-100{height:100%}
.op-0{opacity:0}
.op-1{opacity:.1}
.op-2{opacity:.2}
.op-3{opacity:.3}
.op-4{opacity:.4}
.op-5{opacity:.5}
.op-6{opacity:.6}
.op-7{opacity:.7}
.op-8{opacity:.8}
.op-9{opacity:.9}
.op-10{opacity:1}
.layout-middle{left:0;right:0}
.pa-mid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.pic{background-position:50%;background-repeat:no-repeat;background-size:cover}
.fxc,header .pcNav .col.c2 .navItem>li,.layer-icon{justify-content:center;align-items:center;display:flex}
.fxb{justify-content:space-between;align-items:center;display:flex}
.layer-photo{position:relative}
.max-wid{width:70%;max-width:12rem;margin:auto}
.maxSize{width:86%;max-width:15rem;margin:auto}


/* 原有基础字号类（保持不变，1920px 屏生效） */
.f-100{font-size:1rem;}
.f-86 {font-size: .86rem;}
.f-80 {font-size: .8rem;}
.f-72{font-size:.72rem;}
.f-70{font-size:.7rem;}
.f-68{font-size:.68rem;}
.f-64{font-size:.64rem;}
.f-60{font-size:.6rem;}
.f-56{font-size:.56rem;}
.f-54{font-size:.54rem;}
.f-52{font-size:.52rem;}
.f-50{font-size:.5rem;}
.f-48{font-size:.48rem;}
.f-46{font-size:.46rem;}
.f-44{font-size:.44rem;}
.f-42{font-size:.42rem;}
.f-40{font-size:.4rem;}
.f-38{font-size:.38rem;}
.f-36{font-size:.36rem;}
.f-34{font-size:.34rem;}
.f-32{font-size:.32rem;}
.f-30{font-size:.3rem;}
.f-28{font-size:.28rem;}
.f-26{font-size:.26rem;}
.f-24{font-size:.24rem;}
.f-22{font-size:1.14583vw;}
.f-20{font-size:1.04167vw;}
.f-18{font-size:.9375vw;}
.f-16{font-size:.83333vw;}
.f-14{font-size:.72917vw;}
.f-12{font-size:.625vw;}

/* 中等屏幕（1441px ~ 1600px）：1.1倍 */
@media screen and (max-width: 1600px) and (min-width: 1441px) {
  html {
    font-size: calc(5.20833vw * 1.1) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }

  .f-22{font-size: calc(1.14583vw * 1.1) !important;}
  .f-20{font-size: calc(1.04167vw * 1.1) !important;}
  .f-18{font-size: calc(0.9375vw * 1.1) !important;}
  .f-16{font-size: calc(0.83333vw * 1.1) !important;}
  .f-14{font-size: calc(0.72917vw * 1.1) !important;}
  .f-12{font-size: calc(0.625vw * 1.1) !important;}
}

/* 笔记本主流（1367px ~ 1440px）：1.15倍 */
@media screen and (max-width: 1440px) and (min-width: 1367px) {
  html {
    font-size: calc(5.20833vw * 1.15) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }

  .f-22{font-size: calc(1.14583vw * 1.15) !important;}
  .f-20{font-size: calc(1.04167vw * 1.15) !important;}
  .f-18{font-size: calc(0.9375vw * 1.15) !important;}
  .f-16{font-size: calc(0.83333vw * 1.15) !important;}
  .f-14{font-size: calc(0.72917vw * 1.15) !important;}
  .f-12{font-size: calc(0.625vw * 1.15) !important;}
}

/* 老旧笔记本（1201px ~ 1366px）：1.2倍 */
@media screen and (max-width: 1366px) and (min-width: 1201px) {
  html {
    font-size: calc(5.20833vw * 1.2) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }

  .f-22{font-size: calc(1.14583vw * 1.2) !important;}
  .f-20{font-size: calc(1.04167vw * 1.2) !important;}
  .f-18{font-size: calc(0.9375vw * 1.2) !important;}
  .f-16{font-size: calc(0.83333vw * 1.2) !important;}
  .f-14{font-size: calc(0.72917vw * 1.2) !important;}
  .f-12{font-size: calc(0.625vw * 1.2) !important;}
}

/* 平板/小笔记本（994px ~ 1200px）：1.25倍 */
@media screen and (max-width: 1200px) and (min-width: 994px) {
  html {
    font-size: calc(5.20833vw * 1.25) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
  }
 
  .f-22{font-size: calc(1.14583vw * 1.25) !important;}
  .f-20{font-size: calc(1.04167vw * 1.25) !important;}
  .f-18{font-size: calc(0.9375vw * 1.25) !important;}
  .f-16{font-size: calc(0.83333vw * 1.25) !important;}
  .f-14{font-size: calc(0.72917vw * 1.25) !important;}
  .f-12{font-size: calc(0.625vw * 1.25) !important;}
}
/* @media screen and (max-width: 1440px) and (min-width: 1366px) {
  html {
    font-size: calc(5.20833vw * 1.25) !important;
  }
} */
@keyframes fadeInLeftSmall{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}
.fadeInLeftSmall{animation-name:fadeInLeftSmall}
@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:none}}
.fadeInLeft{animation-name:fadeInLeftSmall}
@keyframes fadeInRightSmall{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}
.fadeInRightSmall{animation-name:fadeInRightSmall}
@keyframes fadeInRight{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:none}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInDownSmall{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.fadeInDownSmall{animation-name:fadeInDownSmall}
@keyframes fadeOutDownSmall{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)}}
.fadeOutDownSmall{animation-name:fadeOutDownSmall}
@keyframes fadeInUpSmall{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.fadeInUpSmall{animation-name:fadeInUpSmall}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30%)}to{opacity:1;transform:none}}
.fadeInUp{animation-name:fadeInUp}
.xp-animate-up{opacity: 0;transform: translateY(40px);transition: opacity 0.6s ease, transform 0.6s ease;}
.xp-animate-up.animate{opacity: 1;transform: translateY(0);}
.xp-animate-up.delay-1{transition-delay: 0.1s;}
.xp-animate-up.delay-2{transition-delay: 0.2s;}
.xp-animate-up.delay-3{transition-delay: 0.3s;}
.mc{color:#0031c3}
.gray{color:rgba(0,0,0,.4)}
.wc{color:#fff}
p{line-height:2}
.lh-15{line-height:1.5}
.mb-90{margin-bottom:.9rem}
.mb-80{margin-bottom:.8rem}
.mb-70{margin-bottom:.7rem}
.mb-60{margin-bottom:.6rem}
.mb-50{margin-bottom:.5rem}
.mb-40{margin-bottom:.4rem}
.mb-30{margin-bottom:.3rem}
.mb-20{margin-bottom:.2rem}
.mb-10{margin-bottom:.1rem}
.layer-icon .icon{display:block}
.layer-icon .mr-8{margin-right:8px}
.layer-icon .mr{margin-right:.78125vw}


/* 平板/大屏手机（768px ~ 993px）：增大字号确保可读性 */
@media screen and (max-width: 993px) and (min-width: 768px) {
  html {
    font-size: 16px !important;
  }
  
  .f-100 {font-size: 54px}
  .f-86 {font-size: 46px}
  .f-80 {font-size: 43px}
  .f-72 {font-size: 39px}
  .f-70 {font-size: 38px}
  .f-68 {font-size: 37.5px}
  .f-64 {font-size: 37.2px}
  .f-60 {font-size: 37px}
  .f-56 {font-size: 36px}
  .f-54 {font-size: 35px}
  .f-52 {font-size: 34px}
  .f-50 {font-size: 33px}
  .f-48 {font-size: 32px}
  .f-46 {font-size: 31px}
  .f-44 {font-size: 30px}
  .f-42 {font-size: 29px}
  .f-40 {font-size: 28px}
  .f-38 {font-size: 27px}
  .f-36 {font-size: 26px}
  .f-34 {font-size: 25px}
  .f-32 {font-size: 24px}
  .f-30 {font-size: 23px}
  .f-28 {font-size: 22px}
  .f-26 {font-size: 21px}
  .f-24 {font-size: 20px}
  .f-22 {font-size: 19px}
  .f-20 {font-size: 18px}
  .f-18 {font-size: 17px}
  .f-16 {font-size: 16px}
  .f-14 {font-size: 15px}
  .f-12 {font-size: 14px}
}

@media screen and (min-width:769px){.app{display:none !important} }

/* 平板/大屏手机（577px ~ 768px）：增大字号 */
@media screen and (max-width: 768px) and (min-width: 577px) {
   
  html {
    font-size: 16px !important;
  }
   .wzdty {padding: 0 0px;}
.hint_box{font-size: 14px}
  .iconfont{width: 14px}
  .f-100 {font-size: 51px}
  .f-86 {font-size:45px}
  .f-80 {font-size: 42px}
  .f-72 {font-size: 38px}
  .f-70 {font-size: 37px}
  .f-68 {font-size: 36.5px}
  .f-64 {font-size: 36.2px}
  .f-60 {font-size: 36px}
  .f-56 {font-size: 35px}
  .f-54 {font-size: 34px}
  .f-52 {font-size: 33px}
  .f-50 {font-size: 32px}
  .f-48 {font-size: 31px}
  .f-46 {font-size: 30px}
  .f-44 {font-size: 29px}
  .f-42 {font-size: 28px}
  .f-40 {font-size: 27px}
  .f-38 {font-size: 26px}
  .f-36 {font-size: 25px}
  .f-34 {font-size: 24px}
  .f-32 {font-size: 23px}
  .f-30 {font-size: 22px}
  .f-28 {font-size: 21px}
  .f-26 {font-size: 20px}
  .f-24 {font-size: 19px}
  .f-22 {font-size: 18px}
  .f-20 {font-size: 17px}
  .f-18 {font-size: 16px}
  .f-16 {font-size: 15px}
  .f-14 {font-size: 14px}
  .f-12 {font-size: 13px}
  .p{line-height: 1.7}
  .pc{display: none !important}
  .layer-icon .mr{margin-right: 10px}
  header nav.app-nav .inner_top .topic .other .language{height: 100%;justify-content: center;align-items: center;display: flex}
  header nav.app-nav .inner_top .topic .other .language .layer-icon{height: 100%}
  header nav.app-nav .inner_top .topic .other .language .f-16{font-size: 16px}
}


/* 手机端字体大小适配（最大576px）：确保最小可读性 */
@media screen and (max-width: 576px) {
  html {
    font-size: 16px !important;
  }
   .wzdty {padding: 0 0px;}
  .hint_box{font-size: 14px}
  .iconfont{width: 14px}
  .f-100 {font-size: 36px}
.f-86 {font-size: 32.2px}
.f-80 {font-size: 30.6px}
.f-72 {font-size: 29px}
.f-70 {font-size: 28.4px}
.f-68 {font-size: 27.5px}
.f-64 {font-size: 26.2px}
.f-60 {font-size: 25.8px}
.f-56 {font-size: 24.7px}
.f-54 {font-size: 24.1px}
.f-52 {font-size: 23.6px}
.f-50 {font-size: 23px}
.f-48 {font-size: 22.5px}
.f-46 {font-size: 21.9px}
.f-44 {font-size: 21.4px}
.f-42 {font-size: 20.8px}
.f-40 {font-size: 20.3px}
.f-38 {font-size: 19.7px}
.f-36 {font-size: 19.2px}
.f-34 {font-size: 18.6px}
.f-32 {font-size: 18.1px}
.f-30 {font-size: 17.5px}
.f-28 {font-size: 17px}
.f-26 {font-size: 16.4px}
.f-24 {font-size: 15.9px}
.f-22 {font-size: 15.3px}
.f-20 {font-size: 14.8px}
.f-18 {font-size: 14.5px} /* 你指定的尺寸 */
.f-16 {font-size: 13.9px}
.f-14 {font-size: 13.4px}
.f-12 {font-size: 12.8px}
  .p{line-height: 1.7}
  .pc{display: none !important}
  .layer-icon .mr{margin-right: 10px}
  header nav.app-nav .inner_top .topic .other .language{height: 100%;justify-content: center;align-items: center;display: flex}
  header nav.app-nav .inner_top .topic .other .language .layer-icon{height: 100%}
  header nav.app-nav .inner_top .topic .other .language .f-16{font-size: 16px}
}

/* 超小屏幕（最大400px）：进一步增大字号 */
/* @media screen and (max-width: 400px) {
  html {
    font-size: 16px !important;
  }
  
  .f-100 {font-size: 36px}
  .f-86 {font-size: 30px}
  .f-80 {font-size: 28px}
  .f-72 {font-size: 26px}
  .f-70 {font-size: 25.4px}
.f-68 {font-size: 24.5px}
.f-64 {font-size: 24.2px}
  .f-60 {font-size: 24px}
  .f-56 {font-size: 22px}
  .f-54 {font-size: 21px}
  .f-52 {font-size: 20px}
  .f-50 {font-size: 19px}
  .f-48 {font-size: 18px}
  .f-46 {font-size: 18px}
  .f-44 {font-size: 17px}
  .f-42 {font-size: 16px}
  .f-40 {font-size: 16px}
  .f-38 {font-size: 15px}
  .f-36 {font-size: 15px}
  .f-34 {font-size: 14px}
  .f-32 {font-size: 14px}
  .f-30 {font-size: 20px}
  .f-28 {font-size: 18px}
  .f-26 {font-size: 18px}
  .f-24 {font-size: 17px}
  .f-22 {font-size: 16px}
  .f-20 {font-size: 15px}
  .f-18 {font-size: 15px}
  .f-16 {font-size: 14px}
  .f-14 {font-size: 13px}
  .f-12 {font-size: 12px}
} */


/* 分页 */
.wzdty {padding: 0 20px;}
 .pagination {display: flex;list-style: none; padding: 0;margin: 84px 0 0px;gap: 8px;justify-content: center; }
 .pagination li {width: 40px;height: 40px;text-align:center;line-height:40px;border-radius: 50% !important;cursor: pointer;color: #333;transition: all 0.2s ease;margin: 0 5px;background-color: #F9FCFF;}
  .pagination li a:hover{color: #fff;}
  .pagination li:hover:not(.disabled):not(.active) { background-color: #1000DE;color: #fff;border-color: #1000DE;transform: translateY(-2px);}
.pagination .active {color: #fff;border-color: #1000DE;cursor: default;background-color: #1000DE;}
.pagination li .disabled {color: #000;cursor: not-allowed; background-color: #F4F4F5;}
input,textarea{border: none; outline: none; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.detailback{background-color: #F7F7F7;}

/* border-bottom: 1px solid rgba(255, 255, 255, 0.35);background: linear-gradient(to bottom, #094698, transparent); */
header{position: fixed;top: 0;left: 0;right: 0;z-index: 999;padding: 25px  3.15% 0;display: flex;align-items: center;transition: background 0.3s ease;
min-height: 0px;
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    display-radio: 1;
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    transition: all .5s;
    background_radio: 2;
    background-image: linear-gradient(0.0deg, rgba(215, 21, 21, 0) 0.0, rgba(0, 0, 0, 0.3) 100.0%);
    border-bottom: 1px solid #FFFFFF;
}
header.scrolled {background: #094698;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
header.scrolled {background: #0D2A4F;}
header.scrolled  .pc-nav .main-nav .nav-item > a{color: #fff;}
header.scrolled  .pc-nav .main-nav .nav-item > a:hover,
header.scrolled  .pc-nav .main-nav .nav-item.has-child:hover > a,
header.scrolled  .pc-nav .main-nav .nav-item.has-child:focus-within > a {
  color: #fff;
}
header.scrolled .pc-nav .pc-search { border-left: 1px solid #00000023;border-right: 1px solid #00000023;}

/* Logo切换效果 */
.pc-logo .logo-scrolled {
  display: none;
}
header.scrolled .pc-logo .logo-default {
  display: none;
}
header.scrolled .pc-logo .logo-scrolled {
  display: block;
}
.en-header.scrolled {background: #0D317C;} 
.pc-nav{color: #fff;width: 100%;}
svg{width: 100%;height: 100%;}
header .pc-nav ul {gap: 3.5%;list-style: none;margin: 0;padding: 0;}
header .pc-nav ul li {display: inline-block;}
header .pc-nav ul li a{color: #fff;}
header .pc-nav ul .active{border-bottom: 1px solid #fff;}
header .pc-nav .pc-search-box{gap: 4px;}
header .pc-nav .pc-search-box:hover{color: #fff;}
header .pc-nav .pc-search{width: 24px;height: 24px;border-radius: 4px;border: 1px solid #FFFFFF60;padding: 0 !important;}
header .pc-nav .pc-search svg{width: 18px;}
header .pc-nav .pc-search2{border: none !important;}
header .pc-nav .pc-right{gap: 10px;}
header .pc-nav .pc-phone{padding-right: 0;}
header .pc-nav .pc-search:hover{color: white;transform: scale(1.1);}
header .pc-nav .pc-phone-btn{margin-top: 9px;}
header .pc-nav .pc-logo{width: 27.492%;padding-bottom: 14px;}
header .pc-nav .pc-right-box{flex-direction: column-reverse;gap: 8px;}
header .pc-nav  .pc-line{width: 1px;height: 12px;border: 1px solid #FFFFFF;opacity: 0.8;margin: 0 6px;}

/* 多级导航样式 */
header .pc-nav .main-nav {
  position: relative;
}

header .pc-nav .main-nav .nav-item {
  position: relative;
  padding: 8px 0 14px !important;
}

header .pc-nav .main-nav .nav-item > a {
  color: #fff;
  text-decoration: none;
  padding: 8px 16px;
  display: block;
  font-weight: 500;
  transition: all 0.3s ease;
}

header .pc-nav .main-nav .nav-item > a:hover {
  color: #fff;
}

/* 二级导航 */
header .pc-nav .main-nav .sub-nav {
  display: none;
  position: absolute;
  top: calc(100% + 0px);
  left: 0;
  background: #fff;
  min-width: 180px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  padding: 8px 0;
  z-index: 1000;
  border-radius: 8px;
}

header .pc-nav .main-nav .sub-nav li {
  position: relative;
  width: 100%;
}

header .pc-nav .main-nav .sub-nav li a {
  color: #333;
  padding: 10px 20px;
  white-space: nowrap;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
  display: flex;
    align-items: center;
    justify-content: space-between;
}

header .pc-nav .main-nav .sub-nav li a:hover,
header .pc-nav .main-nav .sub-nav li.active a {
  background: #094698;
  color: #fff;
}

/* 二级导航中有三级的项显示箭头 */
header .pc-nav .main-nav .sub-nav li.has-grandchild > a::after {
  content: '›';
  float: right;
  color: #999;
  font-size: 22px;
  transition: all 0.3s ease;
}

header .pc-nav .main-nav .sub-nav li.has-grandchild:hover > a::after {
  color: #999;
  transform: rotate(90deg);
}

/* 三级导航 */
header .pc-nav .main-nav .third-nav {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  background: #fff;
  min-width: 200px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  padding: 8px 0;
  z-index: 1001;
  border-radius: 8px;
}

header .pc-nav .main-nav .third-nav li a {
  color: #333;
  padding: 10px 20px;
  white-space: nowrap;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
}

header .pc-nav .main-nav .third-nav li a:hover {
  background: #094698;
  color: #fff;
}

/* 导航hover状态 */
header .pc-nav .main-nav .nav-item.has-child:hover > .sub-nav {
  display: block;
  animation: slideDown 0.3s ease-out;
}

header .pc-nav .main-nav .sub-nav li.has-grandchild:hover > .third-nav {
  display: block;
  animation: slideRight 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideRight {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 移动端导航样式 */
.mobile-menu-btn {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1002;
}

.mobile-menu-btn span {
  width: 24px;
  height: 2px;
  background: #fff;
  margin: 3px 0;
  transition: all 0.3s ease;
  border-radius: 1px;
}

.mobile-menu-btn.active span:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 5px);
}

.mobile-menu-btn.active span:nth-child(2) {
  opacity: 0;
}

.mobile-menu-btn.active span:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -5px);
}


/* 移动端导航菜单 */
.mobile-nav {
  position: fixed;
  top: -100vh;
  left: 0;
  width: 100%;
  height: calc(100vh - 52px);
  background: #094698;
  z-index: 1000;
  overflow-y: auto;
  transition: top 0.5s cubic-bezier(0.32, 0.72, 0, 1);
}

.mobile-nav.active {
  top: 52px;
}



.mobile-nav ul {
  padding: 0;
  margin: 0;
}

.mobile-nav li {
  list-style: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-nav li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px  4.532%;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  transition: background 0.2s ease;
}

.mobile-nav li a:hover {
  background: rgba(255, 255, 255, 0.1);
}

/* 只有有非空子菜单的项才显示箭头 */
.mobile-nav li:has(> ul.sub-nav:not(:empty)) > a::after,
.mobile-nav li:has(> ul.third-nav:not(:empty)) > a::after,
.mobile-nav li:has(> ul.fourth-nav:not(:empty)) > a::after {
  content: '›';
  font-size: 20px;
  color: rgba(255, 255, 255, 0.6);
  transition: transform 0.3s ease;
}

.mobile-nav li:has(> ul.sub-nav:not(:empty)).active > a::after,
.mobile-nav li:has(> ul.third-nav:not(:empty)).active > a::after,
.mobile-nav li:has(> ul.fourth-nav:not(:empty)).active > a::after {
  transform: rotate(90deg);
}

.mobile-nav .sub-nav,
.mobile-nav .third-nav {
  display: none;
  background: rgba(0, 0, 0, 0.2);
}

.mobile-nav .sub-nav li,
.mobile-nav .third-nav li {
  border-bottom: none;
}

.mobile-nav .sub-nav li a,
.mobile-nav .third-nav li a {
  padding-left: 40px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}

.mobile-nav .third-nav li a {
  padding-left: 60px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
}

/* 移动端四级菜单样式 */
.mobile-nav .fourth-nav {
  display: none;
  background: rgba(0, 0, 0, 0.3);
}
.mobile-nav .fourth-nav li {
  border-bottom: none;
}
.mobile-nav .fourth-nav li a {
  padding-left: 80px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

.mobile-nav li.active > .sub-nav,
.mobile-nav li.active > .third-nav,
.mobile-nav li.active > .fourth-nav {
  display: block;
  animation: slideDown 0.3s ease-out;
}

.mobile-nav-phone {
  padding: 20px  4.532%;
  margin-top: 10px;
}

.mobile-nav-phone .phone-number {
  font-size: 20px;
  font-weight: bold;
  color: #ffd700;
}

.mobile-nav-phone .phone-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 20px;
  background: #ffd700;
  color: #094698;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

/* 媒体查询：小于等于768px显示移动端导航 */
@media screen and (max-width: 993px) { .wzdty {padding: 0 0px;}
  .pc-nav .flex_1 .main-nav,
  .pc-nav .pc-right {
    display: none;
  }
  
  .mobile-menu-btn {
    display: flex;
  }
}


footer{background: #0D2A4F;padding: 53px 0 23px;color: #CECECE;position: relative;}
footer .f-icon{width: 20px;height: 25px;margin-right: 11px;min-width: 20px;}
footer .f-top{margin-top: 46px;padding-top: 43px;border-top: 1px solid #FFFFFF40;gap: 133px;border-bottom: 1px solid #FFFFFF40;padding-bottom: 10px;}
footer .f-top .f-logo-box{width: 28.3%;}
footer .f-logo{width: 300px;margin-bottom: 30px;}
footer .f-title{margin-bottom: 30px !important;color: #FFFFFF;}
footer .f-nav ul li{margin-bottom: 16px;text-align: start;}
footer .f-nav ul li a:hover{color: #fff;font-weight: bold;}
footer .f-qrcode-box{width: 94px;}
footer .f-qrcode{width: 94px;height: 94px;margin-bottom: 8px;}
footer .f-content{width: 150px;height: 150px;}
footer .f-bottom{gap:36px;padding-top:24px;color: #CECECE;}
footer .f-bottom a:hover{color: #fff;font-weight: bold;}
footer .f-back{width: 86.3%;position: absolute;bottom: 0;left: 6.85%;}


/* /////模块///// */
main{width: 100%;overflow: hidden;}
.ds-box1{height: 968px;width: 100%;overflow: hidden;position: relative;}
.ds-box1 .swiper-container{height: 100%;}
.ds-box1 .swiper-wrapper{height: 100%;}
.ds-box1 .swiper-slide{height: 100%;position: relative;}
.ds-box1 .swiper-pagination-bullet{width: 6px;height: 6px;background: rgba(255, 255, 255, 1);border-radius: 50%;margin: 0 20px !important;transition: all 0.4s ease;border: none;opacity: 1;}
.ds-box1 .swiper-pagination-bullet-active{width: 10px;height: 10px;background: #fff;border-radius: 50%;}
.ds-box1 .swiper-pagination{bottom: 0 !important;position: relative !important;}
.ds-box1 .swiper-slide-content{position: absolute;z-index: 99;left: 0;top: 0;width: 100%;height: 100%;background-color: #00000020;padding: 79px;box-sizing: border-box;text-align: start;}
.ds-box1 .swiper-slide-content-tips {background: #FFA620;border-radius: 4px;padding: 10px 18px;margin-bottom: 40px;}
.ds-box1 .swiper-bottom{bottom: 131px;position: absolute;right: 61px;z-index: 50;gap: 30px;}
.ds-box1  .swiper-nav-btn{width: 50px;height: 50px;background: #FFFFFF;border-radius: 50%;min-width: 50px;color: #444;cursor: pointer;transform: all 0.3s ease;}

   .ds-box1 .swiper-nav-btn:hover {transform: scale(1.1);color: #0C58FC;}
.swiper-nav-btn svg{width: 19px;height: 19px;}
.ds-box1  .swiper-nav-btn2{background: #FFFFFF;}

.ds-box2{padding:130px 0 97px;}
.ds2-title{color:#0154DC;}
.ds2-desc{color:#333;margin-top:22px;}
 .ds2-btn{background:#0D35AD;border-radius:40px;padding:18px 22px;color:#fff;gap:5px;margin-right:47px;display:inline-flex;transition:background .4s ease,transform .4s ease,color .3s ease;}
 .ds2-btn-svg{width:18px;height:18px;}
.ds-box2 .ds2-list{margin-top:69px;gap:27px;}
.ds-box2 .ds2-item{background:#F6F9FC;border-radius:30px;padding:73px 31px;width:25%;height:483px;box-sizing:border-box;overflow:hidden;position:relative;}
.ds-box2 .ds2-item-desc{margin-top:30px;color:#666;}
.ds-box2 .ds2-item-img{position:absolute;bottom:0;right:0;width:74.8%;transition:transform .6s cubic-bezier(.34,1.56,.64,1);}
/* ds-box2 入场动画 */
.ds-box2 .ds2-title,.ds-box2 
 .ds2-btn{opacity:0;transform:translateY(30px);transition:all .6s ease-out;}
.ds-box2 .ds2-item{opacity:0;transform:translateY(40px);transition:all .7s ease-out;}
.ds-box2.animate .ds2-title{opacity:1;transform:translateY(0);transition-delay:.1s;}
.ds-box2.animate .ds2-desc{opacity:1;transform:translateY(0);transition-delay:.2s;}
.animate .ds2-btn{opacity:1;transform:translateY(0);transition-delay:.3s;}
.ds-box2.animate .ds2-item:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.4s;}
.ds-box2.animate .ds2-item:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.5s;}
.ds-box2.animate .ds2-item:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.6s;}
.ds-box2.animate .ds2-item:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.7s;}
/* ds-box2 鼠标悬停动画 */
.ds-box2 .ds2-item:hover{transform:translateY(-12px);box-shadow:0 20px 40px rgba(13,53,173,.15);transition:all .5s cubic-bezier(.34,1.56,.64,1);}
.ds-box2 .ds2-item:hover .ds2-item-img{transform:scale(1.08) translateX(-10px);}
.ds-box2 .ds2-item:hover .ds2-item-desc{color:#0D35AD;transition:color .3s ease;}
 .ds2-btn:hover{background:#0154DC;transform:translateX(8px);color:#fff;}

.ds-box3{padding:111px 0 20px;background-image:url('../images/fwbj.png');background-size:cover;background-position:center;gap:70px;}
.ds-box3 .ds3-info{gap:67px 9.6%;margin-top:106px;}
.ds-box3 .ds3-info-item{color:#5E6271;width:45.2%;}
.ds-box3 .ds3-info-item-icon{width:26px;height:26px;margin-right:7px;}
.ds-box3 .ds3-btn{margin:0;margin-top:67px;}
.ds-box3 .ds3-left{width:50%;padding-top:72px;}
.ds-box3 .ds3-right{width:50%;}
.ds-box3 .ds3-right{gap:5%;}
.ds-box3 .ds3-right-item{background:#FFF;border-radius:20px;padding:47px 51px 38px;width:100%;margin-bottom:40px;color:#333;}
.ds-box3 .ds3-right-item-icon{width:70px;}
.ds-box3 .ds3-right-item-title{margin:24px 0 44px;}
.ds-box3 .ds3-right-box{width:47.5%;}
.ds-box3 .ds3-right-box2{margin-top:73px;}
/* ds-box3 入场动画 */
.ds-box3 .ds3-left,.ds-box3 .ds3-right{opacity:0;transform:translateY(30px);transition:all .7s ease-out;}
.ds-box3 .ds3-right-item{opacity:0;transform:translateY(40px);transition:all .6s ease-out;}
.ds-box3.animate .ds3-left{opacity:1;transform:translateY(0);transition-delay:.1s;}
.ds-box3.animate .ds3-right{opacity:1;transform:translateY(0);transition-delay:.2s;}
.ds-box3.animate .ds3-right-item:nth-child(1){opacity:1;transform:translateY(0);transition-delay:.3s;}
.ds-box3.animate .ds3-right-item:nth-child(2){opacity:1;transform:translateY(0);transition-delay:.4s;}
.ds-box3.animate .ds3-right-item:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.5s;}
/* ds-box3 鼠标悬停动画 */
.ds-box3 .ds3-right-item{transition:all .1s ease;cursor:pointer;}
.ds-box3 .ds3-right-item:hover{background:#0154DC;color:#fff;transform:translateY(-12px);box-shadow:0 20px 40px rgba(1,84,220,.15);transition:all .4s ease;}
.ds-box3 .ds3-right-item-icon img{width:100%;height:100%;transition:all .4s ease;}
.ds-box3 .ds3-right-item-icon img:last-child{opacity:0;position:absolute;top:0;left:0;transform:scale(1);}
.ds-box3 .ds3-right-item:hover .ds3-right-item-icon img:first-child{opacity:0;transform:scale(1);}
.ds-box3 .ds3-right-item:hover .ds3-right-item-icon img:last-child{opacity:1;transform:scale(1);}
.ds-box3 .ds3-right-item-icon{position:relative;width:70px;height:70px;}

.ds-box4{padding: 84px 0 72px;width: 100%;overflow: hidden;}
/* ds-box4 标题入场动画 */
.ds-box4 .ds2-title{opacity: 0;transform: translateY(30px);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box4 .ds2-desc{opacity: 0;transform: translateY(40px);transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box4.animate .ds2-title{opacity: 1;transform: translateY(0);transition-delay: 0.05s;}
.ds-box4.animate .ds2-desc{opacity: 1;transform: translateY(0);transition-delay: 0.1s;}
/* ds-box4 入场动画 */
.ds-box4 .ds4-tab{gap: 20px;margin-top: 70px;display: flex;justify-content: center;flex-wrap: wrap;opacity: 0;transform: translateX(100px);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box4.animate .ds4-tab{opacity: 1;transform: translateX(0);}
.ds-box4 .ds4-tab div{min-width: 168px;height: 57px;padding: 0px 35px;box-sizing: border-box;border-radius: 10px;background: #9CA1B053;line-height: 57px;cursor: pointer;transition: all 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;overflow: hidden;opacity: 0;transform: translateX(50px);}
.ds-box4.animate .ds4-tab div{opacity: 1;transform: translateX(0);}
.ds-box4 .ds4-tab .active{background: #1000DE;}
.ds-box4 .ds4-tab div:hover{background: #1000DE;transition: all 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);}
/* ds-box4 内容入场动画 */
.ds-box4 .ds4-content{margin-top: 69px;overflow: hidden;padding-bottom: 52px;display: none;opacity: 0;transform: translateY(30px) scale(0.95);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box4 .ds4-content.active{display: block;opacity: 1;transform: translateY(0) scale(1);}
/* ds-box4 卡片入场动画 */
.ds-box4 .ds4-list-item{background: #FFFFFF;box-shadow: 2px 2px 15px 6px rgba(35,44,52,0.08);border-radius: 6px 6px 10px 10px;overflow: hidden;width: 25%;transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;opacity: 0;transform: translateY(40px);box-shadow: 0px 3px 8px 0px rgba(7, 0, 2, 0.08);}
.ds-box4.animate .ds4-content.active .ds4-list-item{opacity: 1;transform: translateY(0);}
.ds-box4.animate .ds4-content.active .ds4-list-item:nth-child(1){transition-delay: 0.45s;}
.ds-box4.animate .ds4-content.active .ds4-list-item:nth-child(2){transition-delay: 0.55s;}
.ds-box4.animate .ds4-content.active .ds4-list-item:nth-child(3){transition-delay: 0.65s;}
.ds-box4.animate .ds4-content.active .ds4-list-item:nth-child(4){transition-delay: 0.75s;}
.ds-box4 .swiper-wrapper{display: flex;transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box4 .swiper-slide{width: 100%;flex-shrink: 0;}
.ds-box4  .ds4-list{gap: 27px;width: 100%;display: flex !important;text-align: start;justify-content: flex-start;align-items: normal;}
.ds-box4 .ds4-list-item:hover{box-shadow: 0px 3px 8px 0px rgba(7, 0, 2, 0.08);}
.ds-box4 .ds4-list-item:hover .ds4-img img{transform: scale(1.1);}
.ds-box4 .ds4-list-item:hover .ds4-info .f-20{color: #0D35AD;}
.ds-box4 .ds4-list-item .ds4-img{border-radius: 4px;overflow: hidden;height: 262px;}
.ds-box4 .ds4-list-item .ds4-img img{width: 100%;height: 100%;transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);object-fit: cover;}
.ds-box4 .ds4-info{padding: 23px 22px 26px;height: calc(100% - 262px);display: flex;flex-direction: column;justify-content: space-between;box-sizing: border-box;}
.ds-box18 .ds4-info{padding-left:0 !important;padding-right:0 !important;}
.ds-box4 .ds4-info .f-20{transition: color 0.3s ease;}
.ds-box4 .ds4-addr{margin-top: 25px;color: #555555;margin-bottom: 14px;}
.ds-box4  .ds4-btn-box{margin-top: 21px;padding-top: 17px;border-top: 1px solid #EFEFEF;white-space: nowrap;gap: 10px;}
.ds-box4  .ds4-btn{background: #2257B0;gap: 8px;padding: 10px 25px;color: #fff;border-radius: 8px;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;overflow: hidden;border-radius: 2px !important;width: 50%;}
.ds-box4  .ds4-btn::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: rgba(255,255,255,0.2);border-radius: 50%;transform: translate(-50%, -50%);transition: width 0.6s ease, height 0.6s ease;}
.ds-box4  .ds4-btn:hover::before{width: 300px;height: 300px;}
.ds-box4  .ds4-btn:hover{background: #0D35AD;transform: translateY(-3px) translateX(5px);box-shadow: 0 10px 25px rgba(13, 53, 173, 0.3);}
.ds-box4  .ds4-btn .ds4-btn-icon{width: 18px;height: 18px;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);min-width: 18px;}
.ds-box4 .ds4-btn2{background: #FFFFFF;border: 1px solid #02458B;color: #02458B;}
.ds-box4 .ds4-btn2:hover{background: #e8f0ff;border-color: #0D35AD;color: #0D35AD;}
/* ds4 轮播指示点 */
.ds-box4 .ds4-pagination{display: flex;justify-content: center;gap: 10px;margin-top: 40px;}
.ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 40px;height: 6px;background: #DBE5EE;border-radius: 3px;margin: 0;opacity: 1;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);cursor: pointer;}
.ds-box4 .ds4-pagination .swiper-pagination-bullet:hover{background: #0D35AD;transform: scaleY(1.5);}
.ds-box4 .ds4-pagination .swiper-pagination-bullet-active{background: #0D35AD;}

.ds-box5{}
.ds-box5 .ds5-nav{display: flex;justify-content: space-between;position: absolute;top: 50%;left: 2%;right: 0;transform: translateY(-50%);pointer-events: none;z-index: 10;width:96%;padding: 0 0 54px;}
.ds-box5 .ds5-nav-prev, .ds-box5 .ds5-nav-next{width: 50px;height: 50px;border-radius: 50%;background: #fff;color: #333;border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;border: 2px solid #D5D5D5;pointer-events: auto;}
.ds-box5 .ds5-nav-prev{margin-left: 20px;}
.ds-box5 .ds5-nav-next{margin-right: 20px;}
.ds-box5 .ds5-nav-prev:hover, .ds-box5 .ds5-nav-next:hover{background: #094698;color: #fff;border: 2px solid #094698;}
.ds-box5 .ds5-nav-prev svg, .ds-box5 .ds5-nav-next svg{width: 20px;height: 20px;}
.ds-box5 .ds5-content{gap: 23px;overflow: auto;padding: 0 0 54px; cursor: grab;/* 火狐隐藏滚动条 */
  scrollbar-width: none;
  scrollbar-color: transparent transparent;}
.ds-box5 .ds5-item{height: 120px;background: #FFFFFF;box-shadow: 0px 14px 18px 4px rgba(7,0,2,0.08);border-radius: 6px;width: 20%;transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;overflow: hidden;opacity: 0;transform: translateY(40px) scale(0.9);width: 326px;min-width: 326px;box-shadow: 0px 3px 8px 0px rgba(7, 0, 2, 0.08);}
.ds-box5 .ds5-item::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);transition: left 0.6s ease;}
.ds-box5 .ds5-item:hover{transform: translateY(-8px) scale(1.02);}
.ds-box5 .ds5-item:hover::before{left: 100%;}
.ds-box5 .ds5-item:active{transform: translateY(-4px) scale(0.98);}
.ds-box5.animate .ds5-item{opacity: 1;transform: translateY(0) scale(1);}
.ds-box5.animate .ds5-item:nth-child(1){transition-delay: 0s;}
.ds-box5.animate .ds5-item:nth-child(2){transition-delay: 0.1s;}
.ds-box5.animate .ds5-item:nth-child(3){transition-delay: 0.2s;}
.ds-box5.animate .ds5-item:nth-child(4){transition-delay: 0.3s;}
.ds-box5.animate .ds5-item:nth-child(5){transition-delay: 0.4s;}
.ds-box5.animate .ds5-item:nth-child(6+n){transition-delay: 0.45s;}

.ds-box6{opacity: 0;transform: scale(0.95) translateY(30px);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box6 img{width: 100%;height: auto;display: block;transition: transform 0.6s ease;}
.ds-box6:hover img{transform: scale(1.02);}
.ds-box6.animate{opacity: 1;transform: scale(1) translateY(0);}

/* 主容器：更快入场 + 延迟缩短 */
.ds-box7{
  padding: 113px 0 78px;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); /* 从0.8s → 0.6s 更快 */
  overflow: hidden;
}
.ds-box7-data{
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* 顶部区域：更快 */
.ds-box7 .ds7-top{
  width: 49%;
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s; /* 0.7s→0.5s 延迟0.2→0.1 */
}
.ds-box7 .ds7-title{
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s; /* 更快 */
}
.ds-box7 .ds7-title span{color: #1000DE;}

/* 按钮样式不动 */
.ds-box7 .ds7-btn{background-color: #1000DE;gap: 13px ;padding: 16px 32px;display: inline-flex;margin-top: 60px;clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));color: #fff;font-weight: 500;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);cursor: pointer;position: relative;overflow: hidden;}
.ds-box7 .ds7-btn:hover{background-color: #0D35AD;transform: translateY(-5px);box-shadow: 0 15px 30px rgba(13, 53, 173, 0.4);}
.ds-box7 .ds7-btn::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: rgba(255,255,255,0.2);border-radius: 50%;transform: translate(-50%, -50%);transition: width 0.6s ease, height 0.6s ease;}
.ds-box7 .ds7-btn:hover::before{width: 300px;height: 300px;}
.ds-box7 .ds7-btn:hover .ds7-btn-svg{transform: translateX(8px);}
.ds-box7  .ds7-btn-svg{width: 18px;height: 18px;transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}

/* 年份更快 */
.ds-box7 .ds7-year-box{
  color: #1000DE;
  opacity: 0;
  transform: scale(0.9);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s; /* 延迟大幅缩短 */
  margin-top: 100px;
}
.ds-box7 .ds7-year{font-family: Frick0.3;font-weight: 900;font-size: 147px;color: #1000DE;margin-right: 19px;}

/* 文字更快 */
.ds-box7 .ds7-text{
  margin-top: 59px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s; /* 延迟缩短 */
  height: 330px;
  overflow: auto;
  scrollbar-width: none;
  scrollbar-color: transparent transparent;
}

.ds-box7 .ds7-text::-webkit-scrollbar {
  display: none;
}

/* ====================== 核心：数据区域 变快 ====================== */
.ds-box7 .ds7-data{
  margin-top: 38px;
  padding-top: 47px;
  border-top: 1px solid #CCCCCC60;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s !important; 
  /* 0.7s → 0.4s  延迟 0.6s → 0.1s（超级快） */
}
.ds-box7  .ds7-data-item{text-align: center;}
.ds-box7  .ds7-num{color: #1000DE;margin-bottom: 20px;font-variant-numeric: tabular-nums;}

/* 装饰图不动 */
.ds-box7 .ds7-pztop{position: absolute;top: 0;right: 0;width: 45.3%;opacity: 0;transform: translateX(40px);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;}
.ds-box7 .ds7-pzbottom{position: absolute;bottom: -181px;left: 0;width: 13.6%;opacity: 0;transform: translateX(-40px);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;}

/* animate 激活状态不动 */
.ds-box7.animate{opacity: 1;transform: translateY(0);}
.ds-box7.animate .ds7-top{opacity: 1;transform: translateX(0);}
.ds-box7.animate .ds7-title{opacity: 1;transform: translateY(0);}
.ds-box7.animate .ds7-year-box{opacity: 1;transform: scale(1);}
.ds-box7.animate .ds7-text{opacity: 1;transform: translateY(0);}
.ds-box7.animate .ds7-data{opacity: 1;transform: translateY(0);}
.ds-box7.animate .ds7-pztop{opacity: 1;transform: translateX(0);}
.ds-box7.animate .ds7-pzbottom{opacity: 1;transform: translateX(0);}


.xp-box20{padding: 0  0 120px;display: block;}
.xp-box20-copy{display: none;}
.isPhone{display: none;}
.isPhone2{display: block;}
.xp-box20 .xp20-swiper{width: 100%;overflow: hidden;}
.xp-box20 .xp20-swiper .swiper-wrapper{display: flex;}
.xp-box20 .xp20-swiper .swiper-slide{flex: 0 0 100%;}
.xp-box20 .xp20-list{display: flex;gap: 2%;}
.xp-box20 .xp20-item{flex: 0 0 calc(20% - 1.6%);height: 442px;border-radius: 15px;overflow: hidden;overflow: hidden;}
.xp-box20 .xp20-pagination{display: flex;justify-content: center;gap: 8px;margin-top: 20px;}
.xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 50%;background: #ddd;border: none;cursor: pointer;transition: background 0.3s ease;opacity: 1;}
.xp-box20 .xp20-pagination .swiper-pagination-bullet:hover{background: #0064CF;}
.xp-box20 .xp20-pagination .swiper-pagination-bullet-active{background: #0064CF;}
/* xp-box20 入场动画 */
.xp-box20.xp-animate-section .xp-animate-item{opacity:0;transform:translateY(50px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box20.xp-animate-section.animate .xp-animate-item{opacity:1;transform:translateY(0);}
.xp-box20.animate .xp20-swiper{transition-delay:0.1s;}
.xp-box20 .f-46{opacity:0;transform:translateY(30px);transition:all 0.7s cubic-bezier(0.34,1.56,0.64,1);}
.xp-box20 .xp20-desc{opacity:0;transform:translateY(25px);transition:all 0.6s cubic-bezier(0.34,1.56,0.64,1);}
.xp-box20.animate .f-46{opacity:1;transform:translateY(0);transition-delay:0.15s;}
.xp-box20.animate .xp20-desc{opacity:1;transform:translateY(0);transition-delay:0.25s;}
.xp-box20.animate .xp20-pagination{transition-delay:0.3s;}
/* 证书卡片依次出现 - 使用nth-child支持动态生成 */
.xp-box20 .xp20-item{opacity:0;transform:scale(0.9) translateY(30px);transition:all 0.6s cubic-bezier(0.25,1,0.5,1);}
.xp-box20.animate .xp20-item{opacity:1;transform:scale(1) translateY(0);}
.xp-box20.animate .xp20-list .xp20-item:nth-child(1){transition-delay:0.2s;}
.xp-box20.animate .xp20-list .xp20-item:nth-child(2){transition-delay:0.28s;}
.xp-box20.animate .xp20-list .xp20-item:nth-child(3){transition-delay:0.36s;}
.xp-box20.animate .xp20-list .xp20-item:nth-child(4){transition-delay:0.44s;}
.xp-box20.animate .xp20-list .xp20-item:nth-child(5){transition-delay:0.52s;}
/* 证书卡片悬停效果 */
.xp-box20 .xp20-item{cursor:pointer;border:2px solid transparent;}
.xp-box20 .xp20-item:hover{transform:scale(1.00) ;box-shadow:0 8px 30px -10px rgba(9,70,152,0.15);}


.ds-box8{padding-bottom: 122px;opacity: 0;transform: translateY(40px);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box8 .ds8-tab{gap: 49px;border-bottom: 1px solid #CCCCCC60;opacity: 0;transform: translateX(-30px);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s;}
.ds-box8 .ds8-tab-item{padding-bottom: 12px;border-bottom: 1px solid #fff0;color: #333333;cursor: pointer;position: relative;transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box8 .ds8-tab-item:hover{color: #0154DC;transform: translateY(-2px);}
.ds-box8 .ds8-tab-item-active{border-bottom: 2px solid #0154DC;color: #0154DC;font-weight: 600;}
@keyframes shimmer{0%{transform: translateX(-100%);}100%{transform: translateX(100%);}}
.ds-box8 .ds8-content{padding-top: 80px;gap: 177px;opacity: 0;transform: translateY(30px);transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.3s;}
.ds-box8 .ds8-news-text{margin-top: 20px;}
.ds-box8 .ds8-more{margin-top: 102px;padding: 16px 32px;background: #0154DC;color: #fff;border: none;border-radius: 60px;gap: 50px;display: inline-flex;cursor: pointer;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;overflow: hidden;}
.ds-box8 .ds8-more:hover{transform: translateY(-4px);box-shadow: 0 12px 28px rgba(1, 84, 220, 0.35);}
.ds-box8 .ds8-more::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: rgba(255,255,255,0.2);border-radius: 50%;transform: translate(-50%, -50%);transition: width 0.6s ease, height 0.6s ease;}
.ds-box8 .ds8-more:hover::before{width: 250px;height: 250px;}
.ds-box8  .ds8-more-svg{width: 35px;height: 35px;background: #FFFFFF;border-radius: 50%;padding: 8px;box-sizing: border-box;color: #0154DC;transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box8  .ds8-list-box{width: 72.6%;}
.ds-box8 .ds8-list{gap: 47px;overflow: hidden;position: relative;padding-bottom: 40px;padding-right: 8%;}
.ds-box8 .ds8-list-item{border: 1px solid #EAEAEA;width: 33.3%;padding: 55px 32px 21px;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;overflow: hidden;opacity: 0;transform: translateY(30px);min-width: 33.3%;text-align: start;}
.ds-box8 .ds8-list-item:nth-child(1){transition-delay: 0.4s;}
.ds-box8 .ds8-list-item:nth-child(2){transition-delay: 0.5s;}
.ds-box8 .ds8-list-item:nth-child(3){transition-delay: 0.6s;}
.ds-box8 .ds8-list-item:hover{transform: translateY(-8px);box-shadow: 0 15px 35px rgba(1, 84, 220, 0.12);border-color: #0154DC;}
.ds-box8 .ds8-list-item::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(1, 84, 220, 0.05), transparent);transition: left 0.5s ease;}
.ds-box8 .ds8-list-item:hover::before{left: 100%;}
.ds-box8  .ds8-list-item-num{margin-left: 39px;color: #0154DC;margin-top: 12px;transition: color 0.3s ease;}
.ds-box8 .ds8-list-item:hover .ds8-list-item-num{color: #0D35AD;}
.ds-box8  .ds8-list-item-title{margin: 40px 0;transition: color 0.3s ease;}
.ds-box8 .ds8-list-item:hover .ds8-list-item-title{color: #0154DC;}
.ds-box8 .ds8-list-item-desc{height: 168px;border-radius: 5px;overflow: hidden;}
.ds-box8 .ds8-list-item-btn{margin-top: 20px;width: 50px;height: 50px;padding: 8px;background-color: #0154DC;box-sizing: border-box;color: white;border-radius: 50%;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);display: flex;align-items: center;justify-content: center;}
.ds-box8 .ds8-list-item:hover .ds8-list-item-btn{transform: scale(1.15);background-color: #0D35AD;box-shadow: 0 6px 20px rgba(1, 84, 220, 0.4);}
.ds-box8 .ds8-list .swiper-scrollbar {
  bottom: 0px;
  width: 100%;
  height: 6px;
  background: #F1F1F1;left: 0;
}
.ds-box8 .ds8-list .swiper-scrollbar-drag {
  background: #0154DC;
  border-radius: 3px;
}
/* ds-box8 入场动画 */
.ds-box8.animate{opacity: 1;transform: translateY(0);}
.ds-box8.animate .ds8-tab{opacity: 1;transform: translateX(0);}
.ds-box8.animate .ds8-content{opacity: 1;transform: translateY(0);}
.ds-box8.animate .ds8-list-item{opacity: 1;transform: translateY(0);}

.f-goTop{position: fixed;top: 40vh;right: 0px;background-color: #0154DC;color: #fff;cursor: pointer;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);border-radius: 6px;padding: 5px 10px 9px;z-index: 50;text-align: center;}
.f-goTop .f-goTop-item{padding: 15px 0 8px;border-bottom: 1px solid #FFFFFF50;gap: 4px;position: relative;transition: all 0.3s ease;}
.f-goTop .f-goTop-item:hover{color: #fff;}
.f-goTop .f-goTop-icon{width: 24px;height: 24px;margin: auto;margin-bottom: 4px;}
.f-goTop .f-goTop-icon2{width: 28px;height: 28px;margin-bottom: 0;}
.f-goTop .f-goTop-icon3{width: 22px;height: 22px;margin: auto;margin-bottom: 6px;}
.f-goTop  .f-goTop-icon4{width: 12px;margin: 0;}
.f-goTop .f-goTop-item3{display: none !important;}
.f-goTop .f-goTop-item3 .f-14{font-size: 12px;}
.f-goTop .f-goTop-item3 .f-goTop-icon3{width: 18px;height: 18px;}
.f-goTop  .f-goTop-item2{padding: 11px 0 0;}
.f-goTop  .f-goTop-phone{
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(-15px);
  background: linear-gradient(135deg, #0154DC 0%, #0077FF 100%);
  color: #fff;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 8px 25px rgba(1, 84, 220, 0.4);
}
.f-goTop  .f-goTop-phone::after{
  content: '';
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background: linear-gradient(135deg, #0154DC 0%, #0077FF 100%);
  border-radius: 0 4px 0 0;
}
.f-goTop  .f-goTop-ewm{
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%) translateX(-20px);
  background: #fff;
  padding: 15px;
  border-radius: 12px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}
.f-goTop  .f-goTop-ewm img{
  width: 120px;
  height: 120px;
  border-radius: 8px;
}
.f-goTop  .f-goTop-ewm::after{
  content: '';
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 0 4px 0 0;
}
.f-goTop .f-goTop-item:hover{
  transform: scale(1.08);
}
.f-goTop .f-goTop-item:hover .f-goTop-phone,
.f-goTop .f-goTop-item:hover .f-goTop-ewm{
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) translateX(-10px);
}

/* 关于我们 */
.xp-box8{position: relative;}
.xp-box8 h3{position: absolute;bottom: 63px;bottom:10.5% !important;color: white;}
.xp-box9{padding: 28px;background-color: #F6F9FC;}
.xp-box9 .xp9-icon{width: 18px;height: 18px;margin-right: 9px;}
.xp-box15 {padding-top: 0 !important;padding-bottom: 0 !important;}
.xp-box15 .xp15-left{flex-wrap: nowrap;}
.xp-box15 .xp15-left div{width: 149px;height: 100%;height: 72px;line-height: 72px;cursor: pointer;transition: all 0.3s ease;}
.xp-box15 .xp15-left .active{background: #0154DC;color: white;}
.xp-box15 .xp15-left div:hover{background: #0154DC;color: white;box-shadow: 0 4px 15px rgba(1, 84, 220, 0.3);}
.xp-box15 .xp15-left .xp15-line{width: 1px;height: 14px;background: #A9B3C0;}


.ds-box9 .ds9-info{gap: 13%;}
.ds-box9  .ds7-top{width: 100% !important;}
.ds-box9  .ds7-top .ds7-text2{margin-top: 50px;}

/* .xp-box3{padding: 66px 0 0;} */
.xp-box3 .xp3-btn{gap: 29px;margin-top: 103px;}
.xp-box3 .xp3-btn .xp3-btn-item{min-width: 253px;height: 69px;background: #F1F1F1;border-radius: 35px;padding: 0 10px;box-sizing: border-box;cursor: pointer;}
.xp-box3 .xp3-btn .xp3-btn-item-active{background: #094698;color: #fff;}
/* 图片列表 */
.xp-box3 .xp3-list-container{overflow: hidden;position: relative;}
.xp-box3 .xp3-list-wrapper{overflow-x: hidden;overflow-y: inherit;width: 100%;}
.xp-box3 .xp3-list{display: flex;gap: 18px;transition: transform 0.3s ease;align-items: flex-start;align-items: center;padding: 66px 0 0;}
.xp-box3 .xp3-item{flex-shrink: 0;width: 387px;height: 233px;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.1);position: relative;border-radius: 10px;overflow: hidden;}
.xp-box3 .xp3-item img{width: 100%;height: 100%;object-fit: cover;}
.xp-box3 .xp3-item-title{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, #094698 0%, rgba(9,70,152,0) 100%);color: #fff;padding: 80px 15px 15px;}
/* 导航 */
.xp-box3 .xp3-nav{display: flex; align-items: center;justify-content: center;gap: 20px;margin-top: 50px;width: 100%;}
.xp-box3 .xp3-nav-btn{width: 46px;height: 46px;border-radius: 50%;border: 1px solid #074BBC;background: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;color: #074BBC;}
.xp-box3 .xp3-nav-btn:hover{border-color: #074BBC;background: #f0f5ff;}
.xp-box3 .xp3-nav-btn svg{width: 22px;height: 22px;}
.xp-box3 .xp3-progress{flex: 1; height: 5px;background: #E8E8E8; border-radius: 2px;overflow: hidden;}
.xp3-progress-bar{height: 100%;background: #074BBC;border-radius: 20px;transition: width 0.3s ease;}

/* xp-box3 动画效果 */
.xp-box3.xp-animate-section .xp-animate-item,
.xp-box3.xp-animate-section .xp3-nav{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box3.xp-animate-section.animate .xp-animate-item,
.xp-box3.xp-animate-section.animate .xp3-nav{opacity:1;transform:translateY(0);}
.xp-box3.xp-animate-section.animate .xp-animate-item:nth-child(2),
.xp-box3.xp-animate-section.animate .xp3-btn.xp-animate-item{transition-delay:0.15s;}
.xp-box3.xp-animate-section.animate .xp-animate-item:nth-child(3),
.xp-box3.xp-animate-section.animate .xp3-list-container.xp-animate-item{transition-delay:0.3s;}
.xp-box3.xp-animate-section.animate .xp-animate-item:nth-child(4),
.xp-box3.xp-animate-section.animate .xp3-nav{transition-delay:0.45s;}
/* 产品项悬停效果 */
.xp-box3 .xp3-item{cursor:pointer;transition:all 0.4s cubic-bezier(0.25,1,0.5,1);}
.xp-box3 .xp3-item:hover{transform:translateY(0px) scale(1.02);}
.xp-box3 .xp3-item:hover img{transform:scale(1.08);}
.xp-box3 .xp3-item img{transition:transform 0.5s cubic-bezier(0.25,1,0.5,1);}
/* 按钮悬停效果 */
.xp-box3 .xp3-btn-item{transition:all 0.3s cubic-bezier(0.25,1,0.5,1);position:relative;overflow:hidden;}
.xp-box3 .xp3-btn-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(9,70,152,0.2);}
.xp-box3 .xp3-btn-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;}
.xp-box3 .xp3-btn-item:hover::before{left:100%;}
/* 导航按钮优化 */
.xp-box3 .xp3-nav-btn{transition:all 0.35s cubic-bezier(0.25,1,0.5,1);}
.xp-box3 .xp3-nav-btn:hover{transform:scale(1.08);background:#094698;}
.xp-box3 .xp3-nav-btn:hover svg path{fill:#fff;}

.ds-box10 {background: #FAFAFA;padding: 113px 0 159px;}
.ds-box10 .xp20-desc{color: #AEAEAE;margin-top: 22px;margin-bottom: 73px;}

.xp-box23{padding: 114px  0 125px;opacity: 0;transform: translateY(40px);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);}
.xp-box23 .xp23-desc{margin: auto;margin-top: 22px;color: #AEAEAE;opacity: 0;transform: translateY(25px);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.xp-box23 h3.f-46{opacity: 0;transform: translateY(30px);transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);}
.xp-box23 .xp23-swiper{width: 100%;overflow: hidden;margin-top: 100px;opacity: 0;transform: translateY(35px);transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);}
.xp-box23 .xp23-swiper .swiper-wrapper{display: flex;padding-bottom: 50px;}
.xp-box23 .xp23-swiper .swiper-slide{flex: 0 0 100%;}
.xp-box23 .xp23-list{display: flex;flex-wrap: wrap;gap:48px  2%;}
.xp-box23 .xp23-item{width: calc(20% - 1.6%);height: 116px;box-shadow: 0px 14px 18px 4px rgba(7,0,2,0.08);background: #FFFFFF;border-radius: 6px;overflow: hidden;opacity: 0;transform: scale(0.9) translateY(20px);transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow: 0px 3px 8px 0px rgba(7, 0, 2, 0.08);}
.xp-box23 .xp23-item:hover{transform: translateY(-8px);box-shadow: 0px 20px 30px 8px rgba(7,0,2,0.12);}
.xp-box23 .xp23-pagination{display: flex;justify-content: center;gap: 12px;margin-top: 40px;opacity: 0;transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}
.xp-box23 .xp23-pagination .xp23-bullet{width: 40px;height: 6px;border-radius: 3px;background: #DBE5EE;cursor: pointer;transition: all 0.3s ease;}
.xp-box23 .xp23-pagination .xp23-bullet-active{background: #0154DC;width: 60px;}
.xp-box23 .xp23-pagination .xp23-bullet:hover{background: #0154DC;transform: scaleX(1.05);}
/* xp-box23 入场动画 */
.xp-box23.animate{opacity: 1;transform: translateY(0);}
.xp-box23.animate h3.f-46{opacity: 1;transform: translateY(0);transition-delay: 0.15s;}
.xp-box23.animate .xp23-desc{opacity: 1;transform: translateY(0);transition-delay: 0.25s;}
.xp-box23.animate .xp23-swiper{opacity: 1;transform: translateY(0);transition-delay: 0.35s;}
.xp-box23.animate .xp23-item{opacity: 1;transform: scale(1) translateY(0);}
.xp-box23.animate .xp23-pagination{opacity: 1;transition-delay: 0.5s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(1){transition-delay: 0.4s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(2){transition-delay: 0.44s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(3){transition-delay: 0.48s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(4){transition-delay: 0.52s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(5){transition-delay: 0.56s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(6){transition-delay: 0.6s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(7){transition-delay: 0.64s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(8){transition-delay: 0.68s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(9){transition-delay: 0.72s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(10){transition-delay: 0.76s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(11){transition-delay: 0.8s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(12){transition-delay: 0.84s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(13){transition-delay: 0.88s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(14){transition-delay: 0.92s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(15){transition-delay: 0.96s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(16){transition-delay: 1s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(17){transition-delay: 1.04s;}
.xp-box23.animate .xp23-list .xp23-item:nth-child(18){transition-delay: 1.08s;}

.ds-box11{padding-bottom: 143px;gap: 70px;opacity: 0;transform: translateY(40px);transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box11 .ds11-top{width: 38.2%;left: 0;top: 4px;position: absolute;opacity: 0;transform: translateX(-30px);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box11 .ds11-content{gap: 70px;}
.ds-box11 .ds11-content-left{width: 42%;padding-top: 310px;padding-left: 50px;opacity: 0;transform: translateY(30px);transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box11 .ds11-content-title{margin-bottom: 88px;}
.ds-box11 .ds11-tab{color: #1000DE;gap: 20px;opacity: 0;transform: translateY(-20px);transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box11 .ds11-tab-btn{width: 38px;height: 38px;background: #F4F4F4;color: #99999960;cursor: pointer;transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);position: relative;overflow: hidden;}
.ds-box11 .ds11-tab-btn:hover{background: #1000DE;color: white;transform: scale(1.1);}
.ds-box11 .ds11-tab-btn:active{transform: scale(0.95);}
.ds-box11 .ds11-tab-btn svg{width: 20px;height: 20px;transition: transform 0.3s ease;}
.ds-box11 .ds11-tab-btn::before{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: rgba(255,255,255,0.3);border-radius: 50%;transform: translate(-50%, -50%);transition: width 0.4s ease, height 0.4s ease;}
.ds-box11 .ds11-tab-btn:hover::before{width: 60px;height: 60px;}
.ds-box11 .ds11-current{min-width: 80px;text-align: center;opacity: 0;transform: scale(0.8);transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box11 .ds11-swiper{width: 100%;overflow: hidden;margin-top: 0px;opacity: 0;transform: translateY(30px);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box11 .ds11-swiper .swiper-wrapper{display: flex;}
.ds-box11 .ds11-swiper .swiper-slide{flex: 0 0 100%;}
.ds-box11   .ds11-content-right{width:58%;}
.ds-box11 .ds11-list{margin-top: 72px;}
.ds-box11 .ds11-list-item{border-bottom: 1px solid #CCCCCC60;padding: 40px 0;transition: opacity 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);opacity: 0;transform: translateY(20px);cursor: pointer;position: relative;border-color: #CCCCCC60;}
.ds-box11 .ds11-list-item:hover{border-color: #1000DE !important;transition: border-color 0s;}
.ds-box11 .ds11-list-item.active{border-bottom: 1px solid #1000DE;}
.ds-box11  .ds11-list-item-top{gap: 30px;}
.ds-box11  .ds11-list-item-info{margin-top: 0;height: 0;overflow: hidden;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);text-align: start;}
.ds-box11 .ds11-list-item.active .ds11-list-item-info{margin-top: 21px;height: auto;}
.ds-box11 .ds11-toggle-btn{cursor: pointer;transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box11 .ds11-list-item.active .ds11-toggle-btn{color: #1000DE;}
.ds-box11 .ds11-toggle-btn:hover{transform: scale(1.2);}
/* ds-box11 入场动画 */
.ds-box11.animate{opacity: 1;transform: translateY(0);}
.ds-box11.animate .ds11-top{opacity: 1;transform: translateX(0);transition-delay: 0.1s;}
.ds-box11.animate .ds11-content-left{opacity: 1;transform: translateY(0);transition-delay: 0.15s;}
.ds-box11.animate .ds11-tab{opacity: 1;transform: translateY(0);transition-delay: 0.2s;}
.ds-box11.animate .ds11-current{opacity: 1;transform: scale(1);transition-delay: 0.25s;}
.ds-box11.animate .ds11-swiper{opacity: 1;transform: translateY(0);transition-delay: 0.3s;}
.ds-box11.animate .ds11-list-item{opacity: 1;transform: translateY(0);}
.ds-box11.animate .ds11-list-item:nth-child(1){transition-delay: 0.35s;}
.ds-box11.animate .ds11-list-item:nth-child(2){transition-delay: 0.42s;}
.ds-box11.animate .ds11-list-item:nth-child(3){transition-delay: 0.49s;}
.ds-box11.animate .ds11-list-item:nth-child(4){transition-delay: 0.56s;}
.ds-box11.animate .ds11-list-item:nth-child(5){transition-delay: 0.63s;}

/* 人才招聘 */
.xp-box24{padding: 89px 0 93px;}

/* 统一全局动画结构（和全站 100% 一致） */
.xp-box24.xp-animate-section h3,
.xp-box24.xp-animate-section .xp24-info,
.xp-box24.xp-animate-section .xp24-list,
.xp-box24.xp-animate-section .xp24-list-title,
.xp-box24.xp-animate-section ul li {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.16,1,0.3,1);
}

/* 依次延迟出场（标题 → 信息 → 头部 → 职位列表） */
.xp-box24.xp-animate-section.animate h3 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}
.xp-box24.xp-animate-section.animate .xp24-info {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}
.xp-box24.xp-animate-section.animate .xp24-list {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.45s;
}
.xp-box24.xp-animate-section.animate .xp24-list-title {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.55s;
}
/* 职位列表 1-10 个 依次出场 */
.xp-box24.xp-animate-section.animate ul li:nth-child(1) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.65s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.75s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(3) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.85s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(4) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.95s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(5) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.05s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(6) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.15s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(7) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.25s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(8) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.35s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(9) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.45s;
}
.xp-box24.xp-animate-section.animate ul li:nth-child(10) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.55s;
}

/* 第 11 个及以后 全部一起出来（解决显示不全） */
.xp-box24.xp-animate-section.animate ul li:nth-child(n+11) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.65s;
}

/* 原有样式不动 */
.xp-box24 .xp24-info{position: relative;color: #AEAEAE;margin-top: 22px;}
.xp-box24 .xp24-back{
    width: 39%;
    background: #FFC600;
    border-radius: 4px;
    height: 100%;
    position: absolute;
    left: 30.5%;
    top: 0;
    z-index: -1;
}
.xp-box24 .xp24-info-text{
    margin-top: 36px;
    position: relative;
    z-index: 1;
}

.xp-box24  .xp24-list{margin-top: 54px;}
.xp-box24 .xp24-list-title{
    color: #FFFFFF;
    padding: 30px 108px;
    background: #1000DE;
    border-bottom: 6px solid #FFC600;
    border-radius: 8px 8px 0 0;
}

.xp-box24 .xp24-list ul{
    margin-top: 5px;
}
.xp-box24 .xp24-list ul li{
    margin-top: 16px;
    background: #E5F2FF52;
    padding: 0 62px;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
/*.xp24-list ul li:hover{*/
/*    background: #E5F2FF;*/
/*    transform: translateY(-2px);*/
/*    box-shadow: 0 4px 12px rgba(11,71,192,0.08);*/
/*}*/

.xp-box24 .xp24-list ul li .xp24-list-title2{
    background-color: transparent;
    color: #2183E9;
    border-bottom: none;
    padding:30px 52px;
    cursor: pointer;
}
.xp-box24 .xp24-list ul li .xp24-list-title2 div{
    width:25%;
}
.xp-box24 .xp24-list ul li .xp24-list-title2 div:nth-child(1){
    width:23%;
}
.xp-box24 .xp24-list ul li .xp24-list-title2 div:nth-child(2){
    width:45%;
    text-align: center;
}
.xp-box24 .xp24-list ul li .xp24-list-title2 div:nth-child(3){
    width:32%;
    text-align: center;
}

/* 图标旋转动画 */
.xp-box24 .xp24-list ul li .xp24-list-title2-icon{
    width: 32px !important;
    height: 32px;
    border: 1px solid #2183E9;
    border-radius: 50%;
    padding: 4px;
    box-sizing: border-box;
    cursor: pointer;
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
.xp-box24 .xp24-list ul li .xp24-list-title2-icon.expanded{
    transform: rotate(180deg);
}

/* 内容展开动画（丝滑） */
.xp-box24 .xp24-list ul li .xp24-list-content{
    padding: 0;
    border-top: 1px solid #CEE1FF;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: 
        max-height 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        padding 0.5s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.4s ease;
}
.xp-box24 .xp24-list ul li .xp24-list-content.show{
    max-height: 800px;
    opacity: 1;
    padding: 20px 47px 44px;
    overflow: auto;
}

.ds-box12{gap: 50px;padding-bottom: 128px;}
.ds-box12 .ds12-item{width: 33.3%;border: 2px dashed #DCEDFF;padding: 29px 24px 44px;}
.ds-box12 .ds12-item-img{width: 85px;}
.ds-box12  .ds12-item-title{color: #2183E9;margin: 25px 0;}

/* ========== 高级入场动画 ========== */
.ds-box12.xp-animate-section .ds12-item{opacity:0;transform:translateY(30px);transition:all 0.7s cubic-bezier(0.22,1,0.36,1);}
.ds-box12.xp-animate-section.animate .ds12-item:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0.2s;}
.ds-box12.xp-animate-section.animate .ds12-item:nth-child(2){opacity:1;transform:translateY(0);transition-delay:0.35s;}
.ds-box12.xp-animate-section.animate .ds12-item:nth-child(3){opacity:1;transform:translateY(0);transition-delay:0.5s;}

/* ========== 高级鼠标hover ========== */
.ds-box12 .ds12-item{transition:all 0.35s ease;}
.ds-box12 .ds12-item:hover{border-color:#2183E9;transform:translateY(-6px);box-shadow:0 8px 24px rgba(33,131,233,0.1);}
.ds-box12 .ds12-item-img{transition:transform 0.4s ease;}
.ds-box12 .ds12-item:hover .ds12-item-img{transform:scale(1.08);}

.ds-box13{padding: 92px 0 60px;text-align: start;}
.ds-box13 .ds13-swiper{position: relative;width: 100%;overflow: hidden;text-align: start;}
.ds-box13 .ds13-swiper .swiper-slide{flex: 0 0 100%;display: flex !important;text-align: start;}
/* 入场动画 */
.ds-box13 .ds13-swiper{opacity: 0;transform: translateY(30px);transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box13.animate .ds13-swiper{opacity: 1;transform: translateY(0);}
/* 鼠标移入动画 */
.ds-box13 .ds13-swiper .ds13-slider-img{width: 50%;height: 402px;overflow: hidden;}
.ds-box13 .ds13-swiper .ds13-slider-img img{transition: transform 0.5s ease;}
.ds-box13 .ds13-slider:hover  img{transform: scale(1.03);}
.ds-box13 .ds13-swiper .ds13-slider-info{width: 50%;height: 402px;padding: 59px 81px 40px 48px;background: #F6F9FC;box-sizing: border-box;gap: 5%;}
.ds-box13 .ds13-slider-info-top{gap: 15px;}
.ds-box13 .ds13-swiper .ds13-slider-footer{}
.ds-box13 .ds13-swiper .ds13-slider-footer-left{gap: 8px;}
.ds-box13 .ds13-slider-footer-btn{width: 21px;height: 21px;background: #0154DC;border-radius: 11px;padding: 5px;}
.ds-box13 .ds13-slider-footer-btn svg{width: 9px;height: 9px;}
.ds-box13 .ds13-slider-data{color: #9E9D9D;}
/* 轮播图指示点 */
.ds-box13 .ds13-pagination{position: absolute;gap: 8px;  bottom: 46px !important;z-index: 50; display: flex;justify-content: flex-end;padding-right: 37px;}
.ds-box13 .ds13-pagination .ds13-bullet{width: 12px;height: 12px;border-radius: 50%;background: #909090;cursor: pointer;}
.ds-box13 .ds13-pagination .ds13-bullet-active{background: #0154DC;}
.ds13-slider-label{gap: 14px;}
.ds13-slider-label-item{padding: 6px;background: #E3E8F0;color: #7D8A9B;}

.ds-box14{padding-bottom: 100px;}
/* 入场动画 */
.ds-box14 .ds14-item{background: #FFFFFF;box-shadow: 0px 8px 7px 0px rgba(167,167,167,0.13);border: 1px solid #F8F8F8;padding: 50px 58px 50px 41px;margin-bottom: 40px;opacity: 0;transform: translateY(30px);transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box14 .ds14-item:nth-child(1){transition-delay: 0.1s;}
.ds-box14 .ds14-item:nth-child(2){transition-delay: 0.15s;}
.ds-box14 .ds14-item:nth-child(3){transition-delay: 0.2s;}
.ds-box14 .ds14-item:nth-child(4){transition-delay: 0.25s;}
.ds-box14 .ds14-item:nth-child(5){transition-delay: 0.3s;}
.ds-box14 .ds14-item:nth-child(6){transition-delay: 0.35s;}
.ds-box14 .ds14-item:nth-child(7){transition-delay: 0.4s;}
.ds-box14 .ds14-item:nth-child(8){transition-delay: 0.45s;}
.ds-box14 .ds14-item:nth-child(9){transition-delay: 0.5s;}
.ds-box14 .ds14-item:nth-child(10){transition-delay: 0.55s;}
.ds-box14 .ds14-item:nth-child(n+11){transition-delay: 0.6s;}
.ds-box14.animate .ds14-item{opacity: 1;transform: translateY(0);}
/* 鼠标移入动画 */
.ds-box14 .ds14-item:hover{transform: translateY(-5px);box-shadow: 0 15px 30px rgba(1, 84, 220, 0.12);border-color: #0154DC;}
.ds-box14 .ds14-date{color: #0154DC;transition: color 0.3s ease;}
.ds-box14 .ds14-item:hover .ds14-date{color: #003999;}
.ds-box14 .ds14-date:last-child{margin-top: 15px;}
.ds-box14  .ds14-line{width: 1px;height: 135px;background: #F0F0F0;transition: all 0.3s ease;}
.ds-box14 .ds14-item:hover .ds14-line{background: #0154DC;}
.ds-box14 .ds14-content{gap: 25px;}
.ds-box14 .ds14-item-left{width: 80%;gap: 58px;}
.ds-box14 .ds14-footer-btn{width: 56px;height: 56px;border-radius: 250%;border: 1px solid #074BBC; color: #074BBC;transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);}
.ds-box14 .ds14-item:hover .ds14-footer-btn{border-color: #0154DC;color: #0154DC;}
.ds-box14 .ds14-footer-btn svg{width: 22px;height: 22px;transition: transform 0.3s ease;}

.ds-box15{padding: 85px 0 116px;}
/* ds-box15 入场动画 */
/* ds-box15 入场动画（补全所有元素） */
.ds-box15 .ds15-content{background: #FFFFFF;box-shadow: 0px 14px 16px 0px rgba(209,209,209,0.22);border-radius: 10px;border: 1px solid #F6F6F6;padding: 58px 74px 47px 63px;gap: 5%;opacity: 0;transform: translateY(40px) scale(0.98);transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);}
.ds-box15.animate .ds15-content{opacity: 1;transform: translateY(0) scale(1);}

.ds-box15 .ds15-title{color: #0154DC;margin-bottom: 16px;transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;}


.ds-box15 .ds15-contact{gap: 211px;color: #7A7A7A;margin-top: 62px;transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.4s;}

.ds-box15 .ds15-phone{margin-top: 27px;transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;color: #4D4D4D;}

/* 电话/邮箱文字 悬浮轻微放大 */
.ds-box15 .ds15-phone{cursor: pointer;transition: all 0.3s ease;}
.ds-box15 .ds15-phone:hover{transform: scale(1.02);transition: all 0.2s ease;}

.ds-box15 .ds15-addr{margin-top: 53px;transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.6s;}

  .ds-box15 .ds15-code-box{gap: 91px;}

.ds-box15 .ds15-code{margin: auto; width: 199px;height: 199px;margin-bottom: 16px;}

/* 二维码hover轻微放大 */
.ds-box15 .ds15-code{transition: all 0.35s cubic-bezier(0.22,1,0.36,1);}
.ds-box15 .ds15-code:hover{transform: scale(1.04);transition: all 0.2s ease;}
/* ds-box15 鼠标移入动效 */


.ds-box16{padding-bottom: 114px;}
/* ds-box16 入场动画 */
.ds-box16 .ds16-title{opacity: 0;transform: translateY(30px);transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);}
.ds-box16.animate .ds16-title{opacity: 1;transform: translateY(0);}
.ds-box16 .ds16-desc{margin-top: 22px;color: #5D5D5D;opacity: 0;transform: translateY(30px);transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.15s;}
.ds-box16.animate .ds16-desc{opacity: 1;transform: translateY(0);}
.ds-box16 .ds16-form{margin-top: 53px;opacity: 0;transform: translateY(30px);transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0.3s;}
.ds-box16.animate .ds16-form{opacity: 1;transform: translateY(0);}
.ds-box16 .ds16-form-top{gap:15px 2.4%;}
.ds-box16 .ds16-input{height: 96px;background: #F6F9FC;border-radius: 10px;padding:  0 27px;width: 48.8%;border: 2px solid transparent;transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);position: relative;overflow: hidden;gap: 5%;}
.quote-form.ds-box16 .ds16-input:nth-child(3){width: 100% !important;}
.ds-box16 .ds16-input::after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background: linear-gradient(90deg, #0154DC, #0D35AD);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transform: translateX(-50%);}
.ds-box16 .ds16-input:focus{border-color: rgba(1, 84, 220, 0.3);background: #FFFFFF;box-shadow: 0 8px 25px rgba(1, 84, 220, 0.12), 0 0 0 3px rgba(1, 84, 220, 0.08);outline: none;}
.ds-box16 .ds16-input:focus::after{width: 100%;}
.ds-box16 .ds16-input:hover{background: #FFFFFF;border-color: rgba(1, 84, 220, 0.15);box-shadow: 0 4px 15px rgba(1, 84, 220, 0.08);}
.ds-box16 .ds16-input-bt{width: 26px;height: 26px;top: 27px;left: 7px;position: absolute;transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);}
.ds-box16 .ds16-input:hover .ds16-input-bt,.ds-box16 .ds16-input:focus .ds16-input-bt{transform: scale(1.1);}
.ds-box16 .ds16-bottom{margin-top: 17px;gap: 16px;height: 114px;}
.ds16-bottom .ds16-input{width: 32%;height: 100% !important;}
.ds16-bottom .ds16-yzm{width: 21%;height: 100%;background-color: #F6F9FC;border: 2px solid transparent;transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1);position: relative;overflow: hidden;}
.ds16-bottom .ds16-yzm::after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background: linear-gradient(90deg, #0154DC, #0D35AD);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transform: translateX(-50%);}
.ds16-bottom .ds16-yzm:hover{background: #FFFFFF;border-color: rgba(1, 84, 220, 0.15);box-shadow: 0 4px 15px rgba(1, 84, 220, 0.08);}
.ds16-bottom .ds16-yzm:hover::after{width: 100%;}
/* 按钮动效 */
.ds-box16  .ds16-bottom-btn{margin-left: 20px;height: 100%;background: linear-gradient(135deg, #0B47C0, #0D35AD);color: #FFFFFF;width: 45%;border: none;border-radius: 12px;cursor: pointer;transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);position: relative;overflow: hidden;font-size: 18px;font-weight: 500;}
.ds-box16  .ds16-bottom-btn::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);transition: left 0.6s ease;}
.ds-box16  .ds16-bottom-btn::after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, transparent 50%, rgba(255,255,255,0.05) 100%);opacity: 0;transition: opacity 0.3s ease;}
.ds-box16  .ds16-bottom-btn:hover{transform: translateY(-4px);box-shadow: 0 15px 40px rgba(11, 71, 192, 0.35);background: linear-gradient(135deg, #0D35AD, #093BA3);}
.ds-box16  .ds16-bottom-btn:hover::before{left: 100%;}
.ds-box16  .ds16-bottom-btn:hover::after{opacity: 1;}
.ds-box16  .ds16-bottom-btn:active{transform: translateY(-2px);box-shadow: 0 8px 20px rgba(11, 71, 192, 0.3);}

.ds-box17{padding-bottom: 100px;padding-top: 0 !important;}
.ds-box17 .ds4-list-item{opacity: 1;width: 23.95%;transform: translateY(0) !important;;}
.ds-box17 .ds4-list{gap: 34px 1.4%;padding-top: 20px;}
/* ds-box17 入场动画 */
.ds-box17 .ds4-list{opacity: 0;transform: translateY(30px);transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);}
.ds-box17.animate .ds4-list{opacity: 1;transform: translateY(0);}

.ds-box18 .ds4-btn{width: 50%;}
.ds-box18 .ds4-btn-box{border-top: none;}
.ds-box18 .ds4-list-item .ds4-img{height: 275px;}
.ds-box18 .ds4-list-item{border: 1px solid #F5F5F5;padding: 20px;border-radius: 10px; box-shadow: inherit;}
.ds-box18 .ds4-info{height: auto !important;}

/* 产品详情页面样式 */
.product-detail{padding: 56px 0 0;}
/* 详情容器 */
.detail-container{gap: 66px;}
/* 产品图片展示区 */
.detail-images{flex-shrink: 0;gap: 22px;width: 54.1%;}
.detail-images .main-image{position: relative;background: #fafafa;border: 1px solid #eee;overflow: hidden;height: 602px;width: 100%;border-radius: 10px;}
.detail-images .thumbnails{display: flex;gap: 20px;padding: 8px 0 12px;height: 554px;}
.detail-images .thumbnail{width: 96px;height: 71px;border: 1px solid transparent;cursor: pointer;overflow: hidden;transition: all 0.3s;border-radius: 10px;margin-bottom: 8px;}
.detail-images .thumbnail img{width: 100%;height: 100%;object-fit: cover;}
.detail-images .thumbnail.active,.detail-images .thumbnail:hover{border-color: #0B47C0;}
.detail-images .thumbnail-icon{width: 20px;height: 20px;margin: 0 auto;cursor: pointer;}
.detail-images .thumbnail-item{gap: 20px;overflow: auto;height:100%;}

/* 产品信息区 */
.detail-info{flex: 1;display: flex;flex-direction: column;width: 45.9%;background-color: white;border-radius: 10px;padding: 48px 42px 44px;background: #FAFAFA;}
.detail-info .product-title{font-weight: 400;color: #333;margin: 0 0 24px;padding-bottom: 27px;border-bottom: 1px solid #CFDAE5;}
.detail-info .product-desc{color: #676767;margin-bottom: 49px;max-height: 100px;overflow: auto;}
.detail-info .contact-info{display: flex;flex-direction: column;gap: 10px;margin-bottom: 27px;}
.detail-info .contact-item{display: flex;align-items: center;gap: 10px;white-space: nowrap;}
.detail-info .contact-item-icon{width: 28px;height: 28px;color: #FFA620;}
.detail-info .email{color: #0B47C0;}
.detail-info .action-buttons{display: flex;gap: 16px;margin-bottom: 22px;}
.detail-info .action-buttons .btn{flex: 1;display: flex;align-items: center;justify-content: center;gap: 12px;padding: 15px;border: none;border-radius: 4px;cursor: pointer;transition: all 0.3s;}
.detail-info .action-buttons .btn .btn-icon{width: 20px;height: 20px;}
.detail-info .action-buttons .btn-primary{background: #0154DC;color: #fff;}
.detail-info .action-buttons .btn-primary:hover{background: #0154DC;}
.detail-info .action-buttons .btn-outline{background: #fff;color: #094698;border: 2px solid #0154DC;}
.detail-info .action-buttons .btn-outline:hover{border-color: #0154DC;color: #0154DC;}
.detail-info .product-labels{display: flex;gap: 10px;margin-top: 10px;}
.detail-info .product-labels .label{padding: 6px 19px;background: #EFEFEF;border-radius: 2px;}

/* 产品详情内容区 */
.detail-content{padding: 64px 0 0;display: flex;gap: 54px;}
.content-main{flex: 1;}
.detail-section{background: #fff;border-radius: 16px;overflow: hidden;}
.detail-section .section-header{background: #0154DC;padding: 30px 20px 22px;}
.detail-section .section-header h2{font-weight: bold;color: #fff;margin: 0;}
/* 产品详情表格 */
.detail-table{padding: 20px;overflow-x: auto;border: 1px solid #EEEEEE;}
.product-detail .detail-table ol {
    padding-left: 20px !important; 
    margin: 0;
}
.detail-table table{width: 100%;border-collapse: collapse;}
.detail-table th,.detail-table td{padding: 15px 12px;text-align: center;border: 1px solid #e8ecf0;}
.detail-table th{background: #f5f7fa;font-weight: bold;color: #333;}
.detail-table tbody tr:hover{background: #fafbfc;}
.detail-table tbody tr.highlight{background: #fff5f5;}
.detail-table tbody tr.highlight td:first-child{background: #c4171e;color: #fff;font-weight: bold;}
/* 详情宽图 */
.detail-wide-image{width: 100%;height: auto;display: block;}


/* 右侧方案介绍 */
.content-sidebar{width: 366px;flex-shrink: 0;}
.sidebar-section{background: #fff;border-radius: 10px;overflow: hidden;}
.sidebar-section .solution-list{padding: 16px 14px 33px;}
.sidebar-section .solution-item{color: #343434;line-height: 2;}
/* 获取产品报价表单 */
.quote-section{padding: 109px 0 0;}
.quote-section .xp-box14 .xp14-input,.quote-section .xp-box14 .xp14-textarea{background-color: white;}
.quote-section .quote-section-title{border-radius: 10px;border: 1px solid #C9D0DC;padding: 0 27px;height: 96px;background-color: white;margin-bottom: 15px ;}

.quote-title{font-weight: bold;text-align: center;margin: 0 0 38px;}
.quote-desc{color: #5D5D5D;text-align: center;margin: 0 0 53px;}
.quote-form{display: flex;flex-direction: column;gap: 20px;margin-top: 93px;}

.products-sidebar {width: 347px; width: 21.677%;min-width: 21.677%; flex-shrink: 0;overflow: hidden;}
.products-sidebar .sidebar-title {background-color: #0154DC;padding: 30px 20px 22px;border-radius: 10px 10px  0 0;}
.products-sidebar .sidebar-title h3 {color: #fff;font-weight: bold;margin: 0;}
.products-sidebar .sidebar-nav {padding: 6px 0;margin: 0;list-style: none;background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);}
.products-sidebar .sidebar-nav .nav-item {position: relative;}
.products-sidebar .sidebar-nav .nav-item  .nav-icon{ width: 20px;height: 20px;color: #094698;transform: rotate(-90deg);transition: all 0.3s ease;}
.products-sidebar .sidebar-nav .nav-item  .nav-icon-active{
color: white;
transform: rotate(0deg);
}
.products-sidebar .sidebar-nav .nav-item > a {display: flex;align-items: center;padding: 26px 12px;padding-right: 26px; color: #333;text-decoration: none;transition: all 0.3s;position: relative;}
.products-sidebar .sidebar-nav .nav-item > a:hover,
.products-sidebar .sidebar-nav .nav-item> a.active{background: #0154DC;color: #fff;}
.products-sidebar .sidebar-contact {margin-top: 44px;background: #fff;width: 100%;}
.products-sidebar .sidebar-contact .contact-info { display: flex; flex-direction: column; gap: 12px; padding: 0 15px 21px;}
.products-sidebar .sidebar-contact .contact-item {border-bottom: 1px dashed #E7E7E7; padding: 18px 0 19px;padding-left: 0 !important;padding-right: 0 !important;}
.products-sidebar .sidebar-contact .contact-item .contact-email { color: #0B47C0; margin-top: 12px;}
.products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 12px;}
.products-content { min-width: 0;width: 100%;}

/* 相关产品推荐 */
.related-section{padding: 111px 0 100px;}

.related-header{margin-bottom: 48px;}
.related-header h2{font-weight: bold;color: #333;margin: 0 0 25px;}
.related-desc{color: #999;margin: 0;}
.related-grid {gap:28px 1.8% !important;}
.related-grid .product-card{width: calc(24.87% - 19px);width: 23.65% !important;}
.products-grid .product-card .card-image{height: 246px;}

.related-section .ds-box17{overflow: auto;}
.related-section .xp6-nav{display: flex;gap: 12px;}
.related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 68px;height: 68px;border-radius: 50%;background: #fff;color: #333;border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;border: 2px solid #D5D5D5;}
.related-section .xp6-nav-prev:hover, .related-section .xp6-nav-next:hover{background: #094698;color: #fff;border: 2px solid #094698;}
.related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 20px;height: 20px;}
.related-section .ds-box17{overflow-x: hidden;overflow-y: inherit;width: 100%;padding: 0;cursor: grab;}
.related-section .ds-box17:active{cursor: grabbing;}
.related-section .ds-box17 .xp6-list{width: max-content;will-change: transform;gap: 20px;}
.related-section  .ds-box17 .ds4-list-item{width: 414.9px;}
/* 产品页面样式结束 */
.xp-box18{padding: 80px 0 130px;gap: 66px;}
.xp-box18 .xp18-left{width: 100%;}
.xp18-content{padding: 50px 20px 60px;background: #FFFFFF;box-shadow: 0px 1px 7px -2px rgba(167,167,167,0.13);}
.xp-box18  .xp18-title{padding-bottom: 42px;border-bottom: 1px solid #dadada63;margin-bottom: 40px;}
.xp-box18 .xp18-date{margin-top: 36px;gap: 20px;}
.xp-box18 .xp18-date .x18-date-text{color: #A2ABB6;}
.xp-box18  .xp18-rich img{max-width: 100%;height: auto !important;}
.xp-box18 .xp18-label{margin-top:60px;color: #53627B;}
.xp-box18 .xp18-label .xp18-label-list{gap: 12px;margin-left: 13px;}
.xp-box18 .xp18-label .xp18-label-item{padding: 6px 12px;background: #E3E8F0;border-radius: 4px;color: #7D8A9B;}
.xp-box18 .xp-next{margin-top: 37px;}
.xp-box18 .xp-next-item{padding: 20px;background: #F6F9FC;border-radius: 4px;margin-bottom: 15px;color: #53627B; cursor: pointer;}
.xp-box18 .xp-next-item a{padding: 0 12px;color: #000;}
.xp-box18 .xp-next-item:hover a{color: #fff;}
.xp-box18 .xp-next-item:hover{background: #0B47C0;}
.xp-box18 .xp-next-item:hover,.xp-box18 .xp-next-item:hover span {color: #fff;}
.xp-box18 .xp18-right{width: 366px;flex-shrink: 0;}
.xp-box18 .xp18-right-content{margin-bottom: 35px;background-color: #fff;border-radius: 16px;overflow: hidden;}
.xp-box18 .xp18-right-title{background: #094698;padding: 28px 15px 24px;color: white;}
.xp-box18 .xp18-right-list{padding: 0 15px;min-height: 500px;}
.xp-box18 .xp18-right-item{padding: 20px 0;border-bottom: 1px dashed #dadada63;width:100%;}
.xp-box18  .xp18-right-item-text{margin-top: 15px;color: #b1b1b1;}
.xp-box18 .xp18-right-list2{min-height: auto !important;padding: 16px 20px 33px;line-height: 2;}
.related-section2{padding-top: 0 !important;}



.ds-box19{padding: 60px 0 65px;}
.ds-box19 .ds19-content{background: #FFFFFF;box-shadow:0px 14px 16px 0px rgba(209,209,209,0.22);border-radius: 10px;border: 1px solid #F6F6F6;padding: 0 50px;position: relative;overflow: hidden;}
.ds-box19 .ds19-item{padding: 40px 0; border-bottom: 1px solid #EFEFEF;gap: 33px;gap: 14px !important;}
.ds-box19 .ds19-item-title{width: 130px;min-width: 130px;}
.ds-box19  .ds19-select ul{gap: 35px 67px;}
.ds-box19  .ds19-select ul .active{font-weight: bold;color: #0E479C;}
/* ds-box19 入场动画 */
.ds-box19 .ds19-content{opacity: 0;transform: translateY(30px);transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);}
.ds-box19.animate .ds19-content{opacity: 1;transform: translateY(0);}
.ds-box19 .ds19-item{opacity: 0;transform: translateY(20px);transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
.ds-box19.animate .ds19-item{opacity: 1;transform: translateY(0);}
.ds-box19.animate .ds19-item:nth-child(1){transition-delay: 0.15s;}
.ds-box19.animate .ds19-item:nth-child(2){transition-delay: 0.25s;}
.ds-box19.animate .ds19-item:nth-child(3){transition-delay: 0.35s;}
.ds-box19 .ds19-select{opacity: 0;transform: translateY(15px);transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.45s;}
.ds-box19.animate .ds19-select{opacity: 1;transform: translateY(0);}
/* ds-box19 鼠标移入动效 - 仅作用于li */
.ds-box19 .ds19-select ul li{cursor: pointer;transition: all 0.3s ease;}
.ds-box19 .ds19-select ul li:hover{color: #0E479C;font-weight: bold;}

.products-content .products-online {border: 2px solid #094698;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);background: #fff;border-radius: 10px;margin-bottom: 0px !important;padding: 15px;opacity: 0;transform: translateY(20px);transition: all 0.6s ease;}
.products-content.animate .products-online{opacity: 1;transform: translateY(0);}
.products-content .products-online .products-online-btn {border-radius: 4px;height: 44px;line-height: 44px;padding: 0 20px;background: #094698;color: #fff;border: none;cursor: pointer;transition: all 0.3s ease;}
.products-content .products-online .products-online-btn:hover{background: #0D35AD;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(9, 70, 152, 0.25);}
.products-content .products-online .products-online-num{color: #212529;margin-top: 8px;}
.products-content .products-online .products-online-imglist{margin-right: 10px; margin-left: 10px;max-width: 80%;overflow: auto;}
.products-content .products-online .products-online-imglist::-webkit-scrollbar{display: none;}
.products-content .products-online .products-online-imgBox{border-bottom: 0px solid #eee; position: relative; padding: 10px 10px 10px 10px;min-height: 70px; flex: 0 0 10%;}
.products-content .products-online .products-online-imglist .products-online-img{width: 50px;height: 50px;margin: 0 auto;overflow: hidden;border-radius: 2px;}
.products-content .products-online .products-online-imglist .products-online-close{position: absolute;top: 4px;right: 4px;width: 16px;height: 16px;cursor: pointer;background-color: #fff;border-radius: 50%;}

/* 询价页面样式 */
.inquiry-section{padding: 60px 0 138px;}
.inquiry-header .xp14-tips{margin-top: 38px;color: #5D5D5D;}
.inquiry-form .xp14-input,.inquiry-form .xp14-textarea{background-color: white;}
.inquiry-form .form-row{display: flex;gap: 24px;margin-bottom: 24px;}
.inquiry-table-section{margin-top: 40px;background: #fff;border-radius: 10px;overflow: hidden;box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
.inquiry-table{width: 100%;border-collapse: collapse;}
.inquiry-table thead{background: #fff;border-bottom: 2px solid #e8ecf0;}
.inquiry-table th{padding: 20px;text-align: center;font-weight: 600;color: #333;text-transform: uppercase;letter-spacing: 1px;width: 33.33%;}
.inquiry-table td{padding: 25px 20px;text-align: center;vertical-align: middle;color: #333;border-bottom: none;width: 33.33%;}
.inquiry-table tbody tr{border-bottom: 1px solid #f0f0f0;}
.inquiry-table tbody tr:nth-child(odd){background: #fafafa;}
.inquiry-table tbody tr:nth-child(even){background: #fff;}
.inquiry-table tbody tr:hover{background: #f0f5ff;}
.inquiry-table .table-image{width: 100%;height: auto;max-width: 150px;margin: 0 auto;padding: 5px;}
.inquiry-table .remove-link{color: #0B47C0;text-decoration: none;font-weight: 500;}
.inquiry-table .remove-link:hover{color: #073a7a;text-decoration: underline;}
.add-row{padding: 20px;text-align: right;border-top: 1px solid #e8ecf0;background: #fafafa;}
.add-row .btn-add{padding: 10px 24px;background: #0B47C0;color: #fff;border: none;border-radius: 6px;cursor: pointer;transition: background 0.3s;}
.add-row .btn-add:hover{background: #073a7a;}


/* 锚点跳转偏移，避免被固定头部遮挡 */
[id^="contact2"] {
  scroll-margin-top: 160px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}
[id^="product1"] {
  scroll-margin-top: 160px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}
[id^="about5"] {
  scroll-margin-top: 160px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}
[id^="about2"] {
  scroll-margin-top: 100px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}

[id^="about3"] {
  scroll-margin-top: 100px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}

/* 模块end */

/* 动画 */
/* 轮播图基础样式优化 */
.ds-box1 .swiper-slide {
  overflow: hidden;
  will-change: transform;
  backface-visibility: hidden;
  perspective: 1000px;
}
/* 轮播图图片缩放动画 */
.ds-box1 .slide-image-wrapper{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  backface-visibility: hidden;
}
.ds-box1 .slide-image-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform cubic-bezier(0.4, 0, 0.2, 1) 1.5s;
  transform: scale(1.08) translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
}
.ds-box1 .swiper-slide-active .slide-image-wrapper img{
  transform: scale(1) translateZ(0);
}
/* 轮播图文字入场动画 */
.ds-box1 .swiper-slide-content{
  opacity:0;
  transform:translateY(40px) translateZ(0);
  transition:opacity ease 2s .5s, transform ease 2s .5s;
  will-change: opacity, transform;
  backface-visibility: hidden;
}
.ds-box1 .swiper-slide-active .swiper-slide-content{
  opacity:1;
  transform:translateY(0) translateZ(0);
}
.ds-box1 .swiper-slide-content-tips{
  opacity:0;
  transform:translateY(40px) translateZ(0);
  transition:opacity ease 2s .7s, transform ease 2s .7s;
  will-change: opacity, transform;
  backface-visibility: hidden;
}
.ds-box1 .swiper-slide-active .swiper-slide-content-tips{
  opacity:1;
  transform:translateY(0) translateZ(0);
}
.ds-box1 .swiper-slide-content-desc{
  opacity:0;
  transform:translateY(40px) translateZ(0);
  transition:opacity ease 2s 1s, transform ease 2s 1s;
  will-change: opacity, transform;
  backface-visibility: hidden;
}
.ds-box1 .swiper-slide-active .swiper-slide-content-desc{
  opacity:1;
  transform:translateY(0) translateZ(0);
}


/* ====================================== */
/* 卡片 hover 预加速 */
.ds2-item,
.ds3-right-item,
.ds4-list-item,
.ds5-item,
.xp20-item,
.ds8-list-item,
.ds14-item {
  will-change: transform, box-shadow !important;
}

/* hover动画优化 - 解决入场动画时间影响hover速度的问题 */
/* 将入场动画和hover动画分离，入场只针对opacity和transform，hover使用独立的快速过渡 */

/* ds-box2 */
.ds-box2 .ds2-item:hover {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box3 */
.ds-box3 .ds3-right-item:hover {
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box4 */
.ds-box4 .ds4-list-item:hover {
  transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.35s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.ds-box4 .ds4-tab div:hover {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.ds-box4 .ds4-btn:hover {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box5 */
.ds-box5 .ds5-item:hover {
  transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.35s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box7 */
.ds-box7 .ds7-btn:hover {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* xp-box20 */
.xp-box20 .xp20-item:hover {
  transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.35s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box8 */
.ds-box8 .ds8-list-item:hover {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box14 */
.ds-box14 .ds14-item:hover {
  transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box11 */
.ds-box11 .ds11-list-item:hover {
  transition: border-color 0s ease, padding 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box17 */
.ds-box17 .ds4-list-item:hover {
  transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.35s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* ds-box19 */
.ds-box19 .ds19-content:hover {
  transition: all 0.35s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.ds-box19 .ds19-item:hover {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.ds-box19 .ds19-select ul li:hover {
  transition: color 0.25s ease !important;
}

/* 图片hover缩放 */
.ds4-img img:hover,
.ds2-item-img:hover,
.xp20-img img:hover {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* 按钮通用hover */
button:hover,
[class*="btn"]:hover:not(.swiper-button-prev):not(.swiper-button-next) {
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* 入场动画只针对opacity和transform，不影响其他属性 */
.xp-animate-section [class*="item"],
.xp-animate-section [class*="content"],
.xp-animate-section [class*="title"],
.xp-animate-section [class*="desc"],
.xp-animate-section [class*="list"] {
  transition-property: opacity, transform !important;
}

/* 动画end */

/* ///////媒体查询/////// */
@media screen and (max-width: 1700px) {
  header .pc-nav .pc-search{padding: 0 28px;}
  header .pc-nav .pc-search svg{width: 26px;}
  header .pc-nav .pc-phone-btn{margin-top: 8px;}
  
  /* footer */
  footer{padding: 45px 0 20px;}
  footer .f-top{margin-top: 35px;padding-top: 35px;gap: 100px;}
  footer .f-logo-box{width: 26%;}
  footer .f-logo{width: 260px;margin-bottom: 25px;}
  footer .f-title{margin-bottom: 25px !important;}
  footer .f-nav ul li{margin-bottom: 14px;}
  footer .f-qrcode-box{width: 85px;}
  footer .f-qrcode{width: 85px;height: 85px;}
  footer .f-content{width: 150px;height: 150px;}
  footer .f-bottom{gap: 28px;padding-top: 20px;}
  
  /* ds-box1 */
  .ds-box1{height: 850px;}
  .ds-box1 .swiper-slide-content{padding: 65px;}
  .ds-box1 .swiper-slide-content-tips{padding: 8px 14px;margin-bottom: 32px;}
  .ds-box1 .swiper-bottom{bottom: 110px;right: 50px;gap: 25px;}
  .ds-box1 .swiper-nav-btn{width: 45px;height: 45px;min-width: 45px;}
  .ds-box1 .swiper-pagination-bullet{margin: 0 18px !important;}
  
  /* ds-box2 */
  .ds-box2{padding: 110px 0 80px;}
  .ds-box2 .ds2-list{margin-top: 55px;gap: 22px;}
  .ds-box2 .ds2-item{padding: 60px 26px;width: calc(25% - 16.5px);height: 440px;border-radius:26px;}
  .ds-box2 .ds2-item-desc{margin-top: 25px;}
  .ds2-btn{padding: 16px 20px;margin-right: 40px;}
  .ds2-desc{margin-top: 20px;}
  
  /* ds-box3 */
  .ds-box3{padding: 90px 0 20px;gap: 55px;}
  .ds-box3 .ds3-info{gap: 55px 8%;margin-top: 85px;}
  .ds-box3 .ds3-info-item{width: 46%;}
  .ds-box3 .ds3-info-item-icon{width: 24px;height: 24px;margin-right: 6px;}
  .ds-box3 .ds3-left{padding-top: 60px;}
  .ds-box3 .ds3-right-item{padding: 40px 42px 32px;margin-bottom: 35px;}
  .ds-box3 .ds3-right-item-icon{width: 65px;height: 65px;}
  .ds-box3 .ds3-right-item-title{margin: 20px 0 38px;}
  .ds-box3 .ds3-btn{margin-top: 55px;}
  
  /* ds-box4 */
  .ds-box4{padding: 70px 0 60px;}
  .ds-box4 .ds4-tab{margin-top: 58px;gap: 16px;}
  .ds-box4 .ds4-tab div{min-width: 155px;height: 52px;line-height: 52px;padding: 0 30px;}
  .ds-box4 .ds4-content{margin-top: 58px;padding-bottom: 45px;}
  .ds-box4 .ds4-list{gap: 22px;}
  .ds-box4 .ds4-list-item{width: calc(25% - 16.5px);}
  .ds-box4 .ds4-info{padding: 20px 18px 22px;height: calc(100% - 233px);}
  .ds-box4 .ds4-addr{margin-top: 20px;margin-bottom: 12px;}
  .ds-box4 .ds4-btn-box{margin-top: 18px;padding-top: 14px;}
  .ds-box4 .ds4-btn{padding: 9px 22px;}
  .ds-box4 .ds4-list-item .ds4-img{height: 233px;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 36px;height: 5px;}
  /* ds-box5 */
  .ds-box5{}
.ds-box5 .ds5-content,.ds-box5 .ds5-nav{gap: 20px;padding-bottom: 45px;}
  .ds-box5 .ds5-item{height: 105px;width: 289px;min-width: 289px;}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 350px;object-fit: cover;}
  
  /* ds-box7 */
  .ds-box7{padding: 90px 0 65px;}
  .ds-box7 .ds7-top{width: 50%;}
  .ds-box7 .ds7-year-box{margin-top: 80px;}
  .ds-box7 .ds7-year{font-size: 130px;margin-right: 15px;}
  .ds-box7 .ds7-text{margin-top: 50px;}
  .ds-box7 .ds7-data{margin-top: 32px;padding-top: 40px;}
  .ds-box7 .ds7-btn{padding: 14px 28px;margin-top: 50px;}
  .ds-box7 .ds7-pztop{width: 42%;}
  .ds-box7 .ds7-pzbottom{width: 12%;bottom: -160px;}
  
  /* header pc-nav */
  header .pc-nav ul{gap: 3%;}
  header .pc-nav .pc-search{width: 22px;height: 22px;}
  header .pc-nav .pc-search svg{width: 16px;}
  header .pc-nav .pc-logo{width: 25.492%;}
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 100px;}
  .xp-box20 .xp20-item{height: 400px;border-radius: 14px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 11px;height: 11px;}
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 100px;}
  .ds-box8 .ds8-tab{gap: 42px;}
  .ds-box8 .ds8-content{padding-top: 65px;gap: 140px;}
  .ds-box8 .ds8-list-box{width: 71%;}
  .ds-box8 .ds8-list{gap: 40px;}
  .ds-box8 .ds8-list-item{padding: 45px 28px 18px;}
  .ds-box8 .ds8-list-item-title{margin: 32px 0;}
  .ds-box8 .ds8-list-item-desc{height: 146px;}
  .ds-box8 .ds8-list-item-btn{width: 45px;height: 45px;padding: 7px;margin-top: 18px;}
  .ds-box8 .ds8-list-item-num{margin-left: 35px !important;margin-top: 10px;}
  .ds-box8 .ds8-more{margin-top: 85px;padding: 14px 28px;gap: 45px;}
  
  /* f-goTop */
  .f-goTop{padding: 6px 12px 10px;}
  .f-goTop .f-goTop-item{padding: 14px 0 7px;}
  .f-goTop .f-goTop-item2{padding: 10px 0 0;}
  
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 45px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 360px;height: 220px;border-radius: 10px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 38px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 108px 0 120px;}
  .xp-box23 .xp23-list{gap: 45px 2%;}
  .xp-box23 .xp23-item{width: calc(20% - 1.6%);height: 103px;}
  
  /* ds-box11 */
  .ds-box11{padding-bottom: 135px;gap: 65px;}
  .ds-box11 .ds11-content{gap: 65px;}
  .ds-box11 .ds11-content-title{margin-bottom: 82px;}
  
  /* xp-box15 */
  .xp-box15 .xp15-left div{width: 142px;height: 68px;line-height: 68px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-list{gap: 16px;padding: 62px 0 0;}
  .xp-box3 .xp3-nav{gap: 18px;margin-top: 46px;}
  .xp-box3 .xp3-nav-btn{width: 44px;height: 44px;}
  
  /* ds-box10 */
  .ds-box10{padding: 108px 0 150px;}
  .ds-box10 .xp20-desc{margin-top: 20px;margin-bottom: 68px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 95px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 46px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 38px;height: 5px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 56px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-content-left{width: 42%;padding-top: 295px;padding-left: 46px;}
  .ds-box11 .ds11-tab-btn{width: 36px;height: 36px;}
  .ds-box11 .ds11-list{margin-top: 68px;}

  
  .xp-box24{padding: 85px 0 88px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 32px;}
  .xp-box24 .xp24-list{margin-top: 70px;}
  .xp-box24 .xp24-list-title{padding: 26px 95px;}
  .xp-box24 .xp24-list ul li{margin-top: 14px;padding: 0 55px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 26px 46px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2-icon{width: 28px !important;height: 28px;}
  .xp-box24 .xp24-list ul li .xp24-list-content.show{padding: 18px 40px 38px;}
  
  /* ds-box12 */
  .ds-box12{gap: 45px;padding-bottom: 120px;}
  .ds-box12 .ds12-item{padding: 26px 22px 40px;}
  .ds-box12 .ds12-item-img{width: 80px;}
  .ds-box12 .ds12-item-title{margin: 22px 0;}
  
  /* ds-box13 */
  .ds-box13{padding: 88px 0 56px;}
  .ds-box13 .ds13-swiper .ds13-slider-img{height: 402px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{height: 402px;padding: 55px 76px 38px 45px;}
  .ds-box13 .ds13-slider-info-top{gap: 14px;}
  .ds-box13 .ds13-slider-footer-left{gap: 7px;}
  .ds-box13 .ds13-slider-footer-btn{width: 20px;height: 20px;padding: 4px;}
  .ds-box13 .ds13-slider-footer-btn svg{width: 8px;height: 8px;}
  .ds-box13 .ds13-pagination{gap: 7px;bottom: 43px !important;padding-right: 35px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 11px;height: 11px;}
  .ds13-slider-label{gap: 13px;}
  .ds13-slider-label-item{padding: 5px;}
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 95px;}
  .ds-box14 .ds14-item{padding: 48px 54px 48px 38px;margin-bottom: 38px;}
  .ds-box14 .ds14-content{gap: 23px;}
  .ds-box14 .ds14-item-left{gap: 55px;}
  .ds-box14  .ds14-line{height: 128px;}
  .ds-box14 .ds14-footer-btn{width: 54px;height: 54px;}
  .ds-box14 .ds14-footer-btn svg{width: 21px;height: 21px;}
  
  /* ds-box15 */
  .ds-box15{padding: 82px 0 110px;}
  .ds-box15 .ds15-content{padding: 55px 70px 44px 60px;}
  .ds-box15 .ds15-contact{gap: 198px;margin-top: 58px;}
  .ds-box15 .ds15-phone{margin-top: 25px;}
  .ds-box15 .ds15-addr{margin-top: 50px;}
  .ds-box15 .ds15-code{width: 188px;height: 188px;margin-bottom: 15px;}
  .ds-box15 .ds15-code-box{gap: 85px;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 108px;}
  .ds-box16 .ds16-desc{margin-top: 20px;}
  .ds-box16 .ds16-form{margin-top: 50px;}
  .ds-box16 .ds16-form-top{gap: 14px 2.4%;}
  .ds-box16 .ds16-input{height: 90px;padding: 0 25px;}
  .ds-box16 .ds16-input-bt{width: 24px;height: 24px;top: 25px;left: 6px;}
  .ds-box16 .ds16-bottom{margin-top: 16px;gap: 15px;height: 108px;}
  .ds-box16  .ds16-bottom-btn{margin-left: 18px;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 95px;}
  .ds-box17 .ds4-list{gap: 32px 1.3%;}
  .ds-box17 .ds4-list-item{width: 24%;}
  
  /* ds-box19 */
  .ds-box19{padding: 56px 0 60px;}
  .ds-box19 .ds19-content{padding: 0 46px;}
  .ds-box19 .ds19-item{padding: 38px 0;gap: 31px;}
  .ds-box19 .ds19-item-title{width: 125px;min-width: 125px;}
  .ds-box19  .ds19-select ul{gap: 33px 62px;}
  
  /* related-section */
  .related-section{padding: 106px 0 95px;}
  .related-header{margin-bottom: 45px;}
  .related-header h2{margin: 0 0 23px;}
  .related-grid{gap: 26px 1.7% !important;}
  .related-grid .product-card{width: 23.75% !important;}
  .products-grid .product-card .card-image{height: 234px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 64px;height: 64px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 19px;height: 19px;}
  .related-section .ds-box17 .ds4-list-item{width: 367.5px;}
  .related-section2 .ds-box17 .ds4-list-item{width: 366.5px;}
.related-section .ds-box17 .xp6-list{gap: 18px;}
  
  /* xp-box18 */
  .xp-box18{padding: 76px 0 122px;gap: 62px;}
  .xp18-content{padding: 47px 18px 56px;}
  .xp-box18 .xp18-title{padding-bottom: 39px;margin-bottom: 37px;}
  .xp-box18 .xp18-date{margin-top: 34px;gap: 18px;}
  .xp-box18 .xp18-label{margin-top: 56px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 11px;margin-left: 12px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 5px 11px;}
  .xp-box18 .xp-next{margin-top: 34px;}
  .xp-box18 .xp-next-item{padding: 18px;margin-bottom: 14px;}
  .xp-box18 .xp-next-item a{padding: 0 11px;}
  .xp-box18 .xp18-right{width: 347px;}
  .xp-box18 .xp18-right-content{margin-bottom: 33px;border-radius: 14px;}
  .xp-box18 .xp18-right-title{padding: 26px 14px 22px;}
  .xp-box18 .xp18-right-list{padding: 0 14px;min-height: 470px;}
  .xp-box18 .xp18-right-item{padding: 18px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 14px;}
  .xp-box18 .xp18-right-list2{padding: 14px 18px 31px;}

  .ds-box18 .ds4-list-item .ds4-img{height: 240px;}
.ds-box18 .ds4-list-item{padding: 18px;border-radius: 8px;}

/* 产品详情 */
.product-detail{padding: 47px 0 0;}
  .detail-container{gap: 55px;}
  .detail-images{flex-shrink: 0;gap: 18px;width: 54.1%;}
  .detail-images .main-image{height: 538px;}
  .detail-images .thumbnails{gap: 17px;padding: 7px 0 10px;height: 495px;}
  .detail-images .thumbnail{width: 80px;height: 59px;border-radius: 8px;margin-bottom: 7px;}
  .detail-images .thumbnail-icon{width: 17px;height: 17px;}
  .detail-images .thumbnail-item{gap: 17px;}
  .detail-info{width: 45.9%;padding: 40px 35px 37px;border-radius: 9px;}
  .detail-info .product-desc {margin-bottom: 41px;}
  .detail-info .contact-info{gap: 8px;margin-bottom: 23px;}
  .detail-info .contact-item{gap: 8px;}
  .detail-info .contact-item-icon{width: 23px;height: 23px;}
  .detail-info .action-buttons{gap: 13px;margin-bottom: 18px;}
  .detail-info .action-buttons .btn{gap: 10px;padding: 13px;border-radius: 3px;}
  .detail-info .action-buttons .btn .btn-icon{width: 17px;height: 17px;}
  .detail-info .product-labels{gap: 8px;margin-top: 8px;}
  .detail-info .product-labels .label{padding: 5px 16px;border-radius: 2px;}
  .detail-content{padding: 53px 0 0;gap: 45px;}
  .detail-section{border-radius: 13px;}
  .detail-section .section-header{padding: 25px 17px 18px;}
  .detail-table{padding: 17px;}
  .product-detail .detail-table ol {padding-left: 17px !important; }
  .detail-table th,.detail-table td{padding: 13px 10px;}
  .content-sidebar{width: 305px;}
  .sidebar-section{border-radius: 8px;}
  .sidebar-section .solution-list{padding: 13px 12px 28px;}
  .quote-section{padding: 91px 0 0;}
  .quote-title{margin: 0 0 32px;}
  .quote-desc{margin: 0 0 44px;}
  .quote-form{gap: 17px;margin-top: 80px;}
  .quote-form .form-row{gap: 17px;}
  .quote-form .form-input{height: 80px;padding: 0 17px;border-radius: 9px;}
  .quote-form .captcha{width: 27.813%;min-width: 27.813%;}
  .quote-form .captcha-img{width: 17.813%;min-width: 17.813%;border-radius: 7px;}
  .quote-form .form-textarea{height: 256px;padding: 32px 20px;border-radius: 9px;}
  .quote-form .btn-submit{padding: 13px;border-radius: 7px;}
  .related-section{padding: 106px 0 95px;}
  .related-header{margin-bottom: 40px;}
  .related-header h2{margin: 0 0 21px;}
  .products-grid .product-card .card-image{height: 220px !important;}
  .products-container{gap: 36px;padding: 60px 0 110px;}
  .products-sidebar{width: 289px;width: 21.677%;min-width: 21.677%;}
  .products-sidebar .sidebar-title{padding: 21px 10px;border-radius: 9px 9px 0 0;}
  .products-sidebar .sidebar-nav{padding: 5px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 17px;height: 17px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding: 18px 10px;padding-right: 22px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 25px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 14px 10px;}
  .products-sidebar .sidebar-contact{margin-top: 18px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 10px;padding: 0 13px 18px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 15px 16px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 10px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 10px;}
  .products-content .content-header{margin-bottom: 25px;padding-bottom: 17px;}
  .products-grid{gap: 23px;}
  .products-grid .product-card{width: calc(33.333% - 16px);padding: 22px 18px 25px;border-radius: 9px;}
  .products-grid .product-card .card-image{height: 224px;}
  .products-grid .product-card .card-title{padding: 18px;}
  .products-grid .product-card .card-actions{padding: 13px 17px;gap: 10px;}
  .products-grid .product-card .card-actions .btn{padding: 11px 13px;gap: 5px;}
  .products-grid .product-card .card-actions .btn-icon{width: 17px;height: 17px;}
  .products-grid .product-card .card-actions .btn-icon2{width: 22px;height: 22px;}

  .inquiry-header .xp14-tips{margin-top: 24px;}
  .inquiry-form .form-row{gap: 15px;margin-bottom: 15px;}
  .inquiry-table-section{margin-top: 26px;border-radius: 7px;}
  .inquiry-table th{padding: 13px;}
  .inquiry-table td{padding: 16px 13px;}
  .add-row{padding: 13px;}
  .add-row .btn-add{padding: 7px 15px;border-radius: 4px;}
}

@media screen and (max-width: 1600px){
  header .pc-nav .pc-search{padding: 0 24px;}
  header .pc-nav .pc-search svg{width: 24px;}
  header .pc-nav .pc-phone-btn{margin-top: 7px;}
  
  /* footer */
  footer{padding: 40px 0 18px;}
  footer .f-top{margin-top: 30px;padding-top: 30px;gap: 80px;}
  footer .f-logo-box{width: 25%;}
  footer .f-logo{width: 240px;margin-bottom: 22px;}
  footer .f-title{margin-bottom: 22px !important;}
  footer .f-nav ul li{margin-bottom: 12px;}
  footer .f-qrcode-box{width: 80px;}
  footer .f-qrcode{width: 80px;height: 80px;}
  footer .f-content{width: 140px;height: 140px;}
  footer .f-bottom{gap: 24px;padding-top: 18px;}
  
  /* ds-box1 */
  .ds-box1{height: 780px;}
  .ds-box1 .swiper-slide-content{padding: 55px;}
  .ds-box1 .swiper-slide-content-tips{padding: 7px 12px;margin-bottom: 28px;}
  .ds-box1 .swiper-bottom{bottom: 95px;right: 45px;gap: 22px;}
  .ds-box1 .swiper-nav-btn{width: 42px;height: 42px;min-width: 42px;}
  .swiper-nav-btn svg{width: 17px;height: 17px;}
  .ds-box1 .swiper-pagination-bullet{margin: 0 16px !important;}
  
  /* ds-box2 */
  .ds-box2{padding: 100px 0 70px;}
  .ds-box2 .ds2-list{margin-top: 50px;gap: 20px;}
  .ds-box2 .ds2-item{padding: 55px 24px;width: calc(25% - 15px);height: 410px;border-radius:22px;}
  .ds-box2 .ds2-item-desc{margin-top: 22px;}
  .ds2-btn{padding: 14px 18px;margin-right: 35px;}
  .ds2-btn-svg{width: 16px;height: 16px;}
  .ds2-desc{margin-top: 18px;}
  
  /* ds-box3 */
  .ds-box3{padding: 80px 0 20px;gap: 45px;}
  .ds-box3 .ds3-info{gap: 45px 6%;margin-top: 75px;}
  .ds-box3 .ds3-info-item{width: 47%;}
  .ds-box3 .ds3-info-item-icon{width: 22px;height: 22px;margin-right: 6px;}
  .ds-box3 .ds3-left{padding-top: 50px;}
  .ds-box3 .ds3-right-item{padding: 35px 35px 28px;margin-bottom: 30px;}
  .ds-box3 .ds3-right-item-icon{width: 60px;height: 60px;}
  .ds-box3 .ds3-right-item-title{margin: 18px 0 32px;}
  .ds-box3 .ds3-btn{margin-top: 48px;}
  
  /* ds-box4 */
  .ds-box4{padding: 65px 0 55px;}
  .ds-box4 .ds4-tab{margin-top: 52px;gap: 14px;}
  .ds-box4 .ds4-tab div{min-width: 145px;height: 48px;line-height: 48px;padding: 0 26px;}
  .ds-box4 .ds4-content{margin-top: 52px;padding-bottom: 40px;}
  .ds-box4 .ds4-list{gap: 20px;}
  .ds-box4 .ds4-list-item{width: calc(25% - 15px);}
  .ds-box4 .ds4-info{padding: 18px 16px 20px;height: calc(100% - 219px);}
  .ds-box4 .ds4-addr{margin-top: 18px;margin-bottom: 10px;}
  .ds-box4 .ds4-btn-box{margin-top: 16px;padding-top: 12px;}
  .ds-box4 .ds4-btn{padding: 8px 20px;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 34px;height: 5px;}
  .ds-box4 .ds4-btn-icon{width: 16px;height: 16px;min-width: 16px;}
  .ds-box4 .ds4-list-item .ds4-img{height: 219px;}
  
  /* ds-box5 */
  .ds-box5{}
.ds-box5 .ds5-content,.ds-box5 .ds5-nav{gap: 18px;padding-bottom: 40px;}
  .ds-box5 .ds5-item{height: 95px;width: 272px;min-width: 272px;}
  .ds-box5 .ds5-nav-prev, .ds-box5 .ds5-nav-next{width:45px;height: 45px;}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 320px;}
  
  /* ds-box7 */
  .ds-box7{padding: 80px 0 55px;}
  .ds-box7 .ds7-top{width: 52%;}
  .ds-box7 .ds7-year-box{margin-top: 70px;}
  .ds-box7 .ds7-year{font-size: 115px;margin-right: 12px;}
  .ds-box7 .ds7-text{margin-top: 45px;}
  .ds-box7 .ds7-data{margin-top: 28px;padding-top: 35px;}
  .ds-box7 .ds7-btn{padding: 13px 26px;margin-top: 45px;}
  .ds-box7 .ds7-pztop{width: 40%;}
  .ds-box7 .ds7-pzbottom{width: 11%;bottom: -145px;}
  
  /* header pc-nav */
  header .pc-nav ul{gap: 2.5%;}
  header .pc-nav .pc-search{width: 20px;height: 20px;}
  header .pc-nav .pc-search svg{width: 15px;}
  header .pc-nav .pc-logo{width: 24.492%;}
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 90px;}
  .xp-box20 .xp20-item{height: 360px;border-radius: 13px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 90px;}
  .ds-box8 .ds8-tab{gap: 36px;}
  .ds-box8 .ds8-content{padding-top: 58px;gap: 110px;}
  .ds-box8 .ds8-list-box{width: 70%;}
  .ds-box8 .ds8-list{gap: 35px;}
  .ds-box8 .ds8-list-item{padding: 40px 24px 16px;}
  .ds-box8 .ds8-list-item-title{margin: 28px 0;}
  .ds-box8 .ds8-list-item-desc{height: 137px;}
  .ds-box8 .ds8-list-item-btn{width: 42px;height: 42px;padding: 6px;margin-top: 16px;}
  .ds-box8 .ds8-list-item-num{margin-left: 32px;margin-top: 9px;}
  .ds-box8 .ds8-more{margin-top: 75px;padding: 13px 26px;gap: 40px;}
  
  /* f-goTop */
  .f-goTop{padding: 5px 11px 9px;}
  .f-goTop .f-goTop-item{padding: 13px 0 6px;}
  .f-goTop .f-goTop-item2{padding: 9px 0 0;}
  
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 40px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 340px;height: 208px;border-radius: 10px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 35px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 100px 0 115px;}
  .xp-box23 .xp23-list{gap: 42px 2%;}
  .xp-box23 .xp23-item{width: calc(20% - 1.6%);height: 97px;}
  
  /* ds-box11 */
  .ds-box11{padding-bottom: 125px;gap: 60px;}
  .ds-box11 .ds11-content{gap: 60px;}
  .ds-box11 .ds11-content-title{margin-bottom: 75px;}
  
  /* xp-box15 */
  .xp-box15 .xp15-left div{width: 135px;height: 64px;line-height: 64px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-list{gap: 14px;padding: 58px 0 0;}
  .xp-box3 .xp3-nav{gap: 16px;margin-top: 42px;}
  .xp-box3 .xp3-nav-btn{width: 42px;height: 42px;}
  
  /* ds-box10 */
  .ds-box10{padding: 100px 0 142px;}
  .ds-box10 .xp20-desc{margin-top: 18px;margin-bottom: 63px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 90px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 42px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 35px;height: 5px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 52px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-content-left{width: 42%;padding-top: 280px;padding-left: 42px;}
  .ds-box11 .ds11-tab-btn{width: 34px;height: 34px;}
  .ds-box11 .ds11-list{margin-top: 64px;}
.xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 32px;}
  .xp-box24 .xp24-list{margin-top: 70px;}
  .xp-box24{padding: 80px 0 83px;}
  .xp-box24 .xp24-list-title{padding: 24px 85px;}
  .xp-box24 .xp24-list ul li{margin-top: 12px;padding: 0 50px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 24px 42px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2-icon{width: 26px !important;height: 26px;}
  .xp-box24 .xp24-list ul li .xp24-list-content.show{padding: 16px 36px 34px;}
  
  /* ds-box12 */
  .ds-box12{gap: 40px;padding-bottom: 110px;}
  .ds-box12 .ds12-item{padding: 24px 20px 36px;}
  .ds-box12 .ds12-item-img{width: 75px;}
  .ds-box12 .ds12-item-title{margin: 20px 0;}
  
  /* ds-box13 */
  .ds-box13{padding: 84px 0 52px;}
  .ds-box13 .ds13-swiper .ds13-slider-img{height: 378px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{height: 378px;padding: 52px 71px 36px 42px;}
  .ds-box13 .ds13-slider-info-top{gap: 13px;}
  .ds-box13 .ds13-slider-footer-left{gap: 6px;}
  .ds-box13 .ds13-slider-footer-btn{width: 19px;height: 19px;padding: 4px;}
  .ds-box13 .ds13-slider-footer-btn svg{width: 8px;height: 8px;}
  .ds-box13 .ds13-pagination{gap: 6px;bottom: 40px !important;padding-right: 32px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 10px;height: 10px;}
  .ds13-slider-label{gap: 12px;}
  .ds13-slider-label-item{padding: 5px;}
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 90px;}
  .ds-box14 .ds14-item{padding: 45px 50px 45px 35px;margin-bottom: 36px;}
  .ds-box14 .ds14-content{gap: 22px;}
  .ds-box14 .ds14-item-left{gap: 52px;}
  .ds-box14  .ds14-line{height: 121px;}
  .ds-box14 .ds14-footer-btn{width: 52px;height: 52px;}
  .ds-box14 .ds14-footer-btn svg{width: 20px;height: 20px;}
  
  /* ds-box15 */
  .ds-box15{padding: 78px 0 104px;}
  .ds-box15 .ds15-content{padding: 52px 66px 42px 56px;}
  .ds-box15 .ds15-contact{gap: 185px;margin-top: 55px;}
  .ds-box15 .ds15-phone{margin-top: 24px;}
  .ds-box15 .ds15-addr{margin-top: 47px;}
  .ds-box15 .ds15-code{width: 178px;height: 178px;margin-bottom: 14px;}
  .ds-box15 .ds15-code-box{gap: 80px;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 102px;}
  .ds-box16 .ds16-desc{margin-top: 19px;}
  .ds-box16 .ds16-form{margin-top: 47px;}
  .ds-box16 .ds16-form-top{gap: 13px 2.4%;}
  .ds-box16 .ds16-input{height: 85px;padding: 0 23px;}
  .ds-box16 .ds16-input-bt{width: 23px;height: 23px;top: 17px;left: 6px;}
  .ds-box16 .ds16-bottom{margin-top: 15px;gap: 14px;height: 102px;}
  .ds-box16  .ds16-bottom-btn{margin-left: 17px;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 90px;}
  .ds-box17 .ds4-list{gap: 30px 1.2%;}
  .ds-box17 .ds4-list-item{width: 24.05%;}
  
  /* ds-box19 */
  .ds-box19{padding: 52px 0 56px;}
  .ds-box19 .ds19-content{padding: 0 42px;}
  .ds-box19 .ds19-item{padding: 35px 0;gap: 29px;}
  .ds-box19 .ds19-item-title{width: 120px;min-width: 120px;}
  .ds-box19  .ds19-select ul{gap: 31px 58px;}
  
  /* xp-box18 */
  .xp-box18{padding: 72px 0 114px;gap: 58px;}
  .xp18-content{padding: 44px 17px 52px;}
  .xp-box18 .xp18-title{padding-bottom: 37px;margin-bottom: 35px;}
  .xp-box18 .xp18-date{margin-top: 32px;gap: 17px;}
  .xp-box18 .xp18-label{margin-top: 52px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 10px;margin-left: 11px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 5px 10px;}
  .xp-box18 .xp-next{margin-top: 32px;}
  .xp-box18 .xp-next-item{padding: 17px;margin-bottom: 13px;}
  .xp-box18 .xp-next-item a{padding: 0 10px;}
  .xp-box18 .xp18-right{width: 328px;}
  .xp-box18 .xp18-right-content{margin-bottom: 31px;border-radius: 13px;}
  .xp-box18 .xp18-right-title{padding: 24px 13px 20px;}
  .xp-box18 .xp18-right-list{padding: 0 13px;min-height: 440px;}
  .xp-box18 .xp18-right-item{padding: 17px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 13px;}
  .xp-box18 .xp18-right-list2{padding: 13px 16px 29px;}
  
  /* related-section */
  .related-section{padding: 100px 0 90px;}
  .related-header{margin-bottom: 42px;}
  .related-header h2{margin: 0 0 22px;}
  .related-grid{gap: 25px 1.6% !important;}
  .related-grid .product-card{width: 23.8% !important;}
  .products-grid .product-card .card-image{height: 222px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 60px;height: 60px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 18px;height: 18px;}
  .related-section .ds-box17 .ds4-list-item{width: 346px;}
.related-section .ds-box17 .xp6-list{gap: 16px;}

    .ds-box18 .ds4-list-item .ds4-img{height: 228px;}
.ds-box18 .ds4-list-item{padding: 16px;border-radius: 6px;}

.product-detail{padding: 42px 0 0;}
  .detail-container{gap: 50px;}
  .detail-images{flex-shrink: 0;gap: 16px;width: 54.1%;}
  .detail-images .main-image{position: relative;background: #fafafa;border: 1px solid #eee;overflow: hidden;height: 509px;width: 100%;border-radius: 9px;}
  .detail-images .thumbnails{gap: 15px;padding: 6px 0 9px;height: 468px;}
  .detail-images .thumbnail{width: 73px;height: 54px;border-radius: 7px;margin-bottom: 6px;}
  .detail-images .thumbnail-icon{width: 15px;height: 15px;}
  .detail-images .thumbnail-item{gap: 15px;}
  .detail-info{width: 45.9%;padding: 36px 32px 37px;border-radius: 8px;}
  .detail-info .product-title{margin-bottom: 18px;padding-bottom: 21px;}
  .detail-info .product-desc{margin-bottom: 37px;}
  .detail-info .contact-info{gap: 8px;margin-bottom: 21px;}
  .detail-info .contact-item{gap: 7px;}
  .detail-info .contact-item-icon{width: 21px;height: 21px;}
  .detail-info .action-buttons{gap: 12px;margin-bottom: 17px;}
  .detail-info .action-buttons .btn{gap: 9px;padding: 11px;border-radius: 3px;}
  .detail-info .action-buttons .btn .btn-icon{width: 15px;height: 15px;}
  .detail-info .product-labels{gap: 7px;margin-top: 7px;}
  .detail-info .product-labels .label{padding: 4px 14px;border-radius: 2px;}
  .detail-content{padding: 48px 0 0;gap: 41px;}
  .detail-section{border-radius: 12px;}
  .detail-section .section-header{padding: 23px 15px 16px;}
  .detail-table{padding: 15px;}
  .product-detail .detail-table ol {padding-left: 15px !important; }
  .detail-table th,.detail-table td{padding: 11px 9px;}
  .content-sidebar{width: 280px;}
  .sidebar-section{border-radius: 7px;}
  .sidebar-section .solution-list{padding: 12px 11px 25px;}
  .quote-section{padding: 83px 0 0;}
  .quote-title{margin: 0 0 29px;}
  .quote-desc{margin: 0 0 40px;}
  .quote-form{gap: 15px;margin-top: 70px;}
  .quote-form .form-row{gap: 15px;}
  .quote-form .form-input{height: 73px;padding: 0 15px;border-radius: 8px;}
  .quote-form .captcha{width: 27.813%;min-width: 27.813%;}
  .quote-form .captcha-img{width: 17.813%;min-width: 17.813%;border-radius: 6px;}
  .quote-form .form-textarea{height: 232px;padding: 29px 18px;border-radius: 8px;}
  .quote-form .btn-submit{padding: 12px;border-radius: 6px;}
  .related-header{margin-bottom: 36px;}
  .related-header h2{margin: 0 0 19px;}
  .products-grid .product-card .card-image{height: 208px !important;}
  .products-container{gap: 33px;padding: 54px 0 70px;}
  .products-sidebar{width: 265px;width: 21.677%;min-width: 21.677%;}
  .products-sidebar .sidebar-title{padding: 19px 10px;border-radius: 8px 8px 0 0;}
  .products-sidebar .sidebar-nav{padding: 4px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 15px;height: 15px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding: 16px 9px;padding-right: 20px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 23px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 13px 9px;}
  .products-sidebar .sidebar-contact{margin-top: 16px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 9px;padding: 0 11px 16px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 14px 14px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 9px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 9px;}
  .products-content .content-header{margin-bottom: 23px;padding-bottom: 15px;}
  .products-grid{gap: 21px;}
  .products-grid .product-card{width: calc(33.333% - 14px);padding: 20px 16px 23px;border-radius: 8px;}
  .products-grid .product-card .card-image{height: 213px;}
  .products-grid .product-card .card-title{padding: 16px;}
  .products-grid .product-card .card-actions{padding: 11px 15px;gap: 9px;}
  .products-grid .product-card .card-actions .btn{padding: 10px 11px;gap: 4px;}
  .products-grid .product-card .card-actions .btn-icon{width: 15px;height: 15px;}
  .products-grid .product-card .card-actions .btn-icon2{width: 20px;height: 20px;}

  .inquiry-header .xp14-tips{margin-top: 29px;}
  .inquiry-form .form-row{gap: 18px;margin-bottom: 18px;}
  .inquiry-table-section{margin-top: 31px;border-radius: 8px;}
  .inquiry-table th{padding: 15px;}
  .inquiry-table td{padding: 19px 15px;}
  .add-row{padding: 15px;}
  .add-row .btn-add{padding: 8px 18px;border-radius: 5px;}
}

@media screen and (max-width: 1440px){
 .ds-box8 .ds8-list-item-desc{height: 113px;}
 
}

@media screen and (max-width: 1400px){
  header .pc-nav ul {gap: 4.5%;}
  header .pc-nav .pc-right {margin-left: 3.085%;}
  header .pc-nav .pc-search{padding: 0 20px;}
  header .pc-nav .pc-search svg{width: 22px;}
  header .pc-nav .pc-phone-btn{margin-top: 6px;}
  
  /* footer */
  footer{padding: 35px 0 16px;}
  footer .f-top{margin-top: 25px;padding-top: 25px;gap: 60px;flex-wrap: wrap;}
  footer .f-logo-box{width: 45%;margin-bottom: 25px;}
  footer .f-logo{width: 220px;margin-bottom: 20px;}
  footer .f-title{margin-bottom: 20px !important;}
  footer .f-nav ul li{margin-bottom: 11px;}
  footer .f-qrcode-box{width: 75px;}
  footer .f-qrcode{width: 75px;height: 75px;}
  footer .f-content{width: 130px;height: 130px;}
  footer .f-bottom{gap: 20px;padding-top: 16px;flex-wrap: wrap;}
  
  /* ds-box1 */
  .ds-box1{height: 700px;}
  .ds-box1 .swiper-slide-content{padding: 45px;}
  .ds-box1 .swiper-slide-content-tips{padding: 6px 10px;margin-bottom: 24px;}
  .ds-box1 .swiper-bottom{bottom: 80px;right: 35px;gap: 18px;}
  .ds-box1 .swiper-nav-btn{width: 38px;height: 38px;min-width: 38px;}
  .swiper-nav-btn svg{width: 15px;height: 15px;}
  .ds-box1 .swiper-pagination-bullet{margin: 0 14px !important;}
  
  /* ds-box2 */
  .ds-box2{padding: 90px 0 60px;}
  .ds-box2 .ds2-list{margin-top: 45px;gap: 18px;}
  .ds-box2 .ds2-item{padding: 50px 22px;width: calc(25% - 9px);height: auto;min-height: 380px;border-radius:18px;}
  .ds-box2 .ds2-item-desc{margin-top: 20px;}
  .ds2-btn{padding: 13px 16px;margin-right: 30px;}
  .ds2-desc{margin-top: 16px;}
  
  /* ds-box3 */
  .ds-box3{padding: 70px 0 20px;gap: 40px;}
  .ds-box3 .ds3-info{gap: 38px 5%;margin-top: 65px;}
  .ds-box3 .ds3-info-item{width: 48%;}
  .ds-box3 .ds3-info-item-icon{width: 22px;height: 22px;margin-right: 5px;}
  .ds-box3 .ds3-right-box2{margin-top: 30px;}
  .ds-box3 .ds3-right-item{padding: 30px 30px 24px;margin-bottom: 25px;}
  .ds-box3 .ds3-right-item-icon{width: 55px;height: 55px;}
  .ds-box3 .ds3-right-item-title{margin: 16px 0 28px;}
  .ds-box3 .ds3-btn{margin-top: 42px;}
  
  /* ds-box4 */
  .ds-box4{padding: 60px 0 50px;}
  .ds-box4 .ds4-tab{margin-top: 48px;gap: 12px;}
  .ds-box4 .ds4-tab div{min-width: 135px;height: 44px;line-height: 44px;padding: 0 22px;}
  .ds-box4 .ds4-content{margin-top: 48px;padding-bottom: 35px !important;}
  .ds-box4 .ds4-list{gap: 18px;}
  .ds-box4 .ds4-info{padding: 16px 14px 18px;height: calc(100% - 191px);}
  .ds-box4 .ds4-addr{margin-top: 16px;margin-bottom: 9px;}
  .ds-box4 .ds4-btn-box{margin-top: 14px;padding-top: 11px;}
  .ds-box4 .ds4-btn{padding: 7px 18px;border-radius: 8px;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 32px;height: 5px;}
  .ds-box4 .ds4-list-item .ds4-img{height: 191px;}
  
  /* ds-box5 */
  .ds-box5{}
.ds-box5 .ds5-content,.ds-box5 .ds5-nav{gap: 15px;padding-bottom: 35px;}
  .ds-box5 .ds5-item{height: 85px;width: 239px;min-width: 239px;}
  .ds-box5 .ds5-nav-prev, .ds-box5 .ds5-nav-next{width:42px;height: 42px;}
  .ds-box5 .ds5-nav-prev svg, .ds-box5 .ds5-nav-next svg{width: 16px;height: 16px;}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 280px;}
  
  /* ds-box7 */
  .ds-box7{padding: 70px 0 50px;}
  .ds-box7 .ds7-top{width: 55%;}
  .ds-box7 .ds7-year-box{margin-top: 60px;}
  .ds-box7 .ds7-year{font-size: 100px;margin-right: 10px;}
  .ds-box7 .ds7-text{margin-top: 40px;}
  .ds-box7 .ds7-data{margin-top: 25px;padding-top: 30px;}
  .ds-box7 .ds7-btn{padding: 12px 24px;margin-top: 40px;}
  .ds-box7 .ds7-pzbottom{width: 10%;bottom: -130px;}
  
  /* header pc-nav */
  header .pc-nav ul{gap: 2%;}
  header .pc-nav .pc-search{width: 18px;height: 18px;}
  header .pc-nav .pc-search svg{width: 14px;}
  header .pc-nav .pc-logo{width: 23.492%;}
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 80px;}
  .xp-box20 .xp20-list{gap: 2%;}
  .xp-box20 .xp20-item{height: 320px;border-radius: 12px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 9px;height: 9px;}
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 80px;}
  .ds-box8 .ds8-tab{gap: 30px;}
  .ds-box8 .ds8-content{padding-top: 52px;gap: 80px;}
  .ds-box8 .ds8-list{gap: 30px;}
  .ds-box8 .ds8-list-item{padding: 35px 20px 14px;}
  .ds-box8 .ds8-list-item-title{margin: 24px 0;}
  .ds-box8 .ds8-list-item-desc{height: 115px;}
  .ds-box8 .ds8-list-item-btn{width: 40px;height: 40px;padding: 6px;margin-top: 14px;}
  .ds-box8 .ds8-list-item-num{margin-left: 28px;margin-top: 8px;}
  .ds-box8 .ds8-more{margin-top: 65px;padding: 12px 24px;gap: 35px;}
  
  /* f-goTop */
  .f-goTop{padding: 5px 10px 8px;}
  .f-goTop .f-goTop-item{padding: 12px 0 6px;}
  .f-goTop .f-goTop-item2{padding: 8px 0 0;}
  
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 35px;}
  .ds-box9 .ds9-info {gap:10%;}
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 315px;height: 195px;border-radius: 10px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 32px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 90px 0 105px;}
  .xp-box23 .xp23-list{gap: 38px 2%;}
  .xp-box23 .xp23-item{width: calc(20% - 1.6%);height: 85px;}
  
  /* ds-box11 */
  .ds-box11{padding-bottom: 115px;gap: 55px;}
  .ds-box11 .ds11-content{gap: 55px;}
  .ds-box11 .ds11-content-title{margin-bottom: 68px;}
  
  /* xp-box15 */
  .xp-box15 .xp15-left div{width: 128px;height: 60px;line-height: 60px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-list{gap: 12px;padding: 54px 0 0;}
  .xp-box3 .xp3-nav{gap: 14px;margin-top: 38px;}
  .xp-box3 .xp3-nav-btn{width: 40px;height: 40px;}
  
  /* ds-box10 */
  .ds-box10{padding: 92px 0 80px;}
  .ds-box10 .xp20-desc{margin-top: 16px;margin-bottom: 58px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 85px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 38px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 32px;height: 5px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 48px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-content-left{width: 42%;padding-top: 265px;padding-left: 38px;}
  .ds-box11 .ds11-tab-btn{width: 32px;height: 32px;}
  .ds-box11 .ds11-list{margin-top: 60px;}
  
  /* xp-box24 */
  .xp-box24{padding: 75px 0 78px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 28px;}
 .xp-box24 .xp24-list{margin-top: 62px;}
 .xp-box24 .xp24-list-title{padding: 23px 84px;}
 .xp-box24 .xp24-list ul li{margin-top: 12px;padding: 0 49px;}
 .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 23px 41px;}
 .xp-box24 .xp24-list ul li .xp24-list-title2-icon{width: 25px !important;height: 25px;padding: 3px;}
 .xp-box24 .xp24-list ul li .xp24-list-content.show{padding: 14px 32px 30px;}
  
  /* ds-box12 */
  .ds-box12{gap: 35px;padding-bottom: 100px;}
  .ds-box12 .ds12-item{padding: 22px 18px 32px;}
  .ds-box12 .ds12-item-img{width: 70px;}
  .ds-box12 .ds12-item-title{margin: 18px 0;}
  
  /* ds-box13 */
  .ds-box13{padding: 80px 0 48px;}
  .ds-box13 .ds13-swiper .ds13-slider-img{height: 331px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{height: 331px;padding: 48px 66px 32px 38px;}
  .ds-box13 .ds13-slider-info-top{gap: 12px;}
  .ds-box13 .ds13-slider-footer-left{gap: 6px;}
  .ds-box13 .ds13-pagination{gap: 6px;bottom: 37px !important;padding-right: 29px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 9px;height: 9px;}
  .ds13-slider-label{gap: 11px;}
  .ds13-slider-label-item{padding: 4px;}
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 85px;}
  .ds-box14 .ds14-item{padding: 42px 46px 42px 32px;margin-bottom: 34px;}
  .ds-box14 .ds14-content{gap: 20px;}
  .ds-box14 .ds14-item-left{gap: 48px;}
  .ds-box14  .ds14-line{height: 114px;}
  .ds-box14 .ds14-footer-btn{width: 50px;height: 50px;}
  .ds-box14 .ds14-footer-btn svg{width: 19px;height: 19px;}
  
  /* ds-box15 */
  .ds-box15{padding: 74px 0 98px;}
  .ds-box15 .ds15-content{padding: 48px 62px 38px 52px;}
  .ds-box15 .ds15-contact{gap: 172px;margin-top: 52px;}
  .ds-box15 .ds15-phone{margin-top: 22px;}
  .ds-box15 .ds15-addr{margin-top: 44px;}
  .ds-box15 .ds15-code{width: 168px;height: 168px;margin-bottom: 13px;}
  .ds-box15 .ds15-code-box{gap: 75px;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 96px;}
  .ds-box16 .ds16-desc{margin-top: 18px;}
  .ds-box16 .ds16-form{margin-top: 44px;}
  .ds-box16 .ds16-form-top{gap: 12px 2.4%;}
  .ds-box16 .ds16-input{height: 80px;}
  .ds-box16 .ds16-input-bt{width: 22px;height: 22px;top: 21px;left: 5px;}
  .ds-box16 .ds16-bottom{margin-top: 14px;gap: 13px;height: 96px;}
  .ds-box16  .ds16-bottom-btn{margin-left: 16px;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 85px;}
  .ds-box17 .ds4-list{gap: 28px 1.1%;}
  .ds-box17 .ds4-list-item{width: 24.1%;}
  
  /* ds-box19 */
  .ds-box19{padding: 48px 0 52px;}
  .ds-box19 .ds19-content{padding: 0 38px;}
  .ds-box19 .ds19-item{padding: 32px 0;gap: 27px;}
  .ds-box19 .ds19-item-title{width: 115px;min-width: 115px;}
  .ds-box19  .ds19-select ul{gap: 29px 54px;}

   .ds-box18 .ds4-list-item .ds4-img{height: 199px;}
.ds-box18 .ds4-list-item{padding: 14px;border-radius: 5px;}

.product-detail{padding: 38px 0 0;}
  .detail-container{gap: 45px;}
  .detail-images{flex-shrink: 0;gap: 14px;width: 54.1%;}
  .detail-images .main-image{position: relative;background: #fafafa;border: 1px solid #eee;overflow: hidden;height: 443px;width: 100%;border-radius: 8px;}
  .detail-images .thumbnails{gap: 14px;padding: 6px 0 8px;height: 408px;}
  .detail-images .thumbnail{width: 66px;height: 49px;border-radius: 7px;margin-bottom: 6px;}
  .detail-images .thumbnail-icon{width: 14px;height: 14px;}
  .detail-images .thumbnail-item{gap: 14px;}
  .detail-info{width: 45.9%;padding: 33px 29px 34px;border-radius: 7px;}
  .detail-info .product-title{margin-bottom: 16px;padding-bottom: 19px;}
  .detail-info .product-desc{margin-bottom: 34px;max-height: 71px;}
  .detail-info .contact-info{gap: 7px;margin-bottom: 19px;}
  .detail-info .contact-item{gap: 7px;}
  .detail-info .contact-item-icon{width: 19px;height: 19px;}
  .detail-info .action-buttons{gap: 11px;margin-bottom: 15px;}
  .detail-info .action-buttons .btn{gap: 8px;padding: 10px;border-radius: 3px;}
  .detail-info .action-buttons .btn .btn-icon{width: 14px;height: 14px;}
  .detail-info .product-labels{gap: 7px;margin-top: 7px;}
  .detail-info .product-labels .label{padding: 4px 13px;border-radius: 2px;}
  .detail-content{padding: 44px 0 0;gap: 37px;}
  .detail-section{border-radius: 11px;}
  .detail-section .section-header{padding: 21px 14px 15px;}
  .detail-table{padding: 14px;}
  .product-detail .detail-table ol {padding-left: 14px !important; }
  .detail-table th,.detail-table td{padding: 10px 8px;}
  .content-sidebar{width: 256px;}
  .sidebar-section{border-radius: 7px;}
  .sidebar-section .solution-list{padding: 11px 10px 23px;}
  .quote-section{padding: 75px 0 0;}
  .quote-title{margin: 0 0 26px;}
  .quote-desc{margin: 0 0 36px;}
  .quote-form{gap: 14px;margin-top: 60px;}
  .quote-form .form-row{gap: 14px;}
  .quote-form .form-input{height: 66px;padding: 0 14px;border-radius: 7px;}
  .quote-form .captcha{width: 27.813%;min-width: 27.813%;}
  .quote-form .captcha-img{width: 17.813%;min-width: 17.813%;border-radius: 6px;}
  .quote-form .form-textarea{height: 209px;padding: 26px 16px;border-radius: 7px;}
  .quote-form .btn-submit{padding: 11px;border-radius: 6px;}
  
  /* xp-box18 */
  .xp-box18{padding: 68px 0 106px;gap: 54px;}
  .xp18-content{padding: 41px 16px 48px;}
  .xp-box18 .xp18-title{padding-bottom: 35px;margin-bottom: 33px;}
  .xp-box18 .xp18-date{margin-top: 30px;gap: 16px;}
  .xp-box18 .xp18-label{margin-top: 48px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 10px;margin-left: 10px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 4px 9px;}
  .xp-box18 .xp-next{margin-top: 30px;}
  .xp-box18 .xp-next-item{padding: 16px;margin-bottom: 12px;}
  .xp-box18 .xp-next-item a{padding: 0 9px;}
  .xp-box18 .xp18-right{width: 309px;}
  .xp-box18 .xp18-right-content{margin-bottom: 29px;border-radius: 12px;}
  .xp-box18 .xp18-right-title{padding: 22px 12px 19px;}
  .xp-box18 .xp18-right-list{padding: 0 12px;min-height: 410px;}
  .xp-box18 .xp18-right-item{padding: 16px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 12px;}
  .xp-box18 .xp18-right-list2{padding: 12px 15px 27px;}
  
  /* related-section */
  .related-section{padding: 94px 0 85px;}
  .related-header{margin-bottom: 39px;}
  .related-header h2{margin: 0 0 21px;}
  .related-grid{gap: 24px 1.5% !important;}
  .related-grid .product-card{width: 23.85% !important;}
  .products-grid .product-card .card-image{height: 210px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 56px;height: 56px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 17px;height: 17px;}
  .related-section .ds-box17 .ds4-list-item{width: 302px;}
.related-section .ds-box17 .xp6-list{gap: 15px;}
  .products-container{gap: 30px;padding: 48px 0 90px;}
  .products-sidebar{width: 240px;width: 21.677%;min-width: 21.677%;}
  .products-sidebar .sidebar-title{padding: 17px 8px;border-radius: 7px 7px 0 0;}
  .products-sidebar .sidebar-nav{padding: 4px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 14px;height: 14px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding: 14px 8px;padding-right: 18px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 21px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 11px 8px;}
  .products-sidebar .sidebar-contact{margin-top: 14px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 8px;padding: 0 10px 14px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 12px 12px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 8px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 8px;}
  .products-content .content-header{margin-bottom: 20px;padding-bottom: 13px;}
  .products-grid{gap: 19px;}
  .products-grid .product-card{width: calc(33.333% - 13px);padding: 18px 14px 21px;border-radius: 7px;}
  .products-grid .product-card .card-image{height: 185px;}
  .products-grid .product-card .card-title{padding: 14px;}
  .products-grid .product-card .card-actions{padding: 10px 13px;gap: 8px;}
  .products-grid .product-card .card-actions .btn{padding: 9px 10px;gap: 4px;}
  .products-grid .product-card .card-actions .btn-icon{width: 14px;height: 14px;}
  .products-grid .product-card .card-actions .btn-icon2{width: 18px;height: 18px;}
}

@media screen and (max-width: 1280px){
 .xp-box23 .xp23-item{width: calc(20% - 1.6%);height: 77px;}
 .ds-box18 .ds4-btn-box { margin-top: 12px;padding-top: 10px; flex-direction: column;}
  .ds-box18 .ds4-btn {width: 100%;}
}


@media screen and (max-width: 1200px){
 header .pc-nav ul {gap: 3.5%;}
  header .pc-nav .pc-right {margin-left:2.085%;}
  header .pc-nav .pc-search{padding: 0 16px;}
  header .pc-nav .pc-search svg{width: 20px;}
  
  /* footer */
  footer{padding: 30px 0 14px;}
  footer .f-top{margin-top: 20px;padding-top: 20px;gap: 45px;}
  footer .f-logo-box{width: 100%;margin-bottom: 20px;}
  footer .f-logo{width: 200px;margin-bottom: 18px;}
  footer .f-title{margin-bottom: 18px !important;text-align: center;}
  footer .f-nav ul li{margin-bottom: 10px;}
  footer .f-qrcode-box{width: 70px;margin: 0 auto;}
  footer .f-qrcode{width: 70px;height: 70px;}
  footer .f-content{width: 120px;height: 120px;}
  footer .f-bottom{gap: 16px;padding-top: 14px;;}
  
  /* ds-box1 */
  .ds-box1{height: 620px;}
  .ds-box1 .swiper-slide-content{padding: 35px;}
  .ds-box1 .swiper-slide-content-tips{padding: 5px 8px;margin-bottom: 20px;}
  .ds-box1 .swiper-bottom{bottom: 65px;right: 25px;gap: 15px;}
  .ds-box1 .swiper-nav-btn{width: 34px;height: 34px;min-width: 34px;}
  .swiper-nav-btn svg{width: 13px;height: 13px;}
  .ds-box1 .swiper-pagination-bullet{margin: 0 12px !important;}
  
  /* ds-box2 */
  .ds-box2{padding: 80px 0 50px;}
  .ds-box2 .ds2-list{margin-top: 40px;gap: 15px;}
  .ds-box2 .ds2-item{padding: 45px 20px;width: calc(50% - 7.5px);min-height: 350px;border-radius:14px;}
  .ds-box2 .ds2-item-desc{margin-top: 18px;}
  .ds2-btn{padding: 12px 14px;margin-right: 25px;}
  .ds2-desc{margin-top: 14px;}
  
  /* ds-box3 */
  .ds-box3{padding: 60px 0 20px;gap: 35px;}
  .ds-box3 .ds3-info{gap: 32px 4%;margin-top: 55px;flex-wrap: wrap;}
  .ds-box3 .ds3-info-item{width: 100%;text-align: center;}
  .ds-box3 .ds3-info-item-icon{width: 20px;height: 20px;margin-right: 5px;}
  .ds-box3 .ds3-right-item{padding: 26px 26px 20px;margin-bottom: 22px;}
  .ds-box3 .ds3-right-item-icon{width: 50px;height: 50px;}
  .ds-box3 .ds3-right-item-title{margin: 14px 0 24px;}
  .ds-box3 .ds3-btn{margin-top: 38px;}
  
  /* ds-box4 */
  .ds-box4{padding: 55px 0 45px;}
  .ds-box4 .ds4-tab{margin-top: 42px;gap: 10px;}
  .ds-box4 .ds4-tab div{min-width: 125px;height: 40px;line-height: 40px;padding: 0 20px;}
  .ds-box4 .ds4-content{margin-top: 42px;padding-bottom: 30px;}
  .ds-box4 .ds4-list{gap: 15px;}
  .ds-box4 .ds4-list-item{width: calc(50% - 7.5px);}
  .ds-box4 .ds4-info{padding: 14px 12px 16px;height: calc(100% - 164px);}
  .ds-box4 .ds4-addr{margin-top: 14px;margin-bottom: 8px;}
  .ds-box18 .ds4-btn-box{margin-top: 12px;padding-top: 10px;flex-direction: column;}
  .ds-box18 .ds4-btn{border-radius: 6px;width: 100%;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 30px;height: 4px;}
  
  /* ds-box5 */
  .ds-box5{}
.ds-box5 .ds5-content,.ds-box5 .ds5-nav{gap: 12px;padding-bottom: 30px;}
  .ds-box5 .ds5-item{width: calc(50% - 6px);height: 80px;width: 205px;min-width: 205px;}
  .ds-box5 .ds5-nav-prev, .ds-box5 .ds5-nav-next{width: 38px;height: 38px;}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 240px;}
  
  /* ds-box7 */
  .ds-box7{padding: 60px 0 45px;}
  /* .ds-box7 .ds7-top{width: 100%;} */
  .ds-box7 .ds7-year-box{margin-top: 50px;}
  .ds-box7 .ds7-year{font-size: 85px;margin-right: 8px;}
  .ds-box7 .ds7-text{margin-top: 35px;}
  .ds-box7 .ds7-data{margin-top: 22px;padding-top: 26px;}
  .ds-box7 .ds7-btn{padding: 11px 22px;margin-top: 35px;margin-left: auto;margin-right: auto;}
  /* .ds-box7 .ds7-pztop{display: none;}
  .ds-box7 .ds7-pzbottom{display: none;} */
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 70px;}
  .xp-box20 .xp20-list{gap: 2%;}
  .xp-box20 .xp20-item{height: 280px;border-radius: 10px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 70px;}
  .ds-box8 .ds8-tab{gap: 24px;}
  .ds-box8 .ds8-content{padding-top: 46px;gap: 60px;}
  .ds-box8 .ds8-list{gap: 25px;}
  .ds-box8 .ds8-list-item{padding: 30px 18px 12px;}
  .ds-box8 .ds8-list-item-title{margin: 20px 0;}
  .ds-box8 .ds8-list-item-btn{width: 38px;height: 38px;padding: 5px;margin-top: 12px;}
  .ds-box8 .ds8-list-item-num{margin-left: 25px;margin-top: 7px;}
  .ds-box8 .ds8-more{margin-top: 55px;padding: 11px 22px;gap: 30px;}
   .ds-box8 .ds8-list-box {width: 75%;}
.ds-box4 .ds4-list-item .ds4-img{height: 164px;}
  
  /* f-goTop */
  .f-goTop{padding: 5px 10px 8px;}
  .f-goTop .f-goTop-item{padding: 11px 0 5px;}
  .f-goTop .f-goTop-item2{padding: 8px 0 0;}
  
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 30px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 290px;height: 180px;border-radius: 10px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 28px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 80px 0 95px;}
  .xp-box23 .xp23-list{gap: 34px 2%;}
  .xp-box23 .xp23-item{width: calc(20% - 1.6%);height: 73px;}
  
  /* ds-box11 */
  .ds-box11{padding-bottom: 105px;gap: 50px;}
  .ds-box11 .ds11-content{gap: 50px;}
  .ds-box11 .ds11-content-title{margin-bottom: 60px;}
  
  /* xp-box15 */
  .xp-box15 .xp15-left div{width: 120px;height: 56px;line-height: 56px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-list{gap: 10px;padding: 50px 0 0;}
  .xp-box3 .xp3-nav{gap: 12px;margin-top: 34px;}
  .xp-box3 .xp3-nav-btn{width: 38px;height: 38px;}
  
  /* ds-box10 */
  .ds-box10{padding: 85px 0 126px;}
  .ds-box10 .xp20-desc{margin-top: 14px;margin-bottom: 53px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 80px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 34px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 30px;height: 4px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 44px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-content-left{width: 42%;padding-top: 250px;padding-left: 34px;}
  .ds-box11 .ds11-tab-btn{width: 30px;height: 30px;}
  .ds-box11 .ds11-list{margin-top: 56px;}
   .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24{padding: 70px 0 72px;}
  .xp-box24 .xp24-info-text{margin-top: 23px;}
   .xp-box24 .xp24-list{margin-top: 51px;}
 .xp-box24  .xp24-list-title{padding: 19px 70px;}
  .xp-box24 .xp24-list ul li{margin-top: 10px;padding: 0 40px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 19px 34px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2-icon{width: 21px;height: 21px;}
  .xp-box24 .xp24-list ul li .xp24-list-content.show{padding: 12px 26px 26px;}
  
  /* ds-box12 */
  .ds-box12{gap: 30px;padding-bottom: 90px;}
  .ds-box12 .ds12-item{padding: 20px 16px 28px;}
  .ds-box12 .ds12-item-img{width: 65px;}
  .ds-box12 .ds12-item-title{margin: 16px 0;}
  
  /* ds-box13 */
  .ds-box13{padding: 75px 0 44px;}
  .ds-box13 .ds13-swiper .ds13-slider-img{height: 284px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{height: 284px;padding: 28px 60px 28px 34px;}
  .ds-box13 .ds13-slider-info-top{gap: 11px;}
  .ds-box13 .ds13-slider-footer-left{gap: 5px;}
  .ds-box13 .ds13-slider-footer-btn{width: 17px;height: 17px;padding: 3px;}
  .ds-box13 .ds13-slider-footer-btn svg{width: 7px;height: 7px;}
  .ds-box13 .ds13-pagination{bottom: 34px !important;padding-right: 26px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 9px;height: 9px;}
  .ds13-slider-label{gap: 10px;}
  .ds13-slider-label-item{padding: 4px;}
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 80px;}
  .ds-box14 .ds14-item{padding: 38px 42px 38px 28px;margin-bottom: 32px;}
  .ds-box14 .ds14-content{gap: 18px;}
  .ds-box14 .ds14-item-left{gap: 44px;}
  .ds-box14  .ds14-line{height: 107px;}
  .ds-box14 .ds14-footer-btn{width: 48px;height: 48px;}
  .ds-box14 .ds14-footer-btn svg{width: 18px;height: 18px;}
  
  .pagination li {width: 30px;height: 30px;line-height: 30px;border-radius: 2px; margin: 0 5px;}
  .pagination{margin: 40px  0 0;}
  
  /* ds-box15 */
  .ds-box15{padding: 70px 0 92px;}
  .ds-box15 .ds15-content{padding: 44px 56px 36px 48px;}
  .ds-box15 .ds15-contact{gap: 158px;margin-top: 48px;}
  .ds-box15 .ds15-phone{margin-top: 20px;}
  .ds-box15 .ds15-addr{margin-top: 40px;}
  .ds-box15 .ds15-code{width: 158px;height: 158px;margin-bottom: 12px;}
  .ds-box15 .ds15-code-box{gap: 70px;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 90px;}
  .ds-box16 .ds16-desc{margin-top: 16px;}
  .ds-box16 .ds16-form{margin-top: 40px;}
  .ds-box16 .ds16-form-top{gap: 11px 2.4%;}
  .ds-box16 .ds16-input{height: 74px;padding: 0 19px;border-radius: 5px;}
  .ds-box16 .ds16-input-bt{width: 20px;height: 20px;top: 14px;left: 2px;}
  .ds-box16 .ds16-bottom{margin-top: 13px;gap: 12px;height: 90px;}
  .ds-box16  .ds16-bottom-btn{margin-left: 14px;border-radius: 5px;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 80px;}
  .ds-box17 .ds4-list{gap: 26px 1%;}
  .ds-box17 .ds4-list-item{width: 24.15%;}
  
  /* ds-box19 */
  .ds-box19{padding: 44px 0 48px;}
  .ds-box19 .ds19-content{padding: 0 34px;}
  .ds-box19 .ds19-item{padding: 30px 0;gap: 25px;}
  .ds-box19 .ds19-item-title{width: 110px;min-width: 110px;}
  .ds-box19  .ds19-select ul{gap: 26px 48px;}
  
  /* related-section */
  .related-section{padding: 85px 0 75px;}
  .related-header{margin-bottom: 38px;}
  .related-header h2{margin: 0 0 20px;}
  .related-grid{gap: 22px 1.4% !important;}
  .related-grid .product-card{width: 23.9% !important;}
  .products-grid .product-card .card-image{height: 198px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 52px;height: 52px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 16px;height: 16px;}
  .related-section .ds-box17 .ds4-list-item{width: 258px;}
.related-section .ds-box17 .xp6-list{gap: 14px 2%;}

   .ds-box18 .ds4-list-item .ds4-img{height: 168px;}
.ds-box18 .ds4-list-item{padding: 14px;border-radius: 4px;}

.product-detail{padding: 32px 0 0;}
  .detail-container{gap: 38px;}
  .detail-images{flex-shrink: 0;gap: 12px;width: 54.1%;}
  .detail-images .main-image{position: relative;background: #fafafa;border: 1px solid #eee;overflow: hidden;height: 379px;width: 100%;border-radius: 7px;}
  .detail-images .thumbnails{gap: 12px;padding: 5px 0 7px;height: 349px;}
  .detail-images .thumbnail{width: 57px;height: 42px;border-radius: 6px;margin-bottom: 5px;}
  .detail-images .thumbnail-icon{width: 12px;height: 12px;}
  .detail-images .thumbnail-item{gap: 12px;}
  .detail-info{width: 45.9%;padding: 28px 24px 31px;border-radius: 6px;}
  .detail-info .product-title{margin-bottom: 13px;padding-bottom: 16px;}
  .detail-info .product-desc{margin-bottom: 30px;max-height: 48px;}
  .detail-info .contact-info{gap: 6px;margin-bottom: 17px;}
  .detail-info .contact-item{gap: 6px;}
  .detail-info .contact-item-icon{width: 16px;height: 16px;}
  .detail-info .action-buttons{gap: 9px;margin-bottom: 13px;}
  .detail-info .action-buttons .btn{gap: 7px;padding: 8px;border-radius: 2px;}
  .detail-info .action-buttons .btn .btn-icon{width: 12px;height: 12px;}
  .detail-info .product-labels{gap: 6px;margin-top: 6px;}
  .detail-info .product-labels .label{padding: 3px 11px;border-radius: 2px;}
  .detail-content{padding: 37px 0 0;gap: 32px;}
  .detail-section{border-radius: 9px;}
  .detail-section .section-header{padding: 18px 12px 13px;}
  .detail-table{padding: 12px;}
  .product-detail .detail-table ol {padding-left: 12px !important; }
  .detail-table th,.detail-table td{padding: 8px 7px;}
  .content-sidebar{width: 219px;}
  .sidebar-section{border-radius: 6px;}
  .sidebar-section .solution-list{padding: 9px 8px 19px;}
  .quote-section{padding: 64px 0 0;}
  .quote-title{margin: 0 0 22px;}
  .quote-desc{margin: 0 0 31px;}
  .quote-form{gap: 12px;margin-top: 50px;}
  .quote-form .form-row{gap: 12px;}
  .quote-form .form-input{height: 56px;padding: 0 12px;border-radius: 6px;}
  .quote-form .captcha{width: 27.813%;min-width: 27.813%;}
  .quote-form .captcha-img{width: 17.813%;min-width: 17.813%;border-radius: 5px;}
  .quote-form .form-textarea{height: 179px;padding: 22px 14px;border-radius: 6px;}
  .quote-form .btn-submit{padding: 9px;border-radius: 5px;}
  
  /* xp-box18 */
  .xp-box18{padding: 62px 0 96px;gap: 48px;}
  .xp18-content{padding: 36px 14px 42px;}
  .xp-box18 .xp18-title{padding-bottom: 32px;margin-bottom: 30px;}
  .xp-box18 .xp18-date{margin-top: 27px;gap: 14px;}
  .xp-box18 .xp18-label{margin-top: 44px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 9px;margin-left: 9px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 4px 8px;}
  .xp-box18 .xp-next{margin-top: 28px;}
  .xp-box18 .xp-next-item{padding: 14px;margin-bottom: 11px;}
  .xp-box18 .xp-next-item a{padding: 0 8px;}
  .xp-box18 .xp18-right{width: 280px;}
  .xp-box18 .xp18-right-content{margin-bottom: 26px;border-radius: 10px;}
  .xp-box18 .xp18-right-title{padding: 20px 11px 17px;}
  .xp-box18 .xp18-right-list{padding: 0 11px;min-height: 370px;}
  .xp-box18 .xp18-right-item{padding: 14px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 11px;}
  .xp-box18 .xp18-right-list2{padding: 11px 14px 24px;}
  
  .related-section{padding: 99px 0 81px;}
  .related-header{margin-bottom: 28px;}
  .related-header h2{margin: 0 0 15px;}
  .products-grid .product-card .card-image{height: 156px !important;}
  .products-container{gap: 26px;padding: 40px 0 76px;}
  .products-sidebar{width: 205px;width: 21.677%;min-width: 21.677%;}
  .products-sidebar .sidebar-title{padding: 14px 7px;border-radius: 6px 6px 0 0;}
  .products-sidebar .sidebar-nav{padding: 3px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 12px;height: 12px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding: 12px 7px;padding-right: 15px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 18px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 10px 7px;}
  .products-sidebar .sidebar-contact{margin-top: 12px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 7px;padding: 0 9px 12px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 10px 10px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 7px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 7px;}
  .products-content .content-header{margin-bottom: 17px;padding-bottom: 11px;}
  .products-grid{gap: 16px;}
  .products-grid .product-card{width: calc(33.333% - 11px);padding: 15px 12px 18px;border-radius: 6px;}
  .products-grid .product-card .card-image{height: 159px;}
  .products-grid .product-card .card-title{padding: 12px;}
  .products-grid .product-card .card-actions{padding: 8px 11px;gap: 7px;}
  .products-grid .product-card .card-actions .btn{padding: 7px 8px;gap: 3px;}
  .products-grid .product-card .card-actions .btn-icon{width: 12px;height: 12px;}
  .products-grid .product-card .card-actions .btn-icon2{width: 15px;height: 15px;}
  .inquiry-section{padding: 38px 0 88px;}
  .inquiry-header .xp14-tips{margin-top: 24px;}
  .inquiry-form .form-row{gap: 15px;margin-bottom: 15px;}
  .inquiry-table-section{margin-top: 26px;border-radius: 7px;}
  .inquiry-table th{padding: 13px;}
  .inquiry-table td{padding: 16px 13px;}
  .add-row{padding: 13px;}
  .add-row .btn-add{padding: 7px 15px;border-radius: 4px;}

}

@media screen and (max-width: 993px){
   header{height: 62px;background-color: #094698;padding: 0;border-bottom: none;}
  header .logo-default{display:block !important;}
  header .logo-scrolled{display:none !important;} 
  header .wid-14_5{width: 16%;}
   /* 移动端导航菜单 */
.mobile-nav {height: calc(100vh - 62px);}
.mobile-nav.active {top: 62px;}
.header-place{margin-top: 62px;}
header.scrolled {background: #fff0;border-bottom: none;}

/* 锚点跳转偏移，避免被固定头部遮挡 */
[id^="contact2"] {
  scroll-margin-top: 80px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}
[id^="product1"] {
  scroll-margin-top: 80px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}
[id^="about5"] {
  scroll-margin-top: 80px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}
[id^="about2"] {
  scroll-margin-top: 40px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}

[id^="about3"] {
  scroll-margin-top: 40px; /* 这个值 = 你的固定头部高度 + 一点安全距离 */
}

  header .pc-nav{position: relative;z-index: 99999;background-color: #094698;padding: 0 4.532%;height: 100%;width: 100%;box-sizing: border-box;}
  header .pc-nav .pc-logo{padding: 0;width: 29.492%;}
  
  /* footer */
  footer{padding: 25px 0 12px;}
  footer .f-top{margin-top: 18px;padding-top: 18px;gap: 35px;}
   footer .f-top .flex_1{display: none;}
  footer .f-logo-box{width: 100%;margin-bottom: 18px;}
  footer .f-logo{width: 250px !important;margin-bottom: 16px;}
  footer .f-title{margin-bottom: 16px !important;}
  footer .f-nav ul{flex-direction: column;align-items: center;}
  footer .f-nav ul li{margin-bottom: 8px;}
  footer .f-qrcode-box{width: 65px;margin-bottom: 15px;}
  footer .f-qrcode{width: 65px;height: 65px;}
  footer .f-content{width: 110px;height: 110px;}
  footer .f-bottom{gap: 14px;padding-top: 12px;align-items: center;}
  footer .f-top .f-logo-box {width: 65%;}
  
  /* ds-box1 */
  .ds-box1{height: 520px;}
  .ds-box1 .swiper-slide-content{padding: 25px;}
  .ds-box1 .swiper-slide-content-tips{padding: 4px 6px;margin-bottom: 16px;}
  .ds-box1 .swiper-bottom{bottom: 50px;right: 18px;gap: 12px;}
  .ds-box1 .swiper-nav-btn{width: 30px;height: 30px;min-width: 30px;}
  .swiper-nav-btn svg{width: 12px;height: 12px;}
  .ds-box1 .swiper-pagination-bullet{margin: 0 10px !important;}
  
  /* ds-box2 */
  .ds-box2{padding: 60px 0 40px;}
  .ds-box2 .ds2-list{margin-top: 35px;gap: 12px;}
  .ds-box2 .ds2-item{padding: 38px 18px;width: 100%;min-height: 320px;border-radius:10px;}
  .ds-box2 .ds2-item-desc{margin-top: 16px;}
  .ds2-btn{padding: 10px 12px !important;margin-right: 20px;}
  .ds2-desc{margin-top: 12px;}
  
  /* ds-box3 */
  .ds-box3{padding: 50px 0 20px;gap: 30px;}
  .ds-box3 .ds3-info{gap: 28px;margin-top: 45px;}
  .ds-box3 .ds3-info-item{width: 100%;}
  .ds-box3 .ds3-info-item-icon{width: 20px;height: 20px;margin-right: 4px;}
  .ds-box3 .ds3-right-item{padding: 22px 22px 16px;margin-bottom: 20px;}
  .ds-box3 .ds3-right-item-icon{width: 45px;height: 45px;}
  .ds-box3 .ds3-right-item-title{margin: 12px 0 20px;}
  .ds-box3 .ds3-btn{margin-top: 32px;}
  
  /* ds-box4 */
  .ds-box4{padding: 45px 0 35px;}
  .ds-box4 .ds4-tab{margin-top: 38px;gap: 8px;}
  .ds-box4 .ds4-tab div{min-width: 110px;height: 36px;line-height: 36px;padding: 0 16px;}
  .ds-box4 .ds4-content{margin-top: 38px;padding-bottom: 25px;}
  .ds-box4 .ds4-list{gap:12px 1.6%;flex-wrap: wrap;}
  .ds-box4 .ds4-list-item{width: 49.2%;}
  .ds-box4 .ds4-info{padding: 12px 10px 14px;height: calc(100% - 280px);}
  .ds-box4 .ds4-addr{margin-top: 12px;margin-bottom: 6px;}
  .ds-box18 .ds4-btn-box{margin-top: 10px;padding-top: 8px;flex-direction: row;}
  .ds-box18 .ds4-btn{border-radius: 4px;}
  .ds-box4 .ds4-list-item .ds4-img{height: 280px;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 28px;height: 4px;}
  
  /* ds-box5 */
  .ds-box5{}
.ds-box5 .ds5-content,.ds-box5 .ds5-nav{gap: 10px;padding-bottom: 25px;}
  .ds-box5 .ds5-item{width: calc(50% - 5px);height: 70px;width: 170px;min-width: 170px;box-shadow: 0px 3px 8px 0px rgba(7, 0, 2, 0.08);}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 200px;}
  
  /* ds-box7 */
  .ds-box7{padding: 50px 0 38px;}
  .ds-box7 .ds7-top{width: 100%;}
  .ds-box7 .ds7-year-box{margin-top: 40px;text-align: center;}
  .ds-box7 .ds7-year{font-size: 70px;margin-right: 6px;}
  .ds-box7 .ds7-text{margin-top: 30px;}
  .ds-box7 .ds7-data{margin-top: 20px;padding-top: 22px;}
  .ds-box7 .ds7-btn{padding: 10px 20px;margin-top: 30px;margin-left: auto;margin-right: auto;}
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 60px;}
  .xp-box20 .xp20-list{gap: 2%;}
  .xp-box20 .xp20-item{height: 240px;border-radius: 8px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 60px;}
  .ds-box8 .ds8-tab{gap: 18px;}
  .ds-box8 .ds8-content{padding-top: 40px;gap: 45px;flex-direction: column;}
  .ds-box8 .ds8-list{gap: 20px;}
  .ds-box8 .ds8-list-item{padding: 26px 16px 10px;}
  .ds-box8 .ds8-list-item-title{margin: 18px 0;}
  .ds-box8 .ds8-list-item-btn{width: 35px;height: 35px;padding: 5px;margin-top: 10px;}
  .ds-box8 .ds8-list-item-num{margin-left: 22px;margin-top: 6px;}
  .ds-box8 .ds8-more{margin-top: 0 !important;padding: 10px 20px;gap: 25px;}
.ds-box8 .ds8-list-box{width: 100%;}
.ds-box8 .ds8-content-left{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.ds-box8 .ds8-list-item-desc{height: 131px;}
.f-addr{flex-direction: column;align-items: flex-start;gap: 15px;}
  
  /* f-goTop */
   /* f-goTop */
  .f-goTop{padding: 5px 10px;bottom: 10vh;top: inherit;}
  .f-goTop .f-goTop-item:not(.f-goTop-item2){display: none;}
  .f-goTop .f-goTop-item3{display: block !important;}
  .f-goTop .f-goTop-item2 .f-16{font-size: 12px;}
  .f-goTop .f-goTop-item2{padding: 2px 0;}
  
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 25px;}
  .xp-box15{gap: 20px;}
  .xp15-right{padding-bottom: 20px;display: none;}
 .xp-box15 .xp15-left {
    overflow: auto;
    width: 100%;
    /* 关键：隐藏滚动条 */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}
/* Chrome、Safari、Opera */
.xp-box15 .xp15-left::-webkit-scrollbar {
    display: none;
}
  
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 260px;height: 160px;border-radius: 8px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 25px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 70px 0 85px;}
  .xp-box23 .xp23-list{gap: 20px 2%;}
  .xp-box23 .xp23-item{height: 60px;}
  
  /* ds-box11 */
  .ds-box11{padding-bottom: 95px;gap: 45px;}
  .ds-box11 .ds11-content{gap: 45px;}
  .ds-box11 .ds11-content-title{margin-bottom: 52px;}
  
  /* xp-box15 */
   .xp-box15{flex-direction: column;align-items: flex-start;}
  .xp-box15 .xp15-left div{width: 110px;height: 50px;line-height: 50px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-list{gap: 8px;padding: 45px 0 0;}
  .xp-box3 .xp3-nav{gap: 10px;margin-top: 30px;}
  .xp-box3 .xp3-nav-btn{width: 36px;height: 36px;}
  
  /* ds-box10 */
  .ds-box10{padding: 75px 0 115px;}
  .ds-box10 .xp20-desc{margin-top: 12px;margin-bottom: 45px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 70px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 30px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 26px;height: 4px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 40px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-content-left{width: 42%;padding-top: 230px;padding-left: 30px;}
  .ds-box11 .ds11-tab-btn{width: 28px;height: 28px;}
  .ds-box11 .ds11-list{margin-top: 50px;}
   .xp-box24{padding: 65px 0 68px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 25px;}
  .xp-box24 .xp24-list{margin-top: 54px;}
 .xp-box24  .xp24-list-title{padding: 20px 74px;}
  .xp-box24 .xp24-list ul li{margin-top: 11px;padding: 0 43px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 20px 36px;}
  .xp-box24 .xp24-list ul li .xp24-list-content.show{padding: 10px 22px 22px;}
  

.xp-box24 .xp24-list ul li .xp24-list-title2 div:nth-child(1){
    width:25%;
}
  
  /* ds-box12 */
  .ds-box12{gap: 25px;padding-bottom: 80px;}
  .ds-box12 .ds12-item{padding: 18px 14px 24px;}
  .ds-box12 .ds12-item-img{width: 60px;}
  .ds-box12 .ds12-item-title{margin: 14px 0;}
  
  /* ds-box13 */
  .ds-box13{padding: 68px 0 40px;}
  .ds-box13 .y-hide2{-webkit-line-clamp:1;line-clamp: 1;}
  .ds-box13 .ds13-swiper .ds13-slider-img{height: 235px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{height: 235px;padding: 24px 54px 24px 30px;}
  .ds-box13 .ds13-slider-info-top{gap: 10px;}
  .ds-box13 .ds13-slider-footer-left{gap: 5px;}
  .ds-box13 .ds13-pagination{bottom: 24px !important;padding-right: 23px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 8px;height: 8px;}
  .ds13-slider-label{gap: 9px;}
  .ds13-slider-label-item{padding: 4px;}
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 75px;}
  .ds-box14 .ds14-item{padding: 35px 38px 35px 26px;margin-bottom: 30px;}
  .ds-box14 .ds14-content{gap: 16px;}
  .ds-box14 .ds14-item-left{gap: 40px;}
  .ds-box14  .ds14-line{height: 100px;}
  .ds-box14 .ds14-footer-btn{width: 46px;height: 46px;}
  .ds-box14 .ds14-footer-btn svg{width: 17px;height: 17px;}
  
  /* ds-box15 */
  .ds-box15{padding: 55px 0 70px;}
  .ds-box15 .ds15-content{padding: 35px 35px 30px 35px;gap: 3%;}
    .ds-box15 .ds15-content-left{width: 54%;}
  .ds-box15 .ds15-contact{gap: 60px;margin-top: 40px;flex-wrap: wrap;}
  .ds-box15 .ds15-phone{margin-top: 18px;}
  .ds-box15 .ds15-addr{margin-top: 32px;}
  .ds-box15 .ds15-code{width: 140px;height: 140px;margin-bottom: 10px;}
  .ds-box15 .ds15-code-box{gap: 35px;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 70px;}
  .ds-box16 .ds16-desc{margin-top: 14px;}
  .ds-box16 .ds16-form{margin-top: 35px;}
  .ds-box16 .ds16-form-top{gap: 10px 2%;}
  .ds-box16 .ds16-input{height: 65px;padding: 0 16px;}
  .ds-box16 .ds16-input-bt{width: 18px;height: 18px;}
  .ds-box16 .ds16-bottom{margin-top: 12px;gap: 10px;height: 65px;}
  .ds16-bottom .ds16-yzm{width: 34%;}
  .ds-box16  .ds16-bottom-btn{margin-left: 10px;width: 100%;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 60px;}
  .ds-box17 .ds4-list{gap: 20px 2%;flex-wrap: wrap;}
  .ds-box17 .ds4-list-item{width: 48.8%;}
  
  /* ds-box19 */
  .ds-box19{padding: 35px 0 38px;}
  .ds-box19 .ds19-content{padding: 0 22px;}
  .ds-box19 .ds19-item{padding: 24px 0;gap: 18px;}
  .ds-box19 .ds19-item-title{width: 100px;min-width: 100px;}
  .ds-box19  .ds19-select ul{gap: 20px 30px;flex-wrap: wrap;}
  
  /* related-section */
  .related-section{padding: 70px 0 60px;}
  .related-header{margin-bottom: 32px;}
  .related-header h2{margin: 0 0 18px;}
  .related-grid{gap: 18px 2% !important;flex-wrap: wrap;}
  .related-grid .product-card{width: 48.8% !important;}
  .products-grid .product-card .card-image{height: 168px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 46px;height: 46px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 14px;height: 14px;}
  .related-section .ds-box17 .ds4-list-item{width: calc(50% - 10px);}
.related-section .ds-box17 .xp6-list{width: 100%;}
.related-section .xp6-nav{display: none;}
  .ds-box5 .ds5-nav{display: none;}
  
  /* xp-box18 */
  .xp-box18{padding: 52px 0 78px;gap: 40px;flex-direction: column;}
  .xp18-content{padding: 30px 12px 36px;}
  .xp-box18 .xp18-title{padding-bottom: 26px;margin-bottom: 25px;}
  .xp-box18 .xp18-date{margin-top: 22px;gap: 12px;}
  .xp-box18 .xp18-label{margin-top: 36px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 8px;margin-left: 8px;flex-wrap: wrap;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 3px 7px;}
  .xp-box18 .xp-next{margin-top: 24px;}
  .xp-box18 .xp-next-item{padding: 12px;margin-bottom: 10px;}
  .xp-box18 .xp-next-item a{padding: 0 7px;}
  .xp-box18 .xp18-right{width: 100%;}
  .xp-box18 .xp18-right-content{margin-bottom: 22px;border-radius: 8px;}
  .xp-box18 .xp18-right-title{padding: 17px 10px 14px;}
  .xp-box18 .xp18-right-list{padding: 0 10px;min-height: 300px;}
  .xp-box18 .xp18-right-item{padding: 12px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 10px;}
  .xp-box18 .xp18-right-list2{padding: 10px 12px 20px;}

   .ds-box18 .ds4-list-item .ds4-img{height: 291px;}
.ds-box18 .ds4-list-item{padding: 16px;border-radius: 6px;}

.product-detail{padding: 28px 0 0;}
  .detail-container{gap: 30px;}
  .detail-images{flex-shrink: 0;gap: 14px;}
  .detail-images .main-image{position: relative;background: #fafafa;border: 1px solid #eee;overflow: hidden;height: 350px;width: 100%;border-radius: 8px;height: 100%;display: flex;align-items: center;}
  .detail-images .main-image img{height: 272px;}
  .detail-images .thumbnails{gap: 14px;padding: 6px 0 8px;height: 350px;}
  .detail-images .thumbnail{width: 65px;height: 48px;border-radius: 7px;margin-bottom: 6px;}
  .detail-images .thumbnail-icon{width: 14px;height: 14px;}
  .detail-images .thumbnail-item{gap: 14px;}
  .detail-info{width: 100%;padding: 32px 28px 37px;border-radius: 8px;}
  .detail-info .product-title{margin-bottom: 20px;padding-bottom: 18px;}
  .detail-info .product-desc{margin-bottom: 41px;}
  .detail-info .contact-info{gap: 7px;margin-bottom: 23px;}
  .detail-info .contact-item{gap: 7px;}
  .detail-info .contact-item-icon{width: 18px;height: 18px;}
  .detail-info .action-buttons{gap: 10px;margin-bottom: 18px;}
  .detail-info .action-buttons .btn{gap: 8px;padding: 9px;border-radius: 3px;}
  .detail-info .action-buttons .btn .btn-icon{width: 13px;height: 13px;}
  .detail-info .product-labels{gap: 6px;margin-top: 6px;flex-wrap: wrap;}
  .detail-info .product-labels .label{padding: 3px 12px;border-radius: 2px;}
  .detail-content{padding: 32px 0 0;gap: 28px;flex-direction: column;}
  .detail-section{border-radius: 10px;}
  .detail-section .section-header{padding: 20px 14px 14px;}
  .detail-table{padding: 13px;}
  .product-detail .detail-table ol {padding-left: 13px !important; }
  .detail-table th,.detail-table td{padding: 9px 8px;}
  .content-sidebar{width: 250px;}
  .sidebar-section{border-radius: 7px;}
  .sidebar-section .solution-list{padding: 10px 9px 21px;}
  .quote-section{padding: 56px 0 0;}
  .quote-title{margin: 0 0 20px;}
  .quote-desc{margin: 0 0 27px;}
  .quote-form{gap: 10px;margin-top: 40px;}
  .quote-form .form-row{gap: 10px;}
  .quote-form .form-input{height: 48px;padding: 0 10px;border-radius: 5px;}
  .quote-form .captcha{width: 48.8%;min-width: 48.8%;}
  .quote-form .captcha-img{width: 48.8%;min-width: 48.8%;border-radius: 5px;}
  .quote-form .form-textarea{height: 154px;padding: 19px 12px;border-radius: 5px;}
  .quote-form .btn-submit{padding: 8px;border-radius: 5px;}
  .related-section{padding: 85px 0 70px;}
  .related-header{margin-bottom: 24px;}
  .related-header h2{margin: 0 0 13px;}
  .related-grid .product-card{width: calc(50% - 10px) !important;}
  .products-grid .product-card .card-image{height: 276px !important;}
  .products-sidebar{width: 100%;min-width: 100%;}
  .products-sidebar .sidebar-title{padding: 16px 12px;border-radius: 8px 8px 0 0;}
   .products-sidebar .sidebar-title2{display: block;}
  .products-sidebar .sidebar-nav{padding: 4px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 16px;height: 16px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding: 16px 12px;padding-right: 20px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 24px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 12px 12px;}
  .products-sidebar .sidebar-contact{margin-top: 16px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 10px;padding: 0 15px 20px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 14px 16px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 10px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 10px;}
  .products-content .content-header{margin-bottom: 20px;padding-bottom: 15px;}
  .products-grid{gap: 18px;}
  .products-grid .product-card{width: calc(50% - 9px);padding: 18px 14px 22px;border-radius: 8px;}
  .products-grid .product-card .card-image{height: 277px;}
  .products-grid .product-card .card-title{padding: 16px;}
  .products-grid .product-card .card-actions{padding: 10px 14px;gap: 8px;}
  .products-grid .product-card .card-actions .btn{padding: 9px 10px;gap: 4px;}
  .products-grid .product-card .card-actions .btn-icon{width: 16px;height: 16px;}
  .products-grid .product-card .card-actions .btn-icon2{width: 20px;height: 20px;}

  .inquiry-header .xp14-tips{margin-top: 20px;}
  .inquiry-form .form-row{flex-direction: column;gap: 12px;margin-bottom: 12px;}
  .inquiry-table-section{margin-top: 22px;border-radius: 6px;}
  .inquiry-table th{padding: 11px;width: 33.33%;}
  .inquiry-table td{padding: 14px 11px;width: 33.33%;}
  .add-row{padding: 11px;}
  .add-row .btn-add{padding: 6px 12px;border-radius: 4px;}
}


@media screen and (max-width: 820px) {
    .ds-box2 .ds2-list{margin-top: 30px;gap: 10px 2%;flex-wrap: wrap;}
  .ds-box2 .ds2-item{padding: 32px 16px;width: 49%;min-height: 290px;}
  .ds-box2 .ds2-item-img{width:50%;}
  .xp-box20 .xp20-item{height:186px;}
}

/* 平板端适配（768px）- 沿用手机布局，尺寸按比例放大1.5倍 */
@media screen and (max-width: 768px) {
  header{height: 52px;}
.header-place{margin-top: 52px;}
.mobile-nav {height: calc(100vh - 52px);}
.mobile-nav.active {top: 52px;}
  header .wid-14_5{width: 18%;}
  .y-padding { padding-left: 50px !important; padding-right: 50px !important; }
  header .header-logo {width: 230px;}
  header .pc-nav .pc-search{padding: 0 12px;}
  header .pc-nav .pc-search svg{width: 16px;}
  header .pc-nav .pc-logo{width: 32.492%;}
  
  /* footer */
  footer{padding: 20px 0 10px;}
  footer .f-top{margin-top: 15px;padding-top: 15px;gap: 28px;}
  footer .f-logo{width: 160px;margin-bottom: 14px;}
  footer .f-title{margin-bottom: 14px !important;}
  footer .f-nav ul li{margin-bottom: 7px;}
  footer .f-qrcode-box{width: 60px;margin-bottom: 12px;}
  footer .f-qrcode{width: 60px;height: 60px;}
  footer .f-content{width: 105px;height: 105px;}
  footer .f-bottom{gap: 12px;padding-top: 10px;}
  
  /* ds-box1 */
  .ds-box1{height: 450px;}
  .ds-box1 .swiper-slide-content{padding: 20px;}
  .ds-box1 .swiper-slide-content-tips{padding: 3px 5px;margin-bottom: 12px;}
  .ds-box1 .swiper-bottom{bottom: 40px;right: 14px;gap: 10px;}
  .ds-box1 .swiper-nav-btn{width: 26px !important;height: 26px !important;min-width: 26px !important;}
  .swiper-nav-btn svg{width: 11px;height: 11px;}
  .ds-box1 .swiper-pagination-bullet{margin: 0 10px !important;}
  
  /* ds-box2 */
  .ds-box2{padding: 50px 0 35px;}
  .ds-box2 .ds2-list{margin-top: 30px;gap: 10px 2%;flex-wrap: wrap;}
  .ds-box2 .ds2-item{padding: 32px 16px;width: 49%;min-height: 290px;}
  .ds-box2 .ds2-item-desc{margin-top: 14px;}
  .ds2-btn{padding: 9px 10px;margin-right: 16px;}
  .ds2-btn-svg{width: 14px;height: 14px;}
  .ds-box2 .ds2-item-img{width: 50%;}
  .ds2-desc{margin-top: 10px;}
  /* ds-box3 */
  .ds-box3{padding: 42px 0 18px;gap: 25px;flex-wrap: wrap;}
    .ds-box3 .ds3-left{padding-top: 0;}
  .ds-box3 .ds3-info{gap: 24px 4%;margin-top: 38px;}
  .ds-box3 .ds3-info-item{width: 48%;}
  .ds-box3 .ds3-info-item-icon{width: 20px;height: 20px;margin-right: 4px;}
  .ds-box3 .ds3-right-item{padding: 18px 18px 14px;margin-bottom: 18px;}
  .ds-box3 .ds3-right-item-icon{width: 40px;height: 40px;}
  .ds-box3 .ds3-right-item-title{margin: 10px 0 16px;}
  .ds-box3 .ds3-btn{margin-top: 28px;}
  .ds-box3 .ds3-left{width: 100%;}
  .ds-box3 .ds3-right{width: 100%;}
  .ds-box3 .ds3-right {gap: 3%;}
  .ds-box3 .ds3-right-box2{width: 48.5%;margin-top: 0;}
  /* ds-box4 */
  .ds-box4{padding: 38px 0 30px;}
  .ds-box4 .ds4-tab{margin-top: 32px;gap: 6px;}
  .ds-box4 .ds4-tab div{min-width: 100px;height: 32px;line-height: 32px;padding: 0 14px;}
  .ds-box4 .ds4-content{margin-top: 32px;padding-bottom: 20px;}
  .ds-box4 .ds4-info{padding: 10px 8px 12px;height: calc(100% - 210px);}
    .ds-box4 .ds4-addr{margin-top: 10px;margin-bottom: 5px;}

  .ds-box4 .ds4-btn-icon{width: 14px;height: 14px;min-width: 14px;}
  .ds-box4 .ds4-list-item .ds4-img{height: 210px;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 28px;height: 4px;}
  /* ds-box5 */
  .ds-box5{}
.ds-box5 .ds5-content{gap: 8px;padding-bottom: 22px;}
.ds-box5 .ds5-nav{display: none;}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 170px;}
  
  /* ds-box7 */
  .ds-box7{padding: 42px 0 32px;}
  .ds-box7 .ds7-year-box{margin-top: 35px;}
  
  .ds-box7 .ds7-year-box{display: none;}
  .ds-box7 .ds7-title{width:100%;}
  .ds-box7 .ds9-info .wid-50{width:100%;}
  .ds-box7 .ds7-year{font-size: 60px;margin-right: 5px;}
  .ds-box7 .ds7-text{margin-top: 25px;height: auto;}
  .ds-box7 .ds7-data{margin-top: 18px;padding-top: 18px;}
  .ds-box7 .ds7-btn{padding: 9px 18px;margin-top: 25px;margin-left: auto;margin-right: auto;clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));}
  .ds7-btn-svg{width: 16px;height: 16px;}
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 50px;display: none;}
  .xp-box20-copy{display: block;}
.isPhone{display: block;}
.isPhone2{display: none;}
  .xp-box20 .xp20-item{height: 168px;border-radius: 5px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
.xp-box20 .xp20-item-sj{flex: 0 0 calc(33.3% - 1.6%);height: 294px;}
  
 
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 50px;}
  .ds-box8 .ds8-content{padding-top: 34px;gap: 35px;}
  .ds-box8 .ds8-list{gap: 16px;padding:0;}
  .ds-box8 .ds8-list-item{padding: 22px 14px 8px;}
  .ds-box8 .ds8-list-item-title{margin: 15px 0;}
  .ds-box8 .ds8-list-item-btn{width: 32px;height: 32px;padding: 4px;margin-top: 8px;}
  .ds-box8 .ds8-list-item-num{margin-left: 18px;margin-top: 5px;}
  .ds-box8 .ds8-more{margin-top: 38px;padding: 9px 18px;gap: 20px;}
   .ds-box8 .ds8-more-svg{width: 30px;height: 30px;padding: 6px;}
.ds-box8 .ds8-list-item-desc{height: 96px;}
 .ds-box8 .swiper-scrollbar{display: none;}
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 20px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 230px;height: 140px;border-radius: 6px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 22px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 60px 0 75px;}
  .xp-box23 .xp23-list{gap: 15px 2%;}
  .xp-box23 .xp23-item{height: 49px;}
  
  /* ds-box11 */
  .ds-box11{padding-bottom: 85px;gap: 40px;}
  .ds-box11 .ds11-content{gap: 40px;}
  .ds-box11 .ds11-content-title{margin-bottom: 45px;}
  
  /* xp-box15 */
  .xp-box15 .xp15-left div{width: 100px;height: 45px;line-height: 45px;}
   .xp-box15 .xp15-left div:hover {
    background: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
  }
  
  /* xp-box3 */
  .xp-box3 .xp3-list{gap: 6px;padding: 40px 0 0;}
  .xp-box3 .xp3-nav{gap: 8px;margin-top: 26px;}
  .xp-box3 .xp3-nav-btn{width: 34px;height: 34px;}
  
  /* ds-box10 */
  .ds-box10{padding: 65px 0 105px;}
  .ds-box10 .xp20-desc{margin-top: 10px;margin-bottom: 38px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 60px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 26px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 24px;height: 4px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 36px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-content-left{width: 42%;padding-top: 210px;padding-left: 26px;}
  .ds-box11 .ds11-tab-btn{width: 26px;height: 26px;}
  .ds-box11 .ds11-list{margin-top: 45px;}
  .xp-box24 .xp24-back{display: none;}
  .xp-box24 .xp24-info-text{margin-top: 16px;}
 .xp-box24  .xp24-list{margin-top: 36px;}
  .xp-box24 .xp24-list-title{padding: 16px 20px;}
  .xp-box24 .xp24-list ul li{margin-top: 8px;padding: 0 16px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 16px 20px;}
 .xp-box24 .xp24-list ul li .xp24-list-title2-icon{width: 20px !important;height: 20px;padding: 1px;}
 
.xp-box24 .xp24-list ul li .xp24-list-title2 div:nth-child(1){
    width:26%;
}
 
 .ds-box12{flex-direction: column;}
 .ds-box12 .ds12-item{width: 100%;}
  
  /* ds-box13 */
  .ds-box13{padding: 50px 0 36px;}
  .ds-box13 .ds13-swiper .ds13-slider-img{width: 100%;height:353px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{width: 100%;height: auto;padding: 35px 28px 32px 28px;}
  .ds-box13 .ds13-slider-info-top{gap: 10px;}
  .ds-box13 .ds13-slider-footer-left{gap: 5px;}
  .ds-box13 .ds13-pagination{bottom: 31px !important;padding-right: 20px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 8px;height: 8px;}
  .ds13-slider-label{gap: 9px;}
  .ds13-slider-label-item{padding: 4px;}
  .ds-box13 .ds13-swiper .swiper-slide{flex-direction: column;}
  .ds-box13 .ds13-swiper .ds13-slider-footer {margin-top: 30px;}
 .ds-box13 .ds13-slider-footer-btn { width: 19px;height: 19px; padding: 3px;}
.ds-box13 .ds13-slider-footer-btn svg { width: 9px;height: 9px; }
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 55px;}
  .ds-box14 .ds14-item{padding: 30px 26px 30px 22px;margin-bottom: 22px;}
  .ds-box14 .ds14-content{gap: 14px;flex-direction: column;width: 75%;}
  .ds-box14 .ds14-content .y-hide2, .ds-box14 .ds14-content .y-hide1{width: 100%;}
  .ds-box14 .ds14-item-left{gap: 28px;}
  .ds-box14 .ds14-footer-btn{width: 48px;height: 48px;}
  .ds-box14 .ds14-footer-btn svg{width: 18px;height: 18px;}
  
  /* ds-box15 */
  .ds-box15{padding: 45px 0 55px;}
  .ds-box15 .ds15-content{padding: 28px 22px 24px;gap: 32px;flex-direction: column;align-items: flex-start;}
  .ds-box15 .ds15-contact{gap: 40px;margin-top: 32px;flex-wrap: wrap;}
  .ds-box15 .ds15-phone{margin-top: 14px;}
  .ds-box15 .ds15-addr{margin-top: 26px;}
  .ds-box15 .ds15-code{width: 120px;height: 120px;margin-bottom: 8px;}
  .ds-box15 .ds15-code-box{gap: 25px;flex-wrap: wrap;}
  .ds-box15 .ds15-content-left { width: 100%;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 55px;}
  .ds-box16 .ds16-desc{margin-top: 12px;}
  .ds-box16 .ds16-form{margin-top: 28px;}
  .ds-box16 .ds16-form-top{gap: 8px;}
  .ds-box16 .ds16-input{height: 56px;padding: 0 14px;}
  .ds-box16 .ds16-input-bt{width: 16px;height: 16px;top: 8px;left: 1px;}
  .ds-box16 .ds16-bottom{margin-top: 10px;gap: 8px;height: 56px;}
  .ds-box16  .ds16-bottom-btn{margin-left: 0;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 48px;}
  .ds-box17 .ds4-list{gap: 16px 2%;flex-wrap: wrap;}
  
  /* ds-box19 */
  .ds-box19{padding: 28px 0 30px;}
  .ds-box19 .ds19-content{padding: 0 16px;}
  .ds-box19 .ds19-item{padding: 20px 0;gap: 14px;flex-direction: column;}
  .ds-box19 .ds19-item-title{width: 100%;min-width: 80px;}
  
  /* xp-box18 */
  .xp-box18{padding: 42px 0 62px;gap: 32px;}
  .xp18-content{padding: 24px 10px 28px;}
  .xp-box18 .xp18-title{padding-bottom: 22px;margin-bottom: 20px;}
  .xp-box18 .xp18-date{margin-top: 18px;gap: 10px;}
  .xp-box18 .xp18-label{margin-top: 28px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 6px;margin-left: 6px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 3px 6px;}
  .xp-box18 .xp-next{margin-top: 20px;}
  .xp-box18 .xp-next-item{padding: 10px;margin-bottom: 8px;}
  .xp-box18 .xp-next-item a{padding: 0 6px;}
  .xp-box18 .xp18-right-content{margin-bottom: 18px;border-radius: 6px;}
  .xp-box18 .xp18-right-title{padding: 14px 8px 12px;}
  .xp-box18 .xp18-right-list{padding: 0 8px;min-height: 240px;}
  .xp-box18 .xp18-right-item{padding: 10px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 8px;}
  .xp-box18 .xp18-right-list2{padding: 8px 10px 16px;}
  
  /* related-section */
  .related-section{padding: 55px 0 48px;}
  .related-header{margin-bottom: 28px;}
  .related-header h2{margin: 0 0 16px;}
  .related-grid{gap: 14px !important;flex-wrap: wrap;}
  .related-grid .product-card{width: 100% !important;}
  .products-grid .product-card .card-image{height: 148px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 40px;height: 40px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 12px;height: 12px;}
  .related-section .ds-box17 .ds4-list-item{width: calc(50% - 8px);}

   .ds-box18 .ds4-list-item .ds4-img{height: 217px;}
.ds-box18 .ds4-list-item{padding: 14px;border-radius: 5px;}

.ds-box18  .ds4-btn div:last-child{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}

.products-content .products-online{flex-direction: column;align-items: flex-start;gap: 20px;}
  .products-content .products-online .flex_1{flex-direction: column;align-items: flex-start;gap: 20px;width: 100%;}
  .products-content .products-online .products-online-imglist{max-height: calc(90vh - 100px);padding: 10px 0; flex-wrap: wrap;width: 100%;max-width: 100%;margin: -10px;}

  .product-detail{padding: 24px 0 0;}
  .detail-container{gap: 26px;flex-direction: column;}
  .detail-images{width: 100%;flex-shrink: 0;gap: 12px;flex-direction: column-reverse;}
  .detail-images .main-image{position: relative;background: #fafafa;border: 1px solid #eee;overflow: hidden;height: 300px;width: 100%;border-radius: 7px;height: auto !important;max-height: 400px;}
  .detail-images .main-image img{height: 100%;
width: 50%;margin: auto;}
  .detail-images .thumbnails{gap: 12px;padding: 5px 0 7px;height:auto !important;width: 100% !important;}
  .detail-images .thumbnail{width: 56px;height: 41px;border-radius: 6px;margin-bottom: 5px;min-width: 56px;}
  .detail-images .thumbnail-icon{width: 12px;height: 12px;display: none;}
   .detail-images .thumbnail-content{    width: 100%;display: flex; gap: 4px;overflow: auto;}
  .detail-images .thumbnail-item{gap: 12px;width: 100%;}
  .detail-info{width: 100%;padding: 28px 24px 31px;border-radius: 7px;}
  .detail-info .product-title{margin-bottom: 17px;padding-bottom: 15px;}
  .detail-info .product-desc{margin-bottom: 35px;max-height: max-content;}
  .detail-info .contact-info{gap: 6px;margin-bottom: 20px;}
  .detail-info .contact-item{gap: 6px;}
  .detail-info .action-buttons{gap: 8px;margin-bottom: 15px;}
  .detail-info .action-buttons .btn{gap: 7px;padding: 8px;border-radius: 2px;}
  .detail-info .product-labels{gap: 5px;margin-top: 5px;}
  .detail-info .product-labels .label{padding: 3px 10px;border-radius: 2px;}
  .detail-content{padding: 27px 0 0;gap: 24px;flex-direction: column;}
   .content-sidebar{width: 100%;}
  .detail-section{border-radius: 9px;}
  .detail-section .section-header{padding: 17px 12px 12px;}
  .detail-table{padding: 11px;}
  .detail-table th,.detail-table td{padding: 8px 7px;}
  .sidebar-section{border-radius: 6px;}
  .sidebar-section .solution-list{padding: 9px 8px 18px;}
  .inquiry-section{padding: 24px 0 58px;}
  .inquiry-header .xp14-tips{margin-top: 16px;}
  .inquiry-form .form-row{flex-direction: column;gap: 10px;margin-bottom: 10px;}
  .inquiry-table-section{margin-top: 18px;border-radius: 5px;}
  .inquiry-table th:nth-child(2),.inquiry-table td:nth-child(2){display: none;}
  .inquiry-table th{padding: 9px;width: 50%;}
  .inquiry-table td{padding: 11px 9px;width: 50%;}
  .add-row{padding: 9px;}
  .add-row .btn-add{padding: 5px 10px;border-radius: 3px;}
  .quote-section{padding: 47px 0 0;}
  .quote-title{margin: 0 0 17px;}
  .quote-desc{margin: 0 0 23px;}
  .quote-form{gap: 8px; margin-top: 30px;}
  .quote-form .form-row{gap: 8px;}
  .quote-form .form-input{height: 41px;padding: 0 9px;border-radius: 5px;}
  .quote-form .captcha{width: 48.8%;min-width: 48.8%;}
  .quote-form .captcha-img{width: 48.8%;min-width: 48.8%;border-radius: 4px;}
  .quote-form .form-textarea{height: 131px;padding: 16px 10px;border-radius: 5px;}
  .quote-form .btn-submit{padding: 7px;border-radius: 4px;}
  .related-section{padding: 72px 0 59px;}
  .related-header{margin-bottom: 21px;}
  .related-header h2{margin: 0 0 11px;}
  .related-grid .product-card{width: calc(50% - 9px) !important;}
  .products-grid .product-card .card-image{height: 173px !important;}
  .products-container{gap: 20px;padding: 30px 0 50px;}
  .products-sidebar .sidebar-title{padding: 13px 10px;border-radius: 7px 7px 0 0;}
  .products-sidebar .sidebar-nav{padding: 3px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 13px;height: 13px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding: 13px 10px;padding-right: 17px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 20px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 10px 10px;}
  .products-sidebar .sidebar-contact{margin-top: 13px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 8px;padding: 0 12px 17px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 12px 13px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 8px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 8px;}
  .products-content .content-header{margin-bottom: 17px;padding-bottom: 12px;}
  .products-grid{gap: 15px;}
  .products-grid .product-card{width: calc(50% - 8px);padding: 15px 12px 18px;border-radius: 7px;}
  .products-grid .product-card .card-image{height: 221px;}
  .products-grid .product-card .card-title{padding: 13px;}
  .products-grid .product-card .card-actions{padding: 8px 12px;gap: 7px;}
  .products-grid .product-card .card-actions .btn{padding: 7px 9px;}
  .products-grid .product-card .card-actions .btn-icon{width: 14px;height: 14px;}
  .products-grid .product-card .card-actions .btn-icon2{width: 18px;height: 18px;}

  .products-content .products-online{flex-direction: column;align-items: flex-start;gap: 20px;}
  .products-content .products-online .flex_1{flex-direction: column;align-items: flex-start;gap: 20px;width: 100%;}
  .products-content .products-online .products-online-imglist{max-height: calc(90vh - 100px);padding: 10px 0; flex-wrap: wrap;width: 100%;max-width: 100%;margin: -10px;}
  .detail-images .main-image img{width: 100%;}


  .inquiry-header .xp14-tips{margin-top: 13px;}
  .inquiry-form .form-row{gap: 8px;margin-bottom: 8px;}
  .inquiry-table-section{border-radius: 4px;}
  .inquiry-table th:nth-child(2),.inquiry-table td:nth-child(2){display: none;}
  .inquiry-table th{padding: 7px;width: 50%;}
  .inquiry-table td{width: 50%;}
  .inquiry-table thead{border-bottom: 1px solid #eee;}
  .add-row{padding: 7px;}
  .add-row .btn-add{padding: 4px 8px;border-radius: 3px;}
}

@media (max-width: 576px) {
  header .wid-14_5{width: 26%;}
  .y-padding { padding-left: 16px !important; padding-right: 16px !important; }
  header .header-logo {width: 210px;}
  header .pc-nav .pc-search{padding: 0 10px;}
  header .pc-nav .pc-search svg{width: 14px;}
  
  header .pc-nav .pc-logo{width: 40.492%;}
  
  /* footer */
  footer{padding: 18px 0 8px;}
  footer .f-top{margin-top: 12px;padding-top: 12px;gap: 22px;}
  footer .f-logo{width: 140px;margin-bottom: 12px;}
  footer .f-title{margin-bottom: 12px !important;}
  footer .f-nav ul li{margin-bottom: 6px;}
  footer .f-qrcode-box{width: 55px;margin-bottom: 10px;}
  footer .f-qrcode{width: 55px;height: 55px;}
  footer .f-content{width: 100px;height: 100px;}
  footer .f-bottom{gap: 10px;padding-top: 8px;}
  footer .f-icon{width: 16px;height: 21px;min-width: 16px;}
  /* ds-box1 */
  .ds-box1{height: 380px;}
  .ds-box1 .swiper-slide-content{padding: 15px;}
  .ds-box1 .swiper-slide-content-tips{padding: 2px 4px;margin-bottom: 10px;}
  .ds-box1 .swiper-bottom{bottom: 32px;right: 10px;gap: 8px;}
  .ds-box1 .swiper-nav-btn{width: 22px;height: 22px;min-width: 22px;}
  .ds-box1 .swiper-pagination-bullet{margin: 0 10px !important;}
  .swiper-nav-btn svg{width: 10px;height: 10px;}
  
  /* ds-box2 */
  .ds-box2{padding: 42px 0 30px;}
  .ds-box2 .ds2-list{margin-top: 26px;gap: 8px;}
  .ds-box2 .ds2-item{padding: 28px 14px;min-height: 260px;}
  .ds-box2 .ds2-item-desc{margin-top: 12px;}
  .ds2-btn{padding: 8px 8px;margin-right: 12px;}
  .ds2-desc{margin-top: 10px;}
  
  /* ds-box3 */
  .ds-box3{padding: 36px 0 16px;gap: 20px;}
  .ds-box3 .ds3-info{gap: 20px;margin-top: 32px;}
  .ds-box3 .ds3-info-item-icon{width: 20px;height: 20px;margin-right: 4px;}
  .ds-box3 .ds3-right-item{padding: 16px 16px 12px;margin-bottom: 16px;}
  .ds-box3 .ds3-right-item-icon{width: 35px;height: 35px;}
  .ds-box3 .ds3-right-item-title{margin: 8px 0 14px;}
  .ds-box3 .ds3-btn{margin-top: 24px;}
  
  /* ds-box4 */
  .ds-box4{padding: 32px 0 26px;}
  .ds-box4 .ds4-tab{margin-top: 28px;gap: 5px;}
  .ds-box4 .ds4-tab div{min-width: 90px;height: 28px;line-height: 28px;padding: 0 12px;border-radius: 3px;}
  .ds-box4 .ds4-content{margin-top: 28px;padding-bottom: 18px;}
  .ds-box4 .ds4-info{padding: 8px 6px 10px;height: calc(100% - 168px);}
  .ds-box4 .ds4-addr{margin-top: 8px;margin-bottom: 4px;}
  .ds-box4 .ds4-btn{border-radius: 3px;}
      .ds-box4 .ds4-list-item .ds4-img {height: 168px;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 28px;height: 4px;}
  /* ds-box5 */
  .ds-box5 .ds5-content{padding-bottom: 20px;}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 140px;}
  
  /* ds-box7 */
  .ds-box7{padding: 36px 0 28px;}
  .ds-box7 .ds7-year-box{margin-top: 28px;}
  .ds-box7 .ds7-year{font-size: 50px;margin-right: 4px;}
  .ds-box7 .ds7-text{margin-top: 22px;}
  .ds-box7 .ds7-data{margin-top: 16px;padding-top: 16px;}
  .ds-box7 .ds7-btn{padding: 8px 16px;margin-top: 22px;margin-left: auto;margin-right: auto;}
  .ds-box7 .ds7-year-box{display: none;}
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 45px;}
  .xp-box20 .xp20-item{height: 134px;border-radius: 5px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
.xp-box20 .xp20-item-sj{height: 234px;}
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 45px;}
  .ds-box8 .ds8-content{padding-top: 30px;gap: 28px;}
  .ds-box8 .ds8-list{gap: 14px;}
  .ds-box8 .ds8-list-item{padding: 20px 12px 6px;width: 32%;min-width: 32%;margin:0 !important;}
  .ds-box8 .ds8-list-item-title{margin: 12px 0;}
  .ds-box8 .ds8-list-item-btn{width: 28px;height: 28px;padding: 4px;margin-top: 6px;}
  .ds-box8 .ds8-list-item-num{margin-left: 15px;margin-top: 4px;}
  .ds-box8 .ds8-more{margin-top: 32px;padding: 8px 16px;gap: 15px;}
.ds-box8 .swiper-wrapper{gap: 12px 2%;flex-wrap: wrap;}
  .ds-box8 .ds8-list .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    transform: none !important;
    overflow: hidden !important;
  }
  
  
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 15px;}
  .ds-box9 .ds9-info{flex-direction: column;align-items: flex-start;}
    .ds-box9 .ds7-top  .wid-50{width: 100% !important;}
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 190px;height: 115px;border-radius: 5px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 20px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 50px 0 65px;}
  .xp-box23 .xp23-list{gap: 15px 2%;}
  .xp-box23 .xp23-item{width: calc(33.3% - 1.5%);height: 62px;}
  /* ds-box11 */
  .ds-box11{padding-bottom: 75px;gap: 35px;}
  .ds-box11 .ds11-content{gap: 35px;flex-direction: column;}
  .ds-box11 .ds11-content-title{margin-bottom: 38px;}
  .ds-box11 .ds11-content-left{padding-top: 75px; width: 100%;}
  .ds-box11 .ds11-content-right{width: 100%;}
  
  /* xp-box15 */
  .xp-box15 .xp15-left div{width: 90px;height: 40px;line-height: 40px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-list{gap: 5px;padding: 35px 0 0;}
  .xp-box3 .xp3-nav{gap: 6px;margin-top: 22px;}
  .xp-box3 .xp3-nav-btn{width: 32px;height: 32px;}
  
  /* ds-box10 */
  .ds-box10{padding: 55px 0 95px;}
  .ds-box10 .xp20-desc{margin-top: 10px;margin-bottom: 32px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 50px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 22px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 22px;height: 4px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 32px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-tab-btn{width: 24px;height: 24px;}
  .ds-box11 .ds11-list{margin-top: 40px;}
.ds-box11 .ds11-top{width: 50%;}
  .xp-box24{padding: 40px 0 42px;}
.xp-box24 .xp24-back{display: none;}
  .xp-box24 .xp24-info-text{margin-top: 13px;}
  .xp-box24 .xp24-list{margin-top: 30px;}
  .xp-box24 .xp24-list-title{padding: 13px 16px;}
 .xp-box24  .xp24-list ul li{margin-top: 6px;padding: 0 0px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 13px 16px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2-icon{width: 16px !important;height: 16px;}
  .xp-box24 .xp24-list ul li .xp24-list-content.show{padding: 8px 12px 16px;}

  /* ds-box12 */
  .ds-box12{gap: 20px;padding-bottom: 50px;}
  .ds-box12 .ds12-item{width: 100%;padding: 16px 12px 20px;}
  .ds-box12 .ds12-item-img{width: 50px;}
  .ds-box12 .ds12-item-title{margin: 12px 0;}
  
  /* ds-box13 */
  .ds-box13{padding: 45px 0 30px;}
  .ds-box13 .ds13-swiper .ds13-slider-img{width: 100%;height: 282px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{width: 100%;height: auto;padding: 20px;}
  .ds-box13 .ds13-slider-info-top{gap: 8px;}
  .ds-box13 .ds13-slider-footer-left{gap: 4px;}

  .ds-box13 .ds13-pagination{bottom: 18px !important;padding-right: 16px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 7px;height: 7px;}
  .ds13-slider-label{gap: 7px;}
  .ds13-slider-label-item{padding: 3px;}
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 45px;}
  .ds-box14 .ds14-item{padding: 24px 20px 24px 16px;margin-bottom: 18px;}
  .ds-box14 .ds14-content{gap: 12px;flex-direction: column;}
  .ds-box14 .ds14-item-left{gap: 20px;}
  .ds-box14 .ds14-footer-btn{width: 40px;height: 40px;}
  .ds-box14 .ds14-footer-btn svg{width: 15px;height: 15px;}
  
  /* ds-box15 */
  .ds-box15{padding: 38px 0 48px;}
  .ds-box15 .ds15-content{padding: 24px 18px 20px;gap: 30px;}
  .ds-box15 .ds15-contact{gap: 30px;margin-top: 28px;flex-wrap: wrap;}
  .ds-box15 .ds15-phone{margin-top: 12px;}
  .ds-box15 .ds15-addr{margin-top: 22px;}
  .ds-box15 .ds15-code{width: 100px;height: 100px;margin-bottom: 6px;}
  .ds-box15 .ds15-code-box{gap: 20px;flex-wrap: wrap;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 48px;}
  .ds-box16 .ds16-desc{margin-top: 10px;}
  .ds-box16 .ds16-form{margin-top: 24px;}
  .ds-box16 .ds16-form-top{gap: 6px;flex-wrap: wrap;}
  .ds-box16 .ds16-input{height: 50px;padding: 0 12px;width: 100%;}
  .ds-box16 .ds16-input-bt{width: 14px;height: 14px;}
  .ds-box16 .ds16-bottom{margin-top: 10px;gap:1%;height: auto;flex-wrap: wrap;}
  .ds16-bottom .ds16-input{width: 72.5%;height: 50px !important;}
  .ds16-bottom .ds16-yzm{width:26%;height: 50px;}
  .ds-box16  .ds16-bottom-btn{margin-left: 0;margin-top: 10px;width: 100%;height: 50px;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 40px;}
  .ds-box17 .ds4-list{gap: 12px 2%;flex-wrap: wrap;}
  
  /* ds-box19 */
  .ds-box19{padding: 24px 0 26px;}
  .ds-box19 .ds19-content{padding: 0 12px;border-radius: 6px;}
  .ds-box19 .ds19-item{padding: 16px 0;gap: 18px;flex-wrap: wrap;}
  .ds-box19 .ds19-item-title{width: 100%;min-width: 70px;}
  .ds-box19  .ds19-select ul{gap: 18px;flex-wrap: wrap;}
  
  /* xp-box18 */
  .xp-box18{padding: 36px 0 52px;gap: 28px;}
  .xp18-content{padding: 20px 8px 24px;}
  .xp-box18 .xp18-title{padding-bottom: 18px;margin-bottom: 16px;}
  .xp-box18 .xp18-date{margin-top: 16px;gap: 8px;flex-wrap: wrap;}
  .xp-box18 .xp18-label{margin-top: 24px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 5px;margin-left: 5px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 2px 5px;border-radius: 3px;}
  .xp-box18 .xp-next{margin-top: 16px;}
  .xp-box18 .xp-next-item{padding: 8px;margin-bottom: 7px;border-radius: 3px;}
  .xp-box18 .xp-next-item a{padding: 0 5px;}
  .xp-box18 .xp18-right-content{margin-bottom: 14px;border-radius: 5px;}
  .xp-box18 .xp18-right-title{padding: 12px 7px 10px;}
  .xp-box18 .xp18-right-list{padding: 0 7px;min-height: 200px;}
  .xp-box18 .xp18-right-item{padding: 8px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 7px;}
  .xp-box18 .xp18-right-list2{padding: 7px 8px 14px;}
  
  /* related-section */
  .related-section{padding: 45px 0 40px;}
  .related-header{margin-bottom: 24px;}
  .related-header h2{margin: 0 0 14px;}
  .related-grid{gap: 12px !important;flex-wrap: wrap;}
  .related-grid .product-card{width: 100% !important;}
  .products-grid .product-card .card-image{height: 132px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 36px;height: 36px;border-width: 1px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 11px;height: 11px;}
  .related-section .ds-box17 .ds4-list-item{width: calc(50% - 6px);}

   .ds-box18 .ds4-list-item .ds4-img{height: 172px;}

   .product-detail{padding: 19px 0 0;}
  .detail-container{gap: 21px;}
  .detail-images{width: 100%;flex-shrink: 0;gap: 10px;}
  .detail-images .main-image{height: 244px;}
  .detail-images .thumbnails{gap: 10px;padding: 4px 0 6px;height: 244px;}
  .detail-images .thumbnail-icon{width: 10px;height: 10px;}
  .detail-images .thumbnail-item{gap: 10px;}
  .detail-info{width: 100%;padding: 22px 19px 26px;border-radius: 6px;}
  .detail-info .product-title{margin-bottom: 13px;padding-bottom: 12px;}
  .detail-info .product-desc{margin-bottom: 28px;}
  .detail-info .contact-info{gap: 5px;margin-bottom: 16px;}
  .detail-info .contact-item{gap: 5px;}
  .detail-info .contact-item-icon{width: 16px;height: 16px;}
  .detail-info .action-buttons{gap: 7px;margin-bottom: 12px;}
  .detail-info .action-buttons .btn{gap: 6px;padding: 6px;border-radius: 2px;}
  .detail-info .product-labels{gap: 4px;margin-top: 4px;}
  .detail-info .product-labels .label{padding: 2px 8px;border-radius: 2px;}
  .detail-content{padding: 22px 0 0;gap: 19px;}
  .detail-section{border-radius: 7px;}
  .detail-section .section-header{padding: 14px 10px 10px;}
  .detail-table{padding: 9px;}
  .detail-table th,.detail-table td{padding: 6px 6px;}
  .sidebar-section{border-radius: 5px;}
  .sidebar-section .solution-list{padding: 7px 6px 14px;}
  .quote-section{padding: 38px 0 0;}
  .quote-title{margin: 0 0 14px;}
  .inquiry-section{padding: 19px 0 46px;}
  .inquiry-header .xp14-tips{margin-top: 13px;}
  .inquiry-form .form-row{gap: 8px;margin-bottom: 8px;}
  .inquiry-table-section{border-radius: 4px;}
  .inquiry-table th:nth-child(2),.inquiry-table td:nth-child(2){display: none;}
  .inquiry-table th{padding: 7px;width: 50%;}
  .inquiry-table td{width: 50%;}
  .inquiry-table thead{border-bottom: 1px solid #eee;}
  .add-row{padding: 7px;}
  .add-row .btn-add{padding: 4px 8px;border-radius: 3px;}
  .quote-desc{margin: 0 0 19px;}
  .quote-form{gap: 7px; margin-top: 25px;}
  .quote-form .form-row{flex-direction: column;gap: 7px;}
  .quote-form .form-input{width: 100%;height: 34px;padding: 0 7px;border-radius: 4px;}
  .quote-form .captcha{width: 100%;min-width: 100%;}
  .quote-form .captcha-img{width: 100%;min-width: 100%;border-radius: 4px;}
  .quote-form .form-textarea{height: 106px;padding: 13px 8px;border-radius: 4px;}
  .quote-form .btn-submit{padding: 6px;border-radius: 4px;}
  .related-section{padding: 59px 0 48px;}
  .related-header{margin-bottom: 17px;}
  .related-header h2{margin: 0 0 9px;}
  .related-grid .product-card{width: 100% !important;}
  .products-grid .product-card .card-image{height: 380px !important;}
  .products-container{gap: 16px;padding: 24px 0 40px;}
  .products-sidebar .sidebar-title{padding: 11px 8px;border-radius: 6px 6px 0 0;}
  .products-sidebar .sidebar-nav{padding: 3px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 11px;height: 11px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding-right: 14px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 16px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 8px 8px;}
  .products-sidebar .sidebar-contact{margin-top: 11px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 7px;padding: 0 10px 14px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 10px 11px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 7px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 7px;}
  .products-content .content-header{margin-bottom: 14px;padding-bottom: 10px;}
  .products-grid{gap: 12px;}
  .products-grid .product-card{width: 100%;padding: 12px 10px 15px;border-radius: 6px;}
  .products-grid .product-card .card-image{height: 380px;}
  .products-grid .product-card .card-title{padding: 11px;}
  .products-grid .product-card .card-actions{padding: 7px 10px;gap: 6px;}
  .products-grid .product-card .card-actions .btn{padding: 6px 7px;}
  .xp-box15 .xp15-left div{width: 87px;height: 42px;line-height: 42px;}

  .inquiry-header .xp14-tips{margin-top: 11px;}
  .inquiry-form .form-row{gap: 6px;margin-bottom: 6px;}
  .inquiry-table-section{border-radius: 4px;}
  .inquiry-table th:nth-child(2),.inquiry-table td:nth-child(2){display: none;}
  .inquiry-table th{padding: 6px;width: 50%;}
  .inquiry-table td{width: 50%;}
  .add-row{padding: 6px;}
  .add-row .btn-add{padding: 3px 6px;border-radius: 2px;}
}


@media (max-width: 430px) {
  header .wid-14_5{width: 36%;}
  header .pc-nav .pc-logo{width:58.492%;}
  
  /* footer */
  footer{padding: 15px 0 6px;}
  footer .f-top{margin-top: 10px;padding-top: 10px;gap: 18px;}
  footer .f-logo{width: 120px;margin-bottom: 10px;width: 100% !important;min-width: 100%;}
  footer .f-title{margin-bottom: 10px !important;}
  footer .f-nav ul li{margin-bottom: 5px;}
  footer .f-qrcode-box{width: 50px;margin-bottom: 8px;}
  footer .f-qrcode{width: 50px;height: 50px;}
  footer .f-content{width: 100px;height: 100px;}
  footer .f-bottom{gap: 8px;padding-top: 6px;}
  
  /* ds-box1 */
  .ds-box1{height: 320px;}
  .ds-box1 .swiper-slide-content{padding: 12px;}
  .ds-box1 .swiper-slide-content-tips{padding: 2px 3px;margin-bottom: 8px;font-size:14.8px;}
  .ds-box1 .swiper-slide-content-desc{font-size:22px;}
  .ds-box1 .swiper-bottom{bottom: 26px;right: 8px;gap: 6px;}
  .ds-box1 .swiper-nav-btn{width: 20px;height: 20px;min-width: 20px;}
  .swiper-nav-btn svg{width: 9px;height: 9px;}
  
  /* ds-box2 */
  .ds-box2{padding: 36px 0 26px;}
  .ds-box2 .ds2-list{margin-top: 22px;gap: 6px;}
  .ds-box2 .ds2-item{padding: 24px 12px;width: 100%;min-height: 240px;}
  .ds-box2 .ds2-item-desc{margin-top: 10px;}
  .ds2-btn{padding: 7px 6px;margin-right: 10px;}
   /* .ds-box2  .ds2-title-box{flex-direction: column;gap: 20px;} */
   .ds-box2 .ds2-item-img {width: 46%;}
  .ds2-desc{margin-top: 10px;}
  .ds-box2 .ds2-title-box{flex-direction: column;align-items: flex-start; gap: 20px;}
  /* ds-box3 */
  .ds-box3{padding: 30px 0 14px;gap: 16px;}
  .ds-box3 .ds3-info{gap: 16px;margin-top: 28px;}
  .ds-box3 .ds3-info-item{width: 100%;}
  .ds-box3 .ds3-info-item-icon{width: 20px;height: 20px;margin-right: 4px;}
  .ds-box3 .ds3-right-item{padding: 14px 14px 10px;margin-bottom: 14px;}
  .ds-box3 .ds3-right-item-icon{width: 30px;height: 30px;}
  .ds-box3 .ds3-right-item-title{margin: 6px 0 12px;}
  .ds-box3 .ds3-btn{margin-top: 20px;}
  
  /* ds-box4 */
  .ds-box4{padding: 28px 0 22px;}
  .ds-box4 .ds4-tab{margin-top: 24px;gap:8px;}
  .ds-box4 .ds4-tab div{min-width: 100px;height: 32px;line-height: 32px;padding: 0 14px;}
  .ds-box4 .ds4-content{margin-top: 24px;padding-bottom: 0 !important;overflow: visible;}
  .ds-box4 .ds4-list{flex-wrap: wrap;}
  .ds-box4 .ds4-list-item{width: 100%;}
  .ds-box4 .ds4-info{padding: 12px 10px 14px;height: auto;}
  .ds-box4 .ds4-addr{margin-top: 6px;margin-bottom: 3px;}
  .ds-box4 .ds4-btn{width: 48.5%;padding: 8px 14px;}
  .ds-box4 .ds4-pagination{display: none;}
  .ds-box4 .swiper-wrapper{transform: none !important;display: block;}
  .ds-box4 .ds4-pagination .swiper-pagination-bullet{width: 28px;height: 4px;}
  .ds-box4 .ds4-list-item {width: 100%;}
  .ds-box4 .ds4-list-item .ds4-img{height: 235px;}
  /* ds-box5 */
 .ds-box5 .ds5-content{padding-bottom: 16px;}
  .ds-box5 .ds5-item{width: 140px;min-width: 140px;height:51px;}
  
  /* ds-box6 */
  .ds-box6 img{max-height: 120px;}
  
  /* ds-box7 */
  .ds-box7{padding: 30px 0 24px;}
  .ds-box7 .ds7-year-box{margin-top: 20px;text-align: center;}
  .ds-box7 .ds7-year{font-size: 42px;margin-right: 3px;}
  .ds-box7 .ds7-text{margin-top: 18px;}
  .ds-box7 .ds7-data{margin-top: 14px;padding-top: 14px;flex-wrap: wrap;justify-content: center;gap: 22px 6%;}
  .ds-box7 .ds7-btn{padding: 7px 14px;margin-top: 18px;margin-left: auto;margin-right: auto;}
  
  /* xp-box20 */
  .xp-box20{padding-bottom: 40px;}
  .xp-box20 .xp20-item{height: 95px;border-radius: 5px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
.xp-box20 .xp20-item-sj{height: 159px;}
  
  /* ds-box8 */
  .ds-box8{padding-bottom: 40px;}
  .ds-box8 .ds8-tab{justify-content: center;}
  .ds-box8 .ds8-content{padding-top: 26px;gap: 22px;}
  .ds-box8 .ds8-list{gap: 12px;flex-direction: column;}
  .ds-box8 .ds8-list-item{padding: 18px 10px 10px;width: 100%;}
  .ds-box8 .ds8-list-item-title{margin: 10px 0;}
  .ds-box8 .ds8-list-item-btn{width: 26px;height: 26px;padding: 3px;}
  .ds-box8 .ds8-list-item-num{margin-left: 5px !important;margin-top: -2px;}
  .ds-box8 .ds8-more{margin-top: 28px;padding: 7px 14px;gap: 12px;}
  .ds-box8 .ds8-more-svg {width: 25px; height: 25px; padding: 4px;}
  .ds-box8 .ds8-list-item-desc{height: auto;max-height:250px;}
  .ds8-list-item-num-box{display: flex;}
  .ds-box8 .ds8-more:hover{transform: translateY(0px);box-shadow: none;}
.ds-box8 .ds8-more:hover::before{width: 0px;height: 0px;}
  
  
  /* ds-box9 */
  .ds-box9 .ds7-top .ds7-text2{margin-top: 10px;}
  
  /* xp-box3 */
  .xp-box3 .xp3-item{width: 100%;height: 220px;border-radius: 10px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-list-item{padding: 20px 0;}
  
  /* xp-box23 */
  .xp-box23{padding: 40px 0 55px;}
  .xp-box23 .xp23-list{gap: 10px 2%;}
  .xp-box23 .xp23-item{height: 43px;}
  
  /* ds-box11 */
  .ds-box11{padding-bottom: 65px;gap: 30px;}
  .ds-box11 .ds11-content{gap: 30px;}
  .ds-box11 .ds11-content-title{margin-bottom: 32px;}
  
  .xp-box3 .xp3-list{flex-direction: column;gap: 10px;}
  .xp-box3  .xp3-nav{display: none;}
  
  /* xp-box15 */
  .xp-box15 .xp15-left div{width: 80px;height: 36px;line-height: 36px;}
  
  /* ds-box10 */
  .ds-box10{padding: 45px 0;}
  .ds-box10 .xp20-desc{margin-top: 10px;margin-bottom: 26px;}
  
  /* xp-box23 */
  .xp-box23 .xp23-swiper{margin-top: 40px;}
  .xp-box23 .xp23-swiper .swiper-wrapper{padding-bottom: 18px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 20px;height: 3px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 28px;}
  
  /* ds-box11 */
  .ds-box11 .ds11-tab-btn{width: 22px;height: 22px;}
  .ds-box11 .ds11-list{margin-top: 35px;}
  .xp-box24{padding: 35px 0 38px;}
  .xp-box24 .xp24-back{display: none;}
  .xp-box24 .xp24-info-text{margin-top: 12px;}
  .xp-box24 .xp24-list{margin-top: 28px;}
  .xp-box24 .xp24-list-title{padding: 12px 16px;}
  .xp-box24 .xp24-list ul li{margin-top: 6px;padding: 0px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2{padding: 12px 16px;}
  .xp-box24 .xp24-list ul li .xp24-list-title2-icon{width: 16px !important;height: 16px;}

  
  /* ds-box12 */
  .ds-box12{gap: 16px;padding-bottom: 40px;}
  .ds-box12 .ds12-item{width: 100%;padding: 12px 10px 16px;}
  .ds-box12 .ds12-item-img{width: 45px;}
  .ds-box12 .ds12-item-title{margin: 10px 0;}
  
  /* ds-box13 */
  .ds-box13{padding: 35px 0 25px;}
  .ds-box13 .ds13-swiper .ds13-slider-img{width: 100%;height: 194px;}
  .ds-box13 .ds13-swiper .ds13-slider-info{width: 100%;height: auto;padding: 16px;}
  .ds-box13 .ds13-slider-info-top{gap: 6px;}
  .ds-box13 .ds13-slider-footer-left{gap: 3px;}
  .ds-box13 .ds13-slider-footer-btn{height: 17px;width: 17px;}
  .ds-box13 .ds13-slider-footer-btn svg{width: 7px;height: 7px;}
  .ds-box13 .ds13-pagination{bottom:20px !important;padding-right: 12px;}
  .ds-box13 .ds13-pagination .ds13-bullet{width: 6px;height: 6px;}
  .ds13-slider-label{gap: 5px;}
  .ds-box13 .ds13-swiper .ds13-slider-footer{margin-top: 20px;}
  
  /* ds-box14 */
  .ds-box14{padding-bottom: 35px;}
  .ds-box14 .ds14-item{padding: 18px 14px 18px 12px;margin-bottom: 14px;align-items: flex-end;flex-direction: column;}
  .ds-box14 .ds14-content{gap: 10px;flex-direction: column;}
  .ds-box14 .ds14-item-left{width: 100%;gap: 14px;}
  .ds-box14 .ds14-footer-btn{width: 36px;height: 36px;}
  .ds-box14 .ds14-footer-btn svg{width: 13px;height: 13px;}
  
  /* ds-box15 */
  .ds-box15{padding: 32px 0 40px;}
  .ds-box15 .ds15-content{padding: 20px 14px 16px;gap: 24px;}
  .ds-box15 .ds15-contact{gap: 24px;margin-top: 22px;flex-wrap: wrap;}
  .ds-box15 .ds15-phone{margin-top: 10px;}
  .ds-box15 .ds15-addr{margin-top: 18px;}
  .ds-box15 .ds15-code{width: 90px;height: 90px;margin-bottom: 5px;}
  .ds-box15 .ds15-code-box{gap: 16px;flex-wrap: wrap;}
  
  /* ds-box16 */
  .ds-box16{padding-bottom: 40px;}
  .ds-box16 .ds16-desc{margin-top: 8px;}
  .ds-box16 .ds16-form{margin-top: 20px;}
  .ds-box16 .ds16-form-top{gap: 5px;flex-wrap: wrap;}
  .ds-box16 .ds16-input{height: 44px;padding: 0 10px;width: 100%;}
  .ds-box16 .ds16-input-bt{width: 12px;height: 12px;top: 5px;left: -1px;}
  .ds-box16 .ds16-bottom{margin-top: 10px;gap:2%;height: auto;flex-wrap: wrap;}
  .ds16-bottom .ds16-input{height: 44px !important;width: 65.5%;}
  .ds16-bottom .ds16-yzm{height: 44px;width: 32%;}
  .ds-box16  .ds16-bottom-btn{margin-left: 0;margin-top: 10px;width: 100%;height: 44px;}
  
  /* ds-box17 */
  .ds-box17{padding-bottom: 32px;}
  .ds-box17 .ds4-list{gap: 10px;flex-wrap: wrap;}
  .ds-box17 .ds4-list-item{width: 100%;}
  
  /* xp-box18 */
  .xp-box18{padding: 30px 0 44px;gap: 22px;}
  .xp18-content{padding: 16px 6px 20px;}
  .xp-box18 .xp18-title{padding-bottom: 14px;margin-bottom: 14px;}
  .xp-box18 .xp18-date{margin-top: 14px;gap: 6px;}
  .xp-box18 .xp18-label{margin-top: 20px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 4px;margin-left: 4px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 2px 4px;border-radius: 2px;font-size: 12px;}
  .xp-box18 .xp-next{margin-top: 14px;}
  .xp-box18 .xp-next-item{padding: 7px;margin-bottom: 6px;border-radius: 2px;}
  .xp-box18 .xp-next-item a{padding: 0 4px;}
  .xp-box18 .xp18-right-content{margin-bottom: 12px;border-radius: 4px;}
  .xp-box18 .xp18-right-title{padding: 10px 6px 8px;}
  .xp-box18 .xp18-right-list{padding: 0 6px;min-height: 160px;}
  .xp-box18 .xp18-right-item{padding: 6px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 6px;}
  .xp-box18 .xp18-right-list2{padding: 6px 7px 12px;}
  
  
  /* ds-box19 */
  .ds-box19{padding: 20px 0 22px;}
  .ds-box19 .ds19-content{padding: 0 10px;border-radius: 5px;}
  .ds-box19 .ds19-item{padding: 14px 0;gap: 16px;flex-wrap: wrap;}
  .ds-box19 .ds19-item-title{width: 100%;min-width: 60px;}
  .ds-box19  .ds19-select ul{gap: 14px;flex-wrap: wrap;}
  
  /* related-section */
  .related-section{padding: 38px 0 34px;}
  .related-header{margin-bottom: 20px;}
  .related-header h2{margin: 0 0 12px;}
  .related-grid{gap: 10px !important;flex-wrap: wrap;}
  .related-grid .product-card{width: 100% !important;}
  .products-grid .product-card .card-image{height: 118px;}
  .related-section .xp6-nav-prev, .related-section .xp6-nav-next{width: 32px;height: 32px;border-width: 1px;}
  .related-section .xp6-nav-prev svg, .related-section .xp6-nav-next svg{width: 10px;height: 10px;}
  .related-section .ds-box17 .ds4-list-item{width: 100%;}

   .ds-box18 .ds4-list-item .ds4-img{height: 251px;}

   .product-detail{padding: 15px 0 0;}
  .detail-container{gap: 17px;}
  .detail-images{width: 100%;flex-shrink: 0;gap: 8px;}
  .detail-images .main-image{height: 198px;}
  .detail-images .thumbnails{gap: 8px;padding: 3px 0 5px;height: 198px;}
  .detail-images .thumbnail-icon{width: 8px;height: 8px;}
  .detail-images .thumbnail-item{gap: 8px;}
  .detail-info{width: 100%;padding: 18px 15px 21px;border-radius: 5px;}
  .detail-info .product-title{margin-bottom: 11px;padding-bottom: 10px;}
  .detail-info .product-desc{margin-bottom: 23px;}
  .detail-info .contact-info{gap: 4px;margin-bottom: 13px;}
  .detail-info .contact-item{gap: 4px;}
  .detail-info .action-buttons{gap: 6px;margin-bottom: 11px;}
  .detail-info .action-buttons .btn{gap: 5px;padding: 5px;border-radius: 2px;}
  .detail-info .product-labels{gap: 3px;margin-top: 4px;}
  .detail-info .product-labels .label{padding: 2px 6px;border-radius: 1px;}
  .detail-section{border-radius: 6px;}
  .detail-section .section-header{padding: 11px 8px 8px;}
  .detail-table{padding: 7px;}
  .detail-table th,.detail-table td{padding: 5px 5px;}
  .sidebar-section{border-radius: 4px;}
  .sidebar-section .solution-list{padding: 6px 5px 12px;}
  .quote-section{padding: 31px 0 0;}
  .quote-title{margin: 0 0 11px;}
  .quote-desc{margin: 0 0 15px;}
  .quote-form{gap: 6px; margin-top: 20px;}
  .quote-form .form-textarea{height: 86px;padding: 10px 7px;border-radius: 3px;}
  .quote-form .btn-submit{padding: 5px;border-radius: 3px;}
  .related-section{padding: 48px 0 39px;}
  .related-header{margin-bottom: 14px;}
  .related-header h2{margin: 0 0 7px;}
  .products-grid .product-card .card-image{height: 146px;}
  .products-container{gap: 13px;padding: 20px 0 32px;}
  .products-sidebar .sidebar-title{padding: 9px 7px;border-radius: 5px 5px 0 0;}
  .products-sidebar .sidebar-nav{padding: 2px 0;}
  .products-sidebar .sidebar-nav .nav-item .nav-icon{width: 9px;height: 9px;}
  .products-sidebar .sidebar-nav .nav-item > a{padding-right: 11px;}
  .products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a{padding-left: 13px;}
  .products-sidebar .sidebar-nav .sub-nav li{padding: 7px 7px;}
  .products-sidebar .sidebar-contact{margin-top: 9px;}
  .products-sidebar .sidebar-contact .contact-info{gap: 6px;padding: 0 8px 11px;}
  .products-sidebar .sidebar-contact .contact-item{padding: 8px 9px;}
  .products-sidebar .sidebar-contact .contact-item .contact-email{margin-top: 6px;}
  .products-sidebar .sidebar-contact .contact-item .contact-address{margin-top: 6px;}
  .products-content .content-header{margin-bottom: 11px;padding-bottom: 8px;}
  .products-grid{gap: 10px;}
  .products-grid .product-card{width: 100%;padding: 10px 8px 12px;border-radius: 5px;}
  .products-grid .product-card .card-image{height: 259px;}
  .products-grid .product-card .card-title{padding: 9px;}
  .products-grid .product-card .card-actions{padding: 5px 8px;gap: 5px;}
  .products-grid .product-card .card-actions .btn{padding: 5px 6px;}
  .products-grid .product-card .card-image{height: 259px !important;}
 
  .inquiry-header .xp14-tips{margin-top: 11px;}
  .inquiry-form .form-row{gap: 6px;margin-bottom: 6px;}
  .inquiry-table-section{border-radius: 4px;}
  .inquiry-table th:nth-child(2),.inquiry-table td:nth-child(2){display: none;}
  .inquiry-table th{padding: 6px;width: 50%;}
  .inquiry-table td{width: 50%;}
  .add-row{padding: 6px;}
  .add-row .btn-add{padding: 3px 6px;border-radius: 2px;}
  .xp-box8 h3 { font-size: 21.9px;}
  .ds-box6{display:none;}
}