#tg-daohang {
  position: relative;
  box-sizing: border-box;
  background-color: white;
  height: calc(
    max(
      60px,
      min(
        80px,
        min(
          calc(60px + (100vw - 1280px) * 0.0390625),
          calc(70px + (100vw - 1536px) * 0.0260417)
        )
      )
    )
  );
  border-bottom: 2px solid #D8D8D8;
  max-height: 80px;
  z-index: 999999;
}
.tg_head {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  box-sizing: border-box;
  background-color: white;
  height: calc(
    max(
      60px,
      min(
        80px,
        min(
          calc(60px + (100vw - 1280px) * 0.0390625),
          calc(70px + (100vw - 1536px) * 0.0260417)
        )
      )
    )
  );
  border-bottom: 2px solid #D8D8D8;
  max-height: 80px;
  transition: transform ease 0.6s;
}
#tg-daohang .flex-1 {
  height: calc(
    max(
      60px,
      min(
        80px,
        min(
          calc(60px + (100vw - 1280px) * 0.0390625),
          calc(70px + (100vw - 1536px) * 0.0260417)
        )
      )
    )
  );
}
li {text-decoration: none;}
#tg-daohang h1 {margin: 0!important;line-height: 0;}
#tg-daohang h1 a {
  display: inline-flex;
  width: 16.6875rem;
  aspect-ratio: 203/20;
  background-image: url(/wp-content/uploads/images/logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
nav.nav-container {
  height: 100%;
}
nav.nav-container > ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav.nav-container > ul > li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% + 1.875rem);
  margin-right: calc(
    max(
      40px,
      min(
        60px,
        min(
          calc(40px + (100vw - 1280px) * 0.0390625),
          calc(50px + (100vw - 1536px) * 0.0260417)
        )
      )
    )
  );
}
dd,dl {margin-left: 0;}
nav.nav-container > ul > li:last-of-type {margin-right: calc(
  max(
    50px,
    min(
      120px,
      min(
        calc(50px + (100vw - 1280px) * 0.0390625),
        calc(60px + (100vw - 1536px) * 0.15625)
      )
    )
  )
);}
nav.nav-container > ul > li > a {
  cursor: pointer;
  line-height: 1;
  display: block;
  color: #36414C;
  font-family: s-demibold;
  text-decoration: none;
  transition: color ease 0.3s;
}
.tg_head .expand {
  display: inline-block;
  width: .625rem;
  min-width: .625rem;
  height: 5px;
  vertical-align: middle;
  background-size: 100% 100%;
  background-image: url(/wp-content/uploads/20250619/more-normal.svg);
  margin-left: 4px;
}
nav.nav-container > ul > li:hover > a {
  color: #008ECF;
}
nav.nav-container > ul > li:hover > .expand {
  background-image: url(/wp-content/uploads/202505/more-select.svg);
}

/* 二级菜单dl默认隐藏 */
nav.nav-container > ul > li > dl {
  position: absolute;
  top: calc(100% - .9375rem);
  left: 0;
  background: #fff;
  color: #36414C;
  box-shadow: .125rem .125rem .25rem 0px rgba(0,57,83,0.2);
  width: 100%;
  transform: translateY(0);
  opacity: 0;
  height: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 999;
}
nav.nav-container > ul > li > dl.full-width {
  position: fixed;
  top: calc(
    max(
      60px,
      min(
        80px,
        min(
          calc(59.9px + (100vw - 1280px) * 0.0390625),
          calc(69.9px + (100vw - 1536px) * 0.0260417)
        )
      )
    )
  );
  left: 0;
  right: 0;
}
.specity-center {
  margin-left: calc(
    max(
      120px,
      min(
        320px,
        min(
          calc(120px + (100vw - 1280px) * 0.16796875),
          calc(163px + (100vw - 1536px) * 0.40885417)
        )
      )
    )
  );
}
@media screen and (min-width: 1919px) {
  .specity-center { margin-left: 320px; }
}
dl.full-width .erji>div {padding-right: calc(
  max(
    20px,
    min(
      40px,
      min(
        calc(20px + (100vw - 1280px) * 0.0390625),
        calc(30px + (100vw - 1536px) * 0.0260417)
      )
    )
  )
);}
dl.full-width .erji>div:last-of-type {padding-right: 0;}
/* 悬浮展开 */
nav.nav-container > ul > li:hover > dl {
  transform: translateY(0);
  opacity: 1;
  height: auto;
  visibility: visible;
  pointer-events: auto;
}
.nav-underline {
  position: absolute;
  bottom: -0.0625rem;
  left: 0;
  height: 2px;
  background-color: #008ECF;
  transition: all 0.3s ease;
  width: 0;
  pointer-events: none;
  z-index: 999999;
}
/* 二级菜单内容布局 */
.erji {
  display: flex;
}
.erji .h3 {
  margin-bottom: calc(
    max(
      10px,
      min(
        14px,
        min(
          calc(10px + (100vw - 1280px) * 0.0078125),
          calc(12px + (100vw - 1536px) * 0.00520833)
        )
      )
    )
  );
}

.product_erji ul li a {
  margin-bottom: calc(
    max(
      6px,
      min(
        12px,
        min(
          calc(6px + (100vw - 1280px) * 0.0078125),
          calc(8px + (100vw - 1536px) * 0.0208333)
        )
      )
    )
  );
}
dl.full-width ul li {
  margin-bottom: calc(
    max(
      6px,
      min(
        12px,
        min(
          calc(6px + (100vw - 1280px) * 0.0078125),
          calc(8px + (100vw - 1536px) * 0.0208333)
        )
      )
    )
  );
}
dl.full-width {
  padding-bottom: 1rem;
}
.product_erji>div ul li a:hover {text-decoration-line: underline;}
.erji .h3:first-of-type {margin-top: .875rem;}
.nav-item .full-width .h3:first-of-type {margin-top: 1.6875rem;}
.product_erji .h3:first-of-type {
  margin-top: 1.6875rem;
  padding-bottom: .6875rem;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: .6875rem;
}
.erji .h3 a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  font-family: s-medium;
  color: #36414C;
  line-height: 1;
}
li.relative .erji .h3 a {
  text-align: center;
}
.erji .h3 a:hover {
  color: #008ECF;
}
.product_erji .h3 a {
  font-family: s-demibold;
}
.erji ul {
  padding-left: 0;
  list-style: none;
}
.erji ul li a {
  text-decoration: none;
  color: #252B3A;
  display: block;
}
.erji ul li a:hover {
  color: #008ECF;
}

/* 双列菜单 */
.double_li {
  display: flex;
  gap: 2rem;
}
.double_li ul {
  padding-left: 0;
  margin: 0;
}
/* 联系我们按钮 */
.footer-info-contact {
  text-decoration: none;
  color: white !important;
  line-height: 1;
  font-family: s-demibold;
  box-sizing: border-box;
  padding: 9.5px 15px;
  background: linear-gradient( 230deg, #00C1E9 0%, #008ECF 100%);
  box-shadow: 0px 2px 6px 0px rgba(0,57,83,0.3);
  border-radius: 18px;
  height: auto;
}
@media screen and (max-width: 1919px) {
  .footer-info-contact {
    padding: 10px 14px;
  }
}
@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .footer-info-contact {
    padding: 8px 12px;
  }
}
/* .footer-info-contact:hover {
  color: #7ecfff !important;
} */
.footer-info-contact:hover {
  background: linear-gradient(206deg, #84D8F0 0%, #4DB0DD 100%);
  color: white !important;
}
.footer-info-contact:active {
  background: linear-gradient(206deg, #00ABD2 0%, #0072A6 100%);
  color: white !important;
}