#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 rgb(216, 216, 216);
  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 {
  position: relative;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% + 1.875rem);
  /* height: calc(100% + 0.875rem); */
  margin-right: calc(
    max(
      30px,
      min(
        50px,
        min(
          calc(30px + (100vw - 1280px) * 0.0390625),
          calc(40px + (100vw - 1536px) * 0.0260417)
        )
      )
    )
  );
}
dd,dl {margin-left: 0;}
nav.nav-container > ul > li:last-of-type {
  margin-right: 40px; /* 默认值 1280px */
}

@media screen and (min-width: 1281px) and (max-width: 1536px) {
  nav.nav-container > ul > li:last-of-type {
    margin-right: calc(40px + (100vw - 1280px) * 0.0390625); /* 1280px:40px -> 1536px:50px */
  }
}

@media screen and (min-width: 1537px) {
  nav.nav-container > ul > li:last-of-type {
    margin-right: calc(50px + (100vw - 1536px) * 0.130208); /* 1536px:50px -> 1920px:100px */
  }
}
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(
      152px,
      min(
        372px,
        min(
          calc(152px + (100vw - 1280px) * 0.50078),
          calc(232px + (100vw - 1536px) * 0.39375)
        )
      )
    )
  );
}
  dl.solution-full-width {
    position: absolute!important;
    top: calc(100% - 0.875rem)!important;
    width: calc(
      max(
        380px,
        min(
          516px,
          min(
            calc(380px + (100vw - 1280px) * 0.2265625),
            calc(438px + (100vw - 1536px) * 0.203125)
          )
        )
      )
    )!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
  }
  .specity-center {margin-left: 0;}
  dl.solution-full-width .solution_erji.erji>div:last-of-type {padding-right: 0;}
  /* .full-width-background {    
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-55%);
    right: auto;
    background-color: white;
    width: 106vw;
    height: 100%;
    z-index: -1;
  } */
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;}
dl.full-width .solution_erji.erji>div {padding-right: calc(
  max(
    30px,
    min(
      40px,
      min(
        calc(30px + (100vw - 1280px) * 0.0390625),
        calc(34px + (100vw - 1536px) * 0.0260417)
      )
    )
  )
);}
/* 悬浮展开 */
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,
.solution_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)
        )
      )
    )
  );
}
li.nav-item::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * max(20px, min(30px, min(calc(20px + (100vw - 1280px) * 0.0390625), calc(25px + (100vw - 1536px) * 0.0260417)))));
  right: calc(-1 * max(20px, min(30px, min(calc(20px + (100vw - 1280px) * 0.0390625), calc(25px + (100vw - 1536px) * 0.0260417)))));
  z-index: 0;
}
li.new_li::before {
  cursor: pointer;
}
li.nav-item:first-of-type:before {
  display: none;
}
dl.full-width {
  padding-bottom: 1rem;
}
.product_erji>div ul li a:hover,.solution_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;}
.nav-item .full-width .solution_erji .h3:first-of-type {margin-top: calc(
  max(
    17px,
    min(
      27px,
      min(
        calc(17px + (100vw - 1280px) * 0.015625),
        calc(21px + (100vw - 1536px) * 0.015625)
      )
    )
  )
);}
.product_erji .h3:first-of-type {
  margin-top: calc(
    max(
      17px,
      min(
        27px,
        min(
          calc(17px + (100vw - 1280px) * 0.015625),
          calc(21px + (100vw - 1536px) * 0.015625)
        )
      )
    )
  );
  padding-bottom: .6875rem;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: .6875rem;
}
.product_erji .h3,
.product_erji .font-nav-third {
  padding-right: calc(
    max(
      12px,
      min(
        20px,
        min(
          calc(12px + (100vw - 1280px) * 0.0078125),
          calc(16px + (100vw - 1536px) * 0.0208333)
        )
      )
    )
  );;
}
.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,
.solution_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 16px;
  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;
}
/* AI菜单项前面的菜单项 - 减少右边距以补偿AI菜单的左padding */
.nav-item + .nav-item-ai {
  margin-left: calc(-0.6875rem);
}

.nav-item-ai {
  padding-left: .6875rem;
  padding-right: .6875rem;
  margin-right: calc(
    max(
      29px,
      min(
        49px,
        min(
          calc(19px + (100vw - 1280px) * 0.0390625),
          calc(29px + (100vw - 1536px) * 0.0260417)
        )
      )
    )
  ) !important;
}
@media screen and (max-width: 1919px) {
  .footer-info-contact {
    padding: 10px 15px;
  }
  .nav-item + .nav-item-ai {
    margin-left: -7px;
  }
  .nav-item-ai {
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 33px !important;
  }
  
}
@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .footer-info-contact {
    padding: 8px 12px;
  }
  .nav-item + .nav-item-ai {
    margin-left: -5px;
  }
  .nav-item-ai {
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 25px !important;
  }
}
/* .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;
}
/* 针对解决方案的二级菜单的单独样式 */

.solution-full-width {padding-bottom: 0!important}

.solution-full-width .solution_erji .font-nav-third li,
.solution-full-width .solution_erji .font-nav-third li a
 {
  margin-bottom: calc(
    max(
      4px,
      min(
        10px,
        min(
          calc(4px + (100vw - 1280px) * 0.0078125),
          calc(6px + (100vw - 1536px) * 0.01041667)
        )
      )
    )
  )!important;
}
.solution-full-width .solution_erji {
  margin-top: calc(
    max(
      16px,
      min(
        27px,
        min(
          calc(16px + (100vw - 1280px) * 0.015625),
          calc(20px + (100vw - 1536px) * 0.01822917)
        )
      )
    )
  );
  margin-bottom: calc(
    max(20px,
      min(30px,
        calc(20px + (100vw - 1280px) * 0.015625)
      )
    )
  );
}
.solution-full-width .solution_erji>div {
  padding: 0 calc(
    max(
      20px,
      min(
        30px,
        min(
          calc(20px + (100vw - 1280px) * 0.01953125),
          calc(25px + (100vw - 1536px) * 0.01302083)
        )
      )
    )
  )!important;
  border-right: 1px solid #D8D8D8;
}
.solution-full-width .solution_erji>div:last-of-type {
  border-right: none;
}
.solution-full-width .solution_erji>div>.h3 {
  margin-top: 0!important;
  margin-bottom: calc(
    max(
      6px,
      min(
        12px,
        min(
          calc(6px + (100vw - 1280px) * 0.0078125),
          calc(8px + (100vw - 1536px) * 0.01041667)
        )
      )
    )
  )!important;
}
/* @media screen and (width: 1536px){
  dl.solution-full-width {width: 438px!important;}
  .solution-full-width .solution_erji>div>.h3 {
    margin-top: 0!important;
    margin-bottom: 8px!important;
  }
  .solution-full-width .solution_erji .font-nav-third li,
  .solution-full-width .solution_erji .font-nav-third li a {
    font-size: 14px!important;
    margin-bottom: 6px!important;
  }
  .solution-full-width .solution_erji>div {
    padding: 0 25px!important;
    border-right: 1px solid #D8D8D8;
  }
  .solution-full-width .solution_erji {
    margin-top: 20px;
    margin-bottom: 34px;
  }
}*/
@media screen and (min-width: 1280px) and (max-width: 1535px) {
  .solution-full-width .solution_erji .font-nav-third li,
  .solution-full-width .solution_erji .font-nav-third li a {
    font-size: 13px!important;
  }
}
dl.solution-full-width .solution_erji {
  padding-bottom: 0!important;
}
.solution-full-width .solution_erji>div ul.font-nav-third li:last-of-type,
  .solution-full-width .solution_erji>div ul.font-nav-third li:last-of-type a {
  margin-bottom: 0!important;
}