@charset "utf-8";

:root {
  --i_color: #00a3e6;
  /* 全局颜色 */
  --i_color2: #fff;
  /* 副颜色 */
  --top_h: 0.8rem;
  /* 顶部高度 */
  --border_color: rgba(51, 51, 51, 0.2);
  /* 默认边框颜色 */
  --title_fz: 0.4rem;
  /* 标题字体大小 */
  --title_des: 0.18rem;
  /* 描述 */
  --title_des_height: 0.28rem;
  /* 描述行高 */
  --contain-width: 1.6rem;
  /* 盒子左右间距 */
  --box-bottom: 0.95rem;
  /* 盒子与盒子之间距离 */
  --border_color: rgba(51, 51, 51, 0.12);
  /* 默认边框颜色 */
  --boxShadow: 0 2px 10px rgb(0 88 167 / 20%);
}

@media screen and (max-width: 1366px) {
  :root {
    --contain-width: 0.5rem;
    --box-bottom: 0.55rem;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --top_h: 0.5rem;
    --title_fz: 0.3rem;
    --contain-width: 0.5rem;
    --box-bottom: 0.55rem;
    --title_des: 0.16rem;
    --title_des_height: 0.24rem;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --border_color: rgba(0, 0, 0, 0.06);
  }
}

@media screen and (max-width: 425px) {
  :root {
    --title_fz: 0.2rem;
    --contain-width: 0.2rem;
    --box-bottom: 0.3rem;
    --title_des: 0.15rem;
    --title_des_height: 0.24rem;
  }
}

.wrap {
  width: 94vw;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.wrap_l {
  display: block;
  box-sizing: border-box;
  padding-left: 13.5%;
}

.wrap02 {
  width: 1600px;
  max-width: 94vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 2200px) {
  .wrap {
    width: 85vw;
    max-width: none;
  }
}
@media screen and (max-width: 1024px) {
  .wrap_l {
    padding-left: 3%;
  }
}

/* --------------------------------------------------header----------------------------------------- */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2014;
  height: var(--top_h);
  display: flex;
  justify-content: center;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.top_cont {
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 100%;
  width: 73%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top_cont .top {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.top_cont .top a {
  display: block;
}
/* @media screen and (max-width:1024px) {
	.top_cont{background: #373737;}
} */
/* logo */
.logo {
  height: 85%;
  /* padding-bottom: 0.19rem; */
}

.logo a {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

.logo img {
  max-height: 0.8rem;
}

@media screen and (max-width: 1440px) {
  .logo img {
    max-height: 0.7rem;
  }
  .top_cont {
    width: 80%;
  }
}

@media screen and (max-width: 1024px) {
  .logo img {
    max-height: 0.4rem;
  }
  .top_cont {
    width: 90%;
  }
}

@media screen and (max-width: 560px) {
  .logo img {
    max-height: 0.38rem;
  }
}

/* 导航 */
@media screen and (min-width: 1025px) {
  .i_nav {
    margin-left: 0.8rem;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    gap: 0 0.72rem;
    z-index: 2014;
  }

  .i_nav > li {
    position: relative;
  }

  .i_nav > li::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -0.1rem;
    width: 0;
    height: 3px;
    transform: translateX(-50%);
    background: var(--i_color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /* display: none; */
  }

  .i_nav > .current-menu-item::before,
  .i_nav > .current-category-ancestor::before,
  .i_nav > .current-post-ancestor::before,
  .i_nav > .current-menu-ancestor::before,
  .i_nav > .current-menu-parent::before,
  .i_nav > li:hover::before,
  .i_nav > .active::before {
    width: 100%;
  }

  .i_nav > li > a {
    display: block;
    font-size: 18px;
    color: #333333;
    /* line-height: var(--top_h); */
    line-height: 0.32rem;
    white-space: nowrap;
    box-sizing: border-box;
    /* padding: 0 0.3rem; */
  }

  .i_nav > .current-menu-item > a,
  .i_nav > .current-category-ancestor > a,
  .i_nav > .current-post-ancestor > a,
  .i_nav > .current-menu-ancestor > a,
  .i_nav > .current-menu-parent > a,
  .i_nav > li:hover > a,
  .i_nav > .active > a {
    /* background-color: var(--i_color); */
    color: var(--i_color);
    font-weight: bold;
  }

  .i_nav > li > .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    min-width: 1.6rem;
    background: var(--i_color2);
    box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);
    font-size: 0;
    top: calc(100% + 0.15rem);
  }

  .nav_dropdown_menu1 > .sub-menu,
  .nav_dropdown_menu2 > .sub-menu,
  .nav_dropdown_menu3 > .sub-menu,
  .nav_dropdown_menu4 > .sub-menu {
    display: none !important;
  }

  .i_nav > li > .sub-menu li {
    position: relative;
    border-bottom: 1px solid var(--border_color);
  }

  .i_nav > li > .sub-menu a {
    display: block;
    padding: 0 0.16rem;
    font-size: 0.15rem;
    color: #333;
    line-height: 0.36rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
  }

  .i_nav > li > .sub-menu > li:hover > a {
    background: var(--i_color);
    /* color: #979797; */
  }

  .i_nav .sub-menu .sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    background: #979797;
    min-width: 1.4rem;
  }

  .i_nav .sub-menu .sub-menu li {
    border-bottom-color: rgb(255 255 255 / 15%);
  }

  .i_nav .sub-menu .sub-menu a {
    font-size: 14px;
    color: #fff;
  }

  .i_nav .sub-menu .sub-menu li:hover {
    background: #acacac;
  }
}

@media screen and (max-width: 1440px) {
  .i_nav > li > a {
    font-size: 16px;
  }
}

@media screen and (max-width: 1366px) {
  .i_nav > li > a {
    font-size: 15px;
  }
}

@media screen and (max-width: 1200px) {
  .i_nav {
    gap: 0 0.38rem;
  }

  .i_nav > li > a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  .i_nav {
    display: none;
    position: fixed;
    top: var(--top_h);
    left: 0;
    width: 100%;
    width: 100vw;
    max-height: calc(100vh - var(--top_h));
    background: #fff;
    overflow-y: auto;
    z-index: 2;
  }

  /*滚动条*/
  .i_nav::-webkit-scrollbar {
    width: 3px;
    height: 8px;
  }

  .i_nav::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #555;
  }

  .i_nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    background: #f1f1f1;
  }

  .i_nav > li {
    margin: 0 0 !important;
    border-bottom: 1px solid var(--border_color);
    position: relative;
  }

  .i_nav > .menu-item-has-children span {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 0.44rem;
    height: 0.44rem;
    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 48 48"%3E%3Cpath fill="none" stroke="%23555" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M36 18L24 30L12 18"%2F%3E%3C%2Fsvg%3E')
      no-repeat center;
    background-size: 0.24rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .i_nav > .menu-item-has-children span.on {
    transform: rotate(180deg);
    background-size: 0.24rem;
  }

  .i_nav > li > a {
    padding: 0 3%;
    font-size: 0.16rem;
    color: #222;
    line-height: 0.44rem;
    text-transform: uppercase;
  }

  .i_nav > li > .sub-menu {
    display: none;
  }

  .i_nav > li > .sub-menu li {
    position: relative;
  }

  .i_nav .sub-menu a {
    padding: 0 0.4rem;
    font-size: 16px;
    color: #555;
    line-height: 0.4rem;
    position: relative;
  }

  /* .i_nav .sub-menu li:not(:last-child) {
		border-bottom: 1px solid var(--border_color)
	} */
  .i_nav > li > .sub-menu b {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.4rem;
    height: 0.4rem;
    background: url(static/images/public/arrow_down_hollow_hei.svg) no-repeat
      center;
    background-size: 0.16rem;
  }

  .i_nav > li > .sub-menu b.on {
    background: url(static/images/public/arrow_up_hollow_hei.svg) no-repeat
      center;
    background-size: 0.16rem;
  }

  .i_nav .sub-menu .sub-menu {
    display: none;
  }

  .i_nav .sub-menu .sub-menu a {
    padding: 0 0.6rem;
    font-size: 15px;
    color: #888;
    line-height: 0.36rem;
    position: relative;
  }

  .i_nav a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 移动端导航按钮 */
.nav_menu {
  /* position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%); */
  position: relative;
  width: 22px;
  height: 16px;
  display: none;
  cursor: pointer;
}

.nav_menu i {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  background: var(--i_color);
  border-radius: 0.1rem;
  transition: 0.5s;
}

.nav_menu::before,
.nav_menu::after {
  content: "";
  width: 100%;
  height: 3px;
  background: var(--i_color);
  position: absolute;
  left: 0;
  border-radius: 0.1rem;
  transition: 0.5s;
}

.nav_menu::before {
  top: 0;
}

.nav_menu::after {
  bottom: 0;
}

.nav_menu.on i {
  opacity: 0;
}

.nav_menu.on::before {
  transform: rotate(45deg);
  top: 50%;
  margin-top: -2px;
}

.nav_menu.on::after {
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -2px;
}

@media screen and (max-width: 1024px) {
  .nav_menu {
    display: block !important;
    margin-left: 0.2rem;
  }
}

/* 导航下拉 */
.nav_dropdown {
  position: fixed;
  top: var(--top_h);
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 2013;
}

.nav_dropdown_item {
  display: none;
  padding: 0.4rem 0;
}

.nav_dropdown_list {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 0 3%;
}

.nav_dropdown_list dt {
  width: 100%;
  max-width: 3.8rem;
}

.nav_p_cat_name a {
  font-size: 0.2rem;
  color: var(--i_color);
  font-weight: 900;
}

.nav_dropdown_list ul {
  margin-top: 0.2rem;
}

.nav_dropdown_list li {
  position: relative;
  padding-left: 0.24rem;
}

.nav_dropdown_list li::before {
  opacity: 0.5;
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cpath d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"%2F%3E%3Cpath fill="currentColor" d="M15.707 11.293a1 1 0 0 1 0 1.414l-5.657 5.657a1 1 0 1 1-1.414-1.414l4.95-4.95l-4.95-4.95a1 1 0 0 1 1.414-1.414l5.657 5.657Z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E')
    no-repeat center;
  background-size: contain;
}

.nav_dropdown_list li a {
  display: block;
  padding: 0.06rem 0;
  font-size: 0.15rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.nav_dropdown_list li:hover a {
  margin-left: 8px;
  color: var(--i_color);
}

.top_r {
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-left: auto;
  gap: 0 0.1rem;
}

/* search */
.top_search_btn {
  display: none;
}

.search_cont {
  --search_height: 0.46rem;
}

.search_cont form {
  width: 1.56rem;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  border-radius: 1.08rem;
  position: relative;
  transition: width 1s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.search_cont form:focus-within {
  width: 2.1rem;
}
.search_cont form:focus-within .search_btn {
  opacity: 1;
}
.search_ipt {
  width: 100%;
  height: var(--search_height);
  box-sizing: border-box;
  padding: 0 0.1rem 0 0.12rem;
  background: rgba(7, 37, 79, 0.06);
  font-size: 14px;
  color: #979797;
}

.search_btn {
  font-size: 0;
  color: rgba(7, 37, 79, 0.06);
  width: var(--search_height);
  height: var(--search_height);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23979797' d='M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3ZM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8Z'/%3E%3C/svg%3E")
    no-repeat center;

  background-size: 0.2rem;
  cursor: pointer;
  position: absolute;
  right: 0;
  opacity: 0;
}
.top_r_dividingLine {
  line-height: 100%;
  font-size: 0.22rem;
  display: flex;
  align-items: center;
  width: fit-content;
  color: rgba(7, 37, 79, 0.06);
}
@media screen and (max-width: 1366px) {
  .search_cont form {
    width: 1.6rem;
  }
}

@media screen and (max-width: 1200px) {
  .top_search_btn {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: var(--top_h);
    cursor: pointer;
    position: relative;
  }
  .search_btn {
    opacity: 1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cpath fill='%23666' d='M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3ZM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8Z'/%3E%3C/svg%3E")
      no-repeat center;
    background-size: 0.2rem;
  }
  .top_search_btn iconify-icon {
    font-size: 0.24rem;
    /* color: #fff; */
  }

  .search_cont {
    --search_height: 0.4rem;
  }
  .search_cont form:focus-within {
    width: 100%;
  }
  .search_cont {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: calc(var(--top_h) + 0.2rem);
    left: 0;
    width: 100%;
    background: #f5f6f7;
    box-sizing: border-box;
    padding: 0.2rem 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .search_cont.on {
    opacity: 1;
    visibility: visible;
    top: var(--top_h);
  }

  .search_cont form {
    width: 90%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-color: var(--i_color);
  }

  .search_ipt {
    font-size: 13px;
  }

  .search_btn {
    background-color: var(--i_color);
  }
}

@media screen and (max-width: 1024px) {
  .logo {
    height: 70%;
    padding-bottom: 0;
  }
  /* .top_language_btn::before {
    display: none;
  } */
  .search_cont {
    --search_height: 0.34rem;
  }

  .search_cont {
    padding: 0.14rem 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }

  .top_search_btn iconify-icon {
    font-size: 20px;
  }
}

.top_language {
  position: relative;
}

.top_language_btn {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: var(--top_h);
  padding-right: 0.2rem;
  cursor: pointer;
  position: relative;
}

.top_language_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
}

.top_language_btn p {
  font-size: 18px;
  color: #fff;
}

.top_language_btn iconify-icon {
  /* display: none; */
  font-size: 0.22rem;
}

.language_list {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: calc(var(--top_h) + 0.2rem);
  right: 0;
  background: #fff;
  min-width: 1.2rem;
  z-index: 2016;
  box-shadow: 0 8px 0.1rem rgb(0 0 0 / 10%);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0.16rem 0.2rem;
  text-align: left;
}

.language_list.on {
  opacity: 1;
  visibility: visible;
  top: var(--top_h);
}

.language_list dt > h6 {
  margin-bottom: 0.08rem;
  font-size: 0.17rem;
  font-weight: bold;
  white-space: nowrap;
}

.curr_lang {
  margin-bottom: 0.12rem;
  padding-bottom: 0.12rem;
  border-bottom: 1px solid #eee;
}

.lang_list a {
  display: block;
  padding: 0.06rem 0;
}

.lang_list span img {
  display: none;
}

.lang_list .trp-ls-language-name {
  padding-left: 0.3rem;
  font-size: 14px;
  position: relative;
}

.lang_list .trp-ls-language-name::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 0.18rem;
  height: 0.18rem;
  box-sizing: border-box;
  border: 1px solid #aaa;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.lang_list .trp-ls-language-name::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0.06rem;
  width: 0.06rem;
  height: 0.06rem;
  background: #006bb8;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.lang_list li:hover .trp-ls-language-name::after,
.curr_lang .trp-ls-language-name::after {
  display: block;
}

.lang_list li:hover .trp-ls-language-name,
.curr_lang .trp-ls-language-name {
  color: #333;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1200px) {
  .top_language_btn p {
    display: none;
  }

  .top_language_btn iconify-icon {
    display: block;
    font-size: 0.24rem;
  }
}

@media screen and (max-width: 1024px) {
  .top_language_btn iconify-icon {
    font-size: 22px;
  }

  .language_list dt > h6 {
    font-size: 15px;
  }

  .lang_list a {
    padding: 2px 0;
  }

  .lang_list .trp-ls-language-name {
    padding-left: 20px;
  }

  .lang_list .trp-ls-language-name::before {
    width: 14px;
    height: 14px;
  }

  .lang_list .trp-ls-language-name::after {
    left: 4px;
  }
}

@media screen and (max-width: 768px) {
  .language_list dt > h6 {
    font-size: 15px;
  }
}

.full_header_height {
  display: none;
  height: var(--top_h);
}

@media screen and (max-width: 1024px) {
  .full_header_height {
    display: block;
  }
}

/* -------------------------------------------footer------------------------------------- */
footer {
  background: url(https://lingjuimg.com/wp-content/uploads/XiLang/2025/12/footer_bg.webp)
    no-repeat center/cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer_maxbox {
  width: 100%;
  padding: 0.6rem 0;
}
.footer_maxbox .footer_maxbox_ul {
  display: flex;
  gap: 0.6rem;
}
.footer_maxbox .footer_maxbox_ul li h6 {
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.32rem;
  letter-spacing: 0em;
  color: rgba(51, 51, 51, 0.8);
}
.footer_maxbox .footer_maxbox_ul li {
  flex: 1; /* 默认占 1 份 */
}

.footer_maxbox .footer_maxbox_ul li:first-child,
.footer_maxbox .footer_maxbox_ul li:last-child {
  flex: 1.5; /* 第一个和最后一个占 1.5 份 */
}

.footer_maxbox .footer_maxbox_ul li h3 {
  font-family: Arial;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: normal;
  text-transform: capitalize;
  letter-spacing: 0em;
  color: #333333;
  margin-bottom: 0.3rem;
}
.footer_logo {
  margin-bottom: 0.2rem;
  position: relative;
  width: 36.5%;
  display: block;
}
.footer_logo::before {
  content: "";
  display: block;
  padding-bottom: 51%;
}
.footer_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.footer_media_box {
  margin-top: 0.4rem;
  display: flex;
  gap: 0.25rem;
}

.footer_media_box span a {
  width: 0.44rem;
  height: 0.44rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer_media_box span a iconify-icon {
  font-size: 0.23rem;
  color: #99daf5 !important;
}

.footer_media_box span a:hover {
  background-color: #cce8f7;
}

.footer_media_box span a:hover iconify-icon {
  color: #00a3e6 !important;
}

.footer_maxbox .footer_maxbox_ul li .nav_ul {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.footer_maxbox .footer_maxbox_ul li .nav_ul .nav_li a {
  font-family: Arial;
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.24rem;
  letter-spacing: 0em;
  color: #333333;
}
.footer_maxbox .footer_maxbox_ul li .nav_ul .menu-item a {
  font-family: Arial;
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.24rem;
  letter-spacing: 0em;
  color: #333333;
}
.footer_maxbox .footer_maxbox_ul li .nav_ul .nav_li a:hover {
  text-decoration: underline;
}
.footer_maxbox .footer_maxbox_ul li .nav_ul .menu-item a:hover {
  text-decoration: underline;
}
.footer_bottomBox {
  background: #00a3e6;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer_bottomBox_contain {
  width: 100%;
  padding: 0.24rem 0;
}
.footer_bottomBox_contain span,
.footer_bottomBox_contain span a {
  color: #fff;
  font-family: Arial;
  font-size: 0.16rem;
}
.footer_bottomBox_contain span a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {
  .footer_maxbox .footer_maxbox_ul li:nth-child(2),
  .footer_maxbox .footer_maxbox_ul li:nth-child(3) {
    display: none;
  }
  .footer_maxbox .footer_maxbox_ul {
    gap: 0.4rem;
  }
  .footer_maxbox {
    width: 90%;
  }
  .footer_maxbox .footer_maxbox_ul li .nav_ul .nav_li a {
    font-size: 0.15rem;
  }
  .footer_maxbox .footer_maxbox_ul li .nav_ul .menu-item a {
    font-size: 0.15rem;
  }
  .footer_bottomBox_contain {
    width: 90%;
    padding: 0.15rem 0;
  }
  .footer_bottomBox_contain span,
  .footer_bottomBox_contain span a {
    font-size: 0.14rem;
  }
  .footer_maxbox .footer_maxbox_ul li h6 {
    font-size: 0.14rem;
    line-height: 0.25rem;
  }
  .footer_media_box span a iconify-icon {
    font-size: 0.2rem;
  }
  .footer_media_box span a {
    width: 0.4rem;
    height: 0.4rem;
  }
  .footer_logo::before {
    padding-bottom: 37%;
  }
}

@media screen and (max-width: 425px) {
  .footer_maxbox .footer_maxbox_ul {
    display: block;
  }
  .footer_maxbox {
    padding: 0.3rem 0;
  }
  .footer_logo {
    margin-bottom: 0.1rem;
  }
  .footer_maxbox .footer_maxbox_ul li:nth-child(1) {
    position: relative;
    margin-bottom: 0.2rem;
  }
  .footer_media_box {
    position: absolute;
    top: 0.1rem;
    margin-top: 0;
    right: 0;
    gap: 0.15rem;
  }
  .footer_media_box span a {
    width: 0.3rem;
    height: 0.3rem;
  }
  .footer_media_box span a iconify-icon {
    font-size: 0.16rem;
  }
  .footer_maxbox .footer_maxbox_ul li h3 {
    margin-bottom: 0.2rem;
  }
  .footer_maxbox .footer_maxbox_ul li .nav_ul {
    gap: 0.15rem;
  }
  .footer_bottomBox_contain {
    padding: 0.1rem 0;
  }
  .footer_bottomBox_contain span,
  .footer_bottomBox_contain span a {
    font-size: 0.12rem;
  }
}
@media screen and (max-width: 375px) {
  .footer_media_box {
    top: 0.05rem;
  }
}
/* ---------------------------------public_btn--------------------------------- */
.public_btn a {
  display: flex;
  gap: 0.33rem;
  border-radius: 1.2rem;
  align-items: center;
  justify-content: center;
  padding: 0.06rem 0.08rem 0.06rem 0.3rem;
  background: linear-gradient(to right, var(--i_color) 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right center;
  color: var(--i_color);
  transition: background-position 0.8s ease, color 0.8s ease,
    box-shadow 0.3s ease;
}

.public_btn a:hover {
  border-color: var(--i_color);
  background-position: left center;
  color: #ffffff;
}

.public_btn a h6 {
  color: #00a3e6;
  font-size: 0.18rem;
}
.public_btn a span {
  background: #00a3e6;
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.public_btn a span img {
  width: 0.14rem;
  height: 0.14rem;
  object-fit: cover;
}

.public_btn:hover a h6 {
  color: #fff;
}
.public_btn:hover a span {
  background: #fff;
}
.public_btn:hover span img {
  filter: brightness(0) saturate(100%) invert(54%) sepia(94%) saturate(1280%)
    hue-rotate(163deg) brightness(102%) contrast(102%);
}
@media screen and (max-width: 1200px) {
  .public_btn a span {
    width: 0.4rem;
    height: 0.4rem;
  }
  .public_btn a h6 {
    font-size: 0.16rem;
  }
  .public_btn a {
    gap: 0.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .public_btn a {
    display: flex;
    gap: 0.2rem;
    border-radius: 1.2rem;
    background: #ffffff;
    align-items: center;
    justify-content: center;
    padding: 0.06rem 0.08rem 0.06rem 0.2rem;
  }
  .public_btn a span {
    width: 0.3rem;
    height: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .public_btn a span {
    width: 0.25rem;
    height: 0.25rem;
  }
  .public_btn a h6 {
    font-size: 0.14rem;
  }
}
@media screen and (max-width: 425px) {
  .public_btn a {
    gap: 0.1rem;
    padding: 0.06rem 0.08rem 0.06rem 0.2rem;
  }
}
@media screen and (max-width: 320px) {
  .public_btn a {
    gap: 0.1rem;
    padding: 0.06rem 0.08rem 0.06rem 0.1rem;
  }
  .public_btn a span {
    width: 0.2rem;
    height: 0.2rem;
  }
  .public_btn a h6 {
    font-size: 0.12rem;
  }
}

/* ---------------------------------home.html----------------------------------- */

/* ---------------------------------banner--------------------------------- */
.banner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
}

.banner .swiper-slide {
  /* height: 0; */
  padding-bottom: 48%;
  /* 设置比例 */
  position: relative;
}

.banner .swiper-container .swiper-wrapper .swiper-slide .banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home_banner_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10% 0 0 0;
  box-sizing: border-box;
}

.home_banner_info h3 {
  font-family: Arial;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0em;
  color: #ffffff;
  width: 51.7%;
  margin: 0 0 0.2rem 13.5%;
}
.home_banner_info h4 {
  width: 54%;
  overflow: visible;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.36rem;
  padding: 0.2rem 0.7rem 0.2rem 13.5%;
  clip-path: polygon(0 0, 100% 0%, 94% 100%, 0% 100%);
  background: linear-gradient(
    91deg,
    rgba(3, 122, 219, 0.8) 0%,
    rgba(0, 163, 230, 0.76) 96%
  );
}

.home_banner_info .banner_btnbox {
  display: flex;
  padding: 0.8rem 0 0 13.5%;
  box-sizing: border-box;
}

.banner-pagination {
  display: block;
  text-align: center;
  bottom: 0.3rem !important;
  position: absolute;
  left: 50% !important;
  transform: translate(-50%, 0);
  z-index: 3;
}

.banner-pagination .swiper-pagination-bullet {
  width: 0.14rem;
  height: 0.14rem;
  display: inline-block;
  margin: 0 0.06rem;
  background: #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

.banner-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

.banner-button-prev,
.banner-button-next {
  display: block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 3;
}

.banner-button-prev {
  left: -0.8rem;
}

.banner-button-next {
  right: -0.8rem;
}

.banner-button-prev iconify-icon,
.banner-button-next iconify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.4rem;
  color: #666;
}

.banner-button-prev:hover iconify-icon,
.banner-button-next:hover iconify-icon {
  color: var(--i_color);
}

.banner:hover .banner-button-prev {
  left: 0;
}

.banner:hover .banner-button-next {
  right: 0;
}

@media screen and (max-width: 1440px) {
  .home_banner_info h3 {
    font-size: 0.4rem;
    line-height: 0.55rem;
  }
  .home_banner_info h4 {
    font-size: 0.2rem;
    line-height: 0.32rem;
  }
}

@media screen and (max-width: 1366px) {
  .home_banner_info h3 {
    font-size: 0.3rem;
    line-height: 0.45rem;
  }
  .home_banner_info h4 {
    font-size: 0.18rem;
    line-height: 0.3rem;
  }
}

@media screen and (max-width: 1200px) {
  .home_banner_info h3 {
    margin: 0 0 0.2rem 10%;
  }
  .home_banner_info h4 {
    padding: 0.2rem 0.7rem 0.2rem 10%;
  }
  .home_banner_info .banner_btnbox {
    padding: 0.8rem 0 0 10%;
  }
}
@media screen and (max-width: 1024px) {
  .banner-button-prev,
  .banner-button-next {
    display: none;
  }

  .banner-pagination {
    bottom: 0.1rem !important;
  }
  .home_banner_info h3 {
    font-size: 0.25rem;
    line-height: 0.35rem;
  }
  .home_banner_info .banner_btnbox {
    padding: 0.4rem 0 0 10%;
  }
  .home_banner_info h4 {
    width: 44.15%;
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
}

@media screen and (max-width: 768px) {
  .banner-pagination .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    display: inline-block;
    margin: 0 0.06rem;
    background: #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
  }
  .home_banner_info h3 {
    font-size: 0.16rem;
    line-height: 0.27rem;
    width: 60%;
  }
  .home_banner_info h4 {
    width: 45%;
    font-size: 0.15rem;
    line-height: 0.25rem;
    padding: 0.1rem 0.5rem 0.1rem 10%;
  }
  .home_banner_info .banner_btnbox {
    padding: 0.2rem 0 0 10%;
  }
}

@media screen and (max-width: 425px) {
  .banner .swiper-slide {
    padding-bottom: 65%;
  }
  .home_banner_info h4 {
    display: none;
  }
  .home_banner_info h3 {
    font-size: 0.16rem;
    line-height: 0.3rem;
    width: 80%;
    text-align: center;
  }

  .home_banner_info .banner_btnbox {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0;
  }
}
@media screen and (max-width: 375px) {
  .home_banner_info h3 {
    font-size: 0.14rem;
    line-height: 0.25rem;
  }
}
@media screen and (max-width: 320px) {
  .banner-pagination .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    display: inline-block;
    margin: 0 0.03rem;
    background: #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
  }
  .home_banner_info h3 {
    font-size: 0.16rem;
    line-height: 0.25rem;
  }
}

/* --------------------------------------Product Category--------------------------------- */
.home_product_category {
  background: url(static/images/home_product_category.webp) no-repeat
    center/cover;
}
.product_category {
  padding: 0.8rem 0;
}

.product_category_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product_category_top_left {
  width: 44.5%;
}
.product_category_top_left h3 {
  font-family: Arial;
  font-size: var(--title_fz);
  font-weight: bold;
  line-height: 0.48rem;
  letter-spacing: 0em;
  color: #333333;
  margin-bottom: 0.2rem;
}
.product_category_top_left h6 {
  font-family: Arial;
  font-size: var(--title_des);
  font-weight: normal;
  line-height: var(--title_des_height);
  letter-spacing: 0em;
  color: #666666;
}

.pc_cont {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.pc_wrap {
  position: relative;
  padding: 0 5%;
  box-sizing: border-box;
  width: 100%;
}
.pc_list {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.pc_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.pc_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
}
.pc_list_item {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 0.15rem;
  box-sizing: border-box;
  overflow: hidden;
}

.pc_list_item::before {
  content: "";
  display: block;
  padding-bottom: 46.2%;
}
.pc_list_item .pc_list_item_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: transform 0.4s;
}
.pc_list_item .pc_list_item_leftbg {
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
.pc_list_item h3 {
  position: absolute;
  top: 19%;
  left: 5%;
  font-family: Arial;
  font-size: 0.24rem;
  font-weight: bold;
  color: #ffffff;
  z-index: 3;
  width: 20%;
}
.pc_list_item h6 {
  position: absolute;
  top: 67%;
  left: 5%;
  z-index: 3;
  border: solid 1px #fff;
  border-radius: 50%;
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pc_list_item:hover .pc_list_item_img {
  transform: scale(1.1);
}

.pc_list_item:hover h6 {
  background-color: #fff;
  border: none;
}
.pc_list_item:hover h6 img {
  filter: brightness(0) saturate(100%) invert(54%) sepia(94%) saturate(1280%)
    hue-rotate(163deg) brightness(102%) contrast(102%);
}

.pc-pagination {
  display: block;
  margin-top: 0.3rem;
  text-align: center;
}
.pc_prev,
.pc_next {
  background-color: transparent;
  border: 1px solid #00a3e6;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 3;
}
.pc_prev {
  top: 40%;
  left: 0%;
}
.pc_next {
  top: 40%;
  right: 0%;
}
.pc_next img {
  filter: brightness(0) saturate(100%) invert(42%) sepia(95%) saturate(1350%)
    hue-rotate(165deg) brightness(95%);
}

.pc_prev:hover,
.pc_next:hover {
  background-color: var(--i_color);
}
.pc_prev:hover img,
.pc_next:hover img {
  filter: brightness(0) invert(1);
}
.pc-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  margin: 0 6px;
  background: #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.4s ease;
}
.pc-pagination .swiper-pagination-bullet-active {
  width: 0.19rem;
  border-radius: 5rem;
  background: var(--i_color);
}
@media screen and (max-width: 1024px) {
  .pc_prev,
  .pc_next {
    display: none;
  }
}
@media screen and (max-width: 425px) {
  .product_category_top {
    display: block;
  }
  .product_category_top_left {
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .product_category_top_left h3 {
    margin-bottom: 0.1rem;
  }
  .product_category_top_right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .pc_list_item h3 {
    font-size: 0.16rem;
  }
  .pc_list_item h6 {
    width: 0.35rem;
    height: 0.35rem;
  }
}

/* ---------------------------------Hot Products----------------------------  */
.home_hot_products {
}
.hot_products {
  padding: 0.6rem 0;
}
.hot_products_top {
  background: url(static/images/home_hot_products.webp) no-repeat center/cover;
}
.hot_products_top h3 {
  font-family: Arial;
  font-size: var(--title_fz);
  font-weight: bold;
  line-height: 0.48rem;
  letter-spacing: 0em;
  text-align: center;
  color: #333333;
  margin-bottom: 0.2rem;
}
.hot_products_top h6 {
  font-family: Arial;
  font-size: var(--title_des);
  font-weight: normal;
  line-height: var(--title_des_height);
  text-align: center;
  letter-spacing: 0em;
  color: #666666;
}
/* 容器 */
.adv_service_ul {
  display: flex;
  gap: 0.12rem;
  margin-top: 0.6rem;
  overflow: hidden;
}

/* li 元素 */
.adv_service_ul li {
  flex-grow: 1;
  width: 15.65%;
  height: 6.3rem;
  position: relative;
  transition: all 0.7s ease;
  z-index: 2;
  border-radius: 0.1rem;
}

/* li 内 a 铺满 */
.adv_service_ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; /* 保证绝对定位生效 */
  text-decoration: none;
  color: inherit;
}

/* li::after 遮罩层 */
.adv_service_ul li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(0deg, #00a3e6 -7%, rgba(4, 33, 46, 0) 60%);
  border-radius: 0.1rem;
}

/* li::before 底部渐变 */
.adv_service_ul li::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.4s ease;
}

/* li 内的图片 */
.adv_service_ul li a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.1rem;
}

/* 文字容器 */
.adv_service_ul li a .adv_service_text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0.3rem 0.22rem;
  z-index: 3;
  border-radius: 0 0 0.1rem 0.1rem;
}

/* 标题 */
.adv_service_ul li a .adv_service_text h3 {
  font-size: 0.24rem;
  color: #fff;
  line-height: 0.3rem;
  min-height: 0.7rem;
  text-transform: capitalize;
  margin-bottom: 0.1rem;
  padding-bottom: 0.1rem;
  text-align: center;
  box-sizing: border-box;
}

/* 描述文字，默认隐藏 */
.adv_service_ul li a .adv_service_text h4 {
  display: none;
  font-size: 0.18rem;
  color: #fff;
  line-height: 30px;
  width: 30vw;
}

/* 激活状态 li */
.adv_service_ul li.adv_service_active {
  flex-grow: 1000 !important;
}

/* 激活状态去掉底部渐变 */
.adv_service_ul li.adv_service_active::before {
  opacity: 0;
}

/* 激活状态文字调整 */
.adv_service_ul li.adv_service_active a .adv_service_text {
  background: transparent;
}

.adv_service_ul li.adv_service_active a .adv_service_text h3 {
  min-height: unset;
  text-align: left;
  font-weight: bold;
  font-size: 0.32rem;
}

.adv_service_ul li.adv_service_active a .adv_service_text h4 {
  display: block;
  animation: opPrevIn 0.8s cubic-bezier(0.435, 0.25, 0.15, 0.965) alternate;
}

/* 激活状态 ::after 全覆盖 */
.adv_service_ul li.adv_service_active::after {
  height: 100% !important;
}

@media screen and (max-width: 1440px) {
  .our-advantages {
    padding: 0.3rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .adv_service_text {
    padding: 0.15rem 0.1rem;
  }

  .adv_service_text h3 {
    font-size: 0.22rem;
  }
  .adv_service_ul li.adv_service_active .adv_service_text h3 {
    font-size: 0.22rem;
  }
  .adv_service_text h4 {
    font-size: 0.18rem;
    line-height: 28px;
  }
}

@media screen and (max-width: 768px) {
  .adv_service_ul {
    flex-wrap: wrap;
  }

  .adv_service_ul li {
    width: 100%;
  }
  .adv_service_text h3 {
    font-size: 0.2rem;

    line-height: 0.25rem;

    min-height: 0.6rem;
  }

  .adv_service_text h4 {
    font-size: 0.14rem;

    width: 90vw;
  }

  .adv_service_ul li {
    height: 4rem;
  }

  .our-advantages-top-des {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 425px) {
  .our-advantages {
    padding: 0.2rem 0;
  }
  .our-advantages-top {
    gap: 0.1rem;
  }
  .our-advantages-top-des {
    font-size: 0.13rem;
  }

  .adv_service_text h3 {
    font-size: 0.15rem;
    line-height: 0.25rem;
    min-height: 0.6rem;
  }

  .adv_service_text h4 {
    display: none !important;
  }

  .adv_service_ul {
    margin-top: 0.3rem;
  }

  .adv_service_ul li {
    height: 3rem;
  }
}

@media screen and (max-width: 320px) {
  /* .adv_service_ul li.adv_service_active .adv_service_text h4 {
    display: none;
  }
  .adv_service_ul li.adv_service_active .adv_service_text h3 {
    display: none;
  } */
  .adv_service_ul li.adv_service_active .adv_service_text h3 {
    font-size: 0.2rem;
  }
  .adv_service_text h4 {
    font-size: 0.13rem;
    line-height: 19px;
  }
  .our-advantages-top-des {
    font-size: 0.12rem;
  }

  .adv_service_text h3 {
    font-size: 0.13rem;
    line-height: 0.25rem;
    min-height: 0.6rem;
    padding: 0;
  }

  .adv_service_ul li {
    height: 2rem;
  }
}

/* ---------------------------home_company_introduction-------------------- */
.home_company_introduction {
}
.company_introduction {
  /* background: url(static/images/home_company_bg.webp) no-repeat center/cover; */
  padding: 0.6rem 0;
}
.company_introduction_top {
  margin-bottom: 0.5rem;
}
.cit_bg {
  background: url(static/images/home_companyinfo_bg.webp) no-repeat center/cover;
}
.company_introduction_top h3 {
  font-family: Arial;
  font-size: var(--title_fz);
  font-weight: bold;
  line-height: 48px;
  letter-spacing: 0em;
  color: #333333;
  text-align: center;
  margin-bottom: 0.2rem;
}

.company_introduction_top h3 span {
  color: #17bbff;
}

.company_introduction_btn {
  display: flex;
  justify-content: center;
}

.company_introduction_top h4 {
  font-family: Arial;
  font-size: var(--title_des);
  font-weight: normal;
  line-height: var(--title_des_height);
  text-align: center;
  letter-spacing: 0em;
  font-variation-settings: "opsz" auto;
  color: #666666;
  margin-bottom: 0.4rem;
}

.ci_btn {
  background: transparent;
  border: 1px solid #00a3e6;
  border-radius: 1.2rem;
}

.company_introduction_contain {
  position: relative;
}
.company_introduction_contain::before {
  content: "";
  display: block;
  padding-bottom: 26.3%;
}
.company_introduction_contain .home_company_introduction_img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0px 2rem 0px 0px;
}
.company_introduction_contain i {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  background: url("static/images/video_btn.webp") center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cic_data_card {
  border-bottom: 6px solid #00a3e6;
  background: #fff;
  transform: translateY(-1.4rem);
}
.cic_data_card ul {
  display: flex;
  flex-wrap: wrap;
}
.cic_data_card ul li {
  padding: 0.57rem 0.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 0.2rem;
  flex: 1;
}
.cic_data_card ul li img {
  width: 0.58rem;
  height: 0.5rem;
  object-fit: cover;
}
.cic_data_card ul li h3 {
  font-family: Arial;
  text-align: center;
  letter-spacing: 0em;
  color: #00a3e6;
  font-weight: 700;
  font-size: 0.4rem;
}
.cic_data_card ul li h3 a {
  color: #00a3e6;
}
.cic_data_card ul li h3 span {
  font-weight: 400;
  font-size: 0.24rem;
  font-weight: normal;
  position: relative;
}
.cic_data_card ul li h3 span::after {
  content: "+";
  position: absolute;
  /* top: 0; */
  right: -0.2rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: #00a3e6;
  line-height: 1;
}
.cic_data_card ul li h4 {
  font-family: Arial;
  font-size: 0.16rem;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  letter-spacing: -0.015em;
  color: #333333;
}

@media screen and (max-width: 1024px) {
  .cic_data_card {
    border-bottom: 6px solid #00a3e6;
    background: #fff;
    transform: translateY(0rem);
  }
  .cic_data_card ul li {
    padding: 0.5rem 0.4rem;
    gap: 0.2rem;
    flex: 1;
  }
}
@media screen and (max-width: 768px) {
  .cic_data_card ul li {
    flex: none;
    width: 33%;
    gap: 0.2rem 0;
    padding: 0.5rem 0rem;
  }
}
@media screen and (max-width: 425px) {
  .cic_data_card ul li {
    width: 50%;
    gap: 0.2rem 0;
    padding: 0.3rem 0rem;
  }
  .cic_data_card ul li h3 {
    font-size: 0.3rem;
  }
}
.i_v_btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  z-index: 2;
  animation: serv_one_border 2s 0s ease infinite;
}
.i_v_btn span {
  position: relative;
}

.i_v_btn span::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  z-index: 2;
}
.i_v_btn span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  z-index: 2;
}
.i_v_btn span::before {
  animation: serv_one_border 1.5s 0s ease infinite;
}
.i_v_btn span::after {
  animation: serv_one_border 2.5s 0s ease infinite;
}

@keyframes serv_one_border {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
    -ms-transform: translate(-50%, -50%) scale(1.5);
    -o-transform: translate(-50%, -50%) scale(1.5);
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    -moz-transform: translate(-50%, -50%) scale(1.5);
  }
}

@keyframes yuan {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
/* eject videos */
.vd_box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}
.vd_box_area {
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2014;
  width: 60%;
  max-height: 90%;
}
.vd_box_area::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.close_v {
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  background: var(--i_color);
  z-index: 2;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}
.close_v::before {
  content: "+";
  position: absolute;
  top: 46%;
  left: 53%;
  font-size: 0.44rem;
  color: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.vd_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .vd_box_area {
    width: 80%;
  }
  .close_v::before {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .vd_box_area {
    width: 88%;
  }
  .close_v {
    top: -0.15rem;
    right: -0.15rem;
    width: 0.3rem;
    height: 0.3rem;
  }
  .close_v::before {
    font-size: 0.3rem;
  }
}

/* ------------------------------Company Advantages-------------------------- */

.home_company_advantages {
}
.company_advantages {
}

.company_advantages {
}
.company_advantages_top {
  margin-bottom: 0.4rem;
}
.company_advantages_top h3 {
  font-family: Arial;
  font-size: var(--title_fz);
  font-weight: bold;
  line-height: 0.48rem;
  letter-spacing: 0em;
  text-align: center;
  color: #333333;
  margin-bottom: 0.2rem;
}
.company_advantages_top h6 {
  font-family: Arial;
  font-size: var(--title_des);
  font-weight: normal;
  line-height: var(--title_des_height);
  text-align: center;
  letter-spacing: 0em;
  color: #666666;
}
.company_advantages_contain {
  width: 100%;
  display: flex;
  position: relative;
}

#wpforms-159 {
  --wpforms_input_height: 48px;
  --wpforms_textarea_height: 120px;
  --wpforms_input_font_size: 16px;
  width: 100%;
}
#wpforms-159 {
  margin: 0;
  padding: 0;
}
#wpforms-form-159 {
  width: 100%;
  position: relative;
}

/* 字段样式 */
#wpforms-159 .wpforms-field-container > .wpforms-field {
  width: 100%;
  padding: 0 1px 20px;
  margin: 0 0 6px;
  overflow-x: initial !important;
  position: relative;
}
#wpforms-159 label.wpforms-field-label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}
#wpforms-159 .wpforms-field-container .wpforms-required-label {
  color: #d63637;
}
#wpforms-159 .wpforms-field-container .wpforms-field > input,
#wpforms-159 .wpforms-field-container textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 18px !important;
  margin: 0 0;
  border: 1px solid #ccc;
  background: #fff;
  font-size: var(--wpforms_input_font_size);
  line-height: 1.4;
}
#wpforms-159 .wpforms-field-container .wpforms-field > input {
  height: var(--wpforms_input_height);
}
#wpforms-159 .wpforms-field-container textarea {
  height: var(--wpforms_textarea_height);
}
#wpforms-159 input::placeholder,
#wpforms-159 textarea::placeholder {
  color: #aaa;
  font-size: var(--wpforms_input_font_size);
  line-height: 1.4;
}

#wpforms-159 .wpforms-field-container .wpforms-field > input:hover,
#wpforms-159 .wpforms-field-container textarea:hover,
#wpforms-159 .wpforms-field-container .wpforms-field > input:focus,
#wpforms-159 .wpforms-field-container textarea:focus {
  border-color: var(--i_color);
}

/* 验证错误提示 */
#wpforms-159 label.wpforms-error,
#wpforms-159 em.wpforms-error {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  color: #d63637;
}

/* 隐藏 Label 标签 */
#wpforms-159 .wpforms-field-container .wpforms-field-label {
  height: 0;
  font-size: 0;
  margin: 0 0;
}
#wpforms-159 .wpforms-field-container .wpforms-required-label {
  position: absolute;
  top: 8px;
  left: 6px;
  font-size: 16px;
  font-weight: bold;
}

/* 输入框水平排列，一行两个 */
#wpforms-159 .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#wpforms-159-field_1-container,
#wpforms-159-field_2-container,
#wpforms-159-field_3-container {
  width: 33% !important;
}
#wpforms-159-field_4-container {
  width: 100% !important;
}
/* 提交按钮样式 */
#wpforms-159 .wpforms-submit-container {
  width: 100%;
  padding: 0 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}
#wpforms-159 .wpforms-submit-container button {
  width: 14.28%;
  height: 44px;
  font-size: 15px;
  color: #fff;
  background: var(--i_color);
  border-radius: 1.2rem;
}
#wpforms-159 .wpforms-submit-container img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 4px;
  z-index: 2;
}
#wpforms-159 .wpforms-submit-container button:hover {
  background: #00a2f9;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
  #wpforms-159 .wpforms-submit-container {
    margin: 0.2rem auto 0;
  }
  #wpforms-159 .wpforms-submit-container button {
    width: 20%;
  }
}

@media screen and (max-width: 959px) {
}

@media screen and (max-width: 768px) {
  #wpforms-159 .wpforms-field:nth-child(1),
  #wpforms-159 .wpforms-field:nth-child(2) {
    margin-right: 0rem;
  }

  #wpforms-159 .wpforms-field:nth-child(1),
  #wpforms-159 .wpforms-field:nth-child(2),
  #wpforms-159 .wpforms-field:nth-child(3) {
    width: 100%;
  }

  #wpforms-159 {
    --input_height: 0.5rem;
  }
}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 425px) {
  /* 输入框水平排列，一行两个 */
  #wpforms-159 .wpforms-field-container {
    display: block;
    justify-content: space-between;
  }
  #wpforms-159-field_1-container,
  #wpforms-159-field_2-container,
  #wpforms-159-field_3-container {
    width: 100% !important;
  }
  #wpforms-159 .wpforms-submit-container button {
    width: 100%;
  }
}

.home_company_advantage_bg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 41%;
  object-fit: cover;
}
.cac_leftbox {
  width: 40%;
  position: relative;
}

.cac_leftbox::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 76.2%; /* 设置整体高度比例 */
}

.cac_leftbox ul {
  position: absolute;
  inset: 0;
}

.cac_leftbox ul li {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  height: auto;
}

.cac_leftbox ul li.active {
  opacity: 1;
  z-index: 2;
}

.cac_leftbox ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cac_rightbox {
  width: 66.5%;
  margin-left: -6.5%;

  overflow: hidden;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cac_rightbox_card {
  background: #fff;
  color: #333;
  transition: 0.3s;
  flex: 1;
  border-radius: 0.08rem;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.3s, transform 0.3s;
  padding: 0.32rem;
  box-sizing: border-box;
  height: 2.6rem;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.cac_rightbox_card h3 {
  font-family: Arial;
  font-size: 0.24rem;
  font-weight: bold;
  color: #333333;
  margin-bottom: 0.2rem;
}
.cac_rightbox_card h4 {
  font-family: Arial;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.32rem;
  color: #666666;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 47%;
}

.cac_rightbox_card span {
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  text-align: end;
  border: 1px solid #e2e2e2;
  align-self: flex-end;
  margin-top: auto;
}
.cac_rightbox_card span img {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: cover;
  filter: brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(1814%)
    hue-rotate(165deg) brightness(98%) contrast(101%);
}

.swiper-slide-active .cac_rightbox_card {
  background: #00a3e6;
  color: #fff;
  border-radius: 0.08rem;
  box-sizing: border-box;
}
.swiper-slide-active .cac_rightbox_card h3 {
  font-family: Arial;
  font-size: 0.24rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.2rem;
}
.swiper-slide-active .cac_rightbox_card h4 {
  font-family: Arial;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.32rem;
  color: #ffffff;
}
.swiper-slide-active .cac_rightbox_card span {
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  text-align: end;
}
.swiper-slide-active .cac_rightbox_card span img {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: cover;
  filter: brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(1814%)
    hue-rotate(165deg) brightness(98%) contrast(101%);
}

.cac_rightbox .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
}
.cac_rightbox_pagination {
  text-align: left;
  padding-left: 15%;
}

.cac_rightbox_pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  margin: 0 0.08rem !important;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  background: rgba(0, 0, 0, 0.4);
  outline: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.cac_rightbox_pagination .swiper-pagination-bullet-active {
  width: 0.2rem;
  height: 0.1rem;
  background: var(--i_color);
  background-size: contain;
  border-radius: 50%;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  -ms-border-radius: 0.24rem;
  -o-border-radius: 0.24rem;
}

@media screen and (max-width: 1024px) {
  .company_advantages_contain {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding-left: 0;
  }
  .cac_leftbox {
    width: 80%;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 0.4rem;
  }
  .cac_rightbox {
    width: 100%;
  }
  .cac_rightbox_pagination {
    text-align: center;
  }
  .cac_leftbox::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 44.2%;
  }
}
@media screen and (max-width: 768px) {
  .cac_rightbox_card h3 {
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
  }
  .cac_rightbox_card h4 {
    font-family: Arial;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 47%;
  }
  .swiper-slide-active .cac_rightbox_card h4 {
    font-family: Arial;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: 0.24rem;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 425px) {
  .cac_rightbox {
    margin-left: 0;
  }
  .cac_rightbox .swiper-slide {
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 320) {
  .company_advantages_top {
    margin-bottom: 0.2rem;
  }
}

/* -------------------------Certificate Of Honor------------------ */
.home_certificate_honor {
  width: 100%;
  padding: 0.6rem 0;
}
.certificate_honor {
  width: 100%;
}
.certificate_honor_contain {
}
.Certificate_list {
  position: relative;
  overflow: hidden;
}
.Certificate_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.Certificate_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  border-radius: 0.16rem;
  box-sizing: border-box;
  padding: 0.5rem 0.2rem;
  display: flex;
  justify-content: center;
}

.Certificate_list .swiper-slide::before {
  content: "";
  display: block;
  width: 100%;
  height: 70%;
  background: linear-gradient(180deg, #f7f7f7 2%, rgba(247, 247, 247, 0) 100%);
  border-radius: 0.16rem 0.16rem 0 0;
  position: absolute;
  left: 0;
  top: 0;
}
.Certificate_list .swiper-slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  background-color: #f7f7f7;
  border-radius: 0 0 0.16rem 0.16rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.Certificate_img {
  width: 84%;
  position: relative;
  z-index: 10;
  border: 3px solid #333333;
  box-sizing: border-box;
}
.Certificate_img::before {
  content: "";
  display: block;
  padding-bottom: 142%;
}
.Certificate_img img {
  width: 95%;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 560px) {
  .Certificate_list .swiper-slide {
    padding: 0.3rem 0.1rem;
  }
}

/* -------------------------home_News------------------------- */
.home_News {
  padding: 0.6rem 0;
  background: linear-gradient(
    180deg,
    rgba(0, 163, 230, 0) 0%,
    rgba(0, 163, 230, 0.05) 52%
  );
}

.home_news_maxbox {
}
.hnm_contain {
  display: flex;
  justify-content: space-between;
  margin-top: 0.4rem;
}

.hnm_contain_leftbox {
  width: 57.3%;
}
.hnm_contain_leftbox ul li {
  position: relative;
  overflow: hidden;
  transition: opacity 0.4s ease;
  border-radius: 0.08rem;
}

.hnm_contain_leftbox ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%; /* ⭐ 只覆盖下半部分 */
  pointer-events: none; /* 不影响点击 */
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(4, 19, 56, 0.5876) 58%,
    #010715 100%
  );
}
.hnm_contain_leftbox ul li::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.hnm_contain_leftbox ul li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: imgSlideUp 1s ease forwards;
}
@keyframes imgSlideUp {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.hnm_contain_leftbox_div {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.2rem 0;
  z-index: 5;
}

.hnm_contain_leftbox_div h3 {
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 28px;
  color: #ffffff;
  background: linear-gradient(90deg, #00a3e6 0%, rgba(0, 163, 230, 0) 100%);
  width: fit-content;
  padding: 0.1rem 0.3rem;
}

.hnm_contain_leftbox_div h4 {
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 0.28rem;
  color: #ffffff;
  padding-left: 0.3rem;
}
.hnm_contain_leftbox_div h5 {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(255, 255, 255, 0.8);
  padding-left: 0.3rem;
}
.hnm_contain_rightbox {
  width: 41%;
}
.hnm_contain_rightbox ul {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0.2rem;
}
.hnm_contain_rightbox ul li {
  background-color: #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
  padding: 0.3rem 0.32rem 0.14rem 0.33rem;
  box-sizing: border-box;
  flex: 1;
}
.hnm_contain_rightbox ul li a h3 {
  font-size: 0.2rem;
  font-weight: bold;
  line-height: 0.28rem;
  color: #333333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.hcr_bottombox {
  display: flex;
  margin-top: 0.16rem;
  justify-content: space-between;
}
.hcr_bottombox h4 {
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #666666;
}
.hcr_bottombox span {
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #00a3e6;
  border-radius: 50%;
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hcr_bottombox span img {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: cover;
  filter: brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(1814%)
    hue-rotate(165deg) brightness(98%) contrast(101%);
}
.hnm_contain_rightbox ul .current a h3 {
  color: #00a3e6;
}
.hnm_contain_rightbox ul .current a .hcr_bottombox span {
  background: #00a3e6;
  box-sizing: border-box;
  border: 1px solid #00a3e6;
  border-radius: 50%;
  width: 0.44rem;
  height: 0.44rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hnm_contain_rightbox ul .current a .hcr_bottombox span img {
  width: 0.16rem;
  height: 0.16rem;
  object-fit: cover;
  filter: brightness(0) invert(1);
}

@media screen and (max-width: 1200px) {
  .hnm_contain_leftbox ul li::before {
    content: "";
    display: block;
    padding-bottom: 78%;
  }
  .hnm_contain_rightbox ul li {
    padding: 0.2rem 0.32rem 0.14rem 0.33rem;
  }
}
@media screen and (max-width: 1024px) {
  .hnm_contain {
    display: block;
  }
  .hnm_contain_leftbox {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .hnm_contain_rightbox {
    width: 100%;
  }
  .hnm_contain_leftbox ul li::before {
    content: "";
    display: block;
    padding-bottom: 53%;
  }
}
@media screen and (max-width: 768px) {
  .hnm_contain_leftbox_div {
    gap: 0.1rem;
    padding: 0.1rem 0;
  }
  .hnm_contain_leftbox_div h3 {
    font-size: 0.14rem;
    padding: 0.05rem 0.2rem;
  }
  .hnm_contain_leftbox_div h4 {
    font-size: 0.18rem;
    line-height: 0.26rem;
    padding-left: 0.2rem;
  }
  .hnm_contain_leftbox_div h5 {
    font-size: 0.14rem;
    line-height: 0.22rem;
    padding-left: 0.2rem;
  }
}
@media screen and (max-width: 425px) {
  .hnm_contain_leftbox_div h3 {
    font-size: 0.14rem;
    padding: 0.01rem 0.2rem;
  }
  .hnm_contain_leftbox_div h4 {
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding-left: 0.2rem;
  }
  .hnm_contain_leftbox_div h5 {
    display: none;
  }
  .hnm_contain_rightbox ul li {
    padding: 0.15rem;
  }
  .hnm_contain_rightbox ul li a h3 {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.23rem;
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .hcr_bottombox h4 {
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #666666;
  }
  .hnm_contain_rightbox ul .current a .hcr_bottombox span {
    background: #00a3e6;
    box-sizing: border-box;
    border: 1px solid #00a3e6;
    border-radius: 50%;
    width: 0.3rem;
    height: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hcr_bottombox span {
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #00a3e6;
    border-radius: 50%;
    width: 0.3rem;
    height: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 320px) {
  .hnm_contain_leftbox_div h3 {
    display: none;
  }
  .hnm_contain_leftbox_div h4 {
    font-size: 0.13rem;
    line-height: 0.2rem;
    padding-left: 0.1rem;
  }
}
/* -------------------------Contact Us------------------------- */
.home_contact_us {
  padding: 0.6rem 0;
}
.home_contact_us_maxbox {
  border-radius: 0.15rem;
  padding: 0.6rem 0.55rem 0.6rem 0.8rem;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  background: #00a3e6;
  position: relative;
}
.home_contact_us_maxbox .hcum_lbg {
  position: absolute;
  bottom: -50%;
  left: 0;
}
.hcu_leftbox {
  width: 34%;
}
.hcu_leftbox h3 {
  color: #fff;
  font-family: Arial;
  font-size: var(--title_fz);
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.hcu_leftbox h4 {
  font-family: Arial;
  font-size: var(--title_des);
  font-weight: normal;
  line-height: var(--title_des_height);
  color: #fff;
}

@media screen and (max-width: 1440px) {
  .hcu_leftbox {
    width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .home_contact_us_maxbox {
    display: block;
  }
  .home_contact_us_maxbox .hcum_lbg {
    display: none;
  }
  .hcu_leftbox {
    width: 100%;
    text-align: center;
  }
  .home_contact_us_maxbox {
    padding: 0.4rem;
  }
}
@media screen and (max-width: 375px) {
  .home_contact_us_maxbox {
    padding: 0.3rem;
  }
}

.hcu_rightbox {
  width: 57%;
}

#wpforms-156 {
  --wpforms_input_height: 48px;
  --wpforms_textarea_height: 120px;
  --wpforms_input_font_size: 16px;
}
#wpforms-156 {
  margin: 0;
  padding: 0;
}

#wpforms-156-field_1::placeholder,
#wpforms-156-field_2::placeholder,
#wpforms-156-field_3::placeholder,
#wpforms-156-field_4::placeholder,
#wpforms-156-field_5::placeholder {
  color: #fff;
  opacity: 1;
}

/* 字段样式 */
#wpforms-156 .wpforms-field-container > .wpforms-field {
  width: 100%;
  padding: 0 1px 0.2rem;
  margin: 0 0 6px;
  overflow-x: initial !important;
  position: relative;
}
#wpforms-156 label.wpforms-field-label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}
#wpforms-156 .wpforms-field-container .wpforms-required-label {
  color: #d63637;
}
#wpforms-156 .wpforms-field-container .wpforms-field > input,
#wpforms-156 .wpforms-field-container textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 24px !important;
  margin: 0 0;
  border: none;
  background: rgba(255, 255, 255, 0.25);
  font-size: var(--wpforms_input_font_size);
  line-height: 1.4;
  color: #fff;
  border-radius: 0.08rem;
}

#wpforms-156 .wpforms-field-container .wpforms-field > input {
  height: var(--wpforms_input_height);
}
#wpforms-156 .wpforms-field-container textarea {
  height: var(--wpforms_textarea_height);
}
#wpforms-156 input::placeholder,
#wpforms-156 textarea::placeholder {
  color: #fff;
  font-size: var(--wpforms_input_font_size);
  line-height: 1.4;
}

#wpforms-156 .wpforms-field-container .wpforms-field > input:hover,
#wpforms-156 .wpforms-field-container textarea:hover,
#wpforms-156 .wpforms-field-container .wpforms-field > input:focus,
#wpforms-156 .wpforms-field-container textarea:focus {
  border: none !important;
}

/* 验证错误提示 */
#wpforms-156 label.wpforms-error,
#wpforms-156 em.wpforms-error {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  color: #d63637;
}

/* 隐藏 Label 标签 */
#wpforms-156 .wpforms-field-container .wpforms-field-label {
  height: 0;
  font-size: 0;
  margin: 0 0;
}
#wpforms-156 .wpforms-field-container .wpforms-required-label {
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 16px;
  font-weight: bold;
}

/* 输入框水平排列，一行两个 */
#wpforms-156 .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#wpforms-156-field_1-container,
#wpforms-156-field_2-container,
#wpforms-156-field_3-container,
#wpforms-156-field_4-container {
  width: 49% !important;
}

/* 提交按钮样式 */
#wpforms-156 .wpforms-submit-container {
  width: 100%;
  padding: 0 0;
  position: relative;
  overflow: hidden;
}
#wpforms-156 .wpforms-submit-container button {
  width: 28%;
  border-radius: 1.2rem;
  height: 44px;
  font-size: 15px;
  color: #00a3e6;
  background: #fff;
  border: none;
  font-weight: bold;
}
#wpforms-156 .wpforms-submit-container img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 4px;
  z-index: 2;
}
#wpforms-156 .wpforms-submit-container button:hover {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1024px) {
  .hcu_rightbox {
    width: 100%;
    margin-top: 0.2rem;
  }
  #wpforms-156 .wpforms-submit-container {
    margin: 0.2rem auto 0;
    text-align: center;
  }
}

@media screen and (max-width: 959px) {
}

@media screen and (max-width: 768px) {
  #wpforms-156 .wpforms-field:nth-child(1),
  #wpforms-156 .wpforms-field:nth-child(2) {
    margin-right: 0rem;
  }

  #wpforms-156 .wpforms-field:nth-child(1),
  #wpforms-156 .wpforms-field:nth-child(2),
  #wpforms-156 .wpforms-field:nth-child(3) {
    width: 100%;
  }

  #wpforms-156 {
    --input_height: 0.5rem;
  }
}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 425px) {
  /* 输入框水平排列，一行两个 */
  #wpforms-156 .wpforms-field-container {
    display: block;
    justify-content: space-between;
  }
  #wpforms-156-field_1-container,
  #wpforms-156-field_2-container,
  #wpforms-156-field_3-container,
  #wpforms-156-field_4-container {
    width: 100% !important;
  }
  #wpforms-156 .wpforms-submit-container button {
    width: 100%;
  }
}
.hide {
  display: none !important;
}
/* ---------------------------------------Breadcrumb--------------------------------------- */
.in_position {
  box-sizing: border-box;
  padding: 0.2rem 0;
  background: #f3f9fe;
  position: relative;
}

.in_position .wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.in_position a {
  display: block;
  font-size: 0.16rem;
  color: #333333;
  position: relative;
  line-height: 0.2rem;
}

.in_position a:first-child {
  padding-left: 0.26rem;
}

.in_position a:first-child::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  width: 0.18rem;
  height: 0.18rem;
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="80" height="80" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" d="m1024 165l941 942l-90 90l-83-82v805h-640v-640H896v640H256v-805l-83 82l-90-90l941-942zm640 1627V987l-640-640l-640 640v805h384v-640h512v640h384z"%2F%3E%3C%2Fsvg%3E')
    no-repeat center;
  background-size: contain;
}

.in_position a:not(:last-child):after {
  content: ">";
  margin: 0 4px;
  color: #555;
}

.in_position a:last-child {
  color: var(--i_color) !important;
}

.in_position a:hover {
  color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .in_position {
    padding: 0.16rem 0;
  }

  .in_position a {
    font-size: 14px;
  }
}

@media screen and (max-width: 560px) {
  .in_position {
    padding: 0.12rem 0;
  }

  .in_position a {
    font-size: 13px;
  }
}
/* --------------products.html-------------- */

/* ---------------------------------------products_banner--------------------------------------- */
.products_banner {
  width: 100%;
  position: relative;
}

.products_banner::before {
  content: "";
  display: block;
  padding-bottom: 29.5%;
}

.products_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* 黑色半透明遮罩 + 中间文字 */
.products_banner::after {
  content: "Products"; /* 显示的文字 */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 163, 230, 0.82) -6%,
    rgba(0, 163, 230, 0.1) 84%
  );
  display: flex;
  padding-left: 13.5%;
  box-sizing: border-box;
  align-items: center;
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  /* letter-spacing: 0.06rem; */
}
@media screen and (max-width: 768px) {
  .products_banner::before {
    content: "";
    display: block;
    padding-bottom: 36.5%;
  }
  .products_banner::after {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 425px) {
  .products_banner::before {
    content: "";
    display: block;
    padding-bottom: 59.5%;
  }
  .products_banner::after {
    font-size: 0.3rem;
  }
}

/* -----------------------------------products---------------------- */
.products_bac {
  box-sizing: border-box;
  margin-top: var(--box-bottom);
  background-color: #fff;
  padding-bottom: 1rem;
}

.products {
  display: flex;
  gap: 0.6rem;
}

.products_left {
  width: 3.6rem;
  box-sizing: border-box;
}

.products_left_all {
  background: #f3f9fe;
}

.products_left_h2 {
  font-size: 0.2rem;
  text-transform: capitalize;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background: var(--i_color);
  box-sizing: border-box;
  padding: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}

.products_left_h2 iconify-icon {
  color: #fff;
  font-size: 0.34rem;
  margin-left: 0.1rem;
  font-weight: bold;
  margin-bottom: 2px;
  display: none;
}

.list {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  box-sizing: border-box;
  /* gap: 0.2rem; */
}

.list li {
  position: relative;
}

/* .list li::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: 100%;
	height: 1px;
	background-color: rgba(51, 51, 51, 0.2);
} */

.list_a {
  box-sizing: border-box;
  padding: 0.2rem 0.2rem;
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #f3f9fe;
}

.list_a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-color: #00a3e6;
  width: 0;
  height: 100%;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}

.list .list_a a {
  font-size: 0.18rem;
  color: #222;
  font-weight: bold;
  box-sizing: border-box;
  line-height: 110%;
  transition: all 0.3s ease;
  display: block;
}

.list .list_a i {
  width: 0.5rem;
  height: 0.55rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0;
  cursor: pointer;
}

.list .list_a i iconify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.24rem;
  color: #222;
  transition: all 0.3s ease;
}

.list_dl {
  padding: 0.2rem 0.08rem 0 0.2rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 0.2rem;
}

.list_dl dt {
  box-sizing: border-box;
}

.list_dl dt a {
  font-size: 0.16rem;
  color: #666;
  display: block;
  transition: all 0.3s ease;
  position: relative;
  box-sizing: border-box;
  padding: 0rem 0.2rem;
}

.list_dl dt a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.07rem;
  height: 0.07rem;
  background-color: #666666;
  opacity: 1;
  transition: all 0.3s ease;
  border-radius: 50%;
}

.list_dl dt a:hover::after,
.list_dl dt a:hover::before {
  background-color: #00a3e6;
}

.list_active {
}
.list_dl_active a::after,
.list_active .list_a::after {
  width: 100%;
  left: 0;
  right: auto;
  background-color: #00a3e6;
}
.list_dl .list_dl_active a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.07rem;
  height: 0.07rem;
  background-color: #00a3e6;
  opacity: 1;
  transition: all 0.3s ease;
  border-radius: 50%;
}
.list_active .list_a i iconify-icon {
  color: #fff;
  transform: translate(-50%, -50%) rotate(180deg);
}

.list_active .list_a a {
  color: #fff;
}

.list_dl_active a::after,
.list_dl_active a::before {
  opacity: 1 !important;
  left: 0 !important;
  background-color: #00a3e6;
}
.list_dl_active {
  text-decoration: underline;
  text-decoration-color: #00a3e6;
}
.list_dl dt a:hover {
  text-decoration: underline;
  text-decoration-color: #00a3e6;
}
.list_dl dt a:hover::after {
  opacity: 1 !important;
  left: 0 !important;
}

.list_dl dt a:hover {
  color: #00a3e6;
}

.list_dl_active a {
  color: #00a3e6 !important;
}

.list_active .list_dl {
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1200px) {
  .products_left_h2 {
    font-size: 0.28rem;
  }
}

@media screen and (max-width: 1024px) {
  .products_left {
    width: 100%;
  }

  .products_left_h2 iconify-icon {
    display: block;
  }

  .products_left_h2 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
  }

  .products_left_h2 {
    margin-bottom: 0;
  }

  .list {
    margin-top: 0.2rem;
  }

  .products_left_h2 {
    color: #fff;
    box-sizing: border-box;
    padding: 0.15rem 0;
  }

  .list {
    padding-bottom: 0.2rem;
  }
}

@media screen and (max-width: 959px) {
}

@media screen and (max-width: 767px) {
  .products_left_h2 {
    font-size: 0.2rem;
  }

  .products_left_h2 iconify-icon {
    font-size: 0.3rem;
  }
}

@media screen and (max-width: 560px) {
  .products_left_h2 {
    font-size: 0.18rem;
  }

  .products_left_h2 iconify-icon {
    font-size: 0.25rem;
  }
}

@media screen and (max-width: 425px) {
}
.products_right {
  flex: 1;
}

.products_right_top {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin-bottom: 0.2rem;
}

.products_right_top_title {
  color: #333333;
  font-family: Roboto;
  font-weight: 600;
  font-size: var(--title_fz);
}

.products_right_top_des {
  font-size: var(--title_des);
  line-height: var(--title_des_height);
  color: #666666;
}

.products_right_contain_excavatorList ul {
  display: flex;
  gap: 0.25rem;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.products_right_contain_excavatorList ul li {
  width: calc((100% - 0.25rem * 2) / 3);
  overflow: hidden;
}
.products_right_contain_excavatorList ul li span {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  display: block;
}
.products_right_contain_excavatorList ul li span::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.products_right_contain_excavatorList ul li span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.08rem;
  border: 1px solid transparent;
  transition: transform 0.4s ease;
  box-sizing: border-box;
  overflow: hidden;
}
.products_right_contain_excavatorList ul li h3 {
  text-align: center;
  margin-top: 0.2rem;
  font-family: Arial;
  font-size: 0.18rem;
  font-weight: bold;
  color: #333333;
}
.products_right_contain_excavatorList ul li:hover span img {
  border: 1px solid #00a3e6;
  /* transform: scale(1.08); */
}
.products_right_contain_excavatorList ul li:hover h3 {
  color: #00a3e6;
}

@media screen and (max-width: 1024px) {
  .products {
    display: block;
  }
  .products_left {
    margin-bottom: 0.2rem;
  }
}
@media screen and (max-width: 425px) {
  .products_right_contain_excavatorList ul li {
    width: calc((100% - 0.25rem) / 2);
  }
  .products_right_contain_excavatorList ul li h3 {
    font-size: 0.15rem;
  }
}
/* Number of pages */
.in_page_box {
  text-align: center;
  overflow: hidden;
  margin-top: 0.7rem;
}

.in_page {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.in_page_right .in_page {
  justify-content: flex-end;
}

.in_page_left .in_page {
  justify-content: flex-start;
}

.in_page li {
  min-width: 0.32rem;
  margin: 0 0.04rem;
}

.in_page a,
.in_page span {
  display: block;
  padding: 0 0.12rem;
  line-height: 0.32rem;
  font-size: 0.14rem;
  color: #333;
  background: #f2f2f2;
  -webkit-border-radius: 0.05rem;
  border-radius: 0.05rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.in_page > i {
  margin-top: 0.14rem;
  width: 100%;
  font-size: 0.13rem;
  color: #888;
  display: none;
}

/* .in_page a:hover,
.in_page .active_page a,
.in_page .active_page span {
  border-color: var(--i_color) !important;
  background: var(--i_color);
  color: #fff !important;
} */
.in_page a:hover,
.in_page .curr_page a,
.in_page .curr_page span {
  border-color: var(--i_color) !important;
  background: var(--i_color);
  color: #fff !important;
}
@media screen and (max-width: 1024px) {
  .in_page_box {
    margin-top: 0.6rem;
  }
}

@media screen and (max-width: 768px) {
  .in_page li {
    min-width: 0.28rem;
  }

  .in_page a,
  .in_page span {
    line-height: 0.28rem;
    padding: 0 0.1rem;
  }

  .in_page_box {
    margin-top: 0.4rem;
  }
}

/* ---------------------------------productsDetail.html--------------------------------- */

/* single_grid */
.single_grid_bac {
  box-sizing: border-box;
  padding: 0.4rem 0 0.8rem 0;
  background: #f3f9fe;
}
.single_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single_grid_left {
  width: 46%;
}

/* 轮播图宽度 */
.in_grid_cont {
  --sm_pic_width: 17%;
}
.in_grid_cont {
  position: relative;
  overflow: hidden;
}
.in_grid_cont:before {
  content: "";
  display: block;
  padding-bottom: 80.4%;
}

/* 底部缩略图 */
.in_grid_list_box {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--sm_pic_width);
  height: 100%;
  box-sizing: border-box;
  padding: 40px 0;
}
.in_grid_list {
  height: 100%;
  overflow: hidden;
}
.in_grid_list .swiper-slide {
  cursor: pointer;
}

.in_grid_list .img {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  position: relative;
  overflow: hidden;
}
.in_grid_list .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.in_grid_list .swiper-slide-thumb-active .img {
  border: 1px solid #00a3e6;
}
.in_grid_list .swiper-slide-thumb-active img {
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
}

.ingrid-button-prev.swiper-button-disabled,
.ingrid-button-next.swiper-button-disabled {
  cursor: not-allowed;
}

/* 轮播图 */
.in_grid_show_box {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - var(--sm_pic_width) - 20px);
  height: 100%;
  box-sizing: border-box;
  padding: 0 0;
  margin: 0 auto;
}

.in_grid_show {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.in_grid_show .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.in_grid_show .swiper-slide {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}

.in_grid_show .img {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.ingrid-pagination {
  display: block;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.5rem;
  height: 0.5rem;
  background-color: rgba(1, 167, 255, 0.15);
  border-radius: 50%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  font-size: 0.18rem;
  color: var(--i_color);
}
.ingrid-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 4px;
  background: #e5e5e5;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  outline: none;
}

.ingrid-pagination .swiper-pagination-bullet-active {
  position: relative;
  background: var(--i_color);
}

.in_grid_cont:before {
  display: none;
}
.in_grid_show_box {
  position: initial;
  width: 100%;
  border-radius: 0.04rem;
  overflow: hidden;
  border: 1px solid #d8d8d8;
}
/* 放大显示区域 */
.img-zoom-box {
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  display: none;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.in_grid_show .img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.in_grid_show .img:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.in_grid_show .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.in_grid_list_box {
  margin-top: 0.2rem;
  padding: 0 0;
  position: relative;
  width: 100%;
  height: initial;
}
.in_grid_list {
  width: 100%;
  margin: 0 auto;
}
.in_grid_list_box .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}
.in_grid_list_box .swiper-slide {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}
.in_grid_list .img {
  height: auto;
  border-radius: 0.04rem;
}
.in_grid_list .img:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.in_grid_list .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 96%;
  height: 96%;
}

.swiper-slide-thumb-active .img::after {
  background: rgba(255, 255, 255, 0);
}

/* 左右箭头 */

.ingrid-button-prev,
.ingrid-button-next {
  position: absolute;
  top: 40%;
  transform: translate(0, -50%);
  width: 0.44rem;
  height: 0.44rem;
  z-index: 999;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: transparent;
  box-sizing: border-box;
  border: 1px solid #00a3e6;
}
.ingrid-button-prev img,
.ingrid-button-next img {
  filter: brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(1814%)
    hue-rotate(165deg) brightness(98%) contrast(101%);
}
.ingrid-button-prev {
  left: 1%;
}

.ingrid-button-next {
  right: 1%;
}

.ingrid-button-prev:hover,
.ingrid-button-next:hover {
  background-color: #00a3e6;
}

.ingrid-button-prev:hover img,
.ingrid-button-next:hover img {
  filter: brightness(0) invert(1);
}

.single_grid_right {
  width: 49%;
}

.single_grid_right h1 {
  font-size: 0.24rem;
  font-weight: bold;
  line-height: normal;
  color: #333333;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.sgr_description {
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
  padding: 0.15rem 0;
}
.sgr_btndiv {
  display: flex;
  gap: 0.2rem;
  padding: 0.3rem 0;
}
.sgr_share_btn {
  display: flex;
  gap: 0.15rem;
  align-items: center;
}
.sgr_share_btn span {
  font-family: Arial;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 0.22rem;
  color: #333333;
}

.single_grid_dl {
  display: flex;
  gap: 0.1rem;
}
.single_grid_dl dt a {
  width: 0.32rem;
  height: 0.32rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border-radius: 50%;
}
.single_grid_dl dt a iconify-icon {
  font-size: 0.14rem;
}
.single_grid_dl dt a:hover {
  background: #00a3e6;
}
.single_grid_dl dt a:hover iconify-icon {
  color: #fff !important;
}
@media screen and (max-width: 1440px) {
  .single_grid_right h1 {
    font-size: 0.26rem;
    margin: 0.15rem 0;
  }
}
@media screen and (max-width: 1200px) {
  .single_grid_right h1 {
    font-size: 0.24rem;
  }
  .single_grid_bac {
    padding: 0.4rem 0 0.6rem 0;
  }
}
@media screen and (max-width: 768px) {
  .single_grid_left {
    width: 100%;
  }
  .single_grid_right {
    width: 100%;
    margin-top: 0.4rem;
    padding-left: 0%;
  }
}

/* productsDetail_contain */
.productsDetail_contain {
  padding: 0.6rem 0;
}
.productsDetail_contain h3 {
  position: relative;
  width: 100%;
  font-family: Arial;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 0.48rem;
  color: #00a3e6;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

.productsDetail_contain h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px; /* 压在灰色 border 上 */
  width: 10%;
  height: 2px;
  background-color: #00a3e6;
}
.pc_topcontain {
  padding: 0.3rem 0;
}
.pc_topcontain h4 {
  font-family: Arial;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: normal;
  color: #00a3e6;
}
.pc_secondcontain h4 {
  font-family: Arial;
  font-size: 0.24rem;
  font-weight: bold;
  line-height: normal;
  color: #00a3e6;
}
@media screen and (max-width: 425px) {
  .pc_topcontain h4 {
    font-size: 0.2rem;
  }
  .pc_secondcontain h4 {
    font-size: 0.2rem;
  }
}
/* ------------------------------------------single_two------------------------------------------ */
.single_two_bac {
  background: #f3f9fe;
  box-sizing: border-box;
  padding: 0.56rem 0;
  margin-bottom: var(--box-bottom);
}

.single_two {
}

.bottom_single_tags {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  gap: 0.15rem;
  box-sizing: border-box;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

.bottom_single_tags p {
  font-size: 0.18rem;
  color: #333333;
  font-family: "bold";
  line-height: 0.42rem;
}

.bottom_single_tags a {
  display: inline-block;
  box-sizing: border-box;
  padding: 0.1rem 0.12rem;
  font-size: 0.16rem;
  color: #333;
}

.bottom_single_tags a:hover {
  color: var(--i_color);
}

.sx {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.sx > div {
  width: 48%;
}

.sx_left {
  box-sizing: border-box;
}
.sx_left a i {
  margin-right: 0.1rem;
  box-sizing: border-box;
}
.sx_right a i {
  margin-left: 0.1rem;
  box-sizing: border-box;
}
.sx_left a i,
.sx_right a i {
  background: transparent;
  border-radius: 50%;
  border: 1px solid #00a3e6;
  width: 0.47rem;
  height: 0.47rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sx_left a i img,
.sx_right a i img {
  filter: brightness(0) saturate(100%) invert(48%) sepia(94%) saturate(1814%)
    hue-rotate(165deg) brightness(98%) contrast(101%);
}
.sx .sx_left:hover i {
  background-color: #00a3e6;
}
.sx .sx_left:hover i img {
  filter: brightness(0) invert(1);
}
.sx .sx_right:hover i {
  background-color: #00a3e6;
}
.sx .sx_right:hover i img {
  filter: brightness(0) invert(1);
}
.sx a {
  display: block;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

.sx iconify-icon {
  font-size: 0.22rem;
  transition: all 0.3s ease;
}

.sx .sx_left iconify-icon {
  margin-right: 0.1rem;
}

.sx .sx_right iconify-icon {
  margin-left: 0.1rem;
}

.sx p {
  font-size: 0.18rem;
  color: #333333;
  text-transform: capitalize;
  margin-right: 0.1rem;
  font-weight: bold;
}

.sx span {
  font-size: 0.16rem;
  color: #333333;
  transition: all 0.3s ease;
}

.sx_right a {
  justify-content: flex-end;
}

.sx .sx_left:hover span {
  color: var(--i_color) !important;
}

.sx .sx_left:hover p {
  color: var(--i_color) !important;
}

.sx .sx_left:hover iconify-icon {
  color: var(--i_color) !important;
}

.sx .sx_right:hover iconify-icon {
  color: var(--i_color) !important;
}
.sx .sx_right:hover p {
  color: var(--i_color) !important;
}
.sx .sx_right:hover span {
  color: var(--i_color) !important;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1200px) {
  .bottom_single_tags a {
    padding: 0.08rem 0.1rem;
    font-size: 0.14rem;
  }

  .bottom_single_tags {
    align-items: center;
  }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 768px) {
  .sx {
    gap: 0.2rem 0;
  }

  .sx > div {
    width: 100%;
  }

  .sx a {
    flex-wrap: wrap;
  }

  .sx_right a {
    justify-content: normal;
  }

  .sx .sx_left span,
  .sx .sx_right span {
    font-size: 0.12rem;
  }

  .sx .sx_left iconify-icon,
  .sx .sx_right iconify-icon {
    display: none;
  }
}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 425px) {
  .bottom_single_tags {
    gap: 0;
    padding-bottom: 0.1rem;
    margin-bottom: 0.2rem;
  }
  .sx_left a i,
  .sx_right a i {
    width: 0.4rem;
    height: 0.4rem;
  }
}

/* --------------------------------------pd_related_products-------------------------------------- */
.pd_related_products {
  padding: 0.3rem 0;
}

.pd_related_products_maxbox {
}
.related_products_contain {
  margin-top: 0.2rem;
  position: relative;
  overflow: hidden;
  padding: 0.1rem;
  box-sizing: border-box;
  width: 100%;
}

.related_products_contain .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  padding: 0.05rem;
}

.related_products_contain .swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative;
  transition: box-shadow 0.25s ease;
  -webkit-transition: box-shadow 0.25s ease;
  -moz-transition: box-shadow 0.25s ease;
  -ms-transition: box-shadow 0.25s ease;
  -o-transition: box-shadow 0.25s ease;
}
.related_products_contain ul li a span {
  position: relative;
}

.related_products_contain ul li a span::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.related_products_contain ul li a span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid transparent;
  border-radius: 0.08rem;
}
.related_products_contain ul li a h3 {
  font-family: Arial;
  font-size: 0.18rem;
  font-weight: bold;
  line-height: normal;
  color: #333333;
  margin-top: 0.2rem;
  text-align: center;
}

.related_products_contain ul li:hover span img {
  border: 1px solid #00a3e6;
}
.related_products_contain ul li:hover h3 {
  color: #00a3e6;
}
.related-pagination {
  text-align: center;
}

.related-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  margin: 0 0.08rem !important;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  background: rgba(0, 0, 0, 0.4);
  outline: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.related-pagination .swiper-pagination-bullet-active {
  width: 0.15rem;
  height: 0.1rem;
  background: var(--i_color);
  background-size: contain;
  border-radius: 50%;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  -ms-border-radius: 0.24rem;
  -o-border-radius: 0.24rem;
}

/* --------------------------------------aboutUs.html-------------------------------------- */
/* ---------------------------------------aboutUs_banner--------------------------------------- */
.aboutUs_banner {
  width: 100%;
  position: relative;
}

.aboutUs_banner::before {
  content: "";
  display: block;
  padding-bottom: 29.5%;
}

.aboutUs_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* 黑色半透明遮罩 + 中间文字 */
.aboutUs_banner::after {
  content: "About Us"; /* 显示的文字 */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 163, 230, 0.82) -6%,
    rgba(0, 163, 230, 0.1) 84%
  );
  display: flex;
  padding-left: 13.5%;
  box-sizing: border-box;
  align-items: center;
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  /* letter-spacing: 0.06rem; */
}
@media screen and (max-width: 768px) {
  .aboutUs_banner::before {
    content: "";
    display: block;
    padding-bottom: 36.5%;
  }
  .aboutUs_banner::after {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 425px) {
  .aboutUs_banner::before {
    content: "";
    display: block;
    padding-bottom: 59.5%;
  }
  .aboutUs_banner::after {
    font-size: 0.3rem;
  }
}

/* -----------------------------------Application----------------------------------- */
.aboutUs_application {
  padding: 0.6rem 0;
}

.app_maxbox {
}
.app_btn {
  margin-bottom: 0.4rem;
}
.app_btn ul {
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
}
.app_btn ul li {
  font-size: 0.28rem;
  color: #333333;
  cursor: pointer;
}
.app_btn ul .app_btn_licative {
  font-size: 0.28rem;
  font-weight: bold;
  color: #00a3e6;
  text-decoration: underline;
}

.app_contain {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.app_contain .item {
  opacity: 0;
  visibility: hidden;
  height: 0;
  position: relative;
  top: 30px;
  display: flex;
  justify-content: center;
}
.app_contain .item.app_btn_licative {
  opacity: 1;
  visibility: visible;
  height: auto;
  top: 0;
  transition: all 0.5s ease;
}

.appItem_list {
  position: relative;
  overflow: hidden;
  width: 90%;
}
.appItem_list .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
}
.appItem_list li {
  flex-shrink: 0;
  position: relative;
}

.appItem_list .pic {
  width: 70%;
  position: relative;
  overflow: hidden;
}
.appItem_list .pic::before {
  content: "";
  display: block;
  padding-bottom: 52.5%;
}
.appItem_list .pic dt,
.appItem_list .pic dt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.08rem;
}
.appItem_list .pic dt {
  display: none;
}
.appItem_list .pic dt.active {
  display: block;
  z-index: 3;
}

.appItem_list .txt {
  position: absolute;
  right: 0;
  top: 22%;
  width: 40%;
  box-sizing: border-box;
  padding: 0.8rem 0.5rem 1rem 0.5rem;
  background: url(static/images/aboutUs_applicatin_cardbg.webp) no-repeat
    center/cover;
  z-index: 3;
  border-radius: 0.08rem;
}
.appItem_list .txt li {
  margin: 20px 0;
  cursor: pointer;
}
.appItem_list .txt p {
  font-size: 0.2rem;
  position: relative;
}

.appItem_list .txt .active p {
  color: var(--i_color);
}
.appItem_list .txt .active p::before {
  content: "";
  position: absolute;
  left: -0.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.16rem; /* 线的宽度 */
  height: 0.02rem; /* 线的高度 */
  background-color: var(--i_color);
}
.appItem-prev,
.appItem-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.4rem;
  height: 0.4rem;
  background: rgb(0 0 0 / 60%);
  z-index: 3;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.appItem-prev {
  left: 0;
}
.appItem-next {
  right: 0;
}

.appItem-prev,
.appItem-next {
  background-color: transparent;
  border: 1px solid #00a3e6;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 3;
}
.appItem-next img {
  filter: brightness(0) saturate(100%) invert(42%) sepia(95%) saturate(1350%)
    hue-rotate(165deg) brightness(95%);
}

.appItem-prev:hover,
.appItem-next:hover {
  background-color: var(--i_color);
}
.appItem-prev:hover img,
.appItem-next:hover img {
  filter: brightness(0) invert(1);
}
.appItem_list .swiper-button-disabled {
  cursor: not-allowed;
}
.appItem-prev:hover,
.appItem-next:hover {
  background: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .app_btn ul .app_btn_licative {
    font-size: 0.22rem;
  }

  .app_btn ul li {
    font-size: 0.22rem;
  }
  .appItem_list .txt {
    padding: 0.4rem;
  }
  .appItem_list .txt p {
    font-size: 0.16rem;
  }
  .appItem_list {
    width: 86%;
  }
}
@media screen and (max-width: 768px) {
  .app_btn ul {
    padding: 0 1rem;
  }
  .app_btn ul .app_btn_licative {
    font-size: 0.2rem;
  }
  .app_btn ul li {
    font-size: 0.2rem;
  }
  .appItem-prev,
  .appItem-next {
    width: 0.4rem;
    height: 0.4rem;
  }
  .appItem_list .txt {
    padding: 0.2rem;
  }
  .appItem_list .txt p {
    font-size: 0.14rem;
  }
  .appItem_list .txt {
    padding: 0.2rem 0.2rem 0.2rem 0.4rem;
  }
  .appItem_list .txt .active p::before {
    width: 0.12rem;
  }
}
@media screen and (max-width: 425px) {
  .aboutUs_application {
    padding: 0;
  }
  .app_btn ul .app_btn_licative {
    font-size: 0.16rem;
  }
  .app_btn ul li {
    font-size: 0.16rem;
  }
  .app_btn ul {
    padding: 0 0.1rem;
  }
  .appItem-prev {
    display: none;
  }
  .appItem-next {
    display: none;
  }
  .appItem_list .txt {
    padding: 0.1rem;
  }
  .appItem_list .txt .active p::before {
    display: none;
  }
  .appItem_list .txt li {
    margin: 0;
    cursor: pointer;
  }
  .appItem_list .txt p {
    font-size: 0.11rem;
  }
}
@media screen and (max-width: 320px) {
  .app_contain_infocard h4 {
    margin-top: 0.2rem;
  }
}

/* -----------------------------------Company Environment----------------------------------- */
.aboutUs_company_environment {
  padding: 0.6rem 0;
}
.ace_maxbox {
}
.ace_maxbox_contain ul li dt {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  overflow: hidden;
}
.ace_maxbox_contain ul li dt dl {
  width: 48.57%;
  position: relative;
}
.ace_maxbox_contain ul li dt dl::before {
  content: "";
  display: block;
  padding-bottom: 54%;
}
.ace_maxbox_contain ul li dt dl img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.08rem;
}
.ace_maxbox_contain {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.ace_maxbox_contain .swiper-container {
  margin: 0 auto;
  position: relative;
  list-style: none;
  overflow: hidden;
}
.ace_maxbox_contain .swiper-container .swiper-wrapper {
}
.ace_maxbox_contain_pagination {
  text-align: center;
}

.ace_maxbox_contain_pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  margin: 0 0.08rem !important;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  background: rgba(0, 0, 0, 0.4);
  outline: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.ace_maxbox_contain_pagination .swiper-pagination-bullet-active {
  width: 0.2rem;
  height: 0.1rem;
  background: var(--i_color);
  background-size: contain;
  border-radius: 50%;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  -ms-border-radius: 0.24rem;
  -o-border-radius: 0.24rem;
}
@media screen and (max-width: 425px) {
  .ace_maxbox_contain ul li dt {
    gap: 0.1rem;
  }
}
@media screen and (max-width: 320px) {
  .ace_maxbox_contain ul li dt {
    gap: 0.05rem;
  }
}

/* ---------------------------------Company Philosophy-------------------------------- */
.aboutUs_company_philosophy {
  padding: 0.6rem 0;
  background: #f3f9fe;
}
.acp_maxbox {
}
.acp_maxbox_contain {
}
.acp_maxbox_contain_list {
  padding: 1rem 0 0 0;
  overflow: hidden;
}
.acp_maxbox_contain_list .swiper-wrapper .swiper-slide {
  background: #fff;
  border-radius: 0.08rem;
  display: flex;
  gap: 1rem;
}

.acp_maxbox_contain_list .swiper-wrapper .swiper-slide span {
  position: relative;
  width: 100%;
  display: block;
  box-sizing: border-box;
  transform: translate(0.48rem, -0.48rem);
  flex: 0 0 47%;
}
.acp_maxbox_contain_list .swiper-wrapper .swiper-slide span::before {
  content: "";
  display: block;
  padding-bottom: 83%;
}
.acp_maxbox_contain_list .swiper-wrapper .swiper-slide span img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.acp_maxbox_contain_list .swiper-wrapper .swiper-slide span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 2;
  pointer-events: none;
}
.acp_maxbox_contain_list .swiper-wrapper .swiper-slide-active span::after {
  opacity: 0;
}
.acp_maxbox_rightInfo {
  position: relative;
  flex: 0 0 42%;
}
.acp_maxbox_rightInfo::after {
  content: "";
  position: absolute;
  inset: 0; /* 等价于 top/right/bottom/left: 0 */
  background: rgba(255, 255, 255, 0.6); /* 白色半透明遮罩 */
  pointer-events: none; /* 不影响内部交互 */
  opacity: 0.5;
  z-index: 1;
}
.acp_maxbox_contain_list
  .swiper-wrapper
  .swiper-slide-active
  .acp_maxbox_rightInfo::after {
  opacity: 0;
}

.acp_maxbox_contain_list
  .swiper-wrapper
  .swiper-slide-active
  .acp_maxbox_rightInfo
  h3 {
  color: #333;
}
.acp_maxbox_rightInfo .acp_cardbg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 50%;
}
.acp_maxbox_rightInfo h3 {
  font-family: Arial;
  font-size: 0.64rem;
  font-weight: bold;
  color: #939698;
  transform: translateY(-0.4rem);
  z-index: 9;
  position: relative;
}
.acp_maxbox_rightInfo_d {
  margin-top: 0.2rem;
}
.acp_maxbox_rightInfo_d h4 {
  font-family: Arial;
  font-size: 0.28rem;
  font-weight: bold;
  line-height: 0.3rem;
  letter-spacing: 0em;
  color: #333333;
}

.acp_maxbox_rightInfo_d h5 {
  font-family: Arial;
  font-size: 0.18rem;
  line-height: 0.3rem;
  color: #666666;
  margin-top: 0.12rem;
  word-break: break-all;
  padding-right: 0.4rem;
}
.acp_maxbox_contain_pagination {
  text-align: center;
}

.acp_maxbox_contain_pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  margin: 0 0.08rem !important;
  -webkit-border-radius: 2rem;
  border-radius: 2rem;
  background: rgba(0, 0, 0, 0.4);
  outline: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.acp_maxbox_contain_pagination .swiper-pagination-bullet-active {
  width: 0.2rem;
  height: 0.1rem;
  background: var(--i_color);
  background-size: contain;
  border-radius: 50%;
  -webkit-border-radius: 0.24rem;
  -moz-border-radius: 0.24rem;
  -ms-border-radius: 0.24rem;
  -o-border-radius: 0.24rem;
}

@media screen and (max-width: 1440px) {
  .acp_maxbox_rightInfo_d {
    margin-top: 0;
  }
}
@media screen and (max-width: 1366px) {
  .acp_maxbox_rightInfo h3 {
    font-size: 0.5rem;
    transform: translateY(-0.3rem);
  }
}
@media screen and (max-width: 1200px) {
  .acp_maxbox_rightInfo h3 {
    font-size: 0.4rem;
    transform: translateY(-0.25rem);
  }
  .acp_maxbox_rightInfo_d h4 {
    font-size: 0.26rem;
    line-height: 0.3rem;
  }
  .acp_maxbox_rightInfo_d h5 {
    font-size: 0.16rem;
    line-height: 0.25rem;
    margin-top: 0.12rem;
  }
}
@media screen and (max-width: 1024px) {
  .acp_maxbox_contain_list {
    width: 90%;
    margin: 0 auto;
    padding: 1rem 0 0.5rem 0;
  }
}
@media screen and (max-width: 425px) {
  .acp_maxbox_contain_list .swiper-wrapper .swiper-slide span {
    transform: translate(0, 0);
  }
  .acp_maxbox_contain_list .swiper-wrapper .swiper-slide {
    gap: 0.3rem;
    display: block;
  }
  .acp_maxbox_contain_list {
    padding: 0;
  }
  .acp_maxbox_rightInfo_d {
    margin-top: 0;
    padding: 0.1rem;
  }
  .acp_maxbox_rightInfo h3 {
    font-size: 0.3rem;
    transform: translateY(0);
    padding-left: 0.1rem;
  }
  .acp_maxbox_rightInfo_d h4 {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .acp_maxbox_rightInfo_d h5 {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
}
/* ----------------------------------aboutUs------------------------------------- */
.about-us {
  margin-bottom: var(--box-bottom);
  padding: 0.5rem 0;
  box-sizing: border-box;
  overflow: hidden;
}

.about-us .wrap {
  display: flex;

  gap: 0.2rem;
}

.about-us-left {
  width: 50%;
}

.about-us-left-title {
  font-size: var(--title_fz);
  font-weight: 600;
  display: flex;
  justify-content: start;
  margin-bottom: 0.2rem;
}

.about-us-left-title-left {
  color: #333333;
  margin-right: 0.1rem;
  position: relative;
  padding: 0.15rem 0;
}

.about-us-left-title-right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding: 0.15rem 0;
}

.about-us-left-des {
  font-size: 0.18rem;
  line-height: 0.28rem;
  color: #666666;
  margin-bottom: 0.2rem;
}
.about_btn {
  display: flex;
  margin-top: 0.6rem;
}
.about-us-left-btn {
  padding: 0.1rem 0.15rem;
  width: fit-content;
  border-radius: 0.24rem;
  border: 1px solid #006bb8;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.about-us-left-btn a {
  color: #006bb8;
  font-size: 0.18rem;
  font-weight: 600;
}

.about-us-left-btn img {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  margin-left: 0.05rem;
}

.about-us-left-btn:hover {
  background-color: #006bb8;
}

.about-us-left-btn:hover a {
  color: #fff;
}

.about-us-left-btn:hover img {
  content: url("static/images/right-white.webp");
}

.about-us-right {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 0;
}

/* 前两个 */
.about-us-right-box:nth-child(-n + 2) {
  width: 50%;
  border-bottom: 1px solid #d8d8d8;
}

/* 后三个 */
.about-us-right-box:nth-child(n + 3) {
  width: 33.33%;
}

.about-us-right-box {
  box-sizing: border-box;
  padding: 20px 0;
  text-align: center;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  transition: all 0.3s ease;
  cursor: pointer;
}

.about-us-right-box-num {
  font-size: 64px;
  font-weight: bold;
  color: #333;
  transition: color 0.3s ease;
}
.about-us-right-box-num span {
  font-size: 0.45rem;
  color: #333;
  transition: color 0.3s ease;
}
.about-us-right-box:hover .about-us-right-box-num {
  background: linear-gradient(114deg, #006bb8 16%, #4abfed 83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.about-us-right-box:hover .about-us-right-box-des {
  background: linear-gradient(114deg, #006bb8 16%, #4abfed 83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.about-us-right-box-des {
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
  line-height: 25px;
  text-transform: capitalize;
  letter-spacing: 0em;

  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.roll_num {
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .about-us-right-box-num {
    font-size: 0.54rem;
  }
  .about-us-right-box-num span {
    font-size: 0.35rem;
  }
  .about-us-right-box-des {
    font-size: 0.15rem;
    line-height: 0.22rem;
  }
}

@media screen and (max-width: 768px) {
  .about-us .wrap {
    display: block;
  }

  .about-us-left {
    width: 100%;
  }

  .about-us-left-title {
    margin-bottom: 0.1rem;
  }

  .about-us-left-des {
    font-size: 0.15rem;
  }

  .about-us-left-btn {
    padding: 0.05rem 0.1rem;
    width: fit-content;
    border-radius: 0.24rem;
    border: 1px solid #006bb8;
    display: flex;
    align-items: center;
    cursor: pointer;
    -webkit-border-radius: 0.24rem;
    -moz-border-radius: 0.24rem;
    -ms-border-radius: 0.24rem;
    -o-border-radius: 0.24rem;
  }

  .about-us-left-btn a {
    color: #006bb8;
    font-size: 0.15rem;
    font-weight: 600;
  }

  .about-us-left-btn img {
    width: 0.15rem;
    height: 0.15rem;
    object-fit: contain;
    margin-left: 0.05rem;
  }

  .about-us-right {
    width: 100%;
    margin-top: 0.1rem;
  }

  .about-us-right-box-num {
    font-size: 0.44rem;
  }
  .about-us-right-box-num span {
    font-size: 0.3rem;
  }
  .about-us-right-box-des {
    font-size: 0.13rem;
    line-height: 0.2rem;
  }
}

@media screen and (max-width: 425px) {
  .about-us {
    padding: 0.1rem 0;
  }

  .about-us-left-des {
    line-height: 0.23rem;
  }

  .about-us-right-box-num {
    font-size: 0.35rem;
  }
  .about-us-right-box-num span {
    font-size: 0.2rem;
  }
  .about-us-right-box-des {
    font-size: 0.12rem;
    line-height: 0.2rem;
  }
}

/* -----------------------------------service.html------------------------------ */
/* ---------------------------------------service_banner--------------------------------------- */
.service_banner {
  width: 100%;
  position: relative;
}

.service_banner::before {
  content: "";
  display: block;
  padding-bottom: 29.5%;
}

.service_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* 黑色半透明遮罩 + 中间文字 */
.service_banner::after {
  content: "Service"; /* 显示的文字 */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 163, 230, 0.82) -6%,
    rgba(0, 163, 230, 0.1) 84%
  );
  display: flex;
  padding-left: 13.5%;
  box-sizing: border-box;
  align-items: center;
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  /* letter-spacing: 0.06rem; */
}
@media screen and (max-width: 768px) {
  .service_banner::before {
    content: "";
    display: block;
    padding-bottom: 36.5%;
  }
  .service_banner::after {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 425px) {
  .service_banner::before {
    content: "";
    display: block;
    padding-bottom: 59.5%;
  }
  .service_banner::after {
    font-size: 0.3rem;
  }
}

/* ------------------------------------Service Content--------------------------- */
.services_content {
  padding: 0.6rem 0;
  background: linear-gradient(180deg, #f3f9fe 1%, #ffffff 84%);
}
.sc_maxbox {
  text-align: center;
}
.Service_advantages_cont {
  gap: 0.3rem 0;
  display: flex;
  justify-content: space-between;
}

.advantages_options {
  width: 52.79%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 6rem;
  overflow: hidden;
  overflow-y: auto;
}
/* 整个滚动条 */
.advantages_options::-webkit-scrollbar {
  width: 3px;
}

/* 滚动条轨道 */
.advantages_options::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

/* 滚动条滑块 */
.advantages_options::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

/* hover 时 */
.advantages_options::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.45);
}
.advantages_options li {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0.27rem 0;
  position: relative;
  transition: all 0.4s ease;
  cursor: pointer;
}

.advantages_options li p {
  width: 100%;
  font-family: Arial;
  font-size: 0.28rem;
  font-weight: normal;
  line-height: 0.48rem;
  color: #999999;
  text-align: left;
  padding-right: 20.7%;
  box-sizing: border-box;
}
/* 三角形 */
.advantages_options li p::after {
  content: "";
  position: absolute;
  left: 93%;
  top: 50%;
  transform: translate(-93%, -50%);

  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-left: 43px solid #00a3e6;

  opacity: 0;
  transition: opacity 0.2s ease;
}

/* 悬浮显示 */
.advantages_options li:hover p::after {
  opacity: 1;
}

/* 当前激活项也显示 */
.advantages_options li.active p::after {
  opacity: 1;
}
.advantages_options .active p {
  color: #333;
  font-weight: bold;
}

.advantages_exhibit {
  width: 0%;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: width 0.45s ease, opacity 0.45s ease, transform 0.45s ease;
}

.advantages_exhibit::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 72.7%;
}
/* 遮罩层 */
.advantages_exhibit::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;

  width: 100%;
  height: 100%;

  background: linear-gradient(
    to top,
    rgba(0, 163, 230, 0.85) 0%,
    rgba(0, 163, 230, 0) 50%
  );

  pointer-events: none;
  opacity: 0;
}
.advantages_exhibit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.advantages_exhibit p {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  box-sizing: border-box;
  padding: 0.22rem 0.2rem;
}

.advantages_exhibit span {
  position: absolute;
  color: #fff;
  display: none;
  font-weight: bold;
  z-index: 5;
  padding: 0.3rem;
  bottom: 0;
}

.advantages_exhibit.active {
  pointer-events: auto;
  animation: expandExhibit 0.5s forwards; /* 展开动画 */
}
.advantages_exhibit.closing {
  animation: collapseExhibit 0.5s forwards;
}
/* 定义展开动画 */
@keyframes expandExhibit {
  0% {
    flex-basis: 0;
    opacity: 0;
    transform: scaleX(0.95);
  }
  100% {
    flex-basis: 47.21%;
    opacity: 1;
    transform: scaleX(1);
  }
}

/* 定义收起动画 */
@keyframes collapseExhibit {
  0% {
    flex-basis: 47.21%;
    opacity: 1;
    transform: scaleX(1);
  }
  100% {
    flex-basis: 0;
    opacity: 0;
    transform: scaleX(0.95);
  }
}
.advantages_exhibit p::-webkit-scrollbar {
  width: 3px;
}

.advantages_exhibit p::-webkit-scrollbar-thumb {
  background-color: var(--i_color);
  border-radius: 3px;
}

.advantages_exhibit p::-webkit-scrollbar-track {
  background-color: #dedede;
}
@media screen and (max-width: 1200px) {
  .advantages_options li p {
    font-size: 0.25rem;
    line-height: 0.35rem;
  }
}
@media screen and (max-width: 1024px) {
  .advantages_options {
    display: none;
  }
  .Service_advantages_cont {
    display: block;
  }
  .advantages_exhibit {
    width: 100%;
    display: block;
    margin-bottom: 0.2rem;
  }

  .advantages_exhibit span {
    display: block;
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .advantages_exhibit::after {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .advantages_exhibit span {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
  .advantages_exhibit p {
    font-size: 0.12rem;
    max-height: 50%;
    overflow-y: auto;
    padding: 0.1rem 0.1rem;
  }
}
@media screen and (max-width: 425px) {
  .advantages_exhibit span {
    padding: 0.2rem;
  }
  .services_content {
    padding: 0.3rem 0;
  }
}

/* ------------------------------------Service Advantages------------------------------------ */
.services_advantages {
  padding: 0.6rem 0;
}
.sa_maxbox {
}

.sa_maxbox_contain {
}
.sa_maxbox_contain ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.24rem;
}
.sa_maxbox_contain ul li {
  flex: 0 0 calc((100% - 0.48rem) / 3);
  cursor: pointer;
  overflow: hidden;
}
.sa_maxbox_contain ul li:hover span img {
  transform: scale(1.1);
}
.sa_maxbox_contain ul li:hover h3 {
  color: var(--i_color);
}

.sa_maxbox_contain ul li span {
  position: relative;
  overflow: hidden;
  display: block;
}
.sa_maxbox_contain ul li span::before {
  content: "";
  display: block;
  padding-bottom: 80%;
}
.sa_maxbox_contain ul li span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.sa_maxbox_contain ul li h3 {
  font-size: 0.24rem;
  font-weight: bold;
  line-height: 0.25rem;
  color: #333333;
  margin-bottom: 0.12rem;
  text-align: center;
  margin-top: 0.2rem;
}
.sa_maxbox_contain ul li h4 {
  font-size: 0.16rem;
  line-height: 0.25rem;
  text-align: center;
  color: #666666;
}
@media screen and (max-width: 1024px) {
  .sa_maxbox_contain ul li h3 {
    font-size: 0.2rem;
  }
  .sa_maxbox_contain ul li h4 {
    font-size: 0.15rem;
    line-height: 0.23rem;
  }
}
@media screen and (max-width: 425px) {
  .sa_maxbox_contain ul li {
    flex: 100%;
  }
  .services_advantages {
    padding: 0.3rem 0;
  }
}

/* ------------------------------------services_how_to_by------------------------------------ */
.services_how_to_by {
  padding: 0.6rem 0;
  background: #f3f9fe;
}
.shtb_maxbox {
}
.customization_process_ul {
  display: flex;
  display: -webkit-flex;
  gap: 0.43rem;
  margin-top: 0.6rem;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
.customization_process_ul li {
  width: calc((100% - 4 * 0.43rem) / 5);
  box-sizing: border-box;
  padding: 0.45rem 0.2rem 0.6rem 0.2rem;
  border-radius: 0.06rem;
  background-color: #fff;
  box-shadow: 0 0.29rem 0.35rem rgba(115, 169, 212, 0.3);
}
.customization_process_ul li:nth-child(even) {
  margin-top: 0.8rem;
}
.customization_process_img {
  width: 1rem;
  height: 1rem;
  background: #b9b9b9;
  position: relative;
  border-radius: 0.04rem;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.customization_process_img h3 {
  font-size: 0.26rem;
  color: #fff;
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  flex-shrink: 0;
  background: var(--i_color);
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  top: -0.18rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
}
.customization_process_img img {
  width: 0.6rem;
  height: 0.6rem;
  object-fit: contain;
  margin-top: 0.1rem;
}
.customization_process_text {
}
.customization_process_text h4 {
  font-size: 0.2rem;
  color: #333;
  font-weight: bold;
  margin: 0.2rem 0 0.15rem 0;
  text-align: center;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.customization_process_text h5 {
  font-size: 0.16rem;
  color: #5a6c7b;
  text-align: center;
}
.customization_process_ul li:hover .customization_process_img {
  background: var(--i_color);
}
.customization_process_ul li:hover .customization_process_img h3 {
  background-color: var(--i_color);
}
.customization_process_ul li:hover .customization_process_text h4 {
  color: var(--i_color);
}
.customization_process_ul li:hover .customization_process_img h3 {
  background: #999;
}

@media screen and (max-width: 1440px) {
  .customization_process_ul {
    gap: 0.5rem;
  }
  .customization_process_ul li {
    width: calc((100% - 2rem) / 5);
  }
  .customization_process_text h4 {
    font-size: 0.22rem;
  }
}
@media screen and (max-width: 1200px) {
  .customization_process_ul {
    gap: 0.4rem;
  }
  .customization_process_ul li {
    width: calc((100% - 1.6rem) / 5);
  }
  .customization_process_text h4 {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .customization_process_bac {
    padding: 60px 0;
  }
  .customization_process_ul {
    gap: 0.3rem;
  }
  .customization_process_ul li {
    width: calc((100% - 1.2rem) / 5);
  }
  .customization_process_text h4 {
    font-size: 0.18rem;
  }
}
@media screen and (max-width: 959px) {
  .customization_process_ul {
    gap: 0.2rem;
  }
  .customization_process_ul li {
    width: calc((100% - 0.8rem) / 5);
  }
  .customization_process_text h4 {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 768px) {
  .customization_process_ul li {
    width: calc((100% - 0.4rem) / 3);
  }
  .customization_process_ul li {
    padding: 0.4rem 0.1rem 0.4rem 0.1rem;
  }
  .customization_process_ul {
    flex-wrap: wrap;
  }
  .customization_process_ul li:nth-child(even) {
    margin-top: 0rem;
  }
  .customization_process_ul {
    align-items: unset;
  }
  .customization_process_img img {
    width: 0.5rem;
    height: 0.5rem;
  }
  .customization_process_ul {
    justify-content: center;
  }
}
@media screen and (max-width: 560px) {
  .customization_process_bac {
    padding: 40px 0;
    background: #111;
  }
  .customization_process_bac::after {
    display: none;
  }
  .customization_process_ul li {
    width: calc((100% - 0.2rem) / 2);
  }
  .customization_process_img {
    width: 0.8rem;
    height: 0.8rem;
  }
  .customization_process_img img {
    width: 0.4rem;
    height: 0.4rem;
  }
  .customization_process_ul li:nth-child(5) {
    width: 100%;
  }
}

/* ------------------------------------services_faq------------------------------------ */
.services_faq {
  padding: 0.6rem 0;
}
.sf_maxbox {
}
.sf_maxbox_contain {
}
.FAQ_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.44rem 2%;
}

.FAQ_list li {
  width: 49%;
  background: #f3f9fe;
  transition: all 0.4s ease;
  box-sizing: border-box;
  padding: 0.3rem 0.3rem 0.4rem 0.2rem;
  border-radius: 0.08rem;
}

.FAQ_list h3 {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 0.26rem;
  padding: 0 0 0.22rem 0;
}

.FAQ_list h3::before {
  content: "";
  display: block;
  width: 8px;
  height: 0.29rem;
  background-color: var(--i_color);
  margin-right: 0.24rem;
}

.FAQ_list p {
  margin-left: 5%;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #666666;
}

.FAQ_list li:hover {
  background-color: var(--i_color);
}
.FAQ_list li:hover h3::before {
  background-color: #fff;
}
.FAQ_list li:hover h3 {
  color: #fff;
}
.FAQ_list li:hover p {
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .FAQ_list h3 {
    font-size: 0.22rem;
    padding: 0 0 0.1rem 0;
  }
  .FAQ_list h3::before {
    width: 4px;
    /* margin-right: 0.15rem; */
  }
  .FAQ_list p {
    font-size: 0.16rem;
    line-height: 0.28rem;
  }
}
@media screen and (max-width: 768px) {
  .FAQ_list li {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .FAQ_list li {
    padding: 0.2rem;
  }
  .FAQ_list h3::before {
    display: none;
  }
  .FAQ_list p {
    margin-left: 0;
  }
  .services_faq {
    padding: 0.3rem 0;
  }
  .FAQ_list h3 {
    font-size: 0.2rem;
  }
  .FAQ_list p {
    font-size: 0.14rem;
    line-height: 0.25rem;
  }
}

/* ------------------------------------news.html-------------------------------- */
/* ---------------------------------------news_banner--------------------------------------- */
.news_banner {
  width: 100%;
  position: relative;
}

.news_banner::before {
  content: "";
  display: block;
  padding-bottom: 29.5%;
}

.news_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* 黑色半透明遮罩 + 中间文字 */
.news_banner::after {
  content: "News"; /* 显示的文字 */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 163, 230, 0.82) -6%,
    rgba(0, 163, 230, 0.1) 84%
  );
  display: flex;
  padding-left: 13.5%;
  box-sizing: border-box;
  align-items: center;
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  /* letter-spacing: 0.06rem; */
}
@media screen and (max-width: 768px) {
  .news_banner::before {
    content: "";
    display: block;
    padding-bottom: 36.5%;
  }
  .news_banner::after {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 425px) {
  .news_banner::before {
    content: "";
    display: block;
    padding-bottom: 59.5%;
  }
  .news_banner::after {
    font-size: 0.3rem;
  }
}

/* -----------------------news_list---------------- */
.news_maxbox {
  padding: 0.6rem 0;
}

.company_advantages_list ul li a {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
  box-sizing: border-box;
  border-bottom: 1px solid #e5e5e5;
}
.company_advantages_list ul li:hover .cal_rightdiv h4 {
  color: #00a3e6;
}

.company_advantages_list ul li:hover .cal_rightdiv_btn i {
  color: #00a3e6;
}
.company_advantages_list ul li:hover .cal_rightdiv .cal_rightdiv_btn span {
  background-color: #00a3e6;
  border: transparent 1px solid;
}
.company_advantages_list ul li:hover .cal_rightdiv .cal_rightdiv_btn span img {
  filter: brightness(0) invert(1);
}
.cal_leftdiv {
  width: 34.1%;
  display: flex;
  align-items: center;
}
.cal_leftdiv span {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: block;
}
.cal_leftdiv span::before {
  content: "";
  display: block;
  padding-bottom: 67%;
}
.cal_leftdiv span img {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  object-fit: cover;
  border-radius: 0.08rem;
}

.cal_rightdiv {
  width: 54.4%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.cal_rightdiv h3 {
  font-size: 0.18rem;
  color: #999999;
  margin-bottom: 0.1rem;
}
.cal_rightdiv h4 {
  font-size: 0.26rem;
  line-height: 0.36rem;
  color: #333333;
}
.cal_rightdiv .cal_rightdiv_btn {
  display: flex;
  align-items: center;
  gap: 0.1rem;
  margin-top: 0.1rem;
}
.cal_rightdiv .cal_rightdiv_btn span {
  background-color: transparent;
  border: 1px solid #333333;
  border-radius: 50%;
  width: 0.48rem;
  height: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cal_rightdiv .cal_rightdiv_btn span img {
  width: 0.21rem;
  height: 0.21rem;
}
.cal_rightdiv .cal_rightdiv_btn span img {
  filter: brightness(0) saturate(100%);
}
.cal_rightdiv .cal_rightdiv_btn i {
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #333333;
}

@media screen and (max-width: 1024px) {
  .cal_rightdiv h4 {
    font-size: 0.22rem;
    line-height: 0.34rem;
  }
  .cal_rightdiv .cal_rightdiv_btn span {
    width: 0.4rem;
    height: 0.4rem;
  }
  .cal_rightdiv .cal_rightdiv_btn span img {
    width: 0.2rem;
    height: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .cal_rightdiv h3 {
    font-size: 0.16rem;
    margin-bottom: 0.05rem;
  }
  .cal_rightdiv h4 {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .cal_rightdiv .cal_rightdiv_btn span {
    width: 0.35rem;
    height: 0.35rem;
  }
  .cal_rightdiv .cal_rightdiv_btn span img {
    width: 0.18rem;
    height: 0.18rem;
  }
}
@media screen and (max-width: 425px) {
  .cal_rightdiv h3 {
    font-size: 0.14rem;
  }
  .cal_rightdiv h4 {
    font-size: 0.16rem;
    line-height: 0.22rem;
  }
  .cal_rightdiv .cal_rightdiv_btn span {
    width: 0.3rem;
    height: 0.3rem;
  }
  .cal_rightdiv .cal_rightdiv_btn span img {
    width: 0.15rem;
    height: 0.15rem;
  }
  .cal_rightdiv .cal_rightdiv_btn i {
    font-size: 0.15rem;
    line-height: 0.2rem;
  }
}
/* ------------------------------------contact.html------------------------------------ */

/* ---------------------------------------contactUs_banner--------------------------------------- */
.contactUs_banner {
  width: 100%;
  position: relative;
}

.contactUs_banner::before {
  content: "";
  display: block;
  padding-bottom: 29.5%;
}

.contactUs_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* 黑色半透明遮罩 + 中间文字 */
.contactUs_banner::after {
  content: "Contact Us"; /* 显示的文字 */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 163, 230, 0.82) -6%,
    rgba(0, 163, 230, 0.1) 84%
  );
  display: flex;
  padding-left: 13.5%;
  box-sizing: border-box;
  align-items: center;
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  /* letter-spacing: 0.06rem; */
}
@media screen and (max-width: 768px) {
  .contactUs_banner::before {
    content: "";
    display: block;
    padding-bottom: 36.5%;
  }
  .contactUs_banner::after {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 425px) {
  .contactUs_banner::before {
    content: "";
    display: block;
    padding-bottom: 59.5%;
  }
  .contactUs_banner::after {
    font-size: 0.3rem;
  }
}

/* -------------------------------Get in Touch With Us----------------------------- */
.contactUs_touchUs {
  padding: 0.6rem 0;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9fe 52%);
}
.ct_maxbox {
}
.company_advantages_contain {
}

/* ---------------------------------Contact Information-----------------------  */
.contactUs_Information {
  padding: 0.6rem 0;
  z-index: 999;
  position: relative;
}
.ci_maxbox {
}
.ci_maxbox_contain {
  background: #00a3e6;
  padding: 0.52rem 0 0.6rem 0;
  border-radius: 0.08rem;
}
.ci_maxbox_contain ul {
  display: flex;
  flex-wrap: wrap;
  z-index: 9999;
}
.ci_maxbox_contain ul li {
  padding: 0 0.48rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

/* 前三个 */
.ci_maxbox_contain ul li:nth-child(-n + 3) {
  width: 22%;
}

/* 最后一个 */
.ci_maxbox_contain ul li:nth-child(4) {
  width: 34%;
}

.ci_maxbox_contain ul li span {
  background: #fff;
  border-radius: 50%;
  width: 0.8rem;
  height: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
}
.ci_maxbox_contain ul li h3 {
  font-size: 0.16rem;
  line-height: 0.2rem;
  color: #ffffff;
  margin-bottom: 0.16rem;
}
.ci_maxbox_contain ul li h4 a {
  font-size: 0.24rem;
  color: #ffffff;
  margin-bottom: 0.1rem;
}
.ci_maxbox_contain ul li h5 a {
  font-family: Arial;
  font-size: 0.2rem;
  font-weight: normal;
  line-height: 0.28rem;
  text-align: center;
  color: #ffffff;
  display: block;
}
@media screen and (max-width: 1200px) {
  .ci_maxbox_contain ul li h4 a {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 1024px) {
  /* 前三个 */
  .ci_maxbox_contain ul li:nth-child(-n + 3) {
    width: 33%;
    margin-bottom: 0.5rem;
  }

  /* 最后一个 */
  .ci_maxbox_contain ul li:nth-child(4) {
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  .ci_maxbox_contain ul li:nth-child(-n + 4) {
    width: 50%;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 425px) {
  .ci_maxbox_contain ul li:nth-child(-n + 4) {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .ci_maxbox_contain ul li h5 a {
    font-size: 0.16rem;
  }
}
/* ---------------------------------contact_map------------------------------- */
.contact_map_bac {
  box-sizing: border-box;
  margin-top: -2.3rem;
}

.contact_map {
  height: 5.8rem;
}

.contact_map #simpleMap,
.contact_map .fluid-width-video-wrapper,
.contact_map iframe {
  width: 100%;
  height: 100% !important;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1200px) {
  .contact_map {
    height: 5rem;
  }
}

@media screen and (max-width: 1024px) {
  .contact_map {
    height: 4.5rem;
  }
  .contact_map_bac {
    margin-top: -2rem;
  }
}

@media screen and (max-width: 960px) {
}

@media screen and (max-width: 768px) {
  .contact_map {
    height: 4rem;
  }
  .contact_map_bac {
    margin-top: -1.5rem;
  }
}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 425px) {
  .contact_map_bac {
    margin-top: -1rem;
  }
}