/*Theme Name:Xingqisheng

Version:1.0Description:安徽领聚数字作为Google中国区核心合作伙伴,拥有安徽省唯一的一家Google出海体验中心,为安徽本土化外贸企业出海提供一站式服务——网站搭建,谷歌SEO优化,谷歌竞价,谷歌SNS社媒营销等。Author:版权所有：安徽领聚*/

@charset "utf-8";

:root {
  --i_color: #006bb8;

  /* 全局颜色 */

  --i_color2: #fff;

  /* 副颜色 */

  --top_h: 0.9rem;

  --header_height: 0.9rem;

  /* 顶部高度 */

  --border_color: rgba(51, 51, 51, 0.2);

  /* 默认边框颜色 */

  --title_fz: 0.4rem;

  /* 标题字体大小 */

  --contain-width: 1.6rem;

  /* 盒子左右间距 */

  --box-bottom: 0.95rem;

  /* 盒子与盒子之间距离 */

  --border_color: rgba(51, 51, 51, 0.12);

  /* 默认边框颜色 */
}

@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;

    --header_height: 0.5rem;

    --title_fz: 0.3rem;

    --contain-width: 0.5rem;

    --box-bottom: 0.55rem;
  }
}

@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;
  }
}

.wrap {
  width: 94vw;

  max-width: 1600px;

  margin-left: auto;

  margin-right: auto;
}

@media screen and (min-width: 1921px) {
  .wrap {
    width: 85vw;

    max-width: none;
  }
}

.wrap_l {
  display: block;

  box-sizing: border-box;

  padding-left: 8.35%;
}

.wrap02 {
  width: 1600px;

  max-width: 94vw;

  margin-left: auto;

  margin-right: auto;
}

@media screen and (max-width: 1024px) {
  .wrap_l {
    padding-left: 3%;
  }
}

.hide {
  display: none !important;
}

/* --------------------------------------------------header----------------------------------------- */

header {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 2014;

  height: var(--top_h);
}

.top_cont {
  background: #fff;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.top_cont .top {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;
}

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

	.top_cont{background: #373737;}

} */

/* logo */

.logo {
  display: -webkit-flex;

  display: flex;

  align-items: center;

  height: 100%;
}

.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;
  }
}

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

@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.4rem;

    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: 70%;
  }

  .i_nav > li > a {
    display: block;

    font-size: 20px;

    color: #333;

    line-height: var(--top_h);

    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: #fff;
  }

  .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;
  }

  .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: #fff;
  }

  .i_nav .sub-menu .sub-menu {
    position: absolute;

    top: 0;

    left: 100%;

    background: #3389c6;

    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: #66a6d4;
  }
}

@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;
  }
}

/* 导航下拉 */

.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 {
  --size: 0.22rem;
}

.top_r {
  margin-left: auto;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;
}

@media screen and (max-width: 1024px) {
  .top_r {
    margin-left: auto;

    margin-right: 0.3rem;
  }

  .top_language_btn > p {
    display: none;
  }
}

@media screen and (max-width: 560px) {
  .top_r {
    margin-right: 0.3rem;

    gap: 0 0.1rem;
  }
}

.search_cont,
.top_language {
  height: var(--header_height);

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  text-align: center;

  position: relative;
}

.segmentation {
  width: 2px;

  height: 20px;

  background: rgba(51, 51, 51, 0.2);

  margin: 0 0.17rem;
}

@media screen and (max-width: 425px) {
  .segmentation {
    margin: 0 0.05rem;
  }
}

.top_search_ico iconify-icon,
.top_language_btn iconify-icon {
  font-size: var(--size);

  color: #222;

  cursor: pointer;
}

.top_search_ico iconify-icon:hover,
.top_search_ico.on iconify-icon,
.top_language_btn.on iconify-icon {
  color: var(--i_color);
}

.top_language {
  position: relative;
}

.top_language_btn {
  /* padding: 0.1rem 0.18rem 0.1rem 0; */

  gap: 0 8%;

  position: relative;

  cursor: pointer;
}

.top_language_btn::before {
  content: "";

  position: absolute;

  top: 44%;

  right: 0;

  width: 0;

  height: 0;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

  border-top: 6px solid #777;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  display: none;
}

.top_language_btn.on::before {
  -webkit-transform: rotate(-180deg);

  transform: rotate(-180deg);

  border-top-color: var(--i_color);
}

.top_language_btn.on p {
  color: var(--i_color);
}

.language_list {
  opacity: 0;

  visibility: hidden;

  position: absolute;

  top: calc(var(--header_height) + 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(--header_height);
}

.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: var(--i_color);

  -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: var(--i_color);
}

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

/* search */

.top_search {
  --search_height: 0.38rem;
}

.top_search {
  visibility: hidden;

  opacity: 0;

  position: fixed;

  top: calc(var(--header_height) + 0.3rem);

  right: 0;

  width: 100%;

  padding: 0.2rem 0;

  background: #f5f6f7;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  z-index: 99;
}

.top_search.on {
  visibility: visible;

  opacity: 1;

  top: var(--header_height);

  box-shadow: 0 4px 10px rgb(0 0 0 / 6%);
}

.top_search form {
  width: 90%;

  margin: 0 auto;

  max-width: 5rem;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  box-sizing: border-box;

  border: 1px solid var(--i_color);

  overflow: hidden;
}

.top_search_ipt {
  width: calc(100% - var(--search_height) * 2);

  height: var(--search_height);

  box-sizing: border-box;

  padding: 0 0 0 0.12rem;
}

.top_search_btn {
  font-size: 0;

  color: #fff;

  width: calc(var(--search_height) * 2);

  height: var(--search_height);

  background: var(--i_color)
    url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="512" height="512" viewBox="0 0 512 512"%3E%3Cpath fill="white" 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"%2F%3E%3C%2Fsvg%3E')
    no-repeat center;

  background-size: 0.24rem;

  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .top_search {
    --search_height: 0.34rem;
  }
}

.full_header_height {
  display: none;

  height: var(--header_height);
}

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

/* ------------------------------------------------------footer-------------------------------------- */

footer {
  width: 100%;

  margin-top: 0.5rem;
}

.footer-maxbox {
  position: relative;
}

.footer-maxbox-excavator {
  position: absolute;

  left: 60%;

  top: 0;

  z-index: 1;

  width: 36%;
}

.footer-topbox {
  background-color: #151515;

  padding: 0.4rem 1.6rem;

  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  width: 100%;

  box-sizing: border-box;
}

.footer-topbox-first {
  font-family: Roboto;

  font-size: 0.48rem;

  font-weight: 600;

  line-height: 0.52rem;

  color: #ffffff;
}

.footer-topbox-second {
  font-size: 0.18rem;

  font-weight: normal;

  line-height: normal;

  letter-spacing: 0em;

  color: #ffffff;

  width: 33%;
}

.footer-topbox-third {
  width: fit-content;

  line-height: normal;

  text-transform: capitalize;

  border-radius: 0.24rem;

  background: linear-gradient(103deg, #006bb8 7%, #4abfed 91%);

  -webkit-border-radius: 0.24rem;

  -moz-border-radius: 0.24rem;

  -ms-border-radius: 0.24rem;

  -o-border-radius: 0.24rem;

  padding: 0.14rem 0.36rem;

  cursor: pointer;

  margin-top: 0.26rem;
}

.footer-topbox-third a {
  color: #ffffff;

  font-size: 0.18rem;

  font-weight: 600;
}

.footer-centerbox {
  position: relative;

  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/footer-bottomBg4.webp)
    no-repeat center/cover;

  padding: 0.79rem 1.6rem 0.5rem 1.6rem;

  box-sizing: border-box;
}

.footer-centerbox-top {
  display: flex;

  gap: 0.6rem;

  position: relative;

  z-index: 3;
}

.footer-centerbox-top a {
  display: flex;

  align-items: center;

  height: 100%;
}

.footer-centerbox-top a img {
  max-height: 0.88rem;
}

.footer-centerbox-top span {
  font-size: 0.36rem;

  font-weight: 600;

  line-height: 0.52rem;

  letter-spacing: 0em;

  color: #ffffff;
}

.footer-centerbox-contain {
  width: 100%;

  padding-top: 0.3rem;
}

.footer-centerbox-contain-dl {
  display: flex;

  gap: 0.5rem;
}

.footer-centerbox-contain-dt:nth-child(1) {
  flex: 2;
}

.footer-centerbox-contain-dt:nth-child(2) {
  flex: 1;
}

.footer-centerbox-contain-dt:nth-child(3) {
  flex: 1;
}

.footer-centerbox-contain-dt:nth-child(4) {
  flex: 1;
}

.footer-centerbox-contain-h5 {
  font-size: 0.24rem;

  font-weight: 600;

  line-height: 0.3rem;

  letter-spacing: 0em;

  background: linear-gradient(94deg, #006bb8 2%, #4abfed 84%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;
}

.footer-centerbox-contain-list {
  padding: 0.2rem 0;
}

.footer-centerbox-contain-list li {
  padding-top: 0.06rem;

  margin-bottom: 0.1rem;

  display: -webkit-flex;

  display: flex;

  flex-wrap: nowrap;

  gap: 0 0.1rem;
}

.footer-centerbox-contain-dl dt:last-child ul {
  display: flex;

  gap: 0.2rem;

  /* 图标间距，可选 */
}

.footer-centerbox-contain-dl dt:last-child ul li {
  display: flex;

  /* 避免图片下面出现空白 */

  align-items: center;
}

.footer-centerbox-contain-dl dt:last-child ul li a {
  width: 0.45rem;

  height: 0.45rem;

  display: flex;

  /* 为了让图标居中 */

  justify-content: center;

  align-items: center;

  background: rgba(255, 255, 255, 0.1);
}

.footer-centerbox-contain-dl dt:last-child ul li a:hover {
  background: #006bb8;
}

/* .footer-centerbox-contain-dl dt:last-child ul li a img {

	width: 60%;

	height: 60%;

	object-fit: contain;

} */

.footer-centerbox-contain-des {
  font-size: 0.18rem;

  font-weight: normal;

  line-height: 0.3rem;

  letter-spacing: 0em;

  color: rgba(255, 255, 255, 0.7);
}

.footer-centerbox-contain-list li > span {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  gap: 0 4px;
}

.footer-centerbox-contain-list li a img {
  width: 0.2rem;

  height: 0.2rem;

  object-fit: contain;
}

.footer-centerbox-contain-list a,
.footer-centerbox-contain-list span {
  font-size: 0.16rem;

  color: rgba(255, 255, 255, 0.7);

  line-height: 1.5;
}

.footer-centerbox-contain-list a:hover {
  text-decoration: underline;
}

.footer-bottombox {
  background: #3a3a3a;

  padding: 0.2rem 1.6rem;

  color: #ffffff;

  font-size: 0.16rem;
}

.footer-bottombox a {
  color: #ffffff;

  font-size: 0.16rem;
}

.footer-bottombox a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1440px) {
  .footer-topbox-second {
    width: 40%;
  }
}

@media screen and (max-width: 1366px) {
  .footer-topbox-second {
    width: 52%;
  }
}

@media screen and (max-width: 1200px) {
  .footer-topbox-second {
    width: 55%;
  }

  .footer-topbox {
    padding: 0.4rem 1rem;
  }

  .footer-centerbox {
    padding: 0.5rem 1rem 0.3rem 1rem;
  }

  .footer-bottombox {
    padding: 0.2rem 1rem;
  }
}

@media screen and (max-width: 1024px) {
  .footer-topbox {
    padding: 0.3rem 0.5rem;
  }

  .footer-topbox-first,
  .footer-topbox-second {
    z-index: 2;
  }

  .footer-topbox-first {
    font-size: 0.4rem;
  }

  .footer-topbox-second {
    font-size: 0.15rem;

    width: 80%;
  }

  .footer-topbox-third {
    width: fit-content;

    line-height: normal;

    text-transform: capitalize;

    border-radius: 0.24rem;

    background: linear-gradient(103deg, #006bb8 7%, #4abfed 91%);

    -webkit-border-radius: 0.24rem;

    -moz-border-radius: 0.24rem;

    -ms-border-radius: 0.24rem;

    -o-border-radius: 0.24rem;

    padding: 0.1rem 0.3rem;

    cursor: pointer;
  }

  .footer-topbox-third a {
    color: #ffffff;

    font-size: 0.15rem;

    font-weight: 600;
  }

  .footer-centerbox {
    padding: 0.5rem 0.5rem 0.3rem 0.5rem;
  }

  .footer-centerbox-top {
    display: flex;

    gap: 0.3rem;
  }

  .footer-centerbox-top a img {
    max-height: 0.8rem;
  }

  .footer-centerbox-top span {
    font-size: 0.26rem;

    font-weight: 600;

    line-height: 0.4rem;

    z-index: 2;
  }

  .footer-centerbox-contain-dl dt:nth-of-type(2),
  .footer-centerbox-contain-dl dt:nth-of-type(3) {
    display: none;
  }

  .footer-bottombox {
    padding: 0.1rem 0.5rem;
  }
}

@media screen and (max-width: 768px) {
  .footer-maxbox-excavator {
    position: absolute;

    left: 60%;

    top: 13%;

    z-index: 2;

    width: 40%;
  }
}

@media screen and (max-width: 425px) {
  .footer-topbox {
    padding: 0.2rem 0.3rem;

    gap: 0.1rem;
  }

  .footer-topbox-first {
    font-size: 0.2rem;

    line-height: 0.3rem;
  }

  .footer-topbox-second {
    display: none;
  }

  .footer-topbox-third {
    padding: 0.04rem 0.15rem;
  }

  .footer-topbox-third a {
    color: #ffffff;

    font-size: 0.12rem;

    font-weight: 600;
  }

  .footer-centerbox {
    padding: 0.2rem 0.3rem;
  }

  .footer-centerbox-top {
    display: flex;

    gap: 0.2rem;
  }

  .footer-centerbox-top a img {
    max-height: 0.5rem;
  }

  .footer-centerbox-top span {
    font-size: 0.18rem;

    font-weight: 600;

    line-height: 0.3rem;

    z-index: 2;
  }

  .footer-centerbox-contain-list {
    padding: 0.05rem 0;
  }

  .footer-centerbox-contain-list li {
    padding-top: 0.03rem;

    margin-bottom: 0.05rem;

    gap: 0 0.05rem;
  }

  .footer-centerbox-contain-list a,
  .footer-centerbox-contain-list span {
    font-size: 0.13rem;

    color: rgba(255, 255, 255, 0.7);

    line-height: 0.2rem;
  }

  .footer-centerbox-contain-dl {
    display: block;
  }

  .footer-centerbox-contain-des {
    font-size: 0.13rem;

    line-height: 0.2rem;
  }

  .footer-centerbox-contain-h5 {
    font-size: 0.2rem;

    line-height: 0.28rem;
  }

  .footer-bottombox {
    padding: 0.1rem 0.3rem;

    font-size: 0.13rem;
  }

  .footer-bottombox a {
    font-size: 0.13rem;
  }

  .footer-maxbox-excavator {
    position: absolute;

    left: 60%;

    top: 4%;

    z-index: 2;

    width: 40%;
  }

  .footer-centerbox-contain-dl dt:last-child ul li a {
    width: 40px;

    height: 40px;
  }
}

@media screen and (max-width: 375px) {
  .footer-topbox-third {
    padding: 0.03rem 0.1rem;
  }

  .footer-topbox-third a {
    color: #ffffff;

    font-size: 0.12rem;

    font-weight: 600;
  }

  .footer-centerbox-top span {
    font-size: 0.16rem;

    font-weight: 600;

    line-height: 0.25rem;

    letter-spacing: 0em;

    color: #ffffff;

    z-index: 2;
  }
}

@media screen and (max-width: 320px) {
  .footer-maxbox-excavator {
    position: absolute;

    left: 50%;

    top: 5.5%;

    z-index: 2;

    width: 45%;
  }

  .footer-centerbox-top {
    display: flex;

    gap: 0.1rem;
  }

  .footer-centerbox-top a img {
    max-height: 0.3rem;
  }

  .footer-centerbox-top span {
    font-size: 0.15rem;

    font-weight: 600;

    line-height: 0.2rem;

    z-index: 2;
  }

  .footer-centerbox-contain-dl dt:last-child ul li a {
    width: 45px;

    height: 45px;

    display: flex;

    /* 为了让图标居中 */

    justify-content: center;

    align-items: center;

    background: rgba(255, 255, 255, 0.1);
  }

  .footer-centerbox-contain-dl dt:last-child ul li a img {
    width: 0.2rem;

    height: 0.2rem;

    object-fit: contain;
  }
}

/* --------------------------------------------index.html------------------------------------- */

/* --------------------------------------------banner---------------------------------------- */

.banner {
  width: 100%;

  overflow: hidden;

  position: relative;

  margin-bottom: var(--box-bottom);
}

.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;
}

.swiper-slide img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

/* .banner-prev,

.banner-next {

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  width: 40px;

  height: 40px;

  background: rgb(255 255 255 / 30%);

  z-index: 3;

  cursor: pointer;

  outline: none;

  -webkit-user-select: none;

  user-select: none;

  border-radius: 50%;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: all 0.4s;

}



.banner-prev {

  left: 0;

}



.banner-next {

  right: 0;

}



.banner-prev iconify-icon,

.banner-next iconify-icon {

  font-size: 0.25rem;

  color: #fff;

}



.banner_list .swiper-button-disabled {

  cursor: not-allowed;

}

.banner-prev:hover,

.banner-next:hover {

  background: var(--i_color);

}*/

.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;
}

.b_text1 {
  position: absolute;

  top: 10%;

  left: 50%;

  transform: translateX(-50%);

  z-index: 3;

  text-align: center;
}

.b_text1_text {
  font-size: 0.52rem;

  font-weight: 600;

  color: #ffffff;
}

.b_text1_btn {
  margin-top: 0.2rem;
}

.b_text1_btn iconify-icon {
  font-size: 0.22rem;
}

.b_text1_btn a {
  border-radius: 0.24rem;

  opacity: 1;

  color: #ffffff;

  background: linear-gradient(104deg, #006bb8 5%, #4abfed 97%);

  padding: 0.1rem 0.2rem;

  display: inline-block;

  position: relative;

  font-size: 0.18rem;

  font-weight: 600;

  color: #fff;

  display: inline-flex;

  align-items: center;

  gap: 0.08rem;
}

@media screen and (max-width: 1200px) {
  .b_text1_text {
    font-size: 0.35rem;

    font-weight: 600;

    color: #ffffff;
  }
}

@media screen and (max-width: 1024px) {
  .banner-button-prev,
  .banner-button-next {
    display: none;
  }

  .banner-pagination {
    bottom: 0.1rem !important;
  }
}

@media screen and (max-width: 768px) {
  .b_text1_text {
    font-size: 0.25rem;

    font-weight: 600;

    color: #ffffff;
  }

  .b_text1_btn a {
    border-radius: 0.24rem;

    opacity: 1;

    color: #ffffff;

    background: linear-gradient(104deg, #006bb8 5%, #4abfed 97%);

    padding: 0.1rem 0.2rem;

    display: inline-flex;

    position: relative;

    font-size: 0.15rem;

    font-weight: 600;

    color: #fff;

    align-items: center;
  }

  .b_text1_btn iconify-icon {
    font-size: 0.16rem;
  }

  .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;
  }
}

@media screen and (max-width: 425px) {
  .b_text1_text {
    font-size: 0.15rem;

    font-weight: 600;

    color: #ffffff;
  }

  .b_text1_btn {
    display: none;
  }
}

@media screen and (max-width: 320px) {
  .b_text1_text {
    font-size: 0.13rem;

    font-weight: 600;

    color: #ffffff;
  }

  .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;
  }
}

/* -----------------------Products Series---------------------------- */

.products-series {
  /* padding: 0 var(--contain-width) var(--box-bottom) var(--contain-width); */

  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/11/products_series_img.webp)
    no-repeat center;

  background-size: cover;

  padding-bottom: 0.8rem;

  overflow: hidden;
}

.products-series-top {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 0.5rem;
}

.products-series-top-left {
  width: 80%;
}

.products-series-top-left-title {
  font-size: var(--title_fz);

  font-weight: 600;

  line-height: 0.42rem;

  margin-bottom: 0.1rem;
}

.products-series-a-left {
  color: #333333;

  margin-right: 0.2rem;

  position: relative;

  display: inline-block;

  padding: 0.15rem 0;
}

.products-series-a-left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.products-series-a-right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;
}

.products-series-top-left-des {
  font-size: 0.18rem;

  color: #666666;

  /* overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap; */
}

.products-series-top-right {
}

.products-series-contain {
  display: flex;

  box-sizing: border-box;

  justify-content: space-between;

  /* align-items: stretch; */
}

/* 445 365 */

/* -----原样式--- */

.products-series-contain-left {
  background: url(static/images/products-series-bg.webp) no-repeat center;

  background-size: cover;

  padding: 0.4rem 0.44rem 0.3rem 0.44rem;

  box-sizing: border-box;

  border: 1px solid #e5e5e5;

  border-radius: 0.08rem;

  -webkit-border-radius: 0.08rem;

  -moz-border-radius: 0.08rem;

  -ms-border-radius: 0.08rem;

  -o-border-radius: 0.08rem;

  display: flex;

  flex-direction: column;

  width: 42.033%;

  transition: all 0.35s ease;
}

.products-series-contain-left:hover {
  transform: translateY(-4px) scale(1.02);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);

  border-color: transparent;

  /* 让边框消失更高级 */
}

.products-series-contain-left:hover
  .products-series-contain-left-bottom-btn
  span {
  background-color: #006bb8;
}

.products-series-contain-left:hover
  .products-series-contain-left-bottom-btn
  span
  img {
  content: url("static/images/right-white.webp");
}

.products-series-contain-left:hover .products-series-contain-left-top-title {
  color: #006bb8;
}

.products-series-contain-left-top {
  display: flex;

  flex-direction: column;

  gap: 0.1rem;
}

.products-series-contain-left-top-title {
  font-size: 0.3rem;

  font-weight: 600;

  color: #333333;
}

.products-series-contain-left-top-des {
  font-size: 0.18rem;

  line-height: 0.24rem;

  color: #474747;

  display: -webkit-box;

  -webkit-line-clamp: 2; /* 限制为两行 */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  z-index: 2;
}

.b_text2_btn a {
  border-radius: 0.24rem;

  opacity: 1;

  color: #ffffff;

  background: linear-gradient(104deg, #006bb8 5%, #4abfed 97%);

  padding: 0.1rem 0.2rem 0.1rem 0.2rem;

  display: flex;

  align-items: center;

  font-size: 0.18rem;

  line-height: 0.24rem;

  font-weight: 600;

  color: #fff;
}

.b_text2_btn a iconify-icon {
  font-size: 0.18rem;

  margin-left: 0.1rem;
}

.products-series-contain-right {
  width: 56.875%;
}

.products-series-contain-left-bottom {
  position: relative;
}

.products-series-contain-left-bottom-btn {
  align-self: flex-start;
}

.products-series-contain-left-bottom-btn span {
  width: 0.5rem;

  height: 0.5rem;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  border: 1px solid #006bb8;

  margin-top: 0.8rem;

  display: flex;

  align-items: center;

  justify-content: center;
}

.products-series-contain-left-bottom-btn span img {
  width: 50%;

  height: 50%;

  object-fit: contain;
}

.products-series-contain-left-bottom-btn span:hover {
  background-color: #006bb8;
}

.products-series-contain-left-bottom-btn span:hover img {
  content: url("static/images/right-white.webp");
}

.products-series-contain-left-bottom-bg {
  position: relative;
}

.products-series-contain-left-bottom-bg::before {
  content: "";

  display: block;

  padding-bottom: 81.6%;
}

.products-series-contain-left-bottom-bg img {
  width: 100%;

  height: 100%;

  object-fit: contain;

  position: absolute;

  left: 55%;

  top: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50);

  -moz-transform: translate(-50%, -50);

  -ms-transform: translate(-50%, -50);

  -o-transform: translate(-50%, -50);
}

.products-series-contain-right {
  display: flex;

  gap: 0.2rem;

  flex-wrap: wrap;
}

.products-series-contain-right-card {
  width: 48.9%;

  background: url(static/images/products-series-bg.webp);

  background-size: cover;

  /* 背景图铺满容器 */

  background-repeat: no-repeat;

  /* 不重复 */

  background-position: center;

  /* 居中 */

  box-sizing: border-box;

  border: 1px solid #e5e5e5;

  padding: 0.4rem 0.4rem 0.17rem 0.4rem;

  border-radius: 0.08rem;

  -webkit-border-radius: 0.08rem;

  -moz-border-radius: 0.08rem;

  -ms-border-radius: 0.08rem;

  -o-border-radius: 0.08rem;

  display: flex;

  flex-direction: column;

  transition: all 0.35s ease;
}

.products-series-contain-right-card:hover {
  transform: translateY(-4px) scale(1.02);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);

  border-color: transparent;

  /* 让边框消失更高级 */
}

.products-series-contain-right-card:hover
  .products-series-contain-right-card-left
  span {
  background-color: #006bb8;
}

.products-series-contain-right-card:hover
  .products-series-contain-right-card-left
  span
  img {
  content: url("static/images/right-white1.webp");
}

.products-series-contain-right-card:hover
  .products-series-contain-right-card-top-title {
  font-size: 0.3rem;

  font-weight: 600;

  color: #006bb8;
}

.products-series-contain-right-card-top {
  display: flex;

  flex-direction: column;

  gap: 0.1rem;
}

.products-series-contain-right-card-top-title {
  font-size: 0.3rem;

  font-weight: 600;

  color: #333;
}

.products-series-contain-right-card-top-des {
  font-size: 0.18rem;

  line-height: 0.24rem;

  color: #474747;

  display: -webkit-box;

  -webkit-line-clamp: 2; /* 限制为两行 */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  z-index: 2;
}

.products-series-contain-right-card-contain {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.products-series-contain-right-card-contain img {
  width: 96%;

  height: 100%;

  object-fit: contain;
}

.products-series-contain-right-card-left span {
  border: 1px solid #006bb8;

  border-radius: 50%;

  width: 0.4rem;

  height: 0.4rem;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;
}

.products-series-contain-right-card-left span img {
  width: 50%;

  height: 50%;

  object-fit: contain;
}

.products-series-contain-right-card-left span:hover {
  background-color: #006bb8;
}

.products-series-contain-right-card-left span:hover img {
  content: url("static/images/right-white1.webp");
}

.products-series-contain-right-card-right {
  position: relative;

  width: 80%;
}

.products-series-contain-right-card-right::before {
  content: "";

  display: block;

  padding-bottom: 68%;
}

.products-series-contain-right-card-right img {
  width: 100%;

  height: 100%;

  object-fit: contain;

  bottom: -0.3rem;

  left: 0.3rem;

  position: absolute;
}

@media screen and (max-width: 1440px) {
  .products-series-contain-left {
    padding: 0.3rem 0.34rem;

    width: 42%;
  }

  .products-series-contain-right-card {
    padding: 0.3rem 0.34rem;

    width: 48%;
  }
}

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

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

@media screen and (max-width: 1024px) {
  .products-series-contain-left-top {
    gap: 0.06rem;
  }

  .products-series-contain-left-bottom-bg img {
    top: 59%;
  }

  .products-series-contain-left-top-title {
    font-size: 0.25rem;
  }

  .products-series-contain-left-top-des {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }

  .products-series-contain-right-card-top {
    gap: 0.06rem;
  }

  .products-series-contain-right-card-top-title {
    font-size: 0.25rem;
  }

  .products-series-contain-right-card-top-des {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }
}

@media screen and (max-width: 768px) {
  .products-series-contain {
    display: block;
  }

  .products-series-contain-left {
    margin-bottom: 0.2rem;

    width: 100%;
  }

  .products-series-contain-left-bottom {
    display: flex;
  }

  .products-series-contain-left-bottom-bg {
    flex: 1;
  }

  .products-series-contain-right {
    width: 100%;
  }

  .products-series-contain-left-bottom-bg::before {
    content: "";

    display: block;

    padding-bottom: 21.6%;
  }

  .products-series-contain-left-bottom-bg img {
    width: auto;

    height: 141%;

    object-fit: contain;

    position: absolute;

    left: auto !important;

    top: 50%;

    right: 0 !important;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50);

    -moz-transform: translate(-50%, -50);

    -ms-transform: translate(-50%, -50);

    -o-transform: translate(-50%, -50);
  }

  .b_text2_btn a {
    border-radius: 0.15rem;

    opacity: 1;

    color: #ffffff;

    background: linear-gradient(104deg, #006bb8 5%, #4abfed 97%);

    padding: 0.08rem 0.15rem;

    font-size: 0.16rem;

    font-weight: 600;

    color: #fff;

    -webkit-border-radius: 0.15rem;

    -moz-border-radius: 0.15rem;

    -ms-border-radius: 0.15rem;

    -o-border-radius: 0.15rem;
  }

  .b_text2_btn a iconify-icon {
    font-size: 0.18rem;

    margin-left: 0.1rem;
  }

  .products-series-top {
    margin-bottom: 0.2rem;
  }

  .products-series-top-left-title {
    line-height: 0.3rem;
  }

  .products-series-top-left-des {
    font-size: 0.13rem;
  }
}

@media screen and (max-width: 425px) {
  .products-series {
    padding-bottom: var(--box-bottom);
  }

  .products-series-top {
    display: block;
  }

  .products-series-top-left {
    width: 100%;
  }

  .products-series-top-right {
    margin-top: 0.05rem;

    display: flex;

    justify-content: flex-end;
  }

  .b_text2_btn a {
    padding: 0.05rem 0.14rem;

    font-size: 0.12rem;
  }

  .b_text2_btn a iconify-icon {
    font-size: 0.15rem;

    margin-left: 0.05rem;
  }

  .products-series-a-left {
    margin-right: 0.1rem;

    position: relative;

    display: inline-block;
  }

  .products-series-top-left-title {
    line-height: 0.1rem;
  }

  .products-series-top-left-des {
    font-size: 0.11rem;
  }

  .products-series-contain-left {
    padding: 0.2rem 0.25rem;
  }

  .products-series-contain-left-bottom-bg {
    display: flex;

    align-items: end;

    justify-content: end;
  }

  /* .products-series-contain-left-bottom-bg {

		width: 2rem;

		height: 2rem;

		display: flex;

		align-self: flex-end;

	} */

  .products-series-contain-left-bottom-bg img {
    all: unset;

    /* 重置所有样式 */

    display: block;

    /* 根据需要补你想要的 */

    width: 70%;
  }

  .products-series-contain-right {
    display: block;
  }

  .products-series-contain-right-card {
    width: 100%;

    margin-bottom: 0.1rem;
  }
}

@media screen and (max-width: 320px) {
  .products-series-contain-right-card-right img {
    bottom: -0.2rem;

    left: 0.2rem;
  }

  .products-series-contain-left {
    /*居中*/

    padding: 0.13rem 0.14rem;
  }

  .products-series-contain-left-top-title {
    font-size: 0.2rem;
  }

  .products-series-contain-left-top-des {
    font-size: 0.15rem;
  }

  .products-series-contain-left-bottom-btn span {
    width: 0.3rem;

    height: 0.3rem;

    margin-top: 0.2rem;
  }

  .products-series-contain-right-card {
    padding: 0.13rem 0.14rem;
  }

  .products-series-contain-right-card-top-title {
    font-size: 0.2rem;
  }

  .products-series-contain-left-top-des {
    font-size: 0.15rem;
  }

  .products-series-contain-right-card-left span {
    width: 0.3rem;

    height: 0.3rem;

    margin-top: 0.2rem;
  }
}

/* --------------------------Hot Products---------------------  */

.hot-products {
  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/hot-products-bg.webp)
    no-repeat center;

  background-size: cover;

  padding: 0.25rem 0 0.4rem 0;

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  margin-bottom: var(--box-bottom);

  box-sizing: border-box;

  overflow: hidden;
}

.hot-products-title {
  font-size: var(--title_fz);

  font-weight: 600;

  display: flex;

  justify-content: center;

  margin-bottom: 0.2rem;
}

.hot-products-title-left {
  color: #fff;

  margin-right: 0.1rem;

  position: relative;

  padding: 0.15rem 0;
}

.hot-products-title-left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.hot-products-title-right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0.15rem 0;
}

.hot-products-des {
  color: #fff;

  text-align: center;

  font-size: 0.18rem;

  margin-bottom: 0.2rem;
}

.hot-products-btn {
  display: flex;

  justify-content: center;

  color: #fff;

  cursor: pointer;
}

.hot-products-btn a {
  border-radius: 0.24rem;

  opacity: 1;

  color: #ffffff;

  background: linear-gradient(104deg, #006bb8 5%, #4abfed 97%);

  padding: 0.1rem 0.2rem;

  display: flex;

  align-items: center;

  font-size: 0.18rem;

  font-weight: 600;

  color: #fff;
}

.hot-products-btn a iconify-icon {
  margin-left: 0.1rem;

  font-size: 0.2rem;
}

@media screen and (max-width: 1200px) {
  .hot-products {
    padding: 0.3rem 0;

    gap: 0.2rem;
  }
}

@media screen and (max-width: 768px) {
  .hot-products {
    padding: 0.3rem 0;

    gap: 0.2rem;
  }

  .hot-products-des {
    font-size: 0.13rem;
  }

  .hot-products-btn a {
    font-size: 0.15rem;
  }

  .hot-products-btn a iconify-icon {
    margin-left: 0.1rem;

    font-size: 0.18rem;
  }
}

@media screen and (max-width: 425px) {
  .hot-products {
    padding: 0.2rem 0;

    gap: 0.1rem;
  }

  .hot-products-des {
    font-size: 0.11rem;
  }

  .hot-products-btn a {
    font-size: 0.13rem;

    padding: 0.05rem 0.2rem;
  }

  .hot-products-btn a iconify-icon {
    margin-left: 0.05rem;

    font-size: 0.15rem;
  }
}

/* --------------------------------excavatorList---------------------------------------- */

.excavatorList {
  margin-bottom: var(--box-bottom);

  display: flex;

  flex-wrap: wrap;

  gap: 0.2rem;

  background-color: #fff;

  overflow: hidden;

  padding: 0.1rem;

  box-sizing: border-box;
}

.excavatorList-card {
  width: calc((100% - 0.6rem) / 4);

  background-color: #fff;

  border: 1px solid #ebeef5;

  border-radius: 0.04rem;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  box-sizing: border-box;

  transition: all 0.3s ease;

  cursor: pointer;
}

.excavatorList-card-top {
  position: relative;

  overflow: hidden;
}

.excavatorList-card-top::before {
  content: "";

  display: block;

  padding-bottom: 75%;
}

.excavatorList-card-top img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease;
}

.excavatorList-card:hover .excavatorList-card-top img {
  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);
}

.excavatorList-card:hover .excavatorList-card-center-name {
  color: #006bb8;
}

.excavatorList-card-center {
  margin: 0 0.2rem;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 0.15rem;

  border-bottom: 1px solid #ccc;

  box-sizing: border-box;

  padding: 0.13rem 0 0.15rem 0;
}

.excavatorList-card-center-top {
  font-size: 0.16rem;

  color: #666666;
}

.excavatorList-card-center-name {
  font-size: 0.24rem;

  font-weight: 600;

  color: #333333;

  line-height: 0.26rem;

  height: 0.55rem;

  display: -webkit-box;

  -webkit-line-clamp: 2; /* 最多显示 2 行 */

  line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
}

.excavatorList-card-bottom {
  padding: 0.2rem;

  display: flex;

  flex-direction: column;

  gap: 0.05rem;
}

.excavatorList-card-bottom-price {
  font-weight: 400;

  font-size: 0.18rem;

  color: #666666;
}

.excavatorList-card-bottom-price-span {
  font-weight: 600;

  font-size: 0.2rem;

  color: #ed4141;
}

.excavatorList-card-bottom-unit-span {
  font-weight: 400;

  font-size: 0.18rem;

  color: #333333;
}

.excavatorList-card-bottom-unit {
  font-size: 0.18rem;

  color: #666666;
}

@media screen and (max-width: 1024px) {
  .excavatorList-card {
    width: calc((100% - 0.4rem) / 3);
  }
}

@media screen and (max-width: 768px) {
  .excavatorList-card {
    width: calc(50% - 0.1rem);
  }
}

@media screen and (max-width: 425px) {
  .excavatorList-card {
    width: 100%;
  }

  .excavatorList-card-center-name {
    font-size: 0.18rem;

    line-height: 0.2rem;

    height: 0.45rem;
  }

  .excavatorList-card-bottom-price {
    font-weight: 400;

    font-size: 0.15rem;
  }

  .excavatorList-card-bottom-price-span {
    font-size: 0.16rem;
  }

  .excavatorList-card-bottom-unit {
    font-size: 0.15rem;
  }

  .excavatorList-card-bottom-unit-span {
    font-size: 0.16rem;
  }
}

@media screen and (max-width: 320px) {
  .excavatorList-card-center {
    margin: 0 0.1rem;
  }

  .excavatorList-card-bottom {
    padding: 0.1rem;
  }
}

/* ---------------------------------about-us----------------------------- */

.about-us {
  margin-bottom: var(--box-bottom);

  padding: 0.5rem 0;

  box-sizing: border-box;

  background-image: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/about-us-bg.webp);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  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-left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.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.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: #003a67;

  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-des {
  font-family: Roboto;

  font-size: 18px;

  font-weight: normal;

  line-height: 20px;

  text-transform: capitalize;

  letter-spacing: 0em;

  color: #003a67;

  /* overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis; */
}

.about-us-right-top {
  height: 50%;

  display: flex;
}

.about-us-right-top-left {
  width: 50%;

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  align-items: center;
}

.about-us-right-top-left-top {
  text-align: center;

  font-size: 0.64rem;

  font-weight: bold;

  color: #003a67;
}

.about-us-right-top-left-bottom {
  font-size: 0.18rem;

  color: #003a67;

  width: 100%;

  text-align: center;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  box-sizing: border-box;
}

.about-us-right-top-right {
  width: 50%;

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  align-items: center;
}

.about-us-right-top-right-top {
  font-size: 0.64rem;

  font-weight: bold;

  background: linear-gradient(114deg, #006bb8 16%, #4abfed 83%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  box-sizing: border-box;
}

.about-us-right-top-right-bottom {
  width: 100%;

  font-size: 0.18rem;

  font-weight: normal;

  text-transform: capitalize;

  color: #003a67;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;
}

.about-us-right-bottom {
  height: 50%;

  display: flex;

  gap: 0.2rem;

  padding: 0.2rem 0 0 0;
}

.about-us-right-bottom-box {
  width: 33.3%;

  display: flex;

  flex-direction: column;

  justify-content: space-around;

  align-items: center;
}

.about-us-right-bottom-box-top {
  text-align: center;

  font-size: 0.64rem;

  font-weight: bold;

  letter-spacing: 0em;

  color: #003a67;
}

.about-us-right-bottom-box-bottom {
  text-align: center;

  font-size: 0.18rem;

  font-weight: normal;

  text-transform: capitalize;

  letter-spacing: 0em;

  color: #003a67;

  width: 100%;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  text-align: center;
}

.roll_num {
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .about-us-right-top-left-top,
  .about-us-right-top-right-top,
  .about-us-right-bottom-box-top {
    font-size: 0.54rem;
  }

  .about-us-right-top-left-bottom,
  .about-us-right-top-right-bottom,
  .about-us-right-bottom-box-bottom {
    font-size: 0.15rem;
  }

  .about-us-right-box-num {
    font-size: 0.54rem;
  }

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

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

  .about-us-left {
    width: auto;
  }

  .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-top-left,
  .about-us-right-top-right-bottom {
    padding-bottom: 0.2rem;
  }

  .about-us-right-top-left-top,
  .about-us-right-top-right-top,
  .about-us-right-bottom-box-top {
    font-size: 0.44rem;
  }

  .about-us-right-top-left-bottom,
  .about-us-right-top-right-bottom,
  .about-us-right-bottom-box-bottom {
    font-size: 0.13rem;
  }

  .about-us-right-box-num {
    font-size: 0.44rem;
  }

  .about-us-right-box-des {
    font-size: 0.13rem;
  }
}

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

  .about-us-left {
    padding: 0 0.1rem;
  }

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

  .about-us-right-top-left-top,
  .about-us-right-top-right-top,
  .about-us-right-bottom-box-top {
    font-size: 0.35rem;
  }

  .about-us-right-top-left-bottom,
  .about-us-right-top-right-bottom,
  .about-us-right-bottom-box-bottom {
    font-size: 0.12rem;
  }

  .about-us-right-box-num {
    font-size: 0.35rem;
  }

  .about-us-right-box-des {
    font-size: 0.12rem;
  }
}

/* ---------------------------------Our Advantages-------------------------- */

.our-advantages {
  margin-bottom: var(--box-bottom);

  padding: 0.5rem 0;

  box-sizing: border-box;

  background-image: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/our-advantages-bg.webp);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  overflow: hidden;
}

.our-advantages-top {
  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  align-items: center;

  justify-content: space-around;
}

.our-advantages-top-title {
  font-size: var(--title_fz);

  font-weight: 600;

  display: flex;

  justify-content: center;
}

.our-advantages-top-title-left {
  color: #fff;

  margin-right: 0.1rem;

  position: relative;

  padding: 0.15rem 0;
}

.our-advantages-top-title-left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.our-advantages-top-title-right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0.15rem 0;
}

.our-advantages-top-des {
  color: #fff;

  text-align: center;

  font-size: 0.18rem;
}

.adv_service_ul {
  display: flex;

  gap: 0.12rem;

  margin-top: 0.6rem;

  overflow: hidden;
}

.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;
}

.adv_service_ul li::before {
  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  bottom: 0;

  transition: all 0.4s ease;

  background: linear-gradient(
    180deg,
    rgba(0, 107, 184, 0.6) 19%,
    rgba(0, 107, 184, 0.6) 100%,
    rgba(0, 0, 0, 0) 100%
  );

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

  -ms-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;
}

.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 img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 0.1rem;
}

.adv_service_ul li::after {
  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 0%;

  background: linear-gradient(
    0deg,
    rgba(0, 107, 184, 0.6) 7%,

    rgba(0, 107, 184, 0) 101%
  );

  transition: all 1s ease;

  border-radius: 0.1rem;
}

.adv_service_ul li:not(.adv_service_active) {
  background: linear-gradient(
    0deg,
    rgba(0, 107, 184, 0.6) 7%,

    rgba(0, 107, 184, 0) 101%
  );

  /* 可以换成你想要的颜色 */
}

.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_text h3 {
  font-size: 0.24rem;

  color: #fff;

  line-height: 0.3rem;

  min-height: 0.7rem;

  text-transform: capitalize;

  font-weight: bold;

  margin-bottom: 0.1rem;

  box-sizing: border-box;

  padding-bottom: 0.1rem;
}

.adv_service_text h4 {
  display: none;

  font-size: 0.16rem;

  color: #fff;

  /* width: 37vw; */

  /* line-height: 150%; */
}

.adv_service_ul li.adv_service_active .adv_service_text {
  background: transparent;
}

.adv_service_ul li.adv_service_active .adv_service_text h3 {
  min-height: unset;
}

.adv_service_ul li.adv_service_active .adv_service_text h4 {
  display: block;

  animation: opPrevIn 0.8s cubic-bezier(0.435, 0.25, 0.15, 0.965) alternate;
}

.adv_service_ul li.adv_service_active::after {
  height: 100% !important;
}

.adv_service_text_img {
  width: 0.45rem;

  height: 0.45rem;
}

.adv_service_text_img img {
  width: 100% !important;

  height: 100% !important;

  object-fit: contain !important;
}

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

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

  .adv_service_ul li {
    width: 100%;
  }

  .adv_service_ul li::before {
    display: none;
  }

  .adv_service_text {
    padding: 0.15rem 0.1rem;
  }
}

@media screen and (max-width: 768px) {
  .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: 43vw; */
  }

  .adv_service_ul li {
    height: 4rem;
  }

  .adv_service_text_img {
    width: 0.35rem;

    height: 0.35rem;
  }

  .our-advantages-top-des {
    font-size: 0.16rem;
  }
}

@media screen and (max-width: 425px) {
  .adv_service_text_img img {
    width: 80% !important;

    height: 80% !important;

    object-fit: contain !important;
  }

  .our-advantages {
    padding: 0.2rem 0;
  }

  .our-advantages-top {
    gap: 0.1rem;
  }

  .our-advantages-top-des {
    font-size: 0.13rem;
  }

  .adv_service_text_img {
    display: none;
  }

  .adv_service_text h3 {
    font-size: 0.15rem;

    line-height: 0.25rem;

    min-height: 0.6rem;
  }

  .adv_service_text h4 {
    font-size: 0.13rem;

    /* width: 43vw; */
  }

  .adv_service_ul {
    margin-top: 0.3rem;
  }

  .adv_service_ul li {
    height: 3rem;
  }
}

@media screen and (max-width: 320px) {
  .adv_service_text_img img {
    width: 80% !important;

    height: 80% !important;

    object-fit: contain !important;
  }

  .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;
  }
}

/* ---------------------------------------------cooperative-partner---------------------------------- */

.cooperative-partner {
  margin-bottom: var(--box-bottom);

  padding: 0rem 0.61rem;

  box-sizing: border-box;

  background-image: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/cooperative-partner-bg.webp);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  overflow: hidden;
}

.cooperative-partner-top {
  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  align-items: center;

  justify-content: space-around;

  margin-bottom: 0.2rem;
}

.cooperative-partner-top-title {
  font-size: var(--title_fz);

  font-weight: 600;

  display: flex;

  justify-content: center;
}

.cooperative-partner-top-title-left {
  color: #333333;

  margin-right: 0.1rem;

  position: relative;

  padding: 0.15rem 0;
}

.cooperative-partner-top-title-left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.cooperative-partner-top-title-right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0.15rem 0;
}

.cooperative-partner-top-des {
  color: #333333;

  text-align: center;

  font-size: 0.18rem;
}

.partner_list {
  position: relative;

  overflow: hidden;

  padding: 0.1rem;

  box-sizing: border-box;
}

.partner_list .swiper-wrapper {
  display: -webkit-flex;

  display: flex;

  position: relative;

  width: 100%;

  padding: 0.05rem;
}

.partner_list .swiper-slide {
  flex-shrink: 0;

  background: #fff;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);

  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;
}

.partner_list li span {
  display: block;

  width: 100%;

  position: relative;

  overflow: hidden;
}

.partner_list li span::before {
  content: "";

  display: block;

  padding-bottom: 51%;
}

.partner_list li span img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: contain;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.public-pagination {
  text-align: center;
}

.public-pagination .swiper-pagination-bullet {
  width: 0.12rem;

  height: 0.12rem;

  display: inline-block;

  margin: 0 6px;

  -webkit-border-radius: 2rem;

  border-radius: 2rem;

  background: #ccc;

  outline: none;

  cursor: pointer;

  position: relative;

  -webkit-transition: width 0.5s ease;

  transition: width 0.5s ease;
}

.public-pagination .swiper-pagination-bullet-active {
  width: 0.36rem;

  background: #006bb8;

  background-size: contain;

  border-radius: 0.24rem;

  -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: 768px) {
  .cooperative-partner {
    padding: 0rem 0.3rem;
  }
}

@media screen and (max-width: 425px) {
  .cooperative-partner-top-des {
    font-size: 0.15rem;
  }
}

/* -----------------------LatestNews-------------------------- */

.latest-news {
  margin-bottom: var(--box-bottom);

  overflow: hidden;
}

.latest-news-top {
  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 0.5rem;
}

.latest-news-top-left {
  width: 80%;
}

.latest-news-top-left-title {
  font-size: var(--title_fz);

  font-weight: 600;

  display: flex;

  margin-bottom: 0.1rem;
}

.latest-news-a-left {
  color: #333333;

  margin-right: 0.2rem;

  position: relative;

  padding: 0.15rem 0;
}

.latest-news-a-left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.latest-news-a-right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0.15rem 0;
}

.latest-news-top-left-des {
  font-size: 0.18rem;

  color: #666666;

  /* overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap; */
}

.latest-news-contain {
  display: flex;

  gap: 0.3rem;

  box-sizing: border-box;

  align-items: stretch;

  position: relative;
}

.latest-news-contain-left {
  width: 49%;
}

.latest-news-contain-left ul li {
  width: 100%;

  overflow: hidden;

  position: relative;
}

.latest-news-contain-left ul li::before {
  content: "";

  display: block;

  padding-bottom: 61%;
}

.latest-news-contain-left ul li img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  border-radius: 0.08rem;
}

.latest-news-contain-right {
  display: flex;

  flex-direction: column;

  flex: 1;
}

.latest-news-contain-img {
  position: absolute;

  right: -8%;

  bottom: -55%;

  width: 5rem;

  height: 5rem;
}

.latest-news-contain-img img {
  width: 100%;

  height: 100%;
}

.latest-news-contain-right-card {
  flex: 0 0 33.33%;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  cursor: pointer;
  padding: 0.1rem 0;
  box-sizing: border-box;
}
.latest-news-contain-right-card-topbox {
  display: flex;
  flex-direction: column;
  gap: 0.03rem;
}
.latest-news-contain-right-card:hover a {
  color: #006bb8;
}

.latest-news-contain-right-card-title a {
  font-size: 0.18rem;

  font-weight: 600;

  line-height: 0.3rem;

  color: #333333;

  display: block;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.latest-news-contain-right-card-des a {
  font-size: 0.16rem;

  line-height: 0.3rem;

  color: #666666;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
}

.latest-news-contain-right-card-time a {
  font-size: 0.16rem;

  line-height: 0.3rem;

  color: #666666;
}

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

  .latest-news-contain-left {
    width: 100%;

    margin-bottom: 0.2rem;
  }

  .latest-news-contain-right {
    width: 100%;

    gap: 0.2rem;
  }

  .latest-news-contain-img img {
    display: none;
  }
}

@media screen and (max-width: 425px) {
  .latest-news-top {
    display: block;
  }

  .latest-news-a-left {
    color: #333333;

    margin-right: 0.1rem;
  }

  .latest-news-top-left {
    width: 100%;
  }

  .latest-news-top-left-des {
    font-size: 0.15rem;
  }

  .latest-news-top-right {
    margin-top: 0.1rem;

    display: flex;

    justify-content: end;
  }

  .latest-news-contain-right-card-title a {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }

  .latest-news-contain-right-card-des a {
    font-size: 0.13rem;

    line-height: 0.2rem;
  }

  .latest-news-contain-right-card-time a {
    font-size: 0.13rem;

    line-height: 0.2rem;
  }
}

@media screen and (max-width: 375px) {
  .latest-news-top-right {
    margin-top: 0.05rem;
  }

  .latest-news-top {
    margin-bottom: 0.1rem;
  }
}

@media screen and (max-width: 320px) {
  .latest-news-top-left-des {
    font-size: 0.13rem;
  }

  .latest-news-top-right {
    margin-top: 0.05rem;
  }

  .latest-news-contain-right-card-title a {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }

  .latest-news-contain-right-card-des a {
    font-size: 0.12rem;

    line-height: 0.15rem;
  }

  .latest-news-contain-right-card-time a {
    font-size: 0.12rem;

    line-height: 0.2rem;
  }
}

/* ---------------------------------------子页面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;
}

/* ---------------------------------------Breadcrumb--------------------------------------- */

.in_position {
  box-sizing: border-box;

  padding: 0.2rem 0;

  background: #e6f1f8;

  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: #666666;

  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--------------------------------------- */

.products_bac {
  box-sizing: border-box;

  margin-top: var(--box-bottom);

  background-color: #fff;
}

.products {
  display: flex;

  gap: 0.42rem;
}

.products_left {
  width: 3.22rem;

  box-sizing: border-box;
}

.products_left_all {
  background-color: #f2f7fb;

  padding: 0.34rem 0.3rem;
}

.products_left_h2 {
  font-size: 0.2rem;

  text-transform: capitalize;

  box-sizing: border-box;

  text-align: center;

  color: #fff;

  background-color: 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: #fff;
}

.list_a::after {
  content: "";

  position: absolute;

  top: 0;

  right: 0;

  background-color: #fff;

  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;
}

.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.08rem;

  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: #222;

  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.1rem;

  top: 50%;

  transform: translate(0, -50%);

  width: 0.07rem;

  height: 0.07rem;

  background-color: var(--i_color);

  opacity: 0;

  transition: all 0.3s ease;
}

.list_dl dt a:hover::after,
.list_dl dt a:hover::before {
  opacity: 1;
}

.list_active {
}

.list_active .list_a::after {
  width: 100%;

  left: 0;

  right: auto;
}

.list_active .list_a i iconify-icon {
  color: var(--i_color);

  transform: translate(-50%, -50%) rotate(180deg);
}

.list_active .list_a a {
  color: var(--i_color);
}

.list_dl_active a::after,
.list_dl_active a::before {
  opacity: 1 !important;

  left: 0 !important;
}

.list_dl dt a:hover::after {
  opacity: 1 !important;

  left: 0 !important;
}

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

.list_dl_active a {
  color: var(--i_color) !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;

    background-color: var(--i_color);

    box-sizing: border-box;

    padding: 0.15rem 0;
  }

  .list {
    padding-bottom: 0.2rem;
  }

  .products_left_all {
    padding: 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: 0.18rem;

  line-height: 0.3rem;

  color: #666666;
}

.products_right_contain_excavatorList {
  display: flex;

  flex-wrap: wrap;

  gap: 0.2rem;

  width: 100%;
}

.products_right_contain_excavatorList_card {
  width: calc((100% - 0.4rem) / 3);

  /* 间距按实际需求调整 */

  background-color: #fff;

  border: 1px solid #ebeef5;

  border-radius: 0.04rem;

  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  box-sizing: border-box;

  transition: all 0.3s ease;

  cursor: pointer;
}

.products_right_contain_excavatorList_card:hover {
  transform: translateY(-6px);

  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.products_right_contain_excavatorList_card:hover
  .products_right_contain_excavatorList_card_center_name {
  color: #006bb8;
}

.products_right_contain_excavatorList_card_top {
  position: relative;

  overflow: hidden;

  background-color: chartreuse;
}

.products_right_contain_excavatorList_card_top::before {
  content: "";

  display: block;

  width: 100%;

  padding-bottom: 72%;
}

.products_right_contain_excavatorList_card_top img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease;
}

.products_right_contain_excavatorList_card:hover
  .products_right_contain_excavatorList_card_top
  img {
  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);
}

.products_right_contain_excavatorList_card_center {
  margin: 0 0.2rem;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  gap: 0.15rem;

  border-bottom: 1px solid #ccc;

  box-sizing: border-box;

  padding: 0.16rem 0 0.15rem 0;
}

.products_right_contain_excavatorList_card_center_top {
  font-size: 0.16rem;

  color: #666666;
}

.products_right_contain_excavatorList_card_center_name {
  font-size: 0.24rem;

  font-weight: 600;

  color: #333333;

  line-height: 0.26rem;

  /* ⭐ 两行省略号核心代码 */

  display: -webkit-box;

  -webkit-line-clamp: 2; /* 最多显示 2 行 */

  line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 0.55rem;
}

.products_right_contain_excavatorList_card_bottom {
  padding: 0.2rem;

  display: flex;

  flex-direction: column;

  gap: 0.05rem;
}

.products_right_contain_excavatorList_card_bottom_price {
  font-weight: 400;

  font-size: 0.18rem;

  color: #666666;
}

.products_right_contain_excavatorList_card_bottom_price_span {
  font-weight: 600;

  font-size: 0.2rem;

  color: #ed4141;
}

.products_right_contain_excavatorList_card_bottom_unit_span {
  font-weight: 400;

  font-size: 0.18rem;

  color: #333333;
}

.products_right_contain_excavatorList_card_bottom_unit {
  font-size: 0.18rem;

  color: #666666;
}

@media screen and (max-width: 1024px) {
  .products_left {
    margin-bottom: 0.2rem;
  }

  .products {
    display: block;
  }

  .products_right_top_title {
    display: flex;

    justify-content: center;
  }

  .products_right_top_des {
    display: flex;

    justify-content: center;
  }

  .products_right_contain_excavatorList_card_center_name {
    font-size: 0.2rem;

    line-height: 0.22rem;

    height: 0.49rem;
  }

  .products_right_contain_excavatorList_card_bottom_price {
    font-size: 0.16rem;
  }

  .products_right_contain_excavatorList_card_bottom_unit {
    font-size: 0.16rem;
  }

  .products_right_contain_excavatorList_card_bottom_price_span {
    font-size: 0.17rem;
  }

  .products_right_contain_excavatorList_card_bottom_unit_span {
    font-size: 0.15rem;
  }
}

@media screen and (max-width: 768px) {
  .products_right_contain_excavatorList_card {
    width: calc(50% - 0.1rem);
  }

  .products_right_contain_excavatorList_card_center {
    margin: 0 0.15rem;

    gap: 0.1rem;

    padding: 0.1rem 0 0.1rem 0;
  }

  .products_right_contain_excavatorList_card_bottom {
    padding: 0.1rem 0.15rem;

    gap: 0.05rem;
  }
}

@media screen and (max-width: 425px) {
  .products_right_top_des {
    font-size: 0.15rem;

    line-height: 0.22rem;
  }

  .products_right_contain_excavatorList_card {
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  .products_right_top_des {
    font-size: 0.13rem;

    line-height: 0.18rem;
  }

  .products_right_contain_excavatorList_card_center {
    margin: 0 0.1rem;
  }

  .products_right_contain_excavatorList_card_bottom {
    padding: 0.1rem;
  }
}

/* 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: #666;

  background: #fff;

  -webkit-border-radius: 0.05rem;

  border-radius: 0.05rem;

  border: 1px solid var(--border_color);

  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;
}

@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;
  }
}

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

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

.p_data {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  padding: 0 var(--contain-width);

  gap: 0.2rem;

  box-sizing: border-box;

  align-items: stretch;

  background-color: #fff;
}

/* atlas */

.p_atlas {
  width: 44%;

  height: 100%;

  position: relative;

  flex-shrink: 0;

  overflow: hidden;
}

.p_atlas::before {
  content: "";

  display: block;

  padding-bottom: 80%;
}

/* thumbnail */

.p_thumbnail {
  position: absolute;

  top: 0;

  left: 0;

  width: 16%;

  height: 100%;
}

.p_thumbnail_list {
  position: relative;

  top: 50%;

  transform: translate(0, -50%);

  width: 100%;

  height: calc(100% - 0.8rem);

  box-sizing: border-box;

  position: relative;

  overflow: hidden;
}

.p_thumbnail_list .swiper-wrapper {
  flex-direction: column;

  position: relative;

  width: 100%;
}

.p_thumbnail_list .swiper-slide {
  flex-shrink: 0;

  position: relative;

  box-sizing: border-box;

  border: 2px solid #eee;

  -webkit-border-radius: 0.14rem;

  border-radius: 0.14rem;

  overflow: hidden;

  cursor: pointer;
}

.p_thumbnail_list .swiper-slide img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

/* 默认的遮罩层 */

.p_thumbnail_list .swiper-slide::after {
  content: "";

  position: absolute;

  inset: 0;

  background: rgba(0, 0, 0, 0.45);

  /* 半透明黑色遮罩 */

  border-radius: 4px;

  transition: opacity 0.3s;

  pointer-events: none;

  opacity: 1;
}

/* Swiper 选中缩略图会自动加这个类 */

.p_thumbnail_list .swiper-slide-thumb-active::after {
  opacity: 0;
}

.p_v_btn {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 0.32rem;

  height: 0.26rem;

  background: var(--i_color);

  -webkit-border-radius: 0.1rem;

  border-radius: 0.1rem;

  font-size: 0.12rem;

  color: #fff;
}

.p_v_btn::before {
  position: absolute;

  top: 50%;

  left: 52%;

  transform: translate(-50%, -50%);
}

.p_thumbnail_list .swiper-slide-thumb-active {
  border-color: var(--i_color);
}

.thumbnail-prev,
.thumbnail-next {
  background: rgba(0, 0, 0, 0.12);

  position: absolute;

  left: 50%;

  transform: translate(-50%, 0);

  width: 100%;

  height: 0.3rem;

  z-index: 3;

  cursor: pointer;

  outline: none;

  -webkit-user-select: none;

  user-select: none;

  z-index: 3;
}

.thumbnail-prev {
  top: 0;
}

.thumbnail-next {
  bottom: 0;
}

.thumbnail-prev iconify-icon,
.thumbnail-next iconify-icon {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 0.38rem;

  color: #888;
}

.p_atlas_list .swiper-button-disabled {
  cursor: not-allowed;
}

.thumbnail-prev:hover,
.thumbnail-next:hover {
  background: var(--i_color);
}

.thumbnail-prev:hover iconify-icon,
.thumbnail-next:hover iconify-icon {
  color: #fff;
}

.thumbnail-pagination.swiper-pagination-fraction {
  width: auto !important;

  left: auto !important;

  right: 0.2rem !important;

  top: 0.1rem !important;
}

.thumbnail-pagination {
  position: absolute !important;

  top: 0.1rem !important;

  right: 0 !important;

  margin-top: 0.1rem !important;

  text-align: center;

  z-index: 1;
}

.thumbnail-pagination,
.thumbnail-pagination span {
  font-size: 0.16rem;

  color: #fff;
}

.thumbnail-pagination .swiper-pagination-current {
  font-size: 0.24rem;
}

.p_atlas_list {
  position: absolute;

  top: 0;

  right: 0;

  width: calc(100% - 20%);

  height: 100%;

  -webkit-border-radius: 0.2rem;

  border-radius: 0.2rem;

  box-sizing: border-box;

  border: 1px solid #eee;

  overflow: hidden;
}

.p_atlas_list .swiper-wrapper {
  display: -webkit-flex;

  display: flex;

  position: relative;

  height: 100%;
}

.p_atlas_list .swiper-slide {
  height: 100%;

  flex-shrink: 0;

  position: relative;

  overflow: hidden;

  cursor: pointer;
}

.p_atlas_list .swiper-slide img {
  width: 100%;

  height: 100%;

  object-fit: cover;
}

.p_atlas_list .swiper-slide iframe,
.p_atlas_list .swiper-slide video {
  width: 100%;

  height: 100%;

  background: #000;

  object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .p_det > .wrap {
    flex-wrap: wrap;
  }

  .p_atlas {
    width: 100%;

    margin: 0 auto 0.2rem auto;

    max-width: 5rem;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;
  }

  .p_atlas::before {
    display: none;
  }

  .p_thumbnail {
    margin-top: 0.2rem;

    position: relative;

    width: 100%;
  }

  .p_thumbnail_list {
    position: initial;

    top: initial;

    transform: none;

    height: 1.2rem;
  }

  .p_thumbnail_list .swiper-wrapper {
    display: -webkit-flex;

    display: flex;

    flex-direction: initial;
  }

  .p_thumbnail_list .swiper-slide {
    border-width: 1px;
  }

  .thumbnail-prev,
  .thumbnail-next {
    display: none;
  }

  .p_atlas_list {
    order: -1;

    position: relative;

    width: 100%;
  }

  .p_atlas_list .swiper-slide {
    height: 0;

    padding-bottom: 100%;
  }

  .p_atlas_list .swiper-slide iframe,
  .p_atlas_list .swiper-slide video,
  .p_atlas_list .swiper-slide img {
    position: absolute;

    top: 0;

    left: 0;
  }
}

@media screen and (max-width: 768px) {
  .p_thumbnail {
    display: none;
  }
}

.p_dataInfo {
  flex: 1;

  display: flex;

  flex-direction: column;

  justify-content: space-between;
}

.p_dataInfo_title h1 {
  font-size: 0.3rem;

  color: #333333;

  border-bottom: #006bb8 solid 2px;

  padding-bottom: 0.1rem;
}

.p_dataInfo_des {
  font-size: 0.18rem;

  font-weight: normal;

  line-height: 0.22rem;

  color: #333333;

  margin-top: 0.1rem;
}

.p_detailTable {
  width: 100%;

  border-collapse: collapse;

  font-size: 0.16rem;

  color: #333;
}

.p_detailTable_row {
  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 0.3rem;
}

/* 偶数行背景灰色 */

.p_detailTable_row:nth-child(even) {
  background: #f5f5f5;
}

/* 奇数行背景白色 */

.p_detailTable_row:nth-child(odd) {
  background: #ffffff;
}

.p_detailTable_label {
  flex: 1;

  font-weight: 600;

  border-right: rgba(0, 0, 0, 0.12) 1px solid;

  padding: 0.2rem 0;

  text-align: center;
}

.p_detailTable_value {
  flex: 3;

  color: #666;

  text-align: center;
}

.p_dataInfo_bottom {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.p_dataInfo_bottom_left {
  display: flex;

  gap: 0.2rem;
}

.p_dataInfo_bottom_left_leftBtn a,
.p_dataInfo_bottom_left_rightBtn a {
  border: 1px solid #006bb8;

  color: #006bb8;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0.1rem 0.15rem;

  cursor: pointer;

  font-size: 0.18rem;
}

.p_dataInfo_bottom_left_leftBtn a:hover,
.p_dataInfo_bottom_left_rightBtn a:hover {
  background: #006bb8;

  color: #fff;
}

.p_dataInfo_bottom_right {
  display: flex;

  gap: 0.1rem;

  align-items: center;
}

.p_dataInfo_bottom_right_name {
  font-size: 0.16rem;

  color: #333333;
}

.p_dataInfo_bottom_right_pic1 a,
.p_dataInfo_bottom_right_pic2 a,
.p_dataInfo_bottom_right_pic3 a,
.p_dataInfo_bottom_right_pic4 a {
  background: rgba(51, 51, 51, 0.2);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  width: 0.28rem;

  height: 0.28rem;

  display: flex;

  align-items: center;

  justify-content: center;
}

.p_dataInfo_bottom_right_pic1 a:hover,
.p_dataInfo_bottom_right_pic2 a:hover,
.p_dataInfo_bottom_right_pic3 a:hover,
.p_dataInfo_bottom_right_pic4 a:hover {
  background-color: #006bb8;
}

.p_dataInfo_bottom_right_pic1 a:hover iconify-icon,
.p_dataInfo_bottom_right_pic2 a:hover iconify-icon,
.p_dataInfo_bottom_right_pic3 a:hover iconify-icon,
.p_dataInfo_bottom_right_pic4 a:hover iconify-icon {
  color: #fff !important;

  transition: color 0.3s;
}

@media screen and (max-width: 1200px) {
  .p_dataInfo {
    gap: 0.15rem;
  }

  .p_dataInfo_title h1 {
    font-size: 0.25rem;

    color: #333333;

    padding-bottom: 0.08rem;
  }

  .p_dataInfo_des {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }

  .p_detailTable_label {
    padding: 0.15rem 0;
  }

  .p_dataInfo_bottom_left_leftBtn a,
  .p_dataInfo_bottom_left_rightBtn a {
    font-size: 0.12rem;

    padding: 0.08rem 0.12rem;
  }
}

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

@media screen and (max-width: 425px) {
  .p_dataInfo_title h1 {
    font-size: 0.2rem;
  }

  .p_dataInfo_des {
    font-size: 0.15rem;
  }

  .p_detailTable {
    font-size: 0.11rem;
  }

  .p_dataInfo_bottom {
    display: block;
  }

  .p_dataInfo_bottom_left {
    display: flex;

    justify-content: center;

    margin-bottom: 0.1rem;
  }

  .p_dataInfo_bottom_left_leftBtn a,
  .p_dataInfo_bottom_left_rightBtn a {
    font-size: 0.12rem;

    padding: 0.05rem 0.1rem;
  }

  .p_dataInfo_bottom_right {
    display: flex;

    justify-content: end;

    margin-top: 0.05rem;
  }
}

@media screen and (max-width: 375px) {
  .p_dataInfo_title h1 {
    font-size: 0.18rem;
  }

  .p_dataInfo_des {
    font-size: 0.13rem;
  }
}

/* ----------------------------------------five btn----------------------------------------- */

.fiveBtn-maxBox {
  display: flex;

  width: 100%;

  margin-bottom: var(--box-bottom);

  /* padding: 0 var(--contain-width); */

  box-sizing: border-box;
}

.fiveBtn-box {
  width: 20%;

  border-right: #ccc 1px solid;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  gap: 0.2rem;
}

.fiveBtn-box p {
  font-size: 0.2rem;

  font-weight: bold;

  color: #333333;
}

.fiveBtn-box:last-child {
  border-right: none;
}

.fiveBtn-box-div {
  background: #006bb8;

  width: 0.76rem;

  height: 0.76rem;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  cursor: pointer;

  position: relative;

  overflow: hidden;
}

.fiveBtn-box-div::before {
  content: "";

  position: absolute;

  bottom: -60%;

  right: -40%;

  width: 0.76rem;

  /* 圆的宽 */

  height: 0.76rem;

  /* 圆的高 */

  background: rgba(255, 255, 255, 0.3);

  backdrop-filter: blur(4px);

  border-radius: 50%;
}

.fiveBtn-box-div img {
  width: 0.43rem;

  height: 0.43rem;

  object-fit: contain;

  position: relative;

  z-index: 10;
}

.fiveBtn-box-div {
  transition: all 0.3s ease;
}

.fiveBtn-box-div:hover {
  transform: translateY(-6px);
}

@media screen and (max-width: 1024px) {
  .fiveBtn-maxBox {
    flex-wrap: wrap;

    gap: 0.1rem 0;
  }

  .fiveBtn-box {
    width: 19%;

    border-right: #ccc 1px solid;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 0.2rem;
  }

  .fiveBtn-box p {
    font-size: 0.16rem;
  }
}

@media screen and (max-width: 768px) {
  .fiveBtn-box {
    width: 33%;

    border: none;
  }

  .fiveBtn-box-div {
    width: 0.56rem;

    height: 0.56rem;
  }

  .fiveBtn-box-div img {
    width: 0.3rem;

    height: 0.3rem;
  }

  .fiveBtn-box-div::before {
    display: none;
  }
}

@media screen and (max-width: 425px) {
  .fiveBtn-box {
    width: 50%;

    gap: 0.08rem 0;
  }

  .fiveBtn-box-div {
    width: 0.36rem;

    height: 0.36rem;
  }

  .fiveBtn-box p {
    font-size: 0.12rem;

    font-weight: 300;
  }

  .fiveBtn-box-div img {
    width: 0.19rem;

    height: 0.19rem;
  }
}

/* ------------------------------------------productsDetail_otherContain------------------------------------------ */

.productsDetail_otherContain {
  box-sizing: border-box;

  /* margin-bottom: var(--box-bottom); */

  /* padding: 0 var(--contain-width); */

  background-color: #f9fafa;

  padding: 0.8rem 0;
}

.productsDetail_otherContain .wrap {
  display: flex;

  justify-content: center;

  gap: 1.4rem;
}

.productsDetail_otherContain_leftBox {
  flex: 1;
}

.productsDetail_otherContain_leftBox_top {
  display: flex;

  border-bottom: #f9fafa 2px solid;

  width: 100%;
}

.productsDetail_otherContain_leftBox_top_btn {
  color: #666666;

  padding: 0.1rem 0.15rem;

  cursor: pointer;

  font-size: 0.24rem;

  display: flex;

  align-items: center;

  justify-content: center;
}

.productsDetail_otherContain_leftBox_top_btn_active {
  font-size: 0.24rem;

  color: #ffffff;

  padding: 0.1rem 0.15rem;

  background: #006bb8;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;
}

.productsDetail_otherContain_leftBox_contain1 {
  height: 10rem;

  padding: 0.2rem 0 0 0;
}

.productsDetail_otherContain_leftBox_contain2 {
  /* height: 10rem; */

  display: none;

  padding: 0.2rem 0 0 0;
}

.productsDetail_otherContain_leftBox_contain2 iframe {
  /* width: 100% !important; */
}

@media screen and (max-width: 1024px) {
  .productsDetail_otherContain_leftBox_top_btn {
    padding: 0.1rem 0.15rem;

    font-size: 0.18rem;
  }

  .productsDetail_otherContain_leftBox_top_btn_active {
    font-size: 0.18rem;

    padding: 0.1rem 0.15rem;
  }
}

@media screen and (max-width: 425px) {
  .productsDetail_otherContain_leftBox_top_btn {
    padding: 0.1rem 0.15rem;

    font-size: 0.13rem;
  }

  .productsDetail_otherContain_leftBox_top_btn_active {
    font-size: 0.13rem;

    padding: 0.1rem 0.15rem;
  }
}

.productsDetail_otherContain_rightBox {
  width: 20%;
}

.productsDetail_otherContain_rightBox {
  width: 3.22rem;

  box-sizing: border-box;
}

.productsDetail_otherContain_rightBox_all {
  background-color: #f2f7fb;

  padding: 0.34rem 0.3rem;
}

.productsDetail_otherContain_rightBox_h2 {
  font-size: 0.2rem;

  text-transform: capitalize;

  box-sizing: border-box;

  text-align: center;

  color: #fff;

  background-color: var(--i_color);

  box-sizing: border-box;

  padding: 0.2rem;

  font-weight: bold;

  margin-bottom: 0.1rem;
}

.productsDetail_otherContain_rightBox_h2 iconify-icon {
  color: #fff;

  font-size: 0.34rem;

  margin-left: 0.1rem;

  font-weight: bold;

  margin-bottom: 2px;

  display: none;
}

.productsDetail_otherContain_rightBox_list {
  display: flex;

  display: -webkit-flex;

  flex-direction: column;

  box-sizing: border-box;

  gap: 0.2rem;
}

.productsDetail_otherContain_rightBox_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);

} */

.productsDetail_otherContain_rightBox_list_a {
  box-sizing: border-box;

  padding: 0.2rem 0.2rem;

  position: relative;

  z-index: 2;

  overflow: hidden;

  background-color: #fff;
}

.productsDetail_otherContain_rightBox_list_a::after {
  content: "";

  position: absolute;

  top: 0;

  right: 0;

  background-color: #fff;

  width: 0;

  height: 100%;

  transition: all 0.5s ease-in-out;

  z-index: -1;
}

.productsDetail_otherContain_rightBox_list
  .productsDetail_otherContain_rightBox_list_a
  a {
  font-size: 0.18rem;

  color: #222;

  font-weight: bold;

  box-sizing: border-box;

  line-height: 110%;

  transition: all 0.3s ease;
}

.productsDetail_otherContain_rightBox_list
  .productsDetail_otherContain_rightBox_list_a
  i {
  width: 0.5rem;

  height: 0.55rem;

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 0;

  cursor: pointer;
}

.productsDetail_otherContain_rightBox_list
  .productsDetail_otherContain_rightBox_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;
}

.productsDetail_otherContain_rightBox_list_dl {
  padding: 0.2rem 0.08rem 0 0.08rem;

  display: flex;

  display: -webkit-flex;

  flex-direction: column;

  box-sizing: border-box;

  gap: 0.2rem;
}

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

.productsDetail_otherContain_rightBox_list_dl dt a {
  font-size: 0.16rem;

  color: #222;

  display: block;

  transition: all 0.3s ease;

  position: relative;

  box-sizing: border-box;

  padding: 0rem 0.2rem;
}

.productsDetail_otherContain_rightBox_list_dl dt a::after {
  content: "";

  position: absolute;

  left: -0.1rem;

  top: 50%;

  transform: translate(0, -50%);

  width: 0.07rem;

  height: 0.07rem;

  background-color: var(--i_color);

  opacity: 0;

  transition: all 0.3s ease;
}

.productsDetail_otherContain_rightBox_list_dl dt a:hover::after,
.productsDetail_otherContain_rightBox_list_dl dt a:hover::before {
  opacity: 1;
}

.productsDetail_otherContain_rightBox_list_active {
}

.productsDetail_otherContain_rightBox_list_active
  .productsDetail_otherContain_rightBox_list_a::after {
  width: 100%;

  left: 0;

  right: auto;
}

.productsDetail_otherContain_rightBox_list_active
  .productsDetail_otherContain_rightBox_list_a
  i
  iconify-icon {
  color: var(--i_color);

  transform: translate(-50%, -50%) rotate(180deg);
}

.productsDetail_otherContain_rightBox_list_active
  .productsDetail_otherContain_rightBox_list_a
  a {
  color: var(--i_color);
}

.productsDetail_otherContain_rightBox_list_dl_active a::after,
.productsDetail_otherContain_rightBox_list_dl_active a::before {
  opacity: 1 !important;

  left: 0 !important;
}

.productsDetail_otherContain_rightBox_list_dl dt a:hover::after {
  opacity: 1 !important;

  left: 0 !important;
}

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

.productsDetail_otherContain_rightBox_list_dl_active a {
  color: var(--i_color) !important;
}

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

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

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

@media screen and (max-width: 1024px) {
  .productsDetail_otherContain .wrap {
    display: flex;

    flex-direction: column-reverse;

    gap: 0.1rem;
  }

  .productsDetail_otherContain_rightBox {
    width: 100%;
  }

  .productsDetail_otherContain_rightBox_h2 iconify-icon {
    display: block;
  }

  .productsDetail_otherContain_rightBox_h2 {
    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;
  }

  .productsDetail_otherContain_rightBox_h2 {
    margin-bottom: 0;
  }

  .productsDetail_otherContain_rightBox_list {
    margin-top: 0.2rem;
  }

  .productsDetail_otherContain_rightBox_h2 {
    color: #fff;

    background-color: var(--i_color);

    box-sizing: border-box;

    padding: 0.15rem 0;
  }

  .productsDetail_otherContain_rightBox_list {
    padding-bottom: 0.2rem;
  }

  .productsDetail_otherContain_rightBox_all {
    padding: 0.2rem;
  }
}

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

@media screen and (max-width: 768px) {
  .productsDetail_otherContain_rightBox_list_a {
    padding: 0.08rem 0.15rem;
  }

  .productsDetail_otherContain_rightBox_list
    .productsDetail_otherContain_rightBox_list_a
    a {
    font-size: 0.15rem;
  }

  .productsDetail_otherContain_rightBox_h2 {
    font-size: 0.2rem;
  }

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

@media screen and (max-width: 560px) {
  .productsDetail_otherContain {
    padding: var(--box-bottom) 0;
  }

  .productsDetail_otherContain_rightBox_list
    .productsDetail_otherContain_rightBox_list_a
    a {
    font-size: 0.13rem;
  }

  .productsDetail_otherContain_rightBox_list
    .productsDetail_otherContain_rightBox_list_a
    i
    iconify-icon {
    font-size: 0.2rem;
  }

  .productsDetail_otherContain_rightBox_h2 {
    font-size: 0.18rem;
  }

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

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

/* ------------------------------------------single_two------------------------------------------ */

.single_two_bac {
  background: #ffffff;

  box-sizing: border-box;

  padding: 0.56rem var(--contain-width);

  margin-bottom: var(--box-bottom);
}

.single_two {
}

.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);
}

.single_tags p {
  font-size: 0.18rem;

  color: #333333;

  font-family: "bold";

  line-height: 0.42rem;
}

.single_tags a {
  display: inline-block;

  box-sizing: border-box;

  padding: 0.1rem 0.12rem;

  background-color: #fff;

  font-size: 0.16rem;

  color: #333;
}

.single_tags a:hover {
  background-color: #006bb8;

  color: #ffffff;
}

.sx {
  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  flex-wrap: wrap;
}

.sx > div {
  width: 48%;
}

.sx_left {
}

.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 iconify-icon {
  color: var(--i_color) !important;
}

.sx .sx_right:hover iconify-icon {
  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) {
  .single_tags a {
    padding: 0.08rem 0.1rem;

    font-size: 0.14rem;
  }

  .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) {
  .single_tags {
    gap: 0;

    padding-bottom: 0.1rem;

    margin-bottom: 0.2rem;
  }
}

/* --------------------------------related_products----------------------------------------------- */

.related_products {
  /* padding: 0 var(--contain-width); */

  background: #f9fafa;

  padding: 0.8rem 0 2rem 0;
}

.related_products_top {
  display: flex;

  flex-direction: column;

  gap: 0.2rem;
}

.related_products_top_title {
  font-size: var(--title_fz);

  font-weight: 600;

  display: flex;

  justify-content: center;
}

.related_products_top_title_left {
  color: #333333;

  margin-right: 0.1rem;

  position: relative;

  padding: 0.15rem 0;
}

.related_products_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.related_products_top_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0.15rem 0;
}

.related_products_top_des {
  color: #666666;

  text-align: center;

  font-size: 0.18rem;
}

@media screen and (max-width: 768px) {
  .related_products {
    background: #f9fafa;

    padding-bottom: 0.5rem;
  }
}

@media screen and (max-width: 425px) {
  .related_products_top_des {
    font-size: 0.14rem;
  }

  .related_products {
    padding: 0.3rem 0 1rem 0;
  }
}

.related_products_partner_box {
  margin-top: 0.5rem;
}

.related_products_partner {
  position: relative;
}

.related_products_list {
  width: 100%;

  padding: 0;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  z-index: 1;

  padding: 0.1rem;

  box-sizing: border-box;
}

.related_products_list .swiper-wrapper {
  display: flex;

  position: relative;

  width: 100%;

  z-index: 1;
}

/* .related_products_list .swiper-slide {

	width: 3.84rem !important;

	margin-right: .2rem !important;

} */

.related_products_list li {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-shrink: 0;

  position: relative;

  cursor: pointer;

  flex-direction: column;

  width: 100%;
}

.related_products_list li a {
  display: block;

  width: 100%;

  box-sizing: border-box;

  background-color: #fff;

  border-radius: 0.15rem;

  width: 100%;
}

.related_products_right_img {
  position: relative;

  width: 100%;

  overflow: hidden;
}

.related_products_right_img::before {
  content: "";

  display: block;

  padding-bottom: 74.5%;
}

.related_products_right_img img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease;
}

.related_products_list
  .swiper-wrapper
  .swiper-slide:hover
  .related_products_right_img
  img {
  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);
}

.related_products_list
  .swiper-wrapper
  .swiper-slide:hover
  .related_products_right_text_top_name {
  color: #006bb8;
}

.related_products_right_text {
  width: 100%;

  background: #fff;

  border-radius: 0 0 0.15rem 0.15rem;

  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);

  padding: 0 0.2rem;

  box-sizing: border-box;

  transition: all 0.3s;
}

.related_products_right_text_top {
  padding: 0.14rem 0 0.2rem 0;

  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.related_products_right_text_top_a {
  font-size: 0.16rem;

  color: #666666;

  margin-bottom: 0.23rem;
}

.related_products_right_text_top_name {
  font-size: 0.24rem;

  font-weight: 600;

  color: #333333;

  line-height: 0.26rem;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2; /* 最多显示 2 行 */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 0.55rem;
}

.related_products_right_text_bottom {
  padding: 0.2rem 0;

  width: 100%;

  box-sizing: border-box;
}

.related_products_right_text_bottom_price {
  display: flex;

  align-items: center;

  gap: 6px;
}

.related_products_right_text_bottom_price_label {
  font-weight: 400;

  font-size: 0.18rem;

  color: #666666;

  width: fit-content;
}

.related_products_right_text_bottom_price_value {
}

.related_products_right_text_bottom_price_value_price {
  font-weight: 600;

  font-size: 20px;

  color: #ed4141;
}

.related_products_right_text_bottom_price_value_unit {
  font-weight: 400;

  font-size: 18px;

  color: #333333;
}

.related_products_right_text_bottom_unit {
  display: flex;

  font-size: 0.18rem;

  font-weight: normal;

  line-height: 0.24rem;
}

.related_products_right_text_bottom_unit_label {
  color: #666666;
}

.related_products_right_text_bottom_unit_value {
  color: #333333;
}

@media screen and (max-width: 768px) {
  .related_products_right_text_top_a {
    font-size: 0.14rem;

    margin-bottom: 0.15rem;
  }

  .related_products_right_text_top_name {
    font-size: 0.18rem;

    line-height: 0.23rem;

    height: 0.5rem;
  }

  .related_products_right_text_bottom {
    padding: 0.15rem 0;
  }

  .related_products_right_text_bottom_price_label {
    font-size: 0.14rem;
  }

  .related_products_right_text_bottom_price_value_price {
    font-size: 0.15rem;
  }

  .related_products_right_text_bottom_price_value_unit {
    font-size: 0.14rem;
  }

  .related_products_right_text_bottom_unit {
    font-size: 0.14rem;

    line-height: 0.18rem;
  }
}

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

  .related_products_right_text_bottom {
    padding: 0.1rem 0;
  }
}

/* 指示器 */

.related_products_partner .pt-pagination {
  display: none;

  text-align: center;

  margin: 0.4rem auto 0;
}

.related_products_partner .pt-pagination .swiper-pagination-bullet {
  width: 0.12rem;

  height: 0.12rem;

  cursor: pointer;

  display: inline-block;

  margin: 0 5px;

  background: #bbb;

  border-radius: 50%;

  outline: none;
}

.related_products_partner .pt-pagination .swiper-pagination-bullet-active {
  position: relative;

  background: var(--i_color);
}

/* 左右箭头 */

.related_products_partner .pt-button-prev,
.related_products_partner .pt-button-next {
  position: absolute;

  bottom: -0.8rem;

  width: 0.5rem;

  height: 0.5rem;

  border: 1px solid var(--i_color);

  box-sizing: border-box;

  z-index: 999;

  cursor: pointer;

  outline: none;

  display: flex;

  display: -webkit-flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  transition: all 0.3s ease;
}

.related_products_partner .pt-button-prev iconify-icon,
.related_products_partner .pt-button-next iconify-icon {
  font-size: 0.2rem;

  color: var(--i_color);

  transition: all 0.3s ease;
}

.related_products_partner .pt-button-prev {
  right: 0.6rem;

  left: 45%;
}

.related_products_partner .pt-button-next {
  right: 0%;

  left: 50%;
}

.related_products_partner .pt-button-prev:hover,
.related_products_partner .pt-button-next:hover {
  background-color: var(--i_color);
}

.related_products_partner .pt-button-prev:hover iconify-icon,
.related_products_partner .pt-button-next:hover iconify-icon {
  color: #fff;
}

@media screen and (max-width: 1440px) {
  .hot_products_bac {
    padding: 0.8rem 0;

    border-radius: 0 0 0 0.8rem;
  }
}

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

@media screen and (max-width: 1200px) {
  .related_products_partner .pt-button-prev,
  .related_products_partner .pt-button-next {
    display: none;
  }

  .related_products_partner .pt-pagination {
    display: block;
  }

  .hot_products_bac {
    padding: 0.6rem 0;

    border-radius: 0 0 0 0.6rem;
  }
}

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

@media screen and (max-width: 767px) {
  .related_products_partner_box {
    margin-top: 0.4rem;
  }

  .hot_products_bac {
    border-radius: 0 0 0 0.4rem;
  }
}

@media screen and (max-width: 560px) {
  .related_products_partner .pt-pagination .swiper-pagination-bullet {
    width: 10px;

    height: 10px;
  }
}

/* -------------------------------------------aboutUs.html-------------------------------------------- */

/* -------------------------------------------aboutUs_topBox------------------------------------------- */

.aboutUs_topBox {
  margin-bottom: var(--box-bottom);

  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/aboutUs-topbg.webp)
    no-repeat center;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  margin-top: 1rem;

  overflow: hidden;
}

/* 781 668 */

.aboutUs_topBox_leftbox {
  position: relative;

  width: 48.81%;
}

.aboutUs_topBox_leftbox::after {
  content: "";

  display: block;

  padding-bottom: 97.42%;
}

.aboutUs_topBox_leftbox_rightCircle {
  position: absolute;

  top: -9%;

  right: 12%;

  width: 1.54rem;

  height: 1.54rem;

  background-color: #006bb8;

  z-index: 2;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;
}

.aboutUs_topBox_leftbox_rightCircle_box {
  width: 1.42rem;

  height: 1.42rem;

  border: 1px #fff dashed;

  border-radius: 50%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  color: #fff;
}

.aboutUs_topBox_leftbox_rightCircle_box_top {
  font-weight: 700;

  font-size: 0.5rem;

  text-align: center;
}

.aboutUs_topBox_leftbox_rightCircle_box_bottom {
  font-size: 0.13rem;

  text-align: center;
}

.aboutUs_topBox_leftbox .aboutUs-top-leftbg {
  position: absolute;

  top: 0;

  left: 0;

  object-fit: contain;

  width: 100%;

  height: 100%;

  z-index: 1;
}

.aboutUs_topBox_rightbox {
  width: 48.7%;

  display: flex;

  flex-direction: column;

  gap: 0.32rem;
}

.aboutUs_topBox_rightbox_top {
  font-size: 0.44rem;

  font-weight: bold;

  color: #006bb8;

  padding-top: 0.24rem;

  width: 100%;

  position: relative;
}

.aboutUs_topBox_rightbox_top::after {
  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 38.51%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.aboutUs_topBox_rightbox_contain {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #333333;
}

@media screen and (max-width: 1440px) {
  .aboutUs_topBox_rightbox_top {
    font-size: 0.4rem;
  }
}

@media screen and (max-width: 1366px) {
  .aboutUs_topBox {
    margin-top: 0.5rem;
  }
}

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

  .aboutUs_topBox_rightbox {
    width: 48.7%;

    gap: 0.25rem;
  }

  .aboutUs_topBox_rightbox_contain {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }
}

@media screen and (max-width: 1024px) {
  .aboutUs_topBox {
    gap: 0.2rem;
  }

  .aboutUs_topBox_leftbox_rightCircle {
    top: -10%;

    right: 30%;

    width: 1rem;

    height: 1rem;
  }

  .aboutUs_topBox_leftbox_rightCircle_box {
    width: 0.85rem;

    height: 0.85rem;
  }

  .aboutUs_topBox_leftbox_rightCircle_box_top {
    font-size: 0.35rem;

    text-align: center;
  }

  .aboutUs_topBox_leftbox_rightCircle_box_bottom {
    font-size: 0.12rem;

    text-align: center;
  }

  .aboutUs_topBox {
    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;
  }

  .aboutUs_topBox_leftbox {
    width: 80%;
  }

  .aboutUs_topBox_rightbox {
    width: 100%;

    gap: 0.25rem;
  }

  .aboutUs_topBox_rightbox_top {
    font-size: 0.3rem;

    padding-top: 0.2rem;
  }

  .aboutUs_topBox_rightbox_contain {
    font-size: 0.15rem;

    line-height: 0.25rem;
  }
}

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

  .aboutUs_topBox_rightbox {
    gap: 0.2rem;
  }

  .aboutUs_topBox_rightbox_top {
    font-size: 0.2rem;

    padding-top: 0.15rem;
  }

  .aboutUs_topBox_rightbox {
    gap: 0.1rem;
  }

  .aboutUs_topBox_rightbox_contain {
    font-size: 0.13rem;

    line-height: 0.2rem;
  }
}

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

.aboutUs_company_advantages {
  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/aboutUs-company-bg.webp)
    no-repeat center;

  width: 100%;

  background-size: cover;

  overflow: hidden;
}

.aboutUs_company_advantages_top {
  display: flex;

  flex-direction: column;
}

.aboutUs_company_advantages_top_title {
  display: flex;

  justify-content: center;

  align-items: center;

  font-size: var(--title_fz);

  font-weight: 600;

  padding: 0.8rem 0 0.24rem 0;

  box-sizing: border-box;
}

.aboutUs_company_advantages_top_title_left {
  color: #fff;

  width: fit-content;

  position: relative;

  padding: 0.11rem 0;

  margin-right: 0.1rem;

  box-sizing: border-box;
}

.aboutUs_company_advantages_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.aboutUs_company_advantages_top_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;
}

.aboutUs_company_advantages_top_des {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #ffffff;

  width: 92.75%;

  text-align: center;
}

.aboutUs_company_advantages_contain {
  display: flex;

  justify-content: space-between;

  padding: 0.6rem 0;
}

.aboutUs_company_advantages_contain_left {
  width: 40.375%;
}

.aboutUs_company_advantages_contain_left_ul li {
  border-bottom: #ccc 1px solid;

  padding: 0.34rem 0;

  box-sizing: border-box;
}

.aboutUs_company_advantages_contain_left_ul_li_topmaxbox {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

/* 左侧容器默认 */

.aboutUs_company_advantages_contain_left_ul_li_leftdiv {
  display: flex;

  align-items: center;

  gap: 0.2rem;

  width: 100%;
}

.aboutUs_company_advantages_contain_left_ul_li_leftdiv img {
  width: 0.3038rem;

  height: 0.3038rem;

  object-fit: contain;
}

.aboutUs_company_advantages_contain_left_ul_li_leftdiv a {
  color: #fff;

  font-size: 0.24rem;

  font-weight: 600;
}

/* 右侧图标默认显示 */

.aboutUs_company_advantages_contain_left_ul_li_rightdiv {
  display: block;
}

/* 描述默认隐藏 */

.aboutUs_company_advantages_contain_left_ul_li_des {
  max-height: 0;

  opacity: 0;

  overflow: hidden;

  transition: max-height 1s ease, opacity 0.6s ease;
}

/* 左侧文字变蓝 */

.aboutUs_company_advantages_contain_left_ul
  li.current
  .aboutUs_company_advantages_contain_left_ul_li_leftdiv
  a {
  color: #006bb8;
}

/* 左侧图标变蓝滤色 */

.aboutUs_company_advantages_contain_left_ul
  li.current
  .aboutUs_company_advantages_contain_left_ul_li_leftdiv
  img {
  filter: brightness(0) saturate(100%) invert(22%) sepia(95%) saturate(3000%)
    hue-rotate(190deg) brightness(90%) contrast(100%);
}

/* 右侧图标隐藏 */

.aboutUs_company_advantages_contain_left_ul
  li.current
  .aboutUs_company_advantages_contain_left_ul_li_rightdiv {
  display: none;
}

/* 描述显示为三行省略号 */

.aboutUs_company_advantages_contain_left_ul
  li.current
  .aboutUs_company_advantages_contain_left_ul_li_des {
  max-height: 1rem;

  opacity: 1;

  /* ✅ 让内容渐显 */

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #ffffff;

  padding-left: 0.5rem;

  margin-top: 0.1rem;
}

/* 右侧区域宽度（原样保留） */

.aboutUs_company_advantages_contain_right {
  width: 50.375%;

  display: flex;

  align-items: center;

  justify-content: center;
}

.aboutUs_company_advantages_contain_dl,
.aboutUs_company_advantages_contain_dl dt {
  width: 100%;
}

.aboutUs_company_advantages_contain_ul li a {
  width: 100%;

  position: relative;
}

.aboutUs_company_advantages_contain_ul li a::before {
  content: "";

  display: block;

  padding-bottom: 71%;
}

.aboutUs_company_advantages_contain_ul li a img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  top: 0;

  left: 0;

  position: absolute;
}

.aboutUs_company_advantages_contain_ul li span {
  display: none;
}

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

  .aboutUs_company_advantages_contain_right {
    width: 55%;
  }

  .aboutUs_company_advantages_contain_left_ul li {
    padding: 0.25rem 0;
  }

  .aboutUs_company_advantages_contain_left_ul_li_leftdiv img {
    width: 0.25rem;

    height: 0.25rem;

    object-fit: contain;
  }

  .aboutUs_company_advantages_contain_left_ul_li_leftdiv a {
    color: #fff;

    font-size: 0.2rem;

    font-weight: 600;
  }

  .aboutUs_company_advantages_contain_left_ul
    li.current
    .aboutUs_company_advantages_contain_left_ul_li_des {
    font-size: 0.15rem;

    line-height: 0.25rem;

    padding-left: 0.45rem;

    margin-top: 0.08rem;
  }
}

@media screen and (max-width: 768px) {
  .aboutUs_company_advantages_contain_ul li span {
    display: block;
  }

  .aboutUs_company_advantages_top_title {
    padding: 0.4rem 0 0.24rem 0;
  }

  .aboutUs_company_advantages_contain {
    display: block;

    padding: 0.3rem 0;
  }

  .aboutUs_company_advantages_contain_left {
    width: 100%;

    padding: 0.1rem 0;
  }

  .aboutUs_company_advantages_contain_left_ul_li_leftdiv {
    justify-content: center;
  }

  .aboutUs_company_advantages_contain_left_ul_li_leftdiv a {
    display: block;

    /* 或 block */

    max-width: 100%;

    font-size: 0.15rem;

    text-align: center;
  }

  .aboutUs_company_advantages_contain_left_ul {
    display: flex;

    /* 让 li 横向排列 */

    padding: 0;

    margin: 0;

    list-style: none;

    flex-wrap: wrap;
  }

  .aboutUs_company_advantages_contain_left_ul li {
    flex: 0 0 50%;

    box-sizing: border-box;

    padding: 0.15rem 0.1rem;

    overflow: hidden;

    text-align: center;

    display: block;
  }

  .aboutUs_company_advantages_contain_left_ul_li_leftdiv img {
    display: none;
  }

  .aboutUs_company_advantages_contain_left_ul_li_rightdiv {
    display: none;
  }

  .aboutUs_company_advantages_contain_left_ul
    li.current
    .aboutUs_company_advantages_contain_left_ul_li_des {
    display: none;
  }

  .aboutUs_company_advantages_contain_right {
    margin-top: 0.1rem;

    width: 100%;
  }

  .aboutUs_company_advantages_contain_ul li {
    position: relative;

    overflow: hidden;
  }

  .aboutUs_company_advantages_contain_ul li a img {
    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;
  }

  .aboutUs_company_advantages_contain_ul li span {
    position: absolute;

    left: 10px;

    bottom: 10px;

    color: #fff;

    z-index: 2;

    font-size: 0.16rem;
  }

  /* 渐变伪类 */

  .aboutUs_company_advantages_contain_ul li::after {
    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 50%;

    /* 到图片一半 */

    background: linear-gradient(
      to top,

      rgba(0, 107, 184, 0.8),
      /* 底部深蓝 */ rgba(0, 107, 184, 0) /* 向上逐渐透明 */
    );

    pointer-events: none;

    /* 不影响鼠标事件 */

    transition: 0.4s;
  }
}

@media screen and (max-width: 425px) {
  .aboutUs_company_advantages_top_des {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }

  .aboutUs_company_advantages_contain {
    padding: 0.1rem 0;
  }

  .aboutUs_company_advantages_contain_left_ul_li_leftdiv a {
    font-size: 0.13rem;
  }

  .aboutUs_company_advantages_contain_ul li span {
    font-size: 0.13rem;
  }
}

@media screen and (max-width: 375px) {
  .aboutUs_company_advantages {
    padding-bottom: 0.1rem;
  }

  .aboutUs_company_advantages_contain {
    padding: 0;
  }

  .aboutUs_company_advantages_top_des {
    font-size: 0.13rem;
  }

  .aboutUs_company_advantages_top_title {
    padding: 0.2rem 0 0.24rem 0;
  }

  .aboutUs_company_advantages_contain_left_ul_li_leftdiv a {
    font-size: 0.11rem;
  }

  .aboutUs_company_advantages_contain_ul li span {
    font-size: 0.11rem;
  }
}

/* ----------------------------------------------environmental_display---------------------------------------- */

.environmental_display {
  margin-bottom: var(--box-bottom);

  overflow: hidden;
}

.environmental_display_top {
  margin-bottom: 0.77rem;
}

.environmental_display_top_title {
  display: flex;

  justify-content: center;

  align-items: center;

  font-size: var(--title_fz);

  font-weight: 600;

  padding: 0.8rem 0 0.24rem 0;

  box-sizing: border-box;
}

.environmental_display_top_title_left {
  color: #333333;

  width: fit-content;

  position: relative;

  padding: 0.11rem 0;

  margin-right: 0.1rem;

  box-sizing: border-box;
}

.environmental_display_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.environmental_display_top_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;
}

.environmental_display_top_des {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #333333;

  width: 92.75%;

  text-align: center;
}

.environmental_display_list {
  position: relative;

  overflow: hidden;
}

.environmental_display_list .swiper-wrapper {
  display: -webkit-flex;

  display: flex;

  position: relative;

  width: 100%;
}

.environmental_display_list .swiper-slide {
  flex-shrink: 0;

  background: #fff;

  box-sizing: border-box;

  border: 1px solid #ddd;

  -webkit-border-radius: 0.2rem;

  border-radius: 0.2rem;

  position: relative;

  overflow: hidden;
}

.environmental_display_list .swiper-slide:hover span img {
  transform: scale(1.2);
}

.environmental_display_list li span {
  display: block;

  width: 100%;

  position: relative;

  overflow: hidden;
}

.environmental_display_list li span::before {
  content: "";

  display: block;

  padding-bottom: 109%;
}

.environmental_display_list li span img {
  position: absolute;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

  object-fit: contain;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.public-pagination {
  text-align: center;
}

.public-pagination .swiper-pagination-bullet {
  width: 0.12rem;

  height: 0.12rem;

  display: inline-block;

  margin: 0 6px;

  -webkit-border-radius: 2rem;

  border-radius: 2rem;

  background: #ccc;

  outline: none;

  cursor: pointer;

  position: relative;

  -webkit-transition: width 0.5s ease;

  transition: width 0.5s ease;
}

.public-pagination .swiper-pagination-bullet-active {
  width: 0.36rem;

  background: #006bb8;

  background-size: contain;

  border-radius: 0.24rem;

  -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) {
  .environmental_display_top {
    margin-bottom: 0.5rem;
  }
}

@media screen and (max-width: 768px) {
  .environmental_display_top_des {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }
}

@media screen and (max-width: 425px) {
  .environmental_display_top {
    margin-bottom: 0.4rem;
  }

  .environmental_display_top_des {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }

  .environmental_display_top_title {
    padding: var(--box-bottom) 0 0.24rem 0;
  }
}

@media screen and (max-width: 375px) {
  .environmental_display_top {
    margin-bottom: 0.3rem;
  }

  .environmental_display_top_des {
    font-size: 0.12rem;

    line-height: 0.18rem;
  }
}

/* ----------------------------Qualification Certificate-------------------------------  */

.aboutUs_qualification_Certificate {
  margin-bottom: var(--box-bottom);

  overflow: hidden;
}

.aboutUs_qualification_Certificate_top {
  margin-bottom: 1.07rem;
}

.aboutUs_qualification_Certificate_top_title {
  display: flex;

  justify-content: center;

  align-items: center;

  font-size: var(--title_fz);

  font-weight: 600;

  padding: 0.8rem 0 0.24rem 0;

  box-sizing: border-box;
}

.aboutUs_qualification_Certificate_title_left {
  color: #333333;

  width: fit-content;

  position: relative;

  padding: 0.11rem 0;

  margin-right: 0.1rem;

  box-sizing: border-box;
}

.aboutUs_qualification_Certificate_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.aboutUs_qualification_Certificate_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;
}

.aboutUs_qualification_Certificate_top_des {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #333333;

  width: 92.75%;

  text-align: center;
}

.aboutUs_qualification_Certificate_contain {
  display: flex;

  gap: 0.4rem;
}

.aboutUs_qualification_Certificate_contain_card {
  background: url(static/images/aboutUs-qualification-Certificate-cardbg.webp)
    no-repeat center;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 28.8125%;

  aspect-ratio: 370 / 461;

  transition: transform 0.3s ease;

  box-sizing: border-box;
}

.aboutUs_qualification_Certificate_contain_card:hover {
  transform: translateY(-0.47rem);

  -webkit-transform: translateY(-0.47rem);

  -moz-transform: translateY(-0.47rem);

  -ms-transform: translateY(-0.47rem);

  -o-transform: translateY(-0.47rem);
}

.aboutUs_qualification_Certificate_contain_card_box {
  background: #b8b8b8;

  width: 68.378%;

  height: 79.175%;

  display: flex;

  align-items: center;

  justify-content: center;
}

.aboutUs_qualification_Certificate_contain_card_box a {
  width: 92.885%;

  height: 93.424%;

  position: relative;
}

.aboutUs_qualification_Certificate_contain_card_box a::after {
  content: "";

  width: 0.25rem;

  height: 103%;

  position: absolute;

  top: 0;

  right: -0.33rem;

  clip-path: polygon(0 0, 0% 100%, 100% 90%);

  background-color: #a9adb2;

  opacity: 0.5;
}

.aboutUs_qualification_Certificate_contain_card_box img {
  width: 100%;

  height: 100%;

  object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .aboutUs_qualification_Certificate_top {
    margin-bottom: 0.7rem;
  }

  .aboutUs_qualification_Certificate_top_des {
    font-size: 0.15rem;

    line-height: 0.22rem;
  }

  .aboutUs_qualification_Certificate_contain_card_box {
    background: #b8b8b8;

    width: 80%;

    height: 90%;

    display: flex;

    align-items: center;

    justify-content: center;
  }
}

@media screen and (max-width: 768px) {
  .aboutUs_qualification_Certificate_top_des {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }
}

@media screen and (max-width: 425px) {
  .aboutUs_qualification_Certificate_contain {
    flex-wrap: wrap;

    align-items: center;

    justify-content: center;
  }

  .aboutUs_qualification_Certificate_contain_card {
    width: 44%;
  }

  .aboutUs_qualification_Certificate_top_title {
    padding: 0 0 0.24rem 0;
  }
}

@media screen and (max-width: 375px) {
  .aboutUs_qualification_Certificate_top_des {
    font-size: 0.12rem;

    line-height: 0.18rem;
  }

  .aboutUs_qualification_Certificate_contain_card {
    width: 100%;
  }
}

/* ---------------------------------------------aboutUs_overseas_Cases--------------------------------------------*/

.aboutUs_overseas_Cases {
  margin-bottom: var(--box-bottom);

  overflow: hidden;
}

.aboutUs_overseas_Cases_top_topMaxBox {
  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/aboutUs-overseas-cases-topBg.webp)
    no-repeat center/cover;

  width: 100%;

  aspect-ratio: 1920 / 380;
}

.aboutUs_overseas_Cases_top_box {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.aboutUs_overseas_Cases_top_box_left {
  width: 80%;
}

.aboutUs_overseas_Cases_top_box_left_title {
  display: flex;

  justify-content: start;

  align-items: center;

  font-size: var(--title_fz);

  font-weight: 600;

  padding: 0.5rem 0 0.24rem 0;

  box-sizing: border-box;
}

.aboutUs_overseas_Cases_top_box_left_title_left {
  color: #fff;

  width: fit-content;

  position: relative;

  padding: 0.11rem 0;

  margin-right: 0.1rem;

  box-sizing: border-box;
}

.aboutUs_overseas_Cases_top_box_left_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.aboutUs_overseas_Cases_top_box_left_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;
}

.aboutUs_overseas_Cases_top_box_left_des {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #fff;

  width: 92.75%;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;
}

.aboutUs_overseas_Cases_top_box_right a {
  font-size: 0.18rem;

  font-weight: 600;

  color: #ffffff;

  border-radius: 0.24rem;

  background: linear-gradient(103deg, #006bb8 7%, #4abfed 91%);

  -webkit-border-radius: 0.24rem;

  -moz-border-radius: 0.24rem;

  -ms-border-radius: 0.24rem;

  -o-border-radius: 0.24rem;

  padding: 0.1rem 0.15rem;

  display: flex;

  align-items: center;

  cursor: pointer;
}

.aboutUs_overseas_Cases_top_box_right a span {
  margin-right: 0.1rem;
}

.aboutUs_overseas_Cases_top_box_right iconify-icon {
  font-size: 0.18rem;
}

.gol_partner_box {
  margin-top: -1.1rem;

  /* cursor: url('static/images/custom.webp'), auto; */
}

.gol_partner {
  position: relative;
}

.gol_partner_list {
  width: 100%;

  padding: 0;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  z-index: 1;
}

.gol_partner_list .swiper-wrapper {
  display: flex;

  position: relative;

  width: 100%;

  z-index: 1;
}

.gol_partner_list li {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-shrink: 0;

  position: relative;

  flex-direction: column;

  transition: width 0.3s ease;

  border-radius: 0.15rem;

  overflow: hidden;

  width: 20% !important;
}

.gol_partner_list .img {
  width: 100%;

  box-sizing: border-box;

  position: relative;

  height: 5.3rem;
}

.gol_partner_list .img img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  vertical-align: top;
}

.gol_text {
  position: absolute;

  bottom: -100%;

  left: 0;

  width: 100%;

  box-sizing: border-box;

  padding: 1rem 4% 0.35rem 4%;

  background: linear-gradient(
    to top,
    rgba(33, 75, 151, 1),
    rgba(33, 75, 151, 0)
  );

  transition: all 0.5s ease;
}

.gol_text p {
  font-size: 0.18rem;

  color: #fff;
}

.gol_partner_list .swiper-slide-active {
  width: 48% !important;
}

.gol_partner_list .swiper-slide-active .gol_text {
  bottom: 0%;
}

/* 指示器 */

.gol_partner .pt-pagination {
  display: none;

  text-align: center;

  margin: 0.4rem auto 0;
}

.gol_partner .pt-pagination .swiper-pagination-bullet {
  width: 0.12rem;

  height: 0.12rem;

  cursor: pointer;

  display: inline-block;

  margin: 0 5px;

  background: #bbb;

  border-radius: 0%;

  outline: none;
}

.gol_partner .pt-pagination .swiper-pagination-bullet-active {
  position: relative;

  background: var(--i_color);
}

/* 左右箭头 */

.gol_partner .pt-button-prev,
.gol_partner .pt-button-next {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  width: 0.5rem;

  height: 0.5rem;

  border: 1px solid var(--i_color);

  box-sizing: border-box;

  z-index: 999;

  cursor: pointer;

  outline: none;

  display: flex;

  display: -webkit-flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  transition: all 0.3s ease;
}

.gol_partner .pt-button-prev iconify-icon,
.gol_partner .pt-button-next iconify-icon {
  font-size: 0.2rem;

  color: var(--i_color);

  transition: all 0.3s ease;
}

.gol_partner .pt-button-prev {
  left: -5%;
}

.gol_partner .pt-button-next {
  right: -5%;
}

.gol_partner .pt-button-prev:hover,
.gol_partner .pt-button-next:hover {
  background-color: var(--i_color);
}

.gol_partner .pt-button-prev:hover iconify-icon,
.gol_partner .pt-button-next:hover iconify-icon {
  color: #fff;
}

@media screen and (max-width: 1440px) {
  .gol_partner_list .img {
    height: 5rem;
  }

  .golbal_bac {
    padding: 0.8rem 0;

    margin-top: -0.8rem;

    border-radius: 1rem 0 0 0;
  }

  .gol_partner_box {
    margin-top: -0.6rem;
  }
}

@media screen and (max-width: 1366px) {
  .gol_partner_list .img {
    height: 4.8rem;
  }
}

@media screen and (max-width: 1200px) {
  .gol_partner .pt-button-prev,
  .gol_partner .pt-button-next {
    display: none;
  }

  .gol_partner .pt-pagination {
    display: block;
  }

  .gol_partner_list .img {
    height: 4.5rem;
  }

  .golbal_bac {
    padding: 0.6rem 0;

    margin-top: -0.6rem;

    border-radius: 0.8rem 0 0 0;
  }

  .gol_partner_box {
    margin-top: -0.3rem;
  }
}

@media screen and (max-width: 1024px) {
  .aboutUs_overseas_Cases_top_box_left_title {
    padding: 0.2rem 0 0.12rem 0;
  }

  .aboutUs_overseas_Cases_top_box_left_des {
    font-size: 0.18rem;

    line-height: 0.25rem;
  }
}

@media screen and (max-width: 959px) {
  .gol_partner_list .img {
    height: 4rem;
  }

  .golbal_bac {
    border-radius: 0.6rem 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  .gol_partner_box {
    margin-top: 0.4rem;
  }

  .gol_partner_list .img {
    height: 3.5rem;
  }

  .gol_text p {
    font-size: 0.16rem;
  }

  .gol_text {
    padding: 1rem 4% 0.3rem 4%;
  }

  .gol_partner_list li {
    width: 100% !important;
  }

  .gol_partner_list .swiper-slide-active {
    width: 100% !important;
  }

  .gol_partner_box {
    box-sizing: border-box;

    padding: 0 3%;
  }

  .golbal_bac {
    border-radius: 0.4rem 0 0 0;
  }

  .gol_partner_box {
    margin-top: 0.1rem;
  }

  .aboutUs_overseas_Cases_top_box_left_title {
    padding: 0.1rem 0 0.12rem 0;
  }

  .aboutUs_overseas_Cases_top_box_left_des {
    font-size: 0.15rem;

    line-height: 0.25rem;
  }

  .aboutUs_overseas_Cases_top_box_right a {
    font-size: 0.15rem;
  }

  .aboutUs_overseas_Cases_top_box_right iconify-icon {
    font-size: 0.18rem;
  }
}

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

  .gol_text p {
    font-size: 0.14rem;
  }

  .gol_text {
    padding: 1rem 4% 0.2rem 4%;
  }

  .gol_partner .pt-pagination .swiper-pagination-bullet {
    width: 0.1rem;

    height: 0.1rem;
  }

  .aboutUs_overseas_Cases_top_box_left_title_left {
    padding: 0.05rem 0;
  }

  .aboutUs_overseas_Cases_top_box_left_des {
    font-size: 0.13rem;

    line-height: 0.2rem;
  }

  .aboutUs_overseas_Cases_top_box_right {
    /* 让它靠右 */

    text-align: right;

    /* 内联内容靠右 */

    margin-top: 10px;

    /* 如果需要和上方有间距 */
  }

  .aboutUs_overseas_Cases_top_box_right a {
    font-size: 0.12rem;

    width: fit-content;

    padding: 0.08rem 0.15rem;

    display: inline-block;
  }

  .aboutUs_overseas_Cases_top_box_right iconify-icon {
    display: none;
  }

  .aboutUs_overseas_Cases_top_topMaxBox {
    padding-bottom: 0.1rem;
  }

  .aboutUs_overseas_Cases_top_box_right a span {
    margin-right: 0;
  }

  .aboutUs_overseas_Cases_top_box {
    display: block;
  }

  .aboutUs_overseas_Cases_top_box_left {
    width: 100%;
  }

  .aboutUs_overseas_Cases_top_box_right {
    margin-top: 0.1rem;
  }
}

/* -----------------------------------------------------------support.html-------------------------------------------------- */

/* -----------------------------------------------------------Service Content----------------------------------------------------------- */

/* ul>li左图右文 */

.os {
  margin-bottom: var(--box-bottom);
}

.os .wrap_l {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  position: relative;

  /* align-items: start; */
}

.os .wrap_l .left {
  width: 43%;

  position: relative;

  z-index: 2;
}

.os .wrap_l .left .tit .btys h3 {
  font-size: var(--title_fz);

  font-weight: 600;

  margin-bottom: 0.24rem;
}

.os .wrap_l .left .tit .btys h3 .btys_h3_left {
  color: #333333;

  margin-right: 0.1rem;

  position: relative;

  padding: 0.15rem 0;
}

.os .wrap_l .left .tit .btys h3 .btys_h3_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.os .wrap_l .left .tit .btys h3 .btys_h3_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0.15rem 0;
}

.os .wrap_l .left .tit .btys h6 {
  font-size: 0.18rem;

  color: #666666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  /* 显示 2 行 */

  -webkit-box-orient: vertical;
}

.os .wrap_l .left .dw {
  position: absolute;

  left: 0;

  bottom: -60px;

  width: 150%;

  z-index: 9;

  opacity: 0;

  display: none;
}

.os .wrap_l .left .dw.active {
  opacity: 1;

  visibility: visible;

  display: block;
}

.os .wrap_l .left .txt {
  position: relative;

  box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 38px 0px;

  background: #fff;

  padding: 0.8rem 0.6rem;

  box-sizing: border-box;

  background: #fff
    url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/wzbj.webp)
    no-repeat center;

  background-size: 110% 127%;
}

.os .wrap_l .left .txt i {
  color: var(--i_color);

  opacity: 0.12;

  font-size: 2.2rem;

  position: absolute;

  right: 0.4rem;

  top: 0rem;

  line-height: 1;
}

.os .wrap_l .left .txt img {
  height: 0.97rem;
}

.os .wrap_l .right {
  width: 56.5%;

  position: relative;
}

.os .wrap_l .right::before {
  content: "";

  padding-bottom: 66.6%;

  display: block;
}

.os .wrap_l .right img {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: none;
}

.os .wrap_l .right img.active {
  display: block;
}

.os .wrap_l .right .rightbox {
  background: rgba(12, 106, 167, 0.75);

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  padding: 0.6rem 0;

  display: flex;

  justify-content: center;
}

.rightbox_span {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 0 0.3rem;
}

.fb {
  font-weight: bold;
}

@media screen and (max-width: 1440px) {
  .os .wrap_l .left .dw {
    bottom: -60px;

    width: 140%;
  }

  .os .wrap_l .left .txt {
    padding: 0.6rem 0.5rem;

    background-size: 110% 127%;
  }

  .mt60 {
    margin-top: 0.1rem;
  }
}

@media screen and (max-width: 1366px) {
  .os .wrap_l .left .txt i {
    color: var(--i_color);

    opacity: 0.12;

    font-size: 2rem;

    position: absolute;

    right: 0.4rem;

    top: 0rem;

    line-height: 1;
  }

  .m40 {
    margin-top: 0.2rem;

    margin-bottom: 0.2rem;
  }
}

@media screen and (max-width: 1200px) {
  .os .wrap_l .left .txt i {
    font-size: 1.5rem;
  }

  .os .wrap_l .left .txt {
    padding: 0.4rem 0.5rem;
  }
}

@media screen and (max-width: 1024px) {
  .os .wrap_l .right .rightbox {
    padding: 0.2rem 0;
  }

  .os .wrap_l .left .txt i {
    font-size: 0.6rem;

    top: 0.2rem;

    right: 0.2rem;
  }

  .os .wrap_l .left .txt {
    padding: 0.2rem;

    margin-top: 0.2rem;
  }

  .os .wrap_l .left .txt img {
    height: 0.35rem;
  }

  .os .wrap_l .left .dw {
    position: static !important;

    width: 100%;
  }

  .os .wrap_l .left {
    width: 100%;

    margin-bottom: 0.2rem;
  }

  .os .wrap_l .right {
    width: 100%;
  }

  .os .wrap_l .left .tit .btys h6 {
    font-size: 0.15rem;
  }
}

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

@media screen and (max-width: 560px) {
  .fz18 {
    font-size: 14px;
  }

  .pubs {
    width: 25px;

    height: 25px;
  }

  .pubs iconify-icon {
    font-size: 0.15rem;
  }
}

.pubs {
  width: 64px;

  height: 64px;

  border-radius: 50%;

  overflow: hidden;

  border: 1px solid #fff !important;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  display: flex;

  align-items: center;

  justify-content: center;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;
}

.pubs iconify-icon {
  color: #fff !important;

  font-size: 0.22rem;
}

.pubs:hover {
  -webkit-transform: scale(1.3, 1.3);

  transform: scale(1.3, 1.3);

  background: #fff;
}

.pubs:hover > iconify-icon {
  color: #006bb8 !important;
}

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

@media screen and (max-width: 1200px) {
  .pubs {
    width: 40px;

    height: 40px;
  }

  .pubs iconify-icon {
    font-size: 0.18rem;
  }

  .pub .swiper-pagination-bullet-active::before {
    display: none;
  }
}

/* -----------------------------------------------------------Service Advantages----------------------------------------------------------- */

.support_service_advantages {
  margin-bottom: var(--box-bottom);
}

.support_service_advantages_top {
  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  align-items: center;

  justify-content: space-around;

  margin-bottom: 0.5rem;
}

.support_service_advantages_top_title {
  font-size: var(--title_fz);

  font-weight: 600;

  display: flex;

  justify-content: center;
}

.support_service_advantages_top_title_left {
  color: #333333;

  margin-right: 0.1rem;

  position: relative;

  padding: 0.15rem 0;
}

.support_service_advantages_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.support_service_advantages_top_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0.15rem 0;
}

.support_service_advantages_top_des {
  color: #333333;

  text-align: center;

  font-size: 0.18rem;
}

.support_service_advantages_contain {
  display: flex;

  justify-content: space-between;
}

.support_service_advantages_contain_left {
  width: 50%;
}

.support_service_advantages_contain_right {
  width: 47.5%;

  display: flex;

  align-items: center;
}

.support_service_advantages_contain_left_ul {
  display: flex;

  flex-direction: column;

  gap: 0.36rem;

  height: 5.64rem;

  cursor: pointer;
}

.support_service_advantages_contain_left_ul li {
  width: 100%;

  flex: 1;

  background: #f6f6f6;

  padding: 0.3rem 0.6rem 0.27rem 0.4rem;

  box-sizing: border-box;

  display: flex;

  flex-direction: column;

  gap: 0.13rem;
}

.support_service_advantages_contain_right ul li img {
  width: 100%;

  height: 100%;

  object-fit: contain;
}

.support_service_advantages_contain_left_ul li h3 {
  font-size: 0.24rem;

  font-weight: 600;

  /* line-height: .3rem; */

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  /* 单行省略写法 */
}

.support_service_advantages_contain_left_ul li h6 {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #333333;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;
}

.support_service_advantages_contain_left_ul li.current {
  background: #006bb8;

  color: #fff;
}

.support_service_advantages_contain_left_ul li.current h3,
.support_service_advantages_contain_left_ul li.current h6 {
  color: #fff;
}

#support_service_right_cont {
  width: 100%;
}

.support_service_advantages_contain_right ul li {
  position: relative;

  width: 100%;
}

.support_service_advantages_contain_right ul li .mask-box {
  position: relative;

  width: 100%;

  height: 100%;
}

.support_service_advantages_contain_right ul li .mask-box::before {
  padding-bottom: 74%;

  content: "";

  display: block;
}

.support_service_advantages_contain_right ul li img {
  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  /* display: block; */

  object-fit: cover;
}

/* 遮罩层 */

.support_service_advantages_contain_right ul li .mask-box::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 50%;

  /* 下半部分遮罩 */

  background: linear-gradient(
    to top,

    rgba(0, 107, 184, 0.8),
    /* 底部深蓝 */ rgba(0, 107, 184, 0) /* 向上逐渐透明 */
  );

  /* 从透明到黑色 */

  pointer-events: none;

  opacity: 0;
}

/* 文本显示在遮罩中 */

.support_service_advantages_contain_right ul li span {
  position: absolute;

  left: 0;

  bottom: 0.2rem;

  width: 100%;

  padding: 0 0.2rem;

  box-sizing: border-box;

  color: #fff;

  font-size: 0.18rem;

  line-height: 0.26rem;

  z-index: 2;

  opacity: 0;
}

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

  .support_service_advantages_contain_left {
    display: flex;

    justify-content: center;

    width: 100%;
  }

  .support_service_advantages_contain_left_ul {
    display: flex;

    flex-direction: row;

    height: auto;

    flex-wrap: wrap;

    gap: 0.1rem;
  }

  .support_service_advantages_contain_left_ul li {
    padding: 0.1rem 0.15rem;

    gap: 0.1rem;
  }

  .support_service_advantages_contain_left_ul li h3 {
    padding: 0;

    gap: 0.1rem;

    font-size: 0.16rem;

    text-align: center;
  }

  .support_service_advantages_contain_left_ul li h6 {
    display: none;
  }

  .support_service_advantages_contain_right {
    margin-top: 0.1rem;

    width: 100%;

    display: flex;

    justify-content: center;
  }

  /* 遮罩层 */

  .support_service_advantages_contain_right ul li .mask-box::after {
    opacity: 1;
  }

  /* 文本显示在遮罩中 */

  .support_service_advantages_contain_right ul li span {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .support_service_advantages_top_des {
    font-size: 0.15rem;
  }

  .support_service_advantages_contain_left_ul li {
    padding: 0.08rem 0.1rem;
  }

  .support_service_advantages_contain_left_ul li h3 {
    font-size: 0.13rem;
  }

  .support_service_advantages_contain_right ul li span {
    font-size: 0.15rem;

    line-height: 0.23rem;
  }
}

@media screen and (max-width: 425px) {
  .support_service_advantages_top {
    margin-bottom: 0.1rem;
  }

  .support_service_advantages_contain_left_ul li {
    padding: 0.05rem 0.08rem;
  }

  .support_service_advantages_contain_right ul li span {
    font-size: 0.15rem;

    line-height: 0.2rem;
  }
}

/* ----------------------------------------------support_how---------------------------------------------- */

.service_how_bac {
  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/service_how.webp)
    no-repeat center;

  background-size: cover;

  box-sizing: border-box;

  padding: 0.8rem 0;

  margin-bottom: var(--box-bottom);
}

.service_how {
}

.service_how_top {
  display: flex;

  flex-direction: column;
}

.service_how_top_title {
  display: flex;

  justify-content: center;

  align-items: center;

  font-size: var(--title_fz);

  font-weight: 600;

  padding: 0 0 0.24rem 0;

  box-sizing: border-box;
}

.service_how_top_title_left {
  color: #fff;

  width: fit-content;

  position: relative;

  padding: 0.11rem 0;

  margin-right: 0.1rem;

  box-sizing: border-box;
}

.service_how_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.service_how_top_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;
}

.service_how_top_des {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #ffffff;

  width: 92.75%;

  text-align: center;
}

.service_how_ul {
  display: flex;

  display: -webkit-flex;

  gap: 0.2rem;

  margin-top: 0.87rem;

  align-items: flex-start;

  position: relative;

  z-index: 2;

  flex-wrap: wrap;
}

.service_how_ul::after {
  content: "";

  position: absolute;

  width: 82%;

  height: 1px;

  border-bottom: 1px dashed #fff;

  left: 50%;

  top: 0.17rem;

  transform: translate(-50%, 0);

  z-index: -1;
}

.service_how_ul li {
  width: calc((100% - 0.8rem) / 5);

  display: flex;

  display: -webkit-flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  cursor: pointer;
}

.service_how_ul li:hover i {
  color: #fff;

  background: #006bb8;
}

.service_how_ul li:hover h4 {
  color: #006bb8;
}

.service_how_ul li i {
  display: block;

  font-size: 0.2rem;

  color: #006bb8;

  background-color: #fff;

  font-weight: bold;

  width: 0.4rem;

  height: 0.4rem;

  border-radius: 50%;

  border: 1px solid #fff;

  display: flex;

  display: -webkit-flex;

  justify-content: center;

  align-items: center;

  transition: all 0.3s ease;
}

.service_how_ul li h3 {
  width: 1.27rem;

  height: 1.27rem;

  display: flex;

  display: -webkit-flex;

  justify-content: center;

  align-items: center;

  background-color: #fff;

  border-radius: 0.06rem;

  transition: all 0.3s ease;

  margin-top: 0.45rem;
}

.service_how_ul li h3 img {
  width: 0.72rem;

  height: 0.72rem;

  object-fit: contain;
}

.service_how_ul li h4 {
  font-size: 0.24rem;

  color: #fff;

  font-weight: bold;

  text-transform: capitalize;

  text-align: center;

  margin: 0.2rem 0 0.1rem 0;
}

.service_how_ul li h5 {
  font-size: 0.18rem;

  color: #fff;

  text-align: center;
}

@media screen and (max-width: 1440px) {
  .service_how_ul li h4 {
    font-size: 0.22rem;
  }
}

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

@media screen and (max-width: 1200px) {
  .service_how_ul li h4 {
    font-size: 0.2rem;
  }

  .service_how_ul li h5 {
    font-size: 0.16rem;
  }

  .service_how_ul li h3 {
    width: 1.2rem;

    height: 1.2rem;

    margin-top: 0.4rem;
  }

  .service_how_ul li h3 img {
    width: 0.7rem;

    height: 0.7rem;
  }

  .service_how_bac {
    padding: 0.6rem 0;
  }
}

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

@media screen and (max-width: 960px) {
  .service_how_ul li h4 {
    font-size: 0.18rem;
  }

  .service_how_ul li h3 {
    width: 1rem;

    height: 1rem;

    margin-top: 0.4rem;
  }

  .service_how_ul li h3 img {
    width: 0.6rem;

    height: 0.6rem;
  }
}

@media screen and (max-width: 768px) {
  .service_how_bac {
    padding: 0.3rem 0;
  }

  .service_how_ul li {
    width: calc((100% - 0.4rem) / 3);
  }

  .service_how_ul {
    gap: 0.4rem 0.2rem;

    margin-top: 0.4rem;
  }

  .service_how_ul::after {
    display: none;
  }

  .service_how_top_des {
    font-size: 0.15rem;

    line-height: 0.28rem;
  }
}

@media screen and (max-width: 560px) {
  .service_how_ul li {
    width: calc((100% - 0.2rem) / 2);
  }

  .service_how_ul li h3 {
    width: 0.8rem;

    height: 0.8rem;

    margin-top: 0.2rem;
  }

  .service_how_ul li i {
    font-size: 0.16rem;

    width: 0.38rem;

    height: 0.38rem;
  }

  .service_how_ul li h3 img {
    width: 0.5rem;

    height: 0.5rem;
  }

  .service_how_top_title {
    padding: 0 0 0.15rem 0;
  }

  .service_how_top_des {
    font-size: 0.13rem;

    line-height: 0.22rem;
  }

  .service_how_ul li h4 {
    font-size: 0.16rem;
  }

  .service_how_ul li h5 {
    font-size: 0.14rem;
  }
}

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

/* ----------------------------------------------FAQ----------------------------------- */

/* ul>li左图右文 */

.frequest {
}

.frequest .wrap {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;
}

.left_title {
  font-size: var(--title_fz);

  font-weight: 600;

  line-height: 0.42rem;

  background: linear-gradient(107deg, #006bb8 1%, #4abfed 88%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;
}

.frequest .wrap .left {
  width: 28.75%;

  display: flex;

  flex-direction: column;

  /* 竖向排列 */

  height: 100%;
}

.frequest .wrap .right {
  width: 61.875%;
}

.frequest .wrap .left h6 {
  color: #666666;

  font-size: 0.18rem;

  line-height: 0.3rem;
}

.frequest .wrap .left .left_img {
  margin-top: auto;
}

.frequest .wrap .left .left_img img {
  width: 100%;

  height: 100%;

  object-fit: contain;
}

.frequest .wrap .left .left_title {
  position: relative;

  display: inline-block;

  padding-bottom: 0.1rem;

  margin-bottom: 0.26rem;

  width: fit-content;
}

.frequest .wrap .left .left_title::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: -10px;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

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

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

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

@media screen and (max-width: 1024px) {
  .frequest .wrap .left {
    width: 100%;

    margin-bottom: 0.2rem;
  }

  .frequest .wrap .right {
    width: 100%;
  }

  .frequest .wrap .left .left_img {
    display: none;
  }

  .frequest .wrap .left {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .frequest .wrap .left .left_title::after {
    bottom: 0;
  }

  .frequest .wrap .left h6 {
    font-size: 0.15rem;

    line-height: 0.25rem;
  }

  .frequest .wrap .left .left_title {
    padding-bottom: 0.1rem;

    margin-bottom: 0.15rem;
  }
}

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

/* 下拉 */

/* 折叠 */

.fold_list {
}

.fold_list li {
  /* background: #f6f6f6; */

  box-sizing: border-box;

  padding: 0.15rem 0;

  border-bottom: 1px dashed rgba(0, 0, 0, 0.13);
}

.fold_list .tit {
  width: 100%;

  display: flex;

  flex-wrap: nowrap;

  position: relative;

  overflow: hidden;

  background: #fff;

  align-items: center;

  /* margin: 20px 0; */
}

.fold_list .tit.active {
}

.fold_list .tit span {
  width: 80%;

  padding: 20.5px 0px;

  font-size: 0.26rem;

  color: #333333;

  font-family: "ob";

  background: transparent;

  display: flex;

  align-items: center;

  font-weight: bold;
}

.fold_list .icon {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 0.3rem;

  width: 0.36rem;

  height: 0.36rem;

  background: #d8d8d8;

  border-radius: 0.08rem;

  -webkit-border-radius: 0.08rem;

  -moz-border-radius: 0.08rem;

  -ms-border-radius: 0.08rem;

  -o-border-radius: 0.08rem;
}

.fold_list .tit span i {
  font-weight: bold;
}

.fold_list .icon iconify-icon {
  position: absolute;

  top: 50%;

  left: 50%;

  color: #333;

  transform: translate(-50%, -50%);

  font-size: 18px;

  transition: 0.5s all ease;
}

.fold_list .tit .ic1 {
  display: block;
}

.fold_list .tit .ic2 {
  display: none;
}

.fold_list .tit.active .ic2 {
  display: block;
}

.fold_list .tit.active .ic1 {
  display: none;
}

.fold_list .txt {
  width: 100%;

  display: none;

  padding: 20px 40px 20px 0px;

  background: #fff;

  box-sizing: border-box;

  overflow: hidden;

  line-height: 21px;

  font-size: 0.18rem;

  /* display: flex; */

  display: none;
}

.fold_list .txt i {
  color: #666666;

  font-family: "ob";
}

.tit.tit2.active span {
  /* background: var(--i_color); */

  /* color: #FFF; */
}

.zfxqa {
  width: 0.38rem;

  height: 0.36rem;

  border-radius: 0.05rem;

  background: #666666;

  color: #fff;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;

  flex-shrink: 0;

  margin-right: 0.42rem;

  font-size: 0.22rem;
}

.fold_list .txt.active {
  display: -webkit-flex;

  display: flex !important;

  flex-wrap: nowrap;

  gap: 0 20px;

  align-items: start;

  line-height: 0.25rem;
}

.active .zfxqa {
  background: var(--i_color);
}

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

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

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

@media screen and (max-width: 1024px) {
  .zfxqa {
    width: 28px;

    height: 28px;
  }
}

@media screen and (max-width: 768px) {
  .fold_list .tit span {
    padding: 10px 0px;

    font-size: 0.2rem;
  }

  .zfxqa {
    width: 0.38rem;

    height: 0.36rem;

    margin-right: 0.2rem;

    font-size: 0.16rem;
  }

  .fold_list .txt.active {
    gap: 0 10px;
  }
}

@media screen and (max-width: 560px) {
  .zfxqa {
    width: 0.3rem;

    height: 0.28rem;

    margin-right: 0.1rem;

    font-size: 0.14rem;
  }

  .fold_list .tit span {
    padding: 10px 0px;

    font-size: 0.15rem;
  }

  .fold_list .txt {
    padding: 10px 20px 10px 0px;

    line-height: 20px;

    font-size: 0.14rem;
  }

  .frequest .wrap02 .left h6 {
    line-height: 0.22rem;
  }

  .fold_list .txt.active {
    line-height: 0.2rem;
  }
}

/* ----------------------------------------------------------News.html------------------------------------------------------------ */

.news_maxCardBox {
  margin-top: 0.6rem;
}

.news_maxCardBox_top {
  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  align-items: center;

  justify-content: space-around;

  margin-bottom: 0.5rem;
}

.news_maxCardBox_top_title {
  font-size: var(--title_fz);

  font-weight: 600;

  display: flex;

  justify-content: center;
}

.news_maxCardBox_top_title_left {
  background: linear-gradient(107deg, #006bb8 1%, #4abfed 88%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  margin-right: 0.1rem;

  position: relative;

  padding: 0.15rem 0;
}

.news_maxCardBox_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.news_maxCardBox_top_des {
  color: #666666;

  text-align: center;

  font-size: 0.18rem;
}

/* 506 610 */

.news_maxCardBox_contain {
  /* display: flex; */
}

.news_maxCardBox_ul {
  width: 100%;

  display: flex;

  flex-wrap: wrap;

  gap: 0.41rem;
}

.news-item {
  width: 31.625%;

  background: #fff;

  border-radius: 8px;

  overflow: hidden;

  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

  box-sizing: border-box;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;
}

.news-img {
  position: relative;

  overflow: hidden;

  /* 防止遮罩层溢出 */
}

.news-img::before {
  content: "";

  display: block;

  padding-bottom: 73%;
}

/* 506 370 */

.news-img img {
  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.3s ease;
}

.news_maxCardBox_contain
  .news_maxCardBox_ul
  .news-item:hover
  .related_products_right_img
  img {
  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -ms-transform: scale(1.2);

  -o-transform: scale(1.2);
}

.news-title {
  font-size: 0.2rem;

  color: #333333;

  margin: 0.2rem 0.3rem 0.14rem 0.3rem;

  line-height: 0.28rem;

  font-weight: bold;

  transition: color 0.3s ease;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 0.6rem;
}

.news-des {
  margin: 0 0.3rem 0 0.3rem;

  font-size: 0.16rem;

  color: #666666;

  line-height: 0.2rem;

  /* border-bottom: 1px solid rgba(0, 0, 0, 0.12); */

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  height: 0.43rem;

  white-space: normal;

  margin-bottom: 0.2rem;
}

.news-bottom {
  padding: 0 0.3rem;
}

.news-bottom-box {
  padding: 0.28rem 0;

  border-top: 1px solid rgba(0, 0, 0, 0.12);

  display: flex;

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;
}

.news-date {
  font-size: 0.18rem;

  color: #999;
}

.news-more {
  font-size: 0.18rem;

  color: #333333;

  text-decoration: none;

  display: flex;

  align-items: center;
}

.news-more iconify-icon {
  font-size: 0.16rem;

  margin-left: 0.1rem;
}

.news-item:hover {
  transform: translateY(-5px);

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.news-item:hover .news-img img {
  transform: scale(1.05);
}

.news-item:hover .news-title {
  color: #006bb8;

  /* 变蓝 */
}

.news-item:hover .news-more {
  color: #006bb8;
}

.news-item:hover .news-more iconify-icon {
  color: #006bb8 !important;
}

@media screen and (max-width: 1440px) {
  .news_maxCardBox_ul {
    gap: 0.38rem;
  }
}

@media screen and (max-width: 1366px) {
  .news_maxCardBox_ul {
    gap: 0.3rem;
  }
}

@media screen and (max-width: 1024px) {
  .news_maxCardBox_top {
    margin-bottom: 0.4rem;
  }

  .news_maxCardBox {
    margin-top: 0.4rem;
  }

  .news_maxCardBox_ul {
    display: flex;

    justify-content: space-between;
  }

  .news-item {
    width: 48%;
  }
}

@media screen and (max-width: 768px) {
  .news-item {
    width: 47.5%;
  }

  .news-title {
    font-size: 0.18rem;

    margin: 0.15rem;

    line-height: 0.22rem;

    font-weight: 500;

    transition: color 0.3s ease;

    height: 0.45rem;
  }

  .news-des {
    margin: 0 0.15rem 0.2rem 0.15rem;

    font-size: 0.16rem;

    color: #666666;

    line-height: 0.24rem;

    height: 0.5rem;
  }

  .news-bottom {
    padding: 0 0.15rem;
  }

  .news-bottom-box {
    padding: 0.15rem 0;

    border-top: 1px solid rgba(0, 0, 0, 0.12);

    display: flex;

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;
  }

  .news-date {
    font-size: 0.16rem;
  }

  .news-more {
    font-size: 0.16rem;
  }

  .news-more iconify-icon {
    font-size: 0.16rem;

    margin-left: 0.1rem;
  }
}

@media screen and (max-width: 425px) {
  .news_maxCardBox_top {
    gap: 0.15rem;
  }

  .news_maxCardBox_top_des {
    font-size: 0.15rem;
  }

  .news-item {
    width: 100%;
  }

  .news-des {
    font-size: 0.15rem;

    line-height: 0.18rem;

    height: 0.38rem;
  }
}

/* ----------------------------------------contactUs_maxbox-------------------------- */

/* ----------------------------------------info----------------------------------------*/

.contactUs_topmaxbox {
  background: #fafafa;

  padding: var(--box-bottom) 0;
}

.contactUs_topbox {
}

.contactUs_topbox {
  display: flex;

  justify-content: space-between;
}

.contactUs_topbox_left {
  width: 42.875%;

  padding-top: 0.22rem;
}

.contactUs_topbox_left h3 {
  font-size: 0.32rem;

  font-weight: 600;

  line-height: 0.42rem;

  color: #333333;

  margin-bottom: 0.2rem;
}

.contactUs_topbox_left h6 {
  font-size: 0.18rem;

  font-weight: normal;

  line-height: 0.2rem;

  color: #666666;

  margin-bottom: 0.6rem;
}

.contactUs_topbox_left_img {
  width: 100%;

  position: relative;
}

.contactUs_topbox_left_img::before {
  content: "";

  padding-bottom: 77%;

  display: block;
}

.contactUs_topbox_left_img img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  top: 0;

  left: 0;
}

.contactUs_topbox_right {
  width: 52%;
}

.contactUs_topbox_right_top_title {
  display: flex;

  align-items: center;

  font-size: 0.35rem;

  font-weight: 600;

  padding: 0 0 0.24rem 0;

  box-sizing: border-box;
}

.contactUs_topbox_right_top_title_left {
  color: #333333;

  width: fit-content;

  position: relative;

  padding: 0 0.1rem 0.11rem 0;

  box-sizing: border-box;
}

.contactUs_topbox_right_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.contactUs_topbox_right_top_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;

  padding: 0 0 0.11rem 0;

  flex-wrap: wrap;
}

.contactUs_topbox_right_top_des {
  font-size: 0.18rem;

  line-height: 0.2rem;

  color: #666666;

  width: 92.75%;
}

.contactUs_topbox_right_contain {
  padding-top: 0.5rem;
}

.contactUs_topbox_right_contain ul {
  display: flex;

  flex-direction: column;

  gap: 0.48rem;

  cursor: pointer;
}

.contactUs_topbox_right_contain_cardTop {
  display: flex;

  align-items: center;

  border-bottom: solid rgba(0, 0, 0, 0.12) 1px;

  padding-bottom: 0.1444rem;

  position: relative;
}

.contactUs_topbox_right_contain_cardTop::after {
  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 25%;

  height: 2px;

  background: var(--i_color);

  transition: all 0.7s ease;
}

.contactUs_topbox_right_contain
  ul
  li:hover
  .contactUs_topbox_right_contain_cardTop::after {
  width: 100%;
}

.contactUs_topbox_right_contain_cardTop_img {
  width: 0.37rem;

  height: 0.27rem;

  margin-right: 0.13rem;
}

.contactUs_topbox_right_contain_cardTop_img img {
  width: 100%;

  height: 100%;

  object-fit: contain;
}

.contactUs_topbox_right_contain_cardTop_title {
  font-size: 0.24rem;

  line-height: 0.3456rem;

  color: #333333;
}

.contactUs_topbox_right_contain_cardBottom {
  font-size: 0.18rem;

  font-weight: normal;

  line-height: 0.32rem;

  color: #666666;

  padding-top: 0.09rem;

  word-wrap: break-word;

  word-break: break-all;

  overflow-wrap: anywhere;
}

.contactUs_topbox_right_contain_cardBottom span {
  color: #333333;
}

.contactUs_topbox_right_contain_cardBottom:hover a{
  color: var(--i_color);
}
@media screen and (max-width: 1440px) {
  .contactUs_topbox_left h3 {
    font-size: 0.3rem;

    font-weight: 600;

    line-height: 0.4rem;

    color: #333333;

    margin-bottom: 0.2rem;
  }

  .contactUs_topbox_left h6 {
    font-size: 0.18rem;

    line-height: 0.2rem;
  }

  .contactUs_topbox_right_top_title {
    font-size: 0.3rem;
  }

  .contactUs_topbox_right_contain_cardTop_title {
    font-size: 0.2rem;

    line-height: 0.3rem;
  }

  .contactUs_topbox_right_contain_cardBottom {
    font-size: 0.16rem;
  }
}

@media screen and (max-width: 1200px) {
  .contactUs_topbox_left h3 {
    font-size: 0.25rem;

    line-height: 0.35rem;

    margin-bottom: 0.15rem;
  }

  .contactUs_topbox_left h6 {
    font-size: 0.16rem;

    line-height: 0.2rem;

    margin-bottom: 0.3rem;
  }

  .contactUs_topbox_right_top_des {
    font-size: 0.16rem;
  }

  .contactUs_topbox_right_contain {
    padding-top: 0.3rem;
  }

  .contactUs_topbox_right_top_title {
    font-size: 0.25rem;
  }

  .contactUs_topbox_right_contain_cardTop_title {
    font-size: 0.16rem;

    line-height: 0.3rem;
  }

  .contactUs_topbox_right_contain_cardBottom {
    font-size: 0.16rem;
  }
}

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

  .contactUs_topbox_right {
    width: 100%;
  }

  .contactUs_topbox_right_top_title {
    display: flex;

    justify-content: center;

    align-items: center;
  }

  .contactUs_topbox_right_top_des {
    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;
  }

  .contactUs_topbox_right_top_title {
    padding: 0 0 0.1rem 0;
  }

  .contactUs_topbox_right_contain {
    padding-top: 0.2rem;
  }

  .contactUs_topbox_right_contain_cardTop_title {
    font-size: 0.2rem;
  }
}

@media screen and (max-width: 425px) {
  .contactUs_topbox_right_top_title {
    font-size: 0.16rem;

    align-items: baseline;

    display: flex;

    align-items: start;
  }

  .contactUs_topbox_right_top_des {
    font-size: 0.13rem;
  }

  .contactUs_topbox_right_contain_cardTop_title {
    font-size: 0.16rem;
  }

  .contactUs_topbox_right_contain_cardTop_img {
    width: 0.25rem;

    height: 0.2rem;

    margin-right: 0.1rem;
  }

  .contactUs_topbox_right_contain_cardBottom {
    font-size: 0.14rem;
  }

  .contactUs_topbox_right_contain ul {
    gap: 0.1rem;
  }
}

/* --------------------------------------Online Message----------------------------------- */

.contactUs_onlineMessage_MaxBox {
  background: url(https://lingjuimg.com/wp-content/uploads/xingqisheng/2025/12/contactUs-onlineMessage-bg.webp)
    no-repeat center/cover;

  margin-bottom: var(--box-bottom);

  padding-bottom: 0.5rem;
}

.contactUs_onlineMessage_box_top {
  margin-bottom: 1.07rem;
}

.contactUs_onlineMessage_box_top_title {
  display: flex;

  justify-content: center;

  align-items: center;

  font-size: var(--title_fz);

  font-weight: 600;

  padding: 0.8rem 0 0.24rem 0;

  box-sizing: border-box;
}

.contactUs_onlineMessage_box_top_title_left {
  color: #333333;

  width: fit-content;

  position: relative;

  padding: 0.11rem 0;

  margin-right: 0.1rem;

  box-sizing: border-box;
}

.contactUs_onlineMessage_box_top_title_left::after {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 0.06rem;

  background: linear-gradient(92deg, #006bb8 -4%, #4abfed 96%);

  clip-path: polygon(0 0, 100% 0, calc(100% - 0.12rem) 100%, 0 100%);
}

.contactUs_onlineMessage_box_top_title_right {
  background: linear-gradient(180deg, #006bb8 4%, #4abfed 94%);

  -webkit-background-clip: text;

  background-clip: text;

  color: transparent;
}

.contactUs_onlineMessage_box_top_des {
  font-size: 0.18rem;

  line-height: 0.3rem;

  color: #666666;

  width: 92.75%;

  text-align: center;
}

#wpforms-110 {
  --wpforms_input_height: 48px;

  --wpforms_textarea_height: 120px;

  --wpforms_input_font_size: 16px;
}

#wpforms-110 {
  margin: 0;
  padding: 0;
}

#wpforms-form-110 {
  width: 100%;
  position: relative;
}

/* 字段样式 */

#wpforms-110 .wpforms-field-container > .wpforms-field {
  width: 100%;
  padding: 0 1px 20px;
  margin: 0 0 6px;
  overflow-x: initial !important;
  position: relative;
}

#wpforms-110 label.wpforms-field-label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}

#wpforms-110 .wpforms-field-container .wpforms-required-label {
  color: #d63637;
}

#wpforms-110 .wpforms-field-container .wpforms-field > input,
#wpforms-110 .wpforms-field-container textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 14px !important;
  margin: 0 0;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 8px;
  font-size: var(--wpforms_input_font_size);
  line-height: 1.4;
}

#wpforms-110 .wpforms-field-container .wpforms-field > input {
  height: var(--wpforms_input_height);
}

#wpforms-110 .wpforms-field-container textarea {
  height: var(--wpforms_textarea_height);
}

#wpforms-110 input::placeholder,
#wpforms-110 textarea::placeholder {
  color: #aaa;
  font-size: var(--wpforms_input_font_size);
  line-height: 1.4;
}

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

/* 验证错误提示 */

#wpforms-110 label.wpforms-error,
#wpforms-110 em.wpforms-error {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  color: #d63637;
}

/* 隐藏 Label 标签 */

#wpforms-110 .wpforms-field-container .wpforms-field-label {
  height: 0;
  font-size: 0;
  margin: 0 0;
}

#wpforms-110 .wpforms-field-container .wpforms-required-label {
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 16px;
  font-weight: bold;
}

/* 输入框水平排列，一行两个 */

#wpforms-110 .wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#wpforms-110-field_1-container,
#wpforms-110-field_2-container,
#wpforms-110-field_3-container {
  width: 32.5% !important;
}

/* 提交按钮样式 */

#wpforms-110 .wpforms-submit-container {
  width: 220px;
  padding: 0 0;
  position: relative;
  overflow: hidden;
}

#wpforms-110 .wpforms-submit-container button {
  width: 100%;
  height: 44px;
  font-size: 15px;
  color: #fff;
  background: var(--i_color);
}

#wpforms-110 .wpforms-submit-container img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 4px;
  z-index: 2;
}

#wpforms-110 .wpforms-submit-container button:hover {
  background: rgb(0, 107, 184, 0.7);
}

@media screen and (max-width: 1440px) {
  .contact_form h3 {
    font-size: 0.18rem;
  }
}

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

@media screen and (max-width: 1200px) {
  .contact_form h3 {
    font-size: 0.16rem;
  }

  .contact_form_bac {
    padding: 0.6rem 0;
  }

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

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

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

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

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

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

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

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

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

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

  .contactUs_onlineMessage_box_top {
    margin-bottom: 0;
  }

  /* 输入框水平排列，一行两个 */

  #wpforms-110 .wpforms-field-container {
    display: block;
    justify-content: space-between;
  }

  #wpforms-110-field_1-container,
  #wpforms-110-field_2-container,
  #wpforms-110-field_3-container {
    width: 100% !important;
  }
}

.contactUs_onlineMessage_box_contain {
  margin-top: 0.7rem;
}

/* ---------------------------------contact_map------------------------------- */

.contact_map_bac {
  box-sizing: border-box;
}

.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;
  }
}

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

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

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

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

.contactFooter footer {
  margin-top: 0 !important;
}