/*

Theme Name: YuFeng

Version: 1.0



*/

@charset "utf-8";

:root {
  --i_color: #0079c3;

  /* 鍏ㄥ眬棰滆壊 */

  --i_color2: #0079c3;

  /* 鍓鑹� */

  --header_height: 0.9rem;

  --header_height2: 0.4rem;

  --total_height: calc(var(--header_height) + var(--header_height2));

  /* 澶撮儴楂樺害 */

  --border_color: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1366px) {
  :root {
    --header_height: 0.8rem;
  }
}

@media screen and (max-width: 1200px) {
  :root {
    --header_height: 0.7rem;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --header_height: 0.6rem;
  }
}

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

.wrap {
  width: 92vw;

  max-width: 1600px;

  margin-left: auto;

  margin-right: auto;
}

@media screen and (max-width: 1200px) {
  .wrap {
    width: 94vw;
  }
}

.wrap_l {
  display: block;

  box-sizing: border-box;

  padding-left: 8.2vw;
}

.wrap_r {
  display: block;

  box-sizing: border-box;

  padding-right: 8.2vw;
}

@media screen and (max-width: 1600px) {
  .wrap_l {
    padding-left: 4vw;
  }

  .wrap_r {
    padding-right: 4vw;
  }
}

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

  .wrap_r {
    padding-right: 3vw;
  }
}

/* header */

.blue {
  background-color: #0079c3;
}

.top1 {
  height: var(--header_height2);
}

.top1 iconify-icon {
  font-size: 20px;

  color: #fff;
}

.top1 {
  background-color: #0079c3;

  display: flex;

  justify-content: space-between;

  color: #fff;
}

.top1 > ul {
  display: flex;

  align-items: center;

  gap: 0.2rem;
}

.top1 > ul > li {
  display: flex;

  align-items: center;

  gap: 0.1rem;
}

.top1 > ul > li > a {
  font-size: 14px;

  color: #fff;
}

.top1 p {
  font-size: 14px;

  color: #fff;
}

.toptxt {
  font-size: 0.2rem;

  color: #333;

  margin-left: 0.2rem;
}

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

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

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

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

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

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

    font-size: 0.14rem;
  }
}

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

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

.top1 > .r {
  display: flex;

  gap: 0.2rem;

  align-items: center;
}

.top1 > .r .icon {
  gap: 0.2rem;

  display: flex;
}

header {
  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 2014;

  height: var(--header_height);
}

header::before {
  /* content: ''; */

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: var(--border_color);

  z-index: 9999;
}

.top_cont {
  position: relative;

  z-index: 2013;

  background: #fff;

  height: var(--header_height);

  border-bottom: 1px solid #d8d8d8;
}

.TopHeader .top_cont {
}

.top {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  position: relative;
}

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

  .blue {
    /* display: none; */
  }

  header {
    top: 0;

    top: 0;

    width: 100%;

    background: #002069;

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

/* 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: 82%;
}

.logo img {
  max-height: 100%;

  width: 100%;
}

@media screen and (max-width: 768px) {
  .logo a {
    height: 90%;
  }
}

/* 瀵艰埅 */

@media screen and (min-width: 1025px) {
  .i_nav {
    margin-left: auto;

    display: -webkit-flex;

    display: flex;

    flex-wrap: nowrap;

    gap: 0 0.8rem;

    z-index: 2014;
  }

  .i_nav > li {
    position: relative;
  }

  .i_nav > .menu-item-has-children {
    padding-right: 0.26rem;

    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="48" height="48" viewBox="0 0 48 48"%3E%3Cpath fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M36 18L24 30L12 18"%2F%3E%3C%2Fsvg%3E')
      no-repeat right center;

    background-size: 0.2rem;
  }

  .i_nav > li > a {
    display: block;

    font-size: 18px;

    color: #333;

    line-height: var(--header_height);

    white-space: nowrap;

    /* text-transform: uppercase; */

    -webkit-border-radius: 0.08rem;

    border-radius: 0.08rem;
  }

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

  .i_nav .sub-menu {
    display: none;

    position: absolute;

    left: 0;

    min-width: 100%;

    background: #fff;

    overflow: hidden;

    box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);

    font-size: 0;
  }

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

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

  .i_nav .sub-menu a {
    display: block;

    padding: 0 0.16rem;

    font-size: 0.15rem;

    color: #333;

    line-height: 0.36rem;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    position: relative;
  }

  .i_nav .sub-menu li:hover a {
    color: var(--i_color);
  }
}

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

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

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

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

    position: fixed;

    top: var(--total_height);

    left: 0;

    width: 100%;

    width: 100vw;

    max-height: calc(100vh - var(--header_height));

    background: #fff;

    overflow-y: auto;

    z-index: 2;
  }

  /*婊氬姩鏉�*/

  .i_nav::-webkit-scrollbar {
    width: 3px;

    height: 8px;
  }

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

    background: #555;
  }

  .i_nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);

    border-radius: 0;

    background: #f1f1f1;
  }

  .i_nav > li {
    margin: 0 0 !important;

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

    position: relative;
  }

  .i_nav > .menu-item-has-children span {
    display: block;

    position: absolute;

    top: 0;

    right: 0;

    width: 0.44rem;

    height: 0.44rem;

    box-sizing: border-box;

    background: #f1f1f1 url(static/images/arrow_d_b.svg) no-repeat center;

    background-size: 0.18rem;
  }

  .i_nav > .menu-item-has-children span.on {
    /* background: #F1F1F1 url(static/images/public/arrow_u_b.svg) no-repeat center; */

    background-size: 0.18rem;

    transform: rotate(180deg);
  }

  .i_nav > li > a {
    padding: 0 0.2rem;

    font-size: 0.16rem;

    color: #222;

    line-height: 0.44rem;

    text-transform: uppercase;
  }

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

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

  .i_nav .sub-menu a {
    padding: 0 0.4rem;

    font-size: 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: #333;

  border-radius: 0.1rem;

  transition: 0.5s;
}

.nav_menu::before,
.nav_menu::after {
  content: "";

  width: 100%;

  height: 3px;

  background: #333;

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

.top_r {
  --size: 0.26rem;
}

.top_r {
  margin-left: 0.6rem;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  height: var(--header_height);
}

.top_search_ico {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  height: var(--header_height);

  position: relative;
}

.top_search_ico::before {
  display: none;

  content: "";

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: -0.2rem;

  width: 1px;

  height: 0.18rem;

  background: #fff;
}

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

  cursor: pointer;

  color: #fff;
}

.top_search_ico.on i {
  color: var(--i_color);
}

/* search main */

.top_search {
  --search_height: 0.38rem;
}

.top_search {
  visibility: hidden;

  opacity: 0;

  position: fixed;

  /* top: ; */

  left: 0;

  width: 100%;

  padding: 0.16rem 0;

  background: #fff;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  z-index: 6;
}

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

.top_search.on {
  visibility: visible;

  opacity: 1;

  top: var(--total_height);

  box-shadow: 0 0.06rem 0.1rem rgb(0 0 0 / 8%);
}

.top_search form {
  width: 80%;

  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(static/images/search_w1.svg) no-repeat center;

  background-size: 0.24rem;

  cursor: pointer;
}

@media screen and (max-width: 1200px) {
  .top_r {
    margin-left: 0.4rem;
  }
}

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

    margin-right: 0.2rem;
  }

  .top_search_ico {
    margin-right: 0;
  }

  .top_search_ico::before {
    display: none;
  }
}

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

  .top_search {
    padding: 0.12rem 0;
  }
}

@media screen and (max-width: 560px) {
  .top_search form {
    width: 94%;
  }

  .top_search_btn {
  }
}

.top_language {
  margin-left: 0.4rem;

  padding-right: 0.2rem;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  height: var(--header_height2);

  position: relative;

  gap: 5px;

  /* height: 0.5rem; */
}

.top_language::before {
  content: "";

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 0px;

  width: 1px;

  height: 100%;

  background-color: #fff;
}

.top_language .icon {
  display: flex;

  gap: 0.2rem;
}

.top_language .icon iconify-icon {
  color: #fff;
}

.top_language ion-icon {
  font-size: var(--size);

  cursor: pointer;

  color: #333;
}

.top_language.on > ion-icon {
  color: var(--i_color);
}

.top_language_list {
  visibility: hidden;

  opacity: 0;

  position: absolute;

  top: calc(var(--header_height) - 0.2rem);

  right: 0;

  z-index: 2;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;
}

.top_language_list.on {
  visibility: visible;

  opacity: 1;

  top: var(--header_height2);

  box-shadow: 0.04rem 0.06rem 0.1rem rgb(0 0 0 / 10%);
  z-index: 999999;
}

.top_language_list ul {
  overflow: hidden;
}

.top_language_list li {
  background: #fff;
}

.top_language_list a > span {
  display: block;

  /* padding: 0 14px; */

  min-width: 100px;

  overflow: hidden;
}

.top_language_list img,
.top_language_list .trp-ls-language-name {
  display: inline-block;

  vertical-align: middle;

  margin-left: 8px;

  font-size: 0.12rem;

  color: #666;

  line-height: 0.3rem;
}

.top_language_list li:hover {
  background: var(--i_color);
}

.top_language_list li:hover .trp-ls-language-name {
  color: #fff;
}

.top_language,
.top_language > i {
  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;
}

@media screen and (max-width: 1024px) {
  .top_language {
    margin: 0 0.1rem 0 0.2rem;
  }

  .logo img {
    /* height: 0.5rem; */
  }
}

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

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

header,
.top_cont,
.logo,
.logo img,
.i_nav > li,
.i_nav > li > a,
.top_r {
  -webkit-transition: all 0.7s ease;

  -moz-transition: all 0.7s ease;

  -ms-transition: all 0.7s ease;

  -o-transition: all 0.7s ease;

  transition: all 0.7s ease;
}

.full_header {
  height: var(--total_height);
}

/* banner */

.banners_list {
  position: relative;

  overflow: hidden;
}

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

  display: flex;

  position: relative;

  width: 100%;
}

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

  position: relative;

  padding-bottom: calc(100vh - var(--total_height));
}

.banners_list .swiper-slide .txt {
  position: absolute;

  top: 50%;

  left: 8vw;

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

.banners_list .swiper-slide .txt i {
  font-size: 120px;

  color: #011f47;

  /* background-color: var(--i_color); */

  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5),
    -1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.2),
    -1px 1px 0 rgba(255, 255, 255, 0.2);

  position: absolute;

  top: -18%;

  z-index: -1;

  font-weight: bold;

  opacity: 0.3;
}

.banners_list .swiper-slide2 .txt {
  right: 8vw;

  left: auto;

  /* left: 0; */
}

.banners_list .swiper-slide2 .txt i {
  color: transparent;

  /* 鏂囧瓧棰滆壊 */

  -webkit-text-stroke: 1px #fff;

  /* 鎻忚竟瀹藉害鍜岄鑹� */
}

.banners_list .swiper-slide .txt p {
  font-size: 48px;

  color: #fff;

  font-weight: bold;

  margin-bottom: 0.2rem;

  line-height: 0.7rem;
}

.banners_list .swiper-slide .btn b {
  display: table;

  padding: 15px 35px;

  border-radius: 5px;

  font-size: 16px;

  color: #333;

  background-color: #fff;

  transition: all 0.5s ease;
}

.banners_list .swiper-slide .btn b:hover {
  color: #fff;

  background: var(--i_color);
}

.banners_list .swiper-slide .txt h6 {
  font-size: 18px;

  color: #fff;

  padding-bottom: 10%;

  line-height: 0.2rem;
}

.banners_list .swiper-slide2 .txt h6 {
  padding-bottom: 6%;
}

.banners_list .swiper-slide img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

.banners-prev,
.banners-next {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  width: 0.4rem;

  height: 0.4rem;

  background: rgb(0 0 0 / 60%);

  z-index: 3;

  cursor: pointer;

  outline: none;

  -webkit-user-select: none;

  user-select: none;

  display: none;
}

.banners-prev {
  left: 0;
}

.banners-next {
  right: 0;
}

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

  top: 50%;

  left: 50%;

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

  font-size: 0.3rem;

  color: #fff;
}

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

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

.banners-pagination {
  display: block;

  margin-top: 0.3rem;

  text-align: center;

  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  transform: translate(0, -50%);
}

.banners-pagination .swiper-pagination-bullet {
  width: 0.08rem;

  height: 0.08rem;

  display: inline-block;

  margin: 0 6px;

  background: #fff;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  outline: none;

  cursor: pointer;
}

.banners-pagination .swiper-pagination-bullet-active {
  background: blue;
}

@media screen and (max-width: 1440px) {
  .banners_list .swiper-slide .txt h6 {
    line-height: normal;
  }

  .banners_list .swiper-slide .txt i {
    font-size: 1rem;
  }

  .banners_list .swiper-slide .txt p {
    font-size: 0.3rem;

    line-height: normal;
  }

  .banners_list .swiper-slide {
    padding-bottom: 60vh;
  }
}

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

@media screen and (max-width: 1200px) {
  .banners-prev,
  .banners-next {
  }

  .banners_list .swiper-slide .txt i {
    font-size: 0.8rem;
  }

  .banners_list .swiper-slide .txt p {
    font-size: 0.25rem;
  }

  .banners_list .swiper-slide2 .txt p {
    color: var(--i_color);
  }
}

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

  .banners_list .swiper-slide2 .txt {
    right: auto;

    left: 8vw;
  }

  .banners_list .swiper-slide .txt p br {
    display: none;
  }

  .banners_list .swiper-slide .txt h6 {
    font-size: 0.16rem;

    display: none;
  }

  .banners_list .swiper-slide .txt h6 {
    /* display: none; */
  }

  .banners_list .swiper-slide .btn b {
    padding: 10px 20px;

    font-size: 0.14rem;
  }

  .banners_list .swiper-slide .txt p {
    font-size: 0.18rem;
  }

  .banners_list .swiper-slide2 .txt p {
    font-size: 0.18rem;

    /* background: #fff; */
    color: #fff;
  }

  .banners_list .swiper-slide .txt i {
    text-shadow: 1px 1px 2px #333;

    font-size: 0.3rem;

    color: #fff;
    text-shadow: none;
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .banners_list .swiper-slide {
    padding-bottom: 40vh;
  }
}

@media screen and (max-width: 560px) {
  .banners_list .swiper-slide .txt i {
    top: -32%;
  }

  .banners_list .swiper-slide .btn b {
    padding: 8px 15px;
  }

  .banners_list .swiper-slide {
    padding-bottom: 30vh;
  }

  .banners_list .swiper-slide .txt h6 {
    font-size: 0.14rem;
  }
}

/* 鍏叡鏍囬 */

.tit {
  margin: 0 auto;

  text-align: center;
}

.tit h6 {
  font-size: 18px;

  color: #666;

  padding-bottom: 10px;
}

.tit p {
  font-size: 40px;

  color: #23334c;

  font-weight: 900;
}

.index1_list {
  position: relative;
}

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

  display: flex;

  position: relative;

  width: 100%;
}

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

  position: relative;
}

.index1_list .swiper-slide a {
}

.index1_list .swiper-slide a::before {
  content: "";

  display: block;

  padding-bottom: 100%;
}

.index1_list .swiper-slide a img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  border-radius: 0.2rem;

  object-fit: cover;
}

.index1-prev,
.index1-next {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  width: 0.4rem;

  height: 0.4rem;

  background: none;

  z-index: 3;

  cursor: pointer;

  outline: none;

  -webkit-user-select: none;

  user-select: none;

  border: 1px solid #666;
}

.index1-prev {
  left: 4%;

  border-radius: 50%;
}

.index1-next {
  right: 4%;

  border-radius: 50%;
}

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

  top: 50%;

  left: 50%;

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

  font-size: 0.3rem;

  color: #666;
}

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

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

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

  border: none;
}

.index1-pagination {
  display: block;

  text-align: center;

  display: none;
}

.index1-pagination .swiper-pagination-bullet {
  width: 0.08rem;

  height: 0.08rem;

  display: inline-block;

  margin: 0 6px;

  background: #111;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  outline: none;

  cursor: pointer;
}

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

/* hotproducts */

.h_products .card {
  border-radius: 10px;

  position: relative;
  overflow: hidden;
}

.h_products .wrap {
  overflow: hidden;
}

.h_products .card img {
  width: 100%;

  height: 100%;
}

.h_products .t {
  border-radius: 10px;

  position: absolute;

  bottom: -12%;

  right: 0;

  /* z-index: 19; */

  display: flex;

  flex-direction: column;

  align-items: start;

  justify-content: start;

  width: 84%;

  padding: 30px 0;

  padding-left: 20px;

  /* background-image: url('./stat

	background-color: #fff; */

  /* background:  url('./static/images/t1.webp') */

  background: url("./static/images/t1.webp");

  box-shadow: rgba(0, 124, 137, 0.28) 0px 0px 0px 0.279318px inset;

  box-sizing: border-box;
}

.h_products .t {
  transition: all 0.5s ease;
}

.h_products .t p {
  color: #23334c;

  font-size: 30px;

  font-weight: bold;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
}

.h_products .t h6 {
  font-size: 18px;

  color: #d2d2d2;
}

.h_products a:hover .t {
  background: url("./static/images/t22.webp");
}

.h_products a:hover p {
  color: #fff;
}

.h_products a {
  transform: all 0.5s ease;
}

.h_products a:hover h6 {
  color: #fff;
}

.h_products a img {
  transition: all 0.5s ease;
}

.h_products a li {
  transform: scale(1.04);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;
}

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

  position: relative;

  display: block;

  padding-bottom: 100%;
}

.h_products {
  position: relative;
}

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

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

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

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

  .index1-pagination {
    display: block;
  }
}

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

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

/* about */

.i_ab {
  background-color: #f3f8ff;
}

.i_ab .t {
  display: flex;
}

.i_ab .t .l,
.i_ab .t .r {
  width: 49%;
}

.i_ab .t .l h6 {
  color: #23334c;

  font-size: 40px;

  font-weight: 900;
}

.i_ab .t .l article {
  font-size: 18px;

  color: #666;

  padding-bottom: 60px;

  margin-top: 20px;

  line-height: 25px;

  box-sizing: border-box;
}

.i_ab2 .t .l article {
  overflow: hidden !important;
}

/* public btn */

.btn {
  display: table;
  box-sizing: border-box;
}

.btn.center {
  margin: 0 auto;
}

.btn b {
  padding: 15px 40px;

  color: var(--i_color);

  border: 1px solid rgba(26, 115, 233, 0.15);

  border-radius: 5px;

  text-wrap: nowrap;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  box-sizing: border-box;
  text-transform: capitalize;
}

.btn.vas b {
  background-color: var(--i_color);

  color: #fff;
}

.btn:hover b {
  background-color: var(--i_color);

  color: #fff;
}

/* ............. */

.i_ab .t {
  justify-content: space-between;
}

.i_ab .t .l,
.i_ab .t .l {
  width: 55%;
}

.i_ab .t .l,
.i_ab .t .r {
  width: 40%;

  overflow: hidden;
}

.i_ab .t .r img {
  width: 100%;

  transition: all 0.5s ease;
}

.i_ab .t .r img:hover {
  /* width: 102%; */
}

.i_ab .box {
  /* width: 24%; */

  display: flex;

  justify-content: space-between;

  background-repeat: no-repeat;

  background-size: 100% 100%;
}

.i_ab .box .xbox {
  width: 24%;

  background: url("./static/images/a1\ \(2\).webp") no-repeat center;

  border-radius: 0.2rem;

  overflow: hidden;

  background-size: cover;
}

.i_ab .box .xbox2 {
  width: 24%;

  background: url("./static/images/a1\ \(1\).webp") no-repeat center;

  border-radius: 20px;

  border-radius: 0.2rem;

  overflow: hidden;

  background-size: cover;
}

.i_ab .box p {
  font-size: 40px;

  color: #fff;

  font-weight: bold;

  padding-bottom: 5px;
}

.i_ab .box p:hover {
  /* color: var(--i_color); */
}

.i_ab .box .acc {
  display: flex;
}

.i_ab .box span {
  font-size: 40px;

  color: #fff;

  font-weight: bold;
}

.i_ab .box h6 {
  font-size: 18px;

  color: #fff;
}

.i_ab .box {
}

.i_ab .box .xbox > div {
  padding-left: 20px;

  padding: 47px;

  box-sizing: border-box;
}

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

@media screen and (max-width: 1440px) {
  .i_ab .t .l article {
    margin-bottom: 0.4rem;
  }
}

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

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

@media screen and (max-width: 1024px) {
  .i_ab .t .l article {
    margin-bottom: 0rem;
  }

  .i_ab2 .btn b {
    background: var(--i_color);
    color: #fff;
  }

  .h_products {
    margin-bottom: 0 !important;
  }

  .h_products .wrap {
    padding-bottom: 0;
  }

  .i_ab .box .xbox > div {
    padding: 0.2rem;
  }

  .h_products .t {
    padding: 0.2rem 0.1rem;
  }

  .h_products .t p {
    font-size: 14px;
  }

  .i_ab .box span {
    font-size: 14px;
  }

  .h_products .t h6 {
    font-size: 12px;
  }

  .i_ab .t .l h6 {
    font-size: 20px;
  }

  .i_ab .t .l article {
    font-size: 14px;
  }

  .btn b {
    font-size: 12px;
  }

  .i_ab .t {
    display: flex;

    flex-wrap: wrap;
  }

  .i_ab .t .l,
  .i_ab .t .r {
    width: 100%;
  }

  .i_ab .box {
    flex-wrap: wrap;

    justify-content: space-around;
  }

  .i_ab .box .xbox {
    width: 45%;

    margin-bottom: 0.1rem;
  }

  .tit p {
    font-size: 24px;
  }

  .tit h6 {
    font-size: 12px;
  }
}

@media screen and (max-width: 960px) {
  .i_ab .box span {
    font-size: 20px;
  }

  .i_ab .box p {
    font-size: 20px;
  }

  .i_ab .box h6 {
    font-size: 14px;
  }

  .i_ab .box p i {
    font-size: 20px;
  }
}

@media screen and (max-width: 560px) {
  .h_products .t {
    padding: 0.1rem;
  }
}

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

.adv {
  width: 100%;
}

.adv b {
  font-size: 28px;

  color: #222;

  font-weight: bold;

  transition: all 0.5s ease;
}

.adv h5 {
  font-size: 18px;

  color: #999;

  margin-top: 0.2rem;
}

.adv .box {
  display: flex;

  justify-content: space-between;

  box-sizing: border-box;
}

.adv .xbox {
  width: 30%;

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

  border-radius: 10px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  cursor: pointer;
}

.adv .xbox:hover {
  -webkit-transform: translate(0, -8px);

  transform: translate(0, -8px);
}

.adv .img2 {
  display: none;
}

.adv img {
  height: 1.1rem;

  flex-shrink: 0;

  width: 1.1rem;
}

.adv .xbox:hover .img1 {
  display: none;
}

.adv .xbox:hover .img2 {
  display: block;
}

.adv .xbox:hover b {
  color: var(--i_color);
}

.adv .ml {
  width: 80%;

  display: flex;

  flex-direction: column;

  gap: 0.2rem;

  padding-left: 40px;
}

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

@media screen and (max-width: 1440px) {
  .adv img {
    height: 0.8rem;

    flex-shrink: 0;

    width: 0.8rem;
  }
}

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

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

@media screen and (max-width: 1024px) {
  .adv img {
    height: 0.6rem;

    flex-shrink: 0;

    width: 0.6rem;
  }

  .adv .ml {
    /* flex-direction: row; */

    /* align-items: center; */
  }

  .adv .box {
    flex-wrap: wrap;

    justify-content: space-around;
  }

  .adv .xbox {
    width: 100%;

    margin-bottom: 0.2rem;
  }
}

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

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

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

.ibanner {
  background: url("./static/images/ibanner.png") no-repeat center;

  background-size: 100% 100%;
}

.ibanner p {
  font-size: 40px;

  font-weight: bold;

  color: #fff;

  width: 60%;
}

.ibanner .wrap {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

.ibanner b {
  background-color: #fff;

  border-radius: 5px;
}

.ibanner .tel {
  display: flex;

  border: 1px solid #fff;

  padding: 8px;

  align-items: center;

  justify-content: center;

  border-radius: 1000px;

  box-sizing: border-box;

  gap: 0 10px;

  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ibanner .tel:hover {
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
}

.ibanner b:hover {
  border: 1px solid #fff !important;

  -webkit-transform: translate(0, -8px);

  transform: translate(0, -8px);
}

.ibanner .tel h2 {
  color: #fff;

  text-wrap: nowrap;
}

.ibanner .box {
  width: 26%;

  display: flex;

  align-items: center;

  gap: 0.2rem;

  justify-content: space-between;
}

.xxk {
  width: 100%;

  background: url("https://lingjuimg.com/wp-content/uploads/yufeng/2024/07/image@1x.webp")
    no-repeat center;

  background-size: 100% 100%;

  position: relative;
}

.xxk .wrap {
  display: flex;

  justify-content: space-between;

  position: relative;
}

/* xxk */

.xxk .tab {
  overflow: hidden;

  display: flex;

  flex-direction: column;

  width: 30%;

  order: -12;
}

.xxk .tab div {
  background-color: #fff;

  float: left;

  outline: none;

  cursor: pointer;

  padding: 30px 20px;

  display: flex;

  justify-content: start;

  align-items: center;

  gap: 0.2rem;

  font-size: 24px;

  border-radius: 10px;

  margin-bottom: 20px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  box-sizing: border-box;
}

.xxk .tab div:hover {
  background-color: var(--i_color);

  color: #fff;
}

.xxk .tab div:hover .img1 {
  display: none;
}

.xxk .tab div:hover .img2 {
  display: block;
}

.xxk .tab .img {
  width: 10%;

  background: inherit;
}

.xxk .tab .tabcontent img {
  width: 100%;
}

.xxk .tab div.active {
  background-color: var(--i_color);

  color: #fff;
}

.xxk .tab div.active .img1 {
  display: none;
}

.xxk .tab div .img2 {
  display: none;
}

.xxk .tab div img {
  height: 0.33rem;
}

.xxk .tab div.active .img2 {
  display: block;
}

.xxk .tab div.active iconify-icon {
  background-color: var(--i_color);

  color: #fff;
}

.xxk .tabcontent {
  display: none;

  border-top: none;

  width: 65%;

  position: absolute;

  top: -12%;

  right: -20px;

  border-radius: 10px;

  box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 15px 0px;

  box-sizing: border-box;
}

.xxk .tabcontent .img2 {
  overflow: hidden;

  border-top-left-radius: 0.2rem;

  border-top-right-radius: 0.2rem;
}

.xxk .tabcontent img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.xxk .tabcontent:hover img {
  -webkit-transform: scale(1.15, 1.15);

  transform: scale(1.15, 1.15);
}

.xxk .tabcontent h3 {
  font-size: 24px;

  color: #222;

  padding-bottom: 10px;

  transition: all 0.5s ease;
}

.xxk .tabcontent:hover h3 {
  color: var(--i_color);
}

.xxk .tabcontent:hover p {
  color: var(--i_color);
}

.xxk .tabcontent p {
  font-size: 18px;

  color: #666;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  padding-bottom: 0.2rem;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.xxk .tabcontent .txt {
  padding: 30px;

  background-color: #fff;

  box-sizing: border-box;

  border-bottom-left-radius: 0.2rem;

  border-bottom-right-radius: 0.2rem;
}

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

@media screen and (max-width: 1440px) {
  .ibanner .box {
    width: 50%;
  }
}

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

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

@media screen and (max-width: 1024px) {
  .xxk .tab div img {
    height: 0.25rem;
  }

  .ibanner p {
    font-size: 20px;
  }

  .xxk .tabcontent {
    position: static;
  }

  .ibanner .box {
    width: 50%;
  }

  .ibanner .tel h2 {
    font-size: 12px;
  }

  .xxk .tab div {
    font-size: 16px;
  }

  .xxk .wrap {
    flex-wrap: wrap;
  }

  .xxk .tab {
    width: 100%;
  }

  .xxk .tabcontent {
    width: 100%;

    order: -1;
  }

  .xxk .tabcontent h3 {
    font-size: 16px;
  }

  .xxk .tabcontent p {
    font-size: 12px;
  }
}

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

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

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

/* i_news */

.i_news {
}

.i_news .box {
  display: flex;
  flex-wrap: wrap;
  gap: 46px 2%;
}

.i_news .box .xbox {
  width: 32%;

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

  border-radius: 10px;

  overflow: hidden;

  box-sizing: border-box;

  border-radius: 0.3rem;
}

.i_news .box .xbox:hover img {
  -webkit-transform: scale(1.15, 1.15);

  transform: scale(1.15, 1.15);
}

.i_news .box .xbox:hover .btn b {
  background-color: var(--i_color);

  color: #fff;
}

.i_news .box .xbox .txt {
  position: relative;

  padding-left: 20px;
}

.i_news .box .xbox .txt .rq {
  display: table;

  font-size: 14px;

  color: #fff;

  background: #0079c3;

  padding: 10px 10px;

  border-radius: 5px;

  position: absolute;

  top: -16px;

  left: 20px;
}

.i_news .box .xbox .img {
  transition: all 0.5s ease;

  position: relative;

  padding-bottom: 60%;

  overflow: hidden;

  border-radius: 0.2rem;
}

.i_news .box .xbox .txt p {
  font-size: 18px;

  color: #23334c;

  font-weight: bold;

  padding-bottom: 20px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.i_news .box .xbox:hover .txt p {
  color: var(--i_color);
}

.i_news .box .btn {
  margin-left: 20px;

  padding-bottom: 40px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.i_news .box .xbox img {
  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

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

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

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

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

@media screen and (max-width: 1024px) {
  footer {
    background-size: 200% 100% !important;
  }

  .i_news .box {
    flex-wrap: wrap;
  }

  .i_news .box .xbox .txt p {
    width: 90%;
  }

  .i_news .box .xbox {
    width: 48%;

    margin-top: 20px;
  }
}

@media screen and (max-width: 960px) {
  .ibanner .tel {
    display: none;
  }

  .btn b {
    padding: 10px 20px;
  }

  .ibanner p {
    font-size: 14px;
  }
}

@media screen and (max-width: 560px) {
  .i_news .box .xbox {
    width: 100%;
  }

  .i_news .box .xbox .txt p {
    font-size: 14px;
  }

  .i_news .box .xbox .txt .rq {
    font-size: 12px;
  }

  .adv b {
    font-size: 20px;
  }

  .adv h5 {
    font-size: 14px;
  }

  footer .b p {
    font-size: 12px;
  }

  footer .b {
    flex-direction: column;

    gap: 0.1rem;
  }
}

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

/* barnd */

.i_logo {
}

.par_partner_box {
  position: relative;
}

.par_partner_box::after,
.par_partner_box::before {
  /* content: ''; */

  width: 20%;

  height: 100%;

  position: absolute;

  z-index: 2;

  top: 0;
}

.par_partner_box::before {
  /* background: linear-gradient(to right, #fff, transparent); */

  left: 0;
}

.par_partner_box::after {
  /* background: linear-gradient(to left, #fff, transparent); */

  right: 0;
}

.par_partner {
  position: relative;
}

.par_partner_list {
  width: 100%;

  padding: 0.1rem 0;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  z-index: 1;
}

.par_partner_list .swiper-wrapper {
  display: flex;

  position: relative;

  width: 100%;

  z-index: 1;
}

.par_partner_list .swiper-slide {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-shrink: 0;

  position: relative;

  cursor: pointer;

  border-top: 1px solid #d8d8d8;

  border-bottom: 1px solid #d8d8d8;

  border-right: 1px solid #d8d8d8;

  box-sizing: border-box;
}

.par_partner_list3 .swiper-slide {
  border: none !important;
}

.par_partner_list .swiper-slide:nth-child(1) {
  border-left: 1px solid #d8d8d8;
}

.par_partner_list .img {
  width: 100%;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;
}

.par_partner_list .img:before {
  content: "";

  display: block;

  padding-bottom: 60%;
}

.par_partner_list3 .img:before {
  padding-bottom: 141%;
}

.par_partner_list .img img {
  position: absolute;

  top: 50%;

  left: 50%;

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

  width: 100%;

  height: 100%;

  object-fit: contain;
}

.par_partner_list .img img {
  transition: all 0.5s linear;
}

.par_partner_list .swiper-wrapper {
  display: flex;

  position: relative;

  width: 100%;

  z-index: 1;

  -webkit-transition-timing-function: linear !important;

  -moz-transition-timing-function: linear !important;

  -ms-transition-timing-function: linear !important;

  -o-transition-timing-function: linear !important;

  transition-timing-function: linear !important;
}

.i_logo_global {
  text-align: center;
}

.i_logo_global img {
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  .par_partner_box::after,
  .par_partner_box::before {
    display: none;
  }

  .par_partner_list .img img {
    width: 100%;

    height: 90%;
  }
}

.i_contact {
}

.i_contact dl {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;
}

.i_contact dt,
.i_contact dd {
  width: 50%;

  box-sizing: border-box;

  padding: 1rem 0.5rem 1.2rem;

  text-align: center;

  align-items: center;

  position: relative;
}

.i_contact dt {
  background: url(static/images/i_c_dt_bg.webp) no-repeat center;

  background-size: cover;
}

.i_contact dd {
  background: url(static/images/i_c_dd_bg.webp) no-repeat center;

  background-size: cover;
}

.i_contact dt b {
  font-size: 0.16rem;

  color: var(--i_color2);

  font-weight: bold;

  text-transform: uppercase;
}

.i_contact dt p {
  margin: 0.3rem auto;

  font-size: 0.34rem;

  color: #fff;

  font-weight: bold;
}

.i_contact dt i {
  font-size: 0.15rem;

  color: var(--i_color2);
}

.i_contact dt .btn {
  position: absolute;

  left: 50%;

  transform: translate(-50%, 0);

  bottom: 0;

  width: 0.6rem;

  height: 0.6rem;

  background: var(--i_color2);

  -webkit-border-radius: 0.06rem 0.06rem 0 0;

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

.i_contact dt .btn iconify-icon {
  position: absolute;

  top: 50%;

  left: 50%;

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

  font-size: 0.32rem;

  color: #333;
}

.i_contact dt .btn:hover {
  background: #174d99;
}

.i_contact dt .btn:hover iconify-icon {
  color: #fff;
}

.i_contact dd {
}

.i_contact dd p {
  font-size: 0.3rem;

  color: var(--i_color);

  font-weight: bold;

  text-transform: uppercase;
}

.i_contact dd h6 {
  margin: 0.1rem auto 0.4rem;

  font-size: 0.18rem;

  color: var(--i_color);

  font-weight: bold;
}

@media screen and (max-width: 1440px) {
  .i_contact dt p {
    font-size: 0.3rem;
  }

  .i_contact dd p {
    font-size: 0.26rem;
  }
}

@media screen and (max-width: 1024px) {
  .i_contact dt,
  .i_contact dd {
    padding: 0.7rem 0.3rem 1.2rem;
  }

  .i_contact dt p {
    font-size: 0.22rem;
  }

  .i_contact dd p {
    font-size: 0.22rem;
  }
}

@media screen and (max-width: 768px) {
  .i_contact dt,
  .i_contact dd {
    width: 100%;

    padding: 0.4rem 0.2rem 1rem;
  }

  .i_contact dd {
    padding-bottom: 0.5rem;
  }

  .i_contact dt b {
    font-size: 0.15rem;
  }

  .i_contact dt p {
    font-size: 0.18rem;
  }

  .i_contact dd p {
    font-size: 0.18rem;
  }

  .i_contact dt .btn {
    width: 0.5rem;

    height: 0.5rem;
  }

  .i_contact dt .btn iconify-icon {
    font-size: 0.3rem;
  }
}

@media screen and (max-width: 560px) {
  .i_contact dt b {
    font-size: 0.14rem;
  }

  .i_contact dt p {
    margin: 0.2rem auto;
  }

  .i_contact dd h6 {
    margin: 0.1rem auto 0.2rem;
  }
}

footer {
  background: var(--i_color)
    url("https://lingjuimg.com/wp-content/uploads/yufeng/2024/07/2699@1x.webp")
    no-repeat center;

  background-size: cover;
}

footer .wrap {
  display: flex;

  flex-direction: column;
}

footer .m {
  display: flex;

  justify-content: space-between;
}

footer .m .l {
}

footer .m h2 {
  font-size: 26px;

  font-weight: bold;

  color: #fff;

  padding-bottom: 30px;
}

footer .m li > a {
  font-size: 16px;

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

footer .m li > a:hover {
  color: var(--i_color);
}

footer .m li {
  font-size: 16px;

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

  padding-bottom: 20px;

  box-sizing: border-box;
}

footer .m .l {
  width: 20%;
}

footer .iproduts {
  display: flex;

  justify-content: space-between;
}

footer .m .m2 {
  width: 25%;
}

footer .m .r {
  width: 45%;
}

footer .m .r p {
  font-size: 26px;

  color: #fff;

  font-weight: bold;

  margin-bottom: 20px;
}

.u2 {
  padding-right: 60px;
}

footer .b {
  display: flex;

  justify-content: start;

  border-top: 1px solid rgba(255, 255, 255, 0.2);

  box-sizing: border-box;
}

footer .b p {
  color: #fff;

  font-size: 16px;
}

footer .b a {
  color: #fff;

  font-size: 16px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

footer .icon {
  width: 20%;

  display: flex;

  gap: 0.2rem;
}

footer .icon a {
  font-size: 20px;
  height: 40px;
  width: 40px;
  flex-shrink: 0;

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

  border-radius: 50%;

  /* line-height: 20px; */

  /* width: 6%; */

  display: flex;

  align-items: center;

  justify-content: center;

  aspect-ratio: 1/1;

  border: 5px solid rgba(255, 255, 255, 0.1);

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

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

footer .icon a iconify-icon:hover {
  color: var(--i_color);
}

footer .icon a iconify-icon {
  color: #fff;
}

.hide {
  display: none;
}

/* 搴曢儴琛ㄥ崟 */

#wpforms-146 {
  --wpforms-field-size-input-height: 42px;

  --wpforms-button-background-color: var(--i_color);

  --wpforms-button-border-color: var(--i_color);

  --wpforms-page-break-color: var(--i_color);
}

#wpforms-146 {
  margin: 0;

  padding: 0;
}

#wpforms-form-146 {
  width: 100%;

  position: relative;
}

#wpforms-146 .wpforms-field-container {
}

#wpforms-146 .wpforms-field-container > .wpforms-field {
  width: 100%;

  padding: 0 1px 20px;

  margin: 0 0 0px;

  overflow-x: initial !important;
}

#wpforms-146 .wpforms-field-container .wpforms-field-label {
  height: 0;

  font-size: 0;

  margin: 0 0;
}

#wpforms-146 .wpforms-field-container .wpforms-required-label {
  position: absolute;

  top: 4px;

  left: 4px;

  font-size: 15px;

  color: #f00;

  font-weight: bold;
}

#wpforms-146 .wpforms-field-container .wpforms-field > input,
#wpforms-146 .wpforms-field-container textarea,
#wpforms-146 .wpforms-field-container select,
#wpforms-146 .wpforms-field-container .choices {
  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  margin: 0 0;
}

#wpforms-146 .wpforms-field-container .wpforms-field > input,
#wpforms-146 .wpforms-field-container textarea,
#wpforms-146 .wpforms-field-container select {
  padding-left: 14px;

  padding-right: 14px;

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

  color: #fff;
}

#wpforms-146 .wpforms-field-container .wpforms-field > input::placeholder {
  color: #fff;
}

#wpforms-146 .wpforms-field-container textarea::placeholder {
  color: #fff;
}

#wpforms-146 .wpforms-field-container textarea {
  padding-top: 10px;

  padding-bottom: 10px;
}

#wpforms-146 .wpforms-field-container fieldset ul {
  padding: 0 2px;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;
}

#wpforms-146 .wpforms-field-container select {
  cursor: pointer;
}

#wpforms-146 .wpforms-field-container .wpforms-datepicker-wrap {
  width: 310px;
}

#wpforms-146 .wpforms-field-container .wpforms-datepicker-wrap input {
  width: 100%;

  max-width: 100%;
}

#wpforms-146 .wpforms-field-container .wpforms-datepicker-clear {
  right: 10px;
}

#wpforms-146 .wpforms-field-container em.wpforms-error,
#wpforms-146 .wpforms-field-container .mailcheck-error {
  position: absolute;

  margin: 0 0;

  bottom: -2px;
}

#wpforms-146 .wpforms-field-container {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;
}

#wpforms-146-field_1-container,
#wpforms-146-field_2-container {
  width: 48% !important;
}

#wpforms-146 .wpforms-submit-container {
  width: 100%;
}

#wpforms-146 .wpforms-submit-container button {
  width: 100%;

  background: var(--i_color);
}

#wpforms-146 .wpforms-submit-container img {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 4px;

  z-index: 2;
}

#wpforms-146 .wpforms-submit-container button:hover {
  background: #002069;
}

footer .wrap {
  position: relative;
}

footer .t {
  display: flex;

  justify-content: space-between;

  position: absolute;

  top: -10%;

  left: 0;

  width: 100%;
}

footer .t .l {
  width: 30%;

  background-color: var(--i_color);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  padding: 0 0.4rem;

  box-sizing: border-box;
}

footer .t .l .img {
  /* width: 40%; */

  display: -webkit-flex;

  display: flex;

  flex-wrap: nowrap;

  align-items: center;

  gap: 0 20px;

  box-sizing: border-box;
}

footer .t .l .img p {
  font-size: 0.3rem;

  color: #fff;

  font-weight: bold;
}

footer .t .l .img img {
  width: 100%;

  height: 0.8rem;

  object-fit: contain;
}

footer .t .r {
  width: 68%;

  background-color: var(--i_color);

  border-radius: 10px;

  padding: 0.2rem 0;

  display: -webkit-flex;
  display: flex;
  align-items: center;
}

footer .t .r ul {
  display: flex;

  align-items: center;

  justify-content: space-around;
}

footer .t .r ul li {
  width: 25%;

  padding-left: 40px;

  position: relative;
}

footer .t .r ul li a {
  font-size: 18px;

  color: #fff;

  cursor: pointer;
  word-wrap: break-word;
}

footer .t .r ul li a:hover {
}

footer .t .r ul li:nth-child(1):after {
  content: "";

  height: 74%;

  width: 10%;

  position: absolute;

  left: 0;

  top: 0;

  background: url("./static/images/bicon1\ \(1\).png") no-repeat center;
}

footer .t .r ul li:nth-child(2):after {
  content: "";

  height: 100%;

  width: 10%;

  position: absolute;

  left: 0;

  top: 0;

  background: url("./static/images/bicon1\ \(2\).png") no-repeat center;
}

footer .t .r ul li:nth-child(3):after {
  content: "";

  height: 74%;

  width: 10%;

  position: absolute;

  left: 0;

  top: 0;

  background: url("./static/images/bicon1\ \(3\).png") no-repeat center;
}

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

@media screen and (max-width: 1440px) {
  footer .t .l .img p {
    font-size: 0.25rem;
  }
}

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

@media screen and (max-width: 1200px) {
  footer .t .l .img p {
    font-size: 0.2rem;
  }
}

@media screen and (max-width: 1024px) {
  footer .t .r ul {
    flex-wrap: wrap;
  }

  footer .t .r ul li {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.67rem;
    margin-bottom: 0.2rem;
  }

  footer .icon a {
    height: 0.3rem;
    width: 0.3rem;
  }

  footer .t .l .img img {
    height: 0.6rem;
  }

  footer .t .l .img p {
    font-size: 0.16rem;

    padding: 0.2rem 0;
  }

  footer .wrap {
    margin-top: 0;

    padding-top: 0;
  }

  footer .t {
    position: static;

    /* padding: 20px 0; */

    flex-wrap: wrap;

    /* display: none; */
  }

  footer .t .l {
    /* width: 100%; */

    width: auto;

    margin-top: 20px;
    padding: 0.1rem;
  }

  footer .t .r {
    width: 100%;

    margin-top: 20px;
  }

  footer .m .l {
    display: none;
  }

  footer .m .m2 {
    display: none;
  }

  footer .m .r {
    width: 100%;
  }

  footer .m .r p {
    font-size: 18px;

    padding: 0px 0;

    margin: 0.2rem 0;
  }

  footer .icon {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  footer .t .r ul li {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.5rem;
    margin-bottom: 0.2rem 0;
  }
}

@media screen and (max-width: 560px) {
  footer .t .r ul {
    flex-wrap: wrap;
  }

  footer .t .r ul li {
    width: 100%;

    /* margin-top: 20px; */
  }

  footer .t .r ul li a {
    font-size: 14px;
  }

  footer .t .r ul li:nth-child(2):after {
    height: 100%;
  }
}

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

.pbanner {
  /* background: url('./static/images/pbanner.webp') no-repeat center;

	background-size: 100% 100%; */

  position: relative;
}

.pbanner img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-size: cover;

  z-index: -1;
}

.pbanner p {
  font-size: 44px;

  font-weight: bold;

  padding: 200px 0;

  color: #fff;
}

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

@media screen and (max-width: 1440px) {
  .pbanner p {
    padding: 150px 0;
  }
}

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

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

@media screen and (max-width: 1024px) {
  .pbanner p {
    padding: 100px 0;

    font-size: 20px;
  }
}

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

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

@media screen and (max-width: 425px) {
  .pbanner p {
    padding: 60px 0;
  }
}

/* mvx */

/* Breadcrumb */

.in_position {
  padding: 0.2rem 0;

  background: #ffffff;

  position: relative;
}

.in_position .wrap {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;
}

.in_position a {
  display: block;

  font-size: 15px;

  color: #333;

  position: relative;

  text-wrap: wrap;

  line-height: 20px;

  border-top-left-radius: 20px;

  /* 宸︿笂瑙掑渾瑙掑崐寰勪负20px */

  border-bottom-left-radius: 20px;

  padding: 10px 20px;
}

.in_position a:first-child::before {
  content: "";

  position: absolute;

  top: 46%;

  transform: translate(0, -50%);

  left: 15px;

  width: 18px;

  height: 18px;

  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="80" height="80" viewBox="0 0 2048 2048"%3E%3Cpath fill="currentColor" d="m1024 165l941 942l-90 90l-83-82v805h-640v-640H896v640H256v-805l-83 82l-90-90l941-942zm640 1627V987l-640-640l-640 640v805h384v-640h512v640h384z"%2F%3E%3C%2Fsvg%3E')
    no-repeat center;

  background-size: contain;
}

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

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

.in_position a:not(:last-child) {
  position: relative;
}

.in_position a:not(:last-child):after {
  content: ">";

  margin: 0 4px;

  color: #555;
}

.in_position a:last-child {
  color: #fff;

  background: var(--i_color);

  border-radius: 20px !important;
}

.in_position a:hover {
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
  .in_position a:first-child::before {
    left: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .in_position a:first-child::before {
    left: 15px;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

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

  .in_position {
    padding: 0.16rem 0;
  }

  .in_position a {
    font-size: 14px;

    padding: 0rem;

    box-sizing: border-box;

    padding: 0.1rem 0.2rem;

    /* flex: 1; */

    display: flex;
  }

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

    background: none;
  }

  .in_position a:not(:last-child):after {
    content: ">";

    margin: 0 4px;

    color: #555;

    position: absolute;

    top: 50%;

    left: 95%;

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

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

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

  .in_position a:nth-child(3) {
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

    width: 100%;
  }

  .in_position a:nth-child(4) {
    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

    width: 100%;
  }

  .in_position a:not(:last-child):after {
    content: ">";

    margin: 0 4px;

    color: #555;

    position: absolute;

    top: 50%;

    left: 90%;

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

.in_position .bg {
  display: flex;

  background-color: #fff;

  border-radius: 20px;

  box-shadow: rgba(210, 210, 210, 0.5) 0px 3.752px 3.752px 0px;

  flex-wrap: nowrap;
}

/* 棣栭〉浜у搧 */

.home_product_bac {
  width: 100%;

  box-sizing: border-box;

  padding: 0.4rem 0;
}

.home_product {
  --home_class_w: 3.5rem;
}

.home_product {
  display: flex;

  display: -webkit-flex;

  flex-wrap: wrap;
}

.home_product_class {
  width: var(--home_class_w);
}

.home_product_class p {
  padding-top: 10px;

  padding-bottom: 10px;

  font-size: 30px;

  color: #23334c;

  /* background-color: var(--i_color2); */

  line-height: 0.5rem;

  box-sizing: border-box;

  padding-left: 5%;

  background: #f6f9fe;

  font-weight: bold;

  border-top-right-radius: 20px;

  border-top-left-radius: 20px;
}

.home_product_class ul {
  background: #f6f9fe;
}

.home_product_class li {
  background: #f6f9fe;

  box-sizing: border-box;

  padding: 0 5%;

  transition: all 0.3s ease;

  border-bottom-left-radius: 20px !important;

  border-bottom-right-radius: 20px !important;
}

.home_product_class li.active a {
  color: var(--i_color);
}

.home_product_class li a {
  font-size: 0.14rem;

  line-height: 0.5rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  box-sizing: border-box;

  display: block;

  transition: all 0.3s ease;
}

.home_product_class li:hover {
}

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

.home_product_list {
  width: calc(100% - var(--home_class_w));
}

.home_productList_ul {
  display: flex;

  display: -webkit-flex;

  box-sizing: border-box;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 0.2rem 0;

  padding-left: 0.3rem;
}

.home_productList_ul li {
  width: 48%;

  /* margin-bottom: 0.2rem; */

  box-sizing: border-box;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.home_productList_ul a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.home_productList_img {
  width: 25%;
  position: relative;
  overflow: hidden;
}

.home_productList_img::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.home_productList_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  border-radius: 20px;
  transition: all 0.4s ease;
}

.home_productList_txt {
  width: 70%;
}

.home_productList_txt h2 {
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home_productList_txt h6 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.productList_more {
  display: flex;
  align-items: center;
  gap: 0 0.12rem;
}

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

.productList_more iconify-icon {
  font-size: 0.2rem;
  color: var(--i_color);
}

.home_productList_ul li:hover img {
  transform: translate(-50%, -50%) scale(1.1);
}
.home_productList_ul li:hover h2 {
  color: var(--i_color);
}

.home_product_list .wave_button {
  display: flex;

  display: -webkit-flex;

  justify-content: center;
}

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

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

@media screen and (max-width: 1440px) {
  .home_productList_ul {
    padding-left: 2%;
  }
}

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

@media screen and (max-width: 1200px) {
  .home_productList_ul {
    padding-left: 1%;
  }

  .home_product_bac {
    padding: 0;
  }
}

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

  .home_product .ap {
    width: 100%;
  }

  .home_product_list {
    width: 100%;
  }

  .home_productList_ul {
    width: 100%;
  }

  .home_productList_ul h2 {
    font-size: 20px;
  }

  .home_product_class p {
    font-size: 20px;
  }

  .home_productList_ul li {
    width: 48%;
    box-sizing: border-box;
  }
}

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

@media screen and (max-width: 768px) {
  .home_productList_ul li {
    width: 100%;
  }
}

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

  .home_product_list {
    width: 100%;
  }

  .home_productList_ul {
    padding-left: 0%;
  }

  .home_productList_ul li {
  }

  .home_productList_ul {
    margin-top: 0.2rem;

    justify-content: space-between;
  }
}

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

/* Number of pages */

.in_page_box {
  text-align: center;

  overflow: hidden;
}

.in_page {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: end;

  align-items: center;
}

.in_page li {
  min-width: 0.32rem;

  margin: 0 0.04rem;
}

.in_page a,
.in_page span {
  display: block;

  padding: 0 0.12rem;

  line-height: 0.32rem;

  font-size: 0.14rem;

  color: #666;

  background: #fff;

  -webkit-border-radius: 0.05rem;

  border-radius: 0.05rem;

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

  overflow: hidden;
}

.in_page > i {
  margin-top: 0.14rem;

  width: 100%;

  font-size: 0.13rem;

  color: #888;
}

.in_page a:hover,
.in_page .active_page a,
.in_page .active_page span {
  border-color: var(--i_color) !important;

  background: var(--i_color);

  color: #fff !important;
}

@media screen and (max-width: 1440px) {
  .in_page_box {
    padding-bottom: 0.6rem;
  }
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

@media screen and (max-width: 1024px) {
  .in_page_box {
    margin-top: 0.4rem;

    padding-bottom: 0 !important;
  }

  .in_page {
    justify-content: center;
  }
}

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

  .in_page a,
  .in_page span {
    line-height: 0.28rem;

    padding: 0 0.1rem;
  }
}

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

.ap p {
  position: relative;

  z-index: 3;
}

.ap p::after {
  content: "";

  position: absolute;

  left: 3%;

  top: 20%;

  width: 10%;

  aspect-ratio: 1/1;

  border-radius: 50%;

  background-color: rgba(26, 115, 233, 0.3);

  z-index: 2;
}

.ap p::before {
  content: "";

  position: absolute;

  bottom: 0;

  left: 5%;

  width: 90%;

  height: 1px;

  border-radius: 50%;

  background-color: #dcdcdc;

  z-index: 2;
}

.ap p {
  /* border-radius: 20px; */
}

.ap ul {
  border-radius: 20px;
}

.ap .box {
  display: flex;

  gap: 0.2rem;

  background-color: #f6f9fe;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  align-items: center;

  flex-wrap: wrap;

  padding: 0.2rem;

  box-sizing: border-box;
}

.ap .box div {
  padding: 5px;

  background: var(--i_color);

  border-radius: 5px;

  font-size: 22px;

  color: #fff;

  margin-top: 10px;

  margin-left: 20px;
}

.ap .box a {
  padding: 5px;

  background: var(--i_color);

  border-radius: 5px;

  font-size: 22px;

  color: #fff;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.ap .box a:hover {
  -webkit-transform: translate(0, -8px);

  transform: translate(0, -8px);
}

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

@media screen and (max-width: 1440px) {
  .ap .box a {
    font-size: 0.2rem;
  }
}

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

@media screen and (max-width: 1200px) {
  .ap .box a {
    font-size: 0.18rem;
  }
}

@media screen and (max-width: 1024px) {
  .ap .box a {
    font-size: 0.16rem;
  }

  .ap .box div {
    font-size: 14px;
  }
}

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

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

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

/* details */

.pdslider {
  display: flex;

  justify-content: space-between;
}

.pdslider .l {
  width: 49%;
}

.pdslider .r {
  width: 49%;
}

/* copy

 */

/* Inside Page - Products details */

.p_det_box {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;
}

.products_det_box {
  --img_size: 550px;

  --sm_img_box: 370px;
}

.products_det_box {
  width: 100%;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;
}

/* Photo Gallery TAB */

.magnifier {
  position: relative;

  width: var(--img_size);
}

.small-box {
  position: relative;

  width: 100%;

  box-sizing: border-box;

  background: #fff;

  border-radius: 20px;

  overflow: hidden;
}

.small-box::before {
  content: "";

  display: block;

  padding-bottom: 100%;
}

.small-box img {
  position: absolute;

  top: 50%;

  left: 50%;

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

  width: 100%;

  height: 100%;

  object-fit: cover;
}

.small-box .hover {
  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 50%;

  height: 50%;

  background: rgb(0 0 0 / 40%);

  cursor: move;
}

.small-box .count {
  position: absolute;

  top: 0.2rem;

  right: 0.2rem;

  font-size: 0.2rem;

  color: #fff;
}

.small-box .count i {
  font-size: 0.3rem;

  color: var(--i_color);
}

.thumbnail-box {
  margin-top: 0.16rem;

  position: relative;

  width: 100%;
}

.thumbnail-box .btn {
  opacity: 0.6;

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  width: 30px;

  height: 100%;

  cursor: pointer;
}

.thumbnail-box .btn-prev {
  left: 0;

  background: url(static/images/public/arrow/hollow/arrow_l_b.svg) no-repeat
    center;

  background-size: 0.26rem;
}

.thumbnail-box .btn-next {
  right: 0;

  background: url(static/images/public/arrow/hollow/arrow_r_b.svg) no-repeat
    center;

  background-size: 0.26rem;
}

.thumbnail-box .btn-prev.btn_prev_disabled {
  background: #ccc;

  cursor: not-allowed;
}

.thumbnail-box .btn-next.btn_next_disabled {
  background: #ccc;

  cursor: not-allowed;
}

.thumbnail-box .list {
  overflow: hidden;

  /* width: var(--sm_img_box); */

  margin: 0 auto;

  width: 100%;
}

.thumbnail-box .wrapper {
  width: 100000px;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;
}

.thumbnail-box .list .item {
  width: calc((var(--sm_img_box) - 15px) / 3);

  height: calc((var(--sm_img_box) - 15px) / 3);

  margin-right: 5px;

  box-sizing: border-box;

  border-radius: 10px;

  background: #fff;

  cursor: pointer;

  margin: 0 10px;

  overflow: hidden;
}

.thumbnail-box .list .item-cur {
  border: 2px solid var(--i_color);

  overflow: hidden;
}

.thumbnail-box .list .item img {
  width: 100%;

  height: 100%;

  object-fit: cover;

  box-sizing: border-box;
}

.big-box {
  display: none;

  overflow: hidden;

  position: absolute;

  left: calc(var(--img_size) + 10px);

  top: 0;

  width: var(--img_size);

  height: var(--img_size);

  background-color: #fff;

  box-sizing: border-box;

  border: 1px solid #e4e4e4;

  z-index: 2013;
}

.big-box img {
  display: block;
}

@media screen and (max-width: 1366px) {
  .products_det_box {
    --img_size: 400px;

    --sm_img_box: 300px;
  }
}

@media screen and (max-width: 1200px) {
  .products_det_box {
    --img_size: 360px;

    --sm_img_box: 371px;
  }
}

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

  .thumbnail-box .list .item {
    width: calc((var(--sm_img_box) - 15px) / 4);

    height: calc((var(--sm_img_box) - 15px) / 4);

    margin-right: 5px;

    box-sizing: border-box;

    border-radius: 20px;

    background: #fff;

    cursor: pointer;

    margin: 0;
  }

  .thumbnail-box .list {
    overflow: hidden;

    width: var(--sm_img_box);

    margin: 0 auto;

    /* width: 100%; */
  }

  .thumbnail-box .wrapper {
    gap: 0.04rem;
  }
}

@media screen and (max-width: 767px) {
  .products_det_box {
    --img_size: 100%;

    --sm_img_box: 371px;
  }

  .small-box .hover,
  .big-box {
    display: none !important;
  }

  .thumbnail-box .btn-prev,
  .thumbnail-box .btn-next {
    background-size: 0.18rem;
  }
}

@media screen and (max-width: 560px) {
  .products_det_box {
    --sm_img_box: 369px;
  }
}

.p_detailDesc {
  margin-left: auto;

  width: calc(100% - var(--img_size) - 0.6rem);
}

.p_detailDesc h1 {
  font-size: 40px;

  font-weight: bold;

  color: #23334c;
}

.p_detailDesc .p1 {
  color: #f14444;

  font-size: 40px;

  font-weight: bold;

  border-bottom: 1px solid #d8d8d8;
}

.p_detailDesc .p1 span {
  color: #f14444;

  font-size: 40px;

  font-weight: bold;
}

.p_detailDesc article {
  width: 100%;

  font-size: 0.18rem;

  color: #666;

  line-height: 0.24rem;
}

.p_detailDesc .list1 p {
  color: #999;

  font-size: 20px;

  position: relative;
}

.p_detailDesc .list1 span {
  color: #333;

  font-size: 20px;
}

.p_detailDesc .list1 li {
  display: flex;

  gap: 0.1rem;

  align-items: center;

  padding-bottom: 20px;

  flex-wrap: wrap;
}

/* .p_detailDesc .list1 p::after{

	content: '';

	position: absolute;

	top:0;

	left: 0;

	width: 1.5%;

	height: 100%;

	background: url('./static/images/yx.png');

	/* border: 5px solid rgba(0,93,191,15%); */

/* aspect-ratio: 1/1; */

/* border-radius: 50%; */

/* background: var(--i_color2); */

.p_detailcs {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  margin: 0.36rem 0 0.5rem;

  box-sizing: border-box;

  border-top: 1px solid rgb(0 129 203 / 20%);

  border-left: 1px solid rgb(0 129 203 / 20%);
}

.p_detailcs dt {
  padding: 0.1rem;

  width: 50%;

  box-sizing: border-box;

  border-right: 1px solid rgb(0 129 203 / 20%);

  border-bottom: 1px solid rgb(0 129 203 / 20%);
}

.p_detailcs b {
  font-size: 0.15rem;

  color: #666;

  font-weight: bold;
}

.p_detailcs i {
  font-size: 0.14rem;

  color: #555;
}

.p_detailcs b,
.p_detailcs i {
  line-height: 0.2rem;

  box-sizing: border-box;
}

.p_detailcs .i_c i {
  font-weight: bold;

  color: #ff4a4a;
}

.p_f_t {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;
}

.p_f_t li {
  margin-right: 0.2rem;
}

.p_form {
  display: table;

  text-align: center;

  background: -webkit-linear-gradient(left, var(--i_color), var(--i_color3));

  background: linear-gradient(to right, var(--i_color));

  -webkit-border-radius: 0.05rem;

  border-radius: 0.05rem;

  overflow: hidden;

  position: relative;

  cursor: pointer;
}

.p_form::before {
  content: "";

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  left: 0.6rem;

  width: 0.24rem;

  height: 0.24rem;

  background: url(static/images/public/contact/email.svg) no-repeat center;

  background-size: contain;

  z-index: 2;
}

.p_form::after {
  content: "";

  position: absolute;

  top: 0;

  right: 0;

  width: 0;

  height: 100%;

  background: -webkit-linear-gradient(left, var(--i_color));

  background: linear-gradient(to right, var(--i_color));
}

.p_form i {
  padding: 0 0.64rem 0 1rem;

  font-size: 0.14rem;

  color: #fff;

  line-height: 0.4rem;

  position: relative;

  z-index: 3;
}

.p_form:hover::after {
  right: initial;

  left: 0;

  width: 100%;
}

.p_form,
.p_form::after {
  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.p_tel:hover a {
  background: var(--i_color);
}

.p_tel:hover a {
  color: #fff !important;

  background: var(--i_color) !important;
}

.p_tel a {
  color: var(--i_color);

  display: block;

  /* padding-left: 0.3rem; */

  font-size: 0.14rem;

  line-height: 0.4rem;

  position: relative;

  z-index: 3;

  color: #fff !important;

  display: table;

  text-align: center;

  padding: 0 0.6rem;

  -webkit-border-radius: 0.05rem;

  border-radius: 0.05rem;

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

  overflow: hidden;

  position: relative;

  cursor: pointer;

  border-radius: 100px;

  background: var(--i_color);
}

.p_tel a::before {
  content: "";

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  left: 0;

  width: 0.22rem;

  height: 0.22rem;

  background: url(static/images/public/footer_menu/tel.svg) no-repeat left
    center;

  background-size: contain;
}

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

  background: rgba(26, 115, 233, 0.15) !important;
}

.p_tel {
}

.share {
  display: flex;

  gap: 0.2rem;

  align-items: center;

  padding: 80px 0;
}

.share p {
  font-size: 18px;

  color: #333;
}

.share iconify-icon {
  font-size: 30px;

  color: #e7e7e7;

  cursor: pointer;
}

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

@media screen and (max-width: 1024px) {
  .share {
    padding: 10px 0 !important;
  }

  .p_detailDesc .p1 span {
    font-size: 20px;
  }

  .p_detailDesc .p1 {
    font-size: 20px;

    padding: 10px 0;
  }

  .p_detailDesc .list1 p {
    font-size: 14px;
  }

  .p_detailDesc .list1 span {
    font-size: 14px;
  }

  .p_detailDesc {
    width: calc(100% - var(--img_size) - 0.4rem);
  }

  .p_detailDesc h1 {
    font-size: 0.18rem;

    border-width: 1px;
  }

  .p_detailDesc article {
    font-size: 0.14rem;
  }

  .p_detailcs b {
    font-size: 0.14rem;
  }

  .p_detailcs i {
    font-size: 0.13rem;
  }

  .p_detailcs {
    margin: 0.3rem 0 0.4rem;
  }

  .p_detailDesc .list1 li {
    padding-bottom: 0;
  }

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

  .p_f_t li {
    /* width: 100%; */
  }

  .p_f_t {
    gap: 0 20px;

    margin-bottom: 0.2rem;

    justify-content: start;
  }

  .p_tel a {
    padding: 0px 20px;

    line-height: 0.3rem;
  }

  .p_f_t li:nth-child(2) {
    /* display: none; */
  }

  .p_form i {
    font-size: 0.13rem;
  }
}

@media screen and (max-width: 767px) {
  .p_detailDesc {
    margin: 0.4rem 0 0 0;

    width: 100%;
  }

  .p_detailcs {
    margin: 0.2rem 0 0.3rem;
  }
}

@media screen and (max-width: 560px) {
  .p_detailDesc h1 {
    font-size: 0.17rem;
  }

  .p_detailDesc article {
    font-size: 0.13rem;

    line-height: 0.2rem;

    color: #666;
  }

  .p_detailcs dt {
    padding: 0.06rem 0.1rem;

    width: 100%;
  }

  .p_f_t {
    justify-content: center;
  }

  .p_f_t li {
    margin: 0 0;
  }

  .p_form::before {
    width: 0.2rem;

    height: 0.2rem;
  }

  .p_form i {
    font-size: 0.12rem;

    line-height: 0.36rem;
  }
}

.pxxk {
  width: 100%;

  display: flex;

  justify-content: space-between;

  background-color: #f3f3f3;
}

.pxxk .l {
  width: 80%;
}

.pxxk .r {
  width: 19%;
}

.pxxk > .wrap {
  display: flex;

  justify-content: space-between;
}

.pxxk .home_product_class ul {
  background-color: #fff !important;
}

.pxxk .home_product_class p {
  background: #fff;
}

.pxxk .home_product_class li {
  background-color: #fff;
}

.pxxk .ap .box {
  background: #fff;

  box-sizing: border-box;

  padding: 0.2rem;
}

/* editor */

.editor {
  background-color: #f0f0f0;
}

.editor_area {
  width: 100%;
}

.editor_list {
  display: flex;

  display: -webkit-flex;

  gap: 0 0.15rem;

  padding-bottom: 0.15rem;
}

.editor_list ul {
  display: flex;

  display: -webkit-flex;

  /* gap:0 0.15rem; */

  background-color: #fff;

  border-radius: 10000px;
}

.editor_list ul li {
  cursor: pointer;

  font-size: 0.2rem;

  /* color: #fff; */

  box-sizing: border-box;

  padding: 0.25rem 0.4rem;

  /* background-color: var(--i_color); */

  text-transform: capitalize;

  transition: all 0.3s ease;

  /* border-top: 0.02rem solid var(--i_color); */

  border-radius: 1000px;
}

.editor_list a {
  display: inline-block;

  cursor: pointer;

  font-size: 0.2rem;

  color: var(--i_color);

  box-sizing: border-box;

  padding: 0.25rem 0.4rem;

  background-color: #fff;

  text-transform: capitalize;

  transition: all 0.3s ease;

  border-top: 0.02rem solid var(--i_color);
}

.editor_list .current {
  background: var(--i_color);
  color: #fff;
}

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

.editor_dl {
  background-color: #fff;

  box-sizing: border-box;

  padding: 0.3rem;

  border-radius: 20px;
}

.editor_dl dt {
}

.editor_dl dt article {
  text-align: center;
}

/* single_form */

.single_form .contact_form {
  background: #f0f0f0;

  margin-bottom: 0;
}

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

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

@media screen and (max-width: 1200px) {
  .editor_list ul li,
  .editor_list a {
    padding: 0.2rem 0.3rem;

    font-size: 0.18rem;
  }
}

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

  .pxxk > .wrap {
    flex-wrap: wrap;
  }

  .pxxk .l {
    width: 100%;
  }

  .pxxk .r {
    width: 100%;
  }
}

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

@media screen and (max-width: 767px) {
  .editor_list ul li,
  .editor_list a {
    padding: 0.1rem 0.2rem;

    font-size: 0.16rem;
  }
}

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

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

/* contact */

.c_content {
  width: 100%;
}

.c_content .c_wrap {
  display: flex;

  flex-wrap: wrap;
}

.c_content .c_wrap .right {
  margin-right: auto;

  width: 49%;
}

.c_content .c_wrap .right h2 {
  font-size: 44px;

  font-weight: bold;

  color: #111111;
}

.c_content .c_wrap .right p {
  font-size: 20px;

  color: #666666;

  padding: 50px 0;
}

.c_content .c_wrap .left {
  width: 49%;

  background-color: #fafafa;

  border-radius: 20px;
}

.c_content .c_wrap .left img {
  width: 100%;

  border-radius: 20px;
}

.c_content .c_wrap .left .bottom {
  width: 100%;
}

.c_content .c_wrap .left .icon {
  font-size: 33px;

  margin-right: 5px;
}

.c_content .c_wrap .left .bottom ul li:nth-child(1) {
  /* border: 1px solid #111111; */

  border-bottom: 1px solid #d8d8d8;

  position: relative;

  display: flex;

  display: -webkit-flex;

  align-items: center;
}

.c_content .c_wrap .left .bottom ul li:nth-child(1)::after {
  content: "";

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 30%;

  height: 2px;

  background-color: var(--i_color);

  transition: all 0.5s ease;
}

.c_content .c_wrap .left .bottom ul li:nth-child(1):hover::after {
  width: 100%;
}

.c_content .c_wrap .left .bottom li .a1 {
  font-size: 24px;

  color: #222222;

  display: inline-block;

  font-weight: bold;
}

.c_content .c_wrap .left .bottom li .a1:hover {
  color: var(--color);
}

.c_content .c_wrap .left .bottom li .a2:hover {
  color: var(--i_color);
}

.c_content .c_wrap .left .bottom li .a2 {
  font-size: 18px;

  color: #222222;
}

.c_content .c_wrap .left .bottom ul {
  padding: 0 20px;

  margin: 10px 0;
}

.c_content .c_wrap .left .bottom li {
  padding: 10px;
}

.map_box {
  width: 100%;

  background-color: lightgray;
}

.c_map {
  width: 100%;

  height: 700px;
}

/* 111 */

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

@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: 960px) {
}

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

@media screen and (max-width: 560px) {
  .c_content .c_wrap .right h2 {
    font-size: 16px;
  }
}

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

@media screen and (max-width: 1024px) {
  .c_map {
    height: 300px;
  }

  .c_content .c_wrap .left .icon {
    font-size: 24px;
  }

  .c_content .c_wrap .right {
    width: 100%;
  }

  .c_content .c_wrap .right h2 {
    font-size: 18px;
  }

  .c_content .c_wrap .right p {
    padding: 10px 0;

    font-size: 14px;
  }

  .c_content .c_wrap .left {
    margin-top: 20px;

    width: 100%;
  }

  .c_content .c_wrap .left .bottom li .a1 {
    font-size: 16px;
  }

  .c_content .c_wrap .left .bottom li .a2 {
    font-size: 14px;
  }

  #wpforms-155 .wpforms-submit-container img {
    height: 20px;
  }

  #wpforms-234567 .wpforms-submit-container img {
    height: 18px;
  }
}

#wpforms-234567 {
  --input_font_size: 14px;

  --input_height: 0.46rem;
}

#wpforms-234567 {
  margin: 0;

  padding: 0;
}

#wpforms-form-234567 {
  width: 100%;

  position: relative;

  overflow: hidden;
}

#wpforms-234567 input,
#wpforms-234567 button {
  margin: 0;

  padding: 0;

  border: none;

  background: none;
}

#wpforms-234567 .wpforms-field {
  padding: 0;

  margin: 0;
}

#wpforms-234567 .wpforms-field-label {
  font-size: 0;
}

#wpforms-234567 .wpforms-required-label {
  position: absolute;

  top: 0.06rem;

  left: 4px;

  font-size: 0.16rem;

  color: #f00;
}

#wpforms-234567 .wpforms-field {
  width: 100%;

  background: transparent;

  padding-bottom: 0.2rem;

  position: relative;

  overflow: hidden;
}

#wpforms-234567 .wpforms-field-container input,
#wpforms-234567 textarea,
#wpforms-234567 select {
  width: 100%;

  max-width: 100% !important;

  min-width: 100%;

  font-size: var(--input_font_size);

  color: #333;

  height: var(--input_height);

  box-sizing: border-box;

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

  background: #fafafa;

  padding: 0 0.1rem 0 0.16rem;

  overflow: hidden;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;

  border-radius: 5px;
}

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

#wpforms-234567 input {
  line-height: var(--input_height);
}

#wpforms-234567 textarea {
  line-height: 0.22rem;

  min-height: 2rem;

  padding: 0.06rem 0.16rem;
}

#wpforms-234567 input::-webkit-input-placeholder,
#wpforms-234567 textarea::-webkit-input-placeholder {
  color: rgb(0 0 0 / 40%);

  font-size: var(--input_font_size);
}

#wpforms-234567 input::-moz-placeholder,
#wpforms-234567 textarea::-moz-placeholder {
  color: rgb(0 0 0 / 40%);

  font-size: var(--input_font_size);
}

#wpforms-234567 input::-ms-input-placeholder,
#wpforms-234567 textarea::-ms-input-placeholder {
  color: rgb(0 0 0 / 40%);

  font-size: var(--input_font_size);
}

#wpforms-234567-field_1-error,
#wpforms-234567-field_2-error,
#wpforms-234567-field_3-error,
#wpforms-234567-field_4-error,
#wpforms-234567-field_5-error,
#wpforms-234567-field_6-error {
  position: absolute;

  font-size: 12px;

  color: #a90909;
}

#wpforms-234567 .wpforms-field-container {
  width: 100%;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  overflow: hidden;
}

#wpforms-234567 .wpforms-submit-container {
  width: 200px;

  text-align: center;

  padding: 0;

  overflow: hidden;

  position: relative;
}

#wpforms-234567 .wpforms-submit-container button {
  width: 100%;

  height: 0.42rem;

  font-size: 12px;

  color: #fff;

  font-weight: bold;

  line-height: 0.42rem;

  background: var(--i_color);

  cursor: pointer;

  position: relative;

  z-index: 2;

  border-radius: 5px;
}

#wpforms-234567 .wpforms-submit-container button:hover {
  background: var(--i_color2);
}

#wpforms-234567 .wpforms-submit-container img {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 4px;

  z-index: 2;

  display: none;
}

/* news */

#new_a {
  display: block;

  background-color: none;
}

.new_box {
  width: 100%;
}

.new_box .new_m {
  display: flex;

  flex-wrap: wrap;

  gap: 10px 5%;
}

.new_box .new_m .card {
  width: 30%;

  margin-top: 20px;

  border-radius: 20px;

  box-shadow: rgba(0, 124, 137, 0.28) 0px 0px 0px 0.279318px inset;

  box-sizing: border-box;
}

.new_box .new_m .card:hover {
  border: 1px solid var(--color);
}

.new_box .new_m .card .new_imgbox {
  width: 100%;

  overflow: hidden;

  border-top-left-radius: 0.2rem;

  border-top-right-radius: 0.2rem;

  position: relative;
  padding-bottom: 60%;
  overflow: hidden;
}

.new_box .new_m .card .new_imgbox img {
  object-fit: contain;

  transition: all 0.5s ease;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.new_box .new_m .card:hover img {
  transform: scale(1.05);
}

.new_box .new_m .card .nwe_btn {
  padding: 0 10px;
}

.new_box .new_m .card .nwe_btn a,
.new_box .new_m .card .nwe_btn b {
  margin-top: 10px;

  display: table;

  padding: 10px 20px;

  background-color: #eeeeee;

  /* border-radius: 5px; */

  transition: all 0.3s;

  color: #999999;

  font-size: 20px;

  font-weight: bold;

  border-radius: 5px;
}

.new_box .new_m .card h2 a:hover {
  color: var(--color);
}

.new_box .new_m .card p a:hover {
  color: var(--color);
}

.new_box .new_m .card h2 {
  font-size: 24px;

  color: #111111;

  margin: 10px;

  overflow: hidden;

  font-weight: bold;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
}

.new_box .new_m .card p {
  display: block;

  font-size: 18px;

  color: #666666;

  margin: 0.2rem 10px 0.4rem 0.1rem;

  box-sizing: border-box;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;
}

.new_box .new_m .card {
  cursor: pointer;

  border-radius: 20px;
}

.new_box .new_m .card .nwe_btn a,
.new_box .new_m .card .nwe_btn b:hover {
}

.new_box .new_m .card:hover .nwe_btn > b {
  color: #fff;

  background-color: var(--i_color);
}

.new_box .new_m .card:hover .nwe_btn p {
  background-color: var(--i_color);
}

.new_box .new_m .card .n_bt1 a {
}

@media screen and (max-width: 1024px) {
  .new_box .new_m {
    gap: 0.2rem 4%;
  }

  .new_box .new_m .card {
    width: 48%;
  }

  .new_box .new_m {
    display: flex;

    flex-wrap: wrap;
  }

  .new_box .new_m .card h2 {
    font-size: 18px;
  }

  .new_box .new_m .card p {
    font-size: 16px;

    margin: 0.2rem 0.1rem;
  }
}

.new_imgbox img {
  width: 100%;
}

.new_box .new_m .card .n_bt1 a {
}

.new_box .new_m .card .nwe_btn a,
.new_box .new_m .card .nwe_btn b:hover {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .new_box .new_m .card h2 {
    font-size: 16px;
  }

  .new_box .new_m .card p {
    font-size: 14px;
  }

  .new_box .new_m .card .nwe_btn a,
  .new_box .new_m .card .nwe_btn b {
    color: #fff;

    padding: 10px 20px;

    background-color: var(--i_color);
  }

  .new_box .new_m .card .nwe_btn a,
  .new_box .new_m .card .nwe_btn b:hover {
    /* background-color: #cba315; */
  }

  .new_box .new_m .card .nwe_btn a,
  .new_box .new_m .card .nwe_btn b {
    font-size: 12px;
  }
}

@media screen and (max-width: 764px) {
  .new_box .new_m .card {
    width: 100%;

    margin-top: 20px;
  }
}

/* about */

/* about us */

.about_txt {
  width: 100%;
}

.about_txt .a_wrap {
  display: flex;

  flex-wrap: wrap;
}

.about_txt .a_wrap .right {
  width: 40%;

  margin-right: auto;
}

.about_txt .a_wrap .right h2 {
  font-size: 36px;

  color: #222222;

  font-weight: bold;

  margin-bottom: 20px;
}

.about_txt .a_wrap .right p {
  font-size: 18px;

  color: #666666;
}

.about_txt .a_wrap .left {
  width: 55%;
}

.about_txt .a_wrap .left .top {
  width: 100%;
}

.about_txt .a_wrap .left .bottom {
  margin-top: 10px;

  display: flex;
}

.about_txt .a_wrap .left .bottom .b_right {
  width: 49%;
}

.about_txt .a_wrap .left .bottom .b_left {
  width: 49%;

  margin-left: auto;
}

.about_txt .a_wrap .left .top {
  overflow: hidden;
}

.about_txt .a_wrap .left .bottom .b_left {
  overflow: hidden;
}

.about_txt .a_wrap .left .bottom .b_right {
  overflow: hidden;
}

.about_txt .a_wrap img {
  width: 100%;

  height: 100%;

  transition: all 0.5s;
}

.about_txt .a_wrap img:hover {
  transform: scale(1.05);
}

@media screen and (max-width: 1024px) {
  .about_txt .a_wrap .right h2 {
    font-size: 20px;
  }

  .about_txt .a_wrap .right p {
    font-size: 14px;
  }

  .about_txt .a_wrap .left {
    width: 100%;

    margin-top: 20px;
  }

  .about_txt .a_wrap .right {
    width: 100%;
  }
}

.advantion .ad_t {
  font-size: 36px;

  color: #222222;
}

.advantion .text p {
  padding: 40px;

  margin-top: 20px;

  font-size: 16px;
}

.advantion .text {
}

.advantion {
  background-color: #f8f8f8;
}

.advantion .ad_title text p {
  display: inline-block;

  padding: 20px 20px;
}

.advantion .ad_title p {
  width: 76%;

  background-color: #ffffff;

  color: #666666;

  /* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1); */
}

.advantion .ad_title {
  display: flex;

  gap: 0.2rem;
}

.advantion .text_bot {
  display: flex;

  justify-content: space-around;

  align-items: center;

  width: 94%;

  background-color: #ffffff;

  /* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1); */
}

.advantion .text_bot .text_bot_l {
  font-size: 28px;

  /* background-color: #EEC73E; */
}

.advantion .text_bot .text_bot_r #text_h2 {
  font-size: 26px;

  font-weight: bold;
}

.advantion .text_bot .text_bot_l .icon {
  padding: 20px;

  background: rgb(238, 199, 62, 15%);

  color: #f7c003;

  transition: all 0.5s ease;
}

.advantion .text_bot .text_bot_l .icon:hover {
  background-color: rgba(238, 199, 62, 100%);

  color: #111111;
}

.advantion .text_bot .t_l .icon:hover {
  background-color: rgba(238, 199, 62, 100%);

  color: #111111;
}

/* .advantion .text_bot .text_bot_l:hover{

} */

.advantion .text_bot {
  position: relative;

  /* border: 1px solid black; */

  margin-top: 40px;
}

.advantion .text_bot::before {
  content: "";

  /* box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1); */

  width: 0;

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  border-bottom: 20px solid #fff;

  /* background-color: #000000; */

  position: absolute;

  top: -20px;

  left: 69px;
}

.advantion .text_bot .shape {
  /* background-color: #333333; */

  position: absolute;

  top: 0;

  left: 0;

  width: 0;

  height: 0;

  border-left: 10px solid transparent;

  border-right: 10px solid transparent;

  /* border-bottom: 20px solid #000; */
}

.advantion .text_color2 {
  background-color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .advantion .text_bot .text_bot_l .icon {
    font-size: 25px;
  }

  .advantion .ad_title p {
    font-size: 14px;

    width: 80%;

    margin: 0 auto;
  }

  .advantion .a_t1 {
    width: 100%;

    display: flex;

    flex-direction: column-reverse;
  }

  .advantion .a_t2 {
    /* display: none;

		 */

    width: 100%;

    display: flex;

    flex-direction: column-reverse;
  }

  .advantion .a_t3 {
    /* display: none; */

    width: 100%;

    display: flex;

    flex-direction: column-reverse;
  }

  .advantion .text_bot {
    width: 100%;

    margin-bottom: 20px;
  }

  .advantion .text_bot::before {
    content: none;
  }

  .advantion .text_bot .text_bot_r #text_h2 {
    font-size: 16px;
  }

  .advantion .ad_t {
    font-size: 20px;
  }

  .advantion .ad_title {
    flex-wrap: wrap;
  }
}

/* products */

.p_btn3 {
  display: table;

  background: #f0f0f0;

  padding: 15px 30px;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.category {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  gap: 0.2rem 0.4rem;
}

.category li:hover .p_btn3 {
  background: var(--i_color);
}

.category li .p_btn3 b {
  color: #333;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.category li:hover .p_btn3 b {
  color: #fff;
}

.i_category.i_category2 {
  background: none;
}

.i_category2 .wrap ul li {
  width: 23%;
}

.i_category2 .wrap ul {
  justify-content: flex-start;

  gap: 0.4rem 2.66%;
}

.i_category2 article {
  width: 80%;

  margin: 0.2rem auto;
}

/* Number of pages */

.in_page_box {
  text-align: center;

  overflow: hidden;
}

.in_page {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;
}

.in_page li {
  min-width: 0.32rem;

  margin: 0 0.04rem;
}

.in_page a,
.in_page span {
  display: block;

  padding: 0 0.12rem;

  line-height: 0.32rem;

  font-size: 0.14rem;

  color: #666;

  background: #fff;

  -webkit-border-radius: 1rem;

  border-radius: 1rem;

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

  overflow: hidden;
}

.in_page > i {
  margin-top: 0.14rem;

  width: 100%;

  font-size: 0.13rem;

  color: #888;
}

.in_page a:hover,
.in_page .active_page a,
.in_page .active_page span {
  border-color: var(--i_color) !important;

  background: var(--i_color);

  color: #fff !important;
}

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

  .p_btn3 {
    padding: 10px 20px;
  }
}

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

  .in_page a,
  .in_page span {
    line-height: 0.28rem;

    padding: 0 0.1rem;
  }
}

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

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

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

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

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

@media screen and (max-width: 768px) {
  .i_category2 .wrap ul {
    gap: 0.2rem 2%;
  }

  .i_category2 .wrap ul li {
    width: 49%;
  }
}

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

/* aside */

.aside_right {
  position: fixed;

  top: 50%;

  right: 10px;

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

  z-index: 999999;
}

.aside_right ul {
}

.aside_right li {
  position: relative;

  cursor: pointer;
}

.aside_right li > a {
  display: block;

  transition: all 0.3s ease;

  width: 0.46rem;

  margin-top: 5px;

  -webkit-border-radius: 1rem;

  border-radius: 1rem;

  height: 0.46rem;

  background: rgb(128 128 128 / 50%);

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: 3;
}

.aside_right em {
  display: block;

  margin: 0 auto;

  width: 20px;

  height: 20px;
}

.aside_right li:nth-child(1) em {
  background: url(static/images/aside_ico_whatsapp.svg) no-repeat center;

  background-size: contain;
}

.aside_right li:nth-child(2) em {
  background: url(static/images/email.svg) no-repeat center;

  background-size: contain;
}

.aside_right li:nth-child(3) em {
  background: url(static/images/top1.svg) no-repeat center;

  background-size: contain;
}

.aside_right li:nth-child(4) em {
  background-size: contain;
}

.aside_right li > a:hover {
  background: var(--i_color);
}

.side_tel_box,
.side_qr_box {
  position: absolute;

  box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.2);

  display: flex;

  justify-content: center;

  align-items: center;

  z-index: -1;
}

.side_tel_box {
  top: 7px;

  right: -300px;

  width: 180px;

  background: #fff;
}

.side_qr_box {
  top: 50%;

  transform: translate(0, -50%);

  right: -180px;

  width: 120px;

  height: 120px;

  background: #fff;
}

.side_tel_box h6 {
  padding: 8px 0;

  font-size: 14px;

  color: #666;
}

.side_tel_box h6 a {
  line-height: 20px;
}

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

.side_qr_box img {
  width: 90%;

  height: 90%;
}

.aside_right li:hover .side_tel_box,
.aside_right li:hover .side_qr_box {
  right: 48px;
}

.side_tel_box,
.side_qr_box {
  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -ms-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;
}

/* 渚ц竟瀹㈡湇 琛ㄥ崟 */

#aside_mask_bg {
  display: none;

  position: fixed;

  top: 0%;

  left: 0%;

  width: 100%;

  height: 100%;

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

  z-index: 9999999999998;
}

#aside_sc_from {
  display: none;

  position: fixed;

  top: 50%;

  left: 50%;

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

  width: 800px;

  padding: 0.6rem 0.4rem;

  border-radius: 0.2rem;

  background: #e2e2e2;

  z-index: 9999999999999;

  overflow: auto;
}

#aside_sc_from .tit {
  margin-bottom: 40px;
}

#aside_sc_from .tit h6 {
  font-size: 26px;

  color: #333;

  text-align: center;

  text-transform: uppercase;

  font-weight: bold;

  line-height: 30px;
}

#wpforms-111111111111 {
  --input_font_size: 16px;

  --input_height: 42px;
}

#wpforms-111111111111 {
  width: 100%;

  margin: 0 auto;

  padding: 0;
}

#wpforms-form-111111111111 {
  width: 100%;

  overflow: hidden;
}

#wpforms-111111111111 input,
#wpforms-111111111111 button {
  margin: 0;

  padding: 0;

  border: none;

  background: none;
}

#wpforms-111111111111 .wpforms-field {
  padding: 0;

  margin: 0;
}

#wpforms-111111111111 .wpforms-error-container {
  line-height: 16px;
}

#wpforms-111111111111 .wpforms-field-container {
  width: 100%;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  overflow: hidden;
}

#wpforms-111111111111 .wpforms-submit-container {
  padding: 0 !important;

  width: 170px;

  height: var(--input_height);

  background: var(--i_color);

  border-radius: 0.2rem;

  position: relative;

  margin: 0 auto;
}

#wpforms-111111111111 .wpforms-field {
  position: relative;
}

#wpforms-111111111111 .wpforms-field-label {
  font-size: 0;
}

#wpforms-111111111111 .wpforms-field-label span {
  position: absolute;

  top: 15px;

  left: 3px;

  font-size: 0.14rem;

  color: red;
}

#wpforms-111111111111 .wpforms-field {
  width: 100%;

  margin-bottom: 10px;

  background: transparent;

  overflow: hidden;
}

#wpforms-111111111111 .wpforms-field:nth-child(1) {
  margin-right: 20px;
}

#wpforms-111111111111 .wpforms-field:nth-child(1),
#wpforms-111111111111 .wpforms-field:nth-child(2) {
  width: calc(50% - 10px);
}

#wpforms-111111111111 input {
  height: var(--input_height);
}

#wpforms-111111111111 textarea {
  min-height: 100px;
}

#wpforms-111111111111 input,
#wpforms-111111111111 textarea {
  width: 100%;

  border: 0;

  max-width: 100% !important;

  font-size: var(--input_font_size);

  border-radius: 0.1rem;

  background-color: white;

  color: #222;

  box-sizing: border-box;

  line-height: var(--input_height);

  padding: 0 10px;
}

#wpforms-111111111111 input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 textarea::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);

  font-size: var(--input_font_size);
}

#wpforms-111111111111 #wpforms-111111111111-field_1-error,
#wpforms-111111111111 #wpforms-111111111111-field_2-error,
#wpforms-111111111111 #wpforms-111111111111-field_3-error,
#wpforms-111111111111 #wpforms-111111111111-field_4-error {
  position: absolute;

  font-size: 14px;
}

#wpforms-111111111111 .wpforms-submit-container button {
  overflow: hidden;

  border-radius: 0.2rem;

  width: 100%;

  height: var(--input_height);

  font-size: 16px;

  color: #fff;

  line-height: var(--input_height);

  cursor: pointer;

  /* text-transform: uppercase; */

  position: relative;

  z-index: 2;
}

#wpforms-111111111111 .wpforms-submit-container img {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 4px;
}

#wpforms-150 {
  --wpforms-field-size-input-height: 42px;

  --wpforms-button-background-color: var(--i_color);

  --wpforms-button-border-color: var(--i_color);

  --wpforms-page-break-color: var(--i_color);
}

#wpforms-150 {
  margin: 0;

  padding: 0;
}

#wpforms-form-150 {
  width: 100%;

  position: relative;
}

#wpforms-150 .wpforms-field-container {
}

#wpforms-150 .wpforms-field-container > .wpforms-field {
  width: 100%;

  padding: 0 1px 20px;

  margin: 0 0 0px;

  overflow-x: initial !important;
}

#wpforms-150 .wpforms-field-container .wpforms-field-label {
  height: 0;

  font-size: 0;

  margin: 0 0;
}

#wpforms-150 .wpforms-field-container .wpforms-required-label {
  position: absolute;

  top: 4px;

  left: 4px;

  font-size: 15px;

  color: #f00;

  font-weight: bold;
}

#wpforms-150 .wpforms-field-container .wpforms-field > input,
#wpforms-150 .wpforms-field-container textarea,
#wpforms-150 .wpforms-field-container select,
#wpforms-150 .wpforms-field-container .choices {
  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  margin: 0 0;
}

#wpforms-150 .wpforms-field-container .wpforms-field > input,
#wpforms-150 .wpforms-field-container textarea,
#wpforms-150 .wpforms-field-container select {
  padding-left: 14px;

  padding-right: 14px;
}

#wpforms-150 .wpforms-field-container textarea {
  padding-top: 10px;

  padding-bottom: 10px;
}

#wpforms-150 .wpforms-field-container fieldset ul {
  padding: 0 2px;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;
}

#wpforms-150 .wpforms-field-container select {
  cursor: pointer;
}

#wpforms-150 .wpforms-field-container .wpforms-datepicker-wrap {
  width: 310px;
}

#wpforms-150 .wpforms-field-container .wpforms-datepicker-wrap input {
  width: 100%;

  max-width: 100%;
}

#wpforms-150 .wpforms-field-container .wpforms-datepicker-clear {
  right: 10px;
}

#wpforms-150 .wpforms-field-container em.wpforms-error,
#wpforms-150 .wpforms-field-container .mailcheck-error {
  position: absolute;

  margin: 0 0;

  bottom: -2px;
}

#wpforms-150 .wpforms-field-container {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;
}

#wpforms-150-field_1-container,
#wpforms-150-field_2-container {
  width: 48% !important;
}

#wpforms-150 .wpforms-submit-container {
  width: 260px;

  margin: 0 auto;
}

#wpforms-150 .wpforms-submit-container button {
  width: 100%;

  background: var(--i_color);
}

#wpforms-150 .wpforms-submit-container img {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 4px;

  z-index: 2;
}

#wpforms-150 .wpforms-submit-container button:hover {
  background: #002069;
}

.close {
  position: absolute;

  top: 20px;

  right: 30px;

  display: block;

  width: 50px;

  height: 50px;

  background: url(static/images/close_1_hei.svg) no-repeat center;

  background-size: contain;
}

.close:hover {
  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);
}

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

#wpforms-50 .wpforms-submit-container:hover {
  background-color: var(--i_color2);

  animation: a 0.5s 1 linear;

  animation-delay: 0.01s;
}

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

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

@media screen and (max-width: 1200px) {
  .aside_right li > a {
    width: 0.4rem;

    height: 0.4rem;
  }

  .aside_right em {
    width: 18px;

    height: 18px;
  }
}

@media screen and (max-width: 959px) {
  /* .aside_right{display:none} */

  #aside_sc_from {
    width: 80%;
  }

  #aside_sc_from .tit h6 {
    font-size: 0.2rem;
  }

  .close {
    width: 40px;

    height: 40px;

    top: 10px;

    right: 10px;
  }

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

    margin-right: 0;
  }
}

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

@media screen and (max-width: 560px) {
  #aside_sc_from {
    width: 87%;

    padding: 3%;
  }
}

.aside_right .li2 {
  display: none;
}

.pdbanner {
  background-image: url("./static/images/pdebanner.webp");
}

.i_ab .v {
  width: 49%;

  position: relative;

  /* order: -1; */
}

.i_ab .i_v_btn {
  position: absolute;

  top: 50%;

  right: 50%;

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

  padding: 0.15rem;

  border-radius: 100px;

  box-sizing: border-box;
}

.i_ab .i_v_btn iconify-icon {
  font-size: 30px;

  padding: 20px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.8);

  color: var(--i_color) !important;

  /* color: transparent; */

  cursor: pointer;
}

.i_ab .btn3 b {
  color: #fff;
}

.i_ab .btn .all {
}

.vd_box {
  display: none IMPO !important;

  position: fixed;

  top: 52%;

  left: 50%;

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

  z-index: 2014;

  width: 60%;

  max-height: 90%;
}

.i_a_btn {
  background: var(--liner_color);
}

.vd_box::before {
  content: "";

  display: block;

  padding-bottom: 56.25%;
}

.close_v {
  position: absolute;

  top: -0.2rem;

  right: -0.2rem;

  width: 0.4rem;

  height: 0.4rem;

  background: var(--i_color);

  z-index: 2;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  cursor: pointer;
}

.close_v::before {
  content: "+";

  position: absolute;

  top: 50%;

  left: 50%;

  font-size: 0.44rem;

  color: #fff;

  -webkit-transform: translate(-50%, -50%) rotate(45deg);

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

.vd_box iframe {
  position: absolute;

  top: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: #000;

  object-fit: contain;
}

@media screen and (max-width: 1024px) {
  .iabout .tit h6 {
    margin: 0 auto;
  }

  .iabout .tit p {
    text-align: center;

    margin: 0 auto;
  }

  .i_ab .btn {
    margin: 0 auto;
  }

  .vd_box {
    width: 80%;
  }

  .close_v::before {
    font-size: 0.4rem;
  }
}

@media screen and (max-width: 768px) {
  .vd_box {
    width: 88%;
  }

  .close_v {
    top: -0.15rem;

    right: -0.15rem;

    width: 0.3rem;

    height: 0.3rem;
  }

  .close_v::before {
    font-size: 0.3rem;
  }
}

.i_ab .v img {
  width: 100%;

  position: relative;
}

.i_ab .v img::before {
  content: "";

  position: absolute;

  width: 100%;

  height: 4px;

  bottom: 0;

  left: 0;

  background: var(--i_color);
}

.i_ab .txt {
  width: 45%;
}

.i_ab .txt .i_tit {
  display: flex;

  flex-direction: column;

  gap: 0.25rem 0;
}

.i_ab .txt h5 {
  /* line-height: 23px; */

  font-size: 0.36rem;

  color: var(--i_color);

  font-weight: 900;

  margin-bottom: 0.4rem;
}

.i_ab .txt article {
  line-height: 0.3rem;

  color: #333;

  font-size: 0.2rem;
}

.btnbox .btn {
  box-sizing: border-box;
}

.i_ab .txt article p {
  color: inherit;

  font-size: inherit;
}

.i_ab .txt .btn2 {
  background-color: var(--i_color2);

  color: #212121;

  font-size: 14px;

  font-weight: bold;
}

.i_ab .btnbox {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  gap: 0 0.2rem;

  align-items: center;
}

.i_ab .txt .btn2:hover {
  background-color: #cba315;
}

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

@media screen and (max-width: 1440px) {
  .i_ab .txt h5 {
    font-size: 0.2rem;
  }
}

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

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

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

  .i_ab .txt h5 {
    font-size: 14px;

    margin-bottom: 0.1rem;
  }

  .i_ab .txt {
    width: 100%;
  }

  .i_ab .v {
    width: 100%;

    margin-top: 0.2rem;
  }
}

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

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

@media screen and (max-width: 560px) {
  .i_ab .btnbox .btn {
    margin: 0;
  }

  .i_ab .i_v_btn iconify-icon {
    padding: 10px;

    font-size: 0.2rem;
  }

  .i_ab .txt .i_tit {
    gap: 0.05rem 0;
  }

  .i_ab .txt {
    width: 100%;

    margin-top: 20px;
  }

  .i_ab .v {
    width: 100%;
  }
}

* 鍚堜綔浼欎即 */ .en_partner_box {
  margin-top: 70px;
}

.en_partner {
  position: relative;
}

.en_partner_list {
  width: 100%;

  padding: 0;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  z-index: 1;
}

.en_partner_list .swiper-wrapper {
  display: flex;

  position: relative;

  width: 100%;

  z-index: 1;
}

.en_partner_list .swiper-slide {
  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-shrink: 0;

  position: relative;

  cursor: pointer;

  flex-direction: column;

  position: relative;
}

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

  position: absolute;

  bottom: 0;

  right: 0;

  width: 0;

  height: 5px;

  background-color: var(--i_color);

  transition: all 0.5s ease;

  z-index: 3;
}

.en_partner_list .img {
  width: 100%;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;
}

.en_partner_list .swiper-slide:hover img {
  -webkit-transform: scale(1.15, 1.15);

  transform: scale(1.15, 1.15);
}

.en_partner_list .img:before {
  content: "";

  display: block;

  padding-bottom: 66%;
}

.en_partner_list .img img {
  position: absolute;

  top: 0%;

  left: 0%;

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

  width: 100%;

  height: 100%;

  object-fit: cover;

  box-sizing: border-box;

  padding-top: 80px;

  overflow: hidden;
}

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

.en_partner_list .swiper-slide-active::after {
  right: auto;

  width: 100%;

  left: 0;
}

.en_partner_list .swiper-slide-active img {
  padding-top: 0 !important;
}

.en_partner_text {
  box-sizing: border-box;

  padding: 130px 0 40px 0;

  background: linear-gradient(360deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));

  position: absolute;

  bottom: -100%;

  left: 0;

  z-index: 2;

  width: 100%;

  transition: all 1s ease;

  color: #fff;

  text-align: center;

  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.en_partner_text h2 {
  font-size: 24px;

  line-height: 30px;

  color: #fff;

  box-sizing: border-box;

  padding: 0 2%;

  text-align: center;
}

.en_partner_list .swiper-slide-active .en_partner_text {
  bottom: 0;
}

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

@media screen and (max-width: 1440px) {
  .about_environments {
    padding-bottom: 80px;
  }
}

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

@media screen and (max-width: 1200px) {
  .about_environments {
    padding-bottom: 60px;
  }

  .en_partner_list .img img {
    padding-top: 60px;
  }

  .en_partner_text h2 {
    font-size: 20px;

    line-height: 28px;
  }
}

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

@media screen and (max-width: 960px) {
  .en_partner_text h2 {
    display: block;
    width: 100%;
    font-size: 14px;

    line-height: 24px;
    text-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .en_partner_list .img img {
    padding-top: 40px;
  }
}

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

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

/* --------------------------project---------------------- */

.project_ul {
  display: flex;

  display: -webkit-flex;

  gap: 0.4rem;

  flex-wrap: wrap;
}

.project_ul li {
  width: calc((100% - 0.4rem) / 2);

  transition: all 0.3s ease;

  border-bottom-left-radius: 0.2rem;

  border-bottom-right-radius: 0.2rem;

  overflow: hidden;
}

.project_ul li:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.project_ul li:hover img {
  -webkit-transform: scale(1.15, 1.15);

  transform: scale(1.15, 1.15);
}

.project_ul li a {
  display: block;

  width: 100%;

  background-color: white;
}

.project_ul_img {
  width: 100%;

  position: relative;

  overflow: hidden;

  border-radius: 0.2rem;
}

.project_ul_img::after {
  content: "";

  display: block;

  padding-bottom: 50%;
}

.project_ul_img img {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

  -webkit-transition: all 0.5s ease;

  transition: all 0.5s ease;
}

.project_ul_text {
  display: flex;

  display: -webkit-flex;

  align-items: center;

  box-sizing: border-box;

  padding: 0.25rem 2%;

  border-bottom-left-radius: 0.2rem;

  border-bottom-right-radius: 0.2rem;

  overflow: hidden;
}

.project_ul_text h2 {
  font-size: 0.24rem;

  color: #333;

  font-weight: bold;

  width: calc(100% - 0.36rem);

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

  box-sizing: border-box;

  padding-right: 0.1rem;

  transition: all 0.3s ease;
}

.project_ul_text i {
  display: block;

  width: 0.36rem;

  height: 0.17rem;

  background: url(static/imgs/right.webp) center no-repeat;

  background-size: contain;
}

.project_ul li:hover .project_ul_text h2 {
  color: var(--i_color2);
}

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

@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: 960px) {
}

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

  .project_ul li {
    width: calc((100% - 0.2rem) / 2);
  }
}

@media screen and (max-width: 560px) {
  .project_ul li {
    width: 100%;
  }
}

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

/* 鏂伴椈鍒嗙被 */

.news_class {
  /* border-bottom: 1px solid #D8D8D8; */

  display: flex;

  display: -webkit-flex;

  justify-content: space-between;

  flex-wrap: nowrap;

  position: relative;
}

.news_class::before {
  /* content: ''; */

  width: 100%;

  height: 1px;

  background: #d8d8d8;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translate(-50%);
}

.news_class li {
}

.news_class li.active {
  /* border-bottom: 1px solid var(--i_color); */
}

.news_class li a {
  display: inline-block;

  font-size: 0.2rem;

  color: #222;

  box-sizing: border-box;

  padding: 0.25rem 0;

  margin: 0 0.3rem;

  position: relative;

  border-top-left-radius: 0.1rem;

  border-top-right-radius: 0.1rem;
}

.news_class::after {
  content: "";

  position: absolute;

  bottom: -1px;

  right: 0;

  width: 0%;

  height: 0.03rem;

  background-color: var(--i_color);

  transition: all 0.3s ease;
}

.news_class li a:hover::after {
  width: 100%;

  right: auto;

  left: 0;
}

.news_class_active a::after {
  width: 100% !important;
}

@media screen and (max-width: 1440px) {
  .news_class li a {
    font-size: 0.18rem;
  }

  .news_class {
    flex-wrap: wrap;
  }
}

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

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

@media screen and (max-width: 1024px) {
  .news_class_active a {
    color: #fff !important;
    border: none !important;
  }
  .news_class a:hover {
    color: #fff !important;
  }

  .news_class a {
    border-radius: 0 !important;
  }

  .news_class::after {
    width: 0;
    height: 100%;
    z-index: -1;
  }

  .news_class {
    justify-content: start;
  }

  .news_class li a {
    font-size: 0.16rem;

    margin: 0.1rem 0.1rem;

    padding: 0.1rem 0.15rem;

    border: 1px solid #d8d8d8;
  }

  .news_class::before {
    content: none;
  }
}

@media screen and (max-width: 768px) {
  .news_class li {
    /* width: 100%; */
  }
}

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

/* 鑱旂郴椤佃〃鍗� */

#wpforms-155 {
  --wpforms-field-size-input-height: 42px;

  --wpforms-button-background-color: var(--i_color);

  --wpforms-button-border-color: var(--i_color);

  --wpforms-page-break-color: var(--i_color);
}

#wpforms-155 {
  margin: 0;

  padding: 0;
}

#wpforms-form-155 {
  width: 100%;

  position: relative;
}

#wpforms-155 .wpforms-field-container {
}

#wpforms-155 .wpforms-field-container > .wpforms-field {
  width: 100%;

  padding: 0 1px 20px;

  margin: 0 0 0px;

  overflow-x: initial !important;
}

#wpforms-155 .wpforms-field-container .wpforms-field-label {
  height: 0;

  font-size: 0;

  margin: 0 0;
}

#wpforms-155 .wpforms-field-container .wpforms-required-label {
  position: absolute;

  top: 4px;

  left: 4px;

  font-size: 15px;

  color: #f00;

  font-weight: bold;
}

#wpforms-155 .wpforms-field-container .wpforms-field > input,
#wpforms-155 .wpforms-field-container textarea,
#wpforms-155 .wpforms-field-container select,
#wpforms-155 .wpforms-field-container .choices {
  width: 100%;

  max-width: 100%;

  box-sizing: border-box;

  margin: 0 0;
}

#wpforms-155 .wpforms-field-container .wpforms-field > input,
#wpforms-155 .wpforms-field-container textarea,
#wpforms-155 .wpforms-field-container select {
  padding-left: 14px;

  padding-right: 14px;
}

#wpforms-155 .wpforms-field-container textarea {
  padding-top: 10px;

  padding-bottom: 10px;
}

#wpforms-155 .wpforms-field-container fieldset ul {
  padding: 0 2px;

  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;
}

#wpforms-155 .wpforms-field-container select {
  cursor: pointer;
}

#wpforms-155 .wpforms-field-container .wpforms-datepicker-wrap {
  width: 310px;
}

#wpforms-155 .wpforms-field-container .wpforms-datepicker-wrap input {
  width: 100%;

  max-width: 100%;
}

#wpforms-155 .wpforms-field-container .wpforms-datepicker-clear {
  right: 10px;
}

#wpforms-155 .wpforms-field-container em.wpforms-error,
#wpforms-155 .wpforms-field-container .mailcheck-error {
  position: absolute;

  margin: 0 0;

  bottom: -2px;
}

/* #wpforms-155 .wpforms-field-container{display:-webkit-flex; display:flex; flex-wrap:wrap;justify-content: space-between;}

#wpforms-155-field_1-container,

#wpforms-155-field_2-container

{width: 48%;} */

#wpforms-155 .wpforms-submit-container {
  width: 260px;
}

#wpforms-155 .wpforms-submit-container button {
  width: 100%;

  background: var(--i_color);
}

#wpforms-155 .wpforms-submit-container img {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  right: 4px;

  z-index: 2;
}

#wpforms-155 .wpforms-submit-container button:hover {
  background: #085585;
}

/* search results list */

.in_search_list {
  margin-bottom: 0.2rem;
}

.in_search_list a {
  background: #f5f5f5 !important;
}

/* search results list */

.in_search_list {
  overflow: hidden;
}

.in_search_list li {
  box-sizing: border-box;

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

  margin-bottom: 0.26rem;
}

.in_search_list a {
  display: -webkit-flex;

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  padding: 0.2rem;
}

.in_search_list .img {
  width: 2.2rem;

  position: relative;

  overflow: hidden;
}

.in_search_list .img::before {
  content: "";

  display: block;

  padding-bottom: 80%;
}

.in_search_list .img img {
  position: absolute;

  top: 50%;

  left: 50%;

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

  width: 100%;

  height: 100%;

  object-fit: cover;
}

.in_search_list .txt {
  width: calc(100% - 2.6rem);

  margin-left: auto;
}

.in_search_list h2 {
  font-size: 0.18rem;

  color: #212121;

  font-weight: bold;

  position: relative;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
}

.in_search_list h6 {
  margin: 0.2rem 0;

  font-size: 0.14rem;

  color: #666;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;
}

.in_search_list i {
  display: inline-block;

  padding: 0.06rem 0.1rem;

  font-size: 0.13rem;

  color: var(--i_color);

  background: #ededed;

  -webkit-border-radius: 0.04rem;

  border-radius: 0.04rem;
}

.in_search_list li:hover {
  border-color: var(--i_color);
}

.in_search_list li:hover h2 {
  color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .in_search_list h2 {
    font-size: 0.15rem;
  }

  .in_search_list h6 {
    font-size: 0.13rem;
  }

  .in_search_list i {
    font-size: 0.12rem;
  }
}

@media screen and (max-width: 768px) {
  .in_search_list li {
    padding-bottom: 0.2rem;

    margin-bottom: 0.2rem;

    border: none;

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

  .in_search_list a {
    padding: 0;
  }

  .in_search_list .img {
    width: 1.2rem;
  }

  .in_search_list .txt {
    width: calc(100% - 1.5rem);
  }

  .in_search_list h2 {
    font-size: 0.14rem;
  }
}

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

/* 缂栬緫鍣� */

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

.out {
  position: relative;
}

.out::before {
  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: #d8d8d8;
}

@media screen and (max-width: 1440px) {
  .out::before {
    content: none;
  }
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .i_ab .t .l article {
    height: auto;
  }
  .slideToClickedSlide {
    cursor: pointer;
    overflow: hidden;
    max-height: 350px;
    transition: max-height 0.3s ease;
  }

  .slideToClickedSlide.expanded {
    max-height: 100%;
    height: 100%;

    overflow: hidden !important;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

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

  /* overflow: hidden; */
}

.products_list .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 0.2rem;
}

.products_list .swiper-slide .tit {
  position: absolute;
  bottom: -20px;
  right: 0;
  padding: 0.2rem 0.2rem;
  box-sizing: border-box;
  width: 70%;
  border-radius: 0.1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: start;
  background: url("./static/images/t1.webp") no-repeat center;
  box-shadow: rgba(0, 124, 137, 0.28) 0px 0px 0px 0.279318px inset;
}
.products_list .swiper-slide .tit p {
  display: block;
  width: 100%;
  color: #23334c;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0.1rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* margin-right: auto; */
}
.products_list .swiper-slide:hover .tit {
  background: url("./static/images/t22.webp") no-repeat center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.products_list .swiper-slide .tit h6 {
  color: #d2d2d2;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

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

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

.products-pagination {
  display: block;
  margin-top: 0.3rem;
  text-align: center;
  display: none;
}
.products-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;
}
.products-pagination .swiper-pagination-bullet-active {
  background: var(--i_color);
}

.fix_index {
  position: relative;
}

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

  .h_products .t p {
    font-size: 0.25rem;
  }
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .products_list .swiper-slide {
    padding-bottom: 49%;
  }
  .h_products .t p {
    font-size: 0.2rem;
  }

  .products-pagination {
    display: block;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .products_list .swiper-slide .tit {
    width: 80%;
  }
  .products_list .swiper-slide .tit p {
    margin-bottom: 0;
    font-size: 0.16rem;
  }

  .products_list .swiper-slide .tit {
    padding: 0.1rem;
  }

  .h_products .t p {
    font-size: 0.18rem;
  }
}

.a3 {
  /* display: block; */
  /* padding-bottom: 0.05rem; */
}

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

.pimglist li {
  width: 100%;
}

.pimglist li img {
  /* width: 100%; */
  object-fit: cover;
}

@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) {
  .pimglist li img {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
}

article img {
  height: auto;
  object-fit: cover;
}

.f3_videobanner {
  width: 100%;
  font-size: 0;
  position: relative;
  cursor: pointer;
}
.f3_videobanner video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*.img_banner{*/
/*		position: absolute;*/
/*		top: 0;*/
/*		left: 0;*/
/*		width: 100%;*/
/*		height: 100%;*/
/*		object-fit: cover;*/
/*		-webkit-transition:all .5s ease; transition:all .5s ease;*/

/*	opacity: 1;*/

/*}*/
/*.img_banner.active{*/
/*	opacity: 0;*/
/*}*/

.play_btn {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  z-index: 3;
}
.play_btn.active {
  opacity: 1;
}
.play_btn img {
  width: 100vw;
  height: auto;
}
/*.f3_videobanner .txt {*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	transform: translate(-50%, -50%);*/
/*}*/
@media screen and (max-width: 1440px) {
  /*.f3_videobanner {*/
  /*	height: 750px;*/
  /*}*/
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
  /*.f3_videobanner {*/
  /*	height: 650px;*/
  /*}*/
}
@media screen and (max-width: 1024px) {
  /*.f3_videobanner .txt{*/
  /*	width: 100%;*/
  /*}*/
}
@media screen and (max-width: 768px) {
  /*.f3_videobanner {*/
  /*	height: 250px;*/
  /*}*/
}
@media screen and (max-width: 560px) {
}

/* 鎵嬮鐞� */
.sfj222 {
}
.sfj222 ul {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
.sfj222 ul li {
  width: 18.5%;
  position: relative;
  padding-bottom: 40%;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 0.1rem;
  overflow: hidden;
}
.sfj222 ul li > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
}
.sfj222 ul li .txt {
  position: absolute;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-align: center;
  left: 0;
  bottom: 0;
  padding: 0.3rem 0.1rem;
  box-sizing: border-box;
  width: 100%;
}
.sfj222 ul li .txt p {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-align: center;
}
.sfj222 ul li .txt h6 {
  display: none;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.sfj222 ul li.active {
  width: 41%;
}
.sfj222 ul li.active .txt {
  text-align: start;
  width: 100%;
  padding: 0.3rem 0.8rem 0.3rem 0.3rem;
  box-sizing: border-box;
}

.sfj222 ul li.active .txt p {
  text-align: start;
  text-decoration: underline;
}
.sfj222 ul li.active .txt h6 {
  display: block;
}
.sfj222 ul li .txt .feature {
  display: none;
}
.sfj222 ul li.active .txt .feature {
  display: block;
}
.sfj222 ul li .txt .btn {
  display: none;
}
.sfj222 ul li.active .txt .btn {
  display: table;
}

.sfj222 ul li.active .txt img {
  display: none;
}

.btn b.blue {
  background: var(--i_color);
  color: #fff;
}

.btn b.blue:hover {
  -webkit-transform: translate(0, -8px);
  transform: translate(0, -8px);
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .sfj222 ul li.active .txt .feature,
  .sfj222 ul li.active .txt .btn,
  .sfj222 ul li.active .txt h6 {
    display: none !important;
  }
  .sfj222 ul li.active .txt p {
    text-align: center;
  }
  .sfj222 ul li.active .txt img,
  .sfj222 ul li .txt img {
    display: block !important;
    height: 0.5rem;
    margin: 0 auto;
  }
  .sfj222 ul li,
  .sfj222 ul li.active {
    width: 100%;
    padding-bottom: 60%;
  }

  .sfj222 ul li.active .txt {
    padding: 0.1rem;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

/* 閫夐」鍗℃牱寮� */

.brand_tabbox {
  background: url(https://lingjuimg.com/wp-content/uploads/yufeng/2025/09/brnadstore.webp)
    no-repeat center;
  background-size: cover;
}
.brand_tabbox .xxks {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.brand_tabbox .tab-list {
  width: 35%;
}

.brand_tabbox .tab {
  padding: 30px 20px;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: none;
  border-bottom: 1px solid #e5e5e5;
}

.brand_tabbox .tab.active p {
  color: var(--i_color);
}

.brand_tabbox .tab .img2 {
  display: none;
}
.brand_tabbox .tab.active .img1 {
  display: none;
}

.brand_tabbox .tab.active .img2 {
  display: block;
}
.brand_tabbox .tab.active {
  /* background-color: #fff; */
}

.brand_tabbox .tab-content {
  width: 60%;
  box-sizing: border-box;
}

.brand_tabbox .tab-content .img {
  position: relative;
  padding-bottom: 58%;
  overflow: hidden;
  border-radius: 0.1rem;
  overflow: hidden;
}
.brand_tabbox .tab-content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.brand_tabbox .content {
  display: none;
}

.brand_tabbox .content.active {
  display: block;
}

.brand_tabbox .content .w70 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.w70 {
  width: 70%;
}

.lh1 {
  line-height: 1;
}

@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
  .brand_tabbox .tab img {
    height: 0.35rem;
  }
  .w70 {
    width: 100%;
  }

  .brand_tabbox .tab-list {
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .brand_tabbox .tab-content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

/* ul>li宸﹀浘鍙虫枃 */
.certs_box {
  background: #000 url(static/video/certsimg.webp) no-repeat center;
  background-size: cover;
}
.certs_box .wrap {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: space-between;
}

.certs_box .wrap .left {
  width: 50%;
}

.certs_box .wrap .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aend {
  align-items: end;
}
.f07 {
  color: rgba(255, 255, 255, 0.7);
}
.certs_box .wrap .right {
  width: 46%;
}

.fz72 {
  font-size: 0.72rem;
}

.certs_box dl {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.certs_box dl dt {
  /* width: 33%; */
  padding: 0.25rem 0;
  box-sizing: border-box;
}
.certs_box dl dt:nth-child(1) {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 1);
}

@media screen and (max-width: 1440px) {
  .fz72 {
    font-size: 0.62rem;
  }
}
@media screen and (max-width: 1366px) {
  .fz72 {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 1200px) {
  .fz72 {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .fz72 {
    font-size: 0.2rem;
  }

  .certs_box .wrap .left {
    width: 100%;
    margin-bottom: 0.2rem;
  }

  .certs_box .wrap .right {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
}

/* new 锛堟柊澧烇級 */

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

.big_sector .btn {
  position: absolute;
  left: 2%;
  bottom: 2%;
  transition: all 0.4s ease;
}

.big_sector .btn b {
  background-color: var(--i_color);
  color: #fff;
}

.big_sector .btn:hover {
  transform: translateY(-0.05rem);
  box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, 0.3);
}

/* 鏍囬 */
.new_title h2 {
  color: #23334c;
}

.new_title02 {
  color: #23334c;
  font-weight: 900;
}

/* about */

/* 閫夐」 */
.about_Options {
  border-bottom: 1px solid #e5e5e5;
}

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

.Product_Center_Options a {
  font-weight: bold;
  display: block;
  position: relative;
  padding-bottom: 0.2rem;
  transition: all 0.4s ease;
  overflow: hidden;
}

.Product_Center_Options a::before {
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background-color: var(--i_color);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: all 0.4s ease;
  opacity: 0;
}

.Product_Center_Options a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 11px solid var(--i_color);
  position: absolute;
  left: 50%;
  bottom: 2px;
  transition: all 0.4s ease;
  opacity: 0;
}

.Product_Center_Options .active a {
  color: var(--i_color);
}
.Product_Center_Options a:hover::before,
.Product_Center_Options .active a::before {
  width: 100%;
  opacity: 1;
}
.Product_Center_Options a:hover::after,
.Product_Center_Options .active a::after {
  opacity: 1;
}

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

@media screen and (max-width: 1024px) {
  .Product_Center_Options a {
    font-weight: normal;
    font-size: 0.16rem;
    padding-bottom: 0.1rem;
  }
  .Product_Center_Options a::before {
    height: 2px;
  }
  .Product_Center_Options a::after {
    border-bottom: 7px solid var(--i_color);
    bottom: 1px;
  }
}
@media screen and (max-width: 768px) {
  .Product_Center_Options li {
    width: 50%;
  }
  .Product_Center_Options a {
    text-align: center;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 560px) {
  .Product_Center_Options a::after {
    display: none;
  }
  .Product_Center_Options {
    gap: 0.06rem 0;
  }
  .Product_Center_Options li {
    width: 100%;
  }
  .Product_Center_Options a {
    font-size: 0.14rem;
    padding-bottom: 0.02rem;
  }
}

/* 鍏充簬鍏徃 */
.About_Company_new {
}

.About_Company_cont {
  display: flex;
  flex-direction: column;
  gap: 1.13rem 0;
}

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

.About_Company_a_left {
  width: 48.5%;
  box-sizing: border-box;
}

.About_Company_a_left h2 {
  width: 80%;
  font-weight: 900;
  color: #23334c;
}

.About_Company_a_right {
  width: 46.9%;
  position: relative;
}
.About_Company_a_right::before {
  content: "";
  display: block;
  padding-bottom: 69.3%;
}
.About_Company_a_right img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.About_Company_a:nth-child(even) .About_Company_a_left {
  order: 2;
}

.About_Company_a:nth-child(even) .About_Company_a_right {
  order: 1;
}

@media screen and (max-width: 1024px) {
  .About_Company_a:nth-child(even) .About_Company_a_left,
  .About_Company_a:nth-child(even) .About_Company_a_right {
    order: 0;
  }

  .About_Company_cont {
    gap: 0.4rem 0;
  }
  .About_Company_a_left,
  .About_Company_a_right {
    width: 100%;
  }
}

/* 浜ц兘鍒嗗竷 */
.Capacity_distribution {
}

.Capacity_distribution_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1%;
}

.Capacity_distribution_list li {
  width: 32.66%;
  box-sizing: border-box;
  border: 1px solid #d8d8d8;
  border-radius: 0.12rem;
  background-color: #eff9ff;
  padding: 0.52rem 0.48rem;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

.Capacity_distribution_list p {
  font-size: 0.64rem;
  color: #23334c;
  font-weight: 900;
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
}

.Capacity_distribution_list h6 {
  transition: all 0.4s ease;
  position: relative;
  z-index: 2;
}

.img_no {
  width: 28.3%;
  position: absolute;
  right: 3%;
  bottom: -10%;
  transition: all 0.4s ease;
}

.img_ba {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s ease;
}

.Capacity_distribution_list li:hover {
  background-color: transparent;
  border-color: transparent;
}
.Capacity_distribution_list li:hover p {
  color: #fff;
}
.Capacity_distribution_list li:hover h6 {
  color: #fff;
}
.Capacity_distribution_list li:hover .img_no {
  opacity: 0;
}
.Capacity_distribution_list li:hover .img_ba {
  opacity: 1;
}

@media screen and (max-width: 1024px) {
  .Capacity_distribution_list {
    gap: 0.2rem 1%;
  }
  .Capacity_distribution_list li {
    width: 49.5%;
    padding: 0.2rem;
  }
  .Capacity_distribution_list p {
    font-size: 0.48rem;
  }
  .img_no {
    width: 20%;
  }
}

@media screen and (max-width: 560px) {
  .Capacity_distribution_list li {
    width: 100%;
  }
  .img_no {
    width: 10%;
    bottom: 0;
  }
  .Capacity_distribution_list p {
    font-size: 0.2rem;
  }
  .Capacity_distribution_list h6 {
    font-size: 0.14rem;
    margin-top: 0.1rem;
  }
}

/* ---------------------  鍏充簬鎴戜滑 锛堢鎶€寮曢锛� */

/* 鎶€鏈垱鏂� */
.Technological_innovation {
  position: relative;
}

.Technological_innovation::before {
  content: "";
  display: block;
  width: 100%;
  height: 5.73rem;
  background: url(https://lingjuimg.com/wp-content/uploads/yufeng/2025/11/Technological_innovation_Ba.webp)
    no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.Technological_innovation_a {
  box-sizing: border-box;
  padding-left: 8.2vw;
}

.Technological_innovation_a_box {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0.28rem 0.3rem;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.2rem 0;
}

.Technological_innovation_a_left {
  width: 43.91%;
}

.Technological_innovation_a_left h6 {
  color: #23334c;
}

.Technological_innovation_a_right {
  width: 53.3%;
  position: relative;
  clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 9%);
  overflow: hidden;
}
.Technological_innovation_a_right::before {
  content: "";
  display: block;
  padding-bottom: 56.6%;
}
.Technological_innovation_a_right img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

/* 鎶€鏈垱鏂� - 鍋舵暟浣嶆牱寮忚皟鏁� */
.Technological_innovation_a:nth-child(odd) {
  padding-left: 0;
  padding-right: 8.2vw;
}

.Technological_innovation_a:nth-child(odd) .Technological_innovation_a_box {
  flex-direction: row-reverse;
  padding: 0 0.3rem 0.28rem 0;
}

.Technological_innovation_a:nth-child(odd) .Technological_innovation_a_right {
  clip-path: polygon(0 0, 95% 0, 100% 9%, 100% 100%, 0 100%);
}

@media screen and (max-width: 1440px) {
  .Technological_innovation_a {
    padding-left: 3vw;
  }
  .Technological_innovation_a:nth-child(odd) {
    padding-right: 3vw;
  }
}

@media screen and (max-width: 1024px) {
  .Technological_innovation_a,
  .Technological_innovation_a:nth-child(odd) {
    padding-left: 3vw;
    padding-right: 3vw;
  }
  .Technological_innovation_a_box,
  .Technological_innovation_a:nth-child(odd) .Technological_innovation_a_box {
    padding: 0.2rem;
  }
  .Technological_innovation_a_left,
  .Technological_innovation_a_right {
    width: 100%;
  }

  .Technological_innovation_a_right,
  .Technological_innovation_a:nth-child(odd) .Technological_innovation_a_right {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

/* 鎶€鏈崳瑾� */

.Technical_Honors {
  background: url(https://lingjuimg.com/wp-content/uploads/yufeng/2025/11/Technical_Honors_Ba.webp)
    no-repeat center;
  background-size: cover;
}

.history_list {
  height: 5rem;
  position: relative;
  overflow: hidden;
}
.history_list::before {
  content: "";
  position: absolute;
  left: 18%;
  top: 0;
  width: 14px;
  height: 100%;
  background: url(https://lingjuimg.com/wp-content/uploads/yufeng/2025/11/history_stripe.webp)
    no-repeat center;
  background-size: contain;
}
.history_list::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: calc(18% - 5px);
  width: 0.25rem;
  height: 0.25rem;
  background: url(https://lingjuimg.com/wp-content/uploads/yufeng/2025/11/history_stripe_curr.webp)
    no-repeat center;
  background-size: contain;
}
.history_list .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.history_list .swiper-slide {
  flex-shrink: 0;
  display: -webkit-flex;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
}
.history_list .num {
  flex-shrink: 0;
  font-size: 0.22rem;
  font-weight: bold;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.history_list .txt {
  margin-left: auto;
  width: 70%;
  height: 100%;
  box-sizing: border-box;
  /* border-bottom: 1px solid #ddd; */
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.history_list .txt span {
  width: 100%;
}
.history_list .txt p {
  margin-bottom: 0.1rem;
  font-size: 0.24rem;
  font-weight: bold;
}
.history_list .txt h6 {
  max-height: 1rem;
  box-sizing: border-box;
  padding-right: 0.2rem;
  font-size: 0.16rem;
  color: #666;
  overflow-y: auto;
}
.history_list .txt h6::-webkit-scrollbar {
  width: 2px;
  height: 8px;
}
.history_list .txt h6::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #333;
}
.history_list .txt h6::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: #f1f1f1;
}

.history_list .swiper-slide-active .num {
  font-size: 0.34rem;
  color: var(--i_color);
}

.history_control {
  display: none;
}

/* -------------------------- */
.history-prev,
.history-next {
  position: absolute;
  width: 0.12rem;
  height: 0.2rem;
  z-index: 3;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  left: 1%;
}
.history-prev {
  top: 0;
}
.history-next {
  bottom: 0;
}
.history-prev iconify-icon,
.history-next iconify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.2rem;
  color: #23334c;
}
.history_list .swiper-button-disabled {
  cursor: not-allowed;
}
.history-prev:hover iconify-icon,
.history-next:hover iconify-icon {
  color: var(--i_color);
}

/* .history_control{margin-top: 0.6rem; display:-webkit-flex; display:flex; flex-wrap:wrap;align-items: center;justify-content: center;gap: 0 .2rem;}

.history-pagination{display:block; text-align:center}
.history-pagination .swiper-pagination-bullet{width:.08rem; height:.08rem; display:inline-block; margin:0 6px; background:#CCC; -webkit-border-radius:50%; border-radius:50%; outline:none; cursor:pointer;}
.history-pagination .swiper-pagination-bullet-active{background:var(--i_color)} */

.history_list .swiper-slide-active .txt {
  border-top: 1px solid #ced1d1;
  border-bottom: 1px solid #ced1d1;
}

.history_list .swiper-slide-active .txt h6 {
  color: var(--i_color);
}

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

  .history_list::before,
  .history_list::after {
    display: none;
  }

  .history_list .num {
    width: 10%;
    font-size: 0.2rem;
  }
  .history_list .swiper-slide-active .num {
    font-size: 0.26rem;
  }
  .history_list .txt {
    width: 100%;
    margin-left: 0.2rem;
  }
  .history_list .txt p {
    font-size: 0.18rem;
  }
  .history_list .txt h6 {
    font-size: 0.14rem;
  }

  .history_control {
    margin-top: 0.4rem;
  }
  .history-prev,
  .history-next {
    width: 0.3rem;
    height: 0.3rem;
  }
  .history-prev iconify-icon,
  .history-next iconify-icon {
    font-size: 0.22rem;
  }
}
@media screen and (max-width: 768px) {
  .history {
    padding-bottom: 100px;
  }
  .history_list .num {
    font-size: 0.17rem;
  }
  .history_list .swiper-slide-active .num {
    font-size: 0.22rem;
  }

  .history_list .txt p {
    font-size: 0.17rem;
  }
}
@media screen and (max-width: 560px) {
  .history {
    padding-bottom: 80px;
  }
  .history_list .num {
    font-size: 0.16rem;
  }
  .history_list .swiper-slide-active .num {
    font-size: 0.18rem;
  }

  .history_list .txt p {
    font-size: 0.16rem;
  }
  .history_list .txt h6 {
    font-size: 0.13rem;
  }

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

/* 涓撳埄灞曠ず */
.Patent_Display {
}

.Patent_Display_list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem 0;
}

.Patent_Display_list li {
  background-color: #f4f4f4;
  box-sizing: border-box;
  padding: 0.24rem 0.48rem;
}

.Patent_Display_list p {
  display: flex;
  align-items: center;
  gap: 0 0.16rem;
  transition: all 0.4s ease;
}
.Patent_Display_list p::before {
  content: "";
  display: block;
  width: 0.24rem;
  height: 2px;
  background-color: #23334c;
}

.Patent_Display_list li:hover p {
  color: var(--i_color);
}

@media screen and (max-width: 1024px) {
  .Patent_Display_list li {
    padding: 0.1rem 0.2rem;
  }
  .Patent_Display_list p::before {
    width: 0.15rem;
  }
}

@media screen and (max-width: 560px) {
  .Patent_Display_list p {
    font-size: 0.12rem;
  }
  .Patent_Display_list p::before {
    width: 0.1rem;
  }
}

/* 涓婚〉鏍囧噯 */
.Homepage_Standard_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.Homepage_Standard_list::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.Homepage_Standard_list::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
}

.Homepage_Standard_list li {
  width: 25%;
  box-sizing: border-box;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 0.48rem 0.25rem 0.4rem 0.25rem;
}

.Homepage_Standard_list p {
  color: #23334c;
}

@media screen and (max-width: 1024px) {
  .Homepage_Standard_list li {
    width: 50%;
    padding: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .Homepage_Standard_list::before {
    display: none;
  }
  .Homepage_Standard_list li {
    width: 100%;
    border-right: none;
    border-color: #f2f2f2;
  }
  .Homepage_Standard_list p {
    margin-bottom: 0.1rem;
  }
}

/* ---------------------------  鑱旂郴鎴戜滑 */

.Join_us_cont {
  background-color: #fafafa;
  box-sizing: border-box;
  padding: 0.48rem 0 0.4rem 0;
}

.Join_us_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0;
}

.Join_us_list li {
  width: 20%;
  box-sizing: border-box;
  padding: 0 0.16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Join_us_icon {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  border: 1px solid var(--i_color);
}
.Join_us_icon img {
  width: 66.7%;
  object-fit: contain;
  transition: all 0.4s;
}

.Join_us_list h6 {
  color: #222;
}

.Join_us_list li:hover img {
  transform: scaleX(-1);
}

@media screen and (max-width: 1024px) {
  .Join_us_list li {
    width: 50%;
  }
  .Join_us_icon {
    width: 0.8rem;
    height: 0.8rem;
  }
}

@media screen and (max-width: 560px) {
  .Join_us_list li {
    width: 100%;
  }
  .Join_us_icon {
    width: 0.4rem;
    height: 0.4rem;
  }
  .Join_us_list h6 {
    font-size: 0.13rem;
    margin: 0.1rem 0;
  }
  .Join_us_list p {
    font-size: 0.12rem;
  }
}

.Join_us_pic {
  width: 100%;
  display: block;
}

/* 鎷涜仒鍦板尯 */
.Recruitment_areas {
  background: url(https://lingjuimg.com/wp-content/uploads/yufeng/2025/12/Recruitment_Country.webp)
    no-repeat center;
  background-size: cover;
}

.Recruitment_areas .new_title h2 {
  color: #fff;
}

.Recruitment_areas_list {
  justify-content: space-between;
}

.Recruitment_areas_list li {
  width: 33.33%;
  position: relative;
  border-right: 1px solid rgb(255, 255, 255, 0.4);
  border-bottom: 1px solid rgb(255, 255, 255, 0.4);
}

.Recruitment_areas_list p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 0.1rem;
  transition: all 0.4s ease;
  color: #fff;
}

.Recruitment_areas_list p::before,
.Recruitment_areas_list p::after {
  content: "";
  display: block;
  width: 5%;
  height: 2px;
  background-color: #fff;
  transition: all 0.4s ease;
}

.Recruitment_areas_list::after,
.Recruitment_areas_list::before {
  display: none;
}

@media screen and (min-width: 1025px) {
  .Recruitment_areas_list li:nth-child(3n) {
    border-right: none;
  }

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

@media screen and (max-width: 1024px) {
  .Recruitment_areas_list li {
    width: 48%;
    border-right: none;
  }
}

@media screen and (max-width: 560px) {
  .Recruitment_areas_list li {
    width: 100%;
  }
}

/* 鐢宠鎺堟潈 */
.Request_authorization {
  background: linear-gradient(90deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
}

.Request_authorization h6,
.Request_authorization h5 {
  color: #222;
}

.Request_authorization h6 {
  display: flex;
  align-items: center;
  gap: 0 0.1rem;
}
.Request_authorization h6::before {
  content: "";
  display: block;
  width: 3px;
  height: 0.23rem;
  background-color: var(--i_color);
}

.Request_authorization_download {
  width: max-content;
  display: block;
  background-color: var(--i_color);
  box-sizing: border-box;
  padding: 0.12rem 0.4rem;
  border-radius: 0.06rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0 0.2rem;
  transition: all 0.4s ease;
}

.Request_authorization_download img {
  width: 0.36rem;
}

.Request_authorization a:hover {
  color: var(--i_color);
}
.Request_authorization_download:hover {
  transform: translateY(-0.05rem);
  box-shadow: 0 0.06rem 0.12rem rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
  .Request_authorization_download img {
    width: 0.25rem;
  }
  .Request_authorization_download {
    padding: 0.1rem 0.2rem;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 560px) {
  .Request_authorization_download {
    width: 100%;
  }
  .Request_authorization_download p {
    font-size: 0.13rem;
  }
}

.ab_box img {
  display: block;
}

/* 瑙嗛鏉垮潡 */
.homeAbout_video {
  width: 100%;
  -webkit-border-radius: 0.2rem;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}
.homeAbout_video::before {
  content: "";
  display: block;
  padding-bottom: 31.25%;
}

.homeAbout_video .pic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
}
.about_btn .icon {
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  background: rgb(255 255 255 / 80%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  z-index: 3;
}
.about_btn iconify-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.36rem;
  color: var(--i_color);
}

.o_line::before,
.o_line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid rgb(255 255 255 / 100%);
  border-radius: 50%;
  opacity: 0;
  animation: serv_one_border 1.6s 0s ease infinite;
}
.o_line:before {
  width: 50%;
  height: 50%;
}
.o_line:after {
  width: 60%;
  height: 60%;
}
@keyframes serv_one_border {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
    -ms-transform: translate(-50%, -50%) scale(1.5);
    -o-transform: translate(-50%, -50%) scale(1.5);
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    -moz-transform: translate(-50%, -50%) scale(1.5);
  }
}

@media screen and (max-width: 1024px) {
  .homeAbout_video {
    -webkit-border-radius: 14px;
    border-radius: 14px;
  }
  .about_btn {
    width: 120px;
    height: 120px;
  }
  .about_btn .icon {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 768px) {
  .homeAbout_video::before {
    padding-bottom: 48%;
  }
}
@media screen and (max-width: 560px) {
  .about_btn {
    width: 80px;
    height: 80px;
  }
  .about_btn .icon {
    width: 50px;
    height: 50px;
  }
  .about_btn iconify-icon {
    font-size: 30px;
  }
}





/* Map Dot */
.mapDot{--icon_size:26px}
.mapDot{position: relative; overflow: hidden;}
.mapDot>img{width: 100%;}

.iDot{position: absolute; z-index: 3;}
.iDot .icon{position: relative; cursor: pointer; z-index: 4;}
.iDot .icon::before,.iDot .icon::after {content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;border:1px solid var(--i_color);-webkit-border-radius:50%;border-radius:50%;}
.iDot .icon::before {width:calc(var(--icon_size) + 10px);height:calc(var(--icon_size) + 10px);animation:serv_one_border 1.5s 0s ease infinite;}
.iDot .icon::after {opacity:.5;width:calc(var(--icon_size) + 20px);height:calc(var(--icon_size) + 20px);animation:serv_one_border 1.5s 0s ease infinite;}
@keyframes serv_one_border {
  0% {opacity:0;transform:translate(-50%,-50%) scale(.6);-ms-transform:translate(-50%,-50%) scale(.6);-o-transform:translate(-50%,-50%) scale(.6);-webkit-transform:translate(-50%,-50%) scale(.6);-moz-transform:translate(-50%,-50%) scale(.6)}
  20% {opacity:.6}
  80% {opacity:0}
  100% {opacity:0;transform:translate(-50%,-50%) scale(1.1);-ms-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);-moz-transform:translate(-50%,-50%) scale(1.1)}
}
.iDot .icon i{display: block; width: var(--icon_size); height: var(--icon_size); background: var(--i_color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E") no-repeat center; background-size: 20px; border-radius:50%; position: relative; box-shadow: 1px 2px 10px #FFF;}

.iDot span{opacity: 0; visibility: hidden; position:absolute; left: 50%; transform:translate(-50%,0); bottom: 0; width: 20vw; box-sizing: border-box; padding: .1rem; background: #FFF; transition:bottom .8s ease, opacity .2s ease, visibility .2s ease;}
.iDot span a,.iDot span p{display: block; margin-top: 2px; width: 100%; box-sizing: border-box; padding: 8px 30px 8px 8px; font-size: 16px; font-weight: bold; color: #FFF; text-align: left;}
.iDot span p{background: none !important; color: #333;}

.tRight span{width: 18vw;}

@media screen and (max-width:1440px) {
  .iDot span a,.iDot span p{font-size: 15px;}
}
@media screen and (max-width:1024px) {
  .mapDot{--icon_size:20px}
  .iDot .icon i{background-size: 16px;}
  .iDot span{display: none !important;}
}
@media screen and (max-width:560px) {
  .mapDot{--icon_size:16px}
  .iDot .icon i{background-size: 12px;}
}

/*.g_blue{background:linear-gradient(to right, #005DAC, transparent);}*/
/*.g_blue2{background:linear-gradient(to right, #0075B5, transparent);}*/
/*.g_green{background:linear-gradient(to right, #007243, transparent);}*/
/*.g_cyan{background:linear-gradient(to right, #4FA6B3, transparent);}*/
/*.g_gray{background:linear-gradient(to right, #3D3938, transparent);}*/
/*.g_purple{background:linear-gradient(to right, #413364, transparent);}*/
/*.g_purple2{background:linear-gradient(to right, #51638A, transparent);}*/
.g_blue{background:#f27676;}
.g_blue2{background:#e58686;}
.g_green{background:#ffd85d;}
.g_cyan{background:#ffc465;}
.g_gray{background:#d5afa0;}
.g_purple{background:#d14a85;}
.g_purple2{background:#e77a53;}

.iDot:hover{z-index: 4;}
.iDot:hover span{opacity: 1; visibility: visible; bottom: 34px;}

.d1{top: 26.4%; left: 21.9%;}
.d2{top: 38%; left: 12%;}
.d3{top: 46%; left: 23%;}
.d4{bottom: 29%; left: 14%;}
.d5{bottom: 14%; left: 12%;}
.d6{bottom: 31%; left: 24%;}
.d7{top: 11%; left: 58.4%;}
.d8{top: 27%; left: 48.6%;}
.d9{bottom: 42.7%; left: 42.6%;}
.d10{bottom: 18.7%; left: 40.6%;}
.d11{bottom: 2%; left: 31%;}
.d12{top: 16%; right: 27.5%;}
.d13{top: 27%; right: 25.5%;}
.d14{top: 39%; right: 31.4%;}
.d15{bottom: 37%; right: 30%;}
.d16{bottom: 39%; right: 40%;}
.d17{bottom: 37%; right: 36.5%;}
.d18{bottom: 10%; right: 40%;}
.d19{bottom: 12%; right: 31%;}
.d20{bottom: 48%; right: 12%;}
.d21{bottom: 31%; right: 8%;}
.d22{bottom: 8%; right: 12.8%;}

.mapDotbox{display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgb(0 0 0 / 90%); z-index: 99999999999999;}
.mapDotClose{position: absolute; top: 0; right: 0; width: 0.4rem; height: 0.4rem; background: #F00;}
.mapDotClose iconify-icon{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: 0.24rem; color: #FFF;}

.mapDotText{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width: 94vw;}
.mapDotText p,.mapDotText a{display: block; margin-top: 2px; max-width: 100%; box-sizing: border-box; padding: 12px 20px; font-size: 16px; font-weight: bold; color: #FFF; line-height: 1.3; text-align: left; border: 1px solid rgb(255 255 255 / 10%);}
.mapDotText p{background: none !important;}