/*
Theme Name: XiLang
Version: 1.0
Description: Anhui Lingju Digital, as a core partner of Google China, owns the only Google Overseas Experience Center in Anhui Province, providing one-stop services for localized foreign trade enterprises in Anhui to go overseas - website construction, Google SEO optimization, Google bidding, Google SNS social media marketing, etc.
Author: Copyright: Anhui Lingju
*/
@charset "utf-8";

:root {
  /* Global Color */
  --i_color: #ab8467;

  /* Head height */
  --header_height: 0.9rem;

  /* Default Border Color */
  --border_color: rgba(0, 0, 0, 0.1);
  /* txt color */
  --txt_color: #333;
  --font_family: "Montserrat";
}
@media screen and (max-width: 1024px) {
  :root {
    --header_height: 0.6rem;
    --header_top_height: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --border_color: rgba(0, 0, 0, 0.06);
  }
}

/* 通用 */

/* button */

.button_su {
  position: relative;
  display: table;
  cursor: pointer;
  border-radius: 5rem;
  overflow: hidden;
}

.su_custom_color .btn_box {
  background-color: #f7f9ff;
}

.su_button_circle {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
  z-index: 1;
}

.btn_box {
  display: table;
  border-radius: 5rem;
  background-color: var(--i_color);
  box-sizing: border-box;
  padding: 0.08rem 0.6rem;
  color: #fff;
  z-index: 20;
  transition: all 0.6s ease;
}

.btn_box span {
  z-index: 10;
  transition: all 0.4s ease;
}

.btn_box iconify-icon {
  font-size: 0.22rem;
  margin-left: 0.1rem;
  z-index: 10;
  transition: all 0.4s ease;
}

.btn_box icon {
  color: #fff;
  font-size: 0.13rem;
  margin-left: 0.1rem;
  z-index: 10;
  transition: all 0.4s ease;
}

.button_su:hover span {
  color: var(--i_color);
}
.button_su:hover iconify-icon {
  color: var(--i_color);
}

@media screen and (max-width: 560px) {
  .btn_box {
    padding: 0.04rem 0.12rem;
  }
  .btn_box span {
    font-size: 0.12rem;
  }
  .btn_box iconify-icon {
    font-size: 0.16rem;
    margin-left: 0.04rem;
  }
  .btn_box icon {
    font-size: 0.1rem;
    margin-left: 0.04rem;
  }
}

.btn_brief {
  display: table;
}

.brief_a {
  display: flex;
  align-items: center;
  gap: 0 0.1rem;
}

.brief_a iconify-icon {
  font-size: 0.22rem;
  transform: rotate(-45deg);
  transition: all 0.4s ease;
}

.btn_brief:hover iconify-icon {
  transform: rotate(0);
}

/* title */
.titleBox {
}

.titleBox h3 {
  font-size: 0.75rem;
}

@media screen and (max-width: 1200px) {
  .titleBox h3 {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .titleBox h3 {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .titleBox h3 {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 560px) {
  .titleBox p {
    margin-bottom: 0.05rem;
  }
  .titleBox h3 {
    font-size: 0.2rem;
    margin-bottom: 0.05rem;
  }
}

/* --- --- */

.wrap {
  width: 94vw;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.wrap2 {
  width: 94vw;
  max-width: 1380px;
  margin-left: auto;
  margin-right: auto;
}
.wrap_header {
  width: 94vw;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.wrap_l {
  box-sizing: border-box;
  padding-left: 8.2vw;
}
.wrap_r {
  box-sizing: border-box;
  padding-right: 8.2vw;
}
@media screen and (max-width: 1440px) {
  .wrap_l {
    padding-left: 3vw;
  }
  .wrap_r {
    padding-right: 3vw;
  }
}

/* header */

header .wrap {
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 20251108;
  background-color: transparent;
}

header.fixedHeader, header.publicPage {
  background: #AB8467;
}
header .wrap_header {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  header {
    background: #AB8467;
    backdrop-filter: blur(10px);
  }
}

/* logo */
.logo {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: var(--header_height);
}
.logo a {
  display: -webkit-flex;
  display: flex;
  align-items: center;
  height: 47%;
}
.logo img {
  max-height: 100%;
}

/* 导航 */
@media screen and (min-width: 1025px) {
  .i_nav {
    margin-left: 3%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0 0.6rem;
    position: relative;
    z-index: 2014;
  }

  .i_nav > li {
    position: relative;
  }

  .i_nav > .menu-item-has-children::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
  }

  .i_nav > li::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 32px;
    width: 0;
    height: 2px;
    background: var(--i_color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .i_nav > li > a {
    display: block;
    font-size: 0.18rem;
    color: #fff;
    line-height: var(--header_height);
    white-space: nowrap;
    position: relative;
  }

  .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 > li.active::before {
    /* right: initial;
    left: 0;
    width: 100%; */
  }
  .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 > li.active > a {
    /*color: var(--i_color);*/
  }

  .i_nav .sub-menu {
    display: none;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: var(--header_height);
    min-width: 1.4rem;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);
    font-size: 0;
    text-align: center;
    z-index: 1;
  }

  .i_nav .sub-menu li {
    position: relative;
  }
  .i_nav .sub-menu li:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 90%;
    height: 1px;
    background: #eee;
  }
  .i_nav .sub-menu a {
    display: block;
    padding: 0 0.2rem;
    font-size: 0.16rem;
    color: #666;
    line-height: 0.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
  }

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

  .i_nav .sub-menu li:hover a {
    color: var(--i_color);
  }
}
@media screen and (max-width: 1440px) {
  .i_nav {
    gap: 0 0.54rem;
  }
}
@media screen and (max-width: 1366px) {
  .i_nav {
    gap: 0 0.5rem;
  }
  .i_nav > li > a {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 1200px) {
  .logo a {
    height: 40%;
  }
  .i_nav {
    gap: 0 8%;
  }
  .i_nav > li > a {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

@media screen and (max-width: 1024px) {
  .i_nav {
    opacity: 0;
    position: fixed;
    top: var(--header_height);
    left: 101%;
    width: 100%;
    width: 100vw;
    height: calc(100vh - var(--header_height));
    background: #fff;
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 9999;
  }
  .i_nav.active {
    opacity: 1;
    left: 0;
  }
  /*滚动条*/
  .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: 8px;
    right: 0.2rem;
    width: 0.3rem;
    height: 0.3rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23555" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"%2F%3E%3C%2Fsvg%3E')
      no-repeat center;
    background-size: 0.2rem;
  }
  .i_nav > .menu-item-has-children span.on {
    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="%23555" d="M19 12.998H5v-2h14z"%2F%3E%3C%2Fsvg%3E')
      no-repeat center;
    background-size: 0.2rem;
  }

  .i_nav > li > a {
    padding: 0 0.2rem;
    font-size: 0.16rem;
    color: #222;
    line-height: 0.44rem;
    text-transform: uppercase;
  }
  .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 {
    color: var(--i_color) !important;
  }

  .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: 0.15rem;
    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: 0.13rem;
    color: #888;
    line-height: 0.36rem;
    position: relative;
  }

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

/* 移动端导航按钮 */
.nav_menu {
  /* position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%); */
  position: relative;
  width: 22px;
  height: 16px;
  display: none;
  cursor: pointer;
}
.nav_menu i {
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  background: var(--i_color);
  border-radius: 0.1rem;
  transition: 0.5s;
}
.nav_menu::before,
.nav_menu::after {
  content: "";
  width: 100%;
  height: 3px;
  background: var(--i_color);
  position: absolute;
  left: 0;
  border-radius: 0.1rem;
  transition: 0.5s;
}
.nav_menu::before {
  top: 0;
}
.nav_menu::after {
  bottom: 0;
}

.nav_menu.on i {
  opacity: 0;
}

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

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

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

.top_r {
  --size: 0.2rem;
}
.top_r {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: auto;
  gap: 0 0.22rem;
}
@media screen and (max-width: 1024px) {
  .top_r {
    margin-left: auto;
  }
}

.search_cont,
.top_language {
  height: var(--header_height);
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  position: relative;
}

.top_search_ico iconify-icon,
.top_language_btn iconify-icon {
  font-size: var(--size);
  cursor: pointer;
  color: #fff;
}

/*.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 {
  position: relative;
  color: #fff;
  cursor: pointer;
}

.top_language_btn img {
  width: 0.2rem;
  height: 0.2rem;
}

.top_language_btn iconify-icon {
  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:1024px) {
	.language_list dt>h6{font-size: 16px;}
}
@media screen and (max-width:768px) {
	.top_language_btn p{display: none;}
	.top_language_btn iconify-icon{display: block;}
	.language_list dt>h6{font-size: 15px;}
}
@media screen and (max-width:560px) {
	.language_list dt>h6{font-size: 14px;}
	.language_list{-webkit-border-radius:6px; border-radius:6px;}
	.lang_list .trp-ls-language-name{font-size: 13px;}
} */

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .top_language_btn {
    padding: 0;
  }
  .top_language_btn iconify-icon {
    display: block;
    margin-bottom: 0.05rem;
  }
  .top_language_btn span {
    display: none;
  }
}

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

@media screen and (max-width: 560px) {
  .top_r {
    gap: 0 0.15rem;
  }
  .top_r iconify-icon {
    font-size: 0.2rem;
  }

  .nav_menu {
    margin-bottom: 0.02rem;
    margin-left: 0.2rem;
  }
}

/* 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: #fff;
  -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);
  background: rgb(0, 0, 0, 0.5);
}
@media screen and (max-width: 1024px) {
  .full_header_height {
    display: block;
  }
}

.products_drop_down .sub-menu,
.industries_drop_down .sub-menu {
  display: none;
}

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

.i_topForm {
  margin-left: 1%;
  box-sizing: border-box;
  padding: 0.1rem 0.15rem;
  border-radius: 0.05rem;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  color: #fff;
  cursor: pointer;
  transition: all 0.4s ease;
}

.i_topForm iconify-icon {
  font-size: 0.24rem;
  margin-left: 0.1rem;
}

/*.i_topForm:hover {*/
/*  background-color: var(--i_color);*/
/*  border-color: var(--i_color);*/
/*}*/

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

.xiala {
  /* height: 100%;
  background: rgba(0, 0, 0, 0.3); */
  position: fixed;
  top: var(--header_height);
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  box-sizing: border-box;
  transition: top 0.3s ease;
  display: none;
  z-index: 100;
  box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

.xialaBox {
  /* padding: 0.4rem 0; */
  height: 100%;
  background-color: #fff;
  position: relative;
}

.Products_down {
  border-top: 2px solid var(--i_color);
  /* display: block !important; */
  background: #fff;
}

/* ========================================== */
.xialaBox {
  display: flex;
  flex-wrap: nowrap;
}

.navProducts_nav {
  flex-shrink: 0;
  width: 20%;
  background: #efebe9;
}
.navProducts_nav ul {
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  padding: 0.4rem 0;
  box-sizing: border-box;
}
.navProducts_nav li a {
  display: block;
  padding: 3% 8%;
  transition: all 0.4s ease;
}
.navProducts_nav li.active,
.navProducts_nav li.active a {
  background: var(--i_color);
  color: #fff;
}

.navProducts_show {
  flex-shrink: 0;
  width: 30%;
  height: 100%;
  box-sizing: border-box;
  padding: .4rem 0;
  overflow-y: auto;
}

.navProducts_show::-webkit-scrollbar {
  width: 3px;
}
.navProducts_show::-webkit-scrollbar-thumb {
  background: var(--i_color);
}

.navProducts_show .item {
  display: none;
  position: relative;
  box-sizing: border-box;
}
.navProducts_show .item.active {
  display: block;
  transition: all 0.5s ease;
}

.navProducts_show ul {
  height: 100%;
}

.navProducts_show li {
}
.navProducts_show a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 5%;
  gap: 0 5%;
  padding-bottom: 0.1rem;
  border-bottom: 1px solid #eee;
  margin-top: 0.1rem;
}
.navProducts_show p {
  font-size: 0.18rem;
  line-height: 1.5;
}

.navProducts_show_img {
  flex-shrink: 0;
  width: 12.58%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.navProducts_show_img::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.navProducts_show_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
}

.navProducts_text {
  width: 100%;
  background: #f7f7f7;
}
.navProducts_text a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 5%;
}
.navProducts_text span {
  flex-shrink: 0;
  width: 50%;
}
.navProducts_text h5 {
  font-size: 0.16rem;
  font-weight: bold;
}
.navProducts_text p {
  font-size: 0.14rem;
  line-height: 1.6;
  margin: 0.15rem 0;
}

.navProducts_text .btn {
  transition: all 0.3s ease;
}
.navProducts_text .btn:hover {
  color: var(--i_color);
}

.navProducts_text_img {
  width: 41.8%;
  position: relative;
  overflow: hidden;
}
.navProducts_text_img::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.navProducts_text_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

/* --- banner --- */

.i_banner {
  width: 100%;
}
.i_banner_list {
  position: relative;
  overflow: hidden;
}
.i_banner_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.i_banner_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
}

.i_banner_list .swiper-slide::before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.swiper-notification {
  display: none;
}

.i_banner01 {
  width: 100%;
  position: relative;
  padding-bottom: 45%;
}

.i_banner01::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.i_banner01 video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}

.i_banner01 .i_banner01_text {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.i01txt {
  width: 52.38%;
}

.i01txt h2 {
  display: flex;
  align-items: center;
}

.i01txt h2 span {
  font-size: 8.82vw;
  font-weight: bold;
  color: transparent;
  background-image: url(https://ecdn6.globalso.com/upload/m/image_other/2025-09/xltext-bg.jpg);
  background-size: cover;
  background-position: center;
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(4px 0 1px rgba(0, 0, 0, 0.74));
}

.i01txt img {
  width: 26.49%;
  object-fit: contain;
  margin-left: 5%;
}

.i01txt h3 {
  color: #fff;
  position: relative;
  font-size: 0.4rem;
  line-height: 1;
  font-weight: bold;
  background: var(--i_color);
  text-shadow: 2px 0 0 rgba(0, 0, 0, 40%);
  padding: 30px 10px 16px 35px;
  margin-top: -0.4rem;
  z-index: -1;
}
.i01txt h3 i {
  display: inline-block;
  vertical-align: middle;
  width: 10%;
  height: 4px;
  background-color: #fff;
  box-shadow: 2px 0 0 rgba(0, 0, 0, 40%);
}

.i01Video {
  width: 0.86rem;
  height: 0.86rem;
  border-radius: 0.05rem;
  background-color: var(--i_color);
  cursor: pointer;
  color: #fff;
  transition: all 0.4s ease;
}

.i01Video iconify-icon {
  font-size: 0.36rem;
}

.i01Video:hover {
  background-color: #fff;
  color: var(--i_color);
}

/* -------------------------- */
.i_banner-prev,
.i_banner-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.55rem;
  height: 0.55rem;
  background: rgb(0 0 0 / 40%);
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 50%;
  transition: all 0.3s;
  display: none;
}
.i_banner-prev {
  left: 2%;
}
.i_banner-next {
  right: 2%;
}
.i_banner-prev iconify-icon,
.i_banner-next iconify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.22rem;
  color: #fff;
}
.i_banner_list .swiper-button-disabled {
  cursor: not-allowed;
}
.i_banner-prev:hover,
.i_banner-next:hover {
  background: var(--i_color);
}

/* -------------------------- */
.i_banner-pagination {
  display: none;
  text-align: center;
  position: absolute;
  bottom: 0.1rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.i_banner-pagination .swiper-pagination-bullet {
  width: 0.08rem;
  height: 0.08rem;
  display: inline-block;
  margin: 0 6px;
  background: #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.i_banner-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .i01txt {
    width: 70%;
  }
  .i01txt h2 span {
    font-size: 5.62vw;
  }
  .i01txt img {
    display: none;
  }
  .i01txt h3 {
    font-size: 0.18rem;
    font-weight: normal;
    margin-top: 0;
    padding: 0.1rem 0.2rem;
  }
  .i01txt h3 i {
    display: none;
  }

  .i01Video {
    width: 0.5rem;
    height: 0.5rem;
  }
  .i01Video iconify-icon {
    font-size: 0.2rem;
  }
}

@media screen and (max-width: 560px) {
  .i01txt h3 {
    margin-top: 0.1rem;
    font-size: 0.12rem;
    font-weight: 100;
    background-color: rgb(171, 132, 103, 0.5);
  }
  .i01txt .button_su {
    margin-top: 0.1rem;
  }

  .i01Video {
    width: 0.3rem;
    height: 0.3rem;
  }
  .i01Video iconify-icon {
    font-size: 0.14rem;
  }
}

/* footer */
footer {
  background: url(static/imgs/abc.svg) no-repeat center center;
  background-size: cover;
  overflow: hidden;
}

.footerBox .wrap {
  box-sizing: border-box;
  padding-left: 4.35%;
  padding-right: 4.35%;
  border-radius: 0.08rem;
  background-color: var(--i_color);
}

.footer_top {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.3rem 0;
}

.footer_a {
  width: 45%;
  border-right: 1px solid rgba(255, 255, 255, 34%);
}

.footer_a_logo {
}

.footer_a_logo img {
  width: 66%;
  transition: all 0.6s ease;
}

.footer_a_logo:hover img {
  transform: translateX(2%);
}

.footer_a p {
  padding-right: 5%;
}

.fb_media {
  display: flex;
  gap: 0 1.5%;
}

.fb_media a {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #fff;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease;
}

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

.facebook iconify-icon {
  color: #3b599c;
}
.linkedin iconify-icon {
  color: #01689e;
}
.youtube iconify-icon {
  color: #ff0100;
}
.instagram iconify-icon {
  font-size: 0.26rem;
}
.twitter iconify-icon {
  font-size: 0.26rem;
}

.fb_media a:hover {
  transform: rotateY(360deg);
}

.footer_b {
}

.fb_tit {
  font-size: 0.16rem;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 35px;
}

.fb_nav {
  color: #fff;
}

.fb_nav li {
  cursor: pointer;
  transition: all 0.4s ease;
}

.Adress {
  font-size: 0.14rem;
  color: #fff;
  line-height: 1.5;
  padding-top: 0.13rem;
}

.fb_nav a {
  font-size: 0.14rem;
  color: #fff;
  line-height: 3.42857;
  transition: all 0.4s ease;
}

.footer_d {
  width: 20%;
  border-left: 1px solid rgba(255, 255, 255, 34%);
  padding-left: 2.5%;
  box-sizing: border-box;
}

.fb_nav li:hover {
  transform: translateX(5%);
}

.fd_imgs {
  display: flex;
  justify-content: space-between;
}

.fd_imgs img {
  width: 45%;
}

@media screen and (max-width: 1200px) {
  .footer_a {
    width: 40%;
  }
}
@media screen and (max-width: 1024px) {
  .footer_a,
  .footer_d {
    width: 100%;
    border: none;
  }
  .footer_d {
    padding-left: 0;
  }
  .footer_b,
  .footer_c {
    display: none;
  }
  .footer_a p {
    padding-right: 0;
  }
  .fb_tit {
    padding-bottom: 0.15rem;
  }
  .fb_nav a,
  .Adress {
    font-size: 0.16rem;
    line-height: 1.8;
  }
  .Adress {
    padding-top: 0;
  }
  .fd_imgs img {
    width: 20%;
  }

  .fd_imgs {
    gap: 0 5%;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .fb_tit {
    padding-bottom: 0.1rem;
  }
  .fb_nav a {
    line-height: 1.8;
  }
}
@media screen and (max-width: 560px) {
  .fb_media {
    gap: 0 3%;
  }
  .fb_media a {
    width: 0.3rem;
    height: 0.3rem;
  }
  .fb_media iconify-icon {
    font-size: 0.2rem;
  }
  .fb_nav a,
  .Adress {
    font-size: 0.14rem;
  }
}

.footer_bottom {
  border-top: 1px solid rgba(255, 255, 255, 34%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem 0;
}

.footer_bottom .btn_box {
  background-color: #535254;
  padding: 0.12rem 0.26rem;
}

/* 版权声明 */
.fb_copyright p,
.fb_copyright a {
  display: inline-block;
  color: #fff;
  transition: all 0.4s ease;
}

.fb_copyright a:hover {
  transform: translateX(6%);
}

/* 宣传 */
.i_publicity {
  padding: 1.9rem 0 1.45rem;
}

.ip_top {
}

.ip_top h2,
.ip_top h2 em {
  font-size: 0.75rem;
  font-weight: 700;
  background: linear-gradient(
    90deg,
    #ab8467 0%,
    #eeb95b 20%,
    #ab8467 50%,
    #eeb95b 75%,
    #ab8467 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: center;
}

.ip_top h2 em {
  display: block;
  background: linear-gradient(
    90deg,
    #ab8467 0%,
    #ab8467 5%,
    #eeb95b 40%,
    #ab8467 75%,
    #ab8467 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ip_top .button_su,
.ip_top .btn_box {
  border-radius: 0;
}

.ip_top .btn_box {
  color: #212529;
  background-color: #f7f9ff;
  padding: 0.08rem 0.28rem;
}

@media screen and (max-width: 1200px) {
  .ip_top h2,
  .ip_top h2 em {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .i_publicity {
    padding: 0.8rem 0 0.5rem;
  }
  .ip_top h2,
  .ip_top h2 em {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .ip_top h2,
  .ip_top h2 em {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 560px) {
  .i_publicity {
    padding: 0.4rem 0 0.4rem;
  }
  .ip_top h2,
  .ip_top h2 em {
    font-size: 0.2rem;
  }
}

/* 宣传-下 */
.ip_bottom {
  margin-top: 1.9rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 2%;
}

.ip_bottom li {
  width: 23.5%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-color: #f7f9ff;
  transition: all 0.4s ease;
}

.ip_bottom li::after {
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: 2;
  transition: all 0.4s ease;
}

.ip_bottom li::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 140%;
}

.ip_bottom li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
  transition: all 0.4s ease;
}

.ipb_num {
  position: absolute;
  left: 5%;
  top: 10%;
  z-index: 20;
  transition: all 0.6s;
}

.ipb_num h2 {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: linear-gradient(180deg, #eeb95b 0%, var(--i_color) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

.ipb_num span,
.ipb_num i {
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}

.ipb_num h3 {
  padding-left: 0.1rem;
}

.ipb_txt {
  position: absolute;
  left: 0;
  bottom: 20%;
  box-sizing: border-box;
  padding: 0.15rem;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  z-index: 20;
}

.ip_bottom li:hover {
  background-color: transparent;
}
.ip_bottom li:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.ip_bottom li:hover img {
  opacity: 1;
}
.ip_bottom li:hover .ipb_num {
  left: 3%;
  top: 3%;
}
.ip_bottom li:hover .ipb_num h2,
.ip_bottom li:hover .ipb_num h3,
.ip_bottom li:hover .ipb_txt {
  color: white;
}
.ip_bottom li:hover .ipb_txt {
  left: 0;
  bottom: 2%;
}

@media screen and (max-width: 1200px) {
  .ip_bottom {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .ip_bottom li {
    width: 49%;
  }

  .ipb_num span,
  .ipb_num i {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .ipb_num span,
  .ipb_num i {
    font-size: 0.32rem;
  }
  .ipb_num h3 {
    padding-left: 0;
  }
}
@media screen and (max-width: 560px) {
  .ip_bottom {
    gap: 0.1rem 2%;
    margin-top: 0.4rem;
  }
  .ipb_num span,
  .ipb_num i {
    font-size: 0.18rem;
  }
  .ipb_txt {
    font-size: 0.1rem;
    bottom: 5%;
  }
}

/* 产品类别 */
.Product_Category {
}

.CategoryBox {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.CategoryBox::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 50.42%;
}
.CategoryBox .CategoryBaImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.CategoryBox_text {
  width: 35%;
  position: absolute;
  left: 8.175%;
  bottom: 9.4%;
}

.CategoryBox_text h2 {
  font-size: 0.75rem;
}

.CategoryBox_text .btn_box,
.CategoryBox_text .su_button_circle {
  background: none !important;
  padding: 0;
}

/* 分类轮播 */

.Category_Carousel {
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.Category_list {
  position: relative;
  overflow: hidden;
  z-index: 20;
}
.Category_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.Category_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  padding: 0.36rem 0.32rem 0.58rem;
  transition: all 0.4s ease;
}

.Category_pic {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.Category_pic::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.Category_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.Category_list .swiper-slide-active {
  background-color: var(--i_color);
}

/* -------------------------- */
.Category-pagination {
  display: block;
  text-align: right;
}
.Category-pagination .swiper-pagination-bullet {
  width: 0.06rem;
  height: 0.06rem;
  display: inline-block;
  margin: 0 6px;
  background: rgb(255, 255, 255, 0.3);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.Category-pagination .swiper-pagination-bullet-active {
  background: #fff;
}

@media screen and (max-width: 1440px) {
  .CategoryBox_text h2 {
    font-size: 0.6rem;
  }
  .Category_list .swiper-slide {
    padding: 0.2rem 0.2rem 0.2rem;
  }
}

@media screen and (max-width: 1200px) {
  .CategoryBox_text h2 {
    font-size: 0.4rem;
  }
  .Category_list .swiper-slide p {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 1024px) {
  .CategoryBox {
    padding: 0.4rem 0;
  }
  .CategoryBox::before {
    display: none;
  }
  .CategoryBox_text {
    margin-bottom: 0.3rem;
  }
  .CategoryBox_text,
  .Category_Carousel {
    position: relative;
    width: 94vw;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .CategoryBox_text h2 {
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
  }
}

/* 合作品牌 */
.Partner_Brands {
}

.Brands_list {
  position: relative;
  overflow: hidden;
}
.Brands_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.Brands_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  border-left: 1px solid #606161;
}
.Brands_list .swiper-slide::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f5f5f5;
  z-index: 2;
  transition: all 0.4s ease;
}
.Brands_list .swiper-slide::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 42%;
}
.Brands_list .swiper-slide img {
  width: 40%;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.Brands_list .swiper-slide:hover::after {
  width: 100%;
  height: 100%;
}

/* 主页优势 */
.i_Advantage {
  overflow: hidden;
  background-color: #f7f9ff;
}

.i_AdvantageList {
  display: flex;
  flex-direction: column;
}

.ia_item {
  gap: 0.3rem 0;
}

.iat_left {
  width: 49.81%;
  box-sizing: border-box;
  order: 1;
}

.i_Advantage_list {
  position: relative;
  overflow: hidden;
}
.i_Advantage_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.i_Advantage_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
}
.i_Advantage_list .swiper-slide::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.i_Advantage_list .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

/* -------------------------- */
.i_Advantage-pagination {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);
}
.i_Advantage-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-block;
  margin: 0 6px;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: all 0.4s ease;
}
.i_Advantage-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

.iat_right {
  width: 43.32%;
  box-sizing: border-box;
  order: 2;
}

.iat_right h2 {
  padding-bottom: 0.13rem;
  border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 769px) {
  .i_AdvantageList .ia_item:nth-child(even) .iat_left {
    order: 2;
  }

  .i_AdvantageList .ia_item:nth-child(even) .iat_right {
    order: 1;
  }
}

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

  .iat_left,
  .iat_right {
    width: 100%;
  }
  .iat_right {
    order: -1;
  }

  .iat_right h6 {
    margin: 0.2rem 0;
  }
}

/* 解决方案 */
.Solution {
  background: url(static/imgs/Solution.webp) no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
}

.Solution h2 {
  font-size: 0.8rem;
}

.Solution .btn_box {
  padding: 0.2rem 0.9rem;
}

.Solution .btn_box:hover {
  background: #fff;
}

@media screen and (max-width: 1200px) {
  .Solution h2 {
    font-size: 0.5rem;
    margin-bottom: 0.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .Solution h2 {
    font-size: 0.32rem;
  }
  .Solution .btn_box {
    padding: 0.1rem 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .Solution h2 {
    font-size: 0.24rem;
  }
}

/* 荣誉证书 */
.Certificate_Honor {
  padding-bottom: 1.6rem;
  background: url(static/imgs/Certificate_Honor.webp) no-repeat center center;
  background-size: cover;
}

.honorBox {
  border-top: 1px solid #d7d7d7;
  padding-top: 0.15rem;
}

.Honor_list {
  position: relative;
  overflow: hidden;
}
.Honor_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.Honor_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  background-color: #fff;
  height: max-content;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.5rem;
  padding-bottom: 0.15rem;
}

.Honor_list img {
  width: 75%;
  object-fit: contain;
  box-shadow: 0px 3px 4px #535254;
}

/* *** --- *** */
.honor_instruct {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* -------------------------- */
.Honor-prev,
.Honor-next {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid var(--i_color);
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
}
.Honor-prev {
}
.Honor-next {
}
.Honor-prev iconify-icon,
.Honor-next iconify-icon {
  font-size: 0.3rem;
  color: var(--i_color);
}
.Honor_list .swiper-button-disabled {
  cursor: not-allowed;
}

.Honor-prev:hover,
.Honor-next:hover {
  background: var(--i_color);
}
.Honor-prev:hover iconify-icon,
.Honor-next:hover iconify-icon {
  color: #fff;
}

/* -------------------------- */
.Honor-pagination {
  position: relative;
  width: 38.6%;
  border-radius: 5rem;
  background: #d8d8d8;
  height: 6px;
  overflow: hidden;
  margin: 0 2%;
}

.Honor-pagination span {
  border-radius: 5rem;
  background: var(--i_color);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

@media screen and (max-width: 1024px) {
  .Honor-prev,
  .Honor-next {
    display: none;
  }
  .Certificate_Honor {
    padding-bottom: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .Certificate_Honor {
    padding-bottom: 0.4rem;
  }
}
@media screen and (max-width: 560px) {
  .Honor_list .swiper-slide {
    padding: 0.2rem;
  }
  .Honor_list img {
    width: 90%;
  }
  .Honor_list .swiper-slide p {
    font-size: 0.14rem;
  }
}

/* 主页新闻 */
.i_news {
  overflow: hidden;
}

.i_newsList {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  position: relative;
}
.i_newsList::after {
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background-color: #eee;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.i_newsList::before {
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background-color: #eee;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.i_newsList li {
  width: 25%;
  position: relative;
}
.i_newsList li::before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: url(static/imgs/new_Ba.webp) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.4s ease;
}

.i_newsList a {
  position: relative;
  z-index: 2;
  display: block;
  padding: 12% 15%;
  box-sizing: border-box;
  border-right: 1px solid #eee;
}
.i_newsList li:last-child a {
  border-right: none;
}

.i_newsList b {
  display: inline-block;
  background: var(--i_color);
  border-radius: 5px;
  color: #fff;
  padding: 0.1rem;
  transition: all 0.4s ease;
}

.i_newsList h6,
.i_newsList span {
  transition: all 0.4s ease;
}

.i_newsList .btn_brief {
  margin-top: 2.5rem;
}

.i_newsList .btn_brief iconify-icon {
  color: var(--i_color);
}

.i_newsList li:hover::before {
  opacity: 1;
  width: 100%;
}
.i_newsList li:hover b {
  background-color: #fff;
  color: var(--i_color);
}
.i_newsList li:hover h6,
.i_newsList li:hover span,
.i_newsList li:hover p,
.i_newsList li:hover iconify-icon {
  color: #fff;
}

.i_news .su_custom_color .btn_box {
  padding: 0.15rem 0.6rem;
}
.i_news .su_custom_color,
.i_news .su_custom_color .btn_box {
  border-radius: 0;
}
.i_news .su_custom_color span {
  color: #212529;
}
.i_news .su_custom_color iconify-icon {
  color: var(--i_color);
}
.i_news .su_custom_color iconify-icon {
  transform: rotate(-45deg);
}

@media screen and (max-width: 1024px) {
  .i_newsList {
    border: none;
  }
  .i_newsList::before,
  .i_newsList::after {
    display: none;
  }
  .i_newsList li {
    width: 50%;
  }
  .i_newsList li:last-child a {
    border-right: 1px solid #eee;
  }
  .i_newsList a {
    border: 1px solid #eee;
  }
}
@media screen and (max-width: 768px) {
  .i_newsList .btn_brief {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 560px) {
  .i_newsList li {
    width: 100%;
    margin-top: 0.2rem;
  }
  .i_newsList a {
    padding: 0.3rem 0.2rem;
  }
  .i_newsList .btn_brief {
    margin-top: 0.25rem;
  }
}

/* 主页——展示介绍 */

@media screen and (min-width: 1025px) {
  .fadein_pic_box {
    height: calc(200vh + var(--header_height));
    position: relative;
    overflow: hidden;
  }
  .fadein_pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
  }
  .fadein_pic.fixed {
    position: fixed;
  }
  .fadein_pic.fixed_bottom {
    top: initial;
    bottom: 0;
  }
  .fadein_pic_mask {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    width: 100%;
    height: calc(100% + 2px);
    object-fit: cover;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 2;
  }
  .fadein_cont {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
  }
}

@media screen and (max-width: 1024px) {
  .fadein_pic_mask {
    display: none;
  }
  .fadein_cont {
    position: relative;
  }
}

.Showcase_videos {
  position: absolute;
  left: 0;
  top: 0;
}

.Showcase_videos video {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
.Showcase_videos video.active {
  opacity: 1;
}

.Showcase_box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0;
  opacity: 0;
  transition: all 0.4s ease;
}

.show_left {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
}

.show_left li {
  box-sizing: border-box;
  height: calc(100% / 3);
  border-bottom: 1px solid #eee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8%;
  position: relative;
}
.show_left li:last-child {
  border-bottom: none;
}
.show_left li::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(static/imgs/info_mask.webp) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
.show_left li.active::before {
  opacity: 1;
}

.show_left h6,
.show_left .btn_brief {
  position: relative;
  z-index: 10;
}

.show_right {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  border-left: 1px solid #eee;
  position: relative;
}

.sr_item {
  width: 90%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  transition: all 0.4s ease;
}

.sr_item img {
  width: 0.95rem;
}

.sr_item h2 {
  font-size: 0.7rem;
  text-transform: uppercase;
}

.sr_item.active {
  opacity: 1;
  top: 50%;
}

@media screen and (max-width: 1366px) {
  .sr_item h2 {
    font-size: 0.6rem;
  }
}

@media screen and (max-width: 1024px) {
  .Showcase_videos {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .Showcase_videos::before {
    content: "";
    display: block;
    padding-bottom: 80vw;
  }
  .Showcase_videos video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .Showcase_box {
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
  }
  .sr_item img {
    width: 0.6rem;
  }
  .sr_item h2 {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .Showcase_videos::before {
    padding-bottom: 100vw;
  }
  .show_left h6 {
    font-size: 0.12rem;
  }
  .sr_item img {
    width: 0.4rem;
  }
  .sr_item h2 {
    display: none;
  }
  .sr_item p {
    font-size: 0.12rem;
  }
}
@media screen and (max-width: 320px) {
  .show_left {
    width: 100%;
  }
  .show_right {
    display: none;
  }
}

/* -------------------------------  产品列表页面 */
.bannerBox {
}

.bannerBox {
  width: 100%;
}
.bannerBox_list {
  position: relative;
  overflow: hidden;
}
.bannerBox_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.bannerBox_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
}

.bannerBox_list .swiper-slide::before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.swiper-notification {
  display: none;
}

.bannerBox {
  width: 100%;
  position: relative;
  padding-bottom: 45%;
}

.bannerBox::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.bannerBox video,
.bannerBox img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: -1;
}

.bannerBox_txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}

.bannerBox_txt p {
  display: inline-block;
  padding: 0.07rem 0.1rem;
  border: 1px solid #fff;
}

.bannerBox_txt h3 {
  width: 65%;
}

@media screen and (max-width: 768px) {
  .bannerBox_txt h3 {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .bannerBox_txt h3 {
    font-size: 0.16rem;
  }
}

/* Breadcrumb */
.in_position {
  padding: 0.2rem 0;
  background: #eee;
  position: relative;
}
.in_position .wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.in_position a {
  display: block;
  font-size: 15px;
  color: #333;
  position: relative;
  line-height: 20px;
}
.in_position a:first-child {
  padding-left: 0.26rem;
}
.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;
  }
}

/* 分类头部 */
.ClassificationTop {
  overflow: hidden;
}

.ClassificationTop h2 {
  font-size: 0.8rem;
  background-image: linear-gradient(
    90deg,
    rgb(171, 132, 103) 0%,
    rgb(238, 185, 91) 20%,
    rgb(171, 132, 103) 50%,
    rgb(238, 185, 91) 75%,
    rgb(171, 132, 103) 100%
  );
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-color: initial;
  background-clip: text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  color: transparent;
}

.ClassificationTop .button_su {
  box-sizing: border-box;
  border: 2px solid transparent;
  transition: all 0.4s ease;
}
.ClassificationTop .button_su,
.ClassificationTop .btn_box {
  border-radius: 0;
}
.ClassificationTop .button_su:hover {
  border: 2px solid var(--i_color);
}

.cf_describe {
  position: relative;
}
.cf_describe::before {
  content: "";
  display: block;
  width: 500%;
  height: 1px;
  background-color: #eee;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1024px) {
  .ClassificationTop h2 {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 768px) {
  .ClassificationTop h2 {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 560px) {
  .ClassificationTop h2 {
    font-size: 0.3rem;
  }
}

/* 产品列表 */
.Product_List {
  background-color: #f1f1f1;
}

.Product_List_top {
  position: relative;
  height: 0.3rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0.4rem;
  gap: 0.15rem 0;
}

.pl_t_list {
  position: relative;
  overflow: hidden;
}
.pl_t_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.pl_t_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
}

.pl_t_list .swiper-slide a {
  display: flex;
  justify-content: center;
}
.pl_t_list .swiper-slide p {
  display: inline-block;
  color: var(--i_color);
  position: relative;
  text-align: center;
}
.pl_t_list .swiper-slide p::before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background-color: var(--i_color);
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.6s ease;
}

.pl_t_list .swiper-slide a:hover p::before {
  width: 100%;
  left: 0;
  right: auto;
}

/* -------------------------- */
.pl_t-prev,
.pl_t-next {
  width: 0.4rem;
  height: 0.24rem;
  box-sizing: border-box;
  border: 1px solid var(--i_color);
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s ease;
}
.pl_t-prev {
  left: 0;
}
.pl_t-next {
  right: 0;
}
.pl_t-prev iconify-icon,
.pl_t-next iconify-icon {
  font-size: 0.2rem;
  color: var(--i_color);
  transition: all 0.4s ease;
}
.pl_t_list .swiper-button-disabled {
  cursor: not-allowed;
}
.pl_t-prev:hover,
.pl_t-next:hover {
  background: var(--i_color);
}
.pl_t-prev:hover iconify-icon,
.pl_t-next:hover iconify-icon {
  color: #fff;
}

.a {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 1200px) {
  .pl_t_list .swiper-slide p {
    font-size: 0.14rem;
  }
}

@media screen and (max-width: 768px) {
  .Product_List_top {
    padding: 0;
    height: auto;
  }
  .pl_t-prev,
  .pl_t-next {
    position: static;
    top: auto;
    transform: none;
    left: auto;
  }

  .pl_Switch {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 0 3%;
  }
}

/* 产品列表 */
.Product_List_bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 2%;
}

.Product_List_bottom li {
  width: 23.5%;
  box-sizing: border-box;
}

.Product_List_bottom a {
  display: block;
  box-sizing: border-box;
  padding: 0.1rem;
  background-color: #fff;
}

.plb_img {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.plb_img::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.plb_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.Product_List_bottom p {
  transition: all 0.4s ease;
}

.Product_List_bottom li:hover .plb_img img {
  transform: scale(1.1);
}
.Product_List_bottom li:hover p {
  color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .Product_List_bottom li {
    width: 32%;
  }
}

@media screen and (max-width: 560px) {
  .Product_List_bottom {
    gap: 0.1rem 2%;
  }
  .Product_List_bottom li {
    width: 49%;
  }
}

/* 公司介绍 */
.Company_Introduction {
  border-top: 1px solid #eee;
}

.ci_video {
  width: 78.5%;
  position: relative;
  overflow: hidden;
}
.ci_video::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 41.5%;
}
.ci_video img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.abVideo_btn {
  width: 0.96rem;
  height: 0.96rem;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  color: #fff;
  font-size: 0.4rem;
  transition: all 0.4s ease;
}

.abVideo_btn:hover {
  background-color: var(--i_color);
  border-color: var(--i_color);
}

@media screen and (max-width: 768px) {
  .ci_video {
    width: 100%;
  }
  .abVideo_btn {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 0.2rem;
  }
}

/* 关于公司 */
.ab_about {
  background-color: #f1f3f5;
}

.ab_about .titleBox h3 {
  font-size: 0.42rem;
}

@media screen and (max-width: 1024px) {
  .ab_about .titleBox h3 {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .ab_about .titleBox h3 {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 560px) {
  .ab_about .titleBox h3 {
    font-size: 0.2rem;
  }
}

/* 宣传数据 */
.ab_publicity {
  display: flex;
  flex-wrap: wrap;
}

.ab_publicity li {
  width: 50%;
  box-sizing: border-box;
  padding: 0.3rem 0.5rem;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

.ap_word {
  display: flex;
  gap: 0 1%;
}

.ap_word h2 {
  font-size: 0.95rem;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke: 1px var(--i_color);
}

.ap_word span {
  font-size: 0.35rem;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke: 1px var(--i_color);
}

.ab_publicity li:nth-last-child(-n + 2) {
  border-bottom: none;
}

.ab_publicity li:nth-child(2n) {
  border-right: none;
}

@media screen and (max-width: 1024px) {
  .ap_word h2 {
    font-size: 0.7rem;
  }
}
@media screen and (max-width: 768px) {
  .ap_word h2,
  .ap_word span {
    color: #ab8467;
    -webkit-text-stroke: 0;
    text-shadow: none;
    -webkit-background-clip: initial;
    background-clip: initial;
  }

  .ab_publicity li {
    padding: 0.2rem;
  }
  .ap_word h2 {
    font-size: 0.4rem;
  }
}
@media screen and (max-width: 560px) {
  .ap_word h2 {
    font-size: 0.3rem;
  }
  .ap_word span {
    font-size: 0.2rem;
  }

  .ab_publicity p {
    font-size: 0.12rem;
  }
}

/* 团队优势 */
.ab_team .titleBox h3 {
  font-size: 0.42rem;
}

.ab_teamList a {
  padding: 0.48rem 0.3rem 0 0.3rem;
  padding-bottom: 10vw;
}

.ab_teamList span {
  display: inline-block;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 5px;
  background-color: #bc9d85;
}
.ab_teamList span img {
  width: 0.4rem;
  height: 0.4rem;
  display: block;
}

.ab_teamList li:hover h3 {
  color: #fff;
}

@media screen and (max-width: 560px) {
  .ab_teamList a {
    padding: 0.2rem;
  }
  .ab_teamList span img {
    width: 0.3rem;
    height: 0.3rem;
  }
}

/* 服务系统 */
.Service_System .wrap h2 {
  color: #535254;
}

.Service_System .wrap p {
  width: 75%;
}

.Service_System_cont {
  position: relative;
  overflow: hidden;
}
.Service_System_cont::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 46%;
}
.ss_pic {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.ss_content {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.Service_System_list {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.Service_System_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}
.Service_System_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #fff;
}

.Service_System_item img {
  height: .8rem;
  filter: brightness(0) invert(1);
}
.Service_System_item p {
  margin: 0.26rem 0;
  text-align: center;
}

.Service_System_list .swiper-slide:hover .Service_System_item {
  transform: translateY(-10%);
}

/* -------------------------- */
.Service_System-prev,
.Service_System-next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.5rem;
  height: 0.5rem;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid #fff;
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  transition: all 0.4s ease;
}
.Service_System-prev {
  left: 5%;
}
.Service_System-next {
  right: 5%;
}
.Service_System-prev iconify-icon,
.Service_System-next iconify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.3rem;
  color: #fff;
}
.Service_System_list .swiper-button-disabled {
  cursor: not-allowed;
}
.Service_System-prev:hover,
.Service_System-next:hover {
  background: var(--i_color);
  border-color: var(--i_color);
}

.Service_System_cont:hover .Service_System-prev,
.Service_System_cont:hover .Service_System-next {
  opacity: 1;
}

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

@media screen and (max-width: 560px) {
  .Service_System_item img {
    width: 40px
  }
  .Service_System_item p {
    font-size: 0.12rem;
    margin: 0.1rem 0 0 0;
  }
}

/* 先进技术 */
.Advanced_technology {
  background-color: #f1f3f5;
}

.Advanced_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.2rem 0;
}

.Advanced_left {
  width: 50%;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
  position: relative;
}
.Advanced_left::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}
.Advanced_left::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

.Advanced_img {
  width: 95%;
  position: relative;
  overflow: hidden;
  margin-right: auto;
}
.Advanced_img::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 75%;
}
.Advanced_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s ease;
}

.Advanced_right {
  width: 48%;
}

.Advanced_item:hover img {
  transform: scale(1.1);
}
.Advanced_item:hover .Advanced_left::after {
  height: 0%;
  opacity: 1;
}
.Advanced_item:hover .Advanced_left::before {
  width: 0;
  opacity: 1;
}

/* 偶数位互换左右 */
@media screen and (min-width: 1025px) {
  .Advanced_item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .Advanced_item:nth-child(even) .Advanced_left {
    border-right: none;
    border-left: 1px solid #e5e5e5;
  }
  .Advanced_item:nth-child(even) .Advanced_img {
    margin-right: 0;
    margin-left: auto;
  }
}

@media screen and (max-width: 768px) {
  .Advanced_list {
    display: flex;
    flex-direction: column;
    gap: 0.4rem 0;
  }
  .Advanced_left,
  .Advanced_right,
  .Advanced_img {
    width: 100%;
  }
  .Advanced_left {
    border: none;
  }
}
@media screen and (max-width: 560px) {
  .Advanced_right p {
    margin-bottom: 0.1rem;
  }
}

/* 环境展示 */
.Environmental_list {
  position: relative;
  overflow: hidden;
}
.Environmental_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%;
}
.Environmental_list .swiper-slide {
  flex-shrink: 0;
  position: relative;
}

/* -------------------------- */
.Environmental-pagination {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
  gap: 0.15rem 0;
  z-index: 10;
  color: #fff;
}

.Environmental-pagination span {
  opacity: 0.5;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  gap: 0 20%;
  cursor: pointer;
}
.Environmental-pagination span::before {
  content: "";
  display: block;
  width: 0.3rem;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  transition: all 0.4s ease;
}

.Environmental-pagination .number-bullet-active,
.Environmental-pagination .number-bullet-active::before {
  opacity: 1;
}

/* ---------------------------- */

.Environmental_item {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.Environmental_item::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(54, 54, 54, 0.63);
  pointer-events: none;
}
.Environmental_item::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100vh;
}

.Environmental_item img {
  width: 100%;
  height: 100%;
  display: none;
}

.Environmental_txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 10;
}

.Environmental_txt p {
  width: 85%;
}

.E_bigimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.6s ease;
}
.E_bigimg img.active {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .Environmental_item::before {
    padding-bottom: 50%;
  }
  .Environmental-pagination span::before {
    display: none;
  }

  .Environmental-pagination {
    left: 50%;
    bottom: 3%;
    top: auto;
    right: auto;
    transform: translate(-50%, 0);
    flex-direction: row;
    gap: 0 0.2rem;
  }
}
@media screen and (max-width: 560px) {
  .Environmental_item::before {
    padding-bottom: 100%;
  }
  .Environmental_txt h6 {
    font-size: 0.14rem;
  }
  .Environmental_txt h3 {
    font-size: 0.15rem;
    margin: 0.15rem 0;
  }
  .Environmental_txt p {
    font-size: 0.12rem;
  }
}

/* 集团风光 */
.Group_Scenery .wrap {
  position: relative;
}

.GroupList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.15rem 1%;
  position: relative;
  align-items: baseline;
}
.GroupList li {
  height: max-content;
  width: 49.5%;
  position: relative;
}
.GroupList li::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: all 0.4s ease;
}
.GroupList li::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 60%;
}
.GroupList li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.GroupList li > p {
  position: absolute;
  left: 50%;
  bottom: 4%;
  transform: translateX(-50%);
  transition: all 0.4s ease;
}

.Group_n {
  position: absolute;
  left: 4%;
  top: 80%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 2;
}

.Group_n h6 {
  color: rgba(255, 255, 255, 0.73);
}

.GroupList li:hover::after {
  opacity: 1;
}
.GroupList li:hover > p {
  bottom: 0;
  opacity: 0;
}
.GroupList li:hover .Group_n {
  opacity: 1;
  top: 50%;
}

@media screen and (min-width: 769px) {
  .GroupList li:first-child::before {
    padding-bottom: 97.5%;
  }
  .GroupList li:nth-child(2)::before {
    padding-bottom: 75%;
  }
  .GroupList li:nth-child(3) {
    margin-bottom: auto;
  }
  .GroupList li:nth-child(3)::before {
    padding-bottom: 35%;
  }
}

.Group_Scenery .titleBox {
  width: max-content;
  position: absolute;
  right: 0;
  top: 0;
}
.Group_Scenery .titleBox h3 {
  font-size: 0.42rem;
}

.g_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--i_color);
  transition: all 0.4s ease;
  box-sizing: border-box;
  padding: 2% 6%;
  color: #fff;
}
.g_btn span {
  position: relative;
}
.g_btn span::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: -2%;
  transition: all 0.4s ease;
}

.g_btn:hover {
  color: #000;
}
.g_btn:hover span::before {
  background-color: #000;
}

.big_G {
  font-size: 1.4rem;
  font-weight: bold;
  color: transparent;
  -webkit-text-stroke: 1px #dadada;
  text-stroke: 1px #dadada;
}

@media screen and (max-width: 1024px) {
  .Group_Scenery .titleBox {
    position: static;
    width: auto;
    margin-bottom: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .Group_Scenery .titleBox h3 {
    font-size: 0.3rem;
  }
  .g_btn {
    display: table;
    position: static;
    margin-top: 0.2rem;
    margin-left: auto;
    margin-right: auto;
  }

  .big_G {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 560px) {
  .Group_Scenery .titleBox h3 {
    font-size: 0.2rem;
  }
  .GroupList li {
    width: 100%;
  }
}

/* --------------------------productsDetail.html---------------- */
.pd_infoPic {
  background-color: #f7f7f7;
  padding: 0.8rem 0;
}
.pi_maxbox {
}
.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;
  justify-content: space-between;
}

/* atlas */
.p_atlas {
  width: 48.5%;
  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;
  display: none;
}

.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;
}
/* 放大显示区域 */
.img-zoom-box {
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  background-repeat: no-repeat;
  background-size: 200% 200%;
  display: none;
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
@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;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  .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;
  }
  .thumbnail-pagination {
    display: block;
  }
}

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

.p_dataInfo {
  width: 47.5%;
}

.p_dataInfo h1 {
  font-size: 0.3rem;
  color: rgb(0, 0, 0);
  font-weight: 700;
  font-family: var(--font_family);
  margin-bottom: 0.2rem;
}
.pd_rightBtn {
  margin-top: 0.2rem;
}
.pd_rightBtn:hover {
  border: 1px solid var(--i_color);
}

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

.pd_info_btn {
  padding: 0.12rem 0.24rem;
}

.pd_info_btn iconify-icon {
  font-size: 0.32rem;
}

@media screen and (max-width: 1024px) {
  .p_dataInfo {
    width: 100%;
  }
  .p_dataInfo h1 {
    font-size: 0.25rem;
  }
  .pd_info_btn iconify-icon {
    font-size: 0.27rem;
  }
}
@media screen and (max-width: 425px) {
  .p_dataInfo h1 {
    font-size: 0.2rem;
  }
  .pd_infoPic {
    padding: 0.2rem 0;
  }
}

/* -------------------------product_features------------------------- */
.product_features {
}
.pf_maxbox {
  background-color: #fff;
}
.pf_topbox {
  padding: 1rem 0 0.78rem;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.pf_topbox_bg {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 60%;
}
.pf_left {
  width: 48%;
}

.pf_left h3 {
  font-size: 0.36rem;
  font-weight: 500;
  font-family: var(--font_family);
  line-height: 0.5rem;
  margin-bottom: 0.5rem;
  color: #333;
}
.pf_left ul {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.pf_left ul li {
  display: flex;
  gap: 0.2rem;
  align-items: flex-start;
}
.pf_left ul li span {
  background: var(--i_color);
  width: 0.6rem;
  height: 0.6rem;
  display: block;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pf_left ul li span img {
  width: 0.35rem;
  height: 0.35rem;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.pfl_info h4 {
  font-size: 0.16rem;
  color: #333;
  font-family: var(--font_family);
  font-weight: 700;
  margin-bottom: 0.1rem;
}
.pfl_info h5 {
  font-size: 0.16rem;
  color: #333;
  font-family: var(--font_family);
  font-weight: 400;
  line-height: 1.4;
}
.pf_right {
  width: 49%;
}

.pf_right span {
  position: relative;
}

.pf_right span::before {
  content: "";
  display: block;
  padding-bottom: 76%;
}

.pf_right span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.2rem;
}
.pf_right_box {
  position: absolute;
  top: 60%;
  left: 64%;
  background-color: #fff;
  box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.15rem;
  padding: 0.26rem 0.24rem;
  text-align: center;
  opacity: 0.7;
}
.pf_right_box h3 {
  font-family: var(--font_family);
  font-weight: 700;
  line-height: 1;
  font-size: 0.36rem;
  color: var(--i_color);
}
.pf_right_box h4 {
  font-size: 0.14rem;
  color: #1e1e1e;
  font-weight: 500;
  padding-top: 0.14rem;
}
@media screen and (max-width: 1024px) {
  .pf_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .pf_right_box {
    position: absolute;
    top: 53%;
    left: 79%;
    opacity: 0.7;
  }
  .pfl_info h5 {
    font-size: 0.14rem;
  }
}
@media screen and (max-width: 768px) {
  .pf_topbox {
    display: block;
  }
  .pf_left {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .pf_right {
    width: 100%;
  }
  .pf_right_box {
    top: 75%;
    left: 65%;
  }
}
@media screen and (max-width: 425px) {
  .pf_left h3 {
    font-size: 0.3rem;
  }
  .pfl_info h5 {
    font-size: 0.12rem;
  }

  .pf_right_box {
    top: 62%;
    left: 47%;
    padding: 0.2rem;
  }
  .pf_right_box h3 {
    font-size: 0.3rem;
  }
  .pf_right_box h4 {
    font-size: 0.14rem;
  }
}

@media screen and (max-width: 320px) {
  .pf_right_box {
    top: 82%;
    left: 39%;
  }
  .pf_right_box h3 {
    font-size: 0.2rem;
  }
  .pf_right_box h4 {
    font-size: 0.12rem;
    padding-top: 0.1rem;
  }
}

.pf_bottom_maxbox {
  background-color: rgb(242, 242, 242);
  padding: 0.8rem 0;
}
.pbm_box {
  display: flex;
  justify-content: space-between;
}
.pbm_picbox {
  width: 49%;
}
.pbm_picbox ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.pbm_picbox ul li {
  transition: transform 0.3s ease;
}
.pbm_picbox ul li:first-child {
  grid-column: 1 / -1;
}
.pbm_picbox ul li:nth-child(2):hover,
.pbm_picbox ul li:nth-child(3):hover {
  transform: scale(1.05);
}

.pbm_picbox ul li span {
  position: relative;
}

.pbm_picbox ul li span::before {
  content: "";
  display: block;
  padding-bottom: 50%;
}

.pbm_picbox ul li span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 0.12rem;
}
.pbm_infoBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pbm_box {
    display: block;
  }
  .pbm_picbox {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}

/* --------------------Product Specifications---------------------- */
.product_specifications {
  padding: 0.6rem 0;
  background: #fff;
}

.ps_max {
}
.ps_max h3 {
  font-size: 0.36rem;
  font-family: var(--font_family);
  color: #333;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.ps_btnbox {
  border-bottom: 1px solid #eee;
}
.ps_btnbox ul {
  display: flex;
  gap: 0.2rem;
}
.ps_btnbox ul li {
  font-size: 0.2rem;
  border: 1px solid #eee;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  padding: 0.07rem 0.14rem;
  text-transform: capitalize;
  cursor: pointer;
}
.ps_btnbox ul .ps_btnbox_active {
  background: var(--i_color);
  color: #fff;
}

.ps_contain {
  padding: 0.3rem 0;
}

.ps_Pcontain {
  width: 100%;
}
.ps_Ccontain {
  width: 100%;
}
.ps_contain > div {
  display: none;
}

.ps_contain > .ps_contain_active {
  display: block;
}

/* tab 过渡（可选） */
.ps_btnbox ul li {
  cursor: pointer;
  transition: all 0.25s ease;
}

@media screen and (max-width: 425px) {
  .ps_max h3 {
    font-size: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .ps_btnbox ul li {
    font-size: 0.16rem;
  }
}

/* ---------------------------product_application------------------------------ */
.product_application {
  background: rgb(95, 95, 95) url(static/imgs/be.webp) no-repeat center/cover;
  padding: 0.6rem 0;
}

.pa_maxbox {
}

.pa_maxbox h3 {
  color: #fff;
  text-align: center;
  font-size: 0.36rem;
  font-weight: 500;
  font-family: var(--font_family);
  margin-bottom: 0.5rem;
}

.pa_maxbox_contain {
  width: 100%;
}

.pa_maxbox_contain ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pa_maxbox_contain li {
  overflow: hidden;
  position: relative;
}
.pa_maxbox_contain li span {
}

.pa_maxbox_contain li span img {
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
}

.pa_maxbox_contain li:nth-child(6n + 3),
.pa_maxbox_contain li:nth-child(6n + 4) {
  grid-column: span 2;
}

.pmc_info {
  position: absolute;
  bottom: 0;
  padding: 0.25rem 0.15rem;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  box-sizing: border-box;
}
.pmc_info .pmc_info_title {
  color: #fff;
  width: 100%;
  font-size: 0.18rem;
  font-weight: 500;
}
.pmc_info .pmc_info_des {
  display: none;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.27rem;
}

.pa_maxbox_contain li:hover .pmc_info {
  height: 100%;
}
.pa_maxbox_contain li:hover .pmc_info .pmc_info_title {
  margin-bottom: 0.3rem;
  margin-top: 25%;
}
.pa_maxbox_contain li:hover .pmc_info .pmc_info_des {
  display: block;
}

@media screen and (max-width: 1024px) {
  .pmc_info {
    padding: 0.2rem 0.15rem;
  }
  .pmc_info .pmc_info_title {
    font-size: 0.15rem;
  }
  .pmc_info .pmc_info_des {
    font-size: 0.14rem;
    line-height: 0.2rem;
  }
  .pa_maxbox_contain li:hover .pmc_info .pmc_info_title {
    margin-top: 18%;
  }
}
@media screen and (max-width: 768px) {
  .pa_maxbox_contain ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }

  .pa_maxbox_contain li:nth-child(3n) {
    grid-column: span 2;
  }

  .pa_maxbox_contain li:not(:nth-child(3n)) {
    grid-column: span 1;
  }
}
@media screen and (max-width: 425px) {
  .pa_maxbox_contain ul {
    display: block;
  }
  .pa_maxbox_contain li {
    margin-bottom: 0.2rem;
  }
  .pa_maxbox_contain li:hover .pmc_info .pmc_info_title {
    margin-top: 4%;
  }
  .pa_maxbox h3 {
    font-size: 0.3rem;
  }
}

/* -------------------------------why_choose_CB-------------------- */
.why_choose_CB {
  background: rgb(242, 242, 242) url(static/imgs/home_why_choose_cb_Bg.webp)
    no-repeat center/cover;
  padding: 0.8rem 0;
}

.wccb_maxbox h3 {
  color: #050505;
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  font-family: var(--font_family);
  margin-bottom: 0.5rem;
}
.wccb_contain {
}
.wccb_contain ul {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  justify-content: stretch;
}

.wccb_contain ul li {
  flex: 0 0 calc((100% - 0.8rem) / 3);
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  display: flex;
}
.wccb_contain ul li span {
  position: relative;
  overflow: hidden;
  display: block;
}
.wccb_contain ul li span::before {
  content: "";
  display: block;
  padding-bottom: 69%;
}
.wccb_contain ul li span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.wccb_info {
  background: #fff;
  padding: 0.2rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.wccb_info h4 {
  font-size: 0.18rem;
  font-weight: 600;
  color: #333;
}
.wccb_info h5 {
  margin-top: 0.2rem;
  color: rgb(51, 51, 51);
  font-size: 0.16rem;
  line-height: 0.22rem;
}
.wccb_contain ul li:hover span img {
  transform: scale(1.2);
}

@media screen and (max-width: 1024px) {
  .wccb_info h4 {
    font-size: 0.16rem;
  }
  .wccb_info h5 {
    margin-top: 0.15rem;

    font-size: 0.14rem;
    line-height: 0.2rem;
  }
  .wccb_contain ul {
    gap: 0.2rem;
  }
  .wccb_contain ul li {
    flex: 0 0 calc((100% - 0.4rem) / 3);
  }
}

@media screen and (max-width: 768px) {
  .wccb_contain ul li {
    flex: 0 0 calc((100% - 0.2rem) / 2);
  }
}
@media screen and (max-width: 425px) {
  .wccb_maxbox h3 {
    font-size: 0.3rem;
  }
  .wccb_contain ul li {
    flex: 0 0 100%;
  }
}

/* -------------------------------Custom Busway Solutions-------------------------------- */
.custom_busway_solutions {
  padding: 0.6rem 0;
}
.cbs_maxbox {
}
.cbs_maxbox h3 {
  color: #050505;
  text-align: center;
  font-size: 0.36rem;
  font-weight: 700;
  font-family: var(--font_family);
  margin-bottom: 0.5rem;
}

.cbs_contain {
  padding: .5rem;
  background: url(static/imgs/home_form_bg1.webp) no-repeat center/cover;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
.cbs_contain {padding: .2rem;}
}
@media screen and (max-width: 425px) {
  .cbs_maxbox h3 {
    font-size: 0.3rem;
  }
}

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

/* 字段样式 */
#wpforms-99 .wpforms-field-container>.wpforms-field{width: 100%; padding: 0 1px 20px; margin: 0 0 6px;overflow-x:initial !important; position: relative;}
#wpforms-99 label.wpforms-field-label{display: block; margin-bottom: 8px; font-size: 16px; font-weight: bold;}
#wpforms-99 .wpforms-field-container .wpforms-required-label{color: #D63637;}
#wpforms-99 .wpforms-field-container .wpforms-field>input,
#wpforms-99 .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-99 .wpforms-field-container .wpforms-field>input{height: var(--wpforms_input_height);}
#wpforms-99 .wpforms-field-container textarea{height: var(--wpforms_textarea_height);}
#wpforms-99 input::placeholder, #wpforms-99 textarea::placeholder{color:#AAA; font-size:var(--wpforms_input_font_size); line-height: 1.4;}

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

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

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

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

/* 提交按钮样式 */
#wpforms-99 .wpforms-submit-container{width: 220px; margin: 0 auto; padding:0 0; position: relative; border-radius:2rem; overflow: hidden;}
#wpforms-99 .wpforms-submit-container button{width: 100%; height:44px; font-size: 15px; color: #FFF; background: var(--i_color);}
#wpforms-99 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-99 .wpforms-submit-container button:hover{background: #7e5c43;}



/* ---------------------------------solutions.html------------------------ */
.solutions_list {
  padding: 1rem 0 0.6rem 0;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.solutions_list .public_headerTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding-bottom: 0.5rem;
  box-sizing: border-box;
}
.solutions_list .public_headerTitle .h4 {
  color: #333;
  font-size: 0.16rem;
  font-family: var(--font_family);
  margin: 0.2rem 0;
}
.solutions_list .public_headerTitle h3 {
  font-size: 0.5rem;
  font-family: var(--font_family);
  background: linear-gradient(
    90deg,
    #ab8467 0%,
    #eeb95b 20%,
    #ab8467 50%,
    #eeb95b 75%,
    #ab8467 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 700;
}
.internal_btn {
  border-radius: 0 !important;
  box-sizing: border-box;
}
.padding_btn {
  padding: 0.1rem 0.28rem;
}
.internal_btn:hover .flc_zy iconify-icon {
  color: var(--i_color) !important;
}
.sl_maxbox {
  padding-top: 0.5rem;
}
.sl_maxbox article {
  color: #333;
  margin-bottom: 0.5rem;
}
.sl_maxbox ul {
}
.sl_maxbox ul li {
  display: flex;
  border-bottom: 1px solid rgb(229, 229, 229);
  position: relative;
  justify-content: space-between;
}
.sl_maxbox ul li:hover .sul_img span img {
  transform: scale(1.05) translateY(-2%);
}
/* 中间竖线 */
.sl_maxbox ul li::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: rgb(229, 229, 229);
}
.sul_img {
  width: 48%;
  padding: 0.5rem 0.3rem 0.5rem 0;
  box-sizing: border-box;
}
.sul_img span {
  position: relative;
  width: 100%;
  display: block;
}
.sul_img span::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.sul_img span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.sul_info {
  width: 48%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 0.1rem;
}
.sul_info h4 {
  color: var(--i_color);
  font-size: 0.24rem;
  font-weight: 700;
}
.sul_info h5 {
  font-size: 0.16rem;
  color: #333;
  text-align: left;
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.listbtn_padding {
  padding: 0.05rem 0.24rem;
}
.sl_maxbox ul li:nth-child(even) {
  flex-direction: row-reverse;
}

@media screen and (max-width: 425px) {
  .sul_info h4 {
    font-size: 0.16rem;
  }
  .sul_info h5 {
    font-size: 0.13rem;
    line-height: 0.2rem;
  }
  .solutions_list .public_headerTitle h3 {
    font-size: 0.3rem;
  }
  .solutions_list .public_headerTitle .h4 {
    font-size: 0.14rem;
    line-height: 0.2rem;
  }
  .solutions_list {
    padding: 0.5rem 0 0.6rem 0;
  }
}

@media screen and (max-width: 320px) {
  .solutions_list .public_headerTitle h3 {
    font-size: 0.3rem;
  }
}

/* ---------------------------------solutionsDetail.html------------------------------ */
/* ---------------------------------topcard---------------------------------------- */
.sl_card {
  display: flex;
  gap: 0.3rem;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}

.sl_card li {
  background-color: #f7f9ff;
  cursor: pointer;
  width: calc((100% - 0.6rem) / 3);
  text-align: left;
  position: relative;
  box-sizing: border-box;
}
.sl_card li::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35); /* 遮罩颜色 */
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 2;
}
.sl_card li::before {
  content: "";
  display: block;
  padding-bottom: 102%;
}
.sl_card li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.sl_card li h3 {
  font-size: 0.2rem;
  color: #000;
  font-family: var(--font_family);
  font-weight: 700;
  position: absolute;
  top: 13%;
  left: 5%;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  z-index: 3;
}
.sl_card li h4 {
  font-family: var(--font_family);
  font-size: 0.16rem;
  color: #000;
  line-height: 0.24rem;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  position: absolute;
  padding: 0 5% 0 0;
  top: 30%;
  left: 5%;
  z-index: 3;
}
.sl_card li:hover img {
  opacity: 1;
}

.sl_card li:hover h3,
.sl_card li:hover h4 {
  color: #fff;
  left: 3%;
}
.sl_card li:hover h3 {
  top: 10%;
}
.sl_card li:hover h4 {
  top: 20%;
}
.sl_card li:hover::after {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .sl_card li {
    background-color: #f7f9ff;
    cursor: pointer;
    width: calc((100% - 0.3rem) / 2);
    text-align: left;
    position: relative;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 768px) {
  .sl_card li h3 {
    font-size: 0.16rem;
    top: 13%;
    left: 5%;
  }
  .sl_card li h4 {
    font-size: 0.14rem;
    line-height: 0.22rem;
    top: 23%;
  }
  .sl_card li:hover h3 {
    top: 8%;
  }
  .sl_card li:hover h4 {
    top: 18%;
  }
}
@media screen and (max-width: 425px) {
  .sl_card li {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  .sl_card li h3 {
    font-size: 0.13rem;
  }
  .sl_card li h4 {
    font-size: 0.12rem;
    line-height: 0.2rem;
  }
}

/* --------------------------Advantage---------------- */
.solutions_advantage {
  background-color: #f8f8f8;
  padding: 0.95rem 0 1.35rem;
}
.sa_maxbox {
  text-align: center;
}

.sa_top {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  text-align: center;
}
.sa_top h3 {
  font-size: 0.14rem;
  color: var(--i_color);
  font-weight: 700;
}
.sa_top h4 {
  font-size: 0.42rem;
  color: #000000;
  font-weight: 700;
}

.sa_contain {
  width: 100%;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}

.sa_pic {
  width: 46.875%;
  position: relative;
}
.sa_pic::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.sa_pic img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sa_info {
  width: 46.56%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fold_list {
}

.fold_list li {
  /* background: #f6f6f6; */
  box-sizing: border-box;
  padding: 0.15rem 0;
}

.fold_list .tit {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  overflow: hidden;
  background: #fff;
  align-items: center;
  /* margin: 20px 0; */
  padding: 0 7%;
  box-sizing: border-box;
}

.fold_list .tit.active {
  background-color: var(--i_color);
}

.fold_list .tit span {
  width: 80%;
  padding: 20.5px 0px;
  font-size: 0.18rem;
  color: #333333;
  background: transparent;
  display: flex;
  align-items: center;
}

.fold_list .icon {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 0.3rem;
  width: 0.36rem;
  height: 0.36rem;
  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: var(--i_color);
  transform: translate(-50%, -50%);
  font-size: 0.26rem;
  transition: 0.5s all ease;
}
.fold_list .active .icon iconify-icon {
  color: #fff;
}
.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: 0.2rem 0.4rem 0.2rem 7%;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 0.24rem;
  font-family: var(--font_family);
  font-size: 0.14rem;
}

.fold_list .txt i {
  color: #666666;
  font-family: var(--font_family);
}

.tit.tit2.active span {
  background: var(--i_color);
  color: #fff;
}

.fold_list .txt.active {
  display: -webkit-flex;
  display: flex !important;
  flex-wrap: nowrap;
  gap: 0 20px;
  text-align: left;
}

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

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

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

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

@media screen and (max-width: 768px) {
  .sa_contain {
    display: block;
  }
  .sa_pic {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .sa_info {
    width: 100%;
  }
  .fold_list .tit span {
    padding: 10px 0px;
    font-size: 0.2rem;
  }

  .fold_list .txt.active {
    gap: 0 10px;
  }
}

@media screen and (max-width: 560px) {
  .fold_list .tit span {
    padding: 10px 0px;
    font-size: 0.15rem;
  }

  .fold_list .txt {
    line-height: 20px;
    font-size: 0.14rem;
  }

  .frequest .wrap02 .left h6 {
    line-height: 0.22rem;
  }
  .sa_top h4 {
    font-size: 0.3rem;
  }
  .solutions_advantage {
    padding: 0.4rem 0 0 0;
  }
  .sa_contain {
    margin-top: 0.3rem;
  }
  .fold_list li {
    box-sizing: border-box;
    padding: 0.1rem 0;
  }
}

/* ---------------------Related products--------------- */
.related_products {
  padding: 0.95rem 0 1.35rem;
}

.rp_maxbox {
}

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

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

.related_products_contain .swiper-slide {
  flex-shrink: 0;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
  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;
  padding: 0.18rem;
}
.related_products_contain ul li a span {
  position: relative;
  display: block;
  overflow: hidden;
}

.related_products_contain ul li a span::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.related_products_contain ul li a span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  transition: transform 0.4s ease;
}

.related_products_contain ul li a h3 {
  font-family: Arial;
  font-size: 0.16rem;
  font-weight: bold;
  line-height: 0.3rem;
  color: #333333;
  overflow: hidden;
  white-space: nowrap; /* 强制一行 */
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.2rem;
  box-sizing: border-box;
}

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

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

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

.related-pagination .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  inset: calc(-0.04rem); /* top/right/bottom/left = -0.04rem */
  border: 1px solid var(--i_color);
  border-radius: 50%;
  pointer-events: none;
}
.related_products_contain ul li:hover a span img {
  transform: scale(1.1);
}

@media screen and (max-width: 425px) {
  .related_products {
    padding: 0.5rem 0;
  }
}
/* --------------------------contact.html------------------------- */
/* -----------------------Get In Touch------------------ */
.get_in_touch {
  background-color: #f8f8f8;
  padding: 0.8rem 0;
}

.git_maxbox {
}

.top_title h3 {
  color: var(--i_color);
  font-size: 0.16rem;
  font-weight: 700;
  border-bottom: rgb(229, 229, 229) solid 1px;
  padding: 0.1rem 0;
  font-family: var(--font_family);
}
.top_title h4 {
  font-size: 0.36rem;
  color: #333;
  padding: 0.1rem 0;
  font-family: var(--font_family);
  font-weight: 700;
}

@media screen and (max-width: 1200px) {
  .top_title h4 {
    font-size: 0.32rem;
  }
}

@media screen and (max-width: 1024px) {
  .top_title h4 {
    font-size: 0.28rem;
  }
}
@media screen and (max-width: 425px) {
  .top_title h4 {
    font-size: 0.24rem;
  }
}
.git_contain {
  margin-top: 0.5rem;
}
.git_contain ul {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.git_contain ul li {
  width: calc((100% - 1rem) / 3);
  padding: 0.3rem;
  box-sizing: border-box;
  border: rgb(229, 229, 229) 1px solid;
}
.card_top {
  padding: 0 0 0.2rem 0;
  border-bottom: rgb(229, 229, 229) 1px solid;
  display: flex;
  align-items: center;
}
.card_top span {
  background-color: var(--i_color);
  border-radius: 50%;
  width: 0.58rem;
  height: 0.58rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.3rem;
  position: relative;
}
.card_top span::after {
  content: "";
  position: absolute;
  top: -0.09rem;
  left: -0.09rem;
  right: -0.09rem;
  bottom: -0.09rem;
  border: 2px dashed var(--i_color);
  border-radius: 50%;
  pointer-events: none; /* 不影响鼠标事件 */
}
.card_top span img {
  width: 60%;
  height: 60%;
  object-fit: cover;
}

.card_top h3 {
  margin: 0.2rem 0;
  font-size: 0.22rem;
  font-family: var(--font_family);
  color: #333;
  font-weight: 600;
}

.card_bottom {
  padding: 0.2rem 0;
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-family: var(--font_family);
  color: #333;
}
.card_bottom a {
  font-size: 0.16rem;
  line-height: 0.22rem;
  font-family: var(--font_family);
  color: #333;
  cursor: pointer;
}
.card_bottom a:hover {
  color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .git_contain ul {
    gap: 0.3rem;
  }
  .git_contain ul li {
    width: calc((100% - 0.6rem) / 3);
    padding: 0.2rem;
  }
  .card_top span {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.25rem;
  }
  .card_top h3 {
    font-size: 0.2rem;
  }
  .card_bottom {
    padding: 0.15rem 0;
    font-size: 0.14rem;
  }
  .card_bottom a {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
}
@media screen and (max-width: 768px) {
  .git_contain ul li {
    width: calc((100% - 0.3rem) / 2);
  }
}
@media screen and (max-width: 425px) {
  .git_contain ul li {
    width: 100%;
  }
}

/* --------------------Send Us a Message-------------------- */
.send_us_a_message {
  background-color: #f8f8f8;
  padding: 0.6rem 0;
}

.suam_maxbox {
}

.suam_contain {
  margin-top: 0.5rem;
}
.suam_contain ul {
  display: flex;
  flex-wrap: wrap;
}
.suam_contain ul li {
  width: calc(100% / 3);
}
.suam_contain ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.suam_contain ul li h3 {
  font-size: 0.24rem;
  color: #4c4c4c;
  font-weight: 600;
  padding-left: 0.2rem;
  font-family: var(--font_family);
  position: relative;
}
.suam_contain ul li h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 0.08rem;
  height: 0.08rem;
  background-color: var(--i_color);
  transform: translateY(-50%);
}
.suam_contain ul li h4 {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #000;
  font-family: var(--font_family);
  font-weight: 400;
}
.suam_contain ul li h5,.suam_contain ul li a {
  color: var(--i_color);
  font-size: 0.24rem;
  font-family: var(--font_family);
  font-weight: 600;
  margin-top: 0.3rem;
}

@media screen and (max-width: 768px) {
  .suam_contain ul {
    display: block;
  }
  .suam_contain ul li {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .suam_contain ul li h3 {
    font-size: 0.2rem;
  }
  .suam_contain ul li h4 {
    font-size: 0.14rem;
    line-height: 0.22rem;
  }
  .suam_contain ul li h5 {
    font-size: 0.22rem;
  }
}


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

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

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

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

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

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

/* 提交按钮样式 */
#wpforms-96 .wpforms-submit-container{width: 220px; padding:0 0; position: relative; overflow: hidden;}
#wpforms-96 .wpforms-submit-container button{width: 100%; height:44px; font-size: 15px; color: #FFF; background: var(--i_color); cursor: pointer;}
#wpforms-96 .wpforms-submit-container img{position:absolute;top:50%;transform:translate(0,-50%);right:4px;z-index:2}
#wpforms-96 .wpforms-submit-container button:hover{background: #7e5c43;}



/*---------------------------------------------------- zxy-------------------------------------------------------------------- */

/* our_servcise */
.our_servcise_bac {
  box-sizing: border-box;
  padding-top: 0.8rem;
}
.our_servcise {
}
.our_servcise .btn_box,
.our_servcise .button_su {
  border-radius: 0;
}
.btn_box_b0 .btn_box,
.btn_box_b0 {
  border-radius: 0;
}
.title_yellow {
  color: var(--i_color);
}
.our_servcise_box {
  border-top: 1px solid #eeeeee;
  box-sizing: border-box;
  margin-top: 0.8rem;
}
.our_servcise_ul {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #eeeeee;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
}
.our_servcise_ul li {
  box-sizing: border-box;
  padding: 0.5rem 0.1rem;
  width: 25%;
  border-right: 1px solid #eeeeee;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}
.our_servcise_ul li:nth-child(even) {
  flex-direction: column-reverse;
}
.our_servcise_text {
}
.our_servcise_text h3 {
  font-size: 0.18rem;
  color: #000;
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.our_servcise_text h4 {
  font-size: 0.16rem;
  line-height: 175%;
  color: #666666;
}
.our_servcise_img {
  overflow: hidden;
  position: relative;
}
.our_servcise_img::after {
  content: "";
  display: block;
  padding-bottom: 74.94%;
}
.our_servcise_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.our_servcise_ul li:hover .our_servcise_img img {
  width: 120%;
  height: 120%;
}

@media screen and (max-width: 1440px) {
  .our_servcise_ul li {
    padding: 0.4rem 0.1rem;
  }
}
@media screen and (max-width: 1200px) {
  .our_servcise_bac {
    padding-top: 0.6rem;
  }
  .our_servcise_box {
    margin-top: 0.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .our_servcise_ul li {
    width: 50%;
  }
  .our_servcise_text h4 {
    font-size: 0.14rem;
  }
  .our_servcise_bac {
    padding-top: 0.4rem;
  }
  .our_servcise_box {
    margin-top: 0.4rem;
  }
  .our_servcise_ul li {
    gap: 0.2rem;
  }
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 560px) {
  .our_servcise_ul li {
    width: 100%;
  }
  .our_servcise_ul li:nth-child(even) {
    flex-direction: unset;
  }
  .our_servcise_ul li:not(:last-child) {
    border-bottom: 1px solid #eeeeee;
  }
  .our_servcise_ul li {
    padding: 0.2rem 0.1rem;
  }
}
@media screen and (max-width: 425px) {
}

/* service_system */
.service_system_bac {
  background-color: rgb(248, 248, 248);
  box-sizing: border-box;
  padding: 1rem 0;
}
.service_system {
}
.service_system .titleBox p,
.service_system .titleBox h3 {
  text-transform: uppercase;
}
.service_system .titleBox h3 {
  font-size: 0.42rem;
}
.service_system_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.service_system_left {
  width: 50%;
}

/*  */
.sys_partner_box {
}

.sys_partner {
  position: relative;
}
.sys_partner_list {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.sys_partner_list .swiper-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
}
.sys_partner_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  flex-direction: column;
}

.sys_partner_list .img {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.sys_partner_list .img:before {
  content: "";
  display: block;
  padding-bottom: 74.625%;
}
.sys_partner_list .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sys_partner_list .img img {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* 指示器 */
.sys_partner .pt-pagination {
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.sys_partner .pt-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0 0.05rem;
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  outline: none;
}
.sys_partner .pt-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1200px) {
  .sys_partner .pt-button-prev,
  .sys_partner .pt-button-next {
    display: none;
  }
  .sys_partner .pt-pagination {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 959px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 560px) {
}

.service_system_right {
  width: 50%;
  box-sizing: border-box;
  padding-left: 4%;
}
.service_system_ul {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.service_system_ul li {
}
.service_system_text {
  box-sizing: border-box;
  padding: 0.2rem 0.3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  transition: all 0.3s ease;
}
.service_system_text h3 {
  font-size: 0.18rem;
  color: var(--i_color);
  font-weight: 500;
  line-height: 150%;
  transition: all 0.3s ease;
}
.service_system_text i {
  display: block;
  width: 0.18rem;
  height: 0.18rem;
  position: relative;
  flex-shrink: 0;
}
.service_system_text i::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 0.03rem;
  background-color: var(--i_color);
  transition: all 0.3s ease;
}
.service_system_text i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 0.03rem;
  transition: all 0.3s ease;
  background-color: var(--i_color);
}
.service_system_ul li h4 {
  font-size: 0.14rem;
  line-height: 180%;
  color: #333;
  box-sizing: border-box;
  padding: 0.2rem 0.3rem;
  display: none;
  border-bottom: 1px solid #ddd;
}
.service_system_ul li.on .service_system_text {
  background-color: var(--i_color);
}
.service_system_ul li.on h3 {
  color: #fff;
}
.service_system_ul li.on i::after,
.service_system_ul li.on i::before {
  background-color: #fff;
}
.service_system_ul li.on i::before {
  height: 0;
}

@media screen and (max-width: 1440px) {
  .service_system .titleBox h3 {
    font-size: 0.38rem;
  }
  .service_system_bac {
    padding: 0.8rem 0;
  }
}
@media screen and (max-width: 1200px) {
  .service_system .titleBox h3 {
    font-size: 0.34rem;
  }
  .service_system_bac {
    padding: 0.6rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .service_system_text h3 {
    font-size: 0.14rem;
  }
  .service_system_ul li h4 {
    font-size: 0.12rem;
    padding: 0.1rem 0.2rem;
  }
  .service_system_text i::after {
    height: 0.02rem;
  }
  .service_system_text i::before {
    width: 0.02rem;
  }
  .service_system_text i {
    width: 0.15rem;
    height: 0.15rem;
  }
  .service_system_ul {
    gap: 0.1rem;
  }
  .service_system .titleBox h3 {
    font-size: 0.25rem;
  }
}
@media screen and (max-width: 960px) {
  .service_system_right {
    width: 100%;
    padding-left: 0%;
    margin-top: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .service_system_left {
    width: 100%;
  }
  .service_system .titleBox h3 {
    font-size: 0.2rem;
  }
}
@media screen and (max-width: 560px) {
  .service_system_ul li h4 {
    padding: 0.1rem;
  }
  .service_system_text {
    padding: 0.15rem 0.1rem;
  }
}
@media screen and (max-width: 425px) {
}

/* service_quality */
.service_quality_bac {
  box-sizing: border-box;
  padding: 1rem 0;
}
.service_quality {
}
.service_quality_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-bottom: 0.4rem;
}
.service_quality_title h3 {
  font-size: 0.42rem;
  font-weight: bold;
  text-transform: uppercase;
  color: rgb(51, 51, 51);
  box-sizing: border-box;
  padding-left: 0.4rem;
  position: relative;
}
.service_quality_title h3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: var(--i_color);
}
.service_quality_title h4 {
  font-size: 0.36rem;
  color: var(--i_color);
  opacity: 0.6;
}
.service_quality_ul {
  border-top: 1px solid #d6d9da;
  box-sizing: border-box;
}
.service_quality_ul li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.55rem 0;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom: 1px solid #d6d9da;
}
.service_quality_box {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.service_quality_text {
  width: 65.44%;
  box-sizing: border-box;
  padding-right: 5%;
}
.service_quality_text h5 {
  font-size: 0.24rem;
  color: #383838;
  font-weight: 700;
  line-height: 150%;
}
.service_quality_text h6 {
  font-size: 0.18rem;
  color: #383838;
  line-height: 180%;
  margin-top: 0.2rem;
  display: none;
  transition: all 0.3s ease;
}
.service_quality_img {
  position: absolute;
  width: 34.56%;
  top: 0;
  right: 0;
  overflow: hidden;
  border-radius: 0.1rem;
}
.service_quality_img::after {
  content: "";
  display: block;
  padding-bottom: 74.86%;
}
.service_quality_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

.service_quality_ul li.on .service_quality_img {
  position: relative;
}
.service_quality_ul li.on h6 {
  display: block;
}
.service_quality_ul li.on img {
  width: 110%;
  height: 110%;
}

@media screen and (max-width: 1440px) {
  .service_quality_title h3 {
    font-size: 0.38rem;
  }
  .service_quality_title h4 {
    font-size: 0.32rem;
  }
  .service_quality_bac {
    padding: 0.8rem 0;
  }
  .service_quality_ul li {
    padding: 0.5rem 0;
  }
}
@media screen and (max-width: 1200px) {
  .service_quality_title h3 {
    font-size: 0.34rem;
  }
  .service_quality_title h4 {
    font-size: 0.28rem;
  }
  .service_quality_bac {
    padding: 0.6rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .service_quality_title h3 {
    font-size: 0.3rem;
  }
  .service_quality_title h4 {
    font-size: 0.24rem;
  }
  .service_quality_title h3 {
    padding-left: 0.2rem;
  }
  .service_quality_title h3::after {
    width: 0.15rem;
    height: 0.15rem;
  }
  .service_quality_text h5 {
    font-size: 0.2rem;
  }
  .service_quality_text h6 {
    font-size: 0.14rem;
    margin-top: 0.1rem;
  }
  .service_quality_ul li {
    padding: 0.4rem 0;
  }
}
@media screen and (max-width: 960px) {
  .service_quality_title h3 {
    font-size: 0.25rem;
  }
  .service_quality_title h4 {
    font-size: 0.2rem;
  }
  .service_quality_title h3::after {
    width: 0.1rem;
    height: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  .service_quality_title h3 {
    font-size: 0.22rem;
  }
  .service_quality_title h4 {
    font-size: 0.18rem;
  }
}
@media screen and (max-width: 560px) {
  .service_quality_bac {
    padding: 0.4rem 0;
  }
  .service_quality_text {
    width: 100%;
    padding-right: 0%;
  }
  .service_quality_img {
    position: relative !important;
    width: 100%;
    top: unset;
    right: unset;
  }
  .service_quality_box {
    gap: 0.2rem;
  }
  .service_quality_text h6 {
    display: block !important;
  }
  .service_quality_text h5 {
    font-size: 0.16rem;
  }
  .service_quality_text h6 {
    font-size: 0.12rem;
  }
}
@media screen and (max-width: 425px) {
}

/* faq */
.faq_bac {
}
.faq_top {
  box-sizing: border-box;
  padding: 1.5rem 0;
}
.faq_top_box {
}
.faq_top_box h3 {
  background: linear-gradient(
    90deg,
    #ab8467 0%,
    #eeb95b 20%,
    #ab8467 50%,
    #eeb95b 75%,
    #ab8467 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 0.42rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 1440px) {
  .faq_top {
    padding: 1.2rem 0;
  }
  .faq_top_box h3 {
    font-size: 0.38rem;
  }
}
@media screen and (max-width: 1200px) {
  .faq_top {
    padding: 1rem 0;
  }
  .faq_top_box h3 {
    font-size: 0.34rem;
  }
}
@media screen and (max-width: 1024px) {
  .faq_top {
    padding: 0.8rem 0;
  }
  .faq_top_box h3 {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 960px) {
  .faq_top {
    padding: 0.6rem 0;
  }
  .faq_top_box h3 {
    font-size: 0.26rem;
  }
}
@media screen and (max-width: 767px) {
  .faq_top_box h3 {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 560px) {
}
@media screen and (max-width: 425px) {
}

.faq_box {
  background-color: rgb(241, 243, 245);
  box-sizing: border-box;
  padding: 0.8rem 0;
}
.faq_box_ul {
  display: flex;
  flex-wrap: wrap;
}
.faq_box_ul li {
  position: relative;
  box-sizing: border-box;
  padding: 0.8rem 4%;
  border-bottom: 1px solid rgb(229, 229, 229);
  width: 50%;
  z-index: 2;
}
.faq_box_ul li:nth-child(odd) {
  border-right: 1px solid rgb(229, 229, 229);
}
.faq_box_ul li h3 {
  font-size: 0.2rem;
  color: var(--i_color);
  font-weight: 600;
  margin-bottom: 0.2rem;
}
.faq_box_ul li h4 {
  font-size: 0.16rem;
  color: #333;
  line-height: 140%;
}
.faq_box_ul li h5 {
  position: absolute;
  bottom: 0;
  right: 0.3rem;
  font-size: 0.7rem;
  color: var(--i_color);
  opacity: 0.1;
  z-index: -1;
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1200px) {
  .faq_box {
    padding: 0.6rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .faq_box_ul li h3 {
    font-size: 0.18rem;
    margin-bottom: 0.15rem;
  }
  .faq_box_ul li h4 {
    font-size: 0.14rem;
  }
  .faq_box_ul li h5 {
    right: 0.2rem;
    font-size: 0.5rem;
  }
  .faq_box_ul li {
    padding: 0.4rem 4%;
    width: 100%;
  }
  .faq_box_ul li:nth-child(odd) {
    border-right: 1px solid transparent;
  }
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 767px) {
  .faq_box {
    padding: 0.4rem 0;
  }
  .faq_box_ul li h3 {
    font-size: 0.16rem;
  }
}
@media screen and (max-width: 560px) {
  .faq_box {
    padding: 0.1rem 0 0.4rem 0;
  }
}
@media screen and (max-width: 425px) {
}

/* news */
.news_bac {
  box-sizing: border-box;
  padding: 1rem 0;
  overflow: hidden;
}
.news {
}
.news_title {
}
.news_title h3 {
  background: linear-gradient(
    90deg,
    #ab8467 0%,
    #eeb95b 20%,
    #ab8467 50%,
    #eeb95b 75%,
    #ab8467 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 0.5rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.news_title .button_su {
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid var(--i_color) !important;
}
.news_bac .i_newsList li:last-child a {
  border-right: 1px solid #eee;
  box-sizing: border-box;
}
.news_bac .i_newsList li a {
  border-bottom: 1px solid #eee;
}
.news_bac .i_newsList li:nth-child(4n) a {
  border-right: 1px solid transparent;
  box-sizing: border-box;
}
.news_bac .dan_Omit {
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 0.25rem;
  height: 0.5rem;
}

@media screen and (max-width: 1440px) {
  .news_title h3 {
    font-size: 0.45rem;
  }
  .news_bac {
    padding: 0.8rem 0;
  }
}
@media screen and (max-width: 1200px) {
  .news_title h3 {
    font-size: 0.4rem;
  }
  .news_bac {
    padding: 0.6rem 0;
  }
}
@media screen and (max-width: 1024px) {
  .news_title h3 {
    font-size: 0.35rem;
  }
  .news_bac .i_newsList li:nth-child(4n) a {
    border: 1px solid #eee;
  }
}
@media screen and (max-width: 960px) {
  .news_title h3 {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 767px) {
  .news_title h3 {
    font-size: 0.25rem;
  }
}
@media screen and (max-width: 560px) {
}
@media screen and (max-width: 425px) {
}




.vd_full {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(255 255 255 / 80%);z-index:99999;}
.vd_box {position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);width:60%;z-index:2;}
.vd_box::before {content:'';display:block;padding-bottom:56.25%;}
.close_v {position:absolute;top:-.2rem;right:-.2rem;width:0.4rem;height:0.4rem;background:var(--i_color);z-index:2;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;}
.close_v::before {content:'+';position:absolute;top:54%;left:46%;font-size:.4rem;color:#FFF;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}
.vd_box iframe {position:absolute;top:0;right:0;width:100%;height:100%;background:#000;object-fit:contain;}
@media screen and (max-width:1024px) {
	.vd_box {width:80%;}
	.close_v::before {font-size:0.4rem;}
}
@media screen and (max-width:768px) {
	.vd_box {width:88%;}
	.close_v {top:-.15rem;right:-.15rem;width:0.3rem;height:0.3rem;}
	.close_v::before {font-size:0.3rem;}
}



/* ---------------------------projects.html------------------------- */

.project_list {
}
.project_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.05rem;
}

.project_list ul li {
  width: calc((100% - 0.05rem) / 2);
  display: flex;
  padding: 0.2rem;
  box-sizing: border-box;
  background: #f6f6f6;
}

.pl_leftbox {
  width: 50%;
  padding: 0.1rem 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: start;
}
.pl_leftbox h3 {
  color: #333;
  font-size: 0.18rem;
  font-family: var(--font_family);
  font-weight: 500;
  line-height: 0.26rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.pl_leftbox h4 {
  padding-right: 0.2rem;
  color: #565656;
  font-size: 0.16rem;
  font-family: var(--font_family);
  margin-top: 0.2rem;
  line-height: 0.24rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 显示 3 行 */
  overflow: hidden;
}
.p_btn {
  border-radius: 0;
}
.p_a {
  border-radius: 0;
  padding: 0.1rem 0.28rem !important;
  background: transparent;
  color: var(--i_color);
  border: var(--i_color) 1px solid;
}
.p_a span {
  display: inline-block;
  white-space: nowrap;
  max-width: 1.2rem; /* 正常宽度 */
  overflow: hidden;

  opacity: 1;
  transform: translateX(0);
  transition: max-width 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
.p_a iconify-icon {
  color: var(--i_color) !important;
}
.pl_rightbox {
  width: 50%;
}
.pl_rightbox span {
  position: relative;
}
.pl_rightbox span::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.pl_rightbox span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project_list ul li:hover {
  background: url(static/imgs/projects_cardbg.webp) no-repeat center/cover;
}
.project_list ul li:hover .pl_leftbox h3,
.project_list ul li:hover .pl_leftbox h4 {
  color: #fff;
}
.project_list ul li:hover .pl_leftbox .btn_i span {
  max-width: 0;
  opacity: 0;
  transform: translateX(-0.1rem);
}
.project_list ul li:hover .pl_leftbox .p_btn .p_a {
  border: #fff 1px solid;
  color: #fff;
  background-color: transparent !important;
}
.project_list ul li:hover .pl_leftbox .p_btn .su_button_circle {
  display: none;
}
.project_list ul li:hover .pl_leftbox .p_a iconify-icon {
  color: #fff !important;
  margin-left: 0;
}

@media screen and (max-width: 1024px) {
  .pl_leftbox h3 {
    font-size: 0.16rem;
  }
  .pl_leftbox h4 {
    font-size: 0.14rem;
    margin-top: 0.15rem;
    line-height: 0.2rem;
  }
  .pl_rightbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .pl_rightbox span {
    position: relative;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .project_list ul li {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .pl_leftbox h3 {
    font-size: 0.14rem;
    line-height: 0.2rem;
  }
}



.related_products.singGrid .sa_top h3{font-size:.4rem}
.related_products.singGrid .sa_top h4{font-size:.16rem; font-weight:normal; line-height:1.6}
@media screen and (max-width: 768px) {
    .related_products.singGrid .sa_top h3{font-size:.24rem}
    .related_products.singGrid .sa_top h4{font-size: 14px;}
}