/* ===== header.css ===== */
:root {
	--hx-nav-drop-mode: flyout;
	container-type: normal; container-name: hx-nav;
	--hx-drop-w: 260px; --hx-drop-radius: 10px;
	--hx-drop-link-py: 10px; --hx-drop-link-px: 18px; --hx-drop-panel-py: 10px;
	--hx-drop-active-bar: 3px; --hx-drop-flyout-gap: 0; --hx-drop-bridge-w: 6px;
	--hx-drop-hover-bg: #f7f7f7; --hx-drop-accent: var(--fs-experimental-link-color-hover);
}
@media (min-width: 850px) {
	#header .header-nav-main .nav-dropdown {
		padding-block: var(--hx-drop-panel-py) !important;
		& li > a {
			margin: 0 !important; padding: var(--hx-drop-link-py) var(--hx-drop-link-px) !important; border-left: var(--hx-drop-active-bar) solid transparent !important;
			font: inherit !important; line-height: inherit !important; color: inherit !important; text-transform: inherit !important;
			&:hover { color: var(--hx-drop-accent) !important; background: var(--hx-drop-hover-bg) !important; border-left-color: var(--hx-drop-accent) !important; }
		}
	}
	@container hx-nav style(--hx-nav-drop-mode: flyout) {
		#header .header-nav-main .nav-dropdown {
			display: block !important; overflow: visible !important; width: var(--hx-drop-w); min-width: var(--hx-drop-w);
			& :is(> li, li > .sub-menu > li) { display: block !important; position: relative; margin: 0; padding: 0; width: auto !important; min-width: 0 !important; white-space: normal !important; border: 0 !important; }
			& li > a { display: flex; align-items: center; justify-content: space-between; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
			& li.menu-item-has-children:has(> :is(.sub-menu, .nav-column):hover) > a { color: var(--hx-drop-accent) !important; background: var(--hx-drop-hover-bg) !important; border-left-color: var(--hx-drop-accent) !important; }
			& li.menu-item-has-children > a::after { content: "\f105"; font-family: "fl-icons"; font-size: .75em; opacity: .45; transition: opacity .15s, color .15s; }
			& :is(li.menu-item-has-children:has(> :is(.sub-menu, .nav-column):hover) > a, li.menu-item-has-children > a:hover)::after { opacity: 1; color: var(--hx-drop-accent); }
			& li > :is(.sub-menu, .nav-column) {
				display: block !important; position: absolute; visibility: hidden; opacity: 0; overflow: hidden;
				inset: 0 auto auto 100%; width: var(--hx-drop-w); min-width: var(--hx-drop-w);
				margin-left: var(--hx-drop-flyout-gap); padding-block: var(--hx-drop-panel-py); border: 1px solid rgba(0,0,0,.08);
				background: #fff; border-radius: var(--hx-drop-radius); box-shadow: 0 10px 36px rgba(0,0,0,.08); z-index: 20;
				transform: translateX(var(--hx-drop-flyout-gap)); transition: .15s;
				&::before { content: ""; position: absolute; inset: 0 auto 0 calc(-1 * var(--hx-drop-bridge-w)); width: var(--hx-drop-bridge-w); }
			}
			& li:hover > :is(.sub-menu, .nav-column) { visibility: visible; opacity: 1; transform: none; }
		}
	}
}

/* ===== home.css ===== */
/*--------------------------------------------------------------
  Page-home
--------------------------------------------------------------*/
@media screen and (min-width: 850px) {
  .home h1 {
    font-size: 1.6em;
  }
  .home h2 {
    font-size: 1.6em;
  }
}



/* ===== style.css ===== */
@charset "UTF-8";
body {
  line-height: 1.8;
}
.container .section, .row .section {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* .col */
.col {
  padding-bottom: 5px !important;
}
@media screen and (max-width: 550px) {
  .col.rd-l .col-inner {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
  }
  .col.rd-r .col-inner {
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
  }
}
@media screen and (min-width: 550px) {
  .col.rd-l .col-inner {
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
  }
  .col.rd-r .col-inner {
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
  }
}
.col.product {
  padding-bottom: 25px !important;
}
/*--------------------------------------------------------------
 Accordion
--------------------------------------------------------------*/
.accordion .accordion-item {
  margin-top: 24px;
  background-color: #f5f5f5;
  border-radius: 0px;
}
.accordion-title {
  border-top: none !important;
  margin-top: 3px;
  padding: 1em 2.3em !important;
}
.accordion-title button.toggle {
  margin-right: 15px !important;
  left: inherit !important;
  right: 0 !important;
  background-color: transparent !important;
  color: #e2b53e;
  border-radius: 99px;
  opacity: 0.8;
  font-weight: bolder;
  display: block;
  padding: 0;
  text-align: center;
  min-height: 1.3em;
  height: 1.2em;
  width: 1.3em;
  top: 1em !important;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.accordion-title button.toggle i.icon-angle-down {
  font-size: 0.8em;
  color: #e2b53e !important;
  text-shadow: 0 0 0 white;
}
.accordion-title button.toggle i.icon-angle-down:before {
  content: "➕" !important;
}
.accordion-title.active {
  background-color: transparent !important;
  color: inherit !important;
}
.accordion-title.active button.toggle i.icon-angle-down {
  font-size: 0.8em;
  color: #e2b53e !important;
  text-shadow: 0 0 0 white;
}
.accordion-title.active button.toggle i.icon-angle-down:before {
  content: "➖" !important;
}
/*--------------------------------------------------------------
Table
1, 首行默认加粗，用th代替td
2，深色背景行：<tr class="trbg">
3,隔行背景色 <table class="bg-gehang">

--------------------------------------------------------------*/
.thtdbase, table th, table td {
  padding: 0.7em;
  padding-left: 5px !important;
  border-width: 0 1px 1px 0 !important;
  font-size: 1em !important;
  line-height: 1.5 !important;
}
.tableborder, table, table th, table td {
  border-color: #d7d7d7 !important;
  border-style: solid;
}
/*
th:first-child, td:first-child,th,td {
    padding-left:5px!important;
}*/
table {
  border-width: 1px 0 0 1px !important;
}
table.bg-gehang tr:nth-child(2n+2) {
  background-color: #f4f4f4 !important;
}
table.center td, table.center th {
  text-align: center !important;
}
table tr.trbg {
  background-color: skyblue;
}
table tr.trbg td {
  color: #fff;
}
/*--------------------------------------------------------------
  Button
--------------------------------------------------------------*/
.button {
  margin-bottom: 0px;
}
/*submit*/
input[type=submit] {
  width: 100%;
}
/*--------------------------------------------------------------
  trp menu
--------------------------------------------------------------*/
li.trp-language-switcher-container ul.nav-dropdown {
  min-width: 155px !important;
}
li.trp-language-switcher-container ul.nav-dropdown .nav-dropdown-has-shadow .nav-dropdown {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);
}
li.trp-language-switcher-container ul.nav-dropdown .nav-column li > a, li.trp-language-switcher-container ul.nav-dropdown .nav-dropdown > li > a {
  line-height: 1.2 !important;
  padding: 5px 5px !important;
}















/* ===== plugins.css ===== */
/*--------------------------------------------------------------
  CF7
--------------------------------------------------------------*/
.wpcf7 input[type=submit]:not(.is-form) {
  background-color: grey;
  border-radius: 5px;
}
/*--------------------------------------------------------------
  CF7 Image Captcha
--------------------------------------------------------------*/
.captcha-image {
  border: 0px solid !important;
  border-radius: 8px;
  padding: 10px;
  display: inline-block;
  text-align: center;
  background-color: #eaf6f4;
}
.captcha-image .cf7ic_instructions {
  display: block;
}
.captcha-image .cf7ic_instructions span {
  color: red;
  font-weight: bold;
}
.captcha-image label {
  display: inline-block !important;
  width: 60px !important;
  position: relative;
  /* HIDE RADIO */
  /* IMAGE STYLES */
  /* (CHECKED) IMAGE STYLES */
}
.captcha-image label input {
  opacity: 0;
  margin: 0;
  width: 50px;
  height: 50px;
  position: absolute;
}
.captcha-image label svg {
  padding: 5px;
  width: 30px;
  height: 30px;
}
.captcha-image label input + svg {
  cursor: pointer;
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
.captcha-image label input:checked + svg, .captcha-image label .captcha-image label > input:focus + svg {
  border: 2px solid #f00;
}
/*--------------------------------------------------------------
  Trp
--------------------------------------------------------------*/
li.trp-language-switcher-container .nav-dropdown {
  padding: 5px 0px !important;
  /*min-width: 150px!important;*/
}
li.trp-language-switcher-container ul.nav-dropdown .nav-column li > a, .nav-dropdown > li > a {
  line-height: 1.05;
  padding: 3px 2px !important;
}















/* ===== products.css ===== */
/*--------------------------------------------------------------
  woocommerce页面通用
--------------------------------------------------------------*/
.woocommerce h1 {
  text-transform: capitalize;
}
/*--------------------------------------------------------------
  Product 分类页
--------------------------------------------------------------*/
.tax-product_cat form.woocommerce-ordering {
  display: none;
}
/*--------------------------------------------------------------
  Product 分类页
--------------------------------------------------------------*/
.single-product .share-icons {
  padding-top: 15px;
}










/* ===== blog.css ===== */
/*--------------------------------------------------------------
  Blog通用
--------------------------------------------------------------*/
@media (min-width: 850px) {
  .entry-image-float {
    max-width: 35% !important;
    float: left;
    margin-right: 2em;
  }
  .entry-content {
    padding-top: 1.5em !important;
  }
}
.post-date {
  display: none !important;
}
a.more-link.button {
  border: 1px solid grey;
}
a.more-link.button:hover {
  background-color: grey;
  border: 1px solid grey;
}
/*--------------------------------------------------------------
  Blog汇总页
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  文章分类
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  文章单页
--------------------------------------------------------------*/
.single-post .comment-respond {
  border-radius: 10px;
}
.single-post .comment-respond input[type=submit] {
  background-color: grey !important;
  border-radius: 5px;
}











/* ===== footer.css ===== */
/*--------------------------------------------------------------
  Footer
--------------------------------------------------------------*/
footer .col {
  padding-bottom: 0px !important;
}
footer p, footer ul, footer ol {
  margin-bottom: 12px;
}
footer .absolute-footer {
  display: none;
}
footer .post-date {
  display: none;
}

footer img{border-radius:0px;}
/*--------------------------------------------------------------
  4 mobile button
--------------------------------------------------------------*/
.contact_button_mobi {
  display: none;
}
@media only screen and (max-width: 450px) {
  .site-info {
    padding: 15px 0 58px 0;
  }
  .contact_button_mobi {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: block;
    right: 0;
    box-shadow: 0px 0px 10px 3px #e8e8e8;
    -webkit-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -mox-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -o-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -ms-box-shadow: 0px 0px 10px 3px #e8e8e8;
  }
  .contact_button_mobi {
    position: fixed;
    z-index: 999;
    bottom: 0;
    width: 100%;
    height: 40px;
    display: block;
    right: 0;
    box-shadow: 0px 0px 10px 3px #e8e8e8;
    -webkit-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -mox-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -o-box-shadow: 0px 0px 10px 3px #e8e8e8;
    -ms-box-shadow: 0px 0px 10px 3px #e8e8e8;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .contact_button_mobi span {
    width: 50px !important;
    height: 50px !important;
  }
  .contact_button_mobi .font-text {
    margin: 0 0 0 5px;
    color: #FFFFFF;
  }
  .contact_button_mobi ul {
    position: relative;
    z-index: 1;
    height: 40px;
    background: rgba(0, 0, 0, 0.8);
    list-style-type: none;
    margin: 0px;
    padding: 0px !important;
  }
  .contact_button_mobi ul li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    top: 5px;
  }
  .contact_button_mobi ul li a {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
}






























/* ===== custom.css ===== */
@charset "UTF-8";
/*--------------------------------------------------------------
  
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  Fancybox Popup 弹窗
--------------------------------------------------------------*/
.fancybox-content {
  border-radius: 10px;
  padding: 20px !important;
}
/*--------------------------------------------------------------
  Lightbox  弹窗 - Flatsome自带
--------------------------------------------------------------*/
.mfp-content .lightbox-content {
  max-width: 800px !important;
  padding: 30px !important;
  border-radius: 15px;
}




/*banner style*/
.fill{img{border-radius:0px;}}
/*form captcha and  contact form*/
.captcha-image { width: 100%;}
input:not([type=submit]){border-radius:5px !important;}textarea {border-radius: 5px !important;}
.wpcf7 input[type=submit]:not(.is-form) {background-color: #003a82;}


/*blog category hidden title*/
.category{.page-title{display:none;}}
/*hidden single product tab*/
.single{.description_tab{display:none;}}
/*tabs top*/
.tab-panels{.entry-content {padding-top: 0em !important;}}  







/**
 * ZERO Engineering Plastics — reusable global design system
 * Scope: every rule is attached to a zero-* class.
 * Usage: add the corresponding class to a Flatsome Section, Row, Column,
 * UX Text, UX Image, Button or Accordion. Safe to reuse on inner pages.
 */

/* ---------- Brand tokens ---------- */
.zero-site {
  --zero-navy-900: #072248;
  --zero-blue-700: #1f5897;
  --zero-blue-300: #7fb7eb;
  --zero-ink: #172334;
  --zero-copy: #536274;
  --zero-line: #d3dde8;
  --zero-mist: #f2f6fa;
  --zero-shadow: 0 24px 65px rgba(5, 27, 62, 0.14);
  --zero-ease: cubic-bezier(.22, .61, .36, 1);
  color: var(--zero-copy);
}

.zero-site .section-content {
  z-index: 2;
}

.zero-site p:last-child,
.zero-site ul:last-child {
  margin-bottom: 0;
}

.zero-site .zero-kicker p {
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .16em;
}

.zero-site .zero-title h2 {
  margin-bottom: 22px;
  font-weight: 700;
}

/* ---------- Hero ---------- */
.zero-hero h1 span {
  color: var(--zero-blue-300);
}

.zero-hero-index > .col-inner {
  border-left: 1px solid rgba(255,255,255,.24);
}

.zero-hero-index p {
  display: flex;
  gap: 18px;
  align-items: baseline;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.88);
  font-size: 19px;
}

.zero-hero-index p:first-child {
  padding-top: 0;
  color: var(--zero-blue-300);
  border-bottom-color: rgba(127,183,235,.5);
  font-size: 11px;
  letter-spacing: .14em;
}

.zero-hero-index p strong {
  min-width: 24px;
  color: var(--zero-blue-300);
  font-size: 10px;
  letter-spacing: .1em;
}

.zero-hero-strip {
  margin-top: 55px !important;
}

.zero-hero-strip p {
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
}

.zero-hero-strip small {
  color: rgba(255,255,255,.58);
  font-size: 11px;
}

/* ---------- Material switcher ---------- */
.zero-material-switcher {
  width: 100%;

  border-top: 1px solid var(--zero-line);
  border-bottom: 1px solid var(--zero-line);
}

.zero-material-nav-col > .col-inner,
.zero-material-stage > .col-inner {
  height: 100%;
}

.zero-material-nav-col > .col-inner {
  border-right: 1px solid var(--zero-line);
}

.zero-material-nav {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.zero-material-tab {
  position: relative;
  flex: 1 1 20%;
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
  padding: 20px 24px;
  border: 0;
  border-bottom: 1px solid var(--zero-line);
  color: #7b8794;
  background: transparent;
  font: inherit;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: color .25s ease, background-color .25s ease;
}

.zero-material-tab:last-child {
  border-bottom: 0;
}

.zero-material-tab span {
  color: #a1acb8;
  font-size: 10px;
  letter-spacing: .1em;
}

.zero-material-tab::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 3px;
  height: 100%;
  background: var(--zero-blue-700);
  transform: scaleY(0);
  transition: transform .3s var(--zero-ease);
}

.zero-material-tab:hover,
.zero-material-tab:focus-visible,
.zero-material-tab.is-active {
  color: var(--zero-navy-900);
  background: var(--zero-mist);
  outline: none;
}

.zero-material-tab.is-active::after {
  transform: scaleY(1);
}

.zero-material-panel {
  display: none !important;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  animation: zeroPanelIn .38s var(--zero-ease) both;
}

.zero-material-panel.is-active {
  display: flex !important;
}

.zero-material-panel[hidden] {
  display: none !important;
}

.zero-material-copy {
  align-self: center;
}

.zero-material-code {
  margin-bottom: 22px;
  color: var(--zero-blue-700);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
}

.zero-material-copy ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 25px 0 30px;
  padding: 0;
  list-style: none;
}

.zero-material-copy li {
  padding-top: 11px;
  border-top: 1px solid var(--zero-line);
  color: var(--zero-ink);
  font-size: 12px;
  font-weight: 600;
}

.zero-material-visual {
  position: relative;
  overflow: hidden;
}

.zero-material-visual > .col-inner,
.zero-material-visual .img-inner {
  position: relative;
}

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

/* ---------- Performance index ---------- */
.zero-sticky > .col-inner {
  position: sticky;
  top: 110px;
}

.zero-spec-list > .col-inner {
  border-top: 1px solid var(--zero-line);
}

.zero-spec-row {
  margin: 0 !important;
  border-bottom: 1px solid var(--zero-line);
  transition: background-color .25s ease, padding .25s ease;
}

.zero-spec-row:hover {
  padding-left: 15px;
  background: rgba(255,255,255,.72);
}

.zero-spec-row h3,
.zero-spec-row p {
  margin: 0;
}

.zero-spec-row p {
  line-height: 1.6;
}

/* ---------- Engineering support ---------- */
.zero-capability-media > .col-inner {
  position: relative;
}

.zero-media-caption {
  position: absolute;
  right: 0;
  bottom: 35px;
  width: min(380px, 78%);
  padding: 24px 28px;
  background: var(--zero-navy-900);
  box-shadow: var(--zero-shadow);
}

.zero-media-caption p {
  color: #fff;
  font-size: 13px;
  line-height: 1.5;
}

.zero-media-caption small {
  color: rgba(255,255,255,.64);
  font-size: 11px;
}

.zero-numbered-feature p {
  position: relative;
  margin: 0;
  padding: 17px 0 17px 48px;
  border-bottom: 1px solid var(--zero-line);
  line-height: 1.45;
}

.zero-numbered-feature span {
  position: absolute;
  left: 0;
  top: 18px;
  color: var(--zero-blue-700);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
}

.zero-numbered-feature strong {
  color: var(--zero-ink);
  font-size: 17px;
}

.zero-numbered-feature small {
  color: var(--zero-copy);
  font-size: 14px;
}

/* ---------- Applications / scoped accordion ---------- */
.zero-applications .accordion {
  margin-top: 30px;
}

.zero-applications .accordion-item {
  border-top: 1px solid rgba(255,255,255,.17);
}

.zero-applications .accordion-item:last-child {
  border-bottom: 1px solid rgba(255,255,255,.17);
}

.zero-applications .accordion-title {
  position: relative;
  padding: 18px 46px 18px 0;
  border: 0;
  color: rgba(255,255,255,.84);
  font-size: 15px;
  font-weight: 600;
}

.zero-applications .accordion-title .toggle {
  display: none !important;
}

.zero-applications .accordion-title::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 3px;
  color: var(--zero-blue-300);
  font-size: 24px;
  font-weight: 300;
  transform: translateY(-50%);
}

.zero-applications .accordion-title[aria-expanded="true"] {
  color: #fff;
}

.zero-applications .accordion-title[aria-expanded="true"]::after {
  content: "−";
}

.zero-applications .accordion-inner {
  padding: 0 35px 19px 0;
  color: rgba(255,255,255,.62);
  font-size: 14px;
  line-height: 1.65;
}

.zero-application-media > .col-inner {
  position: relative;
}

.zero-vertical-label {
  position: absolute;
  right: -30px;
  top: 50%;
  transform: rotate(90deg) translateX(50%);
  transform-origin: right center;
}

.zero-vertical-label p {
  margin: 0;
  color: var(--zero-blue-300);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
}

/* ---------- About overlap ---------- */
.zero-about-gallery > .col-inner {
  position: relative;
}

.zero-overlap-images {
  position: relative;
}

.zero-overlap-small {
  position: absolute !important;
  right: 0;
  bottom: -45px;
  z-index: 3;
}

.zero-about-points {
  margin-top: 22px !important;
  border-top: 1px solid var(--zero-line);
  border-bottom: 1px solid var(--zero-line);
}

.zero-about-points p {
  line-height: 1.45;
}

.zero-about-points strong {
  color: var(--zero-ink);
}

.zero-about-points small {
  color: var(--zero-copy);
  font-size: 12px;
}

/* ---------- Why ZERO ---------- */
.zero-principle {
  margin: 0 !important;
  border-top: 1px solid var(--zero-line);
  transition: transform .25s ease, background-color .25s ease;
}

.zero-principle:last-child {
  border-bottom: 1px solid var(--zero-line);
}

.zero-principle:hover {
  background: rgba(255,255,255,.75);
  transform: translateX(9px);
}

.zero-principle h3 {
  margin-bottom: 6px;
}

.zero-principle p {
  margin-bottom: 0;
  line-height: 1.6;
}

/* ---------- Small global interaction ---------- */
/* Content is visible by default so UX Builder never renders an empty block. */
.zero-reveal {
  opacity: 1;
  transform: none;
}

.zero-reveal.is-visible {
  animation: zeroRevealIn .55s var(--zero-ease) both;
}

@keyframes zeroRevealIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* UX Builder: show every editable material row and disable sticky positioning. */
.zero-builder-editing .zero-material-panel,
.zero-builder-editing .zero-material-panel[hidden] {
  display: flex !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

.zero-builder-editing .zero-sticky > .col-inner {
  position: static !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 849px) {
  .zero-material-copy ul {
    grid-template-columns: 1fr;
  }

  .zero-sticky > .col-inner {
    position: static;
  }

  .zero-vertical-label {
    right: -18px;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 549px) {
  .zero-site .zero-button.button,
  .zero-cta-actions .button {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }

  .zero-hero-index > .col-inner {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.24);
    padding-top: 18px;
  }

  .zero-hero-index p {
    display: inline-flex;
    width: 32%;
    padding: 9px 2px;
    font-size: 14px;
  }

  .zero-hero-index p:first-child {
    display: block;
    width: 100%;
  }

  .zero-hero-strip {
    display: none;
  }

  .zero-material-nav-col > .col-inner {
    border-right: 0;
  }

  .zero-material-nav {
    flex-direction: row;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid var(--zero-line);
    -webkit-overflow-scrolling: touch;
  }

  .zero-material-tab {
    flex: 0 0 auto;
    min-width: 92px;
    padding: 16px 14px;
    border-right: 1px solid var(--zero-line);
    border-bottom: 0;
    font-size: 15px;
  }

  .zero-material-tab::after {
    top: auto;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    transform: scaleX(0);
  }

  .zero-material-tab.is-active::after {
    transform: scaleX(1);
  }

  .zero-spec-row:hover {
    padding-left: 0;
  }

  .zero-media-caption {
    right: 12px;
    bottom: 15px;
    width: calc(100% - 24px);
    padding: 18px 20px;
  }

  .zero-vertical-label {
    display: none;
  }

  .zero-overlap-images {
    margin-bottom: 90px !important;
  }

  .zero-overlap-small {
    right: 8px;
    bottom: -82px;
  }

  .zero-principle:hover {
    transform: none;
  }
}

/* ---------- Accessibility ---------- */
@media (prefers-reduced-motion: reduce) {
  .zero-site *,
  .zero-site *::before,
  .zero-site *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }

  .zero-reveal,
  .zero-reveal.is-visible {
    opacity: 1;
    transform: none;
    animation: none !important;
  }
}





/** ZERO footer — only styles unavailable in UX Builder. */
.zero-footer a {
  color: inherit;
  transition: color .2s ease;
}

.zero-footer a:hover,
.zero-footer a:focus-visible,
.zero-footer-contact-list a {
  color: #fff;
}

.zero-footer-heading p {
  position: relative;
  padding-bottom: 12px;
}

.zero-footer-heading p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 1px;
  background: var(--zero-blue-300);
}

.zero-footer-links p,
.zero-footer-contact-list p,
.zero-footer-bottom p {
  margin-bottom: 12px;
}

.zero-footer-links a {
  position: relative;
}

.zero-footer-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: var(--zero-blue-300);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .25s ease;
}

.zero-footer-links a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.zero-footer-contact-list small {
  color: var(--zero-blue-300);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
}

@media (max-width: 549px) {
  .zero-footer-column > .col-inner {
    border-top: 1px solid rgba(255,255,255,.1);
    padding-top: 25px;
  }
}




/* Fix: reset Flatsome button margins inside the material switcher. */
.zero-material-nav .zero-material-tab {
  margin: 0;
}

.zero-material-nav > br {
  display: none;
}




@media (min-width: 850px) {
    .post-sidebar.col {
        position: relative;
    }
    .widget-area {
        height: 100%;
    }
    .stickysidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 120px;
        z-index: 99;
    }
}








/*service page*/

.bg-white-dot {
    position: relative;
}

.bg-white-dot::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    width: 280px;
    height: 280px;

    background-image: url(http://zhelunjingmmi.local/wp-content/uploads/2026/09/patternGrey.svg);
    background-repeat: repeat;
    background-size: 25px 25px;

    pointer-events: none; 
    z-index: 1;
}





.bg-blue-dot-image {
    position: relative;
}

.bg-blue-dot-image::before {
    content: "";
    position: absolute;
    right: -24%;
    bottom: -5%;          /* ← 左下角锚定 */
    top: auto;          /* ← 覆盖原 top */

    width: 200px;
    height: 200px;

    background-image: url(http://zhelunjingmmi.local/wp-content/uploads/2026/09/patternBlue.svg);
    background-repeat: repeat;
    background-size: 25px 25px;

    pointer-events: none; 
    z-index: 0;

    transform: translate(-40px, 40px); /* ← 稳定外扩 */
}




/* 右上角点阵 */
.bg-blue-dot-image::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;

    width: 200px;
    height: 200px;

    background-image: url(https://n.ht-ce.com/wp-content/uploads/2025/12/patternBlue.svg);
    background-repeat: repeat;
    background-size: 25px 25px;

    pointer-events: none;
    z-index: -10;

    transform: translate(40px, -40px); /* ← 稳定外扩 */
}


.product-sention-two-service {

  /* ------ 原有样式（保持不动） ------ */
  h2 {font-size:4.0em;margin-top:5%;margin-bottom:5%;}
  .col-inner > .text:nth-of-type(1) p { font-weight:700;}
  .bg-white-dot .col-inner { padding-left: 0% !important; }
  .bg-white-dot::before { left: -7%; top: -7%; }
  .bg-white-dot .col-inner { position: relative; z-index: 2; padding-top: 0px;padding-right: 26%; padding-left:6% !important;}

  .bg-blue-dot .col-inner { position: relative; z-index: 2; padding: 20px; }

  /* ----------------------------
     🚀 你要求的：蓝点固定在图片左下角
     ---------------------------- */
  .bg-blue-dot-image {
      position: relative;

      &::before {
          left: 0;
          bottom: 0;
          top: auto;
          transform: translate(-92px, 75px);
          z-index: 0;
      }
  }

  .bg-blue-dot-image {
      position: relative;

      &::after {
          right: 0;
          top: 0;
          transform: translate(92px, -75px);
          z-index: -10;
      }
  }

  /* ------- 保留你现有的媒体查询 ------- */
  @media screen and (max-width: 849px){
      h2{font-size:1.5em;font-weight:700 !important;}
      .bg-white-dot .col-inner { padding: 0px; padding-left: 0% !important; }
      .bg-white-dot .col-inner { margin-left: 0% !important; margin-top: 7%; }

      .bg-white-dot::before {
          left: 0;
          top: 0;
          width: 120px;
          height: 120px;
      }

      /* ----------------------------
         📱 手机端蓝点保持左下角
         ---------------------------- */
      .bg-blue-dot-image::before {
          left: 0;
          bottom: 0;
          top: auto;
          width: 120px;
          height: 120px;
          transform: translate(-20px, 20px);
      }

      .bg-blue-dot-image::after {
          right: 0;
          top: 0;
          width: 120px;
          height: 120px;
          transform: translate(20px, -20px);
      }
  }
	
	
	
}














/* ZERO product mega menu — reusable component */
#menu-item-62626 > .nav-dropdown {
  padding: 0;
  border: 0;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 18px 40px rgba(7, 34, 72, 0.16);
  overflow: hidden;
}

.zero-product-mega-menu {
  background: #fff;
}

.zero-product-mega-menu .section-content,
.zero-product-mega-menu .row {
  width: 100%;
  max-width: 100%;
}

.zero-product-mega-menu,
.zero-product-mega-menu .section-content {
  overflow: hidden;
}

.zero-product-mega-menu .zero-mega-heading-row,
.zero-product-mega-menu .zero-mega-grid,
.zero-product-mega-menu .zero-mega-footer-row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.zero-product-mega-menu .zero-mega-eyebrow p {
  margin-bottom: 10px;
  color: #123a6f;
  font-size: 13px;
  letter-spacing: .13em;
}

.zero-product-mega-menu .zero-mega-grid {
  padding: 0 10px 8px;
}

.zero-product-mega-menu .zero-mega-material-col {
  position: relative;
}

.zero-product-mega-menu .zero-mega-material-col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 0;
  bottom: 20px;
  width: 1px;
  background: #dbe5ef;
}

.zero-product-mega-menu .zero-mega-title-link .ux-menu-link__link {
  min-height: 48px;
  align-items: center;
  padding: 0;
  color: #123a6f;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.15;
}

.zero-product-mega-menu .zero-mega-title-link .ux-menu-link__link:hover {
  color: #1f5897;
  background: transparent;
  transform: translateX(2px);
}

.zero-product-mega-menu .ux-menu-link__link {
  min-height: 42px;
  align-items: center;
  padding: 8px 10px;
  border-radius: 5px;
  color: #233f5f;
  font-size: 16px;
  line-height: 1.3;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.zero-product-mega-menu .ux-menu-link__link:hover {
  color: #0f4884;
  background: #edf5fc;
  transform: translateX(2px);
}

.zero-product-mega-menu .ux-menu-link--active:not(.zero-mega-title-link) .ux-menu-link__link {
  color: #0f4884;
  background: #dfeefa;
  font-weight: 700;
  transform: none;
}

.zero-product-mega-menu .ux-menu-link--active:not(.zero-mega-title-link) .ux-menu-link__link::after {
  content: "→";
  margin-left: auto;
  color: #1f5897;
  font-size: 18px;
  line-height: 1;
}

.zero-product-mega-menu .zero-mega-title-link.ux-menu-link--active .ux-menu-link__link::after {
  content: "→";
  margin-left: 9px;
  color: #1f5897;
  font-size: 20px;
  line-height: 1;
}

.zero-product-mega-menu .zero-mega-link-all {
  margin-top: 8px;
}

.zero-product-mega-menu .zero-mega-link-all .ux-menu-link__link {
  color: #60758b;
  font-size: 13px;
  font-weight: 600;
}

.zero-product-mega-menu .zero-mega-footer-row {
  margin: 0;
  padding: 10px 22px;
  border: 1px solid #c8d8e8;
  background: #f3f7fb;
  box-shadow: 0 8px 18px rgba(7, 34, 72, 0.08);
}

.zero-product-mega-menu .zero-mega-footer-menu .ux-menu-link__link {
  min-height: 38px;
  padding: 6px 4px;
  color: #4f6880;
  font-size: 14px;
  font-weight: 600;
}

.zero-product-mega-menu .zero-mega-footer-link-strong .ux-menu-link__link,
.zero-product-mega-menu .zero-mega-footer-menu-contact .ux-menu-link__link {
  color: #123a6f;
  font-weight: 700;
}

@media (min-width: 850px) {
  .zero-product-mega-menu .zero-mega-grid > .zero-mega-material-col {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .zero-product-mega-menu .zero-mega-footer-menu-contact .ux-menu-link__link {
    justify-content: flex-end;
  }
}

@media (max-width: 849px) {
  .zero-product-mega-menu .zero-mega-material-col::after {
    display: none;
  }

  .zero-product-mega-menu .zero-mega-title-link .ux-menu-link__link {
    min-height: 38px;
    font-size: 21px;
  }

  .zero-product-mega-menu .ux-menu-link__link {
    min-height: 36px;
    padding: 6px 8px;
    font-size: 14px;
  }
}