@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%;}
main{width: 100%;overflow: hidden;}
/* 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-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-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: #094698;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 25px;}
.c-999{color: #999;}
.c-333{color: #333;}
.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%;;}
.wh-nowrap{white-space: nowrap;}

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

button{border: none; background: transparent;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;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: 8.334% !important;padding-right: 8.334% !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,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-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-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;
  }
  
.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-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;
  }
  
  .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-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-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}
} */


/* 分页 */
 .pagination {display: flex;list-style: none; padding: 0;margin: 84px 0 20px;gap: 8px;justify-content: center; }
 .pagination li {width: 40px;height: 40px;text-align:center;line-height:40px;border-radius: 5px;cursor: pointer;color: #333;transition: all 0.2s ease;margin: 0 5px;}
 .pagination li:first-child ,.pagination li:last-child{background-color: white;}
  .pagination li a:hover{color: #fff;}
  .pagination li:hover:not(.disabled):not(.active) { background-color: #094698;color: #fff;border-color: #094698;transform: translateY(-2px);}
.pagination .active {color: #fff;border-color: #094698;cursor: default;background-color: #094698;}
.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: 10px 4.532% 14px;display: flex;align-items: center;transition: background 0.3s ease;border-bottom: 1px solid rgba(255, 255, 255, 0.35);z-index:800000;}
header.scrolled {background: #094698;border-bottom: 1px solid rgba(0, 0, 0, 0.2);}
/*header.scrolled {background: #fff;color: #000;}*/
/*header.scrolled  .pc-nav .main-nav .nav-item > a{color: #000;}*/
/*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: #094698;*/
/*}*/
/*header.scrolled  .pc-right{color: #000;}*/
/*header.scrolled .pc-nav .pc-search { border-left: 1px solid #00000023;border-right: 1px solid #00000023;}*/
/*header.scrolled .pc-nav .pc-search:hover{color:#094698;}*/
header .pc-nav .pc-search:hover{color:#fff;}

/* 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: 5.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 .pc-search{border-left: 1px solid #FFFFFF23;padding: 0 35px;height: 100%;border-right: 1px solid #FFFFFF23;}
header .pc-nav .pc-search2{border-left: none !important;}
header .pc-nav .pc-search svg{width: 30px;}
header .pc-nav .pc-right{margin-left: 4.085%;}
header .pc-nav .pc-phone{padding-right: 0;}
header .pc-nav .pc-phone:hover{color: white;}
header .pc-nav .pc-phone-btn{margin-top: 9px;}
/* 邮箱悬浮显示 */
header .pc-search { position:relative; }
header .pc-search .p-email { 
    position:absolute; top:100%; left:50%; transform:translateX(-50%); 
    white-space:nowrap; padding:6px 12px; margin-top:8px;
    background:#fff; color:#0d317c; border-radius:6px;
    opacity:0; visibility:hidden; transition:all 0.25s ease;
}
header .pc-search:hover .p-email { opacity:1; visibility:visible; }

/* 语言下拉框 */
header .pc-phone { position:relative; cursor:pointer; }
header  .lang-dropdown { 
    position:absolute; top:100%; left:-200%; margin-top:8px;
    width:100px; background:#fff; border-radius:6px;color: #000 !important;
    opacity:0; visibility:hidden; transition:all 0.25s ease;overflow: hidden;
}
header .pc-phone:hover .lang-dropdown { opacity:1; visibility:visible; }
header .pc-phone .lang-dropdown a {
    display:block; padding:8px 12px; color:#000 !important; text-align:center;
}
header  .lang-dropdown a:hover { background:#0056b3;color:#fff !important; }

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

header .pc-nav .main-nav .nav-item {
  position: relative;
  padding: 8px 0;
}
header .pc-nav .main-nav .nav-item-active a{
 font-weight:600 !important;
}
header.scrolled .pc-nav .main-nav .nav-item-active a{
 color:#fff;
}
header.scrolled .pc-nav .main-nav .sub-nav  a{
 /*background: #094698;*/
  font-weight:500 !important;
  color: #000;
}

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: -100%;
  left: 0;
  width: 100%;
  height: calc(100% - 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;
}
.header-place{margin-top:60px;}

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

.xp-box1{height: 1074.1px;width: 100%;overflow: hidden;position: relative;}
.xp-box1 .swiper-container{height: 100%;}
.xp-box1 .swiper-wrapper{height: 100%;}
.xp-box1 .swiper-slide{height: 100%;}
.xp-box1 .swiper-pagination-bullet{width: 8.5px;height: 8.5px;background: rgba(255, 255, 255, 1);border-radius: 50%;margin: 0 9px !important;transition: all 0.4s ease;border: none;opacity: 1;}
.xp-box1 .swiper-pagination-bullet-active{width: 22px;height: 22px;background: transparent;border: 1px solid #fff;border-radius: 50%;position: relative;}
.xp-box1 .swiper-pagination-bullet-active::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 8.5px;height: 8.5px;background: #fff;border-radius: 50%;}
.xp-box1 .swiper-pagination{bottom: 57px !important;}

.xp-box2{padding-top: 110px;}
.xp-box2 .xp2-content{gap: 135px;position: relative;z-index: 10;}
.xp-box2 .xp2-title span{color: #0151A6;}
.xp-box2 .xp2-tips{color: #333333;margin-top: 30px;}
.xp-box2 .xp2-more{height: 67px;background: #094698;border-radius: 34px;margin-top: 42px;padding: 0 53px 0 41px;display: inline-flex;gap: 38px;color: white;}
.xp-box2 .xp2-more .xp2-icon{width: 22px;height: 16px;}
.xp-box2 .xp2-text{margin-top: 40px;color: #C3C3C3;margin-left: 5px;}
.xp-box2 .xp2-number{position: relative;}
.xp-box2 .xp2-unit{position: absolute;top: -12px;right: -24px;}
.xp-box2 .xp2-item{border-bottom: 1px solid #BFBFBF;padding-bottom: 70px;margin-bottom: 114px;}
.xp-box2 .xp2-item:last-child{border-bottom: none;margin-bottom: 0;}
.xp-box2 .xp2-back{margin-top: -348px;}
/* 动效基础样式 */
.xp-box2 .xp-animate-item{opacity:0;transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);}
.xp-box2.xp-animate-section.animate .xp-animate-item{opacity:1;transform:translateY(0);}
.xp-box2.xp-animate-section.animate .xp-animate-item:nth-child(2){transition-delay:0.2s;}
.xp-box2 .xp-number{transition:all 0.3s ease;}
.xp-box2 .xp-hover-item{transition:all 0.4s cubic-bezier(0.25,1,0.5,1);cursor:pointer;}
.xp-box2 .xp-hover-item:hover{transform:translateY(-6px) scale(1.02);border-color:#0151A6 !important;}
.xp-box2 .xp-hover-item:hover .xp-number{color:#0151A6;}
.xp-box2 .xp-hover-item:hover .xp-number{color:#0151A6;}
.xp-box2 .xp2-more .xp2-icon { transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);transform: translateX(0);}
.xp-box2 .xp2-more {transition: all 0.32s cubic-bezier(0.25, 0.1, 0.25, 1); position: relative; cursor: pointer;}
.xp-box2 .xp2-more:hover {background: #073a7a;}
/* 更多按钮箭头动效 */
.xp-box2 .xp2-more .xp2-icon{animation:arrowPulse 1.5s ease-in-out infinite;}
@keyframes arrowPulse{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}


.xp-box3{padding: 96px 0 114px;}
.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{margin-top: 50px;overflow: hidden;position: relative;height: 500px;}
.xp-box3 .xp3-list-wrapper{overflow-x: hidden;overflow-y: inherit;width: 100%;padding: 30px;}
.xp-box3 .xp3-list{display: flex;gap: 16px;transition: transform 0.3s ease;align-items: flex-start;align-items: center;}
.xp-box3 .xp3-item{flex-shrink: 0;width: 477px;height: 354px; border-radius: 12px;overflow: hidden;box-shadow: 0 4px 12px rgba(0,0,0,0.1);position: relative;}
.xp-box3 .xp3-item img{width: 100%;height: 100%;object-fit: cover;}
.xp-box3 .xp3-item-tall{margin-top: -80px;}
.xp-box3 .xp3-item-short{margin-top: 80px;}
.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;}
.xp-box3 .xp3-nav-btn{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #E0E0E0;background: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s ease;}
.xp-box3 .xp3-nav-btn:hover{border-color: #094698;background: #f0f5ff;}
.xp-box3 .xp3-nav-btn svg{width: 25px;height: 25px;}
.xp-box3 .xp3-progress{flex: 1;max-width: 670px; height: 5px;background: #E8E8E8; border-radius: 2px;overflow: hidden;}
.xp3-progress-bar{height: 100%;background: #094698;border-radius: 20px;transition: width 0.3s ease;}

/* 列表切换 */
.xp-box3 .xp3-list{ display: none;}
.xp-box3  .active{display: flex;}
/* 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(-8px) 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;}

.xp-box4{background-image: url('../images/slzs.png');color: white;padding: 90px 0;min-height: 942px;background-size: cover;box-sizing: border-box;}
.xp-box4 .xp4-tips{margin-top: 0px !important;}
.xp-box4 .xp4-list{margin-top: 90px;gap: 60px  12.87%;}
.xp-box4 .xp4-item{border-radius: 10px;border: 1px dashed #FFFFFF36;padding: 34px 50px 41px;width: 24.75%;opacity:0;transform:translateY(30px);transition:all 0.6s cubic-bezier(0.25,1,0.5,1);cursor:pointer;position:relative;overflow:hidden;}
.xp-box4 .xp4-item-icon{width: 70px;height: 70px;margin: 0 auto 33px;transition:transform 0.4s cubic-bezier(0.25,1,0.5,1);}
/* xp-box4 动画效果 */
.xp-box4.xp-animate-section .xp-animate-item{opacity:0;transform:translateY(50px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box4.xp-animate-section.animate .xp-animate-item{opacity:1;transform:translateY(0);}
.xp-box4.xp-animate-section.animate .xp-animate-item:nth-child(2){transition-delay:0.15s;}
/* 6个卡片依次出现 */
.xp-box4.xp-animate-section.animate .xp4-item{opacity:1;transform:translateY(0);}
.xp-box4.xp-animate-section.animate .xp4-item:nth-child(1){transition-delay:0.3s;}
.xp-box4.xp-animate-section.animate .xp4-item:nth-child(2){transition-delay:0.4s;}
.xp-box4.xp-animate-section.animate .xp4-item:nth-child(3){transition-delay:0.5s;}
.xp-box4.xp-animate-section.animate .xp4-item:nth-child(4){transition-delay:0.6s;}
.xp-box4.xp-animate-section.animate .xp4-item:nth-child(5){transition-delay:0.7s;}
.xp-box4.xp-animate-section.animate .xp4-item:nth-child(6){transition-delay:0.8s;}
/* 卡片悬停效果 */
.xp-box4 .xp4-item::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s;}
.xp-box4 .xp4-item:hover{transform:translateY(-8px);border-color:rgba(255,255,255,0.6);box-shadow:0 20px 40px rgba(0,0,0,0.3);}
.xp-box4 .xp4-item:hover::before{left:100%;}
.xp-box4 .xp4-item:hover .xp4-item-title{color:rgba(255,255,255,0.95);}


.xp-box5{padding: 124px 0 107px;overflow: hidden;}
.xp5-swiper-container{position: relative;margin-top: 90px;overflow: visible;width: 105%;margin-left: -2.5%;margin-right: -2.5%;}
.xp5-swiper-container .swiper-wrapper{display: flex;align-items: center;}
.xp5-swiper-container .swiper-slide{width: 55%;opacity: 0.6;transform: scale(0.9);transition: all 0.4s ease;}
.xp5-swiper-container .swiper-slide-active{width: 58%;opacity: 1;transform: scale(1);}
.xp5-slide-content{border-radius: 16px;overflow: hidden;box-shadow: 0 8px 32px rgba(0,0,0,0.15);position: relative;}
.xp5-slide-content img{width: 100%;height: 655px;object-fit: cover;}
.xp5-slide-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 34px 43px;text-align: start;}
.xp5-nav-prev, .xp5-nav-next{position: absolute;top: 50%;transform: translateY(-50%);width: 57px;height: 57px;border-radius: 50%;background: #fff;border: 1px solid #E0E0E0;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 100;transition: all 0.3s ease;color: #333;}
.xp5-nav-prev:hover, .xp5-nav-next:hover{background: #094698;color: #fff;border-color: #094698;}
.xp5-nav-prev{left: calc(21.5% - 26px);}
.xp5-nav-next{right: calc(21.5% - 26px);}
.xp5-nav-prev svg, .xp5-nav-next svg{width: 20px;height: 20px;}
.xp5-more-btn{background: #094698;color: #fff;border: none;padding: 8px 8px 8px 21px;border-radius: 60px;cursor: pointer;transition: all 0.3s ease;margin-top: 50px;gap: 43px;position:relative;overflow:hidden;}
.xp5-more-btn:hover{background: #073a7a;}
/*.xp5-more-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;}*/
.xp5-more-btn:hover::before{left:100%;}
.xp5-more-icon{width: 35px;height: 35px;background: #FFFFFF;border-radius: 50%;padding: 8px;box-sizing: border-box;animation:breathing 2s ease-in-out infinite;}
@keyframes breathing{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}
/* xp-box5 动画效果 */
.xp-box5.xp-animate-section .xp-animate-item{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box5.xp-animate-section.animate .xp-animate-item{opacity:1;transform:translateY(0);}
.xp-box5.xp-animate-section.animate .xp-animate-item:nth-child(1){transition-delay:0.1s;}
.xp-box5.xp-animate-section.animate .xp-animate-item:nth-child(2){transition-delay:0.25s;}
.xp-box5.xp-animate-section.animate .xp-animate-item:nth-child(3){transition-delay:0.4s;}
/* 轮播卡片悬停效果 */
.xp-box5 .xp5-slide-content{transition:all 0.4s cubic-bezier(0.25,1,0.5,1);}
.xp-box5 .swiper-slide-active .xp5-slide-content:hover{transform:scale(1.02) translateY(-5px);box-shadow:0 15px 40px rgba(9,70,152,0.25);}
.xp-box5 .xp5-slide-content:hover .xp5-slide-title{background:linear-gradient(0deg, #073a7a 0%, rgba(9,70,152,0) 100%);}
/* 导航按钮效果 */
.xp-box5 .xp5-nav-prev,.xp-box5 .xp5-nav-next{transition:all 0.4s cubic-bezier(0.25,1,0.5,1);}
.xp-box5 .xp5-nav-prev:hover{transform:translateY(-50%) scale(1.1);}
.xp-box5 .xp5-nav-next:hover{transform:translateY(-50%) scale(1.1);}
/* 实时动态模块 */
.xp-box6{padding: 79px 0 107px;}
.xp-box6 .xp6-nav{display: flex;gap: 12px;}
.xp-box6 .xp6-nav-prev, .xp-box6 .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;}
/* .xp-box6 .xp6-nav-next, */
.xp-box6 .xp6-nav-prev:hover, .xp-box6 .xp6-nav-next:hover{background: #094698;color: #fff;border: 2px solid #094698;}
.xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 20px;height: 20px;}

.xp-box6 .xp6-list-container{margin-top: 97px;overflow: hidden;position: relative;}
.xp-box6 .xp6-list-wrapper{overflow-x: hidden;overflow-y: inherit;width: 100%;padding: 0;cursor: grab;}
.xp-box6 .xp6-list-wrapper:active{cursor: grabbing;}
.xp-box6 .xp6-list{display: flex;gap: 63px;align-items: flex-start;width: max-content;will-change: transform;}
.xp-box6 .xp6-item{flex-shrink: 0;width: 492px;}
.xp-box6 .xp6-item img{width: 100%;height: 294px;object-fit: cover;border-radius: 16px;}
.xp-box6 .xp6-date{padding: 31px 1px 24px;color: #094698;}
.xp-box6 .xp6-title{padding: 0 1px 40px;}
.xp-box6 .xp6-more{padding: 0 1px 0;color: #6C6C6C;cursor: pointer;}

.xp-box6 .xp6-more-btn{background: #094698;color: #fff;border: none;padding: 23px 36px;border-radius: 60px;cursor: pointer;transition: all 0.3s ease;margin-top: 126px;gap: 47px;}
.xp-box6 .xp6-more-btn:hover{background: #073a7a;}
.xp-box6 .xp6-more-icon{width: 21px;height: 21px;}
.xp-box6 .xp6-more-icon svg{width: 100%;height: 100%;}
.xp-box6 .xp6-item .xp6-item-imgbox{overflow: hidden; border-radius: 12px;}
/* xp-box6 滚动动画 */
.xp-box6.xp-animate-section .xp-animate-item{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box6.xp-animate-section.animate .xp-animate-item{opacity:1;transform:translateY(0);}
.xp-box6.xp-animate-section.animate .xp-animate-item:nth-child(1){transition-delay:0.1s;}
.xp-box6.xp-animate-section.animate .xp-animate-item:nth-child(2){transition-delay:0.25s;}
.xp-box6.xp-animate-section.animate .xp-animate-item:nth-child(3){transition-delay:0.4s;}
/* 新闻卡片悬停效果 */
.xp-box6 .xp6-item img{transition:transform 0.4s cubic-bezier(0.25,1,0.5,1);}
.xp-box6 .xp6-item:hover img{transform:scale(1.03);}
/* 右侧导航按钮圆环转圈动效 */
.xp-box6 .xp6-nav-next{position:relative;}
.xp-box6 .xp6-nav-next::before{content:'';position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:50%;border:2px dashed rgba(9,70,152,0.4);animation:spinBorder 4s linear infinite;}
@keyframes spinBorder{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
/* 更多按钮箭头动效 */
.xp-box6 .xp6-more-icon{animation:arrowPulse 1.5s ease-in-out infinite;}
@keyframes arrowPulse{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}


.xp-box7{background-image: url(../images/ht.png);padding: 126px 0 108px;min-height: 725px;background-size: cover;box-sizing: border-box;}
.xp-box7 .xp7-add{margin-top: -19px;margin-left: 10px;}
.xp-box7 .xp7-title{margin-top: 40px;}
.xp-box7 .xp7-list{gap:15px 1.7%;width: 60% !important;}
.xp-box7 .xp7-img{width: 220px;width: 22.918% !important;height: 112px;background: #FFFFFF;border-radius: 10px;overflow: hidden;}

/* xp-box7 滚动动画 */
.xp-box7.xp-animate-section .xp-animate-item{opacity:0;transform:translateY(40px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box7.xp-animate-section.animate .xp-animate-item{opacity:1;transform:translateY(0);}
.xp-box7.xp-animate-section.animate .xp-animate-item:nth-child(1){transition-delay:0.1s;}
.xp-box7.xp-animate-section.animate .xp-animate-item:nth-child(2){transition-delay:0.25s;}
/* 图片依次出现 */
.xp-box7 .xp7-img{opacity:0;transform:scale(0.8);transition:all 0.6s cubic-bezier(0.25,1,0.5,1);}
.xp-box7.animate .xp7-img{opacity:1;transform:scale(1);}
.xp-box7.animate .xp7-img:nth-child(1){transition-delay:0.3s;}
.xp-box7.animate .xp7-img:nth-child(2){transition-delay:0.35s;}
.xp-box7.animate .xp7-img:nth-child(3){transition-delay:0.4s;}
.xp-box7.animate .xp7-img:nth-child(4){transition-delay:0.45s;}
.xp-box7.animate .xp7-img:nth-child(5){transition-delay:0.5s;}
.xp-box7.animate .xp7-img:nth-child(6){transition-delay:0.55s;}
.xp-box7.animate .xp7-img:nth-child(7){transition-delay:0.6s;}
.xp-box7.animate .xp7-img:nth-child(8){transition-delay:0.65s;}
.xp-box7.animate .xp7-img:nth-child(9){transition-delay:0.7s;}
.xp-box7.animate .xp7-img:nth-child(10){transition-delay:0.75s;}
.xp-box7.animate .xp7-img:nth-child(11){transition-delay:0.8s;}
.xp-box7.animate .xp7-img:nth-child(12){transition-delay:0.85s;}
.xp-box7.animate .xp7-img:nth-child(13){transition-delay:0.9s;}
.xp-box7.animate .xp7-img:nth-child(14){transition-delay:0.95s;}
.xp-box7.animate .xp7-img:nth-child(15){transition-delay:1s;}
.xp-box7.animate .xp7-img:nth-child(16){transition-delay:1.05s;}


footer{background: #454851;padding: 60px 0 0;color: #CECECE;}
footer .f-top{padding:0 13.2295%;}
footer .f-title{margin-bottom: 40px;color: #FFFFFF;}
footer .f-nav ul li{margin-bottom: 20px;}
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{margin-top: 90px;}
footer .f-content-box{border-bottom:1px solid #A5A5A5;padding-bottom:26px;width: 100%;}
footer .f-content-left{gap:26px;}
footer .f-line{width: 1px;height: 114px;background: #A5A5A5;margin-left: 27px; margin-right: 31px;}
footer .f-line2{margin-left: 93px; margin-right: 36px;}
footer .f-phone{margin-top: 40px;color: #FFFFFF;}
footer .f-address{margin-top: 48px;}
footer .f-link-box{padding:15px;padding-left: 0 !important;padding-right: 0 !important;}
footer .f-link-box a:hover{color:#fff;font-weight:blod;}
footer .f-link{padding:22px 0;}
footer .f-bottom{gap:36px;background: #3E4047; padding:29px 22px 22px;color: #CECECE;}
.xp-box8{position: relative;}
.xp-box8 h3{position: absolute;bottom: 63px;bottom:10.5% !important;color: white;}
.xp-box9{padding: 28px;background-color: #fff;}
.xp-box9 .xp9-icon{width: 18px;height: 18px;margin-right: 9px;}
.xp-box10{padding: 38px 0 138px;}
.xp10-list{gap: 48px 3%;}
.xp-box10 .xp10-item{position: relative;background-color: white;box-shadow: 0 4px 12px rgba(0,0,0,0.15);border-radius: 16px;overflow: hidden;width: 31.3%;transition: all 0.3s ease;cursor: pointer;}
.xp-box10 .xp10-item:hover{transform: translateY(-8px);box-shadow: 0 12px 24px rgba(0,0,0,0.2);}
.xp-box10 .xp10-item:hover .xp10-item-img img{transform: scale(1.05);}
.xp-box10 .xp10-item-img{overflow: hidden;}
.xp-box10 .xp10-item-img img{transition: transform 0.5s ease;}
.xp-box10 .xp10-item-img{height: 352px;}
.xp-box10 .xp10-content{padding: 16px 13px 30px;height: calc(100% - 352px);display: flex;flex-direction: column;justify-content: space-between;}
.xp-box10 .xp10-content-label{margin-top: 16px;gap: 14px;}
.xp-box10 .xp10-content-label-item{background: #E3E8F0;padding: 6px 10px;color: #7D8A9B;}

.xp-box11{padding: 95px 0 138px;}
.xp-box11 .xp11-list{gap: 43px 2.4%;}
.xp-box11 .xp11-item{width: 48.8%;position: relative;}
.xp-box11 .xp11-item-img{height: 439px;}
.xp-box11 .xp11-content{background: linear-gradient(0deg, #000000 0%, rgba(255,255,255,0) 100%);border-radius: 16px;padding: 127px 17px 18px;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;height: auto !important;}

.xp-box12{padding: 60px 0 138px;}
.xp-box12 .xp12-content{background: linear-gradient(to top, #124D8B 0%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%);border-radius: 16px;padding: 100px 17px 18px;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;height: auto !important;}
.xp-box12 .xp12-item-img{height: 468px;}

/* ======================
   xp-box13 联系我们 - 左右分块 滚动入场动画
   ====================== */
.xp-box13{padding: 133px 0 145px;gap: 91px;}

/* 统一全局动画结构（和你全站完全一致） */
.xp-box13.xp-animate-section .xp13-left,
.xp-box13.xp-animate-section .xp13-right,
.xp-box13.xp-animate-section .xp13-contact-item {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.16,1,0.3,1);
}

/* 左侧：从左往右入场 */
.xp-box13 .xp13-left {
    transform: translateX(-40px);
}
/* 右侧：从右往左入场 */
.xp-box13 .xp13-right {
    transform: translateX(40px);
}
/* 联系卡片：从下往上 */
.xp-box13 .xp13-contact-item {
    transform: translateY(30px);
}

/* 依次延迟出场 */
.xp-box13.xp-animate-section.animate .xp13-left {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.2s;
}
.xp-box13.xp-animate-section.animate .xp13-right {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.35s;
}
.xp-box13.xp-animate-section.animate .xp13-contact-item:nth-child(1) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}
.xp-box13.xp-animate-section.animate .xp13-contact-item:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.65s;
}

/* 原有样式不动 */
.xp-box13 .xp13-left,.xp-box13 .xp13-right{width: 50%;}
.xp-box13 .xp13-title{color: #02458B;}
.xp-box13 .xp13-desc{margin-top: 16px;}
.xp-box13 .xp13-contact{margin-top: 34px;}
.xp-box13 .xp13-contact-item{
    margin-bottom: 11px;
    border-radius: 10px;
    border: 1px solid #C9D0DC;
    padding: 27px 25px 30px;
    transition: all 0.3s ease;
}
/* 联系卡片悬浮效果 */
.xp-box13 .xp13-contact-item:hover {
    border-color: #0B47C0;
    box-shadow: 0 4px 12px rgba(11,71,192,0.1);
    transform: translateY(-2px);
}
.xp-box13 .xp13-contact-item-title{gap: 23px;}
.xp13-contact-item-phone{margin-top: 23px;color: #0B47C0;}
.xp-box13 .xp13-right{
    border-radius: 10px;
    border: 2px solid #0B47C0;
    padding: 36px 30px 23px;
}
.xp-box13 .xp13-right-title{color: #02458B;margin-bottom: 41px;}
.xp-box13 .xp13-right-desc{margin-top: 29px;margin-bottom: 41px;}
.xp-box13 .xp13-right-icon-box{gap: 30px;}
.xp-box13 .xp13-right-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #7A8693;
    padding: 10px;
    position: relative;
    transition: all 0.3s ease;
    color:#7A8693;cursor: pointer;
}
/* 图标hover动效 */
.xp-box13 .xp13-right-icon:hover {
    border-color: #FFC600;
    color: #FFC600;
}

/* 二维码弹窗 */
.xp-box13 .xp13-right-icon .xp13-right-icon-ewm{
    width: 120px;
    height: 120px;
    padding: 7px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 100;
}
.xp-box13 .xp13-right-icon:hover .xp13-right-icon-ewm{
    opacity: 1;
    visibility: visible;
    top: -20px;
}
.xp-box13 .xp13-right-icon .xp13-right-icon-ewm img{
    width: 100%;
    height: 100%;
    display: block;
}
/* ======================
   xp-box14 产品报价表单 - 滚动依次入场动画（完整版）
   ====================== */
.xp-box14{padding: 0 0 151px;}

/* 统一全局动画结构（和你全站 100% 一致） */
/* 👇 把标题也加进来 */
.xp-box14.xp-animate-section .f-46,
.xp-box14.xp-animate-section .xp14-tips,
.xp-box14.xp-animate-section .xp14-form-item,
.xp-box14.xp-animate-section .xp14-textarea,
.xp-box14.xp-animate-section .xp14-form-item2 {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.16,1,0.3,1);
}

/* 依次延迟出场（一个接一个） */
.xp-box14.xp-animate-section.animate .f-46 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}
.xp-box14.xp-animate-section.animate .xp14-tips {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}
.xp-box14.xp-animate-section.animate .xp14-form-item {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.45s;
}
.xp-box14.xp-animate-section.animate .xp14-textarea {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
}
.xp-box14.xp-animate-section.animate .xp14-form-item2 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.75s;
}

/* 原有样式不动 */
.xp-box14 .xp14-tips{margin-top: 38px;color: #5D5D5D;}
.xp-box14 .xp14-form{margin-top: 53px;}
.xp-box14  .xp14-form-item{gap: 15px 2.4%;}
.xp-box14 .xp14-input{
    width: 48.8%;
    border-radius: 10px;
    border: 1px solid #C9D0DC;
    padding: 0 27px;
    height: 96px;
    transition: all 0.3s ease;
}
/* 输入框悬浮效果 */
.xp-box14 .xp14-input:focus-within {
    border-color: #0B47C0;
    box-shadow: 0 0 0 3px rgba(11,71,192,0.1);
}
.xp-box14 .xp14-textarea{
    height: 307px;
    border-radius: 10px;
    border: 1px solid #C9D0DC;
    margin-top: 20px;
    padding: 38px 28px;
    transition: all 0.3s ease;
}
.xp-box14 .xp14-textarea:focus-within {
    border-color: #0B47C0;
    box-shadow: 0 0 0 3px rgba(11,71,192,0.1);
}
.xp-box14 .xp14-input-code{width: 29.3%;height: 114px;min-width: 29.3%;}
.xp-box14 .xp14-img{
    width: 350px;
    height: 114px;
    min-width: 350px;
    border-radius: 10px;
    border: 1px solid #C9D0DC;
    overflow: hidden;
    background: #FFFFFF;
}
.xp-box14 .xp14-form-item2{gap: 16px;margin-top: 33px;}
.xp-box14 .xp14-btn{
    height: 114px;
    background: #0B47C0;
    color: white;
    width: 100%;
    margin-left: 33px;
    transition: all 0.3s ease;cursor: pointer;
}
.xp-box14 .xp14-btn:hover{
    background: #073a7a;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(11,71,192,0.2);
}

/* 输入框样式重置 */
 input,
 textarea {
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
    height: 100%;
    resize: none;
}

/* 产品页面样式 */
.products-container {gap: 44px;padding: 70px 0 130px;}
.products-sidebar {width: 347px; width: 21.677%;min-width: 21.677%; flex-shrink: 0;overflow: hidden;}
.products-sidebar .sidebar-title {background-color: #094698;padding: 25px 12px;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: 22px 12px;padding-right: 26px; color: #333;text-decoration: none;transition: all 0.3s;position: relative;}
.products-sidebar .sidebar-nav .nav-item.active > a,.products-sidebar .sidebar-nav .nav-item:hover > a { background: #f5f7fa; padding-left: 30px;}
.products-sidebar .sidebar-nav .nav-item.active > a::before,.products-sidebar .sidebar-nav .nav-item:hover > a::before {height: 60%;}
.products-sidebar .sidebar-nav .nav-item.active > a {color: #fff;background: #094698;}
.products-sidebar .sidebar-nav .sub-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafbfc;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.products-sidebar .sidebar-nav .nav-item.active .sub-nav {
  max-height: none;
  opacity: 1;
  transform: translateY(0);
  margin-top: 4px;
}

.products-sidebar .sidebar-nav .sub-nav li {padding: 17px 12px;}
.products-sidebar .sidebar-nav .sub-nav li a { color: #666;text-decoration: none; transition: color 0.3s;}
.products-sidebar .sidebar-nav .sub-nav li a:hover,.products-sidebar .sidebar-nav .sub-nav .active a  {color: #0B47C0;}
.products-sidebar .sidebar-nav .sub-nav .sub-nav-active a{color: #0B47C0;}

/* 三级菜单样式 */
.products-sidebar .sidebar-nav .sub-nav li {
  position: relative;
}
.products-sidebar .sidebar-nav > .nav-item > .sub-nav > li:has(> ul.third-nav) > a {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 28px;
}
.products-sidebar .sidebar-nav > .nav-item > .sub-nav > li:has(> ul.third-nav) > a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-right: 2px solid #999;
  border-top: 2px solid #999;
  transform: translateY(-50%) rotate(135deg);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  right: 14px;
  margin-top: 9px;
}
.products-sidebar .sidebar-nav > .nav-item > .sub-nav > li.active:has(> ul.third-nav) > a::after {
  transform: translateY(-50%) rotate(-45deg);
  border-color: #0B47C0;
}
.products-sidebar .sidebar-nav .sub-nav li > ul.third-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 0;
  opacity: 0;
  transform: translateY(-5px);
  overflow: hidden;
  transition: all 0.3s ease;
}
.products-sidebar .sidebar-nav .sub-nav li.active > ul.third-nav {
  max-height: 400px;
  opacity: 1;
  transform: translateY(0);
  margin-left: 25px;
  padding: 4px 0;
}
.products-sidebar .sidebar-nav .sub-nav li > ul.third-nav li {
  padding: 6px 0;
}
.products-sidebar .sidebar-nav .sub-nav li > ul.third-nav li a {
  color: #666;
  padding: 6px 12px;
  text-decoration: none;
  transition: color 0.25s ease;
}
.products-sidebar .sidebar-nav .sub-nav li > ul.third-nav li a:hover,.products-sidebar .sidebar-nav .sub-nav ul.third-nav  .active a  {
  color: #0B47C0;
}
.products-sidebar .sidebar-contact {margin-top: 22px;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%;}

.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: 20px;padding: 15px;}
.products-content .products-online .products-online-btn {border-radius: 4px;height: 44px;line-height: 44px;padding: 0 20px;background: #094698;background-color: #094698;color: #fff;}
.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%;}

.products-content .content-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.products-content .content-header h2 {font-size: 22px;font-weight: bold;color: #333;margin: 0;}
.products-content .content-header .result-count {font-size: 14px;color: #999;}
.products-grid { display: flex;flex-wrap: wrap;gap: 28px;}
.products-grid .product-card { width: calc(33.333% - 19px);background: #fff;border-radius: 10px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);overflow: hidden;transition: all 0.3s;border: 2px solid #094698;padding: 26px 22px 30px;}
.products-grid .product-card:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);}
.products-grid .product-card .card-image {position: relative;width: 100%;overflow: hidden;height: 250px;border-radius: 2px;}
.products-grid .product-card .card-image img {transition: transform 0.5s;}
.products-grid .product-card:hover .card-image img {transform: scale(1.05);}
.products-grid .product-card .card-title { padding: 22px; margin: 0;}
.products-grid .product-card .card-title a:hover {color: #0B47C0;}
.products-grid .product-card .card-actions { display: flex;padding: 15px 20px;gap: 12px;}
.products-grid .product-card .card-actions .btn { flex: 1; display: flex;align-items: center; justify-content: center; gap: 6px; padding: 13px 15px; border: none; border-radius: 2px;cursor: pointer;transition: all 0.3s;}
.products-grid .product-card .card-actions .btn-primary {background: #0B47C0;color: #fff;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.25,1,0.5,1);}
.products-grid .product-card .card-actions .btn-primary:hover {background: #073a7a;transform:translateY(-3px);box-shadow:0 8px 20px rgba(9,70,152,0.3);}
.products-grid .product-card .card-actions .btn-primary::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;}
.products-grid .product-card .card-actions .btn-primary:hover::before{left:100%;}
.products-grid .product-card .card-actions .btn-secondary {background: #f5f7fa; color: #666; border: 1px solid #e8ecf0;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.25,1,0.5,1);}
.products-grid .product-card .card-actions .btn-secondary:hover { background: #e8ecf0; color: #333;transform:translateY(-3px);box-shadow:0 8px 20px rgba(9,70,152,0.15);}
.products-grid .product-card .card-actions .btn-secondary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(9,70,152,0.15),transparent);transition:left 0.6s;}
.products-grid .product-card .card-actions .btn-secondary:hover::before{left:100%;}
.products-grid .product-card .card-actions .btn-icon{width: 20px;height: 20px;}
.products-grid .product-card .card-actions .btn-icon2{width: 26px;height: 26px;}

/* 产品详情页面样式 */
.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: 554px;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;}
.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;}
.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: #0B47C0;color: #fff;}
.detail-info .action-buttons .btn-primary:hover{background: #073a7a;}
.detail-info .action-buttons .btn-outline{background: #fff;color: #094698;border: 2px solid #094698;}
.detail-info .action-buttons .btn-outline:hover{border-color: #094698;color: #0B47C0;}
.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: #094698;padding: 30px 20px 22px;}
.detail-section .section-header h2{font-weight: bold;color: #fff;margin: 0;}
/* 产品详情表格 */
.detail-table{padding: 20px;overflow-x: auto;}
.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;}
.quote-form .form-row{display: flex;gap: 20px;}
.quote-form .form-input{flex: 1;padding: 0 20px;outline: none;transition: border-color 0.3s;height: 96px;background: #FFFFFF;border-radius: 10px;border: 1px solid #C9D0DC;}
.quote-form .form-input:focus{border-color: #0B47C0;}
.quote-form .captcha{width: 27.813%;flex: inherit;min-width: 27.813%;}
.quote-form .captcha-img{border: 1px solid #e8ecf0;border-radius: 8px;overflow: hidden;width: 17.813%;min-width: 17.813%;}
.quote-form .form-textarea{width: 100%;min-height: 150px;padding: 38px 24px;resize: vertical;outline: none;transition: border-color 0.3s;height: 307px;background: #FFFFFF;border-radius: 10px;border: 1px solid #C9D0DC;}
.quote-form .form-textarea:focus{border-color: #0B47C0;}
.quote-form .btn-submit{flex: 1;padding: 16px;background: #0B47C0;color: #fff;border: none;border-radius: 8px;cursor: pointer;transition: background 0.3s;}
.quote-form .btn-submit:hover{background: #073a7a;}

/* 相关产品推荐 */
.related-section{padding: 169px 0 139px;}
.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;}
/* 产品页面样式结束 */

/* 询价页面样式 */
.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;}

/* 新闻中心 */
.xp-box15 {padding-top: 0 !important;padding-bottom: 0 !important;}
.xp-box15 .xp15-left div{min-width: 149px;height: 100%;height: 72px;line-height: 72px;cursor: pointer;padding:0 10px}
.xp-box15 .xp15-left .active,.xp-box15 .xp15-left div:hover{background: #094698;color: white;}
.xp-box15 .xp15-left .xp15-line{width: 1px;height: 14px;background: #A9B3C0;}
.xp-box16{padding: 80px 0 0;gap: 48px;}

/* 入场动画 仅控制显隐位移 互不干扰hover */
.xp-box16.xp-animate-section .xp16-item{
    opacity:0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);
}

.xp-box16 .xp16-item{
    width: 33.3%;
    background: #FFFFFF;
    box-shadow: 0px 8px 7px 0px rgba(167,167,167,0.13);
    padding: 40px 31px 34px;
    color: #000;
    /* 高级顺滑过渡曲线 */
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 入场依次延迟 */
.xp-box16 .xp16-item:nth-child(1){transition-delay:0.25s;}
.xp-box16 .xp16-item:nth-child(2){transition-delay:0.35s;}
.xp-box16 .xp16-item:nth-child(3){transition-delay:0.45s;}

.xp-box16.xp-animate-section.animate .xp16-item{
    opacity:1;
    transform: translateY(0);
}

.xp-box16 .xp16-date{
    color: #094698;
    margin-bottom: 27px;
    transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.xp-box16 .xp16-img{
    margin-top: 29px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
    height: 262px;
}
.xp-box16 .xp16-img img{
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.xp-box16 .xp16-label{
    margin-top: 28px;
    gap: 12px;
    padding-bottom: 23px;
    border-bottom: 1px solid #DBDFE6;
    transition: border-color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.xp-box16 .xp16-label-item{
    background: #E3E8F0;
    padding: 6px 7px;
    color: #7D8A9B;
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.xp-box16 .xp16-more{
    margin-top: 22px;
    gap: 8px;
    color: #8D9AAC;
    transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.xp-box16 .xp16-more-icon{
    width: 17px;height: 17px;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 高级悬浮全套动效 */
.xp-box16 .xp16-item:hover{
    background: #0E55CB;
    color: #fff;
    box-shadow: 0 8px 24px rgba(9,70,152,0.18);
    transform: translateY(-6px) scale(1.02);
}
.xp-box16 .xp16-item:hover .xp16-date{color: #fff;}
.xp-box16 .xp16-item:hover .xp16-more{color: #fff;}
/* 图片微放大 */
.xp-box16 .xp16-item:hover .xp16-img img{transform: scale(1.05);}
/* 分割线变白 */
.xp-box16 .xp16-item:hover .xp16-label{border-color: rgba(255,255,255,0.2);}
/* 箭头右滑 */
.xp-box16 .xp16-item:hover .xp16-more-icon{transform: translateX(4px);}
/* ======================
/* ======================
   xp-box17 列表动画 - 依次从下往上出场（高级丝滑版）
   ====================== */
.xp-box17{padding: 50px 0 80px;}

/* 入场动画（只控制 显隐 + 位移，不影响 hover） */
.xp-box17.xp-animate-section .xp17-item {
    opacity: 0;
    transform: translateY(40px);
    transition: 
        opacity 0.8s cubic-bezier(0.16,1,0.3,1),
        transform 0.8s cubic-bezier(0.16,1,0.3,1);
}

/* 依次延迟出场 */
.xp-box17.xp-animate-section.animate .xp17-item:nth-child(1) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.25s;
}
.xp-box17.xp-animate-section.animate .xp17-item:nth-child(2) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.35s;
}
.xp-box17.xp-animate-section.animate .xp17-item:nth-child(3) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.45s;
}
.xp-box17.xp-animate-section.animate .xp17-item:nth-child(4) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.55s;
}
.xp-box17.xp-animate-section.animate .xp17-item:nth-child(5) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.65s;
}
.xp-box17.xp-animate-section.animate .xp17-item:nth-child(6) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.75s;
}
.xp-box17.xp-animate-section.animate .xp17-item:nth-child(7) {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.85s;
}

/* 卡片基础样式 + 高级丝滑过渡 */
.xp-box17 .xp17-item{
    background: #FFFFFF;
    box-shadow: 0px 8px 7px 0px rgba(167,167,167,0.13);
    padding: 76px 73px 46px 43px;
    gap: 124px;
    white-space: nowrap;
    margin-bottom: 32px;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.xp-box17 .xp17-item-left{gap: 45px;width: 85%;}
.xp-box17 .xp17-item-info{gap: 30px;width: 88%;}
.xp-box17 .xp16-date{
    margin-top: 4px;
    transition: color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 文字、箭头 统一过渡 */
.xp-box17 .xp16-more{
    transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.xp-box17 .xp16-more-icon{
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ======================
   高级悬浮全套动效（和 xp16 完全统一）
   ====================== */
.xp-box17 .xp17-item:hover{
    background: #0E55CB;
    color: white;
    box-shadow: 0 8px 24px rgba(9,70,152,0.18);
    transform: translateY(-6px);
}
.xp-box17 .xp17-item:hover .xp16-date{
    color: white;
}
.xp-box17 .xp17-item:hover .xp16-more{
    color: white;
    gap: 12px;
}
.xp-box17 .xp17-item:hover .xp16-more-icon{
    transform: translateX(4px);
}

.xp-box18{padding: 80px 0 130px;gap: 66px;}
.xp-box18 .xp18-left{width: 100%;width: calc(100% - 366px - 66px);}
.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: 20px;border-bottom: 1px solid #dadada63;margin-bottom: 30px;}
.xp-box18 .xp18-date{margin-top: 10px;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: 73px;border-top: 1px solid #dadada63;padding-top: 36px;color: #7D8A9B;}
.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: #F1F2F4;border-radius: 4px;margin-bottom: 15px;color: #969696; 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;}

.xp-box19{padding: 127px 0 0;}
.xp-box19 .xp19-top{position: absolute;top: 4px;right: 0;width: 141px;}
.xp-box19 .xp19-title{margin-top: 24px;color: #FFC600;}
.xp-box19 .xp19-content{gap: 132px;white-space: nowrap;}
.xp-box19 .xp19-img-box{gap: 41px;}
.xp-box19  .xp19-img{width: 30.347% !important;height: 278px;border-radius: 10px;overflow: hidden;height:auto !important;}
.xp-box19 .xp19-text{margin-top: 55px;color: #666666;}
.xp-box19 .xp-data{margin-top: 81px;gap: 16px;}
.xp-box19 .xp-data-item{gap: 16px;color: #666666;}
.xp-box19  .xp19-line{width: 100%;height: 2px;background: #CCCCCC;}
.xp-box19  .xp19-label{width: 14px;height: 14px;background: #999999;opacity: 0.8;}
.xp-box19 .xp-data-num-box{gap: 5%;margin-top: 79px;}
.xp-box19 .xp-data-num{color: #0064CF;}
.xp-box19 .xp-data-num-text{color: #666666;}
/* xp-box19 入场动画 */
.xp-box19.xp-animate-section .xp-animate-item{opacity:0;transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.xp-animate-section.animate .xp-animate-item{opacity:1;}
/* 顶部大图：缩放淡入 */
.xp-box19 .xp19-top{transform:scale(1.1);transition:all 1.2s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.animate .xp19-top{transform:scale(1);}
/* 标题区域：左滑入 */
.xp-box19 .xp19-content > div:first-child{transform:translateX(-60px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.animate .xp19-content > div:first-child{transform:translateX(0);transition-delay:0.15s;}
/* 图片盒子：右滑入 */
.xp-box19 .xp19-img-box{transform:translateX(60px);transition:all 0.9s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.animate .xp19-img-box{transform:translateX(0);transition-delay:0.25s;}
/* 三张图片各自不同动画 */
.xp-box19 .xp19-img{opacity:0;}
.xp-box19 .xp19-img-1{transform:translateY(40px) scale(0.9);transition:all 0.7s cubic-bezier(0.25,1,0.5,1);}
.xp-box19 .xp19-img-2{transform:translateX(40px) rotate(5deg);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box19 .xp19-img-3{transform:scale(0.85);transition:all 0.6s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.animate .xp19-img{opacity:1;transform:none;}
.xp-box19.animate .xp19-img-1{transition-delay:0.4s;}
.xp-box19.animate .xp19-img-2{transition-delay:0.55s;}
.xp-box19.animate .xp19-img-3{transition-delay:0.7s;}
/* 文字区域：底部滑入 */
.xp-box19 .xp19-text{transform:translateY(50px);transition:all 1s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.animate .xp19-text{transform:translateY(0);transition-delay:0.35s;}
/* 数据区域：淡入上滑 */
.xp-box19 .xp-data{transform:translateY(30px);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.animate .xp-data{transform:translateY(0);transition-delay:0.5s;}
/* 分隔线绘制动画 */
.xp-box19 .xp19-line{transition:width 1s cubic-bezier(0.25,1,0.5,1);}
.xp-box19.animate .xp19-line{width:100%;transition-delay:0.6s;}
/* 数字闪烁特效 */
.xp-box19 .xp-number{position:relative;}
.xp-box19 .xp-number::after{content:'';position:absolute;top:0;right:-30px;color:#0064CF;font-size:0.6em;}
.xp-box19 .xp-data-num:nth-child(1) .xp-number::after{content:'+';}
.xp-box19 .xp-data-num:nth-child(3) .xp-number::after{content:'+';}
.xp-box19 .xp-data-num:nth-child(4) .xp-number::after{content:'+';}
.xp-box20{padding: 92px  0 0;}
.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: 412px;}
.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.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.05) translateY(-10px);box-shadow:0 20px 40px rgba(9,70,152,0.15);border-color:#094698;}
.xp-box21{padding: 155px  0 0;}
.xp-box21 .xp21-desc{margin: auto;margin-top: 29px;}
.xp-box21 .xp21-list{margin-top: 43px;}
.xp-box21  .xp21-item{width: 25%;}
.xp-box21  .xp21-item-info{width: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 20px 10px;color: white;height: 40%;}
.xp21-item-info-text{margin-top: 58px;}
/* xp-box21 企业文化入场动画 */
.xp-box21.xp-animate-section .xp-animate-item{opacity:0;transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box21.xp-animate-section.animate .xp-animate-item{opacity:1;}
/* 标题：字间距变化 */
.xp-box21 h3{letter-spacing:12px;transform:scale(0.95);transition:all 0.8s cubic-bezier(0.25,1,0.5,1);}
.xp-box21.animate h3{letter-spacing:normal;transform:scale(1);}
/* 描述：淡入缩放 */
.xp-box21 .xp21-desc{transform:scale(0.9);transition:all 0.9s cubic-bezier(0.25,1,0.5,1);}
.xp-box21.animate .xp21-desc{transform:scale(1);transition-delay:0.15s;}
/* 四个卡片从不同方向进入 */
.xp-box21 .xp21-item{transition:all 0.7s cubic-bezier(0.25,1,0.5,1);}
.xp-box21 .xp21-item-1{transform:translateX(-60px);}
.xp-box21 .xp21-item-2{transform:translateX(60px);}
.xp-box21 .xp21-item-3{transform:translateY(-40px);}
.xp-box21 .xp21-item-4{transform:translateY(40px);}
.xp-box21.animate .xp21-item{transform:none;}
.xp-box21.animate .xp21-item-1{transition-delay:0.25s;}
.xp-box21.animate .xp21-item-2{transition-delay:0.32s;}
.xp-box21.animate .xp21-item-3{transition-delay:0.39s;}
.xp-box21.animate .xp21-item-4{transition-delay:0.46s;}
/* 卡片悬停效果 */
.xp-box21 .xp21-item{overflow:hidden;}
.xp-box21 .xp21-item img{transition:transform 0.6s ease;}
.xp-box21 .xp21-item:hover img{transform:scale(1.1);}
.xp-box21 .xp21-item-info-text{opacity:0;transform:translateY(100%) scale(0.9);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);}
.xp-box21 .xp21-item:hover .xp21-item-info-text{opacity:1;transform:translateY(-50%) scale(1);}


.xp-box22{padding: 127px  0 117px;background: linear-gradient(0deg, #F2FAFF 0%, #FFFFFF 100%);overflow: hidden;}
.xp-box22 .swiper-slide{background-color: transparent;}
.xp-box22 .xp22-desc{margin: auto;margin-top: 29px;color: #AEAEAE;}
.xp-box22 .xp22-info{padding: 123px  0 110px;}
.xp-box22 .xp22-imgBox{gap: 49px;position: relative;z-index: 20;}
.xp-box22 .xp22-img{width: 405px;height: 281px;}
.xp-box22 .xp22-info-text{margin-top: 19px;width:29%;text-align: start;margin-top: 0 !important;}
.xp-box22 .xp22-year{font-size: 300px;font-weight: 900;color: #EAF3FD;position: absolute;left: 32%;top: 17%;opacity: 0.49;}
.xp-box22  .xp22-timeline{}
.xp-box22  .xp22-line{width: 100%;height: 1px;background: #DDE2E5;position: absolute;width: 100%;top: 28px;left: 0;}
.xp-box22  .timeline-track{position: relative;z-index: 20;}
.xp-box22  .timeline-track-btn{width: 58px;height: 58px;background: #CFDAE5;border-radius: 29px;padding: 18px 15px;box-sizing:border-box;}
.xp-box22  .timeline-track .timeline-track-btn2{background: #094698;}
.xp-box22 .timeline-line{padding:23px 0  0 216px;color: #868686;overflow: auto;width: 100%;}
.xp-box22 .timeline-line .timeline-point .timeline-dot{width: 10px;height: 10px;background: #094698;border-radius: 50%;}
.xp-box22 .timeline-line .active .timeline-dot{background: #FFC600;border-radius: 50%;width: 18px;height: 18px;margin-top: -3px;}
.xp-box22  .timeline-year{margin-top: 50px;text-align: start;}
.xp-box22 .timeline-year-active{margin-top: 35px;font-weight: bold;color: #000000;background: linear-gradient(0deg, #0079FF 0%, #9DCBFC 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xp-box22 .timeline-point{width:37%;min-width: 37%;}
/* xp-box22 发展历程入场动画 */
.xp-box22.xp-animate-section .xp-animate-item{opacity:0;transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box22.xp-animate-section.animate .xp-animate-item{opacity:1;}
/* 标题：从上方淡入 */
.xp-box22 h3{transform:translateY(-30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box22.animate h3{transform:translateY(0);}
/* 描述：淡入 */
.xp-box22 .xp22-desc{transform:translateY(20px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay:0.15s;}
.xp-box22.animate .xp22-desc{transform:translateY(0);}
/* 内容区域：缩放淡入 */
.xp-box22 .xp22-cont{transform:scale(0.95);transition:all 1s cubic-bezier(0.16,1,0.3,1);transition-delay:0.25s;}
.xp-box22.animate .xp22-cont{transform:scale(1);}
/* 时间轴：从底部上移 */
.xp-box22 .xp22-timeline{transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay:0.35s;}
.xp-box22.animate .xp22-timeline{transform:translateY(0);}
/* 年份数字动效 */
.xp-box22 .xp22-year{transition:all 0.6s cubic-bezier(0.16,1,0.3,1);}
.xp-box22 .swiper-slide-active .xp22-year{transform:scale(1.1);opacity:0.7;}
/* 按钮悬停效果 */
.xp-box22 .timeline-track-btn{transition:all 0.3s ease;}
.xp-box22 .timeline-track-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(9,70,152,0.3);}
/* 右边按钮持续动画 - 呼吸效果 */
.xp-box22 .timeline-track-btn:last-child{animation:breathBtn 2s ease-in-out infinite;}
@keyframes breathBtn{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(9,70,152,0.4);}
  50%{transform:scale(1.05);box-shadow:0 0 20px 8px rgba(9,70,152,0.2);}
}

.xp-box23{padding: 83px  0 83px;}
.xp-box23 .xp23-desc{margin: auto;margin-top: 22px;color: #AEAEAE;}
.xp-box23 .xp23-swiper{width: 100%;overflow: hidden;margin-top: 100px;}
.xp-box23 .xp23-swiper .swiper-wrapper{display: flex;}
.xp-box23 .xp23-swiper .swiper-slide{flex: 0 0 100%;}
.xp-box23 .xp23-list{display: flex;flex-wrap: wrap;gap:28px  2%;}
.xp-box23 .xp23-item{width: calc(16.6% - 1.6%);height: 122px;}
.xp-box23 .xp23-pagination{display: flex;justify-content: center;gap: 12px;margin-top: 40px;}
.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: #FFC600;width: 60px;}

/* ======================
   xp-box24 招贤纳士 - 滚动入场动画 + 展开动效
   ====================== */
.xp-box24{padding: 133px 0 152px;}

/* 统一全局动画结构（和全站 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;}
.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;
}

.xp24-list{margin-top: 79px;}
.xp24-list-title{
    color: #FFFFFF;
    padding: 30px 108px;
    background: #0B47C0;
    border-bottom: 6px solid #FFC600;
    border-radius: 8px 8px 0 0;
}

.xp24-list ul{
    margin-top: 5px;
}
.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);*/
/*}*/

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

/* 图标旋转动画 */
.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);
}
.xp24-list ul li .xp24-list-title2-icon.expanded{
    transform: rotate(180deg);
}

/* 内容展开动画（丝滑） */
.xp24-list ul li .xp24-list-content{
    padding: 20px 47px 44px;
    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;
}
.xp24-list ul li .xp24-list-content.show{
    max-height: 800px;
    opacity: 1;
    padding: 20px 47px 44px;
}

/* 制造实力 */
.xp-box25{padding: 100px 0 128px;}
.xp-box25 .xp25-title-box{gap: 223px;}
.xp-box25 .xp25-title{color: #FFC600;margin-bottom: 40px;}
.xp-box25 .xp25-icon-box{gap: 24px;}
.xp-box25 .xp25-icon{width: 80px;height: 80px;background: #FFC600;border-radius: 50%;padding: 25px;box-sizing: border-box;min-width: 80px;transition:transform 0.5s cubic-bezier(0.25,1,0.5,1);position: relative;}
.xp-box25 .xp25-icon:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 20px rgba(255,198,0,0.4);}
.xp-box25 .xp25-icon::before{content:'';position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:50%;border:2px dashed #FFC600;animation:spinBorder 4s linear infinite;}
@keyframes spinBorder{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}

.xp-box25 .xp25-line{width: 28px;height: 2px;background: #000000;margin-right: 7px;}
/* xp-box25 入场动画 */
.xp-box25.xp-animate-section .xp25-title-box{opacity:0;transform:translateY(-30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box25.xp-animate-section.animate .xp25-title-box{opacity:1;transform:translateY(0);}
.xp-box25.xp-animate-section .xp-box5{opacity:0;transform:translateY(20px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);transition-delay:0.2s;}
.xp-box25.xp-animate-section.animate .xp-box5{opacity:1;transform:translateY(0);}
/* 标题渐变色动画 */
.xp-box25 .xp25-title{position:relative;display:inline-block;}
.xp-box25 .xp25-title::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:3px;transition:width 0.6s cubic-bezier(0.16,1,0.3,1);}
.xp-box25.animate .xp25-title::after{width:100%;}
/* 图标悬停效果 */
.xp-box25 .xp25-icon{cursor:pointer;}
.xp-box25 .xp-box5{padding: 118px 0 0;}
.xp-box25 .xp5-slide-content img{height: 524px;}
.xp-box25  .xp5-slide-title{background: linear-gradient(0deg, #000000 0%, rgba(9, 70, 152, 0) 100%);}



.xp-box26{padding: 240px 0 0;}
.xp-box26 .xp26-top{width: 114px;position: absolute;top: 31px;right: 0;}
.xp-box26 .xp26-en{margin-top: 30px;}
.xp-box26  .xp26-title-box{gap: 28px;}
.xp26-title-box-text{padding-top: 0.35rem;}
.xp-box26 .xp26-list{gap: 39px;}
.xp-box26 .xp26-list-item1{margin-top: -105px;}
.xp-box26 .xp26-list-item3{margin-top: -56px;}
.xp-box26 .xp26-list-info{width: 100%;height: 100%;color: white;position: absolute;top: 0;left: 0;padding: 29px 20px 23px;}
.xp-box26 .xp26-icon{width: 25px;height: 25px;margin-right: 13px;min-width: 25px;}
/* xp-box26 实力展示 入场动画 —— 对齐项目统一动效规范 */
.xp-box26.xp-animate-section .xp-animate-item{opacity:0;transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box26.xp-animate-section.animate .xp-animate-item{opacity:1;}

/* 标题：从上向下淡入（和你所有标题统一） */
.xp-box26 .xp26-title-box-text{transform:translateY(-30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box26.animate .xp26-title-box-text{transform:translateY(0);}

/* 实力卡片列表：从底部上移淡入（统一延迟） */
.xp-box26 .xp26-list{transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay:0.25s;}
.xp-box26.animate .xp26-list{transform:translateY(0);}

/* 卡片项目：依次入场 + 悬停微动效（质感统一） */
.xp-box26 .xp26-list-item{transition:all 0.5s cubic-bezier(0.16,1,0.3,1);overflow: hidden;border-radius: 12px;}
.xp-box26 .xp26-list-item:hover{transform:translateY(-6px);}

/* 数字序号：轻微放大动效 */
.xp-box26 .xp26-list-item > div > div:first-child{transition:all 0.4s ease;}
.xp-box26 .xp26-list-item:hover img{transform:scale(1.15);}

/* 图标：hover 动效统一 */
.xp-box26 .xp26-icon{transition:all 0.4s ease;}
.xp-box26 .xp26-list-item:hover .xp26-icon{transform:scale(1.1);}
.xp-box27{padding: 131px 0 151px;}
.xp-box27 .xp27-top{position: absolute;top: -54px;left: 0;width: 252px;}
.xp-box27  .management{background: #FFC60080;padding: 0 5px 0 10px;}
.xp-box27  .xp27-list{gap: 25px;margin-top: 60px;}
.xp-box27 .xp27-list-item{width: 33.3%;background: #ECF4F9;border-radius: 20px;padding: 64px 76px 68px;}
.xp-box27 .xp27-list-item-icon{width:110px;height:110px;margin: auto; margin-bottom: 40px;}

/* xp-box27 质量管理体系 入场动画 —— 统一项目动效规范 + 卡片依次出现 */
.xp-box27.xp-animate-section .xp-animate-item{opacity:0;transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box27.xp-animate-section.animate .xp-animate-item{opacity:1;}

/* 标题：从上滑入淡入（和全站标题统一） */
.xp-box27 .f-right.f-46.fontb{transform:translateY(-30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box27.animate .f-right.f-46.fontb{transform:translateY(0);}

/* 卡片列表容器：不做动画，只做子元素依次出场 */
.xp-box27 .xp27-list{opacity:1;transform:none;transition:none;}

/* 卡片默认：隐藏 + 下移（统一曲线） */
.xp-box27 .xp27-list-item {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.9s cubic-bezier(0.16,1,0.3,1);
}
/* 依次延迟：第1张 → 第2张 → 第3张 */
.xp-box27.animate .xp27-list-item:nth-child(1) {
  transition-delay: 0.25s;
  opacity: 1;
  transform: translateY(0);
}
.xp-box27.animate .xp27-list-item:nth-child(2) {
  transition-delay: 0.35s;
  opacity: 1;
  transform: translateY(0);
}
.xp-box27.animate .xp27-list-item:nth-child(3) {
  transition-delay: 0.45s;
  opacity: 1;
  transform: translateY(0);
}

/* 卡片：悬停上浮 + 阴影（统一质感） */
.xp-box27 .xp27-list-item{transition:all 0.5s cubic-bezier(0.16,1,0.3,1);}
.xp-box27 .xp27-list-item:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(9,70,152,0.12);}

/* 图标：hover 放大动效（统一交互） */
.xp-box27 .xp27-list-item-icon{transition:all 0.4s ease;}
.xp-box27 .xp27-list-item:hover .xp27-list-item-icon{transform:scale(1.08);}

.xp-box28{background: #EFF6F9;border-radius: 40px;padding:118px 0 0px;overflow: hidden;}
.xp-box28 .xp28-carousel{margin-top: -30px;position: relative;height: 600px;display: flex;justify-content: center;align-items: flex-end;}
.xp-box28 .xp28-track{position: relative;width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;}
.xp-box28 .xp28-slide{position: absolute;width: 460px;height: 430px;min-width: 460px;transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 30px;overflow: hidden;}
.xp-box28 .xp28-slide .xp28-slide-title{position: absolute;color:#fff;left:5%;bottom:18%;width: 90%;}
.xp-box28 .xp28-slide img{width: 100%;height: 100%;object-fit: cover;border-radius: 8px;box-shadow: 0 8px 32px rgba(0,0,0,0.15);}
.xp-box28 .xp28-prev-btn, .xp-box28 .xp28-next-btn{cursor: pointer;user-select: none;transition: all 0.3s ease;}
.xp-box28 .xp28-prev-btn:hover, .xp-box28 .xp28-next-btn:hover{transform: scale(1.1);}
.xp-box28 .xp28-back{width: 100%;margin-top: -72px;position: relative;z-index: 200;}
.xp-box28  .xp28-back-info{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 50px 22% 43px;}
.xp-box28  .xp28-back-info .xp28-back-icon{width: 46px;height: 46px;border-radius: 23px;border: 1px solid #074BBC;padding: 13px;color: #074BBC;}
.xp-box28  .xp28-back-info .xp28-back-icon2{color: #fff;background: #074BBC;}
.xp-box28  .xp28-back-icon-box{gap: 20px;}
.xp-box28  .xp28-back-info-text{margin-top: 70px;}
.xp-box28  .xp28-back-info-text span{font-weight: 900;color: #074BBC;}
.xp-box28  .xp5-more-btn{margin-top: 48px;}
/* xp-box28 加工车间入场动画 —— 完全对齐 xp-box22 动效规范 */
.xp-box28.xp-animate-section .xp-animate-item{opacity:0;transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box28.xp-animate-section.animate .xp-animate-item{opacity:1;}

/* 标题：从上方淡入（和 box22 完全一致） */
.xp-box28 h3{transform:translateY(-30px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1);}
.xp-box28.animate h3{transform:translateY(0);}

/* 轮播区域：缩放淡入（对齐 box22 内容区域动效） */
.xp-box28 .xp28-carousel{transform:scale(0.95);transition:all 1s cubic-bezier(0.16,1,0.3,1);transition-delay:0.25s;}
.xp-box28.animate .xp28-carousel{transform:scale(1);}

/* 底部背景卡片：从底部上移（对齐 box22 时间轴动效） */
.xp-box28 .xp28-back{transform:translateY(40px);transition:all 0.9s cubic-bezier(0.16,1,0.3,1);transition-delay:0.35s;}
.xp-box28.animate .xp28-back{transform:translateY(0);}

/* 左右箭头按钮：悬停 + 呼吸效果（对齐 box22 按钮规范） */
.xp-box28 .xp28-prev-btn,
.xp-box28 .xp28-next-btn{transition:all 0.3s ease;}
.xp-box28 .xp28-prev-btn:hover,
.xp-box28 .xp28-next-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(9,70,152,0.3);}

/* 右侧按钮呼吸动画（完全复用 box22） */
.xp-box28 .xp28-next-btn{animation:breathBtn 2s ease-in-out infinite;}
@keyframes breathBtn{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(9,70,152,0.4);}
  50%{transform:scale(1.05);box-shadow:0 0 20px 8px rgba(9,70,152,0.2);}
}

/* 更多装备按钮：统一悬停效果 */
/*.xp-box28 .xp5-more-btn{transition:all 0.3s ease;}*/
/*.xp-box28 .xp5-more-btn:hover{transform:scale(1.05);}*/

.f-bottom a:hover{color:#fff;}
.y-padding2{padding-left: calc(8.334% - 60px) !important;padding-right:calc(8.334% - 60px) !important;}
/* 英文首页 */
.en-header {background: #0D317C;padding: 25px 60px;}
.en-header .pc-nav ul{gap: 7%;}
.wid-10_2525{width: 10.2525%;}
.en-header  .pc-nav .pc-right{gap: 9px;}
.en-header  .pc-nav .pc-search {width: 23px;height: 23px;padding: 0; border: none;}
.en-header  .pc-nav .pc-search2{width: 22px;}
.en-header  .pc-nav .pc-line{width: 1px;height: 15px;background: #ffffff;opacity: 0.5;}
.en-header  .pc-nav .pc-right{margin-left :4%;}
.xp-box1 .swiper-down{position: absolute;bottom: 0;left: 0;z-index: 10;width: calc(100% - 120px);box-sizing: border-box;left: 60px;height: 101px;border-top: 1px solid #FFFFFF;color: white;}


.en-xp-box2{position: relative;padding: 122px 0 100px;overflow: hidden;}

/* 动画 - 完全和你 xp16 结构一致 */
.en-xp-box2.xp-animate-section .en-xp2-top,
.en-xp-box2.xp-animate-section .en-xp2-content > div,
.en-xp-box2.xp-animate-section .en-xp2-img > div,
.en-xp-box2.xp-animate-section .en-xp2-desc,
.en-xp-box2.xp-animate-section .en-xp2-sb,
.en-xp-box2.xp-animate-section .en-xp2-num{
    opacity:0;
    transform: translateY(40px);
    transition:all 0.8s cubic-bezier(0.16,1,0.3,1);
}
.en-xp-box2.xp-animate-section.animate .en-xp2-top{opacity:1;transform:translateY(0);transition-delay:0.2s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-content > div:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0.35s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-content > div:nth-child(2){opacity:1;transform:translateY(0);transition-delay:0.5s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-img > div:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0.6s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-img > div:nth-child(2){opacity:1;transform:translateY(0);transition-delay:0.7s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-img > div:nth-child(3){opacity:1;transform:translateY(0);transition-delay:0.8s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-desc{opacity:1;transform:translateY(0);transition-delay:0.9s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-sb{opacity:1;transform:translateY(0);transition-delay:1.0s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-num:nth-child(1){opacity:1;transform:translateY(0);transition-delay:1.1s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-num:nth-child(2){opacity:1;transform:translateY(0);transition-delay:1.2s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-num:nth-child(3){opacity:1;transform:translateY(0);transition-delay:1.3s;}
.en-xp-box2.xp-animate-section.animate .en-xp2-num:nth-child(4){opacity:1;transform:translateY(0);transition-delay:1.4s;}

.en-xp-box2 .en-xp2-top{position: absolute;top: 17px;right: 0;width: 135px;}
.en-xp-box2 .en-xp2-btn{background: #0064CF;border-radius: 8px;margin-top: 69px;padding: 20px 45px;color: white;}
.en-xp-box2 .en-xp2-content{gap: 101px;}
.en-xp-box2 .en-xp2-img{gap: 30px;margin-bottom: 71px;}
.en-xp-box2 .en-xp2-desc{margin-top: 29px;color:#666;}
.en-xp-box2 .en-xp2-sb{gap: 11px;margin-top: 45px;}
.en-xp-box2 .en-xp2-line{background: #CCCCCC;height: 1px;}
.en-xp-box2 .en-xp2-f{width: 8px;height: 8px;background: #999999;opacity: 0.8;}
.en-xp-box2 .en-xp2-numbox{margin-top: 43px;}
.en-xp-box2 .en-xp2-num{width: 25%;color: #666;}
.en-xp-box2 .en-xp2-num-v{color: #000;margin-bottom: 20px;font-family: Montserrat;}
.en-xp-box2 .en-xp2-num-v:hover{color: #0064CF;}
.en-xp-box2 .en-xp2-bottom{position: absolute;bottom: -217px;left: 0;width: 438px;height: 434px;}

.en-xp-box3{padding: 99px 0 40px;background: #F5F5F5;}

/* 🔥 高级入场动画 - 舒适协调 不影响任何原有样式 */
.en-xp-box3.xp-animate-section .en-xp3-title > div:first-child,
.en-xp-box3.xp-animate-section .en-xp3-tab,
.en-xp-box3.xp-animate-section .xp3-item,
.en-xp-box3.xp-animate-section .xp3-nav{opacity:0;transform:translateY(30px);transition:all 0.7s cubic-bezier(0.22,1,0.36,1);}
.en-xp-box3.xp-animate-section.animate .en-xp3-title > div:first-child{opacity:1;transform:translateY(0);transition-delay:0.2s;width: 30%;}
.en-xp-box3.xp-animate-section.animate .en-xp3-tab{opacity:1;transform:translateY(0);transition-delay:0.35s;}
.en-xp-box3.xp-animate-section.animate .xp3-item{opacity:1;transform:translateY(0);transition-delay:0.5s;}
.en-xp-box3.xp-animate-section.animate .xp3-nav{opacity:1;transform:translateY(0);transition-delay:0.7s;}

.en-xp-box3 .en-xp3-desc{margin-top: 30px;}
.en-xp-box3 .en-xp3-title{gap: 150px;padding: 0 60px;}
.en-xp-box3 .en-xp3-title .en-xp3-tab{gap: 91px;background: #FFFFFF90;border-radius: 10px;color: #666;}
.en-xp-box3 .en-xp3-title .en-xp3-tab div{padding: 30px 40px;border-radius: 10px;cursor: pointer;transition:all 0.25s ease;}
.en-xp-box3 .en-xp3-title .en-xp3-tab .active,.en-xp-box3 .en-xp3-title .en-xp3-tab div:hover{background: #0064CF;color: white;}

/* 🔥 切换按钮 精致炫酷hover */
.en-xp-box3 .xp3-nav-btn{width: 46px;height: 46px;border-radius: 4px;border: 1px solid #FFB80F;color: #FFB80F;padding: 12px;background-color: transparent;transition:all 0.3s ease;}
.en-xp-box3 .xp3-nav-btn:hover{background-color: #0064CF;color: #fff;border: 1px solid #0064CF;transform:scale(1.06);box-shadow:0 3px 8px rgba(0,100,207,0.15);}

.en-xp-box3 .xp3-item{width: 460px;min-width: 460px;height: auto !important;box-shadow:inherit;}
.en-xp-box3 .xp3-list-container{height: auto !important;}
.en-xp-box3 .xp3-item .xp3-item-img{border-radius: 10px;overflow: hidden;}
/* 🔥 仅图片轻微放大 */
.en-xp-box3 .xp3-item-img img{transition:transform 0.4s ease;}
.en-xp-box3 .xp3-item:hover .xp3-item-img img{transform:scale(1.03);}

.en-xp-box3 .xp3-item-title{background:transparent;position: relative;color: #000;padding: 40px 7px;gap: 10px;}
.en-xp-box3 .xp3-item:hover .xp3-item-title{color: #0064CF;}
.en-xp-box3 .xp3-item-more{width: 24px;height: 24px;display: none;}
.en-xp-box3 .xp3-item:hover .xp3-item-more{display: block;}
.en-xp-box3 .xp3-nav{margin-top: 20px !important;padding: 0 60px;}
.en-xp-box3 .xp3-progress{max-width: none !important;}
.en-xp-box3.xp-box3 .xp3-list{align-items: normal !important;}

.en-xp-box4{border-top: 1px solid #E9E9E9;border-bottom: 1px solid #E9E9E9;}
/* 🔥 高级入场动画 - 流畅滑上 完全不影响原有样式 */
.en-xp-box4.xp-animate-section .en-xp4-item{opacity:0;transform:translateY(40px);transition:all 0.75s cubic-bezier(0.22,1,0.36,1);}
.en-xp-box4.xp-animate-section.animate .en-xp4-item:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0.2s;}
.en-xp-box4.xp-animate-section.animate .en-xp4-item:nth-child(2){opacity:1;transform:translateY(0);transition-delay:0.35s;}
.en-xp-box4.xp-animate-section.animate .en-xp4-item:nth-child(3){opacity:1;transform:translateY(0);transition-delay:0.5s;}
.en-xp-box4.xp-animate-section.animate .en-xp4-item:nth-child(4){opacity:1;transform:translateY(0);transition-delay:0.65s;}

.en-xp-box4 .en-xp4-item{width: 25%;border-right: 1px solid #E9E9E9;padding: 96px 60px 68px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);background-color: transparent;}
.en-xp-box4 .en-xp4-item:last-child{border-right:none;}
.en-xp-box4  .en-xp4-desc{color: #666666;margin-top: 35px;transition: color 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.en-xp-box4  .en-xp4-icon{width: 100px;height: 100px;margin-top: 145px;transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.en-xp-box4 .en-xp4-item:hover{background-size: 100% 100%; color: white;position: relative;}
.en-xp-box4 .en-xp4-item:hover div{ color: white;position: relative;z-index: 5;}
.en-xp-box4 .en-xp4-item:nth-child(1):hover{background-image: url('../images/c61.png');}
.en-xp-box4 .en-xp4-item:nth-child(2):hover{background-image: url('../images/c62.png');}
.en-xp-box4 .en-xp4-item:nth-child(3):hover{background-image: url('../images/c63.png');}
.en-xp-box4 .en-xp4-item:nth-child(4):hover{background-image: url('../images/c6.png');}
.en-xp-box4 .en-xp4-item:hover::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.4);z-index: 1;transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.en-xp-box4 .en-xp4-item:hover .en-xp4-icon{transform: translateY(-10px);position: relative;z-index: 0;}
.en-xp-box4 .en-xp4-item:hover .en-xp4-desc{color: white;position: relative;z-index: 2;}
.en-xp-box4 .en-xp4-item .en-xp4-title{position: relative;z-index: 2;}

/* ===================== en-xp-box5 ===================== */
.en-xp-box5{padding:71px 0 100px;}
.en-xp-box5.xp-animate-section .en-xp5-title-box,.en-xp-box5.xp-animate-section .en-xp5-nav,.en-xp-box5.xp-animate-section .en-xp5-content-item{opacity:0;transform:translateY(30px);transition:all 0.7s cubic-bezier(0.22,1,0.36,1);}
.en-xp-box5.xp-animate-section.animate .en-xp5-title-box{opacity:1;transform:translateY(0);transition-delay:0.2s;}
.en-xp-box5.xp-animate-section.animate .en-xp5-nav{opacity:1;transform:translateY(0);transition-delay:0.35s;}
.en-xp-box5.xp-animate-section.animate .en-xp5-content-item{opacity:1;transform:translateY(0);transition-delay:0.5s;}
.en-xp-box5 .en-xp5-title{gap:153px;}
.en-xp-box5 .en-xp5-title-box{padding:0 60px;gap:20px;}
.en-xp-box5 .en-xp5-desc{color:#222222;}
.en-xp-box5 .en-xp5-nav{gap:24px;}
.en-xp-box5 .en-xp5-nav-btn,.en-xp-box5 .en-xp5-nav-btn:hover{width:46px;height:46px;background:#0064CF;border-radius:4px;color:white;padding:12px;box-sizing:border-box;border:1px solid #0064CF;}
.en-xp-box5 .en-xp5-nav-next{background-color:transparent;border:1px solid #FFB80F;color:#FFB80F;}
.en-xp-box5 .en-xp5-nav-btn.disabled{opacity:0.5;cursor:not-allowed;}
.en-xp-box5 .en-xp5-content-wrapper{overflow:hidden;width:100%;margin-top:70px;}
.en-xp-box5 .en-xp5-content{display:flex;overflow-x:auto;width:100%;gap:29px;transition:transform 0.3s ease;}
.en-xp-box5 .en-xp5-content-item{width:220px;height:100px;border-radius:10px;overflow:hidden;min-width:220px;}

/* ===================== en-xp-box6 ===================== */
.en-xp-box6{background-image:url('../images/xin_bjt.png');background-size:cover;padding:100px;}

/* 🔥🔥🔥 高级炫酷入场动画（放大淡入+滑上，视觉爆炸） */
.en-xp-box6.xp-animate-section .en-xp6-title,
.en-xp-box6.xp-animate-section .en-xp6-content-item,
.en-xp-box6.xp-animate-section .en-xp6-more{
    opacity:0;
    transform: translateY(50px) scale(0.92);
    transition:all 0.9s cubic-bezier(0.16,1,0.3,1);
}
.en-xp-box6.xp-animate-section.animate .en-xp6-title{
    opacity:1;
    transform:translateY(0) scale(1);
    transition-delay:0.2s;
}
.en-xp-box6.xp-animate-section.animate .en-xp6-content-item{
    opacity:1;
    transform:translateY(0) scale(1);
    transition-delay:0.4s;
}
.en-xp-box6.xp-animate-section.animate .en-xp6-more{
    opacity:1;
    transform:translateY(0) scale(1);
    transition-delay:0.7s;
}

.en-xp-box6 .en-xp6-content{gap:29px;margin-top:70px;}
.en-xp-box6 .en-xp6-content-item{width:50%;gap:28px 4%;}
.en-xp-box6 .en-xp6-content-img{width:48%;height:352px;}
.en-xp-box6 .en-xp6-content-item2{height:518px;}
.en-xp-box6 .en-xp6-more{margin:auto;margin-top:70px;width:180px;height:52px;background:#FFB80F;border-radius:8px;}

/* ===================== en-xp-box7 ===================== */
.en-xp-box7{padding: 138px 0 100px;}
/* 入场动画 - 高级协调 不影响任何样式 */
.en-xp-box7.xp-animate-section .en-xp7-title,
.en-xp-box7.xp-animate-section .en-xp7-left,
.en-xp-box7.xp-animate-section .en-xp7-right-item{opacity:0;transform:translateY(30px);transition:all 0.7s cubic-bezier(0.22,1,0.36,1);}
.en-xp-box7.xp-animate-section.animate .en-xp7-title{opacity:1;transform:translateY(0);transition-delay:0.2s;}
.en-xp-box7.xp-animate-section.animate .en-xp7-left{opacity:1;transform:translateY(0);transition-delay:0.4s;}
.en-xp-box7.xp-animate-section.animate .en-xp7-right-item{opacity:1;transform:translateY(0);transition-delay:0.55s;}

/* 鼠标划入高级微动 不改变样式结构 */
.en-xp-box7 .en-xp7-tab div{padding-bottom: 36px;transition:all 0.25s ease;cursor:pointer;}
.en-xp-box7 .en-xp7-tab div:hover{color:#0064CF;}
.en-xp-box7 .en-xp7-left-img img{transition:transform 0.4s ease;}
.en-xp-box7 .en-xp7-left-img:hover img{transform:scale(1.03);}
.en-xp-box7 .en-xp7-more-box{gap:15px;color:#0064CF;transition:all 0.3s ease;cursor:pointer;}
.en-xp-box7 .en-xp7-more{width:26px;height:26px;transition:transform 0.3s ease;}
.en-xp-box7 .en-xp7-more-box:hover .en-xp7-more{transform:translateX(4px);}
.en-xp-box7 .en-xp7-right-item{padding: 45px 0 25px;border-bottom: 1px solid #CCCCCC;gap: 69px;transition:all 0.3s ease;}
.en-xp-box7 .en-xp7-right-item:hover{padding-left:8px;}
.en-xp-box7 .en-xp7-right-img img{transition:transform 0.4s ease;}
.en-xp-box7 .en-xp7-right-item:hover .en-xp7-right-img img{transform:scale(1.03);}
.en-xp-box7 .en-xp7-more2{color:#999999;width:22px;height:22px;transition:transform 0.3s ease;}
.en-xp-box7 .en-xp7-right-item:hover .en-xp7-more2{transform:translateX(3px);}

.en-xp-box7 .en-xp7-title{border-bottom: 1px solid #CCCCCC;gap: 2%;}
.en-xp-box7  .en-xp7-tab{gap: 70px;}
.en-xp-box7  .en-xp7-tab .active{color: #0064CF;border-bottom: 1px solid #0064CF;}
.en-xp-box7  .en-xp7-list{gap: 149px;margin-top: 70px;}
.en-xp-box7 .en-xp7-left{width: 40%;min-width: 40%;}
.en-xp-box7 .en-xp7-left-img{height: 360px;margin-bottom: 39px;border-radius: 10px;overflow: hidden;}
.en-xp-box7 .en-xp7-left-desc{margin-top: 20px;color: #666;}
.en-xp-box7  .en-xp7-left-date{margin-top: 47px;color: #666;}
.en-xp-box7 .en-xp7-right{width: 50%;}
.en-xp-box7  .en-xp7-right-item:first-child{padding-top: 0;}
.en-xp-box7  .en-xp7-right-desc{color: #666;margin: 18px 0 28px;}
.en-xp-box7 .en-xp7-right-img{width: 230px;height: 138px;min-width: 230px;border-radius: 10px;overflow: hidden;}
.en-xp7-right-item-left{width:62%;}

/* 新闻列表切换 */
.en-xp-box7 .en-xp7-list{display: none;}
.en-xp-box7 .en-xp7-list.active{display: flex;}

.en-footer{padding: 97px 60px 0;background-color: #055CB9;}
.en-footer .f-top{padding: 40px 150px;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;color: #ffffff60;}
.en-footer .f-bottom{background-color: transparent;color: #ffffff60;}
.en-footer .f-info{gap: 100px;padding: 0 195px 36px 151px;}
.en-footer .f-logo-box{height: 100%;gap: 260px;}
.en-footer .f-logo{width: 179px;min-width: 179px;}
.en-footer .f-icon{gap: 16px;}
.en-footer .f-icon-item{width: 25px;height: 25px;}
.en-footer .f-info-right-item{margin-bottom: 21px;}
.en-footer .f-email{margin-top: 19px;}
.en-footer .f-input-max{width: 59.227%;}
.en-footer .f-input-box{margin-top: 33px;}
.en-footer .f-input-box .f-input-top{gap: 34px;}
.en-footer .f-input-box .f-input{width: 180px;height: 38px;background: #4A92E0;border-radius: 10px;padding: 0 21px;}
.en-footer  .f-info-left{gap: 120px;width: 70%;}
.en-footer .f-input-box .f-textarea{padding: 21px;height: 110px;background: #4A92E0;border-radius: 10px;margin-top: 20px;}
.en-footer .f-input-btn{width: 180px;height: 52px;background: #FFB80F;border-radius: 10px;color: #FFFFFF;margin-top: 39px;cursor: pointer;}
.en-footer .f-input-btn:hover{color: #055CB9;}
.en-footer .f-info-right{min-width: 30%;}
.en-header .mobile-nav{background-color: #0D317C;}

.search-container .products-grid .product-card .card-image{height:321px;}
/* 模块end */


/* ///////媒体查询/////// */
@media screen and (max-width: 1700px) {
  .xp-box3{padding: 85px 0 100px;}
  .xp-box4{padding: 78px 0;min-height: 830px;}
  .xp-box4 .xp4-tips{margin-top: 26px;}
  .xp-box4 .xp4-list{margin-top: 78px;gap: 52px 12.87%;}
  .xp-box4 .xp4-item{border-radius: 9px;padding: 30px 44px 36px;width: 24.75%;}
  .xp-box4 .xp4-item-icon{width: 62px;height: 62px;margin: 0 auto 29px;}
  .xp-box5{padding: 108px 0 94px;}
  .xp5-swiper-container{margin-top: 78px;}
  .xp5-slide-content img{height: 624px;}
  .xp5-slide-title{padding: 70px 30px 38px;}
  .xp5-nav-prev, .xp5-nav-next{width: 50px;height: 50px;}
  .xp5-nav-prev{left: calc(19.5% - 25px);}
  .xp5-nav-next{right: calc(19.5% - 25px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 18px;height: 18px;}
  .xp5-more-btn{padding: 7px 7px 7px 18px;margin-top: 43px;gap: 38px;}
  .xp5-more-icon{width: 30px;height: 30px;padding: 7px;}
  .xp-box1{height: 950px;}
  .xp-box1 .swiper-pagination{bottom: 50px !important;}
  .xp-box2{padding-top: 95px;}
  .xp-box2 .xp2-content{gap: 115px;}
  .xp-box2 .xp2-more{height: 58px;border-radius: 29px;padding: 0 45px 0 35px;gap: 32px;}
  .xp-box2 .xp2-icon{width: 19px;height: 14px;}
  .xp-box2 .xp2-tips{margin-top: 26px;}
  .xp-box2 .xp2-more{margin-top: 36px;}
  .xp-box2 .xp2-text{margin-top: 34px;}
  .xp-box2 .xp2-item{padding-bottom: 60px;margin-bottom: 98px;}
  .xp-box2 .xp2-back{margin-top: -300px;}
  .xp-box2 .xp2-unit{top: -10px;right: -20px;}
  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;}
  .xp-box3 .xp3-btn{gap: 25px;margin-top: 90px;}
  .xp-box3 .xp3-btn .xp3-btn-item{min-width: 220px;height: 62px;border-radius: 31px;}
  .xp-box3 .xp3-list-container{height: 450px;margin-top: 45px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 25px;}
  .xp-box3 .xp3-list{gap: 14px;}
  .xp-box3 .xp3-item{width: 420px;height: 315px;border-radius: 10px;}
  .xp-box3 .xp3-item-tall{margin-top: -70px;}
  .xp-box3 .xp3-item-short{margin-top: 70px;}
  .xp-box3 .xp3-item-title{padding: 70px 12px 12px;}
  .xp-box3 .xp3-nav{gap: 18px;margin-top: 45px;}
  .xp-box3 .xp3-nav-btn{width: 70px;height: 70px;}
  .xp-box3 .xp3-nav-btn svg{width: 22px;height: 22px;}
  .xp-box3 .xp3-progress{max-width: 580px;height: 4px;}
  .xp-box6{padding: 70px 0 94px;}
  .xp-box6 .xp6-nav{gap: 11px;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 60px;height: 60px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 18px;height: 18px;}
  .xp-box6 .xp6-list-container{margin-top: 86px;}
  .xp-box6 .xp6-list{gap: 56px;}
  .xp-box6 .xp6-item{width: 436px;}
  .xp-box6 .xp6-item img{height: 261px;}
  .xp-box6 .xp6-date{padding: 27px 1px 21px;}
  .xp-box6 .xp6-title{padding: 0 1px 35px;}
  .xp-box6 .xp6-more-btn{padding: 20px 32px;margin-top: 112px;gap: 42px;}
  .xp-box6 .xp6-more-icon{width: 19px;height: 19px;}
  .xp-box7{padding: 110px 0 96px;min-height: 640px;}
  .xp-box7 .xp7-add{margin-top: -17px;margin-left: 9px;}
  .xp-box7 .xp7-title{margin-top: 35px;}
  .xp-box7 .xp7-list{gap:13px 1.7%;width: 65%;}
  .xp-box7 .xp7-img{width: 195px;height: 100px;border-radius: 9px;}
  footer{padding: 53px 0 0;}
  footer .f-title{margin-bottom: 35px;}
  footer .f-nav ul li{margin-bottom: 18px;}
  footer .f-qrcode-box{width: 84px;}
  footer .f-qrcode{width: 84px;height: 84px;margin-bottom: 7px;}
  footer .f-content{margin-top: 80px;}
  footer .f-content-box{padding-bottom:23px;}
  footer .f-content-left{gap:23px;}
  footer .f-line{height: 102px;margin-left: 24px; margin-right: 28px;}
  footer .f-line2{margin-left: 83px; margin-right: 32px;}
  footer .f-phone{margin-top: 35px;}
  footer .f-address{margin-top: 42px;}
  footer .f-link-box{padding:13px;}
  footer .f-link{padding:20px 0;}
  footer .f-bottom{gap:32px;padding:26px 20px 20px;}
  .xp-box8 h3{bottom: 56px;bottom:9.5%;}
  .xp-box9{padding: 25px;flex-wrap: wrap;gap: 16px;}
  .xp-box9 .xp9-icon{width: 16px;height: 16px;margin-right: 8px;}
  .xp-box10{padding: 34px 0 124px;}
  .xp10-list{gap: 43px 2.7%;}
  .xp-box10 .xp10-item{border-radius: 14px;width: 31.3%;}
  .xp-box10 .xp10-item-img{height: 312px;}
  .xp-box10 .xp10-content{padding: 14px 12px 27px;height: calc(100% - 312px);}
  .xp-box10 .xp10-content-label{margin-top: 14px;gap: 12px;}
  .xp-box10 .xp10-content-label-item{padding: 5px 9px;}
  .xp-box11{padding: 84px 0 122px;}
  .xp-box11 .xp11-list{gap: 38px 2.4%;}
  .xp-box11 .xp11-item{width: 48.8%;}
  .xp-box11 .xp11-item-img{height: 389px;}
  .xp-box11 .xp11-content{border-radius: 14px;padding: 80px 15px 16px;}
  .xp-box12{padding: 53px 0 122px;}
  .xp-box12 .xp12-content{border-radius: 14px;padding: 88px 15px 16px;}
  .xp-box12 .xp12-item-img{height: 414px;}
  .xp-box13{padding: 118px 0 128px;gap: 80px;}
  .xp-box13 .xp13-title{}
  .xp-box13 .xp13-desc{margin-top: 14px;}
  .xp-box13 .xp13-contact{margin-top: 30px;}
  .xp-box13 .xp13-contact-item{margin-bottom: 10px;border-radius: 9px;padding: 24px 22px 27px;}
  .xp-box13 .xp13-contact-item-title{gap: 20px;}
  .xp13-contact-item-phone{margin-top: 20px;}
  .xp-box13 .xp13-right{border-radius: 9px;padding: 32px 27px 20px;}
  .xp-box13 .xp13-right-title{margin-bottom: 36px;}
  .xp-box13 .xp13-right-desc{margin-top: 26px;margin-bottom: 36px;}
  .xp-box13 .xp13-right-icon-box{gap: 27px;}
  .xp-box13 .xp13-right-icon{width: 44px;height: 44px;padding: 9px;}

  .xp-box14{padding: 0 0 134px;}
  .xp-box14 .xp14-tips{margin-top: 34px;}
  .xp-box14 .xp14-form{margin-top: 47px;}
  .xp-box14 .xp14-form-item{gap: 13px 2.4%;}
  .xp-box14 .xp14-input{width: 48.8%;border-radius: 9px;padding: 0 24px;height: 85px;}
  .quote-section .quote-section-title{border-radius: 9px;padding: 0 24px;height: 85px;margin-bottom: 13px;}
  .xp-box14 .xp14-textarea{height: 272px;border-radius: 9px;margin-top: 18px;padding: 34px 25px;}
  .xp-box14 .xp14-input-code{width: 29.3%;height: 101px;min-width: 29.3%;}
  .xp-box14 .xp14-img{width: 310px;height: 101px;min-width: 310px;border-radius: 9px;}
  .xp-box14 .xp14-form-item2{gap: 14px;margin-top: 29px;}
  .xp-box14 .xp14-btn{height: 101px;margin-left: 29px;}
  .pagination{margin: 70px 0 17px;gap: 7px;}
  .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: 495px;}
  .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;}
  .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;}
  .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: 141px 0 116px;}
  .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;}
  .xp-box15 .xp15-left div{min-width: 131px;height: 63px;line-height: 63px;}
  .xp-box15 .xp15-left .xp15-line{height: 12px;}
  .xp-box16{padding: 70px 0 0;gap: 42px;}
  .xp-box16 .xp16-item{padding: 35px 27px 30px;}
  .xp-box16 .xp16-date{margin-bottom: 24px;}
  .xp-box16 .xp16-img{margin-top: 25px;border-radius: 9px;margin-bottom: 26px;height: 232px;}
  .xp-box16 .xp16-label{margin-top: 25px;gap: 11px;padding-bottom: 20px;}
  .xp-box16 .xp16-label-item{padding: 5px 6px;}
  .xp-box16 .xp16-more{margin-top: 19px;gap: 7px;}
  .xp-box16 .xp16-more-icon{width: 15px;height: 15px;}
  .xp-box17{padding: 44px 0 70px;}
  .xp-box17 .xp17-item{padding: 67px 64px 40px 38px;gap: 109px;margin-bottom: 28px;}
  .xp-box17 .xp17-item-left{gap: 40px;width: 85%;}
  .xp-box17 .xp17-item-info{gap: 26px;width: 88%;}
  .xp-box18{padding: 70px 0 114px;gap: 58px;}
.xp-box18 .xp18-left{width: calc(100% - 322px - 58px);}
  .xp18-content{padding: 44px 18px 52px;}
  .xp-box18 .xp18-title{padding-bottom: 18px;margin-bottom: 26px;}
  .xp-box18 .xp18-date{gap: 18px;}
  .xp-box18 .xp18-label{margin-top: 64px;padding-top: 32px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 11px;margin-left: 11px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 5px 11px;border-radius: 4px;}
  .xp-box18 .xp-next{margin-top: 33px;}
  .xp-box18 .xp-next-item{padding: 18px;border-radius: 4px;margin-bottom: 13px;}
  .xp-box18 .xp-next-item span{padding: 0 11px;}
  .xp-box18 .xp18-right{width: 322px;}
  .xp-box18 .xp18-right-content{margin-bottom: 31px;border-radius: 14px;}
  .xp-box18 .xp18-right-title{padding: 25px 13px 21px;}
  .xp-box18 .xp18-right-list{min-height: 440px;}
  .xp-box18 .xp18-right-item{padding: 18px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 13px;}
  .xp-box18 .xp18-right-list2{padding: 14px 18px 29px;}
  .xp-box19{padding: 112px 0 0;}
  .xp-box19 .xp19-top{width: 125px;}
  .xp-box19 .xp19-title{margin-top: 21px;}
  .xp-box19 .xp19-content{gap: 117px;}
  .xp-box19 .xp19-img-box{gap: 36px;}
  .xp-box19 .xp19-img{width: 247px;height: 247px;}
  .xp-box19 .xp19-text{margin-top: 49px;}
  .xp-box19 .xp-data{margin-top: 71px;gap: 14px;}
  .xp-box19 .xp-data-item{gap: 14px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 70px;}
  .xp-box20{padding: 81px 0 0;}
  .xp-box20 .xp20-item{height: 367px;}
  .xp-box20 .xp20-pagination{gap: 7px;margin-top: 18px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 11px;height: 11px;}
  .xp-box21{padding: 137px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 26px;}
  .xp-box21 .xp21-list{margin-top: 38px;}
  .xp21-item-info-text{margin-top: 51px;}
  .xp-box22{padding: 112px 0 104px;}
  .xp-box22 .xp22-desc{margin-top: 26px;}
  .xp-box22 .xp22-info{padding: 109px 0 97px;}
  .xp-box22 .xp22-imgBox{gap: 43px;}
  .xp-box22 .xp22-img{width: 358px;height: 249px;}
  .xp-box22 .xp22-info-text{margin-top: 17px;}
  .xp-box22 .xp22-year{font-size: 265px;}
  .xp-box22 .timeline-track-btn{width: 51px;height: 51px;border-radius: 50% !important;padding: 16px 13px;min-width: 51px;}
  .xp-box22 .timeline-line{padding: 24px  0 0 191px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 9px;height: 9px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 16px;height: 16px;margin-top: -3px;}
  .xp-box22 .timeline-year{margin-top: 44px;}
  .xp-box22 .timeline-year-active{margin-top: 31px;}
  .xp-box23{padding: 73px;}
  .xp-box23 .xp23-desc{margin-top: 19px;}
  .xp-box23 .xp23-swiper{margin-top: 88px;}
  .xp-box23 .xp23-list{gap: 25px 2%;}
  .xp-box23 .xp23-item{height: 108px;}
  .xp-box23 .xp23-pagination{gap: 11px;margin-top: 35px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 35px;height: 5px;border-radius: 3px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 53px;}
  .xp-box24{padding: 117px 0 135px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 32px;}
  .xp24-list{margin-top: 70px;}
  .xp24-list-title{padding: 26px 95px;}
  .xp24-list ul li{margin-top: 14px;padding: 0 55px;}
  .xp24-list ul li .xp24-list-title2{padding: 26px 46px;}
  .xp24-list ul li .xp24-list-title2-icon{width: 28px !important;height: 28px;}
  .xp24-list ul li .xp24-list-content{padding: 18px 42px 39px;}
  .xp-box25{padding: 94px 0 120px;}
  .xp-box25 .xp25-title-box{gap: 210px;}
  .xp-box25 .xp25-title{margin-bottom: 38px;}
  .xp-box25 .xp25-icon-box{gap: 23px;}
  .xp-box25 .xp25-icon{width: 76px;height: 76px;padding: 24px;min-width: 76px;}
  .xp-box25 .xp25-line{width: 27px;height: 2px;margin-right: 7px;}
  .xp-box25 .xp-box5{padding: 111px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 502px;}
  .xp-box25 .xp5-slide-title{padding: 41px 23px 29px;}
  .xp-box26{padding: 226px 0 0;}
  .xp-box26 .xp26-top{width: 108px;top: 29px;}
  .xp-box26 .xp26-en{margin-top: 28px;}
  .xp-box26 .xp26-title-box{gap: 27px;}
  .xp-box26 .xp26-list{gap: 37px;}
  .xp-box26 .xp26-list-item1{margin-top: -99px;}
  .xp-box26 .xp26-list-item3{margin-top: -53px;}
  .xp-box26 .xp26-list-info{padding: 28px 19px 22px;}
  .xp-box26 .xp26-icon{width: 24px;height: 24px;margin-right: 12px;min-width: 24px;}
  .xp-box27{padding: 124px 0 142px;}
  .xp-box27 .xp27-top{width: 237px;top: -51px;}
  .xp-box27 .xp27-list{gap: 24px;margin-top: 57px;}
  .xp-box27 .xp27-list-item{width: 33.3%;border-radius: 19px;padding: 60px 72px 64px;}
  .xp-box27 .xp27-list-item-icon{width: 104px;height: 104px;margin-bottom: 38px;}
  .xp-box28{border-radius: 38px;padding: 111px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: -28px;height: 565px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 433px;height: 405px;min-width: 433px;border-radius: 28px;}
  .xp-box28 .xp28-slide img{border-radius: 8px;}
  .xp-box28 .xp28-back{margin-top: -68px;}
  .xp-box28 .xp28-back-info{padding: 47px 21% 41px;b}
  .xp-box28 .xp28-back-info .xp28-back-icon{width: 44px;height: 44px;border-radius: 22px;padding: 12px;}
  .xp-box28 .xp28-back-icon-box{gap: 19px;}
  .xp-box28 .xp28-back-info-text{margin-top: 49px;}
  .xp-box28 .xp5-more-btn{margin-top: 45px;}

  
  .en-header {padding: 22px 50px;}
  .en-header .pc-nav ul{gap: 6%;}
  .en-header  .pc-nav .pc-right{margin-left: 3.5%;}
  .en-xp-box2{padding: 108px 0 88px;}
  .en-xp-box2 .en-xp2-top{width: 120px;}
  .en-xp-box2 .en-xp2-btn{padding: 18px 40px;margin-top: 62px;}
  .en-xp-box2 .en-xp2-content{gap: 90px;}
  .en-xp-box2 .en-xp2-img{gap: 26px;margin-bottom: 63px;}
  .en-xp-box2 .en-xp2-desc{margin-top: 26px;}
  .en-xp-box2 .en-xp2-sb{gap: 10px;margin-top: 40px;}
  .en-xp-box2 .en-xp2-numbox{margin-top: 38px;}
  .en-xp-box2 .en-xp2-bottom{width: 390px;height: 386px;bottom: -190px;}
  .en-xp-box3{padding: 88px 0 35px;}
  .en-xp-box3 .en-xp3-desc{margin-top: 26px;}
  .en-xp-box3 .en-xp3-title{gap: 130px;padding: 0 50px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab{gap: 80px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab div{padding: 26px 35px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab .active{padding: 26px 35px;}
  .en-xp-box3 .xp3-item{width: 410px;min-width: 410px;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height: 567px;}*/
  .en-xp-box3 .xp3-item-title{padding: 35px 6px;}
  .en-xp-box3 .xp3-nav{margin-top: 58px;padding: 0 50px;}
  .en-xp-box4 .en-xp4-item{padding: 85px 50px 60px;}
  .en-xp-box4 .en-xp4-icon{width: 90px;height: 90px;margin-top: 128px;}
  .en-xp-box4 .en-xp4-desc{margin-top: 31px;}
  .en-xp-box5{padding: 62px 0 88px;}
  .en-xp-box5 .en-xp5-title{gap: 135px;}
  .en-xp-box5 .en-xp5-title-box{padding: 0 50px;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 62px;}
  .en-xp-box5 .en-xp5-content{gap: 25px;}
  .en-xp-box5 .en-xp5-content-item{width: 195px;height: 88px;min-width: 195px;}
  .en-xp-box6{padding: 88px;}
  .en-xp-box6 .en-xp6-content{gap: 25px;margin-top: 62px;}
  .en-xp-box6 .en-xp6-content-img{height: 322px;}
  .en-xp-box6 .en-xp6-content-item2{height: 465px;}
  .en-xp-box6 .en-xp6-more{margin-top: 62px;width: 160px;height: 46px;}
  .en-footer .f-input-btn{width: 160px;height: 46px;}
  .en-xp-box7{padding: 122px 0 88px;}
  .en-xp-box7 .en-xp7-tab{gap: 62px;}
  .en-xp-box7 .en-xp7-tab div{padding-bottom: 32px;}
  .en-xp-box7 .en-xp7-list{gap: 130px;margin-top: 62px;}
  .en-xp-box7 .en-xp7-left{width: 38%;min-width: 38%;}
  .en-xp-box7 .en-xp7-left-img{height: 301px;margin-bottom: 34px;}
  .en-xp-box7 .en-xp7-left-desc{margin-top: 18px;}
  .en-xp-box7 .en-xp7-left-date{margin-top: 42px;}
  .en-xp-box7 .en-xp7-right-item{padding: 40px 0 22px;gap: 62px;}
  .en-xp-box7 .en-xp7-right-desc{margin: 16px 0 25px;}
  .en-xp-box7 .en-xp7-right-img{width: 205px;height: 122px;min-width: 205px;}
  .en-xp-box7 .en-xp7-right{width: 52%;}
  .en-footer{padding: 86px 50px 0;}
  .y-padding2 {padding-left: calc(8.334% - 50px) !important;padding-right: calc(8.334% - 50px) !important;}
  .en-footer .f-top{padding: 35px 130px;}
  .en-footer .f-info{gap: 88px;padding: 0 170px 32px 133px;}
    .en-footer .f-logo-box{gap: 230px;}
    .en-footer .f-input-box .f-input-top{gap: 30px;}
  .en-footer .f-info-left{gap: 105px;}
  
.search-container .products-grid .product-card .card-image{height:288px !important;}
}

@media screen and (max-width: 1600px){
  .xp-box3{padding: 78px 0 92px;}
  .xp-box4{padding: 68px 0;min-height: 720px;}
  .xp-box4 .xp4-tips{margin-top: 22px;}
  .xp-box4 .xp4-list{margin-top: 68px;gap: 45px 12.87%;}
  .xp-box4 .xp4-item{border-radius: 8px;padding: 26px 38px 31px;width: 24.75%;}
  .xp-box4 .xp4-item-icon{width: 54px;height: 54px;margin: 0 auto 25px;}
  .xp-box5{padding: 96px 0 85px;}
  .xp5-swiper-container{margin-top: 68px;}
  .xp5-slide-content img{height: 627px;}
  .xp5-slide-title{padding: 62px 26px 34px;}
  .xp5-nav-prev, .xp5-nav-next{width: 46px;height: 46px;}
  .xp5-nav-prev{left: calc(17.5% - 23px);}
  .xp5-nav-next{right: calc(17.5% - 23px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 16px;height: 16px;}
  .xp5-more-btn{padding: 6px 6px 6px 16px;margin-top: 38px;gap: 34px;}
  .xp5-more-icon{width: 27px;height: 27px;padding: 6px;}
  .xp-box1{height: 880px;}
  .xp-box1 .swiper-pagination{bottom: 45px !important;}
  .xp-box2{padding-top: 88px;}
  .xp-box2 .xp2-content{gap: 105px;}
  .xp-box2 .xp2-more{height: 54px;border-radius: 27px;padding: 0 42px 0 33px;gap: 30px;}
  .xp-box2 .xp2-icon{width: 18px;height: 13px;}
  .xp-box2 .xp2-tips{margin-top: 24px;}
  .xp-box2 .xp2-more{margin-top: 34px;}
  .xp-box2 .xp2-text{margin-top: 32px;}
  .xp-box2 .xp2-item{padding-bottom: 55px;margin-bottom: 90px;}
  .xp-box2 .xp2-back{margin-top: -280px;}
  .xp-box2 .xp2-unit{top: -9px;right: -19px;}
  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;}
  .xp-box3 .xp3-btn{gap: 22px;margin-top: 80px;}
  .xp-box3 .xp3-btn .xp3-btn-item{min-width: 200px;height: 56px;border-radius: 28px;}
  .xp-box3 .xp3-list-container{height: 400px;margin-top: 40px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 22px;}
  .xp-box3 .xp3-list{gap: 12px;}
  .xp-box3 .xp3-item{width: 380px;height: 280px;border-radius: 10px;}
  .xp-box3 .xp3-item-tall{margin-top: -60px;}
  .xp-box3 .xp3-item-short{margin-top: 60px;}
  .xp-box3 .xp3-item-title{padding: 60px 11px 11px;}
  .xp-box3 .xp3-nav{gap: 16px;margin-top: 40px;}
  .xp-box3 .xp3-nav-btn{width: 62px;height: 62px;}
  .xp-box3 .xp3-nav-btn svg{width: 20px;height: 20px;}
  .xp-box3 .xp3-progress{max-width: 520px;height: 4px;}
  .xp-box6{padding: 64px 0 86px;}
  .xp-box6 .xp6-nav{gap: 10px;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 54px;height: 54px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 16px;height: 16px;}
  .xp-box6 .xp6-list-container{margin-top: 78px;}
  .xp-box6 .xp6-list{gap: 51px;}
  .xp-box6 .xp6-item{width: 396px;}
  .xp-box6 .xp6-item img{height: 238px;}
  .xp-box6 .xp6-date{padding: 24px 1px 19px;}
  .xp-box6 .xp6-title{padding: 0 1px 32px;}
  .xp-box6 .xp6-more-btn{padding: 18px 29px;margin-top: 102px;gap: 38px;}
  .xp-box6 .xp6-more-icon{width: 17px;height: 17px;}
  .xp-box7{padding: 100px 0 88px;min-height: 585px;}
  .xp-box7 .xp7-add{margin-top: -15px;margin-left: 8px;}
  .xp-box7 .xp7-title{margin-top: 32px;}
  .xp-box7 .xp7-list{gap:12px 1.7%;width: 70%;}
  .xp-box7 .xp7-img{width: 175px;height: 90px;border-radius: 8px;}
  footer{padding: 48px 0 0;}
  footer .f-title{margin-bottom: 32px;}
  footer .f-nav ul li{margin-bottom: 16px;}
  footer .f-qrcode-box{width: 76px;}
  footer .f-qrcode{width: 76px;height: 76px;margin-bottom: 7px;}
  footer .f-content{margin-top: 50px;}
  footer .f-content-box{padding-bottom:21px;}
  footer .f-content-left{gap:21px;}
  footer .f-line{height: 92px;margin-left: 22px; margin-right: 25px;}
  footer .f-line2{margin-left: 74px; margin-right: 29px;}
  footer .f-phone{margin-top: 32px;}
  footer .f-address{margin-top: 38px;}
  footer .f-link-box{padding:12px;}
  footer .f-link{padding:18px 0;}
  footer .f-bottom{gap:29px;padding:24px 18px 18px;}
  .xp-box8 h3{bottom: 50px;bottom:8.5%;}
  .xp-box9{padding: 22px;}
  .xp-box9 .xp9-icon{width: 15px;height: 15px;margin-right: 7px;}
  .xp-box10{padding: 30px 0 110px;}
  .xp10-list{gap: 38px 2.5%;}
  .xp-box10 .xp10-item{border-radius: 13px;width: 31.3%;}
  .xp-box10 .xp10-item-img{height: 293px;}
  .xp-box10 .xp10-content{padding: 13px 11px 24px;height: calc(100% - 293px);}
  .xp-box10 .xp10-content-label{margin-top: 13px;gap: 11px;}
  .xp-box10 .xp10-content-label-item{padding: 5px 8px;}
  .xp-box11{padding: 76px 0 112px;}
  .xp-box11 .xp11-list{gap: 35px 2.4%;}
  .xp-box11 .xp11-item{width: 48.8%;}
  .xp-box11 .xp11-item-img{height: 366px;}
  .xp-box11 .xp11-content{border-radius: 13px;padding: 72px 14px 15px;}
  .xp-box12{padding: 48px 0 112px;}
  .xp-box12 .xp12-content{border-radius: 13px;padding: 80px 14px 15px;}
  .xp-box12 .xp12-item-img{height: 390px;}
  .xp-box13{padding: 60px 0 118px;gap: 74px;}
  .xp-box13 .xp13-desc{margin-top: 13px;}
  .xp-box13 .xp13-contact{margin-top: 28px;}
  .xp-box13 .xp13-contact-item{margin-bottom: 9px;border-radius: 8px;padding: 22px 20px 24px;}
  .xp-box13 .xp13-contact-item-title{gap: 18px;}
  .xp13-contact-item-phone{margin-top: 18px;}
  .xp-box13 .xp13-right{border-radius: 8px;padding: 29px 24px 18px;}
  .xp-box13 .xp13-right-title{margin-bottom: 33px;}
  .xp-box13 .xp13-right-desc{margin-top: 24px;margin-bottom: 33px;}
  .xp-box13 .xp13-right-icon-box{gap: 24px;}
  .xp-box13 .xp13-right-icon{width: 40px;height: 40px;padding: 8px;}
  .xp-box14{padding: 0 0 100px;}
  .xp-box14 .xp14-tips{margin-top: 31px;}
  .xp-box14 .xp14-form{margin-top: 43px;}
  .xp-box14 .xp14-form-item{gap: 12px 2.4%;}
  .xp-box14 .xp14-input{width: 48.8%;border-radius: 8px;padding: 0 22px;height: 78px;}
  .quote-section .quote-section-title{border-radius: 8px;padding: 0 22px;height: 78px;margin-bottom: 12px;}
  .xp-box14 .xp14-textarea{height: 250px;border-radius: 8px;margin-top: 16px;padding: 31px 23px;}
  .xp-box14 .xp14-input-code{width: 29.3%;height: 93px;min-width: 29.3%;}
  .xp-box14 .xp14-img{width: 285px;height: 93px;min-width: 285px;border-radius: 8px;}
  .xp-box14 .xp14-form-item2{gap: 13px;margin-top: 27px;}
  .xp-box14 .xp14-btn{height: 93px;margin-left: 27px;}
  .pagination{margin: 30px 0 0px;gap: 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: 468px;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;}
  .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;}
  .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-section{padding: 128px 0 105px;}
  .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-section{padding: 47px 0 106px;}
  .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;}
  .xp-box15 .xp15-left div{min-width: 131px;height: 63px;line-height: 63px;}
  .xp-box15 .xp15-left .xp15-line{height: 12px;}
  .xp-box16{padding: 70px 0 0;gap: 42px;}
  .xp-box16 .xp16-item{padding: 35px 27px 30px;}
  .xp-box16 .xp16-date{margin-bottom: 24px;}
  .xp-box16 .xp16-img{margin-top: 25px;border-radius: 9px;margin-bottom: 26px;height: 216px;}
  .xp-box16 .xp16-label{margin-top: 25px;gap: 11px;padding-bottom: 20px;}
  .xp-box16 .xp16-label-item{padding: 5px 6px;}
  .xp-box16 .xp16-more{margin-top: 19px;gap: 7px;}
  .xp-box16 .xp16-more-icon{width: 15px;height: 15px;}
  .xp-box17{padding: 44px 0 70px;}
  .xp-box17 .xp17-item{padding: 67px 64px 40px 38px;gap: 109px;margin-bottom: 28px;}
  .xp-box17 .xp17-item-left{gap: 40px;width: 85%;}
  .xp-box17 .xp17-item-info{gap: 26px;width: 88%;}
  .xp-box18{padding: 64px 0 106px;gap: 54px;}
.xp-box18 .xp18-left{width: calc(100% - 300px - 54px);}
  .xp18-content{padding: 41px 17px 49px;}
  .xp-box18 .xp18-title{padding-bottom: 17px;margin-bottom: 24px;}
  .xp-box18 .xp18-date{gap: 17px;}
  .xp-box18 .xp18-label{margin-top: 59px;padding-top: 30px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 10px;margin-left: 11px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 5px 10px;border-radius: 3px;}
  .xp-box18 .xp-next{margin-top: 31px;}
  .xp-box18 .xp-next-item{padding: 17px;border-radius: 3px;margin-bottom: 12px;}
  .xp-box18 .xp-next-item span{padding: 0 10px;}
  .xp-box18 .xp18-right{width: 300px;}
  .xp-box18 .xp18-right-content{margin-bottom: 29px;border-radius: 13px;}
  .xp-box18 .xp18-right-title{padding: 23px 12px 20px;}
  .xp-box18 .xp18-right-list{min-height: 410px;}
  .xp-box18 .xp18-right-item{padding: 17px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 12px;}
  .xp-box18 .xp18-right-list2{padding: 13px 17px 27px;}
  .xp-box19{padding: 112px 0 0;}
  .xp-box19 .xp19-top{width: 93px;}
  .xp-box19 .xp19-title{margin-top: 21px;}
  .xp-box19 .xp19-content{gap: 117px;}
  .xp-box19 .xp19-img-box{gap: 36px;}
  .xp-box19 .xp19-img{width: 247px;height: 213px;}
  .xp-box19 .xp19-text{margin-top: 49px;}
  .xp-box19 .xp-data{margin-top: 71px;gap: 14px;}
  .xp-box19 .xp-data-item{gap: 14px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 70px;}
  .xp-box20{padding: 81px 0 0;}
  .xp-box20 .xp20-item{height: 352px;}
  .xp-box20 .xp20-pagination{gap: 7px;margin-top: 18px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 11px;height: 11px;}
  .xp-box21{padding: 137px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 26px;}
  .xp-box21 .xp21-list{margin-top: 38px;}
  .xp21-item-info-text{margin-top: 51px;}
  .xp-box22{padding: 112px 0 80px;}
  .xp-box22 .xp22-desc{margin-top: 26px;}
  .xp-box22 .xp22-info{padding: 109px 0 97px;}
  .xp-box22 .xp22-imgBox{gap: 43px;}
  .xp-box22 .xp22-img{width: 358px;height: 249px;}
  .xp-box22 .xp22-info-text{margin-top: 17px;width: 25%;}
  .xp-box22 .xp22-year{font-size: 265px;}
  .xp-box22 .timeline-track-btn{width: 51px;height: 51px;border-radius: 26px;padding: 16px 13px;min-width: 51px;}
  .xp-box22 .timeline-line{padding: 24px  0 0 191px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 9px;height: 9px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 16px;height: 16px;margin-top: -3px;}
  .xp-box22 .timeline-year{margin-top: 44px;}
  .xp-box22 .timeline-year-active{margin-top: 31px;}
  .xp-box23{padding: 73px;}
  .xp-box23 .xp23-desc{margin-top: 19px;}
  .xp-box23 .xp23-swiper{margin-top: 88px;}
  .xp-box23 .xp23-list{gap: 25px 2%;}
  .xp-box23 .xp23-item{height: 108px;}
  .xp-box23 .xp23-pagination{gap: 11px;margin-top: 35px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 35px;height: 5px;border-radius: 3px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 53px;}
  .xp-box24{padding: 117px 0 100px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 32px;}
  .xp24-list{margin-top: 70px;}
  .xp24-list-title{padding: 26px 95px;}
  .xp24-list ul li{margin-top: 14px;padding: 0 55px;}
  .xp24-list ul li .xp24-list-title2{padding: 26px 46px;}
  .xp24-list ul li .xp24-list-title2-icon{width: 28px !important;height: 28px;}
  .xp24-list ul li .xp24-list-content{padding: 18px 42px 39px;}
  .xp-box25{padding: 88px 0 113px;}
  .xp-box25 .xp25-title-box{gap: 197px;}
  .xp-box25 .xp25-title{margin-bottom: 35px;}
  .xp-box25 .xp25-icon-box{gap: 21px;}
  .xp-box25 .xp25-icon{width: 71px;height: 71px;padding: 22px;min-width: 71px;}
  .xp-box25 .xp25-line{width: 25px;height: 2px;margin-right: 6px;}
  .xp-box25 .xp-box5{padding: 104px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 505px;}
  .xp-box25 .xp5-slide-title{padding: 35px 20px 25px;}
  .xp-box26{padding: 212px 0 0;}
  .xp-box26 .xp26-top{width: 101px;top: 27px;}
  .xp-box26 .xp26-en{margin-top: 26px;}
  .xp-box26 .xp26-title-box{gap: 25px;}
  .xp-box26 .xp26-list{gap: 34px;}
  .xp-box26 .xp26-list-item1{margin-top: -93px;}
  .xp-box26 .xp26-list-item3{margin-top: -49px;}
  .xp-box26 .xp26-list-info{padding: 26px 18px 20px;}
  .xp-box26 .xp26-icon{width: 22px;height: 22px;margin-right: 11px;min-width: 22px;}
  .xp-box27{padding: 116px 0 100px;}
  .xp-box27 .xp27-top{width: 222px;top: -48px;}
  .xp-box27 .xp27-list{gap: 22px;margin-top: 53px;}
  .xp-box27 .xp27-list-item{width: 33.3%;border-radius: 18px;padding: 56px 67px 60px;}
  .xp-box27 .xp27-list-item-icon{width: 97px;height: 97px;margin-bottom: 35px;}
  .xp-box28{border-radius: 35px;padding: 104px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: -26px;height: 530px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 406px;height: 380px;min-width: 406px;border-radius: 26px;}
  .xp-box28 .xp28-slide img{border-radius: 7px;}
  .xp-box28 .xp28-back{margin-top: -63px;}
  .xp-box28 .xp28-back-info{padding: 44px 19% 38px;}
  .xp-box28 .xp28-back-info .xp28-back-icon{width: 41px;height: 41px;border-radius: 21px;padding: 11px;}
  .xp-box28 .xp28-back-icon-box{gap: 18px;}
  .xp-box28 .xp28-back-info-text{margin-top: 40px;}
  .xp-box28 .xp5-more-btn{margin-top: 42px;}
  
  .en-header {padding: 20px 45px;}
  .en-header .pc-nav ul{gap: 5.5%;}
  .en-header  .pc-nav .pc-right{margin-left: 3%;}
  .en-xp-box2{padding: 98px 0 80px;}
  .en-xp-box2 .en-xp2-top{width: 110px;}
  .en-xp-box2 .en-xp2-btn{padding: 16px 36px;margin-top: 56px;}
  .en-xp-box2 .en-xp2-content{gap: 82px;}
  .en-xp-box2 .en-xp2-img{gap: 24px;margin-bottom: 57px;}
  .en-xp-box2 .en-xp2-desc{margin-top: 24px;}
  .en-xp-box2 .en-xp2-sb{gap: 9px;margin-top: 36px;}
  .en-xp-box2 .en-xp2-numbox{margin-top: 34px;}
  .en-xp-box2 .en-xp2-bottom{width: 356px;height: 352px;bottom: -174px;}
  .en-xp-box3{padding: 80px 0 32px;}
  .en-xp-box3 .en-xp3-desc{margin-top: 24px;}
  .en-xp-box3 .en-xp3-title{gap: 118px;padding: 0 45px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab{gap: 72px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab div{padding: 24px 32px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab .active{padding: 24px 32px;}
  .en-xp-box3 .xp3-item{width: 375px;min-width: 375px;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height: 513px;}*/
  .en-xp-box3 .xp3-item-title{padding: 32px 5px;}
  .en-xp-box3 .xp3-nav{margin-top: 52px;padding: 0 45px;}
  .en-xp-box4 .en-xp4-item{padding: 76px 45px 54px;}
  .en-xp-box4 .en-xp4-icon{width: 82px;height: 82px;margin-top: 115px;}
  .en-xp-box4 .en-xp4-desc{margin-top: 28px;}
  .en-xp-box5{padding: 56px 0 80px;}
  .en-xp-box5 .en-xp5-title{gap: 122px;}
  .en-xp-box5 .en-xp5-title-box{padding: 0 45px;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 56px;}
  .en-xp-box5 .en-xp5-content{gap: 23px;}
  .en-xp-box5 .en-xp5-content-item{width: 178px;height: 80px;min-width: 178px;}
  .en-xp-box6{padding: 80px;}
  .en-xp-box6 .en-xp6-content{gap: 23px;margin-top: 56px;}
  .en-xp-box6 .en-xp6-content-img{height: 293px;}
  .en-xp-box6 .en-xp6-content-item2{height: 425px;}
  .en-xp-box6 .en-xp6-more{margin-top: 56px;width: 148px;height: 42px;}
    .en-footer .f-input-btn{width: 148px;height: 42px;}
  .en-xp-box7{padding: 110px 0 80px;}
  .en-xp-box7 .en-xp7-tab{gap: 56px;}
  .en-xp-box7 .en-xp7-tab div{padding-bottom: 29px;}
  .en-xp-box7 .en-xp7-list{gap: 118px;margin-top: 56px;}
  .en-xp-box7 .en-xp7-left{width: 36%;min-width: 36%;}
  .en-xp-box7 .en-xp7-left-img{height: 270px;margin-bottom: 31px;}
  .en-xp-box7 .en-xp7-left-desc{margin-top: 16px;}
  .en-xp-box7 .en-xp7-left-date{margin-top: 38px;}
  .en-xp-box7 .en-xp7-right-item{padding: 36px 0 20px;gap: 56px;}
  .en-xp-box7 .en-xp7-right-desc{margin: 14px 0 22px;}
  .en-xp-box7 .en-xp7-right-img{width: 185px;height: 110px;min-width: 185px;}
  .en-xp-box7 .en-xp7-right{width: 55%;}
  .en-footer{padding: 78px 45px 0;}
  .y-padding2 {padding-left: calc(8.334% - 45px) !important;padding-right: calc(8.334% - 45px) !important;}
  .en-footer .f-top{padding: 32px 115px;}
  .en-footer .f-info{gap: 80px;padding: 0 155px 29px 120px;}
  .en-footer .f-logo-box{gap: 210px;}
  .en-footer .f-input-box .f-input-top{gap: 27px;}
  .en-footer .f-info-left{gap: 95px;}
  
.search-container .products-grid .product-card .card-image{height:272px !important;}
}

@media screen and (max-width: 1400px){
  header .pc-nav ul {gap: 4.5%;}
  header .pc-nav .pc-right {margin-left: 3.085%;}
  .xp-box3{padding: 68px 0 80px;}
  .xp-box4{padding: 58px 0;min-height: 620px;}
  .xp-box4 .xp4-tips{margin-top: 19px;}
  .xp-box4 .xp4-list{margin-top: 58px;gap: 38px 12.87%;}
  .xp-box4 .xp4-item{border-radius: 8px;padding: 22px 32px 26px;width: 24.75%;}
  .xp-box4 .xp4-item-icon{width: 46px;height: 46px;margin: 0 auto 21px;}
  .xp-box5{padding: 84px 0 74px;}
  .xp5-swiper-container{margin-top: 58px;}
  .xp5-slide-content img{height: 601px;}
  .xp5-slide-title{padding: 54px 24px 30px;}
  .xp5-nav-prev, .xp5-nav-next{width: 42px;height: 42px;}
  .xp5-nav-prev{left: calc(14.5% - 21px);}
  .xp5-nav-next{right: calc(14.5% - 21px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 15px;height: 15px;}
  .xp5-more-btn{padding: 5px 5px 5px 14px;margin-top: 33px;gap: 30px;}
  .xp5-more-icon{width: 24px;height: 24px;padding: 5px;}
  .xp-box1{height: 780px;}
  .xp-box1 .swiper-pagination{bottom: 40px !important;}
  .xp-box2{padding-top: 78px;}
  .xp-box2 .xp2-content{gap: 90px;}
  .xp-box2 .xp2-more{height: 48px;border-radius: 24px;padding: 0 38px 0 30px;gap: 26px;}
  .xp-box2 .xp2-icon{width: 16px;height: 12px;}
  .xp-box2 .xp2-tips{margin-top: 22px;}
  .xp-box2 .xp2-more{margin-top: 30px;}
  .xp-box2 .xp2-text{margin-top: 28px;}
  .xp-box2 .xp2-item{padding-bottom: 50px;margin-bottom: 80px;}
  .xp-box2 .xp2-back{margin-top: -250px;}
  .xp-box2 .xp2-unit{top: -8px;right: -17px;}
  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;}
  .xp-box3 .xp3-btn{gap: 19px;margin-top: 70px;}
  .xp-box3 .xp3-btn .xp3-btn-item{min-width: 175px;height: 50px;border-radius: 25px;}
  .xp-box3 .xp3-list-container{height: 350px;margin-top: 35px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 18px;}
  .xp-box3 .xp3-list{gap: 11px;}
  .xp-box3 .xp3-item{width: 335px;height: 245px;border-radius: 9px;}
  .xp-box3 .xp3-item-tall{margin-top: -52px;}
  .xp-box3 .xp3-item-short{margin-top: 52px;}
  .xp-box3 .xp3-item-title{padding: 52px 10px 10px;}
  .xp-box3 .xp3-nav{gap: 14px;margin-top: 35px;}
  .xp-box3 .xp3-nav-btn{width: 55px;height: 55px;}
  .xp-box3 .xp3-nav-btn svg{width: 18px;height: 18px;}
  .xp-box3 .xp3-progress{max-width: 460px;height: 3px;}
  .xp-box6{padding: 56px 0 74px;}
  .xp-box6 .xp6-nav{gap: 9px;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 48px;height: 48px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 15px;height: 15px;}
  .xp-box6 .xp6-list-container{margin-top: 68px;}
  .xp-box6 .xp6-list{gap: 44px;}
  .xp-box6 .xp6-item{width: 348px;}
  .xp-box6 .xp6-item img{height: 210px;}
  .xp-box6 .xp6-date{padding: 21px 1px 17px;}
  .xp-box6 .xp6-title{padding: 0 1px 28px;}
  .xp-box6 .xp6-more-btn{padding: 16px 25px;margin-top: 89px;gap: 33px;}
  .xp-box6 .xp6-more-icon{width: 15px;height: 15px;}
  .xp-box7{padding: 88px 0 76px;min-height: 510px;}
  .xp-box7 .xp7-add{margin-top: -13px;margin-left: 7px;}
  .xp-box7 .xp7-title{margin-top: 28px;}
  .xp-box7 .xp7-list{gap:11px;width: 75%;}
  .xp-box7 .xp7-img{width: 155px;height: 80px;border-radius: 7px;}
  footer{padding: 42px 0 0;}
  footer .f-title{margin-bottom: 28px;}
  footer .f-nav ul li{margin-bottom: 14px;}
  footer .f-qrcode-box{width: 69px;}
  footer .f-qrcode{width: 69px;height: 69px;margin-bottom: 6px;}
  footer .f-content{margin-top: 62px;}
  footer .f-content-box{padding-bottom:18px;}
  footer .f-content-left{gap:18px;}
  footer .f-line{height: 80px;margin-left: 19px; margin-right: 22px;}
  footer .f-line2{margin-left: 65px; margin-right: 25px;}
  footer .f-phone{margin-top: 28px;}
  footer .f-address{margin-top: 33px;}
  footer .f-link-box{padding:11px;}
  footer .f-link{padding:16px 0;}
  footer .f-bottom{gap:25px;padding:21px 16px 16px;}
  .xp-box8 h3{bottom: 44px;bottom:7.5%;}
  .xp-box9{padding: 20px;}
  .xp-box9 .xp9-icon{width: 14px;height: 14px;margin-right: 7px;}
  .xp-box10{padding: 27px 0 97px;}
  .xp10-list{gap: 34px 2.3%;}
  .xp-box10 .xp10-item{border-radius: 12px;width: 31.3%;}
  .xp-box10 .xp10-item-img{height: 257px;}
  .xp-box10 .xp10-content{padding: 11px 10px 21px;height: calc(100% - 257px);}
  .xp-box10 .xp10-content-label{margin-top: 11px;gap: 10px;}
  .xp-box10 .xp10-content-label-item{padding: 4px 8px;}
  .xp-box11{padding: 68px 0 100px;}
  .xp-box11 .xp11-list{gap: 31px 2.4%;}
  .xp-box11 .xp11-item{width: 48.8%;}
  .xp-box11 .xp11-item-img{height: 320px;}
  .xp-box11 .xp11-content{border-radius: 12px;padding: 64px 12px 13px;}
  .xp-box12{padding: 42px 0 100px;}
  .xp-box12 .xp12-content{border-radius: 12px;padding: 70px 12px 13px;}
  .xp-box12 .xp12-item-img{height: 341px;}
  .xp-box13{padding: 98px 0 108px;gap: 68px;}
  .xp-box13 .xp13-desc{margin-top: 12px;}
  .xp-box13 .xp13-contact{margin-top: 25px;}
  .xp-box13 .xp13-contact-item{margin-bottom: 8px;border-radius: 8px;padding: 20px 18px 22px;}
  .xp-box13 .xp13-contact-item-title{gap: 16px;}
  .xp13-contact-item-phone{margin-top: 16px;}
  .xp-box13 .xp13-right{border-radius: 8px;padding: 26px 22px 17px;}
  .xp-box13 .xp13-right-title{margin-bottom: 30px;}
  .xp-box13 .xp13-right-desc{margin-top: 22px;margin-bottom: 30px;}
  .xp-box13 .xp13-right-icon-box{gap: 22px;}
  .xp-box13 .xp13-right-icon{width: 36px;height: 36px;padding: 7px;}
  .xp-box14{padding: 0 0 113px;}
  .xp-box14 .xp14-tips{margin-top: 28px;}
  .xp-box14 .xp14-form{margin-top: 39px;}
  .xp-box14 .xp14-form-item{gap: 11px 2.4%;}
  .xp-box14 .xp14-input{width: 48.8%;border-radius: 8px;padding: 0 20px;height: 71px;}
  .quote-section .quote-section-title{border-radius: 8px;padding: 0 20px;height: 71px;margin-bottom: 11px;}
  .xp-box14 .xp14-textarea{height: 228px;border-radius: 8px;margin-top: 15px;padding: 28px 21px;}
  .xp-box14 .xp14-input-code{width: 29.3%;height: 85px;min-width: 29.3%;}
  .xp-box14 .xp14-img{width: 260px;height: 85px;min-width: 260px;border-radius: 8px;}
  .xp-box14 .xp14-form-item2{gap: 12px;margin-top: 25px;}
  .xp-box14 .xp14-btn{height: 85px;margin-left: 25px;}
  .pagination{margin: 58px 0 14px;gap: 6px;}
  .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: 408px;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;}
  .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;}
  .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;}
  .related-section{padding: 116px 0 95px;}
  .related-header{margin-bottom: 33px;}
  .related-header h2{margin: 0 0 17px;}
  .products-grid .product-card .card-image{height: 182px !important;}
  .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;}
  .pagination li {width: 34px;height: 34px;line-height: 34px;border-radius: 3px; margin: 0 5px;}
  .xp-box15 .xp15-left div{min-width: 115px;height: 55px;line-height: 55px;}
  .xp-box15 .xp15-left .xp15-line{height: 11px;}
  .xp-box16{padding: 62px 0 0;gap: 37px;}
  .xp-box16 .xp16-item{padding: 31px 24px 26px;}
  .xp-box16 .xp16-date{margin-bottom: 21px;}
  .xp-box16 .xp16-img{margin-top: 22px;border-radius: 8px;margin-bottom: 23px;height: 188px;}
  .xp-box16 .xp16-label{margin-top: 22px;gap: 10px;padding-bottom: 18px;}
  .xp-box16 .xp16-label-item{padding: 4px 5px;}
  .xp-box16 .xp16-more{margin-top: 17px;gap: 6px;}
  .xp-box16 .xp16-more-icon{width: 13px;height: 13px;}
  .xp-box17{padding: 39px 0 62px;}
  .xp-box17 .xp17-item{padding: 59px 56px 35px 33px;gap: 96px;margin-bottom: 25px;}
  .xp-box17 .xp17-item-left{gap: 35px;width: 85%;}
  .xp-box17 .xp17-item-info{gap: 23px;width: 87%;}
  .xp-box18{padding: 56px 0 92px;gap: 48px;}
.xp-box18 .xp18-left{width: calc(100% - 266px - 48px);}
  .xp18-content{padding: 36px 15px 43px;}
  .xp-box18 .xp18-title{padding-bottom: 15px;margin-bottom: 22px;}
  .xp-box18 .xp18-date{gap: 15px;}
  .xp-box18 .xp18-label{margin-top: 52px;padding-top: 26px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 9px;margin-left: 10px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 4px 9px;border-radius: 3px;}
  .xp-box18 .xp-next{margin-top: 27px;}
  .xp-box18 .xp-next-item{padding: 15px;border-radius: 3px;margin-bottom: 11px;}
  .xp-box18 .xp-next-item span{padding: 0 9px;}
  .xp-box18 .xp18-right{width: 266px;}
  .xp-box18 .xp18-right-content{margin-bottom: 25px;border-radius: 12px;}
  .xp-box18 .xp18-right-title{padding: 20px 11px 17px;}
  .xp-box18 .xp18-right-list{min-height: 360px;}
  .xp-box18 .xp18-right-item{padding: 15px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 11px;}
  .xp-box18 .xp18-right-list2{padding: 11px 15px 24px;}
  .xp-box19{padding: 99px 0 0;}
  .xp-box19 .xp19-top{width: 80px;}
  .xp-box19 .xp19-title{margin-top: 19px;}
  .xp-box19 .xp19-content{gap: 103px;}
  .xp-box19 .xp19-img-box{gap: 32px;}
  .xp-box19 .xp19-img{width: 219px;height: 179px;}
  .xp-box19 .xp19-text{margin-top: 43px;}
  .xp-box19 .xp-data{margin-top: 63px;gap: 12px;}
  .xp-box19 .xp-data-item{gap: 12px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 62px;}
  .xp-box20{padding: 72px 0 0;}
  .xp-box20 .xp20-item{height: 298px;}
  .xp-box20 .xp20-pagination{gap: 6px;margin-top: 16px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 10px;height: 10px;}
  .xp-box21{padding: 121px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 23px;}
  .xp-box21 .xp21-list{margin-top: 34px;}
  .xp21-item-info-text{margin-top: 45px;}
  .xp-box22{padding: 99px 0 92px;}
  .xp-box22 .xp22-desc{margin-top: 23px;}
  .xp-box22 .xp22-info{padding: 96px 0 86px;}
  .xp-box22 .xp22-imgBox{gap: 38px;}
  .xp-box22 .xp22-img{width: 317px;height: 221px;}
  .xp-box22 .xp22-info-text{margin-top: 15px;width: 28%;}
  .xp-box22 .xp22-year{font-size: 235px;}
  .xp-box22 .timeline-track-btn{width: 45px;height: 45px;border-radius: 23px;padding: 14px 11px;min-width: 45px;}
  .xp-box22 .xp22-line{top: 24px;}
  .xp-box22 .timeline-line{padding: 21px    0 0 169px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 8px;height: 8px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 14px;height: 14px;margin-top: -3px;}
  .xp-box22 .timeline-year{margin-top: 39px;}
  .xp-box22 .timeline-year-active{margin-top: 28px;}
  .xp-box23{padding: 65px;}
  .xp-box23 .xp23-desc{margin-top: 17px;}
  .xp-box23 .xp23-swiper{margin-top: 78px;}
  .xp-box23 .xp23-list{gap: 22px 2%;}
  .xp-box23 .xp23-item{height: 96px;}
  .xp-box23 .xp23-pagination{gap: 10px;margin-top: 31px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 31px;height: 5px;border-radius: 3px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 47px;}
  .xp-box24{padding: 104px 0 120px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 28px;}
  .xp24-list{margin-top: 62px;}
  .xp24-list-title{padding: 23px 84px;}
  .xp24-list ul li{margin-top: 12px;padding: 0 49px;}
  .xp24-list ul li .xp24-list-title2{padding: 23px 41px;}
  .xp24-list ul li .xp24-list-title2-icon{width: 25px !important;height: 25px;padding: 3px;}
  .xp24-list ul li .xp24-list-content{padding: 16px 37px 35px;}
  .xp-box25{padding: 78px 0 100px;}
  .xp-box25 .xp25-title-box{gap: 175px;}
  .xp-box25 .xp25-title{margin-bottom: 32px;}
  .xp-box25 .xp25-icon-box{gap: 19px;}
  .xp-box25 .xp25-icon{width: 63px;height: 63px;padding: 20px;min-width: 63px;}
  .xp-box25 .xp25-line{width: 22px;height: 2px;margin-right: 6px;}
  .xp-box25 .xp-box5{padding: 93px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 483px;}
  .xp-box25 .xp5-slide-title{padding: 34px 19px 24px;}
  .xp-box26{padding: 189px 0 0;}
  .xp-box26 .xp26-top{width: 90px;top: 24px;}
  .xp-box26 .xp26-en{margin-top: 24px;}
  .xp-box26 .xp26-title-box{gap: 22px;}
  .xp-box26 .xp26-list{gap: 31px;}
  .xp-box26 .xp26-list-item1{margin-top: -83px;}
  .xp-box26 .xp26-list-item3{margin-top: -44px;}
  .xp-box26 .xp26-list-info{padding: 23px 16px 18px;}
  .xp-box26 .xp26-icon{width: 20px;height: 20px;margin-right: 10px;min-width: 20px;}
  .xp-box27{padding: 103px 0 119px;}
  .xp-box27 .xp27-top{width: 198px;top: -43px;}
  .xp-box27 .xp27-list{gap: 20px;margin-top: 47px;}
  .xp-box27 .xp27-list-item{width: 33.3%;border-radius: 16px;padding: 50px 60px 53px;}
  .xp-box27 .xp27-list-item-icon{width: 87px;height: 87px;margin-bottom: 32px;}
  .xp-box28{border-radius: 32px;padding: 93px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: -22px;height: 472px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 361px;height: 338px;min-width: 361px;border-radius: 24px;}
  .xp-box28 .xp28-slide img{border-radius: 6px;}
  .xp-box28 .xp28-back{margin-top: -57px;height: 363px;}
  .xp-box28 .xp28-back .w-full{height: 100% !important;}
  .xp-box28 .xp28-back-info{padding: 39px 17% 34px;}
  .xp-box28 .xp28-back-info .xp28-back-icon{width: 36px;height: 36px;border-radius: 18px;padding: 9px;}
  .xp-box28 .xp28-back-icon-box{gap: 16px;}
  .xp-box28 .xp28-back-info-text{margin-top: 55px;}
  .xp-box28 .xp5-more-btn{margin-top: 38px;}
  
  .en-header {padding: 18px 40px;}
  .en-header .pc-nav ul{gap: 5%;}
  .en-header  .pc-nav .pc-right{margin-left: 2.5%;}
  .en-xp-box2{padding: 88px 0 72px;}
  .en-xp-box2 .en-xp2-top{width: 100px;}
  .en-xp-box2 .en-xp2-btn{padding: 14px 32px;margin-top: 50px;}
  .en-xp-box2 .en-xp2-content{gap: 74px;}
  .en-xp-box2 .en-xp2-img{gap: 22px;margin-bottom: 51px;}
  .en-xp-box2 .en-xp2-desc{margin-top: 22px;}
  .en-xp-box2 .en-xp2-sb{gap: 8px;margin-top: 32px;}
  .en-xp-box2 .en-xp2-numbox{margin-top: 31px;}
  .en-xp-box2 .en-xp2-bottom{width: 324px;height: 320px;bottom: -158px;}
  .en-xp-box3{padding: 72px 0 28px;}
  .en-xp-box3 .en-xp3-desc{margin-top: 22px;}
  .en-xp-box3 .en-xp3-title{gap: 106px;padding: 0 40px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab{gap: 64px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab div{padding: 22px 28px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab .active{padding: 22px 28px;}
  .en-xp-box3 .xp3-item{width: 340px;min-width: 340px;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height: 459px;}*/
  .en-xp-box3 .xp3-item-title{padding: 28px 5px;}
  .en-xp-box3 .xp3-nav{margin-top: 47px;padding: 0 40px;}
  .en-xp-box4 .en-xp4-item{padding: 68px 40px 49px;}
  .en-xp-box4 .en-xp4-icon{width: 74px;height: 74px;margin-top: 104px;}
  .en-xp-box4 .en-xp4-desc{margin-top: 25px;}
  .en-xp-box5{padding: 50px 0 72px;}
  .en-xp-box5 .en-xp5-title{gap: 110px;}
  .en-xp-box5 .en-xp5-title-box{padding: 0 40px;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 50px;}
  .en-xp-box5 .en-xp5-content{gap: 21px;}
  .en-xp-box5 .en-xp5-content-item{width: 162px;height: 72px;min-width: 162px;}
  .en-xp-box6{padding: 72px;}
  .en-xp-box6 .en-xp6-content{gap: 21px;margin-top: 50px;}
  .en-xp-box6 .en-xp6-content-img{height: 257px;}
  .en-xp-box6 .en-xp6-content-item2{height: 385px;}
  .en-xp-box6 .en-xp6-more{margin-top: 50px;width: 134px;height: 38px;}
  .en-footer .f-input-btn{width: 134px;height: 38px;border-radius: 6px;}
  .en-xp-box7{padding: 100px 0 72px;}
  .en-xp-box7 .en-xp7-tab{gap: 50px;}
  .en-xp-box7 .en-xp7-tab div{padding-bottom: 26px;}
  .en-xp-box7 .en-xp7-list{gap: 106px;margin-top: 50px;}
  .en-xp-box7 .en-xp7-left{width: 34%;min-width: 34%;}
  .en-xp-box7 .en-xp7-left-img{height: 223px;margin-bottom: 28px;}
  .en-xp-box7 .en-xp7-left-desc{margin-top: 14px;}
  .en-xp-box7 .en-xp7-left-date{margin-top: 34px;}
  .en-xp-box7 .en-xp7-right-item{padding: 32px 0 18px;gap: 50px;}
  .en-xp-box7 .en-xp7-right-desc{margin: 13px 0 20px;}
  .en-xp-box7 .en-xp7-right-img{width: 168px;height: 100px;min-width: 168px;}
  .en-xp-box7 .en-xp7-right{width: 57%;}
  .en-footer{padding: 70px 40px 0;}
  .y-padding2 {padding-left: calc(8.334% - 40px) !important;padding-right: calc(8.334% - 40px) !important;}
  .en-footer .f-top{padding: 29px 100px;}
  .en-footer .f-info{gap: 72px;padding: 0 140px 26px 108px;}
   .en-footer  .f-logo-box{gap: 258px;}
    .en-footer .f-input-box .f-input-top{gap: 24px;}
  .en-footer .f-info-left{gap: 86px;}
  
.search-container .products-grid .product-card .card-image{height:203px !important;}
}

@media screen and (max-width: 1200px){
  
 header .pc-nav ul {gap: 3.5%;}
  header .pc-nav .pc-right {margin-left:2.085%;}
  .xp-box3{padding: 58px 0 68px;}
  .xp-box4{padding: 48px 0;min-height: 520px;}
  .xp-box4 .xp4-tips{margin-top: 16px;}
  .xp-box4 .xp4-list{margin-top: 48px;gap: 32px 8%;}
  .xp-box4 .xp4-item{border-radius: 7px;padding: 18px 26px 22px;width: 46%;}
  .xp-box4 .xp4-item-icon{width: 38px;height: 38px;margin: 0 auto 18px;}
  .xp-box5{padding: 72px 0 62px;}
  .xp5-swiper-container{margin-top: 48px;}
  .xp5-slide-content img{height: 555px;}
  .xp5-slide-title{padding: 46px 22px 26px;}
  .xp5-nav-prev, .xp5-nav-next{width: 38px;height: 38px;}
  .xp5-nav-prev{left: calc(12.5% - 19px);}
  .xp5-nav-next{right: calc(12.5% - 19px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 14px;height: 14px;}
  .xp5-more-btn{padding: 5px 5px 5px 12px;margin-top: 28px;gap: 26px;}
  .xp5-more-icon{width: 21px;height: 21px;padding: 4px;}
  .xp-box1{height: 680px;}
  .xp-box1 .swiper-pagination{bottom: 35px !important;}
  .xp-box2{padding-top: 68px;}
  .xp-box2 .xp2-content{gap: 75px;}
  .xp-box2 .xp2-more{height: 42px;border-radius: 21px;padding: 0 33px 0 26px;gap: 22px;}
  .xp-box2 .xp2-icon{width: 14px;height: 10px;}
  .xp-box2 .xp2-tips{margin-top: 18px;}
  .xp-box2 .xp2-more{margin-top: 26px;}
  .xp-box2 .xp2-text{margin-top: 24px;}
  .xp-box2 .xp2-item{padding-bottom: 42px;margin-bottom: 68px;}
  .xp-box2 .xp2-back{margin-top: -215px;}
  header .pc-nav .pc-search{padding: 0 16px;}
  header .pc-nav .pc-search svg{width: 20px;}
  .xp-box3 .xp3-btn{gap: 16px;margin-top: 60px;}
  .xp-box3 .xp3-btn .xp3-btn-item{min-width: 150px;height: 44px;border-radius: 22px;}
  .xp-box3 .xp3-list-container{height: 300px;margin-top: 30px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 15px;}
  .xp-box3 .xp3-list{gap: 9px;}
  .xp-box3 .xp3-item{width: 290px;height: 215px;border-radius: 8px;}
  .xp-box3 .xp3-item-tall{margin-top: -44px;}
  .xp-box3 .xp3-item-short{margin-top: 44px;}
  .xp-box3 .xp3-item-title{padding: 44px 9px 9px;}
  .xp-box3 .xp3-nav{gap: 12px;margin-top: 30px;}
  .xp-box3 .xp3-nav-btn{width: 48px;height: 48px;}
  .xp-box3 .xp3-nav-btn svg{width: 16px;height: 16px;}
  .xp-box3 .xp3-progress{max-width: 400px;height: 3px;}
  .xp-box6{padding: 48px 0 62px;}
  .xp-box6 .xp6-nav{gap: 8px;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 42px;height: 42px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 13px;height: 13px;}
  .xp-box6 .xp6-list-container{margin-top: 58px;}
  .xp-box6 .xp6-list{gap: 38px;}
  .xp-box6 .xp6-item{width: 300px;}
  .xp-box6 .xp6-item img{height: 180px;}
  .xp-box6 .xp6-date{padding: 18px 1px 14px;}
  .xp-box6 .xp6-title{padding: 0 1px 24px;}
  .xp-box6 .xp6-more-btn{padding: 14px 22px;margin-top: 76px;gap: 28px;}
  .xp-box6 .xp6-more-icon{width: 13px;height: 13px;}
  .xp-box7{padding: 76px 0 66px;min-height: 440px;}
  .xp-box7 .xp7-add{margin-top: -11px;margin-left: 6px;}
  .xp-box7 .xp7-title{margin-top: 24px;}
  .xp-box7 .xp7-list{gap:9px;width: 80%;}
  .xp-box7 .xp7-img{width: 135px;height: 70px;border-radius: 6px;}
  footer{padding: 36px 0 0;}
  footer .f-title{margin-bottom: 24px;}
  footer .f-nav ul li{margin-bottom: 12px;}
  footer .f-qrcode-box{width: 63px;}
  footer .f-qrcode{width: 63px;height: 63px;margin-bottom: 5px;}
  footer .f-content{margin-top: 52px;}
  footer .f-content-box{padding-bottom:15px;}
  footer .f-content-left{gap:15px;}
  footer .f-line{height: 68px;margin-left: 16px; margin-right: 19px;}
  footer .f-line2{margin-left: 56px; margin-right: 22px;}
  footer .f-phone{margin-top: 24px;}
  footer .f-address{margin-top: 28px;}
  footer .f-link-box{padding:9px;}
  footer .f-link{padding:14px 0;}
  footer .f-bottom{gap:21px;padding:18px 14px 14px;}
  .xp-box8 h3{bottom: 38px;bottom:6.5%;}
  .xp-box9{padding: 18px;}
  .xp-box9 .xp9-icon{width: 18px;height: 18px;margin-right: 6px;}
  .xp-box10{padding: 24px 0 84px;}
  .xp10-list{gap: 30px 2%;}
  .xp-box10 .xp10-item{border-radius: 11px;width: 31.3%;}
  .xp-box10 .xp10-item-img{height: 220px;}
  .xp-box10 .xp10-content{padding: 10px 9px 19px;height: calc(100% - 220px);}
  .xp-box10 .xp10-content-label{margin-top: 10px;gap: 9px;}
  .xp-box10 .xp10-content-label-item{padding: 4px 7px;}
  .xp-box11{padding: 58px 0 86px;}
  .xp-box11 .xp11-list{gap: 26px 2%;}
  .xp-box11 .xp11-item{width: 48.8%;}
  .xp-box11 .xp11-item-img{height: 275px;}
  .xp-box11 .xp11-content{border-radius: 11px;padding: 54px 11px 11px;}
  .xp-box12{padding: 38px 0 86px;}
  .xp-box12 .xp12-content{border-radius: 11px;padding: 55px 11px 11px;}
  .xp-box12 .xp12-item-img{height: 293px;}
  .xp-box13{padding: 58px 0 68px;gap: 40px;}
  .xp-box13 .xp13-desc{margin-top: 10px;}
  .xp-box13 .xp13-contact{margin-top: 20px;}
  .xp-box13 .xp13-contact-item{margin-bottom: 7px;border-radius: 8px;padding: 18px 16px 20px;}
  .xp-box13 .xp13-contact-item-title{gap: 14px;}
  .xp13-contact-item-phone{margin-top: 14px;}
  .xp-box13 .xp13-right{border-radius: 8px;padding: 24px 20px 15px;}
  .xp-box13 .xp13-right-title{margin-bottom: 26px;}
  .xp-box13 .xp13-right-desc{margin-top: 20px;margin-bottom: 26px;}
  .xp-box13 .xp13-right-icon-box{gap: 20px;}
  .xp-box13 .xp13-right-icon{width: 32px;height: 32px;padding: 7px;}
  .xp-box14{padding: 0 0 58px;}
  .xp-box14 .xp14-tips{margin-top: 24px;}
  .xp-box14 .xp14-form{margin-top: 33px;}
  .xp-box14 .xp14-form-item{gap: 10px 2.4%;}
  .xp-box14 .xp14-input{width: 48.8%;border-radius: 8px;padding: 0 18px;height: 60px;}
  .quote-section .quote-section-title{border-radius: 8px;padding: 0 18px;height: 60px;margin-bottom: 10px;}
  .xp-box14 .xp14-textarea{height: 154px;border-radius: 8px;margin-top: 13px;padding: 24px 18px;}
  .xp-box14 .xp14-input-code{width: 29.3%;height: 72px;min-width: 29.3%;}
  .xp-box14 .xp14-img{width: 222px;height: 72px;min-width: 222px;border-radius: 8px;}
  .xp-box14 .xp14-form-item2{gap: 10px;margin-top: 21px;}
  .xp-box14 .xp14-btn{height: 72px;margin-left: 21px;}
  .pagination{margin: 50px 0 12px;gap: 5px;}
  .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: 349px;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;}
  .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;}
  .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;}
  .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;}
  .xp-box15 .xp15-left div{min-width: 115px;height: 55px;line-height: 55px;}
  .xp-box16{padding: 62px 0 0;gap: 37px;}
  .xp-box16 .xp16-item{padding: 31px 24px 26px;}
  .xp-box16 .xp16-date{margin-bottom: 21px;}
  .xp-box16 .xp16-img{margin-top: 22px;border-radius: 8px;margin-bottom: 23px;height: 155px;}
  .xp-box16 .xp16-label{margin-top: 22px;gap: 10px;padding-bottom: 18px;}
  .xp-box16 .xp16-label-item{padding: 4px 5px;}
  .xp-box16 .xp16-more{margin-top: 17px;gap: 6px;}
  .xp-box16 .xp16-more-icon{width: 13px;height: 13px;}
  .xp-box17{padding: 39px 0 62px;}
  .xp-box17 .xp17-item{padding: 59px 56px 35px 33px;gap: 96px;margin-bottom: 25px;}
  .xp-box17 .xp17-item-left{gap: 35px;width: 81%;}
  .xp-box17 .xp17-item-info{gap: 23px;width: 84%;}
  
  .xp-box18{padding: 47px 0 77px;gap: 40px;}
.xp-box18 .xp18-left{width: calc(100% - 219px - 40px);}
  .xp18-content{padding: 29px 12px 35px;}
  .xp-box18 .xp18-title{padding-bottom: 12px;margin-bottom: 17px;}
  .xp-box18 .xp18-date{gap: 12px;}
  .xp-box18 .xp18-label{margin-top: 43px;padding-top: 22px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 7px;margin-left: 8px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 4px 7px;border-radius: 2px;}
  .xp-box18 .xp-next{margin-top: 22px;}
  .xp-box18 .xp-next-item{padding: 12px;border-radius: 2px;margin-bottom: 9px;}
  .xp-box18 .xp-next-item span{padding: 0 7px;}
  .xp-box18 .xp18-right{width: 219px;}
  .xp-box18 .xp18-right-content{margin-bottom: 21px;border-radius: 9px;}
  .xp-box18 .xp18-right-title{padding: 17px 9px 15px;}
  .xp-box18 .xp18-right-list{min-height: 300px;}
  .xp-box18 .xp18-right-item{padding: 12px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 9px;}
  .xp-box18 .xp18-right-list2{padding: 9px 12px 20px;}
  .xp-box19{padding: 82px 0 0;}
  .xp-box19 .xp19-top{width: 68px;}
  .xp-box19 .xp19-title{margin-top: 15px;}
  .xp-box19 .xp19-content{gap: 86px;}
  .xp-box19 .xp19-img-box{gap: 26px;}
  .xp-box19 .xp19-img{width: 181px;height: 144px;}
  .xp-box19 .xp19-text{margin-top: 36px;}
  .xp-box19 .xp-data{margin-top: 52px;gap: 10px;}
  .xp-box19 .xp-data-item{gap: 10px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 51px;}
  .xp-box20{padding: 59px 0 0;}
  .xp-box20 .xp20-item{height: 258px;}
  .xp-box20 .xp20-pagination{gap: 5px;margin-top: 13px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
  .xp-box21{padding: 100px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 19px;}
  .xp-box21 .xp21-list{margin-top: 28px;}
  .xp21-item-info-text{margin-top: 37px;}
  .xp-box22{padding: 82px 0 76px;}
  .xp-box22 .xp22-desc{margin-top: 19px;}
  .xp-box22 .xp22-info{padding: 80px 0 71px;}
  .xp-box22 .xp22-imgBox{gap: 31px;}
  .xp-box22 .xp22-img{width: 263px;height: 183px;}
  .xp-box22 .xp22-info-text{margin-top: 12px;width: 30%;}
  .xp-box22 .xp22-year{font-size: 195px;}
  .xp-box22 .timeline-track-btn{width: 37px;height: 37px;border-radius: 19px;padding: 10px  10px;min-width: 37px;}
      .xp-box22 .xp22-line {top: 21px;}
  .xp-box22 .timeline-line{padding: 18px 0 0 140px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 7px;height: 7px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 12px;height: 12px;margin-top: -2px;}
  .xp-box22 .timeline-year{margin-top: 32px;}
  .xp-box22 .timeline-year-active{margin-top: 23px;}
  .xp-box23{padding: 54px;}
  .xp-box23 .xp23-desc{margin-top: 14px;}
  .xp-box23 .xp23-swiper{margin-top: 64px;}
  .xp-box23 .xp23-list{gap: 18px 2%;}
  .xp-box23 .xp23-item{height: 79px;}
  .xp-box23 .xp23-pagination{gap: 8px;margin-top: 26px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 26px;height: 4px;border-radius: 2px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 39px;}
  .xp-box24{padding: 86px 0 99px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 23px;}
  .xp24-list{margin-top: 51px;}
  .xp24-list-title{padding: 19px 70px;}
  .xp24-list ul li{margin-top: 10px;padding: 0 40px;}
  .xp-box24-list ul li .xp24-list-title2{padding: 19px 34px;}
  .xp-box24-list ul li .xp24-list-title2-icon{width: 21px;height: 21px;}
  .xp-box24-list ul li .xp24-list-content{padding: 13px 31px 29px;}
  
  .pagination li {width: 30px;height: 30px;line-height: 30px;border-radius: 2px; margin: 0 5px;}
  
  .xp-box25{padding: 63px 0 81px;}
  .xp-box25 .xp25-title-box{gap: 142px;}
  .xp-box25 .xp25-title{margin-bottom: 26px;}
  .xp-box25 .xp25-icon-box{gap: 15px;}
  .xp-box25 .xp25-icon{width: 51px;height: 51px;padding: 16px;min-width: 51px;}
  .xp-box25 .xp25-line{width: 18px;height: 2px;margin-right: 5px;}
  .xp-box25 .xp-box5{padding: 75px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 446px;}
  .xp-box25 .xp5-slide-title{padding: 28px 15px 19px;}
  .xp-box26{padding: 153px 0 0;}
  .xp-box26 .xp26-top{width: 73px;top: 20px;}
  .xp-box26 .xp26-en{margin-top: 19px;}
  .xp-box26 .xp26-title-box{gap: 18px;}
  .xp-box26 .xp26-list{gap: 25px;}
  .xp-box26 .xp26-list-item1{margin-top: -67px;}
  .xp-box26 .xp26-list-item3{margin-top: -36px;}
  .xp-box26 .xp26-list-info{padding: 19px 13px 15px;}
  .xp-box26 .xp26-icon{width: 16px;height: 16px;margin-right: 8px;min-width: 16px;}
  .xp-box27{padding: 83px 0 96px;}
  .xp-box27 .xp27-top{width: 160px;top: -35px;}
  .xp-box27 .xp27-list{gap: 16px;margin-top: 38px;}
  .xp-box27 .xp27-list-item{width: 33.3%;border-radius: 13px;padding: 40px 48px 43px;}
  .xp-box27 .xp27-list-item-icon{width: 70px;height: 70px;margin-bottom: 26px;}
  .xp-box28{border-radius: 26px;padding: 75px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: -20px;height: 382px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 292px;height: 274px;min-width: 292px;border-radius: 19px;}
  .xp-box28 .xp28-slide img{border-radius: 5px;}
  .xp-box28 .xp28-back{margin-top: -46px;height: 320px;}
  .xp-box28 .xp28-back-info{padding: 32px 14% 27px;}
  .xp-box28 .xp28-back-icon-box{gap: 13px;}
  .xp-box28 .xp28-back-info-text{margin-top: 44px;}
  .xp-box28 .xp5-more-btn{margin-top: 31px;}
  .en-header {padding: 16px 35px;}
  .en-header .pc-nav ul{gap: 4.5%;}
  .en-header  .pc-nav .pc-right{margin-left: 2%;}
  .en-xp-box2{padding: 78px 0 64px;}
  .en-xp-box2 .en-xp2-top{width: 90px;}
  .en-xp-box2 .en-xp2-btn{padding: 12px 28px;margin-top: 44px;}
  .en-xp-box2 .en-xp2-content{gap: 66px;}
  .en-xp-box2 .en-xp2-img{gap: 20px;margin-bottom: 45px;}
  .en-xp-box2 .en-xp2-desc{margin-top: 19px;}
  .en-xp-box2 .en-xp2-sb{gap: 7px;margin-top: 28px;}
  .en-xp-box2 .en-xp2-numbox{margin-top: 28px;}
  .en-xp-box2 .en-xp2-bottom{width: 294px;height: 290px;bottom: -142px;}
  .en-xp-box3{padding: 64px 0 24px;}
  .en-xp-box3 .en-xp3-desc{margin-top: 19px;}
  .en-xp-box3 .en-xp3-title{gap: 94px;padding: 0 35px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab{gap: 56px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab div{padding: 19px 24px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab .active{padding: 19px 24px;}
  .en-xp-box3 .xp3-item{width: 305px;min-width: 305px;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height: 412px;}*/
  .en-xp-box3 .xp3-item-title{padding: 24px 5px;}
  .en-xp-box3 .xp3-nav{margin-top: 42px;padding: 0 35px;}
  .en-xp-box4 .en-xp4-item{padding: 58px 35px 42px;}
  .en-xp-box4 .en-xp4-icon{width: 66px;height: 66px;margin-top: 92px;}
  .en-xp-box4 .en-xp4-desc{margin-top: 22px;}
  .en-xp-box5{padding: 44px 0 64px;}
  .en-xp-box5 .en-xp5-title{gap: 98px;}
  .en-xp-box5 .en-xp5-title-box{padding: 0 35px;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 44px;}
  .en-xp-box5 .en-xp5-content{gap: 18px;}
  .en-xp-box5 .en-xp5-content-item{width: 146px;height: 65px;min-width: 146px;}
  .en-xp-box6{padding: 64px;}
  .en-xp-box6 .en-xp6-content{gap: 18px;margin-top: 44px;}
  .en-xp-box6 .en-xp6-content-img{height: 220px;}
  .en-xp-box6 .en-xp6-content-item2{height: 345px;}
  .en-xp-box6 .en-xp6-more{margin-top: 44px;width: 120px;height: 34px;}
  .en-footer .f-input-btn{width: 120px;height: 34px;border-radius: 5px;}
  .en-xp-box7{padding: 88px 0 64px;}
  .en-xp-box7 .en-xp7-tab{gap: 44px;}
  .en-xp-box7 .en-xp7-tab div{padding-bottom: 22px;}
  .en-xp-box7 .en-xp7-list{gap: 94px;margin-top: 44px;}
  .en-xp-box7 .en-xp7-left{width: 32%;min-width: 32%;}
  .en-xp-box7 .en-xp7-left-img{height: 180px;margin-bottom: 24px;}
  .en-xp-box7 .en-xp7-left-desc{margin-top: 12px;}
  .en-xp-box7 .en-xp7-left-date{margin-top: 30px;}
  .en-xp-box7 .en-xp7-right-item{padding: 28px 0 16px;gap: 44px;}
  .en-xp-box7 .en-xp7-right-desc{margin: 11px 0 18px;}
  .en-xp-box7 .en-xp7-right-img{width: 150px;height: 90px;min-width: 150px;}
  .en-xp-box7 .en-xp7-right{width: 58%;}
  .en-footer{padding: 62px 35px 0;}
  .y-padding2 {padding-left: calc(8.334% - 35px) !important;padding-right: calc(8.334% - 35px) !important;}
  .en-footer .f-top{padding: 25px 85px;}
  .en-footer .f-info{gap: 64px;padding: 0 125px 23px 95px;}
  .en-footer .f-logo-box{gap: 205px;}
  .f-input-box .f-input-top{gap: 21px;}
  .en-footer .f-info-left{gap: 76px;}
  .en-footer .f-email{margin-top: 12px;}
.en-footer .f-input-box{margin-top: 25px;}
.en-footer .f-info-right-item{margin-bottom: 15px;}
.en-footer .f-input-box .f-textarea{height: 80px;}
 .xp-box1 .swiper-down{height: 90px;}
 .xp-box21 .xp21-item:hover .xp21-item-info-text{transform:translateY(-30%) scale(1);}
}

@media screen and (max-width: 993px){
   header{height: 62px;background-color: #094698;padding: 0;}
    header .logo-default{display:block !important;}
  header .logo-scrolled{display:none !important;}
  header .wid-14_5{width: 16%;}
  .xp-box13 .xp13-right-icon .xp13-right-icon-ewm{
    left:136%;
}
   /* 移动端导航菜单 */
.mobile-nav {height: calc(100% - 62px);}
.mobile-nav.active {top: 62px;}
.header-place{margin-top: 62px;}
  header .pc-nav{position: relative;z-index: 99999;background-color: #094698;padding: 0 4.532%;height: 100%;width: 100%;box-sizing: border-box;}
  .xp-box3{padding: 48px 0 56px;}
  .xp-box4{padding: 40px 0;min-height: 420px;}
  .xp-box4 .xp4-tips{margin-top: 13px;}
  .xp-box4 .xp4-list{margin-top: 40px;gap: 26px 8%;}
  .xp-box4 .xp4-item{border-radius: 6px;padding: 15px 22px 18px;width: 46%;}
  .xp-box4 .xp4-item-icon{width: 35px;height: 35px;margin: 0 auto 15px;}
  .xp-box5{padding: 60px 0 50px;}
  .xp5-swiper-container{margin-top: 40px;}
  .xp5-slide-content img{height: 519px;}
  .xp5-slide-title{padding: 38px 18px 22px;}
  .xp5-nav-prev, .xp5-nav-next{width: 34px;height: 34px;}
  .xp5-nav-prev{left: calc(7.5% - 17px);}
  .xp5-nav-next{right: calc(7.5% - 17px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 13px;height: 13px;}
 
  .xp5-more-icon{width: 19px;height: 19px;padding: 4px;}
  .xp-box1{height: 550px;}
  .xp-box1 .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 7px !important;}
  .xp-box1 .swiper-pagination-bullet-active{width: 18px;height: 18px;}
  .xp-box1 .swiper-pagination-bullet-active::after{width: 7px;height: 7px;}
  .xp-box1 .swiper-pagination{bottom: 30px !important;}
  .xp-box2{padding-top: 55px;}
  .xp-box2 .xp2-content{gap: 60px;}
  .xp-box2 .xp2-more{padding: 0 28px 0 22px;gap: 18px;}
  .xp-box2 .xp2-icon{width: 12px;height: 9px;}
  .xp-box2 .xp2-tips{margin-top: 15px;}
  .xp-box2 .xp2-more{margin-top: 22px;}
  .xp-box2 .xp2-text{margin-top: 20px;}
  .xp-box2 .xp2-item{padding-bottom: 35px;margin-bottom: 56px;}
  .xp-box2 .xp2-back{margin-top: -175px;}
  header .pc-nav .pc-search{padding: 0 14px;}
  header .pc-nav .pc-search svg{width: 18px;}
  .xp-box3 .xp3-btn{gap: 14px;margin-top: 50px;}
  .xp-box3 .xp3-list-container{height: 250px;margin-top: 25px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 12px;}
  .xp-box3 .xp3-list{gap: 8px;}
  .xp-box3 .xp3-item{width: 245px;height: 180px;border-radius: 7px;}
  .xp-box3 .xp3-item-tall{margin-top: -38px;}
  .xp-box3 .xp3-item-short{margin-top: 38px;}
  .xp-box3 .xp3-item-title{padding: 38px 8px 8px;}
  .xp-box3 .xp3-nav{gap: 10px;margin-top: 25px;}
  .xp-box3 .xp3-nav-btn{width: 42px;height: 42px;}
  .xp-box3 .xp3-nav-btn svg{width: 14px;height: 14px;}
  .xp-box3 .xp3-progress{max-width: 340px;height: 3px;}
  .xp-box6{padding: 40px 0 50px;}
  .xp-box6 .xp6-nav{gap: 7px;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 38px;height: 38px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 12px;height: 12px;}
  .xp-box6 .xp6-list-container{margin-top: 50px;}
  .xp-box6 .xp6-list{gap: 34px;}
  .xp-box6 .xp6-item{width: 260px;}
  .xp-box6 .xp6-item img{height: 156px;}
  .xp-box6 .xp6-date{padding: 15px 1px 12px;}
  .xp-box6 .xp6-title{padding: 0 1px 20px;}
  .xp-box6 .xp6-more-btn{padding: 12px 19px;margin-top: 64px;gap: 24px;}
  .xp-box6 .xp6-more-icon{width: 11px;height: 11px;}
  .xp-box7{padding: 64px 0 56px;min-height: 370px;}
  .xp-box7 .xp7-add{margin-top: -10px;margin-left: 5px;}
  .xp-box7 .xp7-title{margin-top: 20px;}
  .xp-box7 .xp7-list{gap:8px;width: 85%;}
  .xp-box7 .xp7-img{width: 115px;height: 60px;border-radius: 5px;}
  footer{padding: 30px 0 0;}
  footer .f-title{margin-bottom: 20px;}
   footer .f-nav{display: none;}
  footer .f-nav ul li{margin-bottom: 10px;}
  footer .f-qrcode-box{width: 80px;}
  footer .f-qrcode{width: 80px;height: 80px;margin-bottom: 4px;}
  footer .f-content{margin-top: 0 !important;}
  footer .f-content-box{padding-bottom:13px;padding-bottom: 0 !important;border: none;}
  footer .f-content-left{gap:13px;}
  footer .f-line{height: 102px;margin-left: 14px; margin-right: 16px;}
  footer .f-line2{margin-left: 48px; margin-right: 18px;}
  footer .f-phone{margin-top: 20px;}
  footer .f-address{margin-top: 24px;}
  footer .f-link-box{padding:8px;visibility: hidden;height: 15px;}
  footer .f-link{padding:12px 0;}
  footer .f-bottom{gap:18px;padding:15px 12px 12px;}
  .xp-box8 h3{bottom: 32px;bottom:5.5%;}
  .xp-box9{padding: 16px;}
  .xp-box9 .xp9-icon{margin-right: 6px;}
  .xp-box10{padding: 21px 0 71px;}
  .xp10-list{gap: 26px 1.5%;}
  .xp-box10 .xp10-item{border-radius: 10px;width: 31.3%;}
  .xp-box10 .xp10-item-img{height: 182px;}
  .xp-box10 .xp10-content{padding: 9px 8px 17px;height: calc(100% - 182px);}
  .xp-box10 .xp10-content-label{margin-top: 9px;gap: 8px;}
  .xp-box10 .xp10-content-label-item{padding: 3px 7px;}
  .xp-box11{padding: 48px 0 70px;}
  .xp-box11 .xp11-list{gap: 22px 1.5%;}
  .xp-box11 .xp11-item{width: 48.5%;}
  .xp-box11 .xp11-item-img{height: 226px;}
  .xp-box11 .xp11-content{border-radius: 10px;padding: 44px 10px 10px;}
  .xp-box12{padding: 30px 0 70px;}
  .xp-box12 .xp12-content{border-radius: 10px;padding: 44px 10px 10px;}
  .xp-box12 .xp12-item-img{height: 242px;}
  .xp-box13{padding: 48px 0 56px;gap: 32px;}
  .xp-box13 .xp13-desc{margin-top: 8px;}
  .xp-box13 .xp13-contact{margin-top: 16px;}
  .xp-box13 .xp13-contact-item{border-radius: 7px;padding: 15px 13px 17px;}
  .xp-box13 .xp13-contact-item-title{gap: 12px;}
  .xp13-contact-item-phone{margin-top: 12px;}
  .xp-box13 .xp13-right{border-radius: 7px;padding: 20px 17px 13px;}
  .xp-box13 .xp13-right-title{margin-bottom: 22px;}
  .xp-box13 .xp13-right-desc{margin-top: 16px;margin-bottom: 22px;}
  .xp-box13 .xp13-right-icon-box{gap: 16px;}
  .xp-box14{padding: 0 0 48px;}
  .xp-box14 .xp14-tips{margin-top: 20px;}
  .xp-box14 .xp14-form{margin-top: 27px;}
  .xp-box14 .xp14-form-item{gap: 8px 2.4%;}
  .xp-box14 .xp14-input{width: 48.8%;border-radius: 7px;padding: 0 15px;height: 50px;}
  .quote-section .quote-section-title{border-radius: 7px;padding: 0 15px;height: 50px;margin-bottom: 8px;}
  .xp-box14 .xp14-textarea{height: 160px;border-radius: 7px;margin-top: 11px;padding: 20px 15px;}
  .xp-box14 .xp14-input-code{width: 29.3%;height: 60px;min-width: 29.3%;}
  .xp-box14 .xp14-img{width: 185px;height: 60px;min-width: 185px;border-radius: 7px;}
  .xp-box14 .xp14-form-item2{gap: 8px;margin-top: 17px;}
  .xp-box14 .xp14-btn{height: 60px;margin-left: 17px;}
  .products-container{flex-direction: column-reverse;gap: 24px;padding: 36px 0 60px;}
  .pagination{margin: 42px 0 10px;gap: 4px;}
  .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;height: 100%;}
  .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;}
  .detail-info .product-labels .label{padding: 3px 12px;border-radius: 2px;}
  .detail-content{padding: 32px 0 0;gap: 28px;}
  .detail-section{border-radius: 10px;}
  .detail-section .section-header{padding: 20px 14px 14px;}
  .detail-table{padding: 13px;}
  .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;}
  .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;display: none;}
   .products-sidebar .sidebar-title2{display: block;}
  .products-sidebar .sidebar-nav{padding: 4px 0;display: none;}
  .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;}
  .xp-box15 .xp15-left div{min-width: 100px;height: 48px;line-height: 48px;}
  .xp-box15 .xp15-left .xp15-line{height: 10px;}
  .xp-box16{padding: 54px 0 0;gap: 32px;}
  .xp-box16 .xp16-item{padding: 27px 21px 23px;}
  .xp-box16 .xp16-item .y-hide2{-webkit-line-clamp: 1;line-clamp: 1;}
  .xp-box16 .xp16-date{margin-bottom: 18px;}
  .xp-box16 .xp16-img{margin-top: 19px;border-radius: 7px;margin-bottom: 20px;height: 127px;}
  .xp-box16 .xp16-label{margin-top: 19px;gap: 8px;padding-bottom: 15px;}
  .xp-box16 .xp16-label-item{padding: 4px 5px;}
  .xp-box16 .xp16-more{margin-top: 15px;gap: 5px;}
  .xp-box16 .xp16-more-icon{width: 11px;height: 11px;}
  .xp-box17{padding: 34px 0 54px;}
  .xp-box17 .xp17-item{padding: 30px 24px 20px;gap: 30px;margin-bottom: 20px;}
  .xp-box17 .xp17-item-left{gap: 20px;}
  .xp-box17 .xp17-item-info{gap: 15px;width: 81%;}
  .xp-box18{padding: 48px 0 78px;gap: 42px;}
.xp-box18 .xp18-left{width: calc(100% - 230px - 42px);}
  .xp18-content{padding: 31px 13px 37px;}
  .xp-box18 .xp18-title{padding-bottom: 13px;margin-bottom: 19px;}
  .xp-box18 .xp18-date{gap: 13px;}
  .xp-box18 .xp18-label{margin-top: 45px;padding-top: 23px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 8px;margin-left: 9px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 3px 8px;border-radius: 3px;}
  .xp-box18 .xp-next{margin-top: 23px;}
  .xp-box18 .xp-next-item{padding: 13px;border-radius: 3px;margin-bottom: 9px;}
  .xp-box18 .xp-next-item span{padding: 0 8px;}
  .xp-box18 .xp18-right{width: 230px;}
  .xp-box18 .xp18-right-content{margin-bottom: 22px;border-radius: 10px;}
  .xp-box18 .xp18-right-title{padding: 17px 9px 15px;}
  .xp-box18 .xp18-right-list{min-height: 310px;}
  .xp-box18 .xp18-right-item{padding: 13px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 9px;}
  .xp-box18 .xp18-right-list2{padding: 10px 13px 21px;}
  .xp-box19{padding: 86px 0 0;}
  .xp-box19 .xp19-top{width: 74px;}
  .xp-box19 .xp19-title{margin-top: 16px;}
  .xp-box19 .xp19-content{gap: 30px;flex-direction: column;}
  .xp-box19 .xp19-img-box{gap: 28px;}
  .xp-box19 .xp19-img{width: 193px;height: 103px;}
  .xp-box19 .xp19-text{margin-top: 38px;}
  .xp-box19 .xp-data{margin-top: 55px;gap: 11px;}
  .xp-box19 .xp-data-item{gap: 11px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 54px;}
  .xp-box20{padding: 63px 0 0;}
  .xp-box20 .xp20-item{height: 214px;}
  .xp-box20 .xp20-pagination{gap: 5px;margin-top: 14px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 9px;height: 9px;}
  .xp-box21{padding: 106px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 20px;}
  .xp-box21 .xp21-list{margin-top: 30px;}
  .xp21-item-info-text{margin-top: 40px;}
  .xp-box22{padding: 86px 0 81px;}
  .xp-box22 .xp22-desc{margin-top: 20px;}
  .xp-box22 .xp22-info{padding: 84px 0 75px;}
  .xp-box22 .xp22-imgBox{gap: 34px;}
  .xp-box22 .xp22-img{width: 279px;height: 195px;}
  .xp-box22 .xp22-info-text{margin-top: 13px;width: 38%;}
  .xp-box22 .xp22-year{font-size: 205px;}
  .xp-box22 .timeline-track-btn{width: 40px;height: 40px;border-radius: 20px;padding: 12px 10px;min-width: 40px;}
  .xp-box22 .timeline-line{padding: 18px  0 0 149px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 7px;height: 7px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 13px;height: 13px;margin-top: -2px;}
  .xp-box22 .timeline-year{margin-top: 34px;}
  .xp-box22 .timeline-year-active{margin-top: 24px;}
  .xp-box23{padding: 57px;}
  .xp-box23 .xp23-desc{margin-top: 15px;}
  .xp-box23 .xp23-swiper{margin-top: 69px;}
  .xp-box23 .xp23-list{gap: 19px 2%;}
  .xp-box23 .xp23-item{height: 84px;}
  .xp-box23 .xp23-pagination{gap: 9px;margin-top: 27px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 27px;height: 4px;border-radius: 2px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 41px;}
  .xp-box24{padding: 91px 0 105px;}
  .xp-box24 .xp24-back{left: 30.5%;}
  .xp-box24 .xp24-info-text{margin-top: 25px;}
  .xp24-list{margin-top: 54px;}
  .xp24-list-title{padding: 20px 74px;}
  .xp24-list ul li{margin-top: 11px;padding: 0 43px;}
  .xp24-list ul li .xp24-list-title2{padding: 20px 36px;}
  .xp24-list ul li .xp24-list-content{padding: 14px 33px 31px;}
  .xp-box25{padding: 46px 0 60px;}
  .xp-box25 .xp25-title-box{gap: 104px;}
  .xp-box25 .xp25-title{margin-bottom: 19px;}
  .xp-box25 .xp25-icon-box{gap: 11px;}
  .xp-box25 .xp25-icon{width: 38px;height: 38px;padding: 12px;min-width: 38px;}
  .xp-box25 .xp25-line{width: 13px;height: 2px;margin-right: 4px;}
  .xp-box25 .xp-box5{padding: 55px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 417px;}
  .xp-box25 .xp5-slide-title{padding: 20px 11px 14px;}
  .xp-box26{padding: 112px 0 0;}
  .xp-box26 .xp26-top{width: 54px;top: 15px;}
  .xp-box26 .xp26-en{margin-top: 14px;}
  .xp-box26 .xp26-title-box{gap: 13px;}
  
  .xp-box26 .xp26-list{gap: 18px;}
  .xp-box26 .xp26-list-item1{margin-top: -49px;}
  .xp-box26 .xp26-list-item3{margin-top: -26px;}
  .xp-box26 .xp26-list-info{padding: 14px 10px 11px;}
  .xp-box27{padding: 61px 0 71px;}
  .xp-box27 .xp27-top{width: 118px;top: -26px;}
  .xp-box27 .xp27-list{gap: 12px;margin-top: 28px;}
  .xp-box27 .xp27-list-item{width: 33.3%;border-radius: 10px;padding: 30px 35px 32px;}
  .xp-box27 .xp27-list-item-icon{width: 52px;height: 52px;margin-bottom: 19px;}
  .xp-box28{border-radius: 19px;padding: 55px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: -18px;height: 281px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 215px;height: 201px;min-width: 215px;border-radius: 14px;}
  .xp-box28 .xp28-slide img{border-radius: 4px;}
  .xp-box28 .xp28-back{margin-top: -34px;height: 475px;}
  
  .xp-box28 .xp28-back .w-full{height: auto !important;}
  .xp-box28 .xp28-back-icon-box{gap: 10px;}
  .xp-box28 .xp28-back-info-text{margin-top: 80px;}
  .xp-box28 .xp5-more-btn{margin-top: 23px;}
    .en-header {padding: 14px 30px;}
  .en-header .pc-nav ul{gap: 4%;}
  .en-header  .pc-nav .pc-right{margin-left: 1.5%;}
  .en-xp-box2{padding: 68px 0 56px;}
  .en-xp-box2 .en-xp2-top{width: 80px;}
  .en-xp-box2 .en-xp2-btn{padding: 11px 24px;margin-top: 38px;}
  .en-xp-box2 .en-xp2-content{gap: 56px;}
  .en-xp-box2 .en-xp2-img{gap: 18px;margin-bottom: 39px;}
  .en-xp-box2 .en-xp2-desc{margin-top: 17px;}
  .en-xp-box2 .en-xp2-sb{gap: 6px;margin-top: 24px;}
  .en-xp-box2 .en-xp2-numbox{margin-top: 24px;}
  .en-xp-box2 .en-xp2-bottom{width: 264px;height: 260px;bottom: -128px;}
  .en-xp-box3{padding: 56px 0 20px;}
  .en-xp-box3 .en-xp3-desc{margin-top: 17px;}
  .en-xp-box3 .en-xp3-title{gap: 48px;padding: 0 30px;flex-direction: column;text-align: center;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab{gap: 48px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab div{padding: 17px 20px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab .active{padding: 17px 20px;}
  .en-xp-box3 .xp3-item{width: 272px;min-width: 272px;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height: 365px;}*/
  .en-xp-box3 .xp3-item-title{padding: 21px 4px;}
  .en-xp-box3 .xp3-nav{margin-top: 37px;padding: 0 30px;}
  .en-xp-box4 .en-xp4-item{padding: 50px 30px 36px;}
  .en-xp-box4 .en-xp4-icon{width: 58px;height: 58px;margin-top: 82px;}
  .en-xp-box4 .en-xp4-desc{margin-top: 19px;  -webkit-line-clamp: 3;line-clamp: 3;}
  .en-xp-box5{padding: 38px 0 56px;}
  .en-xp-box5 .en-xp5-title{gap: 86px;}
  .en-xp-box5 .en-xp5-title-box{padding: 0 30px;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 38px;}
  .en-xp-box5 .en-xp5-content{gap: 16px;}
  .en-xp-box5 .en-xp5-content-item{width: 130px;height: 58px;min-width: 130px;}
  .en-xp-box6{padding: 56px;}
  .en-xp-box6 .en-xp6-content{gap: 16px;margin-top: 38px;}
  .en-xp-box6 .en-xp6-content-img{height: 182px;}
  .en-xp-box6 .en-xp6-content-item2{height: 305px;}
  .en-xp-box6 .en-xp6-more{margin-top: 38px;width: 110px;height: 31px;}
  .en-xp-box6 .en-xp6-content-item {gap: 19px 4%;}
  .en-xp-box7{padding: 76px 0 56px;}
  .en-xp-box7 .en-xp7-tab{gap: 38px;}
  .en-xp-box7 .en-xp7-tab div{padding-bottom: 19px;}
  .en-xp-box7 .en-xp7-list{gap: 82px;margin-top: 38px;flex-direction: column;}
  .en-xp-box7 .en-xp7-left{width: 100%;min-width: 100%;}
  .en-xp-box7 .en-xp7-left-img{height: 465px;margin-bottom: 21px;}
  .en-xp-box7 .en-xp7-left-desc{margin-top: 11px;}
  .en-xp-box7 .en-xp7-left-date{margin-top: 26px;}
  .en-xp-box7 .en-xp7-right-item{padding: 24px 0 14px;gap: 38px;}
  .en-xp-box7 .en-xp7-right-desc{margin: 10px 0 16px;}
  .en-xp-box7 .en-xp7-right-img{width: 134px;height: 80px;min-width: 134px;}
  .en-xp-box7 .en-xp7-title{flex-direction: column;align-items: center;gap: 20px;}
  .en-xp-box7 .en-xp7-right{width: 100%;}
  .en-xp7-right-item-left {
    width: 75%;
}
.en-xp-box7.xp-animate-section.animate .en-xp7-right-item{ width: 100%;}
  .en-footer{padding: 54px 30px 0;}
  .y-padding2 {padding-left: calc(8.334% - 30px) !important;padding-right: calc(8.334% - 30px) !important;}
  .en-footer .f-top{padding: 22px 72px;}
  .en-footer .f-info{gap: 56px;padding: 0 110px 20px 84px;flex-direction: column;}
   .en-footer .f-logo-box{gap: 150px;flex-direction: row;gap: 35px;align-items: center;}
  .en-footer  .f-input-box .f-input-top{gap: 18px;}
  .en-footer .f-info-left{gap: 66px;}
   .en-header .pc-nav{background-color: #0D317C;}
   .en-header .wid-10_2525{width: 18%;}
    .xp-box1 .swiper-down{height: 60px;}
    .en-footer .f-top{padding: 0 !important;border-top: none;}
    .en-footer .f-input-max{display: none;}
    .en-footer .f-info-right{width: 100%;}
    .en-header{padding: 0 !important;}
    
    
.xp-box19 .xp-number::after{right:-5px;}

.xp-box25 .xp-box5{padding-right: 40px;}

.en-xp-box3.xp-animate-section.animate .en-xp3-title > div:first-child{width: 100%;}

 .xp-box21 .xp21-item-info{height: 77%;}
 .xp-box21 .xp21-item:hover .xp21-item-info-text{transform:translateY(-20%) scale(1);}
 .xp21-item-info-text{font-size: 12px;}
}

/* 平板端适配（768px）- 沿用手机布局，尺寸按比例放大1.5倍 */
@media screen and (max-width: 768px) {
  header{height: 52px;}
.header-place{margin-top: 52px;}
.mobile-nav {height: calc(100% - 52px);}
.mobile-nav.active {top: 52px;}
  header .wid-14_5{width: 18%;}
  .xp-box3{padding: 38px 0 45px;}
  .xp-box4{padding: 32px 0;min-height: 340px;}
  .xp-box4 .xp4-tips{margin-top: 10px;}
  .xp-box4 .xp4-list{margin-top: 32px;gap: 20px 8%;}
  .xp-box4 .xp4-item{border-radius: 5px;padding: 12px 18px 14px;width: 46%;}
  .xp-box4 .xp4-item-icon{width: 30px;height: 30px;margin: 0 auto 12px;}
  .xp-box5{padding: 48px 0 40px;}
  .xp5-swiper-container{margin-top: 32px;}
  .xp5-slide-content img{height: 487px;}
  .xp5-slide-title{padding: 48px 20px 26px;}
  .xp5-nav-prev, .xp5-nav-next{width: 32px;height: 32px;}
  .xp5-nav-prev{left: calc(8.5% - 16px);}
  .xp5-nav-next{right: calc(8.5% - 16px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 12px;height: 12px;}
   .xp5-more-btn{margin-top: 24px;}
  .xp5-more-icon{width: 18px;height: 18px;padding: 3px;}
  .y-padding { padding-left: 50px !important; padding-right: 50px !important; }
  header .header-logo {width: 230px;}
  .xp-box1{height: 450px;}
  .xp-box1 .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 6px !important;}
  .xp-box1 .swiper-pagination-bullet-active{width: 15px;height: 15px;}
  .xp-box1 .swiper-pagination-bullet-active::after{width: 6px;height: 6px;}
  .xp-box1 .swiper-pagination{bottom: 25px !important;}
  .xp-box2{padding-top: 45px;}
  .xp-box2 .xp2-content{gap: 45px;flex-direction: column;}
  .xp-box2 .xp2-content .wid-45_5{width: 100%;}
  .xp-box2 .xp2-content .wid-54_5{width: 100%;}
  .xp-box2 .xp2-more{height: 36px;padding: 0 22px 0 18px;gap: 14px;}
  .xp-box2 .xp2-icon{width: 10px;height: 8px;}
  .xp-box2 .xp2-tips{margin-top: 12px;}
  .xp-box2 .xp2-more{margin-top: 18px;}
  .xp-box2 .xp2-text{margin-top: 16px;}
  .xp-box2 .xp2-item{padding-bottom: 28px;margin-bottom: 45px;}
  .xp-box2 .xp2-back{margin-top: -140px;}
  header .pc-nav .pc-search{padding: 0 12px;}
  header .pc-nav .pc-search svg{width: 16px;}
  .xp-box3 .xp3-btn{gap: 12px;margin-top: 42px;}
  .xp-box3 .xp3-btn .xp3-btn-item{min-width: 130px; height: 38px; border-radius: 19px;padding: 0 8px;}
  .xp-box3 .xp3-list-container{height: auto;margin-top: 20px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 10px;display: block;}
  .xp-box3 .xp3-item{width: 100%;height: 556px;border-radius: 6px;}
  .xp-box3 .xp3-item-title{padding: 30px 7px 7px;}
  .xp-box3 .xp3-list{gap: 10px;flex-direction: column;}
  .xp-box3 .xp3-item-tall{margin-top: 0px;}
  .xp-box3 .xp3-item-short{margin-top: 0px;}
  .xp-box3 .xp3-nav{display: none;}
  .xp-box6{padding: 32px 0 40px;}
  .xp6-top{justify-content: center;text-align: center;}
  .xp-box6 .xp6-nav{gap: 6px;display: none;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 34px;height: 34px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 11px;height: 11px;}
  .xp-box6 .xp6-list-container{margin-top: 40px;}
  .xp-box6 .xp6-list{gap: 26px;flex-direction: column;        width: 100%;}
  .xp-box6 .xp6-item{width: 100%;}
  .xp-box6 .xp6-item img{height: 372px;}
  .xp-box6 .xp6-date{padding: 12px 1px 10px;}
  .xp-box6 .xp6-title{padding: 0 1px 16px;}
  .xp-box6 .xp6-more-btn{padding: 10px 16px;margin-top: 52px;gap: 20px;}
  .xp-box7{padding: 52px 0 46px;min-height: 300px;flex-direction: column;gap: 23px;}
  .xp-box7 .xp7-add{margin-top: -8px;margin-left: 4px;}
  .xp-box7 .xp7-title{margin-top: 16px;text-align: center;}
  .xp-box7  .xp7-num{justify-content: center;}
  .xp-box7 .xp7-list{gap:6px 0.95%;width: 100% !important;justify-content: flex-start;}
  .xp-box7 .xp7-img{width: 32.7% !important;height: 111px;}
  footer{padding: 24px 0 0;}
  footer .f-title{margin-bottom: 16px;}
  footer .f-nav ul li{margin-bottom: 8px;}
  footer .f-qrcode-box{width: 82px;}
  footer .f-qrcode{width: 82px;height: 82px;margin-bottom: 4px;}
  footer .f-content{margin-top: 30px;}
  footer .f-content-box{padding-bottom:9px;flex-direction: column;gap: 30px;}
  footer .f-content-left{gap:15px;}
  footer .f-line{height: 40px;margin-left: 10px; margin-right: 11px;display: none;}
  footer .f-line2{margin-left: 34px; margin-right: 13px;display: none;}
  footer .f-phone{margin-top: 16px;}
  footer .f-address{margin-top: 20px;}
  footer .f-link-box{padding:7px;}
  footer .f-link{padding:10px 0;}
  footer .f-bottom{gap:6px;padding:10px 8px 8px;flex-direction: column;}
  footer .f-top {padding-left: 50px !important;padding-right: 50px !important;}
  .xp-box8 h3{bottom: 26px;bottom:4.5%;}
  .xp-box9{padding: 14px;justify-content: flex-start;padding-left:0 !important;gap:0 !important;}
  .xp-box9:first-child{display: none;}
  .xp-box9 .xp9-icon{margin-right: 5px;}
  .xp-box10{padding: 18px 0 58px;}
  .xp10-list{gap: 22px 3%;}
  .xp-box10 .xp10-item{border-radius: 9px;width: 48.5%;}
  .xp-box10 .xp10-item-img{height: 228px;}
  .xp-box10 .xp10-content{padding: 8px 7px 14px;height: calc(100% - 228px);}
  .xp-box10 .xp10-content-label{margin-top: 8px;gap: 7px;}
  .xp-box10 .xp10-content-label-item{padding: 3px 6px;}
  .xp-box11{padding: 38px 0 56px;}
  .xp-box11 .xp11-list{gap: 18px 3%;}
  .xp-box11 .xp11-item{width: 48.5%;}
  .xp-box11 .xp11-item-img{height: 182px;}
  .xp-box11 .xp11-content{border-radius: 9px;padding: 36px 9px 9px;}
  .xp-box12{padding: 30px 0 56px;}
  .xp-box12 .xp12-content{border-radius: 9px;padding: 36px 9px 9px;}
  .xp-box12 .xp12-item-img{height: 302px;}
  
  
  .xp-box13{flex-direction: column;}
  .xp-box13 .xp13-left, .xp-box13 .xp13-right {width: 100%;}
  .xp-box14 .xp14-btn{margin-left: 0;margin-top: 20px;height: 70px;}
  .xp-box14 .xp14-input-code{width: 48%;height: 70px;}
  .xp-box14 .xp14-img{width: 49%;height: 70px;}
  .xp-box14 .xp14-form-item2{flex-wrap: wrap;}
  .pagination{margin: 35px 0 8px;gap: 4px;}
  .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: 27px 23px 32px;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;}
  .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: 76%;}
  .inquiry-section{padding: 30px 0 72px;}
  .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;}
  .xp-box15 .xp15-left div{min-width: 100px;height: 48px;line-height: 48px;}
  .xp-box16{padding: 54px 0 0;gap: 32px;flex-direction: column;}
  .xp-box16 .xp16-item{padding: 27px 21px 23px;width: 100%;}
  .xp-box16 .xp16-item .y-hide2{-webkit-line-clamp: 2;line-clamp: 2;}
  .xp-box16 .xp16-date{margin-bottom: 18px;}
  .xp-box16 .xp16-img{margin-top: 19px;border-radius: 7px;margin-bottom: 20px;height:373px;}
  .xp-box16 .xp16-label{margin-top: 19px;gap: 8px;padding-bottom: 15px;}
  .xp-box16 .xp16-label-item{padding: 4px 5px;}
  .xp-box16 .xp16-more{margin-top: 15px;gap: 5px;}
  .xp-box16 .xp16-more-icon{width: 11px;height: 11px;}
  .xp-box17{padding: 34px 0 54px;}
  .xp-box17 .xp17-item{padding: 30px 24px 20px;gap: 30px;margin-bottom: 20px;}
  .xp-box17 .xp17-item-left{gap: 20px;}
  .xp-box17 .xp17-item-info{gap: 15px;width: 77%;}
  .xp-box18{flex-direction: column;padding: 38px 0 62px;gap: 32px;}
.xp-box18 .xp18-left{width: 100%;}
  .xp18-content{padding: 24px 10px 29px;}
  .xp-box18 .xp18-title{padding-bottom: 10px;margin-bottom: 15px;}
  .xp-box18 .xp18-date{gap: 10px;}
  .xp-box18 .xp18-label{margin-top: 35px;padding-top: 18px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 6px;margin-left: 7px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 3px 6px;border-radius: 2px;}
  .xp-box18 .xp-next{margin-top: 18px;}
  .xp-box18 .xp-next-item{padding: 10px;border-radius: 2px;margin-bottom: 7px;}
  .xp-box18 .xp-next-item span{padding: 0 6px;}
  .xp-box18 .xp18-right{width: 100%;}
  .xp-box18 .xp18-right-content{margin-bottom: 17px;border-radius: 8px;}
  .xp-box18 .xp18-right-title{padding: 14px 7px 12px;}
  .xp-box18 .xp18-right-list{min-height: 240px;}
  .xp-box18 .xp18-right-item{padding: 10px 0;}
  .xp-box18 .xp18-right-item-text{margin-top: 7px;}
  .xp-box18 .xp18-right-list2{padding: 8px 10px 16px;}
  .xp-box19{padding: 56px 0 0;}
  .xp-box19 .xp19-top{width: 90px;}
  .xp-box19 .xp19-title{margin-top: 14px;}
  .xp-box19 .xp19-content{gap: 52px;flex-wrap: wrap;flex-direction: column;}
  .xp-box19 .xp19-img-box{gap: 20px;}
  .xp-box19 .xp19-img{width: 120px;height: 203px;}
  .xp-box19 .xp19-text{margin-top: 24px;}
  .xp-box19 .xp-data{margin-top: 36px;gap: 8px;}
  .xp-box19 .xp-data-item{gap: 8px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 34px;flex-wrap: wrap;}
  .xp-box20{padding: 48px 0 0;}
  .xp-box20 .xp20-item{height: 172px;}
  .xp-box20 .xp20-pagination{gap: 4px;margin-top: 12px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
  .xp-box21{padding: 80px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 16px;}
  .xp-box21 .xp21-list{margin-top: 22px;}
  .xp21-item-info-text{margin-top: 26px;}
  .xp-box22{padding: 64px 0 60px;}
  .xp-box22 .xp22-desc{margin-top: 16px;}
  .xp-box22 .xp22-info{padding: 40px 0 36px;}
  .xp-box22 .xp22-imgBox{gap: 16px;flex-wrap: wrap;}
  .xp-box22 .xp22-img{width: 100%;height: 463px;}
  .xp-box22 .xp22-info-text{margin-top: 10px;width: 80%;}
  .xp-box22 .xp22-year{font-size: 120px;left: 10%;}
  .xp-box22 .timeline-track-btn{width: 32px;height: 32px;border-radius: 16px;padding: 8px 8px;min-width: 32px;}
  .xp-box22 .xp22-line{top: 15px;}
  .xp-box22 .timeline-line{padding: 12px 0 0 24px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 6px;height: 6px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 10px;height: 10px;margin-top: -2px;}
  .xp-box22 .timeline-year{margin-top: 20px;}
  .xp-box22 .timeline-year-active{margin-top: 16px;}
  .xp-box23{padding: 42px;}
  .xp-box23 .xp23-desc{margin-top: 12px;}
  .xp-box23 .xp23-swiper{margin-top: 50px;}
  .xp-box23 .xp23-list{gap: 12px 2%;}
  .xp-box23 .xp23-item{height: 106px;width: calc(33.33% - 2%);}
  .xp-box23 .xp23-pagination{gap: 6px;margin-top: 20px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 20px;height: 3px;border-radius: 2px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 30px;}
  .xp-box24{padding: 60px 0 80px;}
  .xp-box24 .xp24-back{display: none;}
  .xp-box24 .xp24-info-text{margin-top: 16px;}
  .xp24-list{margin-top: 36px;}
  .xp24-list-title{padding: 16px 20px;}
  .xp24-list ul li{margin-top: 8px;padding: 0 16px;}
  .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-content{padding: 12px 16px 20px;}
  .xp-box25{padding: 36px 0 47px;}
  .xp-box25 .xp25-title-box{gap: 81px;}
  .xp-box25 .xp25-title{margin-bottom: 15px;}
  .xp-box25 .xp25-icon-box{gap: 9px;}
  .xp-box25 .xp25-line{width: 10px;height: 2px;margin-right: 3px;}
  .xp-box25 .xp-box5{padding: 43px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 391px;}
  .xp-box25 .xp5-slide-title{padding: 16px 9px 11px;}
  .xp-box26{padding: 88px 0 0;text-align: center;}
  .xp-box26 .xp26-top{width: 42px;top: 12px;}
  .xp-box26 .xp26-en{margin-top: 11px;}
  .xp-box26 .xp26-title-box{gap: 27px;flex-direction: column;}
  
.xp26-title-box-text{padding-top: 0rem;width:100%;}
  .xp-box26 .xp26-list{gap: 14px;}
  .xp-box26 .xp26-list-item{width: 33.3%;height: 277px;}
  .xp-box26 .xp26-list-item img{object-fit: cover;height: 100%;border-radius: 7px;}
  .xp-box26 .xp26-list-item1{margin-top: 0px !important;}
  .xp-box26 .xp26-list-item3{margin-top: 0px !important;}
  .xp-box26 .xp26-list-info{padding: 11px 8px 9px;}
  .xp-box27{padding: 48px 0 55px;}
  .xp-box27 .xp27-top{width: 92px;top: 30px !important;}
  .xp-box27 .xp27-list{gap: 9px;margin-top: 22px;}
  .xp-box27 .xp27-list-item{width: 33.3%;border-radius: 8px;padding: 23px 27px 25px;}
  .xp-box28{border-radius: 15px;padding: 43px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: -16px;height: 220px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 168px;height: 158px;min-width: 168px;border-radius: 11px;}
  .xp-box28 .xp28-slide img{border-radius: 3px;}
  .xp-box28 .xp28-back{margin-top: -27px;height: 404px;}
  .xp-box28 .xp28-back-info{padding: 18px 8% 16px;}
  .xp-box28 .xp28-back-icon-box{gap: 8px;}
  .xp-box28 .xp28-back-info-text{margin-top: 78px;}
  .xp-box28 .xp5-more-btn{margin-top: 18px;}

    .en-header {padding: 10px 16px;}
  .en-header .pc-nav ul{gap: 3%;}
  .en-header  .pc-nav .pc-right{margin-left: 1.5%;}
  .en-xp-box2{padding: 45px 0 36px;}
  .en-xp-box2 .en-xp2-top{width: 50px;}
  .en-xp-box2 .en-xp2-btn{padding: 10px 20px;margin-top: 28px;}
  .en-xp-box2 .en-xp2-content{gap: 30px;flex-direction: column;}
  .en-xp-box2 .en-xp2-img{gap: 12px;margin-bottom: 26px;}
  .en-xp-box2 .en-xp2-img img{width: 100%;}
  .en-xp-box2 .en-xp2-desc{margin-top: 12px;}
  .en-xp-box2 .en-xp2-numbox{flex-wrap: wrap;}
  .en-xp-box2 .en-xp2-num{width: 50%;margin-bottom: 16px;}
  .en-xp-box2 .en-xp2-bottom{display: none;}
  .en-xp-box3{padding: 36px 0 14px;}
  .en-xp-box3 .en-xp3-desc{margin-top: 12px;}
  .en-xp-box3 .en-xp3-title{gap: 20px;padding: 0 16px;flex-direction: column;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab{gap: 15px;background: transparent;border-radius: 0;color: #666;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab div{padding: 10px 16px;}
  .en-xp-box3 .en-xp3-title .en-xp3-tab .active{background: #0064CF;border-radius: 6px;color: white;padding: 10px 16px;}
  .en-xp-box3 .xp3-item{width: 100%;min-width: 100%;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height: 555px;}*/
  .en-xp-box3 .xp3-item-title{padding: 18px 7px;gap: 5px;}
  .en-xp-box3 .xp3-nav{margin-top: 24px;padding: 0 16px;}
  .en-xp-box4 .en-xp4-item{width: 50%;border-bottom: 1px solid #E9E9E9;padding: 38px 16px 30px;}
  .en-xp-box4 .en-xp4-item:last-child{border-bottom:none;}
  .en-xp-box4 .en-xp4-icon{width: 50px;height: 50px;margin-top: 20px;}
  .en-xp-box4 .en-xp4-desc{margin-top: 14px;}
  .en-xp-box4 .en-xp4-item:hover{background-image: none;}
  .en-xp-box4 .en-xp4-item:hover::before{display: none;}
  .en-xp-box4{flex-wrap: wrap;}
  .en-xp-box5{padding: 28px 0 36px;}
  .en-xp-box5 .en-xp5-title{gap: 20px;flex-direction: column;}
  .en-xp-box5 .en-xp5-title-box{padding: 0 16px;gap: 20px;flex-direction: column;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 28px;}
  .en-xp-box5 .en-xp5-content{gap: 12px;}
  .en-xp-box5 .en-xp5-content-item{width: 200px;height: 100px;min-width: 200px;}
  .en-xp-box5 .en-xp5-nav{gap: 12px;width: 100%;justify-content: flex-end;}
  .en-xp-box5 .en-xp5-nav-btn,.en-xp-box5 .en-xp5-nav-btn:hover{width: 36px;height: 36px;padding: 8px;}
  .en-xp-box5 .en-xp5-desc{width: 100%;text-align: center;}
  .en-xp-box6{padding: 36px 16px;}
  .en-xp-box6 .en-xp6-content{gap: 18px;margin-top: 28px;flex-direction: column;}
  .en-xp-box6 .en-xp6-content-item{width: 100%;gap:18px 2.6%;}
  .en-xp-box6 .en-xp6-content-img{height: 303px;width: 48.7%;}
  .en-xp-box6 .en-xp6-content-item2{height: auto;}
  .en-xp-box6 .en-xp6-more{margin-top: 28px;width: 140px;height: 38px;}
  .en-xp-box7{padding: 45px 0 36px;}
  .en-xp-box7 .en-xp7-title{gap: 10px;flex-direction: column;border-bottom: none;}
  .en-xp-box7 .en-xp7-tab{flex-wrap: wrap;}
  .en-xp-box7 .en-xp7-tab div{padding-bottom: 12px;border-bottom: 2px solid #eee;}
  .en-xp-box7 .en-xp7-tab .active{color: #0064CF;border-bottom: 2px solid #0064CF;}
  .en-xp-box7 .en-xp7-list{gap: 30px;margin-top: 28px;flex-direction: column;}
  .en-xp-box7 .en-xp7-left{width: 100%;min-width: 100%;}
  .en-xp-box7 .en-xp7-left-img{height: 400px;margin-bottom: 18px;}
  .en-xp-box7 .en-xp7-left-desc{margin-top: 10px;}
  .en-xp-box7 .en-xp7-left-date{margin-top: 20px;}
  .en-xp-box7 .en-xp7-right-item{padding: 20px 0 12px;gap: 15px;flex-direction: column-reverse;}
  .en-xp-box7 .en-xp7-right-desc{margin: 8px 0 12px;}
  .en-xp-box7 .en-xp7-right-img{width: 100%;height: 400px;min-width: 100%;}
    .en-xp-box7 .en-xp7-right{width: 100%;}
  .en-xp7-right-item-left {
    width: 100%;
}
  .en-footer{padding: 36px 16px 0;}
  .y-padding2 {padding-left: 34px !important;padding-right: 34px !important;}
  .en-footer .f-top{padding: 18px 16px;text-align: center;}
  .en-footer .f-info{gap: 30px;padding: 16px;flex-direction: column;}
  .f-logo-box{gap: 20px;flex-direction: column;}
 
  .en-footer .f-icon{gap: 10px;}
  .f-icon-item{width: 20px;height: 20px;}
  .en-footer .f-info-left{gap: 20px;flex-wrap: wrap;}
  .f-input-box{margin-top: 20px;}
  .f-input-box .f-input-top{gap: 12px;flex-direction: column;}
  .en-footer .f-input-box .f-input{width: 100%;}
  .f-input-box .f-textarea{height: 80px;}
  .en-footer .f-input-btn{width: 100%;margin-top: 20px;}
  .en-footer .f-info-right{min-width: 100%;}
  
.search-container .products-grid .product-card .card-image{height:257px !important;}
.xp-box19 .xp-number::after{right:-14px;}



.xp-box27 .xp27-list-item:hover {transform: translateY(0px);box-shadow: 0 8px 24px rgba(9, 70, 152, 0.12);}
.xp-box3 .xp3-item:hover{transform:translateY(0px) scale(1);}
.xp-box3 .xp3-item:hover img{transform:scale(1);}
.xp-box3 .xp3-nav-btn:hover{transform:scale(1);background:#094698;}

.xp-box25 .xp-box5{padding-right: 40px;}
}

@media (max-width: 576px) {
  header .wid-14_5{width: 26%;}
  .xp-box3{padding: 30px 0 36px;}
  .xp-box4{padding: 26px 0;min-height: 280px;}
  .xp-box4 .xp4-tips{margin-top: 8px;}
  .xp-box4 .xp4-list{margin-top: 26px;gap: 16px 4%;}
  .xp-box4 .xp4-item{border-radius: 5px;padding: 10px 14px 12px;width: 48%;}
  .xp-box4 .xp4-item-icon{width: 27px;height: 27px;margin: 0 auto 10px;}
  .xp-box5{padding: 38px 0 32px;}
  .xp5-swiper-container{margin-top: 26px;padding: 0 16px;}
  .xp5-slide-content img{height:344px;}
  .xp5-slide-title{padding: 38px 16px 22px;}
  .xp5-nav-prev, .xp5-nav-next{width: 28px;height: 28px;}
  .xp5-nav-prev{left: calc(6.5% - 9px);}
  .xp5-nav-next{right: calc(6.5% - 9px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 11px;height: 11px;}
  .xp5-more-btn{margin-top: 16px;gap: 16px;}
  .xp5-more-icon{width: 16px;height: 16px;padding: 2px;}
  .y-padding { padding-left: 16px !important; padding-right: 16px !important; }
  header .header-logo {width: 210px;}
  .xp-box1{height: 320px;}
  .xp-box1 .swiper-pagination-bullet{width: 5px;height: 5px;margin: 0 5px !important;}
  .xp-box1 .swiper-pagination-bullet-active{width: 12px;height: 12px;border-width: 1px;}
  .xp-box1 .swiper-pagination-bullet-active::after{width: 5px;height: 5px;}
  .xp-box1 .swiper-pagination{bottom: 20px !important;}
  .xp-box2{padding-top: 32px;}
  .xp-box2 .xp2-content{gap: 30px;}
  .xp-box2 .xp2-more{gap: 11px;}
  .xp-box2 .xp2-icon{width: 9px;height: 7px;}
  .xp-box2 .xp2-tips{margin-top: 10px;}
  .xp-box2 .xp2-more{margin-top: 14px;}
  .xp-box2 .xp2-text{margin-top: 12px;}
  .xp-box2 .xp2-item{padding-bottom: 20px;margin-bottom: 35px;}
  .xp-box2 .xp2-back{margin-top: -100px;}
  header .pc-nav .pc-search{padding: 0 10px;}
  header .pc-nav .pc-search svg{width: 14px;}
  .xp-box3 .xp3-btn{gap: 10px;margin-top: 35px;}
  .xp-box3 .xp3-btn .xp3-btn-item{padding: 0 6px;min-width: 31%;height: 32px;}
  .xp-box3 .xp3-list-container{margin-top: 18px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 8px;}
  .xp-box3 .xp3-list{gap: 8px;}
  .xp-box3 .xp3-item{width: 100%;height: auto;border-radius: 5px;height: 407px;}
  .xp-box3 .xp3-item-title{padding: 24px 6px 6px;}
  .xp-box6{padding: 26px 0 32px;}
  .xp-box6 .xp6-nav{gap: 5px;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 30px;height: 30px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 10px;height: 10px;}
  .xp-box6 .xp6-list-container{margin-top: 32px;}
  .xp-box6 .xp6-list{gap: 20px;}
  .xp-box6 .xp6-item{width: 100%;}
  .xp-box6 .xp6-item img{height: 315px;}
  .xp-box6 .xp6-date{padding: 10px 1px 8px;}
  .xp-box6 .xp6-title{padding: 0 1px 14px;}
  .xp-box6 .xp6-more-btn{padding: 8px 14px;margin-top: 44px;gap: 16px;}
  .xp-box7{padding: 42px 0 38px;min-height: 240px;}
  .xp-box7 .xp7-add{margin-top: -6px;margin-left: 4px;}
  .xp-box7 .xp7-title{margin-top: 13px;}
  .xp-box7 .xp7-list{gap:5px 0.95%;width: 95%;}
  .xp-box7 .xp7-img{height: 89px;}
  footer{padding: 20px 0 0;}
  footer .f-title{margin-bottom: 13px;}
  footer .f-nav ul li{margin-bottom: 7px;}
  footer .f-qrcode-box{width: 75px;}
  footer .f-qrcode{width: 75px;height: 75px;}
  footer .f-content{margin-top: 30px;}
  footer .f-content-box{padding-bottom:9px;flex-direction: column;gap: 30px;}
  footer .f-content-left{gap:15px;}
  footer .f-line{height: 40px;margin-left: 10px; margin-right: 11px;display: none;}
  footer .f-line2{margin-left: 34px; margin-right: 13px;display: none;}
  footer .f-phone{margin-top: 13px;}
  footer .f-address{margin-top: 16px;}
  footer .f-link-box{padding:6px;}
  footer .f-link{padding:8px 0;}
  footer .f-bottom{gap:6px;padding:10px 8px 8px;flex-direction: column;}
  footer .f-top {padding-left: 16px !important;padding-right: 16px !important;}
  .xp-box8 h3{bottom: 20px;bottom:3.5%;}
  .xp-box9{padding: 12px;}
  .xp-box10{padding: 15px 0 45px;}
  .xp10-list{gap: 18px 3%;}
  .xp-box10 .xp10-item{border-radius: 8px;}
  .xp-box10 .xp10-item-img{height: 182px;}
  .xp-box10 .xp10-content{height: calc(100% - 182px);}
  .xp-box10 .xp10-content-label{margin-top: 7px;gap: 6px;}
  .xp-box10 .xp10-content-label-item{padding: 2px 5px;}
  .xp-box11{padding: 30px 0 44px;}
  .xp-box11 .xp11-list{gap: 18px 3%;}
  .xp-box11 .xp11-item{width: 100%;}
  .xp-box11 .xp11-item-img{height: 301px;}
  .xp-box11 .xp11-content{border-radius: 8px;padding: 28px 8px 8px;}
  .xp-box12{padding: 24px 0 44px;}
  .xp-box12 .xp12-content{border-radius: 8px;padding: 28px 8px 8px;}
  .xp-box12 .xp12-item-img{height: 243px;}
  .xp-box13{padding: 38px 0 44px;gap: 26px;}
  .xp-box13 .xp13-desc{margin-top: 6px;}
  .xp-box13 .xp13-contact{margin-top: 13px;}
  .xp-box13 .xp13-contact-item{border-radius: 6px;padding: 12px 11px 14px;}
  .xp-box13 .xp13-contact-item-title{gap: 10px;}
  .xp13-contact-item-phone{margin-top: 10px;}
  .xp-box13 .xp13-right{border-radius: 6px;padding: 16px 14px 10px;}
  .xp-box13 .xp13-right-title{margin-bottom: 18px;}
  .xp-box13 .xp13-right-desc{margin-top: 13px;margin-bottom: 18px;}
  .xp-box13 .xp13-right-icon-box{gap: 13px;}
  .xp-box14{padding: 0 0 38px;}
  .xp-box14 .xp14-tips{margin-top: 16px;}
  .xp-box14 .xp14-form{margin-top: 22px;}
  .xp-box14 .xp14-form-item{gap: 7px 2.4%;}
  .xp-box14 .xp14-input{width: 100%;border-radius: 6px;padding: 0 12px;height: 50px;}
  .quote-section .quote-section-title{border-radius: 6px;padding: 0 12px;height: 45px;margin-bottom: 7px;}
  .xp-box14 .xp14-textarea{height: 128px;border-radius: 6px;margin-top: 9px;padding: 16px 12px;}
  .xp-box14 .xp14-input-code{width: 48.8%;height: 48px;min-width: 48.8%;}
  .xp-box14 .xp14-img{width: 48.8%;height: 48px;min-width: 48.8%;border-radius: 6px;}
  .xp-box14 .xp14-form-item2{gap: 7px;margin-top: 14px;}
  .xp-box14 .xp14-btn{height: 48px;margin-left: 0;}
  .pagination{margin: 28px 0 7px;gap: 3px;}
  .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{width: 46px;height: 34px;border-radius: 5px;margin-bottom: 4px;min-width: 46px;}
  .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{margin-top: 14px;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;}
  .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: 11px 8px;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{min-width: 87px;height: 42px;line-height: 42px;}
  .xp-box16{padding: 47px 0 0;gap: 28px;}
  .xp-box16 .xp16-item{padding: 24px 18px 20px;}
  .xp-box16 .xp16-date{margin-bottom: 16px;}
  .xp-box16 .xp16-img{margin-top: 17px;border-radius: 6px;margin-bottom: 17px;height: 297px;}
  .xp-box16 .xp16-label{margin-top: 17px;gap: 7px;padding-bottom: 13px;}
  .xp-box16 .xp16-label-item{padding: 3px 4px;}
  .xp-box16 .xp16-more{margin-top: 13px;gap: 5px;}
  .xp-box16 .xp16-more-icon{width: 10px;height: 10px;}
  .xp-box17{padding: 30px 0 47px;}
  .xp-box17 .xp17-item{padding: 26px 21px 18px;gap: 26px;margin-bottom: 17px;align-items: flex-end;}
  .xp-box17 .xp17-item-left{gap: 17px;flex-direction: column;}
  .xp-box17 .xp17-item-info{gap: 13px;width: 95%;}
  .xp-box19{padding: 46px 0 0;}
  .xp-box19 .xp19-top{width: 78px;}
  .xp-box19 .xp19-title{margin-top: 12px;}
  .xp-box19 .xp19-content{gap: 36px;flex-wrap: wrap;}
  .xp-box19 .xp19-img-box{gap: 14px;}
  .xp-box19 .xp19-img{width: 96px;height: 162px;}
  .xp-box19 .xp19-text{margin-top: 20px;}
  .xp-box19 .xp-data{margin-top: 30px;gap: 6px;}
  .xp-box19 .xp-data-item{gap: 6px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 28px;flex-wrap: wrap;}
  .xp-box20{padding: 40px 0 0;}
  .xp-box20 .xp20-item{height: 145px;}
  .xp-box20 .xp20-pagination{gap: 3px;margin-top: 10px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
  .xp-box21{padding: 64px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 13px;width: 100% !important;}
  .xp-box21 .xp21-list{margin-top: 18px;}
  .xp21-item-info-text{margin-top: 21px;}
  .xp-box22{padding: 52px 0 48px;}
  .xp-box22 .xp22-desc{margin-top: 13px;width: 100% !important;}
  .xp-box22 .xp22-info{padding: 32px 0 28px;}
  .xp-box22 .xp22-imgBox{gap: 12px;flex-wrap: wrap;}
  .xp-box22 .xp22-img{width: 100%;height: 371px;}
  .xp-box22 .xp22-info-text{margin-top: 8px;}
  .xp-box22 .xp22-year{font-size: 100px;left: 5%;}
  .xp-box22 .timeline-track-btn{width: 26px;height: 26px;border-radius: 13px;padding: 5px  6px;min-width: 26px;}
  .xp-box22 .xp22-line {top: 12px;}
  .xp-box22 .timeline-line{padding: 10px 0 0 16px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 5px;height: 5px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 8px;height: 8px;margin-top: -1px;}
  .xp-box22 .timeline-year{margin-top: 16px;}
  .xp-box22 .timeline-year-active{margin-top: 13px;}
  .xp-box23{padding: 34px;}
  .xp-box23 .xp23-desc{margin-top: 10px;}
  .xp-box23 .xp23-swiper{margin-top: 40px;}
  .xp-box23 .xp23-list{gap: 10px 2%;}
  .xp-box23 .xp23-item{height: 130px;width: calc(50% - 2%);}
  .xp-box23 .xp23-pagination{gap: 5px;margin-top: 16px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 16px;height: 3px;border-radius: 2px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 24px;}
  .xp-box24{padding: 48px 0 64px;}
  .xp-box24 .xp24-back{display: none;}
  .xp-box24 .xp24-info-text{margin-top: 13px;}
  .xp24-list{margin-top: 30px;}
  .xp24-list-title{padding: 13px 16px;}
  .xp24-list ul li{margin-top: 6px;padding: 0 12px;}
  .xp24-list ul li .xp24-list-title2{padding: 13px 16px;}
  .xp24-list ul li .xp24-list-title2-icon{width: 16px !important;height: 16px;}
  .xp24-list ul li .xp24-list-content{padding: 10px 12px 16px;}
  .xp-box25{padding: 36px 0 47px;}
  .xp-box25 .xp25-title-box{gap: 81px;}
  .xp-box25 .xp25-title{margin-bottom: 15px;}
  .xp-box25 .xp25-icon-box{gap: 9px;}
  .xp-box25 .xp25-icon{width: 30px;height: 30px;padding: 7px;min-width: 30px;}
  .xp-box25 .xp25-line{width: 10px;height: 2px;margin-right: 3px;}
  .xp-box25 .xp-box5{padding: 43px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 301px;}
  .xp-box25 .xp5-slide-title{padding: 16px 9px 11px;}
  .xp-box26{padding: 88px 0 0;}
  .xp-box26 .xp26-top{width: 42px;top: 12px;}
  .xp-box26 .xp26-en{margin-top: 11px;}
  .xp-box26 .xp26-title-box{gap: 20px;}
  .xp-box26 .xp26-list{gap: 14px;}
  .xp-box26 .xp26-list-item1{margin-top: -38px;}
  .xp-box26 .xp26-list-item3{margin-top: -20px;}
  .xp-box26 .xp26-list-item{height: 208px;}
  .xp-box26 .xp26-list-info{padding: 11px 8px 9px;}
  .xp-box27{padding: 48px 0 55px;}
  .xp-box27 .xp27-top{width: 92px;top: -20px;}
  .xp-box27 .xp27-list{gap: 9px;margin-top: 22px;flex-direction: column;}
  .xp-box27 .xp27-list-item{width: 100%;border-radius: 8px;padding: 23px 27px 25px;}
  .xp-box27 .xp27-list-item-icon{width: 41px;height: 41px;margin-bottom: 15px;}
  .xp-box28{border-radius: 15px;padding: 43px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: -10px;height: 220px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 168px;height: 158px;min-width: 168px;border-radius: 11px;}
  .xp-box28 .xp28-slide img{border-radius: 3px;}
  .xp-box28 .xp28-back{margin-top: -27px;height: 373px;}
  .xp-box28 .xp28-back-info{padding: 18px 8% 16px;}
  .xp-box28 .xp28-back-info .xp28-back-icon{width: 30px;height: 30px;border-radius: 50%;padding: 6px;}
  .xp-box28 .xp28-back-icon-box{gap: 8px;}
  .xp-box28 .xp28-back-info-text{margin-top: 44px;}
  .xp-box28 .xp5-more-btn{margin-top: 18px;}
   
  .en-xp-box2{padding: 38px 0 30px;}
  .en-xp-box2 .en-xp2-btn{padding: 8px 16px;margin-top: 22px;}
  .en-xp-box2 .en-xp2-content{gap: 22px;}
  .en-xp-box2 .en-xp2-img{gap: 10px;margin-bottom: 20px;}
  .en-xp-box2 .en-xp2-desc{margin-top: 10px;}
  .en-xp-box3{padding: 30px 0 12px;}
  .en-xp-box3 .en-xp3-desc{margin-top: 10px;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height:409px;}*/
  .en-xp-box3 .xp3-item-title{padding: 14px 5px;}
  .en-xp-box4 .en-xp4-item{padding: 30px 12px 24px;width: 100%;}
  .en-xp-box4 .en-xp4-icon{width: 42px;height: 42px;margin-top: 16px;}
  .en-xp-box4 .en-xp4-desc{margin-top: 12px;}
  .en-xp-box5{padding: 22px 0 30px;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 22px;}
  .en-xp-box5 .en-xp5-content{gap: 10px;}
  .en-xp-box5 .en-xp5-content-item{width: 180px;height: 90px;min-width: 180px;}
  .en-xp-box6{padding: 30px 12px;}
  .en-xp-box6 .en-xp6-content{gap: 10px;margin-top: 22px;}
  .en-xp-box6 .en-xp6-content-img{height:244px;}
  .en-xp-box6 .en-xp6-more{margin-top: 22px;width: 120px;height: 34px;}
  .en-xp-box7{padding: 38px 0 30px;}
  .en-xp-box7 .en-xp7-left-img{height: 321px;margin-bottom: 14px;}
  .en-xp-box7 .en-xp7-right-item{padding: 16px 0 10px;}
  .en-xp-box7 .en-xp7-right-img{height: 321px;}
  .en-footer{padding: 30px 12px 0;}
  .y-padding2 {padding-left: 4px !important;padding-right: 4px !important;}
  .en-footer .f-top{padding: 14px 12px;}
  .en-footer .f-info{gap: 22px;padding: 12px;}
  .en-footer .f-14{font-size: 14px;}
  .en-footer .f-icon-item {width: 22px;height: 22px;}
  
.search-container .products-grid .product-card .card-image{height:379px !important;}
.xp-box19 .xp-number::after{right:-6px;}
.xp-box19 .xp-data-num:nth-child(4) .xp-number::after{right:-0px;}

.xp-box25 .xp-box5{padding-right: 28px;}
}

@media (max-width: 400px) {
  header .wid-14_5{width: 36%;}
  .en-header .wid-10_2525{width: 36%;}
  .xp-box3{padding: 24px 0 28px;}
  .xp-box4{padding: 20px 0;min-height: 220px;}
  .xp-box4 .xp4-tips{margin-top: 6px;}
  .xp-box4 .xp4-list{margin-top: 20px;gap: 12px 4%;}
  .xp-box4 .xp4-item{width: 48%;}
  .xp-box4 .xp4-item-icon{width: 25px;height: 25px;}
  .xp-box5{padding: 30px 0 26px;}
  .xp5-swiper-container{margin-top: 20px;}
  .xp5-slide-content img{height: 258px;}
  .xp5-slide-title{padding: 32px 14px 18px;}
  .xp5-nav-prev, .xp5-nav-next{width: 24px;height: 24px;}
  .xp5-nav-prev{left: calc(9.5% - 12px);}
  .xp5-nav-next{right: calc(9.5% - 12px);}
  .xp5-nav-prev svg, .xp5-nav-next svg{width: 10px;height: 10px;}
  .xp-box1{height: 210px;}
  .xp-box1 .swiper-pagination-bullet{width: 5px;height: 5px;margin: 0 4px !important;}
  .xp-box1 .swiper-pagination-bullet-active{width: 11px;height: 11px;border-width: 1px;}
  .xp-box1 .swiper-pagination-bullet-active::after{width: 5px;height: 5px;}
  .xp-box1 .swiper-pagination{bottom: 16px !important;}
  .xp-box2{padding-top: 28px;}
  .xp-box2 .xp2-content{gap: 22px;}
   .xp-box2 .xp2-icon{width: 8px;height: 6px;}
  .xp-box2 .xp2-tips{margin-top: 8px;}
  .xp-box2 .xp2-more{margin-top: 12px;}
  .xp-box2 .xp2-text{margin-top: 10px;}
  .xp-box2 .xp2-item{padding-bottom: 16px;margin-bottom: 28px;}
  .xp-box2 .xp2-back{margin-top: -85px;}
  .xp-box3 .xp3-btn{gap: 8px;margin-top: 28px;}
  .xp-box3 .xp3-btn .xp3-btn-item{padding: 0 5px;}
  .xp-box3 .xp3-list-wrapper{padding: 0 6px;}
  .xp-box3 .xp3-item{height: 288px;}
  .xp-box6{padding: 20px 0 26px;}
  .xp-box6 .xp6-nav{gap: 4px;}
  .xp-box6 .xp6-nav-prev, .xp-box6 .xp6-nav-next{width: 26px;height: 26px;}
  .xp-box6 .xp6-nav-prev svg, .xp-box6 .xp6-nav-next svg{width: 9px;height: 9px;}
  .xp-box6 .xp6-list-container{margin-top: 26px;}
  .xp-box6 .xp6-list{gap: 16px;}
  .xp-box6 .xp6-item{width: 100%;}
  .xp-box6 .xp6-item img{height: 215px;}
  .xp-box6 .xp6-date{padding: 8px 1px 6px;}
  .xp-box6 .xp6-title{padding: 0 1px 11px;}
  .xp-box6 .xp6-more-btn{padding: 7px 12px;margin-top: 36px;gap: 14px;}
  .xp-box7{padding: 34px 0 30px;min-height: 190px;}
  .xp-box7 .xp7-add{margin-top: -5px;margin-left: 3px;}
  .xp-box7 .xp7-title{margin-top: 10px;}
  .xp-box7 .xp7-list{gap:4px 0.95%;width: 98%;}
  .xp-box7 .xp7-img{width: 32.6% !important;height: 61px;}
  footer{padding: 16px 0 0;}
  footer .f-title{margin-bottom: 11px;}
  footer .f-nav ul li{margin-bottom: 6px;}
  footer .f-qrcode-box{width: 70px;}
  footer .f-qrcode{width: 70px;height: 70px;}
  footer .f-content{margin-top: 24px;}
  footer .f-content-box{padding-bottom:7px;}
  footer .f-content-left{gap:15px;}
  footer .f-line{height: 34px;margin-left: 8px; margin-right: 9px;}
  footer .f-line2{margin-left: 28px; margin-right: 11px;}
  footer .f-phone{margin-top: 11px;}
  footer .f-address{margin-top: 13px;}
  footer .f-link-box{padding:5px;}
  footer .f-link{padding:7px 0;}
  footer .f-bottom{gap:10px;padding:8px 7px 7px;gap: 5px;}
  .xp-box8 h3{bottom: 14px;bottom:2.5% ;}
  .xp-box9{padding: 10px;}
  .xp-box10{padding: 12px 0 32px;}
  .xp10-list{gap: 14px;}
  .xp-box10 .xp10-item{border-radius: 7px;width: 100%;}
  .xp-box10 .xp10-item-img{height: 259px;}
  .xp-box10 .xp10-content{height: auto;}
  .xp-box10 .xp10-content-label{margin-top: 5px;gap: 5px;}
  .xp-box10 .xp10-content-label-item{padding: 2px 4px;}
  .xp-box11{padding: 24px 0 34px;}
  .xp-box11 .xp11-list{gap: 14px;}
  .xp-box11 .xp11-item{width: 100%;}
  .xp-box11 .xp11-item-img{height: 207px;}
  .xp-box11 .xp11-content{border-radius: 7px;padding: 22px 7px 7px;}
  .xp-box12{padding: 20px 0 34px;}
  .xp-box12 .xp12-content{border-radius: 7px;padding: 22px 7px 7px;}
  .xp-box12 .xp12-item-img{height: 344px;}
  .xp-box13{padding: 30px 0 34px;gap: 20px;}
  .xp-box13 .xp13-desc{margin-top: 5px;}
  .xp-box13 .xp13-contact{margin-top: 10px;}
  .xp-box13 .xp13-contact-item{border-radius: 5px;padding: 10px 9px 11px;}
  .xp-box13 .xp13-contact-item-title{gap: 8px;}
  .xp13-contact-item-phone{margin-top: 8px;}
  .xp-box13 .xp13-right{border-radius: 5px;padding: 13px 11px 8px;}
  .xp-box13 .xp13-right-title{margin-bottom: 14px;}
  .xp-box13 .xp13-right-desc{margin-top: 10px;margin-bottom: 14px;}
  .xp-box13 .xp13-right-icon-box{gap: 10px;}
  .xp-box13 .xp13-right-icon{width: 28px;height: 28px;padding: 6px;}
  .xp-box14{padding: 0 0 30px;}
  .xp-box14 .xp14-tips{margin-top: 13px;}
  .xp-box14 .xp14-form{margin-top: 17px;}
  .xp-box14 .xp14-form-item{gap: 5px 2.4%;}
  .xp-box14 .xp14-input{width: 100%;border-radius: 5px;padding: 0 10px;height: 45px;}
  .quote-section .quote-section-title{border-radius: 5px;padding: 0 10px;height: 40px;margin-bottom: 5px;}
  .xp-box14 .xp14-textarea{height: 120px;border-radius: 5px;margin-top: 7px;padding: 12px 9px;}
  .xp-box14 .xp14-input-code{width: 48.8%;height: 45px;min-width: 48.8%;}
  .xp-box14 .xp14-img{width: 48.8%;height: 45px;min-width: 48.8%;border-radius: 5px;}
  .xp-box14 .xp14-form-item2{gap: 5px;margin-top: 11px;}
  .xp-box14 .xp14-btn{height: 45px;margin-left: 0;}
  .pagination{margin: 22px 0 5px;gap: 3px;}
  .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{width: 37px;height: 27px;border-radius: 4px;margin-bottom: 3px;min-width: 37px;}
  .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-content{padding: 18px 0 0;gap: 15px;}
  .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;}
  .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: 9px 7px;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-section{padding: 15px 0 37px;}
  .inquiry-header .xp14-tips{margin-top: 11px;}
  .inquiry-form .form-row{gap: 6px;margin-bottom: 6px;}
  .inquiry-table-section{margin-top: 11px;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-box15{ flex-direction: column; gap: 19px; padding: 10px 16px !important;align-items: flex-start;}
  .xp-box15 .xp15-left div{min-width: 76px;height: 37px;line-height: 37px;}
  .xp-box16{padding: 41px 0 0;gap: 24px;}
  .xp-box16 .xp16-item{padding: 21px 16px 17px;}
  .xp-box16 .xp16-date{margin-bottom: 14px;}
  .xp-box16 .xp16-img{margin-top: 15px;border-radius: 5px;margin-bottom: 15px;height: 200px;}
  .xp-box16 .xp16-label{margin-top: 15px;gap: 6px;padding-bottom: 11px;}
  .xp-box16 .xp16-label-item{padding: 3px 4px;}
  .xp-box16 .xp16-more{margin-top: 11px;gap: 4px;}
  .xp-box16 .xp16-more-icon{width: 9px;height: 9px;}
  .xp-box17{padding: 26px 0 41px;}
  .xp-box17 .xp17-item{padding: 23px 18px 15px;gap: 23px;margin-bottom: 15px;flex-direction: column;align-items: flex-end;}
  .xp-box17 .xp17-item-left{gap: 15px;width: 100%;padding-right: 0px;}
  .xp-box17 .xp17-item-info{gap: 11px;}
  .xp-box18{flex-direction: column;padding: 30px 0 49px;gap: 25px;}
  .xp18-content{padding: 19px 8px 23px;}
  .xp-box18 .xp18-title{padding-bottom: 8px;margin-bottom: 12px;}
  .xp-box18 .xp18-date{gap: 8px;}
  .xp-box18 .xp18-label{margin-top: 28px;padding-top: 14px;}
  .xp-box18 .xp18-label .xp18-label-list{gap: 5px;margin-left: 6px;}
  .xp-box18 .xp18-label .xp18-label-item{padding: 2px 5px;border-radius: 2px;}
  .xp-box18 .xp-next{margin-top: 14px;}
  .xp-box18 .xp-next-item{padding: 8px;border-radius: 2px;margin-bottom: 6px;}
  .xp-box18 .xp18-right{width: 100%;}
  .xp-box18 .xp18-right-content{margin-bottom: 14px;border-radius: 6px;}
  .xp-box18 .xp18-right-list{min-height: 190px;}
  .xp15-left{flex-wrap: wrap;}
  .xp-box19{padding: 44px 0 0;}
  .xp-box19 .xp19-top{width: 70px;}
  .xp-box19 .xp19-title{margin-top: 11px;}
  .xp-box19 .xp19-content{gap: 40px;flex-wrap: wrap;}
  .xp-box19 .xp19-img-box{gap: 16px;}
  .xp-box19 .xp19-img{width: 94px;height: 112px;}
  .xp-box19 .xp-data-num {width: 48%; margin-bottom: 20px;}
  .xp-box19 .xp19-text{margin-top: 19px;}
  .xp-box19 .xp-data{margin-top: 28px;gap: 6px;}
  .xp-box19 .xp-data-item{gap: 6px;}
  .xp-box19 .xp-data-num-box{gap: 4%;margin-top: 26px;flex-wrap: wrap;}
  .xp-box20{padding: 38px 0 0;}
  .xp-box20 .xp20-item{height: 96px;}
  .xp-box20 .xp20-pagination{gap: 3px;margin-top: 10px;}
  .xp-box20 .xp20-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
  .xp-box21{padding: 62px 0 0;}
  .xp-box21 .xp21-desc{margin-top: 12px;}
  .xp-box21 .xp21-list{margin-top: 17px;flex-wrap: wrap;}
  .xp21-item-info-text{margin-top: 20px;font-size:14px;}
  .xp-box21 .xp21-item:hover .xp21-item-info-text{transform:translateY(-10%) scale(1);}
  .xp-box21 .xp21-item{width: 50%;}
  .xp-box22{padding: 50px 0 47px;}
  .xp-box22 .xp22-desc{margin-top: 12px;}
  .xp-box22 .xp22-info{padding: 32px 0 28px;}
  .xp-box22 .xp22-imgBox{gap: 12px;flex-wrap: wrap;}
  .xp-box22 .xp22-img{width: 100%;height: 256px;}
  .xp-box22 .xp22-info-text{margin-top: 8px;width: 94%;}
  .xp-box22 .xp22-year{font-size: 94px;left: 5%;}
  .xp-box22 .timeline-track-btn{width: 26px;height: 26px;border-radius: 13px;padding: 4px  6px;min-width: 26px;}
  .xp-box22 .timeline-line{padding: 9px 0 0 18px;}
  .xp-box22 .timeline-line .timeline-point .timeline-dot{width: 5px;height: 5px;}
  .xp-box22 .timeline-line .active .timeline-dot{width: 8px;height: 8px;margin-top: -1px;}
  .xp-box22 .timeline-year{margin-top: 16px;}
  .xp-box22 .timeline-year-active{margin-top: 12px;}
  .xp-box23{padding: 33px;}
  .xp-box23 .xp23-desc{margin-top: 9px;}
  .xp-box23 .xp23-swiper{margin-top: 39px;}
  .xp-box23 .xp23-list{gap: 9px 2%;}
  .xp-box23 .xp23-item{height: 89.5px;width: calc(50% - 2%);}
  .xp-box23 .xp23-pagination{gap: 5px;margin-top: 15px;}
  .xp-box23 .xp23-pagination .xp23-bullet{width: 15px;height: 2px;border-radius: 1px;}
  .xp-box23 .xp23-pagination .xp23-bullet-active{width: 23px;}
  .xp-box24{padding: 47px 0 62px;}
  .xp-box24 .xp24-back{display: none;}
  .xp-box24 .xp24-info-text{margin-top: 12px;}
  .xp24-list{margin-top: 28px;}
  .xp24-list-title{padding: 12px 16px;}
  .xp24-list ul li{margin-top: 6px;padding: 0 12px;}
  .xp24-list ul li .xp24-list-title2{padding: 12px 16px;}
  .xp24-list ul li .xp24-list-title2-icon{width: 16px !important;height: 16px;}
  .xp24-list ul li .xp24-list-content{padding: 9px 12px 15px;}
  .xp-box25{padding: 28px 0 37px;}
  .xp-box25 .xp25-title-box{gap: 40px;flex-direction: column; align-items: flex-end;}
  .xp-box25 .xp25-title{margin-bottom: 12px;}
  .xp-box25 .xp25-icon-box{gap: 7px;}
  .xp-box25 .xp25-line{width: 20px;height: 2px;margin-right: 5px;}
  .xp-box25 .xp-box5{padding: 34px 0 0;}
  .xp-box25 .xp5-slide-content img{height: 207px;}
  .xp-box25 .xp5-slide-title{padding: 12px 7px 9px;}
  .xp-box26{padding: 69px 0 0;}
  .xp-box26 .xp26-top{width: 33px;top: 9px;}
  .xp-box26 .xp26-en{margin-top: 9px;}
  .xp-box26 .xp26-list{gap: 11px;flex-direction: column;width: 100%;}
  .xp-box26 .xp26-list-item1{margin-top: -30px;}
  .xp-box26 .xp26-list-item3{margin-top: -16px;}
  .xp-box26 .xp26-list-item{width: 100%;height:auto;}
  .xp-box26 .xp26-list-item .y-hide2{display: block;text-align: start;}
  .xp-box26 .xp26-list-info{padding: 14px 10px 11px;}
  .xp-box27{padding: 38px 0 43px;}
  .xp-box27 .xp27-top{width: 72px;top: -16px;}
  .xp-box27 .xp27-list{gap: 7px;margin-top: 17px;flex-direction: column;}
  .xp-box27 .xp27-list-item{width: 100%;border-radius: 6px;padding: 18px 21px 20px;}
  .xp-box27 .xp27-list-item-icon{width: 32px;height: 32px;margin-bottom: 12px;}
  .xp-box28{border-radius: 12px;padding: 34px 0 0;}
  .xp-box28 .xp28-carousel{margin-top: 3px;height: 172px;}
  .xp-box28 .xp28-track{height: 100%;}
  .xp-box28 .xp28-slide{width: 132px;height: 124px;min-width: 132px;border-radius: 8px;}
  .xp-box28 .xp28-slide img{border-radius: 2px;}
  .xp-box28 .xp28-back{margin-top: -24px;height: 405px;}
  .xp-box28 .xp28-back-info{padding: 14px 6% 12px;}
  .xp-box28 .xp28-back-icon-box{gap: 6px;}
  .xp-box28 .xp28-back-info-text{margin-top: 20px;}
  .xp-box28 .xp5-more-btn{margin-top: 14px;}
    
  .en-xp-box2{padding: 32px 0 24px;}
  .en-xp-box2 .en-xp2-btn{padding: 6px 12px;margin-top: 18px;}
  .en-xp-box2 .en-xp2-content{gap: 18px;}
  .en-xp-box2 .en-xp2-img{gap: 8px;margin-bottom: 16px;}
  .en-xp-box3{padding: 24px 0 10px;}
  /*.en-xp-box3 .xp3-item .xp3-item-img{height: 288px;}*/
  .en-xp-box3 .xp3-item-title{padding: 12px 4px;}
  .en-xp-box4 .en-xp4-item{padding: 24px 10px 20px;}
  .en-xp-box4 .en-xp4-icon{width: 36px;height: 36px;margin-top: 12px;}
  .en-xp-box5{padding: 18px 0 24px;}
  .en-xp-box5 .en-xp5-content-wrapper{margin-top: 18px;}
  .en-xp-box5 .en-xp5-content{gap: 8px;}
  .en-xp-box5 .en-xp5-content-item{width: 120px;height: 60px;min-width: 120px;}
  .en-xp-box6{padding: 24px 10px;}
  .en-xp-box6 .en-xp6-content{gap: 8px;margin-top: 18px;}
  .en-xp-box6 .en-xp6-content-img{height: 167px;}
  .en-xp-box6 .en-xp6-more{margin-top: 18px;width: 100px;height: 30px;}
  .en-xp-box7{padding: 32px 0 24px;}
  .en-xp-box7 .en-xp7-left-img{height: 220px;margin-bottom: 12px;}
  .en-xp-box7 .en-xp7-right-item{padding: 14px 0 8px;}
  .en-xp-box7 .en-xp7-right-img{height: 220px;}
  .en-footer{padding: 24px 16px  0;}
.xp-box1 .swiper-down{width: calc(100% - 32px);left: 16px;height: 40px;}
.en-xp-box3 .en-xp3-title .en-xp3-tab {flex-wrap: wrap;justify-content: center;}
.en-xp-box7 .en-xp7-more{width: 20px;height: 20px;}
.en-xp-box6 .en-xp6-content-item {gap: 14px 2.6%;}
.en-xp-box7 .en-xp7-tab{flex-direction: column;}
.search-container .products-grid .product-card .card-image{height:258px !important;}

.xp-box19 .xp-number::after{right:30px;}
.xp-box19 .xp-data-num:nth-child(4) .xp-number::after{right:35px;}

.xp-box28 .xp28-slide .xp28-slide-title{bottom:30%;}

.xp-box25 .xp-box5{padding-right: 16px;}
}

.c-fff::placeholder {
    color: #fff;
    opacity: 1; /* 修复部分浏览器默认透明度导致颜色变浅的问题 */
}

/* 如果需要兼容更老的浏览器，可以加上厂商前缀 */
.c-fff::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    opacity: 1;
}
.c-fff::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    opacity: 1;
}
.c-fff:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    opacity: 1;
}