:root{
  --primary:#1657b8;
  --primary-dark:#0e3f89;
  --text:#1f2937;
  --muted:#6b7280;
  --border:#e5e7eb;
  --bg:#f8fafc;
  --footer-logo-url:url('/dblogo.png');
}
@media (prefers-reduced-motion:reduce){
  .page-banner.page-banner-about,
  .page-banner.page-banner-about .page-banner-caption-about,
  .page-banner.page-banner-about .page-banner-caption-about p,
  .page-banner.page-banner-about .page-banner-caption-about h1{
    animation:none !important;
  }
  .site-slogan{display:none}
}
.solution-image-click{
  animation:solutionImageClick .42s cubic-bezier(.2,.7,.2,1);
}
@keyframes solutionImageClick{
  0%{transform:scale(1)}
  35%{transform:scale(.94)}
  70%{transform:scale(1.04)}
  100%{transform:scale(1)}
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  color:var(--text);
  font-size:14px;
  line-height:1.75;
  background:#fff;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul,ol{margin:0;padding:0}
.container{
  width:min(1200px,calc(100% - 32px));
  margin:0 auto;
}
.site-header{position:relative;z-index:100}
.site-topbar{
  background:#f2f2f2;
  color:#888;
  font-size:13px;
  border-bottom:1px solid #e7e7e7;
}
.site-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
  min-height:40px;
  padding:0;
}
.site-topbar-left{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#888;
}
.site-topbar-right{
  display:flex;
  align-items:center;
  gap:0;
  color:#666;
}
.site-topbar-right a{
  color:#666;
  padding:0 10px;
  transition:.2s;
}
.site-topbar-right a:hover{color:var(--primary)}
.site-topbar-right .sep{
  color:#ddd;
  padding:0 2px;
}
.site-head-main{
  background:#fff;
  border-bottom:0;
}
.site-head-main-inner{
  display:flex;
  align-items:center;
  gap:0;
  min-height:88px;
  padding:18px 0;
}
.mobile-menu-btn{
  display:none;
  width:38px;
  height:32px;
  border:1px solid var(--border);
  border-radius:6px;
  background:#fff;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
}
.mobile-menu-btn span{
  display:block;
  width:18px;
  height:2px;
  background:#334155;
}
.site-logo{
  flex-shrink:0;
  padding-right:0;
  border-right:none;
  min-width:160px;
}
.site-logo a{display:flex;align-items:center}
.site-logo img{
  height:70px;
  width:auto;
  max-width:220px;
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}
.logo-text-fallback{
  font-size:18px;
  font-weight:700;
  overflow:hidden;
  color:var(--primary);
}
.site-slogan{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:0;
  margin-left:24px;
  padding-left:24px;
  border-left:1px solid #ddd;
  padding-top:4px;
}
.site-slogan strong{
  font-size:22px;
  line-height:1.2;
  transition:.2s;
  color:#023793;
  margin-bottom:5px;
}
.site-slogan span{
  color:#999;
  font-size:15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.site-tel{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:14px;
  padding-left:0;
  border-left:none;
  margin-top:4px;
}
.site-tel-icon{
  width:46px;
  height:46px;
  background:#fff;
  border:none;
  color:#023793;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  letter-spacing:1px;
  font-weight:700;
  box-shadow:0 6px 12px rgba(16,77,156,.24);
  flex-shrink:0;
}
.site-tel-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.site-tel-icon.is-fallback{
  border:2px solid #023793;
  border-radius:50%;
}
.site-tel-info{
  display:flex;
  flex-direction:column;
  line-height:1.35;
}
.site-tel-info span{
  font-size:13px;
  color:#999;
}
.site-tel-info strong{
  color:#023793;
  font-size:28px;
  font-weight:700;
  letter-spacing:1px;
  font-family:Impact,"Arial Narrow",sans-serif;
}
.site-nav-wrap{
  background:var(--primary);
  height:57px;
}
.site-nav-list{
  list-style:none;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  min-height:57px;
}
.site-nav-list li a{
  display:flex;
  align-items:center;
  color:#fff;
  font-size:17px;
  font-weight:600;
  height:57px;
  padding:0 32px;
  transition:.2s;
}
.site-nav-list li.active a,
.site-nav-list li a:hover{
  background:rgba(255,255,255,.14);
}
.site-mobile-menu{
  display:none;
  background:#fff;
  border-bottom:1px solid var(--border);
  padding:8px 0;
}
.site-mobile-menu.open{display:block}
.site-mobile-menu a{
  display:block;
  padding:10px 16px;
  color:#334155;
  border-left:3px solid transparent;
}
.site-mobile-menu a.active{
  color:var(--primary);
  border-left-color:var(--primary);
  background:#eff6ff;
}
.home-banner{
  position:relative;
  overflow:hidden;
  background:#e2e8f0;
}
.home-banner-track{
  position:relative;
  height:clamp(220px,33vw,520px);
}
@media (min-width:993px){
  .home-banner-track{
    height:clamp(480px,calc(100vh - 230px),820px);
  }
  .home-banner-dots{
    bottom:20px;
  }
}
.home-banner-item{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transition:opacity .4s ease;
}
.home-banner-item:first-child{
  opacity:1;
  pointer-events:auto;
}
.home-banner-item.active{
  opacity:1;
  pointer-events:auto;
}
.home-banner-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.banner-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border:none;
  border-radius:50%;
  background:rgba(15,23,42,.42);
  color:#fff;
  font-size:18px;
  cursor:pointer;
  z-index:2;
  transition:.2s;
}
.banner-arrow:hover{background:rgba(15,23,42,.65)}
.banner-prev{left:14px}
.banner-next{right:14px}
.home-banner-dots{
  position:absolute;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:2;
}
.home-banner-dot{
  width:10px;
  height:10px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.58);
  cursor:pointer;
  padding:0;
}
.home-banner-dot.active{background:#fff}
.hero{
  background:linear-gradient(120deg,#0f4ea7,#1d69d4);
  color:#fff;
  padding:70px 0;
}
.hero-content{max-width:760px}
.hero-tag{
  display:inline-block;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  padding:6px 14px;
  font-size:12px;
  margin-bottom:14px;
}
.hero-title{
  margin:0 0 14px;
  font-size:42px;
  line-height:1.2;
}
.hero-desc{
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:16px;
}
.hero-btns{
  margin-top:24px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}
.section{padding:64px 0}
.section-alt{background:var(--bg)}
.section-header{
  text-align:center;
  margin-bottom:30px;
}
.section-tag{
  color:var(--primary);
  font-size:12px;
  letter-spacing:1.2px;
  font-weight:700;
  text-align:left;
}
.section-title{
  margin:8px 0 10px;
  font-size:32px;
  color:#0f172a;
}
.section-desc{
  margin:0;
  color:var(--muted);
}
.grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.grid-4{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.card{
  border:1px solid var(--border);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 3px 10px rgba(23,73,133,.08);
  box-shadow:none;
  box-shadow:0 6px 14px rgba(16,72,138,.08);
  transition:.25s;
  box-shadow:0 2px 8px rgba(15,23,42,.03);
}
.card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(15,23,42,.12);
}
.card-img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.card-body{padding:16px}
.card-title{
  font-size:17px;
  font-weight:700;
  color:#0f172a;
  line-height:1.45;
  margin-bottom:8px;
}
.card-desc{
  color:var(--muted);
  font-size:13px;
  line-height:1.8;
  min-height:44px;
}
.card-meta{
  margin-top:12px;
  color:#94a3b8;
  font-size:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.card-link{
  color:var(--primary);
  font-weight:600;
}
.feat-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:24px 18px;
  text-align:center;
}
.feat-icon{
  width:50px;
  height:50px;
  border-radius:50%;
  margin:0 auto 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  color:#fff;
  background:var(--primary);
}
.feat-title{
  margin-bottom:6px;
  font-size:16px;
  font-weight:700;
  transition:.2s ease;
}
.feat-desc{
  color:var(--muted);
  font-size:13px;
}
.home-advantage-section{
  position:relative;
  overflow:hidden;
  background:#1652ad;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
  padding-top:56px;
  padding-bottom:112px;
}
.home-advantage-section:before{
  content:'';
  position:absolute;
  inset:0;
  background:url('/skin/images/youshi.jpg') center center / cover no-repeat;
  filter:brightness(.5) saturate(.92);
  transform:scale(1.02);
  pointer-events:none;
}
.home-advantage-section:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(108deg,rgba(7,40,92,.84) 0%,rgba(18,76,156,.72) 52%,rgba(35,113,206,.62) 100%);
  background-position:center;
  pointer-events:none;
}
.home-advantage-section > .container{
  position:relative;
  z-index:2;
}
.home-advantage-section .home-block-en{
  color:rgba(255,255,255,.78);
}
.home-advantage-section .home-block-header .home-block-title{
  color:#fff;
}
.home-advantage-section .home-block-note{
  color:rgba(255,255,255,.72);
}
.home-advantage-section .advantage-card{
  background:rgba(255,255,255,.94);
  border-color:#d7e2f1;
}
.advantage-header{
  margin-bottom:28px;
  text-align:center;
}
.adv-main-title{
  margin:0;
  padding-bottom:0;
  font-size:32px;
  line-height:1.2;
  color:#111;
  font-weight:800;
}
.adv-main-title:after{
  display:none;
}
.advantage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:16px;
  row-gap:50px;
}
.advantage-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 10px rgba(15,23,42,.04);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background-color .28s ease;
}
.advantage-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(15,23,42,.2);
  border-color:#b8cdeb;
  background:#fff;
}
.advantage-card:hover .adv-media{
  transform:translateY(-2px) scale(1.04);
  box-shadow:0 10px 20px rgba(15,78,167,.3);
}
.advantage-card:hover .adv-title{
  color:#0f4ea7;
}
.advantage-card:hover .adv-desc{
  color:#55677f;
}
.adv-media{
  position:relative;
  flex:0 0 92px;
  width:92px;
  min-height:92px;
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(155deg,#0f4ea7,#2e6fd2);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  transition:transform .28s ease,box-shadow .28s ease;
}
.adv-media:before{
  content:'';
  position:absolute;
  width:62px;
  height:62px;
  border-radius:50%;
  top:-14px;
  right:-10px;
  background:rgba(255,255,255,.08);
}
.adv-media img{
  display:none;
}
.adv-num{
  position:relative;
  z-index:1;
  display:block;
  min-width:0;
  height:auto;
  padding:0;
  font-size:26px;
  font-weight:800;
  letter-spacing:1px;
  color:#fff;
  line-height:1;
  background:none;
}
.adv-mark{
  position:relative;
  z-index:1;
  font-size:12px;
  letter-spacing:1.5px;
  color:rgba(255,255,255,.84);
}
.adv-text{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.adv-title{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.4;
  color:#0f172a;
  font-weight:700;
  transition:color .22s ease;
}
.adv-desc{
  margin:0;
  color:#64748b;
  font-size:13px;
  line-height:1.9;
  transition:color .22s ease;
}
.home-about-section{
  background:#fff;
}
.home-about-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:34px;
  align-items:center;
}
.home-about-media{
  position:relative;
  min-height:360px;
  border-radius:14px;
  overflow:hidden;
  background:#e2e8f0;
  box-shadow:0 10px 28px rgba(15,23,42,.12);
  transition:transform .28s ease,box-shadow .28s ease;
}
.home-about-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transform:scale(1);
  transform-origin:center center;
  transition:transform .36s ease,filter .36s ease;
}
.home-about-media:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(15,23,42,.18);
}
.home-about-media:hover img{
  transform:scale(1.06);
  filter:brightness(1.04);
}
.home-about-content{
  min-width:0;
}
.home-about-title{
  margin:10px 0 16px;
  font-size:34px;
  line-height:1.2;
  color:#111;
}
.home-about-desc{
  margin:0 0 14px;
  color:#4a5f79;
  font-size:14px;
  line-height:1.8;
}
.home-about-desc:last-of-type{
  margin-bottom:0;
}
.home-about-points{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.home-about-points li{
  position:relative;
  margin:0;
  padding-left:14px;
  color:#1e293b;
  font-size:14px;
  line-height:1.6;
}
.home-about-points li:before{
  content:'';
  position:absolute;
  left:0;
  top:9px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#0f4ea7;
}
.home-case-section{
  background:#f5f6f8;
  padding:58px 0 56px;
}
.home-case-slider{
  position:relative;
}
.home-case-viewport{
  overflow:hidden;
}
.home-case-track{
  display:flex;
  margin:0 -10px;
  transition:transform .42s ease;
  will-change:transform;
}
.home-case-col{
  flex:0 0 33.333333%;
  max-width:33.333333%;
  padding:0 10px;
  min-width:0;
  transition:transform .3s ease;
}
.home-case-track .home-case-card{
  border:0;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
  cursor:default;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease;
}
.home-case-track .home-case-card:hover{
  transform:none;
  box-shadow:0 14px 28px rgba(15,23,42,.16);
}
.home-case-track .home-case-card .card-img{
  display:block;
  transform:scale(1);
  transform-origin:center center;
  transition:transform .45s ease,filter .45s ease;
}
.home-case-track .home-case-card:hover .card-img{
  transform:scale(1.06);
  filter:brightness(1.04);
}
.home-case-dots{
  display:none !important;
}
.home-case-dot{
  width:12px;
  height:12px;
  border:none;
  border-radius:50%;
  padding:0;
  background:#9fb1c9;
  cursor:pointer;
  transition:.22s;
}
.home-case-dot.active{
  background:#2d6ed0;
}
.home-block-header{
  margin-bottom:30px;
  text-align:center;
}
.home-block-en{
  display:block;
  margin:0;
  font-size:14px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#5b6f94;
  font-weight:600;
}
.home-block-header .home-block-title{
  margin:8px 0 10px;
  font-size:34px;
  line-height:1.2;
  color:#111;
  font-weight:800;
}
.advantage-header .home-block-title{
  margin-top:26px;
}
.home-block-note{
  margin:0;
  color:#9aa3b1;
  font-size:13px;
  line-height:1.75;
}
.home-about-header{
  position:relative;
  text-align:left;
  margin:0 0 18px;
  padding-left:18px;
}
.home-about-header:before{
  content:'';
  position:absolute;
  left:0;
  top:4px;
  width:4px;
  height:54px;
  border-radius:999px;
  background:linear-gradient(180deg,#1f69d8 0%,#0f4ea7 100%);
}
.home-case-track .card-img{
  height:248px;
}
.home-news-grid .card-img{
  height:210px;
}
.home-case-track .card-body{
  padding:12px 14px;
  text-align:center;
}
.home-case-track .card-title{
  margin-bottom:4px;
}
.home-case-track .card-desc{
  min-height:0;
  line-height:1.7;
}
.home-case-track .card-desc:empty{
  display:none;
}
.home-news-grid .card-desc{
  min-height:48px;
  color:#9ba5b5;
}
.home-case-more{
  text-align:center;
  margin-top:28px;
}
.home-news-grid .card-meta{
  margin-top:0;
  margin-bottom:8px;
  justify-content:flex-start;
  color:#8d97a8;
}
.idx-case-section{
  background:#0f2240;
}
.idx-case-title{
  text-align:center;
  margin:0 0 30px;
}
.idx-case-title strong{
  display:block;
  margin:0;
  color:#fff;
  font-size:34px;
  font-weight:800;
  line-height:1.2;
}
.idx-case-title p{
  margin:10px 0 0;
  color:rgba(255,255,255,.7);
  font-size:13px;
  letter-spacing:2.8px;
}
.idx-case-panel{
  position:relative;
}
.idx-case-sw{
  width:100%;
}
.idx-case-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:30px;
}
.idx-case-item{
  position:relative;
  display:block;
  border-radius:6px;
  overflow:hidden;
  background:#1b3155;
}
.idx-case-img{
  position:relative;
  padding-top:64%;
  overflow:hidden;
}
.idx-case-img img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.idx-case-ico{
  position:absolute;
  left:50%;
  bottom:58px;
  width:52px;
  height:52px;
  margin-left:-26px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.22);
  z-index:2;
  transition:.3s ease;
}
.idx-case-ico:before{
  content:'+';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  text-align:center;
  line-height:52px;
  font-size:30px;
  color:#1b4f99;
  font-weight:400;
}
.idx-case-text{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:58px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
}
.idx-case-text p{
  margin:0;
  color:#0f172a;
  font-size:17px;
  line-height:1.4;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.idx-case-item:hover .idx-case-img img{
  transform:scale(1.06);
}
.idx-case-item:hover .idx-case-ico{
  background:#0f4ea7;
}
.idx-case-item:hover .idx-case-ico:before{
  color:#fff;
}
.idx-case-more{
  text-align:center;
  margin-top:30px;
}
.cta-section{
  background:linear-gradient(120deg,#1249a0,#1f64c4);
  color:#fff;
  text-align:center;
  padding:7px 4px;
  padding:58px 0;
}
.cta-section h2{
  margin:0 0 8px;
  font-size:36px;
}
.cta-section p{
  margin:0;
  color:rgba(255,255,255,.88);
}
.cta-section .btn{margin-top:18px}
.page-banner{
  background:linear-gradient(120deg,#0f4ea7,#236fd8);
  color:#fff;
  padding:46px 0;
}
.page-banner.page-banner-contact{
  position:relative;
  background:#0f4ea7 center center / cover no-repeat;
  height:380px;
  min-height:380px;
  padding:0;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.page-banner.page-banner-contact:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(8,29,63,.72),rgba(13,73,158,.52));
}
.page-banner.page-banner-about{
  background-position:50% 50%;
  background-size:110% 110%;
  will-change:background-size;
  animation:aboutBannerMove 6s ease 1 forwards;
}
.page-banner.page-banner-about:before{
  background:linear-gradient(115deg,rgba(8,29,63,.4),rgba(13,73,158,.24));
}
.page-banner.page-banner-contact .container{
  position:relative;
  z-index:1;
}
.page-banner.page-banner-news{
  position:relative;
  background:#0f4ea7 center center / cover no-repeat;
  height:380px;
  min-height:380px;
  padding:0;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.page-banner.page-banner-news:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(8,29,63,.62),rgba(13,73,158,.46));
}
.page-banner.page-banner-news .container{
  position:relative;
  z-index:1;
}
.page-banner h1{
  margin:0 0 8px;
  font-size:34px;
  line-height:1.25;
}
.page-banner-caption{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  gap:10px;
  padding:18px 24px;
  border-left:4px solid #fff;
  background:rgba(5,24,54,.32);
  box-shadow:0 12px 30px rgba(3,19,44,.28);
}
.page-banner-caption p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:13px;
  letter-spacing:3px;
  line-height:1;
}
.page-banner-caption h1{
  margin:0;
  color:#fff;
  font-size:42px;
  line-height:1.2;
  text-shadow:0 4px 18px rgba(0,0,0,.32);
}
.page-banner.page-banner-about .page-banner-caption-about{
  background:rgba(5,24,54,.18);
  border-left-color:rgba(255,255,255,.9);
  box-shadow:0 10px 28px rgba(3,19,44,.2);
  animation:aboutBannerCaptionIn .85s cubic-bezier(.22,1,.36,1) both;
}
.page-banner.page-banner-news .page-banner-caption-about{
  background:rgba(5,24,54,.18);
  border-left-color:rgba(255,255,255,.9);
  box-shadow:0 10px 28px rgba(3,19,44,.2);
  animation:aboutBannerCaptionIn .85s cubic-bezier(.22,1,.36,1) both;
}
.page-banner.page-banner-about .page-banner-caption-about p{
  animation:aboutBannerTextIn .8s ease-out .12s both;
}
.page-banner.page-banner-news .page-banner-caption-about p{
  animation:aboutBannerTextIn .8s ease-out .12s both;
}
.page-banner.page-banner-about .page-banner-caption-about h1{
  text-shadow:0 6px 20px rgba(0,0,0,.26);
  animation:aboutBannerTextIn .8s ease-out .22s both;
}
.page-banner.page-banner-news .page-banner-caption-about h1{
  text-shadow:0 6px 20px rgba(0,0,0,.26);
  animation:aboutBannerTextIn .8s ease-out .22s both;
}
@keyframes aboutBannerMove{
  0%{
    background-size:110% 110%;
    background-position:50% 50%;
  }
  100%{
    background-size:100% 100%;
    background-position:50% 50%;
  }
}
@keyframes aboutBannerCaptionIn{
  0%{
    opacity:0;
    transform:translate3d(0,18px,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
@keyframes aboutBannerTextIn{
  0%{
    opacity:0;
    transform:translate3d(0,12px,0);
  }
  100%{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
.breadcrumb{
  color:rgba(255,255,255,.9);
  font-size:13px;
}
.breadcrumb a{color:#dbeafe}
.news-layout{
  display:grid;
  grid-template-columns:228px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.news-side-box{
  background:#fff;
  border:1px solid #e4e8ef;
  border-radius:8px;
  overflow:hidden;
  margin-bottom:16px;
}
.news-side-title{
  position:relative;
  overflow:hidden;
  padding:14px 18px 12px;
  background:linear-gradient(135deg,#1f4f95,#396eb6);
  color:#fff;
  font-size:18px;
  font-weight:700;
}
.news-side-title:after{
  content:'';
  position:absolute;
  right:-16px;
  top:-18px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:rgba(255,255,255,.1);
}
.news-side-title span{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.72);
  font-size:12px;
  letter-spacing:2px;
  font-weight:500;
}
.news-cat-list{
  list-style:none;
  margin:0;
  padding:8px 0 10px;
}
.news-cat-list li{
  border-bottom:1px solid #edf1f6;
}
.news-cat-list li:last-child{
  border-bottom:none;
}
.news-cat-list li a{
  display:block;
  padding:10px 16px;
  color:#233a63;
  font-size:15px;
  transition:.2s;
}
.news-cat-list li.active a,
.news-cat-list li a:hover{
  background:#f3f7ff;
  color:#4177b7;
}
.news-contact-list{
  list-style:none;
  margin:0;
  padding:14px 18px 12px;
}
.news-contact-list li{
  margin:0 0 7px;
  color:#4f5f79;
  font-size:14px;
  line-height:1.6;
}
.news-contact-list li.company{
  color:#4f5f79;
}
.news-contact-list li.phone{
  margin-top:4px;
  color:#4177b7;
  font-size:17px;
  font-weight:700;
}
.news-right{
  min-width:0;
}
.news-crumb-bar{
  background:#fff;
  border:1px solid #e4e8ef;
  border-radius:4px;
  min-height:40px;
  display:flex;
  align-items:center;
  min-width:0;
  overflow:hidden;
  padding:0 18px;
  color:#4b5563;
  font-size:14px;
  line-height:1.66;
}
.news-crumb-bar a{
  flex:0 0 auto;
  white-space:nowrap;
}
.news-crumb-bar a,
.news-crumb-bar .crumb-sep,
.news-crumb-bar .crumb-current{
  color:#4b5563;
}
.news-crumb-bar .crumb-sep{
  flex:0 0 auto;
  margin:0 8px;
  white-space:nowrap;
}
.news-crumb-bar .crumb-current{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.news-crumb-bar a:hover{
  color:#4b5563;
}
.news-page-title{
  margin:18px 0 14px;
  padding-left:12px;
  border-left:4px solid #4177b7;
  color:#111827;
  font-size:18px;
  line-height:1.2;
  font-weight:700;
}
.news-list{
  display:flex;
  flex-direction:column;
  gap:0;
}
.news-list.news-list-classic{
  border:1px solid #f0f2f5;
  border-radius:4px;
  overflow:hidden;
  background:#fff;
}
.news-list-item{
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:18px 20px;
  border-bottom:1px solid #f2f2f2;
  transition:.18s ease;
}
.news-list-item:last-child{
  border-bottom:none;
}
.news-list-item:hover{
  background:#f8fbff;
}
.news-date-badge{
  width:52px;
  border-radius:4px;
  overflow:hidden;
  flex-shrink:0;
  background:#4177b7;
  color:#fff;
  text-align:center;
  padding:7px 4px;
}
.news-date-badge em{
  display:block;
  font-style:normal;
  font-size:22px;
  line-height:1;
  font-weight:700;
}
.news-date-badge i{
  display:block;
  font-style:normal;
  font-size:10px;
  line-height:1;
  opacity:.85;
  margin-top:3px;
}
.news-item-main{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.news-item-title{
  margin-top:2px;
  color:#333;
  font-size:15px;
  line-height:1.5;
  font-weight:600;
  margin-bottom:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  transition:color .2s;
}
.news-item-desc{
  margin-top:0;
  color:#888;
  font-size:13px;
  line-height:1.7;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.news-list-item:hover .news-item-title{
  color:#4177b7;
}
.news-detail-section{
  background:#f4f6fb;
  padding:30px 0 60px;
}
.news-detail-box{
  background:#fff;
  border-radius:4px;
  padding:28px 30px 36px;
  box-shadow:0 2px 8px rgba(0,0,0,.07);
}
.news-detail-title{
  margin-bottom:22px;
  padding-bottom:16px;
  border-bottom:2px solid #4177b7;
  text-align:center;
}
.news-detail-title h1{
  margin:0 0 10px;
  font-size:21px;
  color:#1a1a2e;
  font-weight:700;
  line-height:1.5;
}
.news-detail-meta{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
  font-size:13px;
  color:#999;
}
.news-detail-body{
  color:#515b6a;
  font-size:15px;
  line-height:2;
  word-break:break-word;
}
.news-detail-body p{
  margin:0 0 14px;
}
.news-detail-body h1,
.news-detail-body h2,
.news-detail-body h3,
.news-detail-body h4,
.news-detail-body h5,
.news-detail-body h6{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  margin:16px 0 10px;
  padding:0;
  border:0;
  background:none;
  color:#1a1a1a;
  font-weight:700;
  line-height:1.35;
}
.news-detail-body h1:before,
.news-detail-body h2:before,
.news-detail-body h3:before,
.news-detail-body h4:before,
.news-detail-body h5:before,
.news-detail-body h6:before{
  content:'';
  width:4px;
  height:18px;
  border-radius:999px;
  background:#2b78d0;
  flex-shrink:0;
}
.news-detail-body h1{font-size:20px}
.news-detail-body h2{font-size:18px}
.news-detail-body h3{font-size:16px}
.news-detail-body h4{font-size:16px}
.news-detail-body h5{font-size:15px}
.news-detail-body h6{font-size:14px}
.news-detail-body ul,
.news-detail-body ol{
  margin:0 0 14px 1.35em;
  padding:0;
}
.news-detail-body li{
  margin:0 0 8px;
  padding-left:2px;
}
.news-detail-body a{
  color:#2f6fbd;
  text-decoration:underline;
  text-underline-offset:2px;
}
.news-detail-body a:hover{
  color:#1f56a0;
}
.news-detail-body strong{
  color:#1f2f46;
  font-weight:700;
}
.news-detail-body em{
  color:#2f4a6d;
  font-style:italic;
}
.news-detail-body blockquote{
  margin:0 0 14px;
  padding:10px 14px;
  border-left:3px solid #9bbce3;
  border-radius:4px;
  background:#f7faff;
  color:#51627a;
}
.news-detail-body hr{
  margin:16px 0;
  border:0;
  border-top:1px solid #e2e8f0;
}
.news-detail-body pre{
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #dce4ee;
  border-radius:6px;
  background:#f8fafc;
  color:#334155;
  line-height:1.75;
  overflow:auto;
}
.news-detail-body code{
  padding:2px 6px;
  border-radius:4px;
  background:#f1f5f9;
  color:#2f4a6d;
  font-family:Consolas,"Courier New",monospace;
  font-size:13px;
}
.news-detail-body pre code{
  padding:0;
  border-radius:0;
  background:transparent;
  color:inherit;
}
.news-detail-body figure{
  margin:0 0 14px;
}
.news-detail-body img{
  max-width:100%!important;
  height:auto!important;
  display:block;
  margin:10px auto;
  border-radius:6px;
}
.news-detail-body table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 14px;
  font-size:14px;
  line-height:1.7;
}
.news-detail-body th,
.news-detail-body td{
  border:1px solid #dbe4ef;
  padding:8px 10px;
  text-align:left;
  vertical-align:top;
}
.news-detail-body th{
  background:#f4f8fd;
  color:#2f4a6d;
  font-weight:700;
}
.news-detail-body p:last-child,
.news-detail-body ul:last-child,
.news-detail-body ol:last-child,
.news-detail-body blockquote:last-child,
.news-detail-body pre:last-child,
.news-detail-body table:last-child,
.news-detail-body figure:last-child,
.news-detail-body hr:last-child{
  margin-bottom:0;
}
.news-detail-exp{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:32px;
  padding-top:12px;
  border-top:1px solid #eceff4;
}
.news-detail-exp>div{
  min-width:0;
}
.news-detail-exp>div+div{
  margin-top:0;
}
.news-detail-exp .next{
  margin-left:0;
  text-align:right;
}
.news-detail-exp a,
.news-detail-exp .no-link{
  display:block;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:13px;
  line-height:1.9;
  word-break:break-word;
  transition:color .2s ease;
}
.news-detail-exp a,
.news-detail-exp a:visited,
.news-detail-exp a:hover,
.news-detail-exp a:active,
.news-detail-exp a:focus{
  color:#4b5563;
  text-decoration:none;
}
.news-detail-exp .no-link{
  color:#a0a8b4;
}
.news-empty{
  text-align:center;
  padding:40px 0;
  color:#6b7280;
  background:#fff;
  border:1px solid #e4e8ef;
  border-radius:4px;
}
.list-layout,
.detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:28px;
}
.product-list-layout{
  grid-template-columns:250px minmax(0,1fr);
  align-items:start;
}
.case-single-section{
  background:linear-gradient(180deg,#eef2f7 0%,#f6f8fc 42%,#eef3f9 100%);
}
.case-redesign-page{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.case-r-hero{
  position:relative;
  overflow:visible;
  display:block;
  background:#fff;
  border:1px solid #dfe7f2;
  border-radius:12px;
  box-shadow:0 6px 16px rgba(15,39,78,.06);
  padding:20px 20px 16px;
}
.case-r-hero:before{
  display:none;
}
.case-r-hero:after{
  display:none;
}
.case-r-hero-main{
  min-width:0;
}
.case-r-lead{
  margin:0;
  color:#1e293b;
  font-size:30px;
  line-height:1.22;
  font-weight:700;
  letter-spacing:0;
}
.case-r-summary{
  margin:8px 0 0;
  color:#64748b;
  font-size:14px;
  line-height:1.82;
}
.case-r-tags{
  display:none;
}
.case-r-anchor-wrap{
  margin-top:12px;
  border:0;
  border-top:1px solid #e7edf5;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:10px 0 0;
}
.case-r-anchor-title{
  margin:0 0 8px;
  color:#64748b;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
}
.case-r-anchor-list{
  margin-top:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.case-r-anchor-list a{
  display:inline-flex;
  align-items:center;
  height:31px;
  padding:0 12px;
  border-radius:8px;
  border:1px solid #dbe5f1;
  background:#f8fbff;
  color:#334155;
  font-size:12px;
  box-shadow:none;
  transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}
.case-r-anchor-list a:hover{
  border-color:#c4d7ef;
  color:#1d4f91;
  background:#eef5ff;
  transform:none;
  box-shadow:none;
}
.case-r-item{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.case-r-head-card{
  background:#fff;
  border:1px solid #dbe6f3;
  border-radius:14px;
  padding:14px 22px;
  box-shadow:0 6px 16px rgba(15,39,78,.05);
}
.case-r-group{
  background:#fff;
  border:1px solid #dbe6f3;
  border-radius:14px;
  padding:22px;
  box-shadow:0 8px 22px rgba(15,39,78,.06);
}
.case-r-group-wrap{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.case-r-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0;
  padding:0;
  border:0;
}
.case-r-head h3{
  margin:0;
  color:#1b3f69;
  font-size:22px;
  line-height:1.25;
  letter-spacing:.2px;
}
.case-r-head span{
  color:#7390b1;
  font-size:12px;
}
.case-r-grid{
  display:grid;
  gap:14px;
}
.case-r-grid.is-4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.case-r-grid.is-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.case-r-grid.is-2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.case-r-grid.is-1{
  grid-template-columns:minmax(0,1fr);
}
.case-r-card{
  margin:0;
  overflow:hidden;
  border-radius:12px;
  border:1px solid #dce8f4;
  background:#fff;
  box-shadow:0 6px 16px rgba(13,42,86,.08);
}
.case-r-card img{
  width:100%;
  height:210px;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transform-origin:50% 50%;
  transition:transform .36s ease, filter .3s ease;
  backface-visibility:hidden;
}
#case-neijinliu .case-r-card img{
  height:300px;
}
#case-kongban .case-r-card img{
  height:300px;
}
.case-r-grid.is-1 .case-r-card img{
  height:260px;
}
.case-r-card:hover img{
  transform:scale(1.06);
  filter:brightness(1.06) saturate(1.08) contrast(1.03);
}
.case-r-card:not(:hover) img{
  transform:scale(1);
  filter:none;
}
.case-r-card figcaption{
  padding:11px 12px;
  color:#2f4664;
  font-size:13px;
  line-height:1.55;
  text-align:center;
  border-top:1px solid #e8eff8;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
}
.prod-cat-box{
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  margin-bottom:16px;
}
.prod-cat-tit{
  padding:18px 16px 14px;
  background:linear-gradient(120deg,#0f4ea7,#236fd8);
  color:#fff;
}
.prod-cat-tit p{
  margin:0;
  font-size:20px;
  font-weight:700;
  line-height:1.2;
}
.prod-cat-tit span{
  display:block;
  margin-top:4px;
  font-size:12px;
  letter-spacing:1.4px;
  opacity:.9;
}
.prod-cat-bd{
  padding:6px 0;
}
.prod-cat-bd h4{
  margin:0;
  border-bottom:1px solid #eef2f7;
}
.prod-cat-bd h4 a{
  display:block;
  padding:12px 16px;
  font-size:15px;
  color:#1f2937;
  font-weight:600;
  transition:.2s;
}
.prod-cat-bd h4.on a,
.prod-cat-bd h4 a:hover{
  background:#eff6ff;
  color:var(--primary);
}
.prod-cat-bd ul{
  list-style:none;
  margin:0;
  padding:4px 0 8px;
  border-bottom:1px solid #eef2f7;
}
.prod-cat-bd li a{
  display:block;
  padding:8px 16px 8px 30px;
  font-size:13px;
  color:#64748b;
  transition:.2s;
}
.prod-cat-bd li a:hover,
.prod-cat-bd li.on a{
  color:var(--primary);
  background:#f8fbff;
}
.home-prod-cat-box{
  background:#fff;
  border:1px solid #e3ebf7;
  border-radius:12px;
  padding:0 14px 14px;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
}
.home-prod-cat-box .prod-cat-tit{
  margin:0 -14px;
  padding:16px 16px 14px;
  background:#fff;
  text-align:left;
  border-bottom:1px solid #edf2fb;
}
.home-prod-cat-box .prod-cat-tit p{
  font-size:20px;
  color:#1657b8;
  line-height:1.12;
}
.home-prod-cat-box .prod-cat-tit span{
  margin-top:4px;
  font-size:12px;
  letter-spacing:1px;
  color:#7b8da8;
}
.home-prod-cat-bd{
  padding:12px 0 2px;
}
.home-prod-cat-flat-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.home-prod-cat-flat-list li{
  margin:0;
}
.home-prod-cat-flat-list li a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:10px 13px;
  background:#fff;
  border:1px solid #e3ebf7;
  border-radius:8px;
  color:#334155;
  font-size:15px;
  font-weight:600;
  line-height:1.2;
  transition:.2s ease;
}
.home-prod-cat-flat-list li a:after{
  content:'›';
  color:#9db0c9;
  font-size:16px;
  font-weight:700;
  transition:.2s;
}
.home-prod-cat-flat-list li.on a,
.home-prod-cat-flat-list li a:hover{
  color:#1657b8;
  background:#f5f9ff;
  border-color:#bed3f7;
  transform:translateX(2px);
}
.home-prod-cat-flat-list li.on a:after,
.home-prod-cat-flat-list li a:hover:after{
  color:#1657b8;
}
.product-left-col.home-cat-theme-4 .home-prod-cat-box{
  background:#f7f9ff;
  border-color:#d8e4fb;
  box-shadow:none;
}
.product-left-col.home-cat-theme-4 .home-prod-cat-box .prod-cat-tit{
  background:linear-gradient(135deg,#1b72dc,#155dbd);
  border-bottom:none;
  text-align:center;
}
.product-left-col.home-cat-theme-4 .home-prod-cat-box .prod-cat-tit p{
  color:#fff;
}
.product-left-col.home-cat-theme-4 .home-prod-cat-box .prod-cat-tit span{
  color:rgba(255,255,255,.88);
}
.product-left-col.home-cat-theme-4 .home-prod-cat-flat-list{
  gap:12px;
}
.product-left-col.home-cat-theme-4 .home-prod-cat-flat-list li a{
  justify-content:space-between;
  border-radius:8px;
  border-color:#c9daf8;
  background:#fff;
}
.product-left-col.home-cat-theme-4 .home-prod-cat-flat-list li a:after{
  display:block;
}
.product-left-col.home-cat-theme-4 .home-prod-cat-flat-list li.on a,
.product-left-col.home-cat-theme-4 .home-prod-cat-flat-list li a:hover{
  color:#1657b8;
  background:#f5f9ff;
  border-color:#bed3f7;
  transform:translateX(2px);
  box-shadow:none;
}
.prod-list-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  border-bottom:1px solid var(--border);
  margin-bottom:20px;
  padding-bottom:10px;
}
.prod-list-head h2{
  margin:0;
  font-size:24px;
  color:#0f172a;
  line-height:1.2;
}
.prod-list-head span{
  font-size:12px;
  color:#94a3b8;
  letter-spacing:1.2px;
}
.product-home-header{
  text-align:left;
  margin-bottom:20px;
}
.product-home-header .section-title{
  margin:6px 0 8px;
}
.product-home-header .section-desc{
  text-align:left;
}
.home-product-main .grid-3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-product-main .card-img{
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  display:block;
}
@media (min-width:993px){
  .home-product-main .card-img{
    height:242px;
    aspect-ratio:auto;
  }
}
.home-product-main .card-title{
  text-align:center;
  margin-bottom:0;
}
.home-product-feature-strip{
  margin-top:24px;
  background:#1652ad;
  border-top:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
  padding:34px 0;
  position:relative;
  overflow:hidden;
}
.home-product-feature-strip:before{
  content:'';
  position:absolute;
  inset:0;
  background:url('/skin/images/nybanner.jpg') center center / cover no-repeat;
  filter:brightness(.42) saturate(.9);
  transform:scale(1.02);
  pointer-events:none;
}
.home-product-feature-strip:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(108deg,rgba(7,40,92,.94) 0%,rgba(18,76,156,.9) 52%,rgba(35,113,206,.86) 100%);
  pointer-events:none;
}
.home-product-feature-strip .container{
  position:relative;
  z-index:2;
}
.home-product-feature-strip .hpf-inner{
  width:100%;
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  gap:28px;
  align-items:center;
  padding:0;
}
.hpf-left{
  max-width:560px;
}
.hpf-sub{
  display:none;
}
.hpf-sub:before{
  display:none;
}
.hpf-left h3{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.32;
  font-weight:700;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.24);
}
.hpf-desc{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:rgba(255,255,255,.9);
  text-shadow:0 1px 8px rgba(0,0,0,.2);
}
.hpf-right h3{
  margin:0 0 12px;
  font-size:34px;
  line-height:1.2;
  font-weight:800;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.24);
}
.hpf-right h3 span{
  color:#eaf3ff;
  font-size:46px;
  margin-right:4px;
}
.hpf-right ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.hpf-right li{
  min-height:38px;
  padding:0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.46);
  background:rgba(255,255,255,.12);
  border-radius:8px;
  font-size:13px;
  color:#fff;
  font-weight:600;
  text-align:center;
  box-shadow:0 6px 16px rgba(8,35,82,.12);
  transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.hpf-right li:before{
  display:none;
}
.hpf-right li:hover{
  border-color:rgba(255,255,255,.74);
  transform:translateY(-3px);
  background:rgba(255,255,255,.22);
  color:#fff;
  box-shadow:0 12px 22px rgba(6,25,62,.28);
}
.list-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.product-right .list-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.product-right .card-img{
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
}
.product-right .card-body{
  padding:12px;
}
.product-right .card-title{
  margin-bottom:0;
  font-size:15px;
  line-height:1.45;
  text-align:center;
}
.sidebar-box{
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px;
  margin-bottom:16px;
  background:#fff;
}
.sidebar-title{
  font-size:16px;
  font-weight:700;
  margin-bottom:12px;
  color:#0f172a;
  padding-bottom:8px;
  border-bottom:1px solid var(--border);
}
.sidebar-news{list-style:none}
.sidebar-news li{
  border-bottom:1px dashed #e2e8f0;
  padding:8px 0;
}
.sidebar-news li:last-child{border-bottom:none}
.sidebar-news a{
  color:#334155;
  font-size:13px;
  line-height:1.55;
}
.sidebar-news a:hover{color:var(--primary)}
.detail-title{
  margin:0 0 12px;
  font-size:30px;
  line-height:1.35;
  color:#0f172a;
}
.detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  color:#64748b;
  font-size:13px;
  margin-bottom:16px;
}
.detail-cover{
  width:100%;
  border-radius:12px;
  margin-bottom:18px;
}
.detail-content{
  color:#334155;
  font-size:15px;
  line-height:1.9;
}
.detail-content img{
  max-width:100%!important;
  height:auto!important;
}
.detail-nav{
  margin-top:22px;
  padding-top:12px;
  border-top:1px solid #eceff4;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.detail-nav a{
  display:block;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#4b5563;
  font-size:13px;
  line-height:1.9;
  word-break:break-word;
  transition:color .2s ease;
}
.detail-nav a,
.detail-nav a:visited,
.detail-nav a:hover,
.detail-nav a:active,
.detail-nav a:focus{
  color:#4b5563;
  text-decoration:none;
}
.detail-nav a+a{
  margin-top:0;
}
.detail-nav a:last-child{
  text-align:right;
}
.detail-nav a:only-child{
  grid-column:1/-1;
  text-align:left;
}
.product-detail-layout{
  grid-template-columns:228px minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.product-detail-right{
  min-width:0;
}
.product-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,46%) minmax(0,1fr);
  gap:24px;
  margin-bottom:18px;
  padding:18px;
  border:1px solid #e4e8ef;
  border-radius:8px;
  background:#fff;
}
.product-main-image{
  position:relative;
  overflow:hidden;
  border:1px solid #dbe3ef;
  border-radius:8px;
  background:#f8fafc;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:zoom-in;
}
.product-main-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform .7s cubic-bezier(.22,.61,.36,1), filter .35s ease;
}
.product-main-image.is-empty span{
  color:#97a3b7;
  font-size:14px;
}
.product-thumb-list{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.product-thumb{
  border:1px solid #dbe3ef;
  border-radius:6px;
  background:#fff;
  overflow:hidden;
  padding:0;
  aspect-ratio:1/1;
  cursor:pointer;
  transition:.2s;
}
.product-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform .35s ease, filter .35s ease;
}
.product-thumb.active,
.product-thumb:hover{
  border-color:#4177b7;
  box-shadow:0 4px 10px rgba(65,119,183,.2);
}
.product-meta-list{
  list-style:none;
  margin:0 0 12px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.product-meta-list li{
  margin:0;
  padding:6px 10px;
  border-radius:16px;
  border:1px solid #dce7f7;
  background:#f3f7ff;
  color:#51617a;
  font-size:13px;
  line-height:1.2;
}
.product-summary-box{
  margin:0 0 18px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#4b5b72;
  font-size:14px;
  line-height:1.85;
}
.product-intro-col{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.product-summary-box:before{
  display:none;
}
.product-summary-box>*{
  margin-left:0;
}
.product-summary-kv{
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.product-summary-kv-item{
  margin:0;
}
.product-summary-kv-item dd{
  position:relative;
  margin:0;
  min-height:0;
  display:block;
  padding:11px 0 11px 16px;
  border:0;
  border-bottom:1px solid #e8edf3;
  border-radius:0;
  background:transparent;
  color:#3d4d63;
  font-size:14px;
  line-height:1.7;
  word-break:break-word;
  box-shadow:none;
  transition:border-color .2s ease, color .2s ease;
}
.product-summary-kv-item dd:hover{
  border-color:#dce4ee;
  background:transparent;
  color:#2f405a;
  box-shadow:none;
}
.product-detail-section-body img{
  border-radius:8px;
  transform:translateZ(0);
  transition:transform .45s ease, box-shadow .45s ease, filter .45s ease;
}
@media (hover:hover) and (pointer:fine){
  .product-main-image:hover img{
    transform:scale(1.1);
    filter:saturate(1.04);
  }
  .product-thumb:hover img{
    transform:scale(1.12);
    filter:saturate(1.03);
  }
  .product-detail-section-body img:hover{
    transform:translateY(-3px) scale(1.02);
    box-shadow:0 12px 24px rgba(15,23,42,.16);
  }
}
.product-summary-kv-item dd:before{
  content:'›';
  position:absolute;
  left:2px;
  top:50%;
  transform:translateY(-50%);
  color:#b6c0cc;
  font-size:15px;
  font-weight:400;
  line-height:1;
  display:block;
}
.product-summary-kv-text{
  display:block;
}
.product-summary-kv-key{
  font-weight:700;
  color:#2f405a;
}
.product-action-wrap{
  margin-top:auto;
  padding-top:12px;
}
.product-action-row{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:10px;
}
.product-action-row .btn{
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.product-action-row .btn.btn-primary:hover{
  transform:translateY(-1px);
  background:#2f6fbd;
  border-color:#2f6fbd;
  box-shadow:0 8px 16px rgba(47,111,189,.24);
}
.product-detail-section-list{
  margin-top:4px;
  display:flex;
  flex-direction:column;
  gap:4px;
  background:#fff;
}
.product-detail-section-block{
  border:0;
  border-radius:0;
  background:#fff;
  overflow:hidden;
  padding:30px 30px 18px;
}
.product-detail-section-block > h3{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  padding:0 0 16px;
  border-bottom:1px solid #eee;
  background:transparent;
  color:#1a1a1a;
  font-size:20px;
  font-weight:700;
  line-height:1.3;
}
.product-detail-section-block > h3:before{
  content:'';
  width:4px;
  height:18px;
  border-radius:999px;
  background:#2b78d0;
  flex-shrink:0;
}
.product-detail-section-body{
  padding:22px 0 0;
  color:#515b6a;
  font-size:15px;
  line-height:2;
  word-break:break-word;
}
.product-detail-section-body h1,
.product-detail-section-body h2,
.product-detail-section-body h3,
.product-detail-section-body h4{
  margin:18px 0 10px;
  padding:0;
  border:0;
  background:none;
  color:#2b3442;
  font-weight:600;
  line-height:1.6;
}
.product-detail-section-body h1{font-size:20px}
.product-detail-section-body h2{font-size:18px}
.product-detail-section-body h3{font-size:16px}
.product-detail-section-body h4{font-size:16px}
.product-detail-section-body h2,
.product-detail-section-body h3,
.product-detail-section-body h4{
  margin:16px 0 10px !important;
  padding:8px 12px !important;
  border-left:3px solid #93b9e3 !important;
  background:transparent !important;
  border-radius:4px;
  color:#2f4a6d !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}
.product-detail-section-body h3,
.product-detail-section-body h4{
  border-left:0 !important;
  padding-left:0 !important;
}
.product-detail-section-body h5,
.product-detail-section-body h6{
  margin:14px 0 8px;
  color:#334b67;
  font-weight:700;
  line-height:1.5;
}
.product-detail-section-body h5{font-size:15px}
.product-detail-section-body h6{font-size:14px}
.product-detail-section-body a{
  color:#2f6fbd;
  text-decoration:underline;
  text-underline-offset:2px;
}
.product-detail-section-body a:hover{
  color:#1f56a0;
}
.product-detail-section-body em{
  color:#2f4a6d;
  font-style:italic;
}
.product-detail-section-body blockquote{
  margin:0 0 14px;
  padding:10px 14px;
  border-left:3px solid #9bbce3;
  border-radius:4px;
  background:#f7faff;
  color:#51627a;
}
.product-detail-section-body hr{
  margin:16px 0;
  border:0;
  border-top:1px solid #e2e8f0;
}
.product-detail-section-body pre{
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #dce4ee;
  border-radius:6px;
  background:#f8fafc;
  color:#334155;
  line-height:1.75;
  overflow:auto;
}
.product-detail-section-body code{
  padding:2px 6px;
  border-radius:4px;
  background:#f1f5f9;
  color:#2f4a6d;
  font-family:Consolas,"Courier New",monospace;
  font-size:13px;
}
.product-detail-section-body pre code{
  padding:0;
  border-radius:0;
  background:transparent;
  color:inherit;
}
.product-detail-section-body table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 14px;
  font-size:14px;
  line-height:1.7;
}
.product-detail-section-body th,
.product-detail-section-body td{
  border:1px solid #dbe4ef;
  padding:8px 10px;
  text-align:left;
  vertical-align:top;
}
.product-detail-section-body th{
  background:#f4f8fd;
  color:#2f4a6d;
  font-weight:700;
}
.product-detail-section-body p{
  margin:0 0 14px;
}
.product-detail-section-body strong{
  color:#1f2f46;
  font-weight:700;
}
.product-detail-section-body ul,
.product-detail-section-body ol{
  margin:0 0 14px 1.35em;
  padding:0;
}
.product-detail-section-body ul.list-paddingleft-2,
.product-detail-section-body ol.list-paddingleft-2{
  margin-left:1.35em;
  padding:0;
}
.product-detail-section-body li{
  margin:0 0 8px;
  padding-left:2px;
}
.product-detail-section-body li > p{
  margin:0;
}
.product-detail-section-body ol > li::marker{
  color:#2f6fbd;
  font-weight:700;
}
.product-detail-section-body ul > li::marker{
  color:#2f6fbd;
}
.product-detail-section-body p:last-child,
.product-detail-section-body ul:last-child,
.product-detail-section-body ol:last-child{
  margin-bottom:0;
}
.product-detail-section-body blockquote:last-child,
.product-detail-section-body pre:last-child,
.product-detail-section-body table:last-child,
.product-detail-section-body hr:last-child{
  margin-bottom:0;
}
.product-detail-section-body p:last-child > br:only-child{
  display:none;
}
.product-detail-section-body>*:first-child{
  margin-top:0;
}
.product-detail-section-body img{
  max-width:100%!important;
  height:auto!important;
  display:block;
  margin:10px auto;
}
.product-detail-empty{
  margin:0;
  padding:16px 18px;
  border:1px dashed #d8dee7;
  background:#fafbfc;
  color:#97a3b7;
  font-size:14px;
}
.product-detail-nav{
  margin-top:16px;
}
.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.contact-section{
  background:#f2f2f2;
  padding:38px 0 64px;
}
.contact-page-wrap{
  max-width:1280px;
  margin:0 auto;
  background:#fff;
  border:1px solid #e9e9e9;
  padding:56px 64px 64px;
}
.contact-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,510px);
  gap:68px;
  align-items:flex-start;
}
.contact-info-panel,
.contact-form-panel{
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  padding:0;
}
.contact-info-panel h2{
  margin:0;
  color:#2f2f2f;
  font-size:28px;
  line-height:1.25;
  font-weight:500;
  letter-spacing:.2px;
}
.contact-panel-desc{
  margin:20px 0 0;
  color:#7b8594;
  font-size:16px;
  line-height:1.75;
}
.contact-detail-list{
  list-style:none;
  margin:30px 0 0;
  padding:0;
}
.contact-detail-list li{
  display:flex;
  align-items:center;
  gap:16px;
  border-bottom:1px solid #ececec;
  padding:20px 0 18px;
}
.contact-detail-icon{
  width:30px;
  height:30px;
  color:#2e3540;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.contact-detail-icon img{
  width:22px;
  height:22px;
  display:block;
  object-fit:contain;
}
.contact-detail-icon.icon-phone img,
.contact-detail-icon.icon-mail img,
.contact-detail-icon.icon-address img{
  width:20px;
  height:20px;
  display:block;
}
.contact-detail-list p{
  margin:0;
  font-size:16px;
  line-height:1.6;
  color:#1f2937;
}
.contact-detail-list p em{
  font-style:normal;
  color:#1f2937;
  margin-right:4px;
}
.contact-detail-list p span{
  color:#213247;
  font-weight:500;
  word-break:break-all;
}
.contact-form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin-bottom:20px;
}
.contact-field{
  position:relative;
}
.contact-input,
.contact-textarea{
  width:100%;
  border:none;
  background:#f2f2f2;
  color:#2b3442;
  font-size:16px;
  border-radius:0;
  box-shadow:none;
}
.contact-input{
  height:48px;
  padding:0 16px;
}
.contact-textarea{
  min-height:124px;
  resize:vertical;
  padding:14px 16px;
  line-height:1.7;
}
.contact-input:focus,
.contact-textarea:focus{
  outline:none;
  background:#ececec;
}
.contact-input::placeholder,
.contact-textarea::placeholder{
  color:#9ba3ad;
}
.contact-required{
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:#ff4d2d;
  font-size:14px;
}
.contact-field-full{
  margin-bottom:22px;
}
.contact-submit-btn{
  min-width:236px;
  height:48px;
  padding:0 34px;
  border:none;
  background:#166ac5;
  color:#fff;
  font-size:16px;
  line-height:1;
  cursor:pointer;
  transition:background .2s;
}
.contact-submit-btn:hover{
  background:#1057a2;
}
.about-section{
  background:#f2f2f2;
  padding:38px 0 64px;
}
.about-page-wrap{
  max-width:1280px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.about-block{
  background:#fff;
  border:1px solid #e4ebf4;
  border-radius:4px;
  padding:34px 32px;
}
.about-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  gap:34px;
  align-items:start;
}
.about-intro-cover{
  position:relative;
  overflow:hidden;
  border-radius:0;
  border:1px solid #d8e4f2;
  box-shadow:0 4px 12px rgba(24,74,134,.08);
}
.about-intro-cover img{
  width:100%;
  height:320px;
  object-fit:cover;
  display:block;
  animation:aboutIntroCoverIn .7s ease-out both;
  transform-origin:center center;
  transition:transform .32s ease;
}
.about-intro-thumbs{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.about-intro-thumbs img{
  width:100%;
  height:112px;
  object-fit:cover;
  display:block;
  border:1px solid #d8e4f2;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(24,74,134,.08);
  animation:aboutIntroThumbIn .55s ease-out both;
  transform-origin:center center;
  transition:transform .32s ease;
}
.about-intro-thumbs img:nth-child(1){
  animation-delay:.08s;
}
.about-intro-thumbs img:nth-child(2){
  animation-delay:.14s;
}
.about-intro-thumbs img:nth-child(3){
  animation-delay:.2s;
}
.about-intro-cover:hover img{
  transform:scale(1.08);
}
.about-intro-thumbs img:hover{
  transform:scale(1.08);
}
@keyframes aboutIntroCoverIn{
  from{
    opacity:.01;
  }
  to{
    opacity:1;
  }
}
@keyframes aboutIntroThumbIn{
  from{
    opacity:.01;
  }
  to{
    opacity:1;
  }
}
.about-block-head p{
  margin:0;
  font-size:12px;
  color:#9aa6b5;
  letter-spacing:1.6px;
}
.about-block-head h2{
  margin:8px 0 0;
  color:#1f2c3d;
  font-size:34px;
  line-height:1.24;
  font-weight:700;
}
.about-block-head-center{
  text-align:center;
  margin-bottom:20px;
}
.about-company-desc{
  margin:18px 0 0;
  color:#4a5a70;
  font-size:15px;
  line-height:2;
  text-indent:2em;
}
.about-company-points{
  margin:20px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:24px;
  row-gap:12px;
}
.about-company-points li{
  position:relative;
  min-height:42px;
  padding:10px 14px 10px 44px;
  border:1px solid #d6e5f6;
  border-radius:10px;
  background:#f7fbff;
  color:#2a4668;
  font-size:15px;
  line-height:1.4;
  display:flex;
  align-items:center;
  transition:transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}
.about-company-points li:before{
  content:'✓';
  position:absolute;
  left:14px;
  top:50%;
  width:20px;
  height:20px;
  margin-top:-10px;
  border-radius:50%;
  background:linear-gradient(180deg,#1f8cff 0%,#166ac5 100%);
  color:#fff;
  font-size:13px;
  font-weight:700;
  line-height:20px;
  text-align:center;
  box-shadow:0 4px 10px rgba(22,106,197,.22);
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease;
}
.about-company-points li:hover{
  transform:translateY(-3px);
  border-color:#b8d0ec;
  background:#f2f8ff;
  box-shadow:0 10px 18px rgba(24,74,134,.12);
}
.about-company-points li:hover:before{
  transform:scale(1.08);
  background:linear-gradient(180deg,#2a9bff 0%,#1b76d6 100%);
  box-shadow:0 6px 12px rgba(22,106,197,.3);
}
.about-highlight-block{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid #e2eaf3;
  border-radius:10px;
  box-shadow:none;
}
.about-highlight-block:before{
  display:none;
}
.about-highlight-block:after{
  display:none;
}
.about-highlight-layout{
  display:block;
}
.about-highlight-text{
  position:relative;
  margin:0 0 18px;
  padding:0 0 16px;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  text-align:center;
}
.about-highlight-text:before{
  display:none;
}
.about-highlight-text:after{
  content:'';
  display:block;
  width:96px;
  height:2px;
  margin:16px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,#d9e7f8 0%,#1f74d7 50%,#d9e7f8 100%);
}
.about-highlight-text p{
  margin:0 auto;
  padding:0;
  max-width:980px;
  color:#243a54;
  font-size:22px;
  font-weight:500;
  line-height:1.8;
  letter-spacing:.6px;
}
.about-highlight-text p + p{
  margin-top:10px;
}
.about-highlight-gallery{
  margin-top:14px;
  padding-left:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.about-highlight-gallery figure{
  margin:0;
  border:1px solid #d8e4f2;
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  aspect-ratio:4 / 3;
}
.about-highlight-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .25s ease;
}
.about-highlight-gallery figure:hover img{
  transform:scale(1.04);
}
.about-product-block{
  background:transparent;
  border:0;
  padding:0;
}
.about-product-cards{
  margin:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.about-product-card{
  position:relative;
  min-height:208px;
  margin:0;
  padding:24px 22px 18px;
  border-radius:18px;
  overflow:hidden;
  display:block;
  background:linear-gradient(102deg,#153f7d 0%,#1d5397 52%,#3b84cf 100%);
  box-shadow:0 10px 20px rgba(7,38,87,.18);
  transition:transform .28s ease, box-shadow .28s ease;
}
.about-product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 30px rgba(7,38,87,.26);
}
.about-product-card:before{
  content:'';
  position:absolute;
  left:38%;
  right:-20%;
  top:-24%;
  bottom:-30%;
  background:radial-gradient(circle at center,rgba(90,182,255,.58) 0%,rgba(90,182,255,.12) 46%,rgba(90,182,255,0) 74%);
  pointer-events:none;
}
.about-product-card:nth-child(4n+2){
  background:linear-gradient(102deg,#113a75 0%,#1a4b8a 52%,#2f74bc 100%);
}
.about-product-card:nth-child(4n+3){
  background:linear-gradient(102deg,#1a4c90 0%,#2a64ab 50%,#4794df 100%);
}
.about-product-card:nth-child(4n+4){
  background:linear-gradient(102deg,#17498b 0%,#245ba0 52%,#3a86d1 100%);
}
.about-product-copy{
  position:relative;
  z-index:2;
  max-width:60%;
}
.about-product-copy h3{
  margin:0;
  color:#fff;
  font-size:28px;
  line-height:1.24;
  font-weight:700;
}
.about-product-copy p{
  margin:12px 0 0;
  color:rgba(236,245,255,.94);
  font-size:15px;
  line-height:1.62;
}
.about-product-media{
  position:absolute;
  right:16px;
  bottom:10px;
  width:34%;
  max-width:176px;
  height:82%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  z-index:2;
}
.about-product-media img{
  width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.24));
  transform:translateY(0) scale(1);
  transform-origin:50% 100%;
  transition:transform .28s ease, filter .28s ease;
}
.about-product-card:hover .about-product-media img{
  transform:translateY(-6px) scale(1.06);
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.3));
}
.about-patent-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.about-patent-grid figure{
  margin:0;
  background:#fff;
  border:1px solid #dbe5f1;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.about-patent-grid figure:hover{
  transform:translateY(-2px);
  border-color:#b9ceed;
  box-shadow:0 6px 16px rgba(32,83,148,.1);
}
.about-patent-grid img{
  width:100%;
  aspect-ratio:3 / 4;
  object-fit:contain;
  display:block;
  background:#fff;
  padding:8px;
}
.about-patent-grid figcaption{
  padding:10px 10px 12px;
  border-top:1px solid #e7eef7;
  background:#f8fbff;
  color:#35506d;
  font-size:13px;
  line-height:1.55;
  text-align:center;
}
.about-gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.about-gallery-grid figure{
  margin:0;
  overflow:hidden;
  border:1px solid #e5ebf3;
}
.about-gallery-grid img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
  transition:transform .25s ease;
}
.about-gallery-grid figure:hover img{
  transform:scale(1.04);
}
.about-exhibition-section{
  background:linear-gradient(180deg,#f9fbff 0%,#f3f7fd 100%);
}
.about-exhibition-section .about-gallery-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:repeat(2,150px);
  gap:12px;
}
.about-exhibition-section .about-gallery-grid figure{
  border-radius:10px;
  border:1px solid #d8e4f2;
  box-shadow:0 4px 12px rgba(24,74,134,.08);
}
.about-exhibition-section .about-gallery-grid img{
  height:100%;
  aspect-ratio:auto;
}
.about-exhibition-section .about-gallery-grid figure:nth-child(1){
  grid-column:1/3;
  grid-row:1/3;
}
.about-exhibition-section .about-gallery-grid figure:nth-child(2){
  grid-column:3/5;
  grid-row:1/2;
}
.about-exhibition-section .about-gallery-grid figure:nth-child(3){
  grid-column:5/7;
  grid-row:1/2;
}
.about-exhibition-section .about-gallery-grid figure:nth-child(4){
  grid-column:3/4;
  grid-row:2/3;
}
.about-exhibition-section .about-gallery-grid figure:nth-child(5){
  grid-column:4/6;
  grid-row:2/3;
}
.about-exhibition-section .about-gallery-grid figure:nth-child(6){
  grid-column:6/7;
  grid-row:2/3;
}
.about-workshop-section{
  background:#fff;
  border:1px solid #e4ebf4;
  border-radius:10px;
  padding:34px 32px;
  box-shadow:0 6px 16px rgba(24,56,94,.06);
}
.about-workshop-section .about-gallery-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:130px 130px 180px;
  gap:12px;
}
.about-workshop-section .about-gallery-grid figure{
  border-radius:14px;
  border:0;
  box-shadow:0 8px 20px rgba(24,56,94,.14);
  background:#fff;
  transition:transform .24s ease, box-shadow .24s ease;
  overflow:hidden;
}
.about-workshop-section .about-gallery-grid img{
  height:100%;
  aspect-ratio:auto;
}
.about-workshop-section .about-gallery-grid figure:nth-child(1){
  grid-column:1/3;
  grid-row:1/3;
}
.about-workshop-section .about-gallery-grid figure:nth-child(2){
  grid-column:3/5;
  grid-row:1/2;
}
.about-workshop-section .about-gallery-grid figure:nth-child(3){
  grid-column:5/7;
  grid-row:1/2;
}
.about-workshop-section .about-gallery-grid figure:nth-child(4){
  grid-column:3/4;
  grid-row:2/3;
}
.about-workshop-section .about-gallery-grid figure:nth-child(5){
  grid-column:4/5;
  grid-row:2/3;
}
.about-workshop-section .about-gallery-grid figure:nth-child(6){
  grid-column:5/7;
  grid-row:2/3;
}
.about-workshop-section .about-gallery-grid figure:nth-child(7){
  grid-column:1/4;
  grid-row:3/4;
}
.about-workshop-section .about-gallery-grid figure:nth-child(8){
  grid-column:4/7;
  grid-row:3/4;
}
.about-delivery-section{
  background:#fff;
  border:1px solid #e4ebf4;
  border-radius:10px;
  padding:34px 32px;
  box-shadow:0 6px 16px rgba(24,56,94,.06);
}
.about-delivery-section .about-gallery-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:none;
  gap:16px;
}
.about-delivery-section .about-gallery-grid figure{
  border-radius:14px;
  border:0;
  box-shadow:0 8px 20px rgba(24,56,94,.14);
  background:#fff;
  transition:transform .24s ease, box-shadow .24s ease;
  overflow:hidden;
}
.about-delivery-section .about-gallery-grid img{
  width:100%;
  height:auto;
  aspect-ratio:4 / 3;
  object-fit:cover;
  display:block;
  background:transparent;
}
.about-workshop-section .about-gallery-grid figure:hover,
.about-delivery-section .about-gallery-grid figure:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(24,56,94,.2);
}
.about-culture-block.ab-culture{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
  position:relative;
  overflow:visible;
}
.about-culture-block.ab-culture:before{
  content:'';
  position:absolute;
  top:-80px;
  right:-80px;
  width:500px;
  height:500px;
  background:radial-gradient(circle,rgba(0,102,204,.06) 0%,transparent 65%);
  border-radius:50%;
  pointer-events:none;
  display:none;
}
.about-culture-block.ab-culture:after{
  content:'';
  position:absolute;
  bottom:-80px;
  left:-80px;
  width:400px;
  height:400px;
  background:radial-gradient(circle,rgba(0,102,204,.04) 0%,transparent 65%);
  border-radius:50%;
  pointer-events:none;
  display:none;
}
.about-culture-block .about-block-head{
  position:relative;
  z-index:1;
  margin-bottom:20px;
}
.about-culture-block .about-block-head p{
  color:#9aa6b5;
  letter-spacing:1.6px;
}
.about-culture-block .about-block-head h2{
  color:#1f2c3d;
}
.about-culture-block .ab-cul-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.about-culture-block .ab-cul-item{
  margin:0;
  background:#fff;
  border:1px solid #e4ebf6;
  border-radius:20px;
  padding:48px 24px 36px;
  text-align:center;
  position:relative;
  overflow:hidden;
  animation:aboutCultureCardIn .5s ease both;
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease, background .32s ease;
  box-shadow:0 4px 20px rgba(0,40,120,.06);
}
.about-culture-block .ab-cul-item:nth-child(1){animation-delay:.04s;}
.about-culture-block .ab-cul-item:nth-child(2){animation-delay:.1s;}
.about-culture-block .ab-cul-item:nth-child(3){animation-delay:.16s;}
.about-culture-block .ab-cul-item:nth-child(4){animation-delay:.22s;}
.about-culture-block .ab-cul-item:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,#0066cc,#4a90d9);
  transform:scaleX(0);
  transform-origin:left;
  opacity:.95;
  transition:transform .35s ease, opacity .35s ease;
}
.about-culture-block .ab-cul-item:hover{
  transform:translateY(-8px);
  border-color:#c6daf3;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 14px 30px rgba(0,40,120,.14);
}
.about-culture-block .ab-cul-item:hover:before{
  transform:scaleX(1);
}
.about-culture-block .ab-cul-item .cul-bg-num{
  position:absolute;
  right:-8px;
  bottom:-16px;
  font-size:100px;
  font-weight:900;
  color:rgba(0,102,204,.04);
  font-family:Arial,sans-serif;
  line-height:1;
  user-select:none;
  transition:transform .32s ease, color .32s ease;
}
.about-culture-block .ab-cul-item:hover .cul-bg-num{
  color:rgba(0,102,204,.1);
  transform:translateY(-4px) scale(1.03);
}
.about-culture-block .ab-cul-item .cul-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(135deg,#e8f0ff,#c8dcff);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 24px;
  font-size:22px;
  font-weight:900;
  color:#0066cc;
  font-family:Arial,sans-serif;
  transition:transform .32s ease, box-shadow .32s ease, background .32s ease;
}
.about-culture-block .ab-cul-item:hover .cul-icon{
  animation:aboutCultureIconPop .65s ease both;
  background:linear-gradient(135deg,#d8e8ff,#b9d6ff);
  box-shadow:0 8px 18px rgba(0,102,204,.24);
}
.about-culture-block .ab-cul-item .cul-zh{
  margin:0 0 8px;
  font-size:24px;
  font-weight:800;
  color:#1a1a2e;
  letter-spacing:3px;
  line-height:1.2;
  transition:color .28s ease;
}
.about-culture-block .ab-cul-item .cul-en{
  margin:0 0 16px;
  font-size:12px;
  color:#4a90d9;
  text-transform:uppercase;
  letter-spacing:3px;
  line-height:1.2;
  font-weight:500;
}
.about-culture-block .ab-cul-item .cul-desc{
  margin:0;
  font-size:13px;
  color:#888;
  line-height:1.8;
  transition:color .28s ease;
}
.about-culture-block .ab-cul-item:hover .cul-zh{
  color:#154b88;
}
.about-culture-block .ab-cul-item:hover .cul-desc{
  color:#647a95;
}
@keyframes aboutCultureCardIn{
  from{opacity:.01}
  to{opacity:1}
}
@keyframes aboutCultureIconPop{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,102,204,.3)}
  50%{transform:scale(1.1);box-shadow:0 0 0 10px rgba(0,102,204,0)}
}
.solution-section{
  background:#dce1e7;
  padding:0;
}
.solution-section .container{
  width:100%;
  max-width:none;
}
.solution-ref-section{
  padding:56px 0 60px;
}
.solution-ref-section>*{
  width:min(1200px,calc(100% - 32px));
  margin-left:auto;
  margin-right:auto;
}
.solution-ref-featured{
  background:#f1f2f4;
}
.solution-ref-safety{
  background:#fff;
  padding-top:20px;
}
.solution-ref-scene{
  position:relative;
  overflow:hidden;
  background:#fff;
}
.solution-ref-scene:before{
  content:'';
  position:absolute;
  left:50%;
  top:26px;
  transform:translateX(-50%);
  width:calc(100% - 16px);
  max-width:1260px;
  height:1px;
  background:linear-gradient(90deg,rgba(36,92,169,0),rgba(36,92,169,.32),rgba(36,92,169,0));
  pointer-events:none;
}
.solution-ref-scene>.solution-ref-head,
.solution-ref-scene>.solution-scene-tabs,
.solution-ref-scene>.solution-scene-wrap{
  width:min(1260px,calc(100% - 20px));
}
.solution-ref-scene .solution-ref-head h2,
.solution-ref-safety .solution-ref-head h2{
  color:#333;
  font-size:30px;
  letter-spacing:0;
}
.solution-ref-scene .solution-ref-head p,
.solution-ref-safety .solution-ref-head p{
  color:#99a8b9;
  font-size:14px;
  letter-spacing:1.6px;
}
.solution-scene-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border:1px solid #c8d8ef;
  margin:0 auto 18px;
  border-radius:14px;
  overflow:hidden;
  background:#f7faff;
  box-shadow:0 10px 22px rgba(20,56,108,.09);
}
.solution-scene-tabs span{
  height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
  color:#4a6385;
  font-weight:700;
  border:none;
  border-right:1px solid #d7e2f1;
  border-radius:0;
  background:#fff;
  box-shadow:none;
  cursor:pointer;
  user-select:none;
  transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.solution-scene-tabs span:last-child{
  border-right:none;
}
.solution-scene-tabs span:hover{
  color:#2b4f82;
  background:#edf4ff;
}
.solution-scene-tabs span.active{
  background:#076ce0;
  color:#fff;
  box-shadow:inset 0 -2px 0 rgba(255,255,255,.2);
  transform:none;
}
.solution-scene-tabs span.active:after{
  display:none;
}
.solution-scene-wrap{
  display:grid;
  grid-template-columns:minmax(0,52%) minmax(0,44%);
  gap:3%;
  align-items:stretch;
  padding:18px 16px 16px;
  border-radius:20px;
  background:#fff;
  border:1px solid #c8d8ee;
  box-shadow:0 14px 28px rgba(18,50,99,.1);
}
.solution-scene-photo,
.solution-scene-side{
  position:relative;
  border-radius:16px;
}
.solution-scene-photo{
  display:block;
  background:transparent;
  border:0;
  box-shadow:0 8px 20px rgba(24,56,94,.14);
  padding:0;
  aspect-ratio:3/2;
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease;
}
.solution-scene-photo:after{
  display:none;
}
.solution-scene-photo img{
  width:100%;
  height:100%;
  max-height:none;
  min-height:0;
  border-radius:inherit;
  object-fit:cover;
  display:block;
  cursor:pointer;
  transition:transform .28s ease,filter .28s ease;
}
.solution-scene-photo:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(24,56,94,.2);
}
.solution-scene-photo:hover img,
.solution-scene-photo img:hover{
  transform:scale(1.04);
  filter:brightness(1.03);
}
.solution-scene-side{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  align-self:stretch;
}
.solution-scene-side .solution-scene-panel{
  display:flex;
  flex-direction:column;
}
.solution-scene-side .solution-scene-panel:last-child{
  flex:1 1 auto;
}
.solution-scene-panel{
  background:#fff;
  border:1px solid #d1deef;
  border-radius:12px;
  padding:20px 18px;
  box-shadow:0 4px 10px rgba(17,47,93,.05);
  transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;
}
.solution-scene-panel:hover{
  transform:translateY(-2px);
  border-color:#b9cfee;
  box-shadow:0 10px 18px rgba(17,47,93,.1);
}
.solution-scene-panel h3{
  margin:0 0 10px;
  color:#2b446a;
  font-size:24px;
  line-height:1.25;
  font-weight:700;
}
.solution-scene-panel p{
  margin:0;
  color:#5f7491;
  font-size:14px;
  line-height:1.85;
}
.solution-scene-check{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.solution-scene-check li{
  position:relative;
  margin:0;
  padding:12px 14px 12px 34px;
  border:1px solid #d4e3f6;
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 10px rgba(16,45,92,.06);
  transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease;
}
.solution-scene-check li:last-child{
  margin-bottom:0;
}
.solution-scene-check li:last-child:nth-child(odd){
  grid-column:1 / -1;
}
.solution-scene-check li:hover{
  transform:translateY(-1px);
  border-color:#c4d8f4;
  box-shadow:0 8px 14px rgba(16,45,92,.1);
}
.solution-scene-check li:before{
  content:'✓';
  position:absolute;
  left:12px;
  top:13px;
  color:#1d72d6;
  font-size:12px;
  font-weight:700;
}
.solution-scene-check strong{
  display:block;
  margin-bottom:5px;
  color:#333;
  font-size:17px;
  line-height:1.2;
  font-weight:700;
}
.solution-scene-check span{
  display:block;
  color:#6f8096;
  font-size:13px;
  line-height:1.72;
}
.solution-ref-head{
  text-align:center;
  margin-bottom:30px;
}
.solution-ref-head h2{
  margin:0;
  font-size:42px;
  line-height:1.2;
  color:#1f2733;
  font-weight:700;
  letter-spacing:1px;
}
.solution-ref-head p{
  margin:8px 0 0;
  font-size:12px;
  color:#9ea5ae;
  letter-spacing:1px;
}
.solution-ref-featured .solution-ref-head{
  margin-bottom:38px;
}
.solution-ref-page.solution-anim-ready .solution-anim-item{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .6s ease,transform .6s cubic-bezier(.25,.46,.45,.94);
}
.solution-ref-page.solution-anim-ready .solution-anim-item.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}
.solution-ref-page.solution-anim-ready .solution-scene-panel.solution-anim-item{
  transition:opacity .35s ease,transform .12s cubic-bezier(.25,.46,.45,.94),border-color .12s ease,box-shadow .12s ease;
}
.solution-ref-page.solution-anim-ready .solution-scene-panel.solution-anim-item.is-visible:hover{
  transform:translate3d(0,-2px,0);
}
.solution-ref-page.solution-anim-ready .solution-feature-intro.solution-anim-item{
  transition:opacity .35s ease,transform .14s cubic-bezier(.25,.46,.45,.94),box-shadow .16s ease,border-color .16s ease,background-color .16s ease;
}
.solution-ref-page.solution-anim-ready .solution-feature-intro.solution-anim-item:hover,
.solution-ref-page.solution-anim-ready .solution-feature-intro.solution-anim-item.is-visible:hover{
  transform:translate3d(0,-6px,0);
}
.solution-ref-page.solution-anim-ready .solution-anim-item[data-anim-delay="1"]{transition-delay:.04s}
.solution-ref-page.solution-anim-ready .solution-anim-item[data-anim-delay="2"]{transition-delay:.1s}
.solution-ref-page.solution-anim-ready .solution-anim-item[data-anim-delay="3"]{transition-delay:.16s}
.solution-ref-page.solution-anim-ready .solution-anim-item[data-anim-delay="4"]{transition-delay:.22s}
.solution-ref-page.solution-anim-ready .solution-anim-item[data-anim-delay="5"]{transition-delay:.28s}
.solution-ref-page.solution-anim-ready .solution-scene-panel.solution-anim-item[data-anim-delay]{
  transition-delay:0s;
}
.solution-ref-page.solution-anim-ready .solution-feature-intro.solution-anim-item[data-anim-delay]{
  transition-delay:0s;
}
.solution-feature-intro{
  position:relative;
  margin:0 auto 26px;
  background:#fff;
  border:1px solid #d6e3f6;
  border-left:5px solid #2f7fdd;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(16,45,92,.08);
  padding:22px 24px 18px;
  overflow:visible;
  transition:transform .2s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease;
}
.solution-feature-intro:before{
  display:none;
}
.solution-feature-intro:after{
  display:none;
}
.solution-feature-intro:hover{
  transform:translate3d(0,-6px,0);
  border-color:#bfd5f3;
  border-left-color:#1f72d6;
  box-shadow:0 16px 30px rgba(16,45,92,.14);
  background:#fcfeff;
}
.solution-feature-intro p{
  margin:0 0 8px;
  color:#4c607c;
  font-size:15px;
  line-height:1.9;
  text-indent:0;
  position:relative;
  z-index:1;
}
.solution-feature-intro p:last-child{
  margin-bottom:0;
}
.solution-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.solution-feature-card{
  position:relative;
  background:transparent;
  border:none;
  border-radius:0;
  padding:0;
  box-shadow:none;
  transition:none;
}
.solution-feature-card:hover{
  transform:none;
  box-shadow:none;
}
.solution-feature-img{
  position:relative;
  width:74%;
  height:60px;
  min-height:60px;
  margin:213px auto 24px;
  overflow:visible;
  background:linear-gradient(90deg,#1d72d6 0%,#3286e8 52%,#1d72d6 100%);
  border-radius:12px;
  box-shadow:0 12px 22px rgba(14,53,108,.26);
}
.solution-feature-img:after{
  content:'';
  position:absolute;
  left:23%;
  right:23%;
  bottom:-10px;
  height:16px;
  border-radius:999px;
  background:rgba(6,26,65,.28);
  filter:blur(6px);
  pointer-events:none;
}
.solution-feature-card:hover .solution-feature-img{
  transform:none;
  box-shadow:0 12px 22px rgba(14,53,108,.26);
}
.solution-feature-img img{
  position:absolute;
  left:50%;
  top:auto;
  bottom:-40%;
  width:130%;
  max-width:427px;
  height:295px;
  object-fit:contain;
  display:block;
  cursor:default;
  z-index:2;
  transform-origin:50% 100%;
  filter:drop-shadow(0 14px 18px rgba(7,30,69,.48));
  transform:translateX(-37%) rotate(-20deg);
  transition:transform .28s ease,filter .28s ease;
}
.solution-feature-card:hover .solution-feature-img img,
.solution-feature-img img:hover{
  transform:translateX(-37%) translateY(-8px) rotate(-20deg);
  filter:drop-shadow(0 18px 22px rgba(7,30,69,.52));
}
.solution-feature-card:nth-child(1) .solution-feature-img img{
  bottom:-30%;
}
.solution-feature-card h3{
  margin:12px 0 8px;
  font-size:20px;
  line-height:1.3;
  color:#2b313a;
  font-weight:600;
  text-align:center;
}
.solution-feature-line{
  display:block;
  width:30px;
  height:3px;
  background:#1d72d6;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
}
.solution-feature-card p{
  margin:0;
  color:#727982;
  font-size:13px;
  line-height:1.85;
}
.solution-feature-meta{
  margin-top:10px;
  color:#9aa2ac;
  font-size:12px;
  line-height:1.7;
}
.solution-safety-grid{
  display:block;
}
.solution-safety-flow{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  position:relative;
}
.solution-safety-row{
  position:relative;
  z-index:0;
  display:block;
  min-height:320px;
  padding:0;
  border-radius:12px;
  overflow:hidden;
}
.solution-safety-row:before{
  display:none;
}
.solution-safety-row:nth-child(even):before{
  display:none;
}
.solution-safety-row.is-reverse{
  flex-direction:initial;
}
.solution-safety-row.is-reverse .solution-safety-media{
  order:initial;
}
.solution-safety-row.is-reverse .solution-safety-copy{
  order:initial;
}
.solution-safety-media{
  flex:none;
  position:relative;
  width:100%;
  min-height:320px;
  border-radius:inherit;
  border:none;
  box-shadow:none;
  background:#dfe6f0;
  overflow:hidden;
}
.solution-safety-media:after{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(6,18,36,.2);
  pointer-events:none;
  transition:background .3s ease;
}
.solution-safety-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:brightness(.8);
  display:block;
  transition:transform .35s ease, filter .35s ease;
}
.solution-safety-row:hover .solution-safety-media img{
  transform:scale(1.04);
  filter:brightness(.72);
}
.solution-safety-row:hover .solution-safety-media:after{
  background:rgba(6,18,36,.28);
}
.solution-safety-media.is-empty{
  position:relative;
}
.solution-safety-media.is-empty:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(145deg,#eef3f9,#e2e9f3);
}
.solution-safety-copy{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:20px 16px;
  text-align:center;
  background:linear-gradient(180deg,rgba(8,20,39,.24) 0%,rgba(8,20,39,.48) 100%);
}
.solution-safety-copy h3{
  margin:0;
  color:#fff;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
}
.solution-safety-copy h3:after{
  content:'';
  display:block;
  width:36px;
  height:2px;
  margin-top:10px;
  margin-bottom:12px;
  margin-left:auto;
  margin-right:auto;
  border-radius:2px;
  background:rgba(255,255,255,.92);
}
.solution-safety-copy p{
  margin:0 0 4px;
  color:rgba(255,255,255,.92);
  font-size:13px;
  line-height:1.65;
  text-align:center;
}
.solution-safety-copy p:last-child{
  margin-bottom:0;
}
.solution-advantage-box{
  margin-top:0;
  margin-bottom:50px;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  padding:0;
}
.solution-advantage-head{
  margin-bottom:16px;
}
.solution-ref-safety>.solution-ref-head{
  margin-bottom:22px;
}
.solution-advantage-list{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:solutionAdvantageNum;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.solution-advantage-list li{
  counter-increment:solutionAdvantageNum;
  position:relative;
  min-height:164px;
  padding:62px 16px 24px;
  border:1px solid rgba(255,255,255,.2);
  background:linear-gradient(135deg,#234b93 0%,#2f62b2 100%);
  background-size:170% 170%;
  background-position:0% 50%;
  border-radius:12px;
  box-shadow:0 8px 16px rgba(18,49,98,.18);
  color:#fff;
  text-align:center;
  font-size:30px;
  line-height:1.25;
  font-weight:700;
  overflow:hidden;
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease,background-position .72s ease;
  animation:solutionAdvantageGradient 8s ease-in-out infinite;
}
.solution-advantage-list li:before{
  content:counter(solutionAdvantageNum,decimal-leading-zero);
  position:absolute;
  left:18px;
  top:12px;
  color:rgba(102,141,206,.28);
  font-size:56px;
  line-height:1;
  font-weight:800;
  letter-spacing:1px;
  font-family:Arial,sans-serif;
  transition:transform .32s ease,color .32s ease;
}
.solution-advantage-list li:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.22) 50%,rgba(255,255,255,0) 68%);
  transform:translateX(-130%);
  opacity:0;
  pointer-events:none;
  transition:transform .62s ease,opacity .28s ease;
}
.solution-advantage-list li:hover{
  transform:translateY(-6px);
  border-color:rgba(255,255,255,.38);
  box-shadow:0 14px 26px rgba(18,49,98,.28);
  background-position:100% 50%;
}
.solution-advantage-list li:hover:before{
  color:rgba(190,220,255,.45);
  transform:translateY(-2px) scale(1.03);
}
.solution-advantage-list li:hover:after{
  opacity:1;
  transform:translateX(130%);
}
.solution-advantage-list li:nth-child(3n+2){
  background:linear-gradient(135deg,#2e5ba8 0%,#3e74c1 100%);
}
.solution-advantage-list li:nth-child(3n+3){
  background:linear-gradient(135deg,#204985 0%,#2b59a0 100%);
}
@keyframes solutionAdvantageGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
.solution-ref-bottom{
  background:#f1f2f4;
  padding:40px 0 64px;
}
.solution-bottom-note{
  position:relative;
  background:linear-gradient(135deg,#ecf4ff 0%,#e2eeff 100%);
  border:1px solid #bfd5f4;
  border-left:6px solid #1d72d6;
  border-radius:12px;
  box-shadow:0 10px 22px rgba(17,47,93,.12);
  padding:20px 22px 18px 68px;
  overflow:hidden;
}
.solution-bottom-note:before{
  content:'!';
  position:absolute;
  left:22px;
  top:18px;
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(145deg,#1d72d6,#3f92ef);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:1;
  font-weight:700;
  box-shadow:0 8px 16px rgba(22,82,157,.26);
}
.solution-bottom-note p{
  margin:0;
  color:#425a7b;
  font-size:15px;
  line-height:1.9;
}
.solution-bottom-note-line{
  white-space:nowrap;
}
.solution-text-alert{
  color:#c62828;
  font-weight:700;
  padding:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  text-decoration:none;
}
.solution-bottom-note p+p{
  margin-top:7px;
  padding-top:0;
  border-top:none;
}
.solution-bottom-note p:last-child{
  margin-bottom:0;
}
@media (prefers-reduced-motion: reduce){
  .solution-ref-page.solution-anim-ready .solution-anim-item{
    opacity:1;
    transform:none;
    transition:none;
  }
  .solution-feature-card,
  .solution-feature-img,
  .solution-feature-intro,
  .solution-scene-panel,
  .solution-safety-card{
    transition:none;
  }
  .solution-advantage-list li,
  .solution-advantage-list li:before,
  .solution-advantage-list li:after{
    transition:none;
    animation:none;
  }
  .solution-feature-img img,
  .solution-scene-photo img{
    transition:none;
    animation:none;
  }
  .solution-feature-card:hover,
  .solution-feature-intro:hover,
  .solution-scene-panel:hover,
  .solution-safety-card:hover{
    transform:none;
  }
  .solution-feature-intro:after{
    display:none;
  }
  .solution-feature-img img:hover,
  .solution-scene-photo img:hover{
    transform:none;
  }
  .solution-advantage-list li:hover{
    transform:none;
    border-color:rgba(255,255,255,.2);
    box-shadow:0 8px 16px rgba(18,49,98,.18);
    background-position:0% 50%;
  }
  .solution-advantage-list li:hover:before,
  .solution-advantage-list li:hover:after{
    transform:none;
    opacity:0;
  }
  .solution-feature-card:hover .solution-feature-img{
    box-shadow:none;
  }
  body.is-home .site-tel-info{line-height:1}
  .solution-image-click{
    animation:none;
  }
}
.contact-info-item{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}
.contact-icon{
  width:40px;
  height:40px;
  border-radius:50%;
  background:#dbeafe;
  color:var(--primary);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.contact-label{
  color:var(--muted);
  font-size:12px;
}
.contact-val{
  color:#0f172a;
  font-size:15px;
  font-weight:700;
}
.contact-form{
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  padding:20px;
}
.form-row2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.form-group{margin-bottom:12px}
.form-label{
  display:block;
  margin-bottom:6px;
  color:#475569;
  font-size:13px;
}
.form-control{
  width:100%;
  border:1px solid var(--border);
  border-radius:8px;
  padding:10px 12px;
  font-size:14px;
  color:#334155;
}
.form-control:focus{
  outline:none;
  border-color:#93c5fd;
  box-shadow:0 0 0 3px rgba(147,197,253,.25);
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  border-radius:8px;
  border:1px solid transparent;
  font-size:14px;
  font-weight:600;
  transition:.2s;
  cursor:pointer;
}
.btn-primary{
  color:#fff;
  background:var(--primary);
}
.btn-primary:hover{background:var(--primary-dark)}
.btn-outline{
  color:#fff;
  border-color:#cbd5e1;
  background:transparent;
}
.btn-outline:hover{
  color:#0f172a;
  background:#fff;
}
.btn-sm{
  padding:8px 14px;
  font-size:13px;
}
.btn-block{width:100%}
.pager{
  margin-top:18px;
  display:flex;
  justify-content:center;
}
.pager ul{
  list-style:none;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.pager li a,
.pager li span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border:1px solid #e2e8f0;
  border-radius:4px;
  font-size:13px;
  font-weight:400;
  color:#64748b;
  background:#fff;
  box-shadow:none;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease;
}
.pager li a:hover{
  color:#1657b8;
  background:#f8fafc;
  border-color:#cfd8e3;
}
.pager li.active span{
  color:#fff;
  border-color:#1657b8;
  background:#1657b8;
  box-shadow:none;
}
.pager li.disabled span{
  color:#b3bcc9;
  border-color:#e6ebf2;
  background:#fff;
  box-shadow:none;
}
.footer-notice-bar{
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  background:#f8fafc;
}
.footer-notice-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 0;
  font-size:13px;
  color:#475569;
}
.footer-notice-left{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.footer-notice-right a{
  color:var(--primary);
}
.wp-footer{
  background:linear-gradient(180deg,#163f6f 0%,#102f56 100%);
  color:#d7e7fb;
  padding:40px 0 30px;
}
.wp-footer a{
  color:#d7e7fb;
  transition:color .25s;
}
.wp-footer a:hover{
  color:#ffffff;
}
.wp-footer-nav{
  margin-bottom:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.22);
  border-radius:4px;
  padding:14px 20px;
  text-align:center;
  font-size:0;
}
.wp-footer-nav a{
  display:inline-block;
  vertical-align:middle;
  font-size:14px;
  color:#e7f0ff;
  margin:0 18px;
  position:relative;
  transition:color .25s;
}
.wp-footer-nav a:not(:last-child):after{
  content:'|';
  position:absolute;
  right:-19px;
  color:rgba(229,239,255,.45);
  font-size:13px;
}
.wp-footer-body{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.wp-footer-body:before{
  content:'';
  flex:0 0 228px;
  align-self:center;
  width:228px;
  height:94px;
  background:var(--footer-logo-url,url('/dblogo.png')) center center/contain no-repeat;
  filter:brightness(1.08) contrast(1.1) saturate(1.12) drop-shadow(0 0 6px rgba(255,255,255,.14)) drop-shadow(0 3px 8px rgba(0,0,0,.27));
}
.wp-footer-info{
  flex:1;
  min-width:0;
}
.wp-footer-company{
  margin:0 0 6px;
  color:#eef5ff;
  font-size:16px;
  font-weight:700;
}
.wp-footer-info p{
  margin:5px 0 0;
  font-size:14px;
  line-height:1.7;
  color:#d7e7fb;
}
.wp-footer-info p a{
  color:#d7e7fb;
}
.wp-footer-info p a:hover{
  color:#ffffff;
}
.wp-footer-ewm{
  width:120px;
  flex:0 0 120px;
  text-align:center;
}
.wp-footer-ewm-img{
  width:100px;
  height:100px;
  margin:0 auto;
  background:rgba(255,255,255,.95);
  padding:4px;
}
.wp-footer-ewm-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.wp-footer-ewm-img.is-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#334564;
  font-size:13px;
  font-weight:600;
}
.wp-footer-ewm p{
  margin:8px 0 0;
  font-size:12px;
  color:#d7e7fb;
}
.mobile-bottom-nav{
  display:none;
}
@media (max-width:1100px){
  .site-logo img{height:62px}
  .site-slogan strong{font-size:19px}
  .site-slogan span{font-size:13px}
  .site-tel-info span{font-size:12px}
  .site-tel-info strong{font-size:24px}
  .site-tel-icon{
    width:40px;
    height:40px;
    font-size:20px;
  }
  .site-nav-list li a{padding:0 20px}
}
@media (max-width:992px){
  .site-topbar-inner{
    min-height:34px;
    padding:0;
  }
  .site-topbar-right{display:none}
  .site-topbar-left{
    font-size:12px;
    width:100%;
    text-align:center;
  }
  .site-slogan{display:none}
  .site-logo{
    border-right:none;
    padding-right:0;
    min-width:auto;
  }
  .site-tel{
    border-left:none;
    padding-left:0;
    margin-top:0;
    gap:4px;
  }
  .site-tel-info span{font-size:12px}
  .site-tel-info strong{font-size:22px}
  .site-tel-icon{
    width:34px;
    height:34px;
    font-size:18px;
    border-width:2px;
  }
  .site-nav-wrap{display:none}
  .mobile-menu-btn{display:flex}
  .site-mobile-menu{display:none}
  .grid-3,.case-grid,.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-right .list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .list-layout,.detail-layout{grid-template-columns:minmax(0,1fr)}
  .product-detail-layout{grid-template-columns:minmax(0,1fr)}
  .product-list-layout{grid-template-columns:minmax(0,1fr)}
  .product-detail-hero{
    grid-template-columns:1fr;
    gap:16px;
    padding:14px;
  }
  .product-thumb-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .product-detail-section-block{padding:22px 20px 14px}
  .product-detail-section-block > h3{
    padding:0 0 12px;
    font-size:18px;
  }
  .product-detail-section-body{padding:16px 0 0}
  .case-onepage-intro{
    padding:20px 18px;
  }
  .case-category-block{
    padding:16px;
  }
  .case-category-dual{
    grid-template-columns:1fr;
    gap:12px;
    padding:42px 0;
  }
  .case-category-grid,
  .case-category-grid-6,
  .case-category-grid-4,
  .case-category-grid-3,
  .case-category-grid-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }
  .case-category-grid-6 .case-card:first-child{
    grid-column:1/-1;
    grid-row:auto;
  }
  .case-card img{
    height:188px;
  }
  .case-redesign-page{
    gap:16px;
  }
  .case-r-hero{
    padding:18px 18px 14px;
    border-radius:10px;
    box-shadow:0 4px 12px rgba(15,39,78,.06);
  }
  .case-r-lead{
    font-size:26px;
  }
  .case-r-summary{
    font-size:14px;
    line-height:1.8;
  }
  .case-r-anchor-wrap{
    padding:10px 0 0;
    border-radius:0;
  }
  .case-r-anchor-title{
    margin-bottom:8px;
    font-size:12px;
  }
  .case-r-anchor-list{
    gap:9px;
  }
  .case-r-anchor-list a{
    height:31px;
    padding:0 11px;
    border-radius:8px;
  }
  .case-r-group{
    padding:18px;
    border-radius:12px;
    box-shadow:0 7px 18px rgba(15,39,78,.08);
  }
  .case-r-item{
    gap:8px;
  }
  .case-r-head-card{
    padding:12px 18px;
    border-radius:12px;
  }
  .case-r-group-wrap{
    grid-template-columns:1fr;
    gap:12px;
  }
  .case-r-head{
    margin:0;
    padding:0;
  }
  .case-r-head h3{
    font-size:20px;
  }
  .case-r-grid.is-4,
  .case-r-grid.is-3,
  .case-r-grid.is-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .case-r-card{
    border-radius:11px;
  }
  .case-r-card img{
    height:188px;
  }
  #case-neijinliu .case-r-card img{
    height:250px;
  }
  #case-kongban .case-r-card img{
    height:250px;
  }
  .case-r-grid.is-1 .case-r-card img{
    height:220px;
  }
  .case-r-card figcaption{
    padding:10px 11px;
    text-align:center;
  }
  .home-product-feature-strip{
    padding:26px 0;
  }
  .home-product-feature-strip .hpf-inner{
    width:100%;
    grid-template-columns:1fr;
    gap:18px;
    align-items:flex-start;
    padding:0;
  }
  .home-case-track .card-img{
    height:212px;
  }
  .home-news-grid .card-img{
    height:190px;
  }
  .home-case-col{
    flex:0 0 50%;
    max-width:50%;
  }
  .home-case-section{
    padding:52px 0 44px;
  }
  .home-advantage-section{
    padding-top:50px;
    padding-bottom:92px;
  }
  .home-block-header{
    margin-bottom:24px;
  }
  .home-block-en{
    font-size:13px;
    letter-spacing:2px;
  }
  .home-block-header .home-block-title{
    font-size:30px;
    margin:8px 0;
  }
  .home-block-note{
    font-size:12px;
    line-height:1.75;
  }
  .home-about-header{
    margin-bottom:14px;
    padding-left:16px;
  }
  .home-about-header:before{
    top:3px;
    width:3px;
    height:48px;
  }
  .idx-case-section{
    padding:56px 0;
  }
  .idx-case-title{
    margin-bottom:24px;
  }
  .idx-case-title strong{
    font-size:30px;
  }
  .idx-case-title p{
    margin-top:8px;
    letter-spacing:2px;
  }
  .idx-case-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .idx-case-ico{
    bottom:54px;
    width:46px;
    height:46px;
    margin-left:-23px;
  }
  .idx-case-ico:before{
    line-height:46px;
    font-size:26px;
  }
  .idx-case-text{
    height:54px;
  }
  .idx-case-text p{
    font-size:16px;
  }
  .product-detail-section-block > h3:before{
    width:3px;
    height:14px;
  }
  .home-about-wrap{
    grid-template-columns:1fr;
    gap:20px;
  }
  .home-about-media{
    min-height:300px;
  }
  .home-about-title{
    margin:8px 0 12px;
    font-size:30px;
  }
  .home-about-desc{
    font-size:14px;
    line-height:1.6;
    line-height:1.82;
  }
  .home-about-points{
    gap:8px 12px;
  }
  .home-about-points li{
    font-size:13px;
  }
  .advantage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:14px;
    row-gap:28px;
  }
  .advantage-header{
    margin-bottom:24px;
  }
  .advantage-header .home-block-title{
    margin-top:22px;
  }
  .adv-main-title{
    font-size:30px;
    margin-top:12px;
  }
  .advantage-card{
    padding:12px;
    gap:12px;
  }
  .adv-media{
    flex:0 0 84px;
    width:84px;
    min-height:84px;
  }
  .adv-media:before{
    width:52px;
    height:52px;
    top:-10px;
    right:-8px;
  }
  .adv-num{
    font-size:22px;
  }
  .adv-mark{
    font-size:11px;
    letter-spacing:1.2px;
  }
  .adv-title{
    font-size:16px;
    line-height:1.4;
    margin:0 0 6px;
  }
  .adv-desc{
    font-size:13px;
    line-height:1.68;
  }
  .hpf-left{max-width:none}
  .hpf-sub{
    letter-spacing:1px;
    font-size:12px;
    margin-bottom:10px;
  }
  .hpf-left h3{
    font-size:30px;
    line-height:1.34;
  }
  .hpf-desc{
    font-size:14px;
    line-height:1.8;
  }
  .hpf-right h3{
    font-size:30px;
    margin-bottom:12px;
  }
  .hpf-right h3 span{font-size:42px}
  .hpf-right ul{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }
  .hpf-right li{
    min-height:38px;
    font-size:13px;
    padding:0 8px;
    border-radius:8px;
  }
  .home-prod-cat-box{padding:0 8px 10px}
  .home-prod-cat-box .prod-cat-tit p{font-size:20px}
  .home-prod-cat-box .prod-cat-tit span{font-size:13px}
  .home-prod-cat-flat-list li a{font-size:15px}
  .product-left-col.home-cat-theme-4{display:none!important}
  .about-section{
    padding:30px 0 40px;
  }
  .about-page-wrap{
    gap:14px;
  }
  .about-block{
    padding:24px 20px;
  }
  .about-intro-grid{
    grid-template-columns:1fr;
    gap:20px;
  }
  .about-intro-cover img{
    height:300px;
  }
  .about-intro-thumbs img{
    height:102px;
  }
  .about-block-head h2{
    font-size:30px;
  }
  .about-company-desc{
    margin-top:12px;
    font-size:14px;
    line-height:1.9;
  }
  .about-company-points{
    margin-top:14px;
    column-gap:16px;
    row-gap:10px;
  }
  .about-company-points li{
    min-height:40px;
    padding:9px 12px 9px 40px;
    border-radius:9px;
    font-size:14px;
  }
  .about-company-points li:before{
    left:12px;
    width:18px;
    height:18px;
    margin-top:-9px;
    font-size:12px;
    line-height:18px;
  }
  .about-product-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .about-product-card{
    min-height:216px;
    padding:22px 20px 16px;
    border-radius:16px;
  }
  .about-product-copy{
    max-width:58%;
  }
  .about-product-copy h3{
    font-size:28px;
  }
  .about-product-copy p{
    margin-top:12px;
    font-size:15px;
    line-height:1.6;
  }
  .about-product-media{
    right:16px;
    bottom:8px;
    width:34%;
    max-width:188px;
  }
  .about-patent-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .about-patent-grid figcaption{
    font-size:13px;
  }
  .about-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .about-workshop-section,
  .about-delivery-section{
    background:#fff;
    border:1px solid #e4ebf4;
    border-radius:10px;
    border-left-width:5px;
    padding:24px 20px;
    box-shadow:0 5px 14px rgba(24,56,94,.06);
  }
  .about-exhibition-section .about-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(4,120px);
    gap:10px;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(1){
    grid-column:1/3;
    grid-row:1/3;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(2){
    grid-column:3/4;
    grid-row:1/2;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(3){
    grid-column:3/4;
    grid-row:2/3;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(4){
    grid-column:1/2;
    grid-row:3/4;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(5){
    grid-column:2/4;
    grid-row:3/4;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(6){
    grid-column:1/4;
    grid-row:4/5;
  }
  .about-workshop-section .about-gallery-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(4,108px);
    gap:10px;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(1){
    grid-column:1/3;
    grid-row:1/3;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(2){
    grid-column:3/5;
    grid-row:1/2;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(3){
    grid-column:3/5;
    grid-row:2/3;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(4){
    grid-column:1/2;
    grid-row:3/4;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(5){
    grid-column:2/3;
    grid-row:3/4;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(6){
    grid-column:3/4;
    grid-row:3/4;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(7){
    grid-column:4/5;
    grid-row:3/4;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(8){
    grid-column:1/5;
    grid-row:4/5;
  }
  .about-delivery-section .about-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    gap:10px;
  }
  .about-delivery-section .about-gallery-grid figure{
    border-radius:12px;
    border:0;
    box-shadow:0 7px 18px rgba(24,56,94,.12);
    background:#fff;
  }
  .about-culture-block.ab-culture{
    border-radius:0;
    padding:0;
  }
  .about-culture-block .about-block-head{
    margin-bottom:20px;
  }
  .about-culture-block .about-block-head h2{
    font-size:30px;
  }
  .about-culture-block .about-block-head p{
    letter-spacing:1.6px;
  }
  .about-culture-block .ab-cul-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .about-culture-block .ab-cul-item{
    border-radius:16px;
    padding:34px 18px 24px;
  }
  .about-culture-block .ab-cul-item .cul-bg-num{
    font-size:74px;
    right:-6px;
    bottom:-12px;
  }
  .about-culture-block .ab-cul-item .cul-icon{
    width:56px;
    height:56px;
    margin:0 auto 16px;
    font-size:18px;
  }
  .about-culture-block .ab-cul-item .cul-zh{
    font-size:20px;
    margin-bottom:6px;
    letter-spacing:2px;
  }
  .about-culture-block .ab-cul-item .cul-en{
    margin-bottom:12px;
    letter-spacing:2px;
  }
  .about-culture-block .ab-cul-item .cul-desc{
    font-size:13px;
    line-height:1.65;
  }
  .solution-ref-section{
    padding:42px 0 46px;
  }
  .solution-ref-safety{
    padding-top:16px;
  }
  .solution-ref-head{
    margin-bottom:22px;
  }
  .solution-ref-featured .solution-ref-head{
    margin-bottom:30px;
  }
  .solution-ref-head h2{
    font-size:34px;
  }
  .solution-feature-intro{
    margin:0 auto 20px;
    border-radius:12px;
    border-left-width:4px;
    padding:18px 16px 14px;
  }
  .solution-feature-intro:before{
    left:12px;
    top:-10px;
    height:20px;
    padding:0 9px;
    font-size:11px;
  }
  .solution-feature-intro p{
    font-size:14px;
    line-height:1.82;
  }
  .solution-ref-bottom{
    padding:30px 0 46px;
  }
  .solution-bottom-note{
    padding:15px 14px 13px 54px;
    border-radius:10px;
    border-left-width:5px;
  }
  .solution-bottom-note:before{
    left:16px;
    top:14px;
    width:24px;
    height:24px;
    font-size:13px;
  }
  .solution-bottom-note p{
    font-size:14px;
    line-height:1.82;
  }
  .solution-bottom-note p+p{
    margin-top:5px;
    padding-top:0;
  }
  .solution-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .solution-feature-card{
    padding:0;
  }
  .solution-feature-img{
    width:70%;
    height:56px;
    min-height:56px;
    margin:185px auto 20px;
  }
  .solution-feature-img:after{
    left:25%;
    right:25%;
  }
  .solution-feature-img img{
    width:130%;
    max-width:374px;
    height:257px;
    transform:translateX(-37%) rotate(-20deg);
  }
  .solution-feature-img img:hover{
    transform:translateX(-37%) translateY(-8px) rotate(-20deg);
  }
  .solution-ref-scene>.solution-ref-head,
  .solution-ref-scene>.solution-scene-tabs,
  .solution-ref-scene>.solution-scene-wrap{
    width:calc(100% - 20px);
  }
  .solution-ref-scene .solution-ref-head h2,
  .solution-ref-safety .solution-ref-head h2{
    font-size:27px;
  }
  .solution-ref-scene .solution-ref-head p,
  .solution-ref-safety .solution-ref-head p{
    font-size:13px;
    letter-spacing:1.4px;
  }
  .solution-scene-tabs{
    gap:0;
    margin-bottom:14px;
    border-radius:11px;
  }
  .solution-scene-tabs span{
    height:54px;
    font-size:15px;
    border-radius:0;
  }
  .solution-scene-tabs span.active{
    transform:none;
  }
  .solution-scene-wrap{
    grid-template-columns:1fr;
    gap:12px;
    padding:12px;
    border-radius:16px;
  }
  .solution-scene-photo{
    padding:0;
    border-radius:12px;
    aspect-ratio:auto;
  }
  .solution-scene-photo img{
    width:100%;
    height:100%;
    max-height:none;
    min-height:378px;
    border-radius:inherit;
  }
  .solution-scene-side{
    gap:8px;
    padding:0;
    border-radius:0;
  }
  .solution-scene-panel{
    padding:16px 14px;
    border-radius:12px;
  }
  .solution-scene-panel h3{
    font-size:21px;
  }
  .solution-scene-check strong{
    font-size:17px;
  }
  .solution-scene-check{
    gap:8px;
  }
  .solution-scene-check li{
    padding:11px 12px 11px 31px;
    border-radius:9px;
  }
  .solution-scene-check li:before{
    left:11px;
    top:12px;
    font-size:11px;
  }
  .solution-scene-check strong{
    font-size:16px;
  }
  .solution-scene-check span{
    font-size:13px;
    line-height:1.68;
  }
  .solution-safety-flow{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }
  .solution-safety-row,
  .solution-safety-row.is-reverse{
    flex-direction:initial;
    display:block;
    min-height:250px;
    gap:0;
    padding:0;
    border-radius:10px;
  }
  .solution-safety-media{
    flex:none;
    width:100%;
    min-height:250px;
    border-radius:10px;
  }
  .solution-safety-copy h3{
    font-size:19px;
  }
  .solution-safety-copy h3:after{
    width:30px;
    margin-top:8px;
    margin-bottom:10px;
  }
  .solution-safety-copy p{
    font-size:12px;
    line-height:1.6;
  }
  .solution-safety-copy{
    padding:16px 12px;
  }
  .solution-advantage-box{
    margin-top:0;
    margin-bottom:40px;
  }
  .solution-advantage-head{
    margin-bottom:12px;
  }
  .solution-ref-safety>.solution-ref-head{
    margin-bottom:18px;
  }
  .solution-advantage-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
  .solution-advantage-list li{
    min-height:148px;
    padding:56px 12px 20px;
    border-radius:10px;
    font-size:24px;
  }
  .solution-advantage-list li:before{
    left:12px;
    top:10px;
    font-size:46px;
  }
  .page-banner.page-banner-news{
    height:380px;
    min-height:380px;
    padding:0;
  }
  .news-layout{
    grid-template-columns:1fr;
    gap:18px;
  }
  .news-left{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .news-side-box{
    margin-bottom:0;
  }
  .news-side-title{
    padding:12px 14px 10px;
    font-size:16px;
  }
  .news-side-title span{
    margin-top:3px;
    font-size:11px;
    letter-spacing:1.2px;
  }
  .news-cat-list li a{
    font-size:14px;
  }
  .news-contact-list li{
    font-size:14px;
  }
  .news-contact-list li.phone{
    font-size:17px;
  }
  .news-page-title{
    font-size:18px;
  }
  .news-list-item{
    padding:16px;
  }
  .news-date-badge{
    width:52px;
  }
  .news-item-title{font-size:15px}
  .news-item-desc{font-size:13px}
  .news-detail-box{
    padding:22px 20px 26px;
  }
  .news-detail-title h1{
    font-size:18px;
  }
  .news-detail-meta{
    gap:14px;
  }
  .news-detail-body{
    font-size:14px;
  }
  .page-banner.page-banner-contact{
    min-height:240px;
    padding:84px 0;
  }
  .page-banner.page-banner-about .page-banner-caption-about{
    animation-duration:.75s;
  }
  .page-banner-caption{
    gap:8px;
    padding:14px 18px;
  }
  .page-banner-caption p{
    font-size:12px;
    letter-spacing:2px;
  }
  .page-banner-caption h1{
    font-size:32px;
  }
  .contact-page-wrap{
    padding:30px 24px 34px;
  }
  .contact-main-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .contact-info-panel h2{
    font-size:26px;
  }
  .contact-panel-desc{
    margin-top:14px;
    font-size:15px;
  }
  .contact-form-panel{
    padding-top:0;
  }
  .contact-submit-btn{
    min-width:210px;
  }
  .wp-footer-nav{
    text-align:left;
    padding:12px 14px;
  }
  .wp-footer-nav a{
    margin:4px 10px;
  }
  .wp-footer-nav a:not(:last-child):after{
    display:none;
  }
  .wp-footer-body{
    gap:16px;
  }
}
@media (max-width:768px){
  .container{width:calc(100% - 24px)}
  .site-head-main-inner{
    min-height:auto;
    padding:8px 0;
    flex-wrap:nowrap;
    column-gap:8px;
  }
  .site-logo img{height:46px}
  .site-tel{
    display:flex;
    order:3;
    flex:0 0 auto;
    margin-left:auto;
    margin-top:0;
    gap:6px;
  }
  .site-tel-icon{
    width:22px;
    height:22px;
    font-size:13px;
    box-shadow:none;
  }
  .site-tel-info span{display:none}
  .site-tel-info strong{
    font-size:17px;
    line-height:1;
    letter-spacing:0;
    font-family:inherit;
    white-space:nowrap;
  }
  .home-banner-track{height:220px}
  .hero{padding:50px 0}
  .hero-title{font-size:28px}
  .section{padding:44px 0}
  .section-title{font-size:25px}
  .page-banner{padding:34px 0}
  .page-banner.page-banner-news{
    height:220px;
    min-height:220px;
    padding:0;
  }
  .page-banner.page-banner-contact{
    min-height:190px;
    padding:64px 0;
  }
  .page-banner.page-banner-about{
    height:220px;
    min-height:220px;
    padding:0;
  }
  .page-banner.page-banner-about .page-banner-caption-about{
    animation-duration:.7s;
  }
  .page-banner-caption{
    gap:7px;
    padding:12px 14px;
    border-left-width:3px;
  }
  .page-banner-caption p{
    font-size:11px;
    letter-spacing:1.6px;
  }
  .page-banner-caption h1{
    font-size:26px;
  }
  .page-banner h1{font-size:26px}
  .case-onepage{
    gap:12px;
  }
  .case-onepage-intro{
    padding:14px 12px;
    border-radius:10px;
  }
  .case-onepage-en{
    font-size:11px;
    letter-spacing:1.4px;
  }
  .case-onepage-intro h2{
    margin:5px 0 8px;
    font-size:22px;
  }
  .case-onepage-intro p{
    font-size:13px;
    line-height:1.78;
  }
  .case-r-tags{
    display:none;
  }
  .case-r-anchor-wrap{
    padding:8px 0 0;
    border-radius:0;
  }
  .case-r-anchor-title{
    margin:0 0 7px;
    font-size:12px;
    line-height:1.4;
  }
  .case-anchor-list{
    margin-top:10px;
    margin-left:0;
    gap:8px;
  }
  .case-anchor-list a{
    height:30px;
    padding:0 10px;
    font-size:12px;
    border-radius:14px;
  }
  .case-category-block{
    padding:12px;
    border-radius:10px;
  }
  .case-category-head{
    margin-bottom:10px;
  }
  .case-category-head h3{
    font-size:17px;
  }
  .case-category-head span{
    font-size:12px;
  }
  .case-category-grid,
  .case-category-grid-6,
  .case-category-grid-4,
  .case-category-grid-3,
  .case-category-grid-2,
  .case-category-grid-1{
    grid-template-columns:1fr;
    gap:8px;
  }
  .case-category-grid-6 .case-card:first-child{
    grid-column:auto;
    grid-row:auto;
  }
  .case-card{
    border-radius:8px;
  }
  .case-card img{
    height:176px;
  }
  .case-card figcaption{
    padding:8px 10px;
    font-size:12px;
    text-align:center;
  }
  .case-redesign-page{
    gap:13px;
  }
  .case-r-hero{
    padding:14px 10px 12px;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(15,39,78,.06);
  }
  .case-r-lead{
    font-size:22px;
  }
  .case-r-summary{
    font-size:13px;
    line-height:1.75;
  }
  .case-r-anchor-list{
    margin-top:0;
    gap:7px;
  }
  .case-r-anchor-list a{
    height:29px;
    padding:0 9px;
    font-size:12px;
    border-radius:7px;
  }
  .case-r-group{
    padding:12px;
    border-radius:10px;
    box-shadow:0 5px 14px rgba(15,39,78,.08);
  }
  .case-r-item{
    gap:7px;
  }
  .case-r-head-card{
    padding:10px 12px;
    border-radius:10px;
  }
  .case-r-head{
    margin:0;
    padding:0;
  }
  .case-r-head h3{
    font-size:17px;
  }
  .case-r-head span{
    font-size:12px;
  }
  .case-r-grid,
  .case-r-grid.is-4,
  .case-r-grid.is-3,
  .case-r-grid.is-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .case-r-grid.is-1{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
  }
  #case-fanlao .case-r-grid,
  #case-fanlao .case-r-grid.is-3{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .case-r-card{
    border-radius:10px;
    border:1px solid #deebf7;
    box-shadow:0 6px 14px rgba(15,39,78,.1);
  }
  .case-r-card img,
  .case-r-grid.is-1 .case-r-card img{
    height:176px;
  }
  #case-neijinliu .case-r-card img{
    height:200px;
  }
  #case-kongban .case-r-card img{
    height:200px;
  }
  .case-r-card figcaption{
    padding:8px 10px;
    font-size:12px;
    text-align:center;
    color:#2f4664;
    background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
  }
  .about-section{
    padding:18px 0 28px;
  }
  .about-page-wrap{
    gap:10px;
  }
  .about-block{
    padding:14px 12px;
  }
  .about-intro-cover img{
    height:220px;
  }
  .about-intro-thumbs{
    gap:8px;
    margin-top:8px;
  }
  .about-intro-thumbs img{
    height:82px;
  }
  .about-block-head h2{
    font-size:24px;
  }
  .about-block-head-center{
    margin-bottom:14px;
  }
  .about-company-desc{
    margin-top:10px;
    font-size:13px;
    line-height:1.85;
  }
  .about-company-points{
    margin-top:12px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:8px;
    column-gap:8px;
  }
  .about-company-points li{
    min-height:36px;
    padding:8px 10px 8px 34px;
    border-radius:8px;
    font-size:13px;
  }
  .about-company-points li:before{
    left:10px;
    width:16px;
    height:16px;
    margin-top:-8px;
    font-size:11px;
    line-height:16px;
  }
  .about-highlight-layout{
    display:block;
    gap:10px;
  }
  .about-highlight-text{
    margin:0 0 12px;
    padding:0 0 12px;
    border-radius:0;
    text-align:left;
  }
  .about-highlight-text:before{
    display:none;
  }
  .about-highlight-text:after{
    width:58px;
    margin:10px 0 0;
  }
  .about-highlight-text p{
    max-width:none;
    font-size:16px;
    font-weight:400;
    line-height:1.85;
    padding:0;
    letter-spacing:.1px;
  }
  .about-highlight-text p + p{
    margin-top:6px;
  }
  .about-highlight-block{
    border-radius:8px;
    box-shadow:none;
  }
  .about-highlight-block:before{
    display:none;
  }
  .about-highlight-block:after{
    display:none;
  }
  .about-highlight-gallery{
    margin-top:0;
    padding-left:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .about-highlight-gallery figure{
    border-radius:8px;
    aspect-ratio:4 / 3;
  }
  .about-product-cards{
    grid-template-columns:1fr;
    gap:10px;
  }
  .about-product-card{
    min-height:172px;
    padding:18px 16px 12px;
    border-radius:14px;
  }
  .about-product-copy{
    max-width:64%;
  }
  .about-product-copy h3{
    font-size:28px;
  }
  .about-product-copy p{
    margin-top:10px;
    font-size:13px;
    line-height:1.5;
  }
  .about-product-media{
    right:10px;
    bottom:8px;
    width:35%;
    max-width:132px;
  }
  .about-patent-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .about-patent-grid figure{
    border-radius:8px;
  }
  .about-patent-grid img{
    padding:6px;
  }
  .about-patent-grid figcaption{
    padding:8px 8px 10px;
    font-size:12px;
    line-height:1.5;
  }
  .about-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .about-workshop-section,
  .about-delivery-section{
    background:#fff;
    border:1px solid #e4ebf4;
    border-radius:8px;
    padding:14px 12px;
    box-shadow:0 4px 12px rgba(24,56,94,.06);
  }
  .about-exhibition-section .about-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-rows:108px;
    gap:8px;
  }
  .about-exhibition-section .about-gallery-grid figure{
    border-radius:8px;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(1),
  .about-exhibition-section .about-gallery-grid figure:nth-child(2){
    grid-column:1/-1;
    grid-row:auto;
  }
  .about-exhibition-section .about-gallery-grid figure:nth-child(3),
  .about-exhibition-section .about-gallery-grid figure:nth-child(4),
  .about-exhibition-section .about-gallery-grid figure:nth-child(5),
  .about-exhibition-section .about-gallery-grid figure:nth-child(6){
    grid-column:auto;
    grid-row:auto;
  }
  .about-workshop-section .about-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-rows:auto;
    gap:8px;
  }
  .about-workshop-section .about-gallery-grid figure{
    border-radius:10px;
    border:0;
    box-shadow:0 6px 14px rgba(24,56,94,.12);
    background:#fff;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(1),
  .about-workshop-section .about-gallery-grid figure:nth-child(2){
    grid-column:1/-1;
    grid-row:auto;
  }
  .about-workshop-section .about-gallery-grid figure:nth-child(3),
  .about-workshop-section .about-gallery-grid figure:nth-child(4),
  .about-workshop-section .about-gallery-grid figure:nth-child(5),
  .about-workshop-section .about-gallery-grid figure:nth-child(6),
  .about-workshop-section .about-gallery-grid figure:nth-child(7),
  .about-workshop-section .about-gallery-grid figure:nth-child(8){
    grid-column:auto;
    grid-row:auto;
  }
  .about-delivery-section .about-gallery-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-rows:auto;
    gap:8px;
  }
  .about-delivery-section .about-gallery-grid figure{
    border-radius:10px;
    border:0;
    box-shadow:0 6px 14px rgba(24,56,94,.12);
    background:#fff;
  }
  .about-delivery-section .about-gallery-grid img{
    aspect-ratio:16 / 9;
  }
  .about-culture-block.ab-culture{
    border-radius:0;
    padding:0;
  }
  .about-culture-block .about-block-head{
    margin-bottom:14px;
  }
  .about-culture-block .about-block-head h2{
    font-size:24px;
    margin-bottom:0;
  }
  .about-culture-block .about-block-head p{
    font-size:12px;
    letter-spacing:1.6px;
  }
  .about-culture-block .ab-cul-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .about-culture-block .ab-cul-item{
    border-radius:12px;
    padding:22px 10px 16px;
  }
  .about-culture-block .ab-cul-item .cul-bg-num{
    font-size:48px;
    right:-4px;
    bottom:-8px;
  }
  .about-culture-block .ab-cul-item .cul-icon{
    width:40px;
    height:40px;
    margin:0 auto 10px;
    font-size:15px;
  }
  .about-culture-block .ab-cul-item .cul-zh{
    font-size:17px;
    margin-bottom:4px;
    letter-spacing:1px;
  }
  .about-culture-block .ab-cul-item .cul-en{
    margin-bottom:8px;
    font-size:10px;
    letter-spacing:1.4px;
  }
  .about-culture-block .ab-cul-item .cul-desc{
    font-size:12px;
    line-height:1.55;
  }
  .solution-ref-section{
    padding:28px 0 30px;
  }
  .solution-ref-safety{
    padding-top:10px;
  }
  .solution-ref-section>*{
    width:calc(100% - 24px);
  }
  .solution-ref-head{
    margin-bottom:16px;
  }
  .solution-ref-featured .solution-ref-head{
    margin-bottom:24px;
  }
  .solution-ref-head h2{
    font-size:28px;
  }
  .solution-ref-head p{
    margin-top:6px;
    font-size:11px;
  }
  .solution-feature-intro{
    margin:0 auto 16px;
    border-radius:10px;
    border-left-width:3px;
    padding:14px 10px 11px;
  }
  .solution-feature-intro:before{
    left:9px;
    top:-9px;
    height:18px;
    padding:0 8px;
    font-size:10px;
    box-shadow:none;
  }
  .solution-feature-intro p{
    font-size:13px;
    line-height:1.72;
    margin-bottom:6px;
  }
  .solution-ref-bottom{
    padding:24px 0 30px;
  }
  .solution-bottom-note{
    border-radius:9px;
    border-left-width:4px;
    padding:12px 10px 10px 40px;
  }
  .solution-bottom-note:before{
    left:12px;
    top:11px;
    width:18px;
    height:18px;
    font-size:11px;
    box-shadow:none;
  }
  .solution-bottom-note p{
    font-size:13px;
    line-height:1.72;
  }
  .solution-bottom-note-line{
    white-space:normal;
  }
  .solution-bottom-note p+p{
    margin-top:4px;
    padding-top:0;
  }
  .solution-feature-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .solution-feature-card{
    padding:0;
  }
  .solution-feature-img{
    width:74%;
    height:40px;
    min-height:40px;
    margin:116px auto 12px;
  }
  .solution-feature-img:after{
    left:22%;
    right:22%;
  }
  .solution-feature-img img{
    left:50%;
    bottom:-34%;
    width:130%;
    max-width:220px;
    height:168px;
    transform:translateX(-31%) rotate(-20deg);
  }
  .solution-feature-card:nth-child(1) .solution-feature-img img{
    bottom:-30%;
  }
  .solution-feature-img img:hover{
    transform:translateX(-31%) translateY(-6px) rotate(-20deg);
  }
  .solution-feature-card h3{
    font-size:13px;
    margin:8px 0 5px;
    line-height:1.4;
  }
  .solution-feature-card p{
    font-size:13px;
    line-height:1.75;
  }
  .solution-feature-meta{
    margin-top:8px;
    font-size:11px;
  }
  .solution-ref-scene>.solution-ref-head,
  .solution-ref-scene>.solution-scene-tabs,
  .solution-ref-scene>.solution-scene-wrap{
    width:calc(100% - 24px);
  }
  .solution-ref-scene .solution-ref-head h2,
  .solution-ref-safety .solution-ref-head h2{
    font-size:24px;
  }
  .solution-ref-scene .solution-ref-head p,
  .solution-ref-safety .solution-ref-head p{
    font-size:11px;
    letter-spacing:1.2px;
  }
  .solution-scene-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:10px;
    border:none;
    border-radius:0;
    overflow:visible;
    background:transparent;
    box-shadow:none;
  }
  .solution-scene-tabs span{
    height:40px;
    font-size:13px;
    border:1px solid #dfe7f2;
    border-bottom:1px solid #dfe7f2;
    border-radius:8px;
  }
  .solution-scene-tabs span:last-child{
    border-right:1px solid #dfe7f2;
    border-bottom:1px solid #dfe7f2;
  }
  .solution-scene-tabs span.active:after{
    display:none;
  }
  .solution-scene-tabs span.active{
    transform:none;
  }
  .solution-scene-wrap{
    grid-template-columns:1fr;
    gap:8px;
    padding:6px;
    border-radius:10px;
  }
  .solution-scene-photo{
    padding:0;
    border-radius:10px;
    aspect-ratio:auto;
  }
  .solution-scene-photo img{
    width:100%;
    height:100%;
    max-height:none;
    min-height:240px;
    border-radius:inherit;
  }
  .solution-scene-side{
    gap:7px;
    padding:0;
    border-radius:0;
  }
  .solution-scene-panel{
    padding:12px 10px;
    border-radius:10px;
  }
  .solution-scene-panel h3{
    font-size:17px;
    margin-bottom:8px;
  }
  .solution-scene-panel p{
    font-size:13px;
    line-height:1.72;
  }
  .solution-scene-check{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .solution-scene-check li{
    padding:10px 9px 10px 26px;
    margin:0;
    border-radius:8px;
  }
  .solution-scene-check li:last-child:nth-child(odd){
    grid-column:1 / -1;
  }
  .solution-scene-check li:before{
    left:9px;
    top:11px;
    width:auto;
    height:auto;
    box-shadow:none;
    font-size:11px;
  }
  .solution-scene-check strong{
    font-size:15px;
  }
  .solution-scene-check span{
    font-size:12px;
    line-height:1.8;
  }
  .solution-safety-flow{
    grid-template-columns:1fr;
    gap:10px;
  }
  .solution-safety-row,
  .solution-safety-row.is-reverse{
    min-height:220px;
    gap:0;
    padding:0;
  }
  .solution-safety-media{
    min-height:220px;
    border-radius:10px;
  }
  .solution-safety-copy h3{
    margin-bottom:0;
    font-size:18px;
  }
  .solution-safety-copy h3:after{
    width:28px;
    height:2px;
    margin-top:8px;
    margin-bottom:10px;
  }
  .solution-safety-copy p{
    margin-bottom:6px;
    font-size:12px;
    line-height:1.62;
  }
  .solution-safety-copy{
    padding:14px 12px;
  }
  .solution-advantage-box{
    margin-top:0;
    margin-bottom:30px;
  }
  .solution-advantage-head{
    margin-bottom:8px;
  }
  .solution-ref-safety>.solution-ref-head{
    margin-bottom:12px;
  }
  .solution-advantage-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .solution-advantage-list li{
    min-height:112px;
    padding:42px 10px 14px;
    border-radius:8px;
    font-size:18px;
  }
  .solution-advantage-list li:before{
    left:10px;
    top:8px;
    font-size:34px;
  }
  .solution-bottom-note{
    padding:11px 10px 10px 34px;
    border-radius:8px;
    border-left-width:3px;
  }
  .solution-bottom-note:before{
    left:10px;
    top:10px;
    width:16px;
    height:16px;
    font-size:10px;
    box-shadow:none;
  }
  .solution-bottom-note p{
    font-size:12px;
    line-height:1.66;
  }
  .solution-bottom-note p+p{
    margin-top:4px;
    padding-top:0;
  }
  .news-layout{
    gap:14px;
  }
  .news-left{
    display:block;
  }
  .news-layout:not(.product-news-layout):not(.product-detail-layout) .news-left{
    display:none;
  }
  .news-layout:not(.product-news-layout):not(.product-detail-layout) .news-right{
    width:100%;
  }
  .news-side-box{
    margin-bottom:12px;
  }
  .news-side-title{
    padding:10px 12px;
    font-size:15px;
  }
  .news-side-title span{
    font-size:11px;
    letter-spacing:1px;
  }
  .news-cat-list li a{
    padding:9px 12px;
    font-size:14px;
  }
  .news-contact-list{
    padding:10px 12px 0;
  }
  .news-contact-list li{
    font-size:13px;
    margin-bottom:8px;
  }
  .news-contact-list li.phone{
    font-size:16px;
  }
  .news-list{
    gap:0;
  }
  .news-list-item{
    gap:10px;
    padding:12px;
    border-radius:0;
  }
  .news-date-badge{
    width:46px;
  }
  .news-date-badge em{
    font-size:18px;
  }
  .news-item-title{
    margin-top:2px;
    font-size:14px;
    line-height:1.45;
  }
  .news-item-desc{
    margin-top:5px;
    font-size:13px;
    line-height:1.7;
    -webkit-line-clamp:2;
  }
  .news-detail-section{
    padding:20px 0 36px;
  }
  .news-detail-box{
    padding:16px 14px 22px;
  }
  .news-crumb-bar{
    min-height:36px;
    padding:0 10px;
    font-size:12px;
    line-height:1.5;
  }
  .news-crumb-bar .crumb-sep{
    margin:0 6px;
  }
  .news-detail-title{
    margin-bottom:16px;
    padding-bottom:12px;
  }
  .news-detail-title h1{
    font-size:16px;
    margin-bottom:8px;
  }
  .news-detail-meta{
    font-size:12px;
    gap:10px;
  }
  .news-detail-body{
    font-size:14px;
    line-height:1.8;
  }
  .news-detail-body p{
    margin:0 0 12px;
  }
  .news-detail-body h1{font-size:18px}
  .news-detail-body h2{font-size:16px}
  .news-detail-body h3{font-size:14px}
  .news-detail-body h4{font-size:14px}
  .news-detail-body h5{font-size:14px}
  .news-detail-body h6{font-size:13px}
  .news-detail-body h1,
  .news-detail-body h2,
  .news-detail-body h3,
  .news-detail-body h4,
  .news-detail-body h5,
  .news-detail-body h6{
    gap:7px;
    margin:12px 0 8px;
    padding:0;
    line-height:1.35;
  }
  .news-detail-body h1:before,
  .news-detail-body h2:before,
  .news-detail-body h3:before,
  .news-detail-body h4:before,
  .news-detail-body h5:before,
  .news-detail-body h6:before{
    width:3px;
    height:14px;
  }
  .news-detail-body blockquote{
    margin:0 0 12px;
    padding:8px 10px;
  }
  .news-detail-body hr{
    margin:12px 0;
  }
  .news-detail-body code{
    padding:1px 5px;
    font-size:12px;
  }
  .news-detail-body pre{
    margin:0 0 12px;
    padding:10px;
    font-size:12px;
    line-height:1.7;
  }
  .news-detail-body table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    margin:0 0 12px;
    font-size:12px;
  }
  .news-detail-body th,
  .news-detail-body td{
    padding:6px 8px;
    white-space:nowrap;
  }
  .news-detail-exp{
    display:block;
    margin-top:22px;
    padding-top:12px;
  }
  .news-detail-exp>div,
  .news-detail-exp .next{
    max-width:100%;
    width:100%;
    margin-left:0;
    text-align:left;
  }
  .news-detail-exp a,
  .news-detail-exp .no-link{
    min-height:0;
    padding:0;
    font-size:12px;
    line-height:1.8;
  }
  .contact-section{padding:20px 0 36px}
  .contact-page-wrap{padding:20px 14px 24px}
  .contact-main-grid{gap:20px}
  .contact-info-panel h2{
    font-size:24px;
    line-height:1.35;
  }
  .contact-panel-desc{
    margin-top:10px;
    font-size:13px;
    line-height:1.8;
  }
  .contact-detail-list{
    margin-top:12px;
  }
  .contact-detail-list li{
    gap:10px;
    padding:12px 0;
  }
  .contact-detail-icon{
    width:24px;
    height:24px;
  }
  .contact-detail-icon img{
    width:16px;
    height:16px;
  }
  .contact-detail-list p{
    font-size:14px;
  }
  .contact-form-row{
    grid-template-columns:1fr;
    gap:10px;
    margin-bottom:10px;
  }
  .contact-input{
    height:42px;
    font-size:14px;
    padding:0 12px;
  }
  .contact-textarea{
    min-height:108px;
    padding:10px 12px;
    font-size:14px;
  }
  .contact-required{
    right:10px;
    font-size:12px;
  }
  .contact-field-full{
    margin-bottom:12px;
  }
  .contact-submit-btn{
    width:100%;
    min-width:0;
    height:44px;
    font-size:16px;
    padding:0;
  }
  .grid-3,.grid-4,.case-grid,.list-grid,.contact-grid,.form-row2{grid-template-columns:1fr}
  .product-right .list-grid{grid-template-columns:1fr}
  .product-detail-layout .news-left.product-detail-left{display:none}
  .product-detail-layout .news-right.product-detail-right{width:100%}
  .product-news-layout .news-left{display:none}
  .product-news-layout .news-right{width:100%}
  .product-news-layout .product-right .list-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }
  .product-news-layout .product-right .card{
    border-radius:8px;
  }
  .product-news-layout .product-right .card-body{
    padding:8px 6px;
  }
  .product-news-layout .product-right .card-title{
    margin-bottom:0;
    font-size:12px;
    line-height:1.4;
  }
  .product-detail-hero{
    gap:10px;
    padding:10px;
    margin-bottom:12px;
  }
  .product-thumb-list{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
  }
  .product-thumb img{height:100%}
  .product-intro-col h1{
    margin-bottom:10px;
    font-size:20px;
  }
  .product-meta-list{gap:6px}
  .product-meta-list li{
    font-size:12px;
    padding:5px 8px;
  }
  .product-summary-box{
    margin-bottom:12px;
    padding:0;
    font-size:13px;
    line-height:1.75;
  }
  .product-intro-col{
    min-height:0;
  }
  .product-summary-kv{
    grid-template-columns:1fr;
    gap:0;
  }
  .product-summary-kv-item dd{
    min-height:0;
    padding:10px 0 10px 14px;
    border-radius:0;
    font-size:13px;
    line-height:1.62;
  }
  .product-summary-kv-item dd:before{
    content:'›';
    left:1px;
    font-size:14px;
    display:block;
  }
  .product-action-wrap{
    margin-top:10px;
    padding-top:0;
  }
  .product-action-row .btn{width:100%}
  .product-action-row{
    margin-top:0;
    padding-top:0;
  }
  .product-detail-section-list{gap:8px}
  .product-detail-section-block{padding:16px 14px 10px}
  .product-detail-section-block > h3{
    padding:0 0 10px;
    font-size:16px;
  }
  .product-detail-section-body{
    padding:12px 0 0;
    font-size:14px;
    line-height:1.8;
  }
  .product-detail-section-body p{
    margin:0 0 12px;
  }
  .product-detail-section-body ul,
  .product-detail-section-body ol{
    margin:0 0 12px 1.2em;
  }
  .product-detail-section-body li{
    margin:0 0 6px;
    padding-left:0;
  }
  .product-detail-section-body h1{font-size:18px}
  .product-detail-section-body h2{font-size:16px !important}
  .product-detail-section-body h3{font-size:14px !important}
  .product-detail-section-body h4{font-size:14px !important}
  .product-detail-section-body h5{font-size:14px}
  .product-detail-section-body h6{font-size:13px}
  .product-detail-section-body h2,
  .product-detail-section-body h3,
  .product-detail-section-body h4{
    margin:12px 0 8px !important;
    padding:6px 10px !important;
  }
  .product-detail-section-body h3,
  .product-detail-section-body h4{
    border-left:0 !important;
    padding-left:0 !important;
  }
  .product-detail-section-body blockquote{
    margin:0 0 12px;
    padding:8px 10px;
  }
  .product-detail-section-body hr{
    margin:12px 0;
  }
  .product-detail-section-body code{
    padding:1px 5px;
    font-size:12px;
  }
  .product-detail-section-body pre{
    margin:0 0 12px;
    padding:10px;
    font-size:12px;
    line-height:1.7;
  }
  .product-detail-section-body table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    margin:0 0 12px;
    font-size:12px;
  }
  .product-detail-section-body th,
  .product-detail-section-body td{
    padding:6px 8px;
    white-space:nowrap;
  }
  .product-detail-nav{margin-top:12px}
  .detail-nav{display:block}
  .detail-nav a{
    min-height:0;
    padding:0;
    font-size:12px;
    line-height:1.8;
  }
  .detail-nav a:last-child{text-align:left}
  .pager{margin-top:16px}
  .pager ul{gap:8px}
  .pager li a,
  .pager li span{
    min-width:32px;
    height:32px;
    padding:0 8px;
    border-radius:4px;
    font-size:12px;
  }
  .footer-notice-inner{flex-direction:column;align-items:flex-start}
  .wp-footer{
    padding:24px 0 16px;
  }
  .wp-footer-nav{
    display:none;
    text-align:center;
    margin-bottom:16px;
    padding:10px 14px;
    line-height:2;
  }
  .wp-footer-nav a{
    font-size:13px;
    margin:2px 8px;
  }
  .wp-footer-nav a:not(:last-child):after{
    display:none;
  }
  .wp-footer-ewm{
    display:none;
  }
  .wp-footer-body{
    display:block;
  }
  .wp-footer-body:before{
    display:none;
  }
  .wp-footer-info{
    text-align:center;
  }
  .wp-footer-info p{
    font-size:13px;
    line-height:1.85;
    margin:3px 0;
  }
  body.has-mobile-bottom-nav{
    padding-bottom:calc(64px + env(safe-area-inset-bottom));
  }
  .mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1200;
    display:flex;
    align-items:stretch;
    height:64px;
    padding-bottom:env(safe-area-inset-bottom);
    background:linear-gradient(180deg,#1b4f86 0%,#133d69 100%);
    box-shadow:0 -4px 12px rgba(8,31,62,.24);
  }
  .mobile-bottom-nav a{
    flex:1 1 25%;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    color:rgba(232,242,255,.82);
    font-size:11px;
    line-height:1.1;
    letter-spacing:.2px;
  }
  .mobile-bottom-nav a .ico{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
  }
  .mobile-bottom-nav a .ico svg{
    width:18px;
    height:18px;
    display:block;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .mobile-bottom-nav a.active{
    color:#fff;
    font-weight:600;
  }
  .mobile-bottom-nav a.active .ico{
    transform:translateY(-1px);
  }
  .home-product-feature-strip{display:none!important}
  .home-product-feature-strip:before{
    filter:brightness(.34) saturate(.95);
    transform:scale(1.05);
  }
  .home-product-feature-strip:after{
    background:linear-gradient(130deg,rgba(7,36,82,.94) 0%,rgba(20,86,171,.9) 55%,rgba(43,124,218,.82) 100%);
  }
  .home-product-feature-strip .container{
    border-radius:14px;
    padding:16px 12px;
    background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.2);
    box-shadow:0 8px 20px rgba(7,34,78,.26);
    backdrop-filter:blur(1.5px);
  }
  .home-product-feature-strip .hpf-inner{
    width:100%;
    gap:14px;
    padding:0;
  }
  .home-case-track{
    margin:0 -6px;
  }
  .home-case-track .card-img{
    height:182px;
  }
  .home-news-grid .card-img{
    height:200px;
  }
  .home-case-col{
    flex:0 0 50%;
    max-width:50%;
    padding:0 6px;
  }
  .home-case-dots{
    margin-top:12px;
    gap:8px;
  }
  .home-case-dot{
    width:9px;
    height:9px;
  }
  .home-case-section{
    padding:44px 0 34px;
  }
  .home-advantage-section{
    padding-top:42px;
    padding-bottom:74px;
  }
  .home-block-header{
    margin-bottom:18px;
  }
  .home-block-en{
    font-size:12px;
    letter-spacing:1.4px;
  }
  .home-block-header .home-block-title{
    font-size:26px;
    margin:6px 0 8px;
  }
  .advantage-header .home-block-title{
    margin-top:18px;
  }
  .home-block-note{
    font-size:12px;
    line-height:1.7;
  }
  .home-about-header{
    margin-bottom:12px;
    padding-left:14px;
  }
  .home-about-header:before{
    top:3px;
    width:3px;
    height:42px;
  }
  .idx-case-section{
    padding:44px 0;
  }
  .idx-case-title{
    margin-bottom:18px;
  }
  .idx-case-title strong{
    font-size:24px;
  }
  .idx-case-title p{
    font-size:12px;
    letter-spacing:1.4px;
    margin-top:6px;
  }
  .idx-case-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .idx-case-img{
    padding-top:62%;
  }
  .idx-case-ico{
    bottom:52px;
    width:42px;
    height:42px;
    margin-left:-21px;
  }
  .idx-case-ico:before{
    line-height:42px;
    font-size:24px;
  }
  .idx-case-text{
    height:50px;
    padding:0 12px;
  }
  .idx-case-text p{
    font-size:15px;
  }
  .idx-case-more{
    margin-top:22px;
  }
  .home-about-wrap{
    gap:14px;
  }
  .home-about-media{
    min-height:220px;
  }
  .home-about-title{
    margin:8px 0 10px;
    font-size:26px;
  }
  .home-about-desc{
    margin-bottom:10px;
    font-size:13px;
    line-height:1.74;
  }
  .home-about-desc:last-of-type{
    margin-bottom:10px;
  }
  .home-about-points{
    grid-template-columns:1fr;
    gap:6px;
  }
  .home-about-points li{
    font-size:13px;
    line-height:1.65;
  }
  .home-about-points li:before{
    top:8px;
    width:5px;
    height:5px;
  }
  .advantage-header{margin-bottom:20px}
  .adv-main-title{
    font-size:26px;
    margin-top:0;
  }
  .advantage-grid{
    grid-template-columns:1fr;
    row-gap:20px;
  }
  .advantage-card{
    min-height:0;
    padding:11px;
    gap:10px;
  }
  .adv-media{
    flex:0 0 74px;
    width:74px;
    min-height:74px;
  }
  .adv-media:before{
    width:46px;
    height:46px;
    top:-8px;
    right:-8px;
  }
  .adv-num{
    font-size:19px;
  }
  .adv-mark{
    font-size:10px;
    letter-spacing:1px;
  }
  .adv-title{
    font-size:16px;
    line-height:1.35;
    margin:0 0 5px;
  }
  .adv-desc{
    font-size:13px;
    line-height:1.66;
  }
  .hpf-sub{
    font-size:11px;
    margin-bottom:6px;
    min-height:0;
    padding:0;
    letter-spacing:.8px;
  }
  .hpf-left h3{
    font-size:21px;
    line-height:1.4;
    margin-bottom:9px;
  }
  .hpf-desc{
    font-size:13px;
    line-height:1.8;
    color:rgba(255,255,255,.92);
  }
  .hpf-right h3{
    display:flex;
    align-items:center;
    gap:6px;
    font-size:20px;
    margin-bottom:10px;
    letter-spacing:.2px;
  }
  .hpf-right h3 span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:30px;
    padding:0 8px;
    border-radius:15px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.34);
    font-size:20px;
    margin-right:0;
  }
  .hpf-right ul{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .hpf-right li{
    min-height:34px;
    font-size:12px;
    padding:0 6px;
    border-radius:7px;
    border-color:rgba(255,255,255,.42);
    background:rgba(255,255,255,.16);
    box-shadow:0 4px 10px rgba(7,34,78,.18);
  }
  .home-prod-cat-box .prod-cat-tit p{font-size:20px}
  .home-prod-cat-box .prod-cat-tit span{font-size:12px}
  .home-prod-cat-flat-list li a{font-size:14px}
  .home-product-main .card-title{
    white-space:nowrap;
    font-size:12px;
    line-height:1.35;
    overflow:visible;
    text-overflow:clip;
  }
}