/* 修复滚动行为与高度冲突 */
html.lenis,
html.lenis body {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}
/* 嵌套滚动区域（防止冲突） */
.lenis.lenis-smooth [data-lenis-prevent] {
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
}
/* 滚动暂停时样式 */
.lenis.lenis-stopped {
  overflow: hidden;
}
:root {
  --swiper-theme-color: #169243;
  --b600: 600;
  --rr: 20px;
  --ease1: cubic-bezier(0.43, 0.195, 0.02, 1);
}
.ios,
.lang_en {
  --bold: bold;
}
body {
  --www: 1.5rem;
  --interval: var(--www);
  --nav_height: 0.9rem;
  --nav_height2: 1.26rem;
  --color: #169243;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f50: 0.5rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
}
@media screen and (min-width: 1921px) {
  body {
    --interval: calc((100vw - (19.2rem - var(--www))) / 2);
  }
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 18px;
    --f24: 20px;
    --www: 1.2rem;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f20: 18px;
    --f22: 18px;
    --f24: 18px;
    --f26: 18px;
    --f28: 0.26rem;
    --f30: 0.28rem;
    --f32: 0.3rem;
    --f34: 0.34rem;
    --f36: 0.38rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.42rem;
    --f48: 0.44rem;
    --f50: 0.46rem;
    --f52: 0.48rem;
    --f54: 0.5rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.26rem;
    --f16: 0.28rem;
    --f18: 0.3rem;
    --f20: 0.3rem;
    --f22: 0.32rem;
    --f24: 0.34rem;
    --f26: 0.36rem;
    --f28: 0.38rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f50: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
  }
}
.maodian {
  position: relative;
  top: 0;
}
.search_open {
  cursor: pointer;
}
.mobile_search {
  top: var(--nav_height);
}
body::-webkit-scrollbar {
  width: 4px;
  height: 2px;
}
body::-webkit-scrollbar-thumb {
  background: #A52339;
}
body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
  body {
    scrollbar-color: #169243 rgba(0, 0, 0, 0.1);
    scrollbar-width: thin;
  }
}
.wMain {
  padding-left: var(--interval);
  padding-right: var(--interval);
  width: 100%;
}
.swiper-button-lock,
.swiper-pagination-lock {
  display: none !important;
}
.button-disabled {
  cursor: no-drop !important;
  pointer-events: none;
  opacity: 0.1;
}
.swiper-button-disabled {
  cursor: no-drop !important;
}
@media screen and (max-width: 1200px) {
  .swiper-button-disabled {
    opacity: 0.2;
  }
}
.dw {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 699px) {
  .pc_main {
    display: none !important;
  }
}
.phone_main {
  display: none !important;
}
@media screen and (max-width: 699px) {
  .phone_main {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.center {
  text-align: center;
}
.white {
  color: #fff;
}
.bgColor {
  background: #F4F4F4;
}
.pt {
  padding-top: 0.9rem;
}
.pb {
  padding-bottom: 0.9rem;
}
.mt {
  margin-top: 0.56rem;
}
.Privacy_Policy .box_ .content1 {
  font-size: var(--f32);
}
.Privacy_Policy .box_ .hr {
  border-top: 1px solid #eee;
  margin: 0.5rem 0;
}
.Privacy_Policy .box_ .content3 {
  font-size: var(--f18);
  line-height: 1.8;
  color: #333;
}
.Privacy_Policy .box_ .content3 a {
  display: inline-block;
}
.Privacy_Policy .box_ .content3 li {
  list-style: disc;
}
.null_height {
  padding: 20vh 0;
  font-size: var(--f16);
  color: #999;
  text-align: center;
}
.null_height span {
  color: #169243;
}
.code_button .a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0.15rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.code_button .a svg {
  width: 0.3rem;
  position: relative;
  z-index: 2;
  height: 0.3rem;
}
.code_button .a svg path {
  fill: #303E48;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.code_button .a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 0.47rem #c2b2a5;
  box-shadow: inset 0 0 0 0.47rem #c2b2a5;
  -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  -o-transition: box-shadow 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}
.code_button .a:hover::after {
  -webkit-box-shadow: inset 0 0 0 2px #c2b2a5;
  box-shadow: inset 0 0 0 2px #c2b2a5;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.Sitemap .container {
  padding-left: var(--interval);
  padding-right: var(--interval);
}
.Sitemap .container .ap_top {
  border-bottom: 1px solid #999;
  padding-bottom: 0.46rem;
}
.Sitemap .container .ap_top p {
  font-size: 0.54rem;
  color: #000;
}
.Sitemap .container .ap_bot .item {
  padding: 0.44rem 0;
  border-bottom: 1px solid #ccc;
}
.Sitemap .container .ap_bot .item .content1 a {
  color: #000;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-weight: bold;
}
.Sitemap .container .ap_bot .item .content1 a:hover {
  color: #169243;
}
.Sitemap .container .ap_bot .item .content2 {
  margin-top: 0.22rem;
}
.Sitemap .container .ap_bot .item .content2 .firstorder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.Sitemap .container .ap_bot .item .content2 .firstorder a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-right: 0.6rem;
  color: #333;
}
.Sitemap .container .ap_bot .item .content2 .firstorder a:hover {
  color: #169243;
}
.Sitemap .container .ap_bot .item .content2 .multistage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list {
  margin-right: 0.5rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #333;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover {
  color: #169243;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 {
  margin-top: 0.26rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a {
  font-size: 0.9em;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #333;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover {
  color: #169243;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 {
  padding-left: 0.1rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 {
  margin-top: 0.14rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8em;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #666;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover {
  color: #169243;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 {
  padding-left: 0.1rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 {
  margin-top: 0.1rem;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8em;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #666;
  line-height: 1.4;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 0.9em;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover {
  color: #169243;
}
.Sitemap .container .ap_bot .item .content1 a {
  font-size: 0.26rem;
}
.firstorder > a,
.ge_list {
  font-size: 0.24rem;
}
@media (max-width: 1200px) {
  .Sitemap .container {
    padding: 0 5vw;
  }
  .Sitemap {
    padding: 0.8rem 0;
  }
  .Sitemap .container .ap_bot .item .content2 .multistage,
  .Sitemap .container .ap_bot .item .content2 .firstorder {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .Sitemap .container .ap_bot .item .content2 .multistage a,
  .Sitemap .container .ap_bot .item .content2 .firstorder a {
    margin-right: 0;
  }
  .Sitemap .container .ap_bot .item .content1 a {
    font-size: 0.32rem;
  }
  .firstorder > a,
  .ge_list {
    font-size: 0.3rem;
  }
}
@media (max-width: 750px) {
  .Sitemap .container .ap_bot .item .content2 .multistage,
  .Sitemap .container .ap_bot .item .content2 .firstorder {
    grid-template-columns: repeat(1, 1fr);
  }
}
.Layer_Upload {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 90;
  display: none;
}
.Layer_Upload .box {
  position: absolute;
  width: min(8rem, 90vw);
  margin: auto;
  background: #fff;
  padding: 0.6rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.Layer_Upload .box .close {
  position: absolute;
  right: 0.4rem;
  top: 0.4rem;
  z-index: 2;
  cursor: pointer;
}
.Layer_Upload .box .close i {
  font-size: var(--f24);
  color: #ccc;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-weight: bold;
}
.Layer_Upload .box .close:hover i {
  color: #169243;
}
.Layer_Upload .box .content1 {
  font-size: 0.36rem;
  line-height: 1;
  font-weight: bold;
}
.Layer_Upload .box .content2 {
  margin-top: 0.5rem;
}
.Layer_Upload .box .content2 .upload {
  width: 2.9rem;
  margin: auto;
  cursor: pointer;
  position: relative;
}
.Layer_Upload .box .content2 .upload img {
  width: 100%;
}
.Layer_Upload .box .content2 .upload p {
  font-size: 14px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.6rem;
  min-width: 0.95rem;
  padding: 0 0.3rem;
  line-height: 35px;
  border: 1px solid #169243;
}
.Layer_Upload .box .content3 {
  font-size: var(--f18);
  color: #666;
  margin-top: 0.25rem;
  margin-bottom: 0.15rem;
}
.Layer_Upload .box .content5 {
  margin-top: 0.45rem;
}
.Layer_Upload .box .content5 input {
  width: 1.6rem;
  height: 0.55rem;
  background: #169243;
  color: #fff;
  font-size: var(--f16);
  cursor: pointer;
  border: 0;
}
.bjq iframe,
.bjq img {
  max-width: 100% !important;
  height: auto !important;
  width: auto !important;
}
.bjq a {
  color: -webkit-link;
  display: inline;
  text-decoration: underline;
}
.bjq b,
.bjq strong {
  font-weight: bold;
}
.bjq em {
  font-style: italic;
}
.bjq sup {
  vertical-align: super;
  font-size: smaller;
}
.bjq sub {
  vertical-align: sub;
  font-size: smaller;
}
.bjq h1,
.bjq h2,
.bjq h3,
.bjq h4,
.bjq h5,
.bjq h6 {
  font-weight: bold;
}
.bjq ul {
  padding-left: 22px;
}
.bjq ul li {
  list-style-type: disc;
}
.bjq ol {
  padding-left: 22px;
}
.bjq ol li {
  list-style-type: decimal;
}
.bjq table td {
  word-break: initial !important;
}
.Header_Container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 80;
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header_Container .wMain {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header_Container .box {
  position: relative;
}
.Header_Container .box::before {
  content: '';
  position: absolute;
  left: -0.15rem;
  top: 0;
  width: -webkit-calc(100.3%);
  width: calc(100% + 0.3rem);
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  z-index: -1;
  border-radius: var(--interval);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Header_Container .box .logo {
  height: var(--nav_height2);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 3rem;
}
.Header_Container .box .logo a img {
  height: 0.82rem;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header_Container .box nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Header_Container .box nav .item {
  padding: 0 0.2rem;
  position: relative;
}
.Header_Container .box nav .item > p {
  height: var(--nav_height2);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Header_Container .box nav .item > p a {
  font-size: var(--f18);
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-weight: var(--bold);
  position: relative;
}
.Header_Container .box nav .item > p a::after {
  content: '';
  height: 4px;
  width: 34px;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  position: absolute;
  left: 50%;
  bottom: -12px;
  border-radius: 4px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header_Container .box nav .item.active > p a::after {
  opacity: 1;
}
.Header_Container .box nav .item:hover > p a::after {
  opacity: 1;
}
.Header_Container .box nav .item:hover .selectNav_01 {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.Header_Container .box nav .item:hover .selectNav_02 {
  pointer-events: auto;
}
.Header_Container .box nav .item:hover .selectNav_02 ul {
  opacity: 1;
}
.Header_Container .box .button {
  position: relative;
  --w: 42px;
}
.Header_Container .box .lxwm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.3rem;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header_Container .box .lxwm a {
  width: 1.46rem;
  line-height: var(--w);
  position: relative;
  font-size: var(--f18);
  color: #fff;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  border-radius: var(--w);
  overflow: hidden;
}
.Header_Container .box .lxwm a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.4)), to(transparent));
  background: -o-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}
.Header_Container .box .lxwm a:hover::before {
  left: 150%;
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  -o-transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
  transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
}
.Header_Container .box .lxwm a span {
  position: relative;
  z-index: 2;
}
.Header_Container .box .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Header_Container .box .link .a {
  width: var(--w);
  height: var(--w);
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Header_Container .box .link .a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  -webkit-mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header_Container .box .link .a::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.Header_Container .box .link .a svg {
  margin: auto;
  position: relative;
  z-index: 1;
}
.Header_Container .box .link .a svg g {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Header_Container .box .link .a svg .g2 {
  opacity: 0;
}
.Header_Container .box .shop .a:hover::before {
  opacity: 0;
}
.Header_Container .box .shop .a:hover::after {
  opacity: 1;
}
.Header_Container .box .shop .a:hover svg .g1 {
  opacity: 0 !important;
}
.Header_Container .box .shop .a:hover svg .g2 {
  opacity: 1 !important;
}
.Header_Container .box .search {
  margin-left: 10px;
}
.Header_Container .box .search > .a {
  opacity: 0;
}
.Header_Container .box .search_main {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 100%;
  z-index: 2;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: var(--w);
  overflow: hidden;
}
.Header_Container .box .search_main::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.Header_Container .box .search_main form {
  height: var(--w);
  width: 100%;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  z-index: 2;
  position: relative;
}
.Header_Container .box .search_main form p {
  overflow: hidden;
  width: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Header_Container .box .search_main form input {
  width: calc(var(--width) - var(--w));
  font-size: 14px;
  color: #fff;
  display: block;
  background: transparent;
  height: 100%;
  border: 0;
  outline: none;
}
.Header_Container .box .search_main form input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.Header_Container .box .search_main form input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.Header_Container .box .search_main form input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.Header_Container .box .search_main form input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.Header_Container .box .search_main form input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.Header_Container .box .search_main:hover {
  width: var(--width);
}
.Header_Container .box .search_main:hover::before {
  opacity: 1;
}
.Header_Container .box .search_main:hover form {
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
}
.Header_Container .box .search_main:hover form .a::before {
  opacity: 0;
}
.Header_Container .box .search_main:hover form .a svg .g1 {
  opacity: 0 !important;
}
.Header_Container .box .search_main:hover form .a svg .g2 {
  opacity: 1 !important;
}
.Header_Container .box .search_main:hover form p {
  opacity: 1;
  width: calc(var(--width) - var(--w));
}
.Header_Container._white .box nav .item > p a {
  color: #fff;
}
.Header_Container._white .box .link a::before,
.Header_Container._white .box .link .a::before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3))) border-box;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)) border-box;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)) border-box;
}
.Header_Container._white .box .link a svg .g1,
.Header_Container._white .box .link .a svg .g1 {
  opacity: 0;
}
.Header_Container._white .box .link a svg .g2,
.Header_Container._white .box .link .a svg .g2 {
  opacity: 1;
}
.Header_Container.active {
  --nav_height2: var(--nav_height);
  top: 0.18rem;
}
.Header_Container.active .wMain {
  padding: 0 1.3rem;
}
.Header_Container.active .box::before {
  opacity: 1;
}
.Header_Container.active .box .logo a img {
  -webkit-transform: scale(0.86);
  -ms-transform: scale(0.86);
  transform: scale(0.86);
}
.Header_Container.active .box nav .item > p a {
  color: #333;
}
.Header_Container.active .box .link a::before,
.Header_Container.active .box .link .a::before {
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
}
.Header_Container.active .box .link a svg .g1,
.Header_Container.active .box .link .a svg .g1 {
  opacity: 1;
}
.Header_Container.active .box .link a svg .g2,
.Header_Container.active .box .link .a svg .g2 {
  opacity: 0;
}
.Header_Container.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.Header_Container.wy {
  -webkit-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  transform: translateY(-120%);
}
.selectNav_01 {
  position: absolute;
  left: -1.7rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  visibility: hidden;
  padding-top: 4px;
}
.selectNav_01 .content {
  width: 8.2rem;
  background: #fff;
  border-radius: var(--rr);
  padding: 0.4rem 0;
  top: 0;
}
.selectNav_01 .content ._left {
  width: 3.32rem;
  padding: 0 0.3rem;
  border-right: 1px solid #E1E1E1;
}
.selectNav_01 .content ._left ul {
  display: grid;
  gap: 0.1rem;
}
.selectNav_01 .content ._left ul li {
  position: relative;
  overflow: hidden;
  border-radius: 48px;
}
.selectNav_01 .content ._left ul li::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-0.68%, #A52339), color-stop(100.98%, #C72F48));
  background: -o-linear-gradient(top, #A52339 -0.68%, #C72F48 100.98%);
  background: linear-gradient(180deg, #A52339 -0.68%, #C72F48 100.98%);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.selectNav_01 .content ._left ul li a {
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.32rem;
  padding-right: 0.4rem;
  font-size: var(--f20);
  color: #666;
  position: relative;
}
.selectNav_01 .content ._left ul li a span {
  position: relative;
  z-index: 2;
}
.selectNav_01 .content ._left ul li a img {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
}
.selectNav_01 .content ._left ul .active a {
  color: #fff;
  font-weight: bold;
}
.selectNav_01 .content ._left ul .active a img {
  opacity: 1;
}
.selectNav_01 .content ._left ul .active::before {
  opacity: 1;
}
.selectNav_01 .content ._right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.4rem;
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.selectNav_01 .content ._right::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.selectNav_01 .content ._right::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #C72F48;
}
.selectNav_01 .content ._right::-webkit-scrollbar-track {
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
  .selectNav_01 .content ._right {
    scrollbar-color: #C72F48 rgba(0, 0, 0, 0.1);
    scrollbar-width: thin;
  }
}
.selectNav_01 .content ._right .list {
  gap: 0.25rem 0.35rem;
  grid-template-columns: repeat(2, 1fr);
  display: none;
}
.selectNav_01 .content ._right .list ._item {
  background: #F4F4F4;
  border-radius: 10px;
  padding: 0.1rem;
  padding-bottom: 0.2rem;
  position: relative;
  overflow: hidden;
}
.selectNav_01 .content ._right .list ._item::after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  bottom: -3px;
  height: 6px;
  width: 1.04rem;
  background-color: #C72F48;
  border-radius: 10px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.selectNav_01 .content ._right .list ._item figure {
  height: 124px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.selectNav_01 .content ._right .list ._item figure img {
  max-height: 100%;
  margin: auto;
}
.selectNav_01 .content ._right .list ._item figcaption {
  font-size: var(--f16);
  color: #666;
  text-align: center;
  margin-top: 0.1rem;
}
.selectNav_01 .content ._right .list ._item:hover::after {
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
}
.selectNav_01 .content ._right .list .active::after {
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
}
.selectNav_01 .content ._right .list .active figcaption {
  color: #C72F48;
}
.selectNav_01 .content ._right .list.active {
  display: grid;
}
.selectNav_02 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  padding-top: 4px;
}
.selectNav_02 ul {
  width: 2.5rem;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: var(--rr);
  padding: 0.25rem 0.27rem;
  display: grid;
  gap: 4px;
  opacity: 0.01;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.selectNav_02 ul li {
  position: relative;
  border-radius: 48px;
}
.selectNav_02 ul li::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.selectNav_02 ul li a {
  z-index: 2;
  padding: 0 0.55rem;
  position: relative;
  font-size: var(--f18);
  color: #999;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.selectNav_02 ul li p img {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  position: absolute;
  left: 0.2rem;
  top: 50%;
  max-width: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 0.6s;
}
.selectNav_02 ul li p .img2 {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  opacity: 0;
}
.selectNav_02 ul li a > img {
  position: absolute;
  right: 0.18rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.selectNav_02 ul li.active::before,
.selectNav_02 ul li:hover::before {
  opacity: 1;
}
.selectNav_02 ul li.active a,
.selectNav_02 ul li:hover a {
  color: #fff;
}
.selectNav_02 ul li.active a p .img1,
.selectNav_02 ul li:hover a p .img1 {
  opacity: 0;
}
.selectNav_02 ul li.active a p .img2,
.selectNav_02 ul li:hover a p .img2 {
  opacity: 1;
}
.selectNav_02 ul li.active a > img,
.selectNav_02 ul li:hover a > img {
  opacity: 1;
}
.Home_Banner .banner {
  position: relative;
}
.Home_Banner .banner video,
.Home_Banner .banner picture img {
  width: 100%;
  height: 100vh;
}
@media screen and (max-width: 1200px) {
  .Home_Banner .banner video,
  .Home_Banner .banner picture img {
    height: 60vh;
  }
}
.Home_Banner .banner .video {
  position: relative;
}
.Home_Banner .banner .video::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.Home_Banner .banner .video .phone {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
@media screen and (max-width: 1200px) {
  .Home_Banner .banner .video .phone {
    display: block;
  }
}
.Home_Banner .banner .video .phone .img {
  width: 100%;
  height: 100%;
}
.Home_Banner .banner .video .phone .img img {
  width: 100%;
  height: 100%;
}
.Home_Banner .banner .video .phone .play {
  position: absolute;
  z-index: 3;
  width: 0.5rem;
  height: 0.5rem;
  right: 5vw;
  bottom: 5vw;
  border-radius: 50%;
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Home_Banner .banner .video .phone .play svg {
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .Home_Banner .banner .video .phone .play {
    width: 0.7rem;
    height: 0.7rem;
  }
}
.Home_Banner .page {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.44rem;
  z-index: 2;
}
.Home_Banner .page div {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.Home_Banner .page div span {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  border-radius: 8px !important;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Home_Banner .page div span::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: inherit;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.Home_Banner .page div span.swiper-pagination-bullet-active {
  width: 34px;
}
.Home_Banner .page div span.swiper-pagination-bullet-active::after {
  -webkit-animation-name: line;
  animation-name: line;
  -webkit-animation-duration: var(--duration);
  animation-duration: var(--duration);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes line {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes line {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.title_01 .h5 {
  font-size: var(--f52);
  line-height: 1;
  font-family: 'FangYuanTi';
  font-weight: bold;
}
.title_01 .h6 {
  font-size: var(--f34);
  color: #333;
  opacity: 0.8;
  line-height: 1.1;
  margin-top: 20px;
}
.title_02 .h5 {
  font-size: var(--f42);
  line-height: 1;
  font-family: 'FangYuanTi';
  font-weight: bold;
}
main {
  z-index: 1;
  position: relative;
  background: #fff;
}
.Product {
  position: relative;
  overflow: hidden;
}
.Product .title_01 {
  position: absolute;
  left: var(--interval);
  padding-top: 0.9rem;
  z-index: 5;
}
.Product .MASK {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.Product .banner1 .swiper-slide {
  position: relative;
}
.Product .banner1 .swiper-slide img {
  width: 100%;
  height: 100vh;
}
.Product {
  min-height: 100vh;
}
.Product .MASK {
  pointer-events: none;
}
.Product .MASK__blur {
  position: absolute;
  z-index: 1;
  top: -1.959%;
  left: -2.083%;
  width: 104.167%;
  height: 105.258%;
  pointer-events: none;
  -webkit-clip-path: url(#bgblur_0_55_852_clip_path);
  clip-path: url(#bgblur_0_55_852_clip_path);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.Product .MASK svg {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
}
.Product .orientation {
  position: absolute;
  z-index: 3;
  top: 0;
  left: var(--interval);
  width: 5.2rem;
  height: 100%;
  padding-top: 2.25rem;
}
.Product .orientation ul {
  height: 100%;
}
.Product .orientation ul li {
  position: absolute;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
  pointer-events: none;
  -webkit-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.Product .orientation ul li .content1,
.Product .orientation ul li .content2,
.Product .orientation ul li .content3,
.Product .orientation ul li .content4 {
  opacity: 0;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}
.Product .orientation ul li .content1 {
  font-size: var(--f28);
  color: #fff;
}
.Product .orientation ul li .content2 {
  font-size: var(--f32);
  color: #fff;
  margin: 0.28rem 0 0.18rem;
}
.Product .orientation ul li .content3 {
  font-family: 'FangYuanTi';
  font-weight: bold;
  color: #fff;
  line-height: 1.35;
  font-size: var(--f46);
}
.Product .orientation ul li .content4 {
  position: absolute;
  left: 0;
  bottom: 0.96rem;
}
.Product .orientation ul .active {
  position: relative;
  z-index: 2;
  opacity: 1;
  pointer-events: auto;
}
.Product .orientation ul .active .content1,
.Product .orientation ul .active .content2,
.Product .orientation ul .active .content3,
.Product .orientation ul .active .content4 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.Product .orientation ul .active .content1 {
  opacity: 0.7;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.Product .orientation ul .active .content2 {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.Product .orientation ul .active .content3 {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.Product .orientation ul .active .content4 {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.Product .banner2 {
  position: absolute;
  z-index: 3;
  bottom: 0.76rem;
  z-index: 4;
  width: 60vw;
  right: var(--interval);
}
.Product .banner2 .swiper-slide {
  padding-top: 0.2rem;
}
.Product .banner2 .item {
  min-height: 1rem;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
.Product .banner2 .item::before,
.Product .banner2 .item::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: inherit;
  z-index: -1;
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  aspect-ratio: 15/10;
}
.Product .banner2 .item::before {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: rgba(255, 255, 255, 0.3);
}
.Product .banner2 .item::after {
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
}
.Product .banner2 .item figure {
  height: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Product .banner2 .item figure img {
  margin: auto;
  max-height: 100%;
}
.Product .banner2 .item figcaption {
  font-size: var(--f18);
  color: #fff;
  text-align: center;
  margin-top: 0.1rem;
  padding-bottom: 0.18rem;
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  position: relative;
  z-index: 1;
}
.Product .banner2 .item:hover figure {
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
}
.Product .banner2 .swiper-slide-thumb-active .item::before {
  opacity: 0.01;
}
.Product .banner2 .swiper-slide-thumb-active .item::after {
  opacity: 1;
}
.Product .banner2 .swiper-slide-thumb-active .item figcaption {
  color: #000;
}
.Product .button {
  opacity: 0;
}
@media screen and (max-width: 1281px) {
  .Product .button {
    opacity: 1;
  }
}
.Product .button div {
  position: absolute;
  z-index: 1;
  aspect-ratio: 44/100;
  width: 44px;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Product .button div p {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Product .button div p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-0.68%, #A52339), color-stop(100.98%, #C72F48));
  background: -o-linear-gradient(top, #A52339 -0.68%, #C72F48 100.98%);
  background: linear-gradient(180deg, #A52339 -0.68%, #C72F48 100.98%);
}
.Product .button div p svg {
  opacity: 0.7;
  margin: auto;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Product .button div p:hover {
  border-color: #A52339;
}
.Product .button div p:hover::before {
  opacity: 1;
}
.Product .button div p:hover svg {
  opacity: 1;
}
.Product .button .prev {
  left: 0;
}
.Product .button .next {
  right: 0;
}
.jbbk {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  -webkit-mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.jbbj {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.jbs {
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
}
.jbs2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-0.68%, #A52339), color-stop(100.98%, #C72F48));
  background: -o-linear-gradient(top, #A52339 -0.68%, #C72F48 100.98%);
  background: linear-gradient(180deg, #A52339 -0.68%, #C72F48 100.98%);
}
.jbwz {
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.link_01 .a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.7rem;
  padding: 0 0.25rem;
  height: max(0.5rem, 40px);
  border-radius: max(0.25rem, 22px);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.link_01 .a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  -webkit-mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.link_01 .a::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.link_01 .a span {
  font-size: var(--f18);
  color: #333;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
@media screen and (max-width: 699px) {
  .link_01 .a span {
    font-size: var(--f14);
  }
}
.link_01 .a.w::before {
  background: -webkit-gradient(linear, left top, right top, from(#169243), to(#169243)) border-box;
  background: -o-linear-gradient(left, #169243, #169243) border-box;
  background: linear-gradient(to right, #169243, #169243) border-box;
}
.link_01 .a.w span {
  color: #fff;
}
.link_01 .a > p {
  margin-left: 12px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  -o-transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.link_01 .a > p svg {
  fill: #169243;
  -webkit-transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  -o-transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
  margin-top: 2px;
}
.link_01 .a > p svg path {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.link_01 .a .Mascot {
  position: absolute;
  bottom: 6px;
  right: 12px;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(14px, 8px, 0) scale(0.76) rotate(-12deg);
  transform: translate3d(14px, 8px, 0) scale(0.76) rotate(-12deg);
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: opacity 0.35s ease 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  -o-transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  will-change: transform, opacity;
}
.link_01 .a .Mascot img {
  width: 0.46rem;
}
@media screen and (min-width: 1200px) {
  .link_01 .a:hover::before {
    opacity: 0;
  }
  .link_01 .a:hover::after {
    opacity: 1;
  }
  .link_01 .a:hover span {
    color: #fff;
  }
  .link_01 .a:hover > p svg {
    -webkit-transform: translate3d(140%, -140%, 0) rotate(8deg);
    transform: translate3d(140%, -140%, 0) rotate(8deg);
    opacity: 0;
  }
  .link_01 .a:hover .Mascot {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
    transform: translate3d(0, 0, 0) scale(1) rotate(0);
  }
}
.link_02 .a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 1.7rem;
  padding: 0 0.25rem;
  height: max(0.5rem, 40px);
  border-radius: max(0.25rem, 22px);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.link_02 .a::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.link_02 .a span {
  font-size: var(--f18);
  color: #fff;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
@media screen and (max-width: 699px) {
  .link_02 .a span {
    font-size: var(--f14);
  }
}
.link_02 .a > p {
  margin-left: 12px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.link_02 .a > p svg {
  fill: #fff;
  -webkit-transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  -o-transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}
.link_02 .a .Mascot {
  position: absolute;
  bottom: 6px;
  right: 12px;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(14px, 8px, 0) scale(0.76) rotate(-12deg);
  transform: translate3d(14px, 8px, 0) scale(0.76) rotate(-12deg);
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: opacity 0.35s ease 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  -o-transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  will-change: transform, opacity;
}
.link_02 .a .Mascot img {
  width: 0.46rem;
}
@media screen and (min-width: 1200px) {
  .link_02 .a:hover > p svg {
    -webkit-transform: translate3d(140%, -140%, 0) rotate(8deg);
    transform: translate3d(140%, -140%, 0) rotate(8deg);
    opacity: 0;
  }
  .link_02 .a:hover .Mascot {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
    transform: translate3d(0, 0, 0) scale(1) rotate(0);
  }
}
@-webkit-keyframes arrowRun {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  7% {
    -webkit-transform: translate3d(160%, -160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(160%, -160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  7.1% {
    -webkit-transform: translate3d(-160%, 160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(-160%, 160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  14% {
    -webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
}
@keyframes arrowRun {
  0% {
    -webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  7% {
    -webkit-transform: translate3d(160%, -160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(160%, -160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  7.1% {
    -webkit-transform: translate3d(-160%, 160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(-160%, 160%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  14% {
    -webkit-transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0%, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
}
.flex_end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.Development_History {
  contain: layout;
}
.Development_History .wMain {
  position: relative;
  z-index: 2;
}
.Development_History .box {
  position: relative;
  margin-top: -0.3rem;
}
.Development_History .box .mask {
  width: 106%;
  margin-left: -3%;
}
.Development_History .box .mask .img img {
  width: 100%;
}
.Development_History .box .scroll .list .item {
  position: absolute;
  top: 0%;
  left: 0%;
  --gap: 0.1rem;
  --h: 1.3rem;
  -webkit-transform: translateY(-0.4rem);
  -ms-transform: translateY(-0.4rem);
  transform: translateY(-0.4rem);
  opacity: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), -webkit-transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), -webkit-transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  -o-transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), transform 1.2s cubic-bezier(0.38, 0, 0, 1), -webkit-transform 1.2s cubic-bezier(0.38, 0, 0, 1);
}
.Development_History .box .scroll .list .item .circle {
  width: 10px;
  height: 10px;
  background: #169243;
  border-radius: 50%;
  position: relative;
}
.Development_History .box .scroll .list .item .circle::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: calc(100% + var(--gap));
  height: var(--h);
  background: #B9B9B9;
  width: 1px;
}
.Development_History .box .scroll .list .item .content {
  position: absolute;
  left: 50%;
  bottom: calc(100% + var(--gap) + var(--h));
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.Development_History .box .scroll .list .item .content .pic {
  border: var(--gap) solid #fff;
  background: #fff;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  border-radius: 50%;
  pointer-events: none;
}
.Development_History .box .scroll .list .item .content .pic p {
  width: 74px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Development_History .box .scroll .list .item .content .pic p img {
  width: 100%;
  height: 100%;
}
.Development_History .box .scroll .list .item .content .text_box {
  pointer-events: none;
  position: absolute;
  left: 100%;
  margin-left: 0.44rem;
  width: 3.35rem;
  top: 6px;
  line-height: 1.2;
  -webkit-transform: translate(-webkit-calc(-0.3rem), -webkit-calc(-5.86rem));
  -ms-transform: translate(calc(0.14rem - 0.44rem), calc(0.14rem - 6px));
  transform: translate(calc(0.14rem - 0.44rem), calc(0.14rem - 6px));
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
}
.Development_History .box .scroll .list .item .content .text_box .time {
  color: #169243;
  font-family: 'FangYuanTi';
  font-size: var(--f32);
  font-weight: bold;
  line-height: 1.2;
  height: calc(var(--f26) * 1.2);
  overflow: hidden;
  -webkit-transform: scale(0.8125);
  -ms-transform: scale(0.8125);
  transform: scale(0.8125);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: height 0.6s, -webkit-transform 0.6s;
  transition: height 0.6s, -webkit-transform 0.6s;
  -o-transition: transform 0.6s, height 0.6s;
  transition: transform 0.6s, height 0.6s;
  transition: transform 0.6s, height 0.6s, -webkit-transform 0.6s;
}
.Development_History .box .scroll .list .item .content .text_box .text {
  font-size: var(--f38);
  font-weight: var(--bold);
  line-height: 1.2;
  overflow: hidden;
  -webkit-transform: scale(0.6842);
  -ms-transform: scale(0.6842);
  transform: scale(0.6842);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: height 0.6s, -webkit-transform 0.6s;
  transition: height 0.6s, -webkit-transform 0.6s;
  -o-transition: transform 0.6s, height 0.6s;
  transition: transform 0.6s, height 0.6s;
  transition: transform 0.6s, height 0.6s, -webkit-transform 0.6s;
}
.Development_History .box .scroll .list .item .content .text_box .desc {
  font-size: var(--f16);
  color: #999;
  line-height: 1.5;
  margin-top: -3px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
@media screen and (min-width: 1200px) {
  .Development_History .box .scroll .list .item:hover .content .pic {
    -webkit-transform: scale(1.7);
    -ms-transform: scale(1.7);
    transform: scale(1.7);
  }
  .Development_History .box .scroll .list .item:hover .content .pic p {
    border-color: #169243;
  }
  .Development_History .box .scroll .list .item:hover .content .text_box {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .Development_History .box .scroll .list .item:hover .content .text_box .time {
    height: calc(var(--f32) * 1.2);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .Development_History .box .scroll .list .item:hover .content .text_box .text {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .Development_History .box .scroll .list .item:hover .content .text_box .desc {
    margin-top: 0.12rem;
  }
}
.Development_History .box .scroll .list .item:nth-child(2n) {
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
}
.Development_History .box .scroll .list .item:nth-child(2n) .circle::before {
  bottom: auto;
  top: calc(100% + var(--gap));
}
.Development_History .box .scroll .list .item:nth-child(2n) .content {
  bottom: auto;
  top: calc(100% + var(--gap) + var(--h));
}
.Development_History .box .scroll .list .item:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.Development_History .box .scroll .list .item:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.Development_History .box .scroll .list .item:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.Development_History .box .scroll .list .item:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.Development_History .box .scroll .list .item:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.Development_History .box .scroll .list .item:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.Development_History .box .scroll .list .item:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.Development_History .box .scroll .list .item1 {
  left: 10.625%;
  top: 53.6%;
}
.Development_History .box .scroll .list .item2 {
  left: 27.08%;
  top: 63.8%;
  --h: 1.18rem;
}
.Development_History .box .scroll .list .item3 {
  left: 44.9%;
  top: 44.8%;
  --h: 1.48rem;
}
.Development_History .box .scroll .list .item4 {
  left: 70.625%;
  top: 59.7%;
  --h: 1.18rem;
}
.Development_History .box .scroll .list .item5 {
  left: 82%;
  top: 31.1%;
  --h: 1.1rem;
}
.Development_History .box .scroll .list.active .item:nth-child(2n-1) {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.Development_History .box .scroll .list.active1 .item {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.Factory_Strength {
  position: relative;
}
.Factory_Strength .title_01 {
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: 0;
}
.Factory_Strength .title_01 .h6 {
  color: #fff;
}
.Factory_Strength .img {
  background: #fff;
  overflow: hidden;
}
.Factory_Strength .img img {
  width: 100%;
  height: 100vh;
}
.Factory_Strength .mask {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
}
.Factory_Strength .mask p {
  -webkit-transform: translateY(-2px) scale(2);
  -ms-transform: translateY(-2px) scale(1);
  transform: translateY(-2px) scale(1);
  width: 100%;
  height: 100%;
  background: url(../images/mask.svg) no-repeat center center;
  background-size: 100% auto;
}
.Factory_Strength .mask img {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 2;
  height: 24%;
}
.Factory_Strength .orientation {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
}
.Factory_Strength .orientation .list .scroll {
  -webkit-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  transform: translateY(100vh);
}
.Factory_Strength .orientation .list .item {
  position: relative;
  margin-bottom: 0.5rem;
  min-height: 3.5rem;
}
.Factory_Strength .orientation .list .item a {
  height: 100%;
}
.Factory_Strength .orientation .list .item .content {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 0.2rem;
  width: 3.35rem;
  min-height: 100%;
  padding: 0.45rem 0.4rem;
  position: absolute;
  top: 0;
  left: 0;
}
.Factory_Strength .orientation .list .item .content .content1 p {
  width: max(0.58rem, 44px);
  aspect-ratio: 1/1;
  background: #169243;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Factory_Strength .orientation .list .item .content .content1 p img {
  margin: auto;
  max-width: 30px;
  max-height: 30px;
}
.Factory_Strength .orientation .list .item .content .content2 {
  margin: 0.15rem 0 0.22rem;
  font-size: var(--f32);
  color: #333;
  line-height: 1.2;
}
.Factory_Strength .orientation .list .item .content .content3 {
  font-size: var(--f24);
  color: #169243;
}
.Factory_Strength .orientation .list .item .content .content4 {
  font-size: var(--f16);
  color: #666;
  margin-top: 8px;
}
.Factory_Strength .orientation .list .item .content .content4 span {
  font-family: 'FangYuanTi';
  color: #169243;
  font-weight: bold;
}
.Factory_Strength .orientation .list .item:nth-child(1) .content {
  left: 50%;
}
.Factory_Strength .orientation .list .item:nth-child(2) .content {
  left: 9.7%;
}
.Factory_Strength .orientation .list .item:nth-child(3) .content {
  left: auto;
  right: 9.7%;
}
.Factory_Strength .orientation .list .item:nth-child(4) .content {
  left: 20%;
}
.Factory_Strength .orientation .list .item:nth-child(5) .content {
  left: auto;
  right: 20%;
}
.color {
  background: #f1f6f9;
}
.Cooperative_Channels {
  position: relative;
  z-index: 1;
  --gap: 0.68rem;
  margin-top: -0.45rem;
}
.Cooperative_Channels .bg {
  border-radius: 0.3rem;
  background: #fff;
  padding: 0.78rem var(--gap);
}
.Cooperative_Channels .box .title {
  margin-top: 0.46rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.4rem;
}
.Cooperative_Channels .box .title div {
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
}
.Cooperative_Channels .box .title div img {
  margin: auto;
}
.Cooperative_Channels .box .title p {
  font-size: var(--f26);
  padding-left: 0.18rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Cooperative_Channels .box .banner1 {
  width: calc(100% + var(--gap) * 2);
  margin-left: calc(var(--gap) * -1);
  --h: 86px;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.Cooperative_Channels .box .banner1 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: lb1_banner 10s linear infinite;
  animation: lb1_banner 10s linear infinite;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.Cooperative_Channels .box .banner1 ul li {
  padding: 0 8px;
}
.Cooperative_Channels .box .banner1 ul li p {
  width: 2.6rem;
  background: #F4F4F4;
  height: var(--h);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Cooperative_Channels .box .banner1 ul li p img {
  max-height: 80%;
  max-width: 80%;
  margin: auto;
}
.Cooperative_Channels .box .banner1 ul:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.Cooperative_Channels .box .banner2 {
  --h: 86px;
  --gap: 16px;
}
.Cooperative_Channels .box .banner2 .swiper {
  height: calc(var(--h) * 3 + var(--gap) * 2);
}
.Cooperative_Channels .box .banner2 .swiper .swiper-slide {
  height: var(--h);
}
.Cooperative_Channels .box .banner2 .swiper .swiper-slide .li {
  height: 100%;
  background: #F4F4F4;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Cooperative_Channels .box .banner2 .swiper .swiper-slide .li img {
  max-height: 80%;
  max-width: 80%;
  margin: auto;
}
.Cooperative_Channels .box .banner2 .page {
  margin-top: 0.6rem;
  --duration: 3.2s;
}
.Cooperative_Channels .box .banner2 .page div {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
}
.Cooperative_Channels .box .banner2 .page div span {
  background: rgba(207, 207, 207, 0.5);
  opacity: 1;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  border-radius: 8px !important;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.Cooperative_Channels .box .banner2 .page div span::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #169243;
  border-radius: inherit;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.Cooperative_Channels .box .banner2 .page div span.swiper-pagination-bullet-active {
  width: 34px;
}
.Cooperative_Channels .box .banner2 .page div span.swiper-pagination-bullet-active::after {
  -webkit-animation-name: line;
  animation-name: line;
  -webkit-animation-duration: var(--duration);
  animation-duration: var(--duration);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.banner_page {
  margin-top: 0.6rem;
  --duration: 3.2s;
}
.banner_page div {
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
}
.banner_page div span {
  background: rgba(207, 207, 207, 0.5);
  opacity: 1;
  margin: 0 !important;
  position: relative;
  overflow: hidden;
  border-radius: 8px !important;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.banner_page div span::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #169243;
  border-radius: inherit;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.banner_page div span.swiper-pagination-bullet-active {
  width: 34px;
}
.banner_page div span.swiper-pagination-bullet-active::after {
  -webkit-animation-name: line;
  animation-name: line;
  -webkit-animation-duration: var(--duration);
  animation-duration: var(--duration);
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@-webkit-keyframes lb1_banner {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes lb1_banner {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.SplitText {
  opacity: 0;
}
.Contact_Us {
  overflow: hidden;
  margin-top: -0.82rem;
  position: relative;
  padding-top: 0.82rem;
}
.Contact_Us .img {
  position: absolute;
  inset: 0;
}
.Contact_Us .img img {
  width: 100%;
  -webkit-transform: translateY(-1.5rem);
  -ms-transform: translateY(-1.5rem);
  transform: translateY(-1.5rem);
}
.Contact_Us .wMain {
  position: relative;
  z-index: 2;
}
.Contact_Us .wMain .title_01 .h6 {
  color: #fff;
  opacity: 0.8;
}
.News {
  background: #F1F1F1;
}
.News .box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background: #fff;
  border-radius: 0.2rem;
}
.News .box .boxLeft a {
  position: relative;
}
.News .box .boxLeft a .img {
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}
.News .box .boxLeft a .img img {
  width: 100%;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  aspect-ratio: 81/50;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.News .box .boxLeft a .img::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(49, 26, 0, 0.6)), color-stop(56.8%, rgba(49, 26, 0, 0))), url(榴莲匹萨180g.jpg);
  background: -o-linear-gradient(bottom, rgba(49, 26, 0, 0.6) 0%, rgba(49, 26, 0, 0) 56.8%), url(榴莲匹萨180g.jpg);
  background: linear-gradient(360deg, rgba(49, 26, 0, 0.6) 0%, rgba(49, 26, 0, 0) 56.8%), url(榴莲匹萨180g.jpg);
}
.News .box .boxLeft a .orientation {
  position: absolute;
  bottom: 0.4rem;
  padding: 0 0.44rem;
}
.News .box .boxLeft a .orientation .time {
  font-size: var(--f18);
  color: #fff;
  opacity: 0.7;
}
.News .box .boxLeft a .orientation .name {
  font-size: var(--f26);
  color: #fff;
  margin-top: 12px;
  height: 2.8em;
  max-height: 2.8em;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  height: auto;
  font-weight: var(--bold);
}
.News .box .boxRight {
  padding: 0 0.4rem 0 0.48rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.News .box .boxRight ul {
  width: 100%;
  display: grid;
  gap: 0.34rem;
}
.News .box .boxRight ul li a .left {
  width: 1.92rem;
}
.News .box .boxRight ul li a .left .img {
  border-radius: 6px;
  overflow: hidden;
}
.News .box .boxRight ul li a .left .img img {
  width: 100%;
  -webkit-transition: 2s;
  -o-transition: 2s;
  transition: 2s;
  aspect-ratio: 81/50;
}
.News .box .boxRight ul li a .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.5rem;
  padding-right: 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.News .box .boxRight ul li a .right .time {
  font-family: 'MR';
  font-size: var(--f16);
  color: #169243;
}
.News .box .boxRight ul li a .right .name {
  font-size: var(--f20);
  color: #333;
  height: 2.6em;
  max-height: 2.6em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  margin-top: 6px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-weight: var(--bold);
}
.News .box .boxRight ul li a .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.News .box .boxRight ul li a:hover .left .img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.News .box .boxRight ul li a:hover .right .name {
  color: #169243;
}
.News .box .boxRight ul li a:hover .button .button_01::before {
  opacity: 1;
}
.News .box .boxRight ul li a:hover .button .button_01 svg {
  fill: #fff;
  -webkit-animation: arrowRun 5s infinite;
  animation: arrowRun 5s infinite;
}
.button_01 {
  position: relative;
  border: 2px solid #DFDFDF;
  border-radius: 50%;
}
.button_01::before {
  content: '';
  position: absolute;
  width: -webkit-calc(104%);
  width: calc(100% + 4px);
  height: -webkit-calc(104%);
  height: calc(100% + 4px);
  left: -2px;
  top: -2px;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
}
.button_01 p {
  width: 44px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.button_01 svg {
  fill: #169243;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin: auto;
  position: relative;
  z-index: 1;
}
.button_01:hover::before {
  opacity: 1;
}
.button_01:hover svg {
  fill: #fff;
}
.footer {
  background: #fff;
  padding: 0.6rem 0;
  position: relative;
  z-index: 2;
}
.footer .box {
  margin-bottom: 1.84rem;
}
.footer .box .boxLeft .logo {
  width: 1.15rem;
}
.footer .box .boxLeft .logo img {
  width: 100%;
}
.footer .box .boxLeft .FriendshipLink {
  margin-top: 0.4rem;
  width: 2.9rem;
  position: relative;
}
.footer .box .boxLeft .FriendshipLink .current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #f5f5f5;
  border-radius: 50px;
  height: 0.46rem;
  padding: 0 0.28rem 0 0.32rem;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.footer .box .boxLeft .FriendshipLink .current span {
  font-size: var(--f16);
  color: #333;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0.12rem;
}
.footer .box .boxLeft .FriendshipLink .current i {
  color: #169243;
  font-size: var(--f14);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-weight: bold;
}
.footer .box .boxLeft .FriendshipLink .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #f5f5f5;
  border-radius: 0 0 20px 20px;
  margin-bottom: 0.1rem;
  padding: 0.1rem 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}
.footer .box .boxLeft .FriendshipLink .dropdown ul li a {
  padding: 0.12rem 0.32rem;
  font-size: var(--f16);
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  padding-left: 0.61rem;
}
.footer .box .boxLeft .FriendshipLink .dropdown ul li a:hover {
  color: #169243;
  background: #f9f9f9;
}
.footer .box .boxLeft .FriendshipLink.active .current {
  border-radius: 20px 20px 0 0;
}
.footer .box .boxLeft .FriendshipLink.active .current i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.footer .box .boxLeft .FriendshipLink.active .dropdown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.footer .box .boxRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.footer .box .boxRight .item {
  margin-right: 0.8rem;
}
.footer .box .boxRight .item:last-child {
  margin-right: 0;
}
.footer .box .boxRight .item .h5 a {
  font-size: var(--f20);
  font-weight: var(--bold);
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.footer .box .boxRight .item .h5 a:hover {
  color: #169243;
}
.footer .box .boxRight .item ul {
  margin-top: 0.22rem;
  display: grid;
  gap: 10px;
}
.footer .box .boxRight .item ul li a {
  font-size: var(--f16);
  color: #999;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.footer .box .boxRight .item ul li a:hover {
  color: #169243;
}
.footer .box1 a,
.footer .box1 span {
  display: inline-block;
  font-size: var(--f16);
  color: #999;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.footer .box1 a:hover {
  color: #169243;
}
.InnerBanner {
  overflow: hidden;
}
.InnerBanner picture {
  position: relative;
}
.InnerBanner picture::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-1.75%, rgba(0, 0, 0, 0.5)), color-stop(41.75%, rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) -1.75%, rgba(0, 0, 0, 0) 41.75%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) -1.75%, rgba(0, 0, 0, 0) 41.75%);
}
.InnerBanner picture img {
  width: 100%;
}
.form_01 {
  position: relative;
}
.form_01 > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.form_01 .item {
  border-radius: var(--rr);
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(0.17rem);
  backdrop-filter: blur(0.17rem);
  padding: 0.4rem 0.5rem;
  padding-right: 0.3rem;
}
.form_01 .item .left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 0.3rem;
  font-size: var(--f28);
}
.form_01 .item .left .top {
  line-height: 1.2;
  font-weight: var(--bold);
}
.form_01 .item .left .top img {
  margin-right: 7px;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.form_01 .item .left .bot div {
  margin-bottom: 4px;
  font-weight: var(--bold);
}
.form_01 .item .left .bot a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'MB';
}
.form_01 .item .right {
  width: 1.8rem;
  border-radius: 10px;
  overflow: hidden;
}
.form_01 .item .right img {
  width: 100%;
}
.form_01 .mascot2 {
  position: absolute;
  right: 0.5rem;
  top: 0;
  z-index: 2;
  -webkit-transform: translateY(-74%);
  -ms-transform: translateY(-74%);
  transform: translateY(-74%);
  visibility: hidden;
}
.form_01 .mascot2 img {
  width: 2.3rem;
}
.form_02 {
  margin-top: 0.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.3rem;
}
.form_02 .content {
  border-radius: 0.2rem;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(0.17rem);
  backdrop-filter: blur(0.17rem);
  padding: 0.4rem 0.5rem;
}
.form_02 .content .title {
  line-height: 1.2;
  font-weight: var(--bold);
  font-size: var(--f28);
}
.form_02 .content .title img {
  margin-right: 7px;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
.form_02 .content1 {
  position: relative;
  z-index: 1;
}
.form_02 .info {
  margin-top: 0.4rem;
  margin-bottom: 0.8rem;
}
.form_02 .info .code {
  width: 1.52rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.form_02 .info .code p {
  border-radius: 10px;
  overflow: hidden;
}
.form_02 .info .code p img {
  width: 100%;
}
.form_02 .info .infomation {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.4rem;
}
.form_02 .info .infomation ul {
  display: grid;
  gap: 0.15rem;
  width: 100%;
}
.form_02 .info .infomation ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form_02 .info .infomation ul li .icon {
  width: 20px;
  text-align: center;
}
.form_02 .info .infomation ul li .text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.14rem;
  font-size: var(--f18);
  color: #333;
}
.form_02 .link ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.form_02 .link ul li {
  position: relative;
}
.form_02 .link ul li a {
  width: max(0.58rem, 44px);
  height: max(0.58rem, 44px);
  background: #F5F5F5;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.form_02 .link ul li a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.form_02 .link ul li a img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.form_02 .link ul li a .black {
  opacity: 0.3;
}
.form_02 .link ul li a .white {
  opacity: 0;
  -webkit-filter: invert(1);
  filter: invert(1);
}
.form_02 .link ul li .ewm {
  position: absolute;
  left: 50%;
  top: 0.68rem;
  -webkit-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 1.2rem;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2;
}
.form_02 .link ul li .ewm img {
  width: 100%;
}
.form_02 .link ul li:hover a::before {
  opacity: 1;
}
.form_02 .link ul li:hover a .black {
  opacity: 0;
}
.form_02 .link ul li:hover a .white {
  opacity: 1;
}
.form_02 .link ul li:hover .ewm {
  opacity: 1;
}
.form_02 .link ul:last-child {
  margin-left: 0.6rem;
  position: relative;
}
.form_02 .link ul:last-child::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  background: #D0D0D0;
  left: -0.3rem;
}
.form_02 form {
  margin-top: 0.2rem;
}
.form_02 form .list1 {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
.form_02 form .list1 .input input {
  height: max(0.5rem, 44px);
  background: #F5F5F5;
  border: 0;
  border-radius: 5px;
  padding: 0 0.15rem;
  width: 100%;
  font-size: 16px;
}
.form_02 form .list1 .input input::-webkit-input-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list1 .input input::-moz-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list1 .input input:-ms-input-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list1 .input input::-ms-input-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list1 .input input::placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list1 .input:hover input::-webkit-input-placeholder {
  color: #666;
}
.form_02 form .list1 .input:hover input::-moz-placeholder {
  color: #666;
}
.form_02 form .list1 .input:hover input:-ms-input-placeholder {
  color: #666;
}
.form_02 form .list1 .input:hover input::-ms-input-placeholder {
  color: #666;
}
.form_02 form .list1 .input:hover input::placeholder {
  color: #666;
}
.form_02 form .list2 {
  margin: 10px 0;
}
.form_02 form .list2 textarea {
  height: 1.15rem;
  resize: none;
  background: #F5F5F5;
  border: 0;
  border-radius: 5px;
  padding: 0.12rem 0.15rem;
  width: 100%;
  font-size: 16px;
}
.form_02 form .list2 textarea::-webkit-input-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list2 textarea::-moz-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list2 textarea:-ms-input-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list2 textarea::-ms-input-placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list2 textarea::placeholder {
  color: #B4B4B4;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.form_02 form .list2:hover textarea::-webkit-input-placeholder {
  color: #666;
}
.form_02 form .list2:hover textarea::-moz-placeholder {
  color: #666;
}
.form_02 form .list2:hover textarea:-ms-input-placeholder {
  color: #666;
}
.form_02 form .list2:hover textarea::-ms-input-placeholder {
  color: #666;
}
.form_02 form .list2:hover textarea::placeholder {
  color: #666;
}
.form_02 form .list3 input {
  width: 100%;
  height: max(0.6rem, 44px);
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  color: #fff;
  font-size: 16px;
  border: 0;
  border-radius: max(0.6rem, 44px);
  cursor: pointer;
}
.form_02 form .list4 {
  color: #333;
  font-size: var(--f16);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.4rem;
}
.form_02 form .list4 p {
  margin-left: 0.06rem;
}
.form_02 form .list4 p a {
  display: inline-block;
}
.form_02 form .list4 .layui-form-checked[lay-skin="primary"] > i {
  border-color: #169243 !important;
  background: var(--gradient);
}
.form_02 form .list4 .layui-form-checkbox[lay-skin=primary] i {
  background: none;
  border-color: #169243;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.form_02 form .list4 .layui-form-checked[lay-skin=primary] i {
  background: #169243;
}
.form_02 form .list4 .layui-form-checkbox[lay-skin=primary] {
  padding-left: 0;
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
}
.form_02 form .list4 a {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #169243;
}
.form_02 form .list4 a:hover {
  color: #169243;
}
.PartnerSupermarket_01 .box.is-expand .more_01 .show {
  display: none;
}
.PartnerSupermarket_01 .box.is-expand .more_01 .hide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.PartnerSupermarket_01 .box .list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.2rem;
}
.PartnerSupermarket_01 .box .list .list-extra {
  grid-column: 1 / -1;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: max-height 0.6s ease, opacity 0.6s ease;
  -o-transition: max-height 0.6s ease, opacity 0.6s ease;
  transition: max-height 0.6s ease, opacity 0.6s ease;
}
.PartnerSupermarket_01 .box .list .list-extra__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.2rem;
}
.PartnerSupermarket_01 .box .list .item {
  border-radius: 0.1rem;
  background: #F4F4F4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
}
.PartnerSupermarket_01 .box .list .item img {
  max-height: 80%;
  max-width: 80%;
  margin: auto;
}
.PartnerSupermarket_01 .box .more_01 {
  margin-top: 0.6rem;
}
.PartnerSupermarket_01 .box .more_01 .hide {
  display: none;
}
.more_01 a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  width: 1.7rem;
  height: max(0.5rem, 40px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--f18);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  border-radius: max(0.5rem, 40px);
}
.more_01 a p {
  position: relative;
  z-index: 2;
}
.more_01 a p i {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #169243;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.more_01 a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  -webkit-mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  pointer-events: none;
}
.more_01 a::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  pointer-events: none;
}
.more_01 a:hover {
  color: #fff;
}
.more_01 a:hover p i {
  color: #fff;
}
.more_01 a:hover::before {
  opacity: 1;
}
.more_01 a:hover::after {
  opacity: 1;
}
.CooperativeBrand_01 {
  position: relative;
}
.CooperativeBrand_01 picture {
  position: relative;
  opacity: 0;
}
.CooperativeBrand_01 picture::before {
  content: '';
  position: absolute;
  inset: 0;
  background: -o-linear-gradient(341.71deg, rgba(0, 0, 0, 0.58) 8.56%, rgba(0, 0, 0, 0) 91.44%);
  background: linear-gradient(108.29deg, rgba(0, 0, 0, 0.58) 8.56%, rgba(0, 0, 0, 0) 91.44%);
}
.CooperativeBrand_01 picture img {
  width: 100%;
}
.CooperativeBrand_01 .orientation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.CooperativeBrand_01 .orientation .title_01 .h6 {
  color: #fff;
  opacity: 0.8;
}
.CooperativeBrand_01 .orientation .link_01 {
  margin-top: 0.54rem;
}
.CooperativeBrand_01 .orientation .link_01 .a:hover > p {
  margin-left: 0.24rem;
}
.CooperativeBrand_01 .banner {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
  bottom: 1rem;
}
.CooperativeBrand_01 .banner .banner1 {
  width: calc(100% + var(--gap) * 2);
  margin-left: calc(var(--gap) * -1);
  --h: 98px;
  overflow: hidden;
}
.CooperativeBrand_01 .banner .banner1 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: lb1_banner 10s linear infinite;
  animation: lb1_banner 10s linear infinite;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.CooperativeBrand_01 .banner .banner1 ul li {
  padding: 0 8px;
}
.CooperativeBrand_01 .banner .banner1 ul li p {
  width: 2.6rem;
  background: rgba(255, 255, 255, 0.8);
  height: var(--h);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
}
.CooperativeBrand_01 .banner .banner1 ul li p img {
  max-height: 80%;
  max-width: 80%;
  margin: auto;
}
.CooperativeBrand_01 .banner .banner1 ul:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.CooperativeBrand_01 .banner .banner1:nth-child(2) {
  margin-top: 0.2rem;
}
.CooperativeBrand_01 .banner .banner1:nth-child(2) ul {
  animation-direction: reverse;
}
.News_01 .box .swiper {
  background: #fff;
  border-radius: var(--rr);
}
.News_01 .box .item .boxLeft {
  width: 50%;
  overflow: hidden;
  border-radius: var(--rr);
}
.News_01 .box .item .boxLeft img {
  width: 100%;
  aspect-ratio: 81/50;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.News_01 .box .item .boxRight {
  width: 50%;
  padding: 0 0.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.News_01 .box .item .boxRight > div {
  width: 100%;
}
.News_01 .box .item .boxRight .content1 {
  font-size: var(--f16);
  color: #169243;
}
.News_01 .box .item .boxRight .content2 {
  font-size: var(--f28);
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  margin: 0.12rem 0 0.4rem;
}
.News_01 .box .item .boxRight .content3 {
  font-size: var(--f18);
  color: #666;
  height: 3em;
  max-height: 3em;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.News_01 .box .item .boxRight .content4 {
  margin-top: 1rem;
}
.News_01 .box .item .boxRight .content4 p {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.News_01 .box .item .boxRight .content4 p svg {
  margin: auto;
}
.News_01 .box .item:hover .boxLeft img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.News_01 .box .item:hover .boxRight .content2 {
  color: #169243;
}
.News_01 .box .item:hover .boxRight .content4 p svg {
  -webkit-animation: arrowRun 5s infinite;
  animation: arrowRun 5s infinite;
}
.News_01 .banner_page {
  --duration: 3.8s;
}
.News_02 .box {
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  border-top: 1px solid #D1D1D1;
}
.News_02 .box .list {
  display: grid;
  gap: 0.2rem;
}
.News_02 .box .list .item {
  background: #ffF;
  border-radius: 0.3rem;
  padding: 16px;
}
.News_02 .box .list .item .img {
  border-radius: 14px;
  width: 2.3rem;
  overflow: hidden;
}
.News_02 .box .list .item .img img {
  width: 100%;
  aspect-ratio: 81/50;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.News_02 .box .list .item .content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.News_02 .box .list .item .content .time {
  font-size: var(--f16);
  color: #169243;
  font-family: 'MR';
}
.News_02 .box .list .item .content .name {
  font-size: var(--f20);
  color: #333;
  font-weight: var(--bold);
  margin-top: 10px;
  height: 1.3em;
  max-height: 1.3em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.News_02 .box .list .item .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.3rem;
}
.News_02 .box .list .item .button p {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.News_02 .box .list .item .button p::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #DFDFDF;
  border-radius: 50%;
}
.News_02 .box .list .item .button p::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.News_02 .box .list .item .button p svg {
  margin: auto;
  z-index: 2;
  position: relative;
}
.News_02 .box .list .item .button p svg path {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.News_02 .box .list .item:hover .img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.News_02 .box .list .item:hover .button p::before {
  opacity: 1;
}
.News_02 .box .list .item:hover .button p::after {
  opacity: 1;
}
.News_02 .box .list .item:hover .button p svg {
  -webkit-animation: arrowRun 5s infinite;
  animation: arrowRun 5s infinite;
}
.News_02 .box .list .item:hover .button p svg path {
  fill: #fff;
}
.pu_page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 0.6rem;
  gap: 0.4rem;
}
.pu_page .prev a,
.pu_page .next a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.pu_page .prev a::before,
.pu_page .next a::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #DFDFDF;
  border-radius: 50%;
}
.pu_page .prev a::after,
.pu_page .next a::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.pu_page .prev a i,
.pu_page .next a i {
  margin: auto;
  color: #169243;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-weight: bold;
  font-size: var(--f14);
  position: relative;
  z-index: 2;
}
.pu_page .prev a:hover::before,
.pu_page .next a:hover::before {
  opacity: 1;
}
.pu_page .prev a:hover::after,
.pu_page .next a:hover::after {
  opacity: 1;
}
.pu_page .prev a:hover i,
.pu_page .next a:hover i {
  color: #fff;
}
.pu_page .number {
  gap: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.pu_page .number a {
  font-size: var(--f16);
  font-family: 'MR';
  color: #666;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.pu_page .number a:hover {
  color: #169243;
}
.pu_page .number .active {
  color: #169243;
  font-family: 'MB';
}
.mbx .box {
  padding: 0.15rem 0;
  font-size: var(--f16);
}
.mbx .box a {
  display: inline;
  color: #666;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.mbx .box a svg {
  fill: #BABABA;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.mbx .box a:hover {
  color: #169243;
}
.mbx .box a:hover svg {
  fill: #169243;
}
.mbx .box i {
  font-size: 12px;
  color: #CECECE;
}
.mbx .box span {
  color: #333;
}
.mbx.on .box a:hover {
  color: #C72F48;
}
.mbx.on .box a:hover svg {
  fill: #C72F48;
}
.News_Info .box {
  padding-top: 0.5rem;
}
.News_Info .box .boxLeft {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 0.58rem;
}
.News_Info .box .boxLeft .content1 {
  font-size: var(--f20);
  color: #169243;
  font-family: 'MR';
}
.News_Info .box .boxLeft .content2 {
  font-size: var(--f42);
  margin-top: 5px;
  font-weight: var(--bold);
  margin-bottom: 0.6rem;
}
.News_Info .box .boxLeft .content3 {
  font-size: var(--f18);
  color: #666;
  line-height: 1.8;
  text-align: justify;
}
.News_Info .box .boxLeft .content4 {
  margin-top: 0.7rem;
  padding-top: 0.45rem;
  border-top: 1px solid #E5E5E5;
  display: grid;
  gap: 0.24rem;
}
.News_Info .box .boxLeft .content4 a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--f20);
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.News_Info .box .boxLeft .content4 a p {
  line-height: 1.2;
  width: 1.15rem;
}
.News_Info .box .boxLeft .content4 a div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.News_Info .box .boxLeft .content4 a:hover {
  color: #169243;
}
.News_Info .box .boxRight {
  width: 3.62rem;
}
.News_Info .box .boxRight .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--nav_height) + 0.3rem);
}
.News_Info .box .boxRight .sticky .h6 {
  font-size: var(--f34);
  font-weight: var(--bold);
}
.News_Info .box .boxRight .sticky ul {
  margin-top: 0.4rem;
  display: grid;
  gap: 10px;
}
.News_Info .box .boxRight .sticky ul li a {
  background: #fff;
  border-radius: 10px;
  padding: 0.24rem 0.26rem;
}
.News_Info .box .boxRight .sticky ul li a .time {
  font-size: var(--f16);
  color: #169243;
}
.News_Info .box .boxRight .sticky ul li a .name {
  font-size: var(--f20);
  color: #333;
  height: 2.6em;
  max-height: 2.6em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  margin-top: 7px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-weight: var(--bold);
}
.News_Info .box .boxRight .sticky ul li a:hover .name {
  color: #169243;
}
.Search_01 {
  margin-top: 0.6rem;
}
.Search_01 .box {
  margin-top: 0.3rem;
  border-bottom: 1px solid #DFDFDF;
  padding-bottom: 0.6rem;
}
.Search_01 .box form {
  width: 5.8rem;
  background: #fff;
  border-radius: 0.4rem;
  overflow: hidden;
  position: relative;
}
.Search_01 .box form input[type="text"] {
  height: 0.7rem;
  width: 100%;
  background: transparent;
  border: 0;
  padding-left: 0.4rem;
  padding-right: 1rem;
  font-size: var(--f18);
}
.Search_01 .box form label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  right: 0.13rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.Search_01 .box form label svg {
  margin: auto;
}
.Number_Items .box {
  font-size: var(--f20);
  color: #666;
  margin-top: 0.24rem;
}
.Number_Items .box span {
  color: #169243;
}
.searchProduct .name {
  font-size: var(--f34);
  font-family: 'FangYuanTi';
  font-weight: bold;
  text-align: center;
}
.searchProduct .box .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
}
.searchProduct .box .item {
  background: #fff;
  border-radius: 0.3rem;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  height: 3.8rem;
  padding: 0.24rem;
  position: relative;
  transition: 0.6s;
  overflow: hidden;
}
.searchProduct .box .item figure {
  height: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.searchProduct .box .item figure img {
  margin: auto;
  max-height: 100%;
}
.searchProduct .box .item figcaption {
  font-size: var(--f26);
  color: #333;
  text-align: center;
  margin-top: 8px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  height: 1.2em;
  max-height: 1.2em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.searchProduct .box .item .link {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(60%);
  -ms-transform: translateX(-50%) translateY(60%);
  transform: translateX(-50%) translateY(60%);
  bottom: 0.3rem;
  width: max(0.55rem, 42px);
  height: max(0.55rem, 42px);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-0.68%, #A52339), color-stop(100.98%, #C72F48));
  background: -o-linear-gradient(top, #A52339 -0.68%, #C72F48 100.98%);
  background: linear-gradient(180deg, #A52339 -0.68%, #C72F48 100.98%);
}
.searchProduct .box .item .link svg {
  margin: auto;
}
@media screen and (min-width: 699px) {
  .searchProduct .box .item:hover {
    -webkit-box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 7px 14px rgba(0, 0, 0, 0.1);
  }
  .searchProduct .box .item:hover figure {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .searchProduct .box .item:hover figcaption {
    -webkit-transform: translateY(-0.4rem);
    -ms-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem);
    color: #C72F48;
  }
  .searchProduct .box .item:hover .link {
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
  }
}
.searchProduct .box1 {
  margin-top: 0.9rem;
}
.searchNew .box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
}
.searchNew .box .item {
  background: #fff;
  border-radius: 10px;
}
.searchNew .box .item figcaption {
  border-radius: 10px;
  overflow: hidden;
}
.searchNew .box .item figcaption img {
  width: 100%;
  aspect-ratio: 520/322;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.searchNew .box .item figure {
  padding: 0.35rem 0.3rem 0.45rem;
}
.searchNew .box .item figure .left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 0.8rem;
}
.searchNew .box .item figure .left .time {
  font-size: var(--f16);
  color: #169243;
  font-family: 'MR';
}
.searchNew .box .item figure .left .name {
  font-size: var(--f20);
  font-weight: var(--bold);
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  height: 2.6em;
  max-height: 2.6em;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
  margin-top: 7px;
}
.searchNew .box .item figure .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.searchNew .box .item figure .right p {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.searchNew .box .item figure .right p::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #DFDFDF;
  border-radius: 50%;
}
.searchNew .box .item figure .right p::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.searchNew .box .item figure .right p svg {
  margin: auto;
  z-index: 2;
  position: relative;
}
.searchNew .box .item figure .right p svg path {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.searchNew .box .item:hover figcaption img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.searchNew .box .item:hover figure .left .name {
  color: #169243;
}
.searchNew .box .item:hover figure .right p::before {
  opacity: 1;
}
.searchNew .box .item:hover figure .right p::after {
  opacity: 1;
}
.searchNew .box .item:hover figure .right p svg {
  -webkit-animation: arrowRun 5s infinite;
  animation: arrowRun 5s infinite;
}
.searchNew .box .item:hover figure .right p svg path {
  fill: #fff;
}
.ProductSeries_01 .box {
  margin-top: 0.3rem;
}
.ProductSeries_01 .box ul {
  gap: 10px;
}
.ProductSeries_01 .box ul li a {
  min-width: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.6rem;
  background: #fff;
  height: max(0.58rem, 44px);
  border-radius: max(0.5rem, 44px);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  position: relative;
}
.ProductSeries_01 .box ul li a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-0.68%, #A52339), color-stop(100.98%, #C72F48));
  background: -o-linear-gradient(top, #A52339 -0.68%, #C72F48 100.98%);
  background: linear-gradient(180deg, #A52339 -0.68%, #C72F48 100.98%);
  border-radius: inherit;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductSeries_01 .box ul li a div {
  position: relative;
  z-index: 1;
  font-size: var(--f20);
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductSeries_01 .box ul li a div .Mascot {
  position: absolute;
  left: 105%;
  width: 0.46rem;
  bottom: -6px;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(14px, 8px, 0) scale(0.76) rotate(-12deg);
  transform: translate3d(14px, 8px, 0) scale(0.76) rotate(-12deg);
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: opacity 0.35s ease 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  -o-transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  transition: opacity 0.35s ease 0.18s, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s, -webkit-transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.18s;
  will-change: transform, opacity;
}
.ProductSeries_01 .box ul li a div .Mascot img {
  width: 100%;
}
.ProductSeries_01 .box ul li:hover a::before,
.ProductSeries_01 .box ul li.active a::before {
  opacity: 1;
}
.ProductSeries_01 .box ul li:hover a div,
.ProductSeries_01 .box ul li.active a div {
  color: #fff;
}
.ProductSeries_01 .box ul li:hover a div .Mascot,
.ProductSeries_01 .box ul li.active a div .Mascot {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale(1) rotate(0);
  transform: translate3d(0, 0, 0) scale(1) rotate(0);
}
.ProductSeries_02 {
  margin-top: 0.7rem;
}
.ProductSeries_02 .box .name {
  font-size: var(--f34);
  font-family: 'FangYuanTi';
  font-weight: bold;
  text-align: center;
}
.ProductSeries_02 .box .threeNav {
  margin-top: 0.2rem;
}
.ProductSeries_02 .box .threeNav ul {
  gap: 0.4rem;
}
.ProductSeries_02 .box .threeNav ul li a {
  font-size: var(--f20);
  color: #666;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductSeries_02 .box .threeNav ul li:hover a {
  color: #C72F48;
}
.ProductSeries_02 .box .threeNav ul .active a {
  color: #C72F48;
}
.ProductSeries_03 .box .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.ProductSeries_03 .box .list .item {
  background: #fff;
  border-radius: 0.3rem;
  padding: 0.26rem;
}
.ProductSeries_03 .box .list .item .left {
  padding: 0.45rem 0.4rem;
  width: 3.35rem;
  position: relative;
  border-radius: var(--rr);
}
.ProductSeries_03 .box .list .item .left::before {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(rgba(240, 240, 240, 0)));
  background: -o-linear-gradient(top, #F0F0F0 0%, rgba(240, 240, 240, 0) 100%);
  background: linear-gradient(180deg, #F0F0F0 0%, rgba(240, 240, 240, 0) 100%);
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductSeries_03 .box .list .item .left::after {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-0.68%, #A52339), color-stop(100.98%, #C72F48));
  background: -o-linear-gradient(top, #A52339 -0.68%, #C72F48 100.98%);
  background: linear-gradient(180deg, #A52339 -0.68%, #C72F48 100.98%);
  border-radius: inherit;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductSeries_03 .box .list .item .left > div {
  position: relative;
  z-index: 2;
}
.ProductSeries_03 .box .list .item .left > div div {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductSeries_03 .box .list .item .left .content1 {
  font-size: var(--f32);
  font-weight: bold;
  font-family: 'FangYuanTi';
  color: #333;
  height: 2.4em;
  max-height: 2.4em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-justify: distribute-all-lines;
}
.ProductSeries_03 .box .list .item .left .content2 {
  font-size: var(--f18);
  color: #666;
  line-height: 1.2;
  margin-top: 8px;
}
.ProductSeries_03 .box .list .item .left .content3 {
  font-size: var(--f18);
  color: #666;
  height: 4.2em;
  max-height: 4.2em;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-justify: distribute-all-lines;
  margin-top: 0.3rem;
  margin-bottom: 0.4rem;
}
.ProductSeries_03 .box .list .item .left .link_01 .a > p svg path {
  fill: #333;
}
.ProductSeries_03 .box .list .item .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.42rem;
}
.ProductSeries_03 .box .list .item .right p {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ProductSeries_03 .box .list .item .right p img {
  width: 100%;
  margin: auto;
  max-height: 100%;
}
@media screen and (min-width: 699px) {
  .ProductSeries_03 .box .list .item:hover .left::before {
    opacity: 0;
  }
  .ProductSeries_03 .box .list .item:hover .left::after {
    opacity: 1;
  }
  .ProductSeries_03 .box .list .item:hover .left div {
    color: #fff;
  }
  .ProductSeries_03 .box .list .item:hover .left .link_01 .a::before {
    opacity: 0;
  }
  .ProductSeries_03 .box .list .item:hover .left .link_01 .a::after {
    opacity: 1;
  }
  .ProductSeries_03 .box .list .item:hover .left .link_01 .a span {
    color: #fff;
  }
  .ProductSeries_03 .box .list .item:hover .left .link_01 .a > p svg path {
    fill: #fff;
  }
}
@media screen and (max-width: 699px) {
  .ProductSeries_03 .box .list .item .left::before {
    opacity: 0;
  }
  .ProductSeries_03 .box .list .item .left::after {
    opacity: 1;
  }
  .ProductSeries_03 .box .list .item .left div {
    color: #fff !important;
  }
  .ProductSeries_03 .box .list .item .left .link_01 .a::before {
    opacity: 0;
  }
  .ProductSeries_03 .box .list .item .left .link_01 .a::after {
    opacity: 1;
  }
  .ProductSeries_03 .box .list .item .left .link_01 .a span {
    color: #fff;
  }
  .ProductSeries_03 .box .list .item .left .link_01 .a > p svg path {
    fill: #fff;
  }
}
.ProductInfo_01 {
  contain: layout;
  margin-top: 0.3rem;
}
.ProductInfo_01 .box .boxLeft {
  width: 50%;
  padding-right: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ProductInfo_01 .box .boxLeft > div {
  width: 100%;
}
.ProductInfo_01 .box .boxLeft .content1 {
  font-size: var(--f22);
  color: #C72F48;
  margin-top: 0.14rem;
  margin-bottom: 0.24rem;
}
.ProductInfo_01 .box .boxLeft .content2 {
  font-size: var(--f24);
  color: #666;
}
.ProductInfo_01 .box .boxLeft .content3 {
  margin-top: 0.42rem;
}
.ProductInfo_01 .box .boxLeft .content3 .ul_01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ProductInfo_01 .box .boxLeft .content3 .ul_01 li{
    margin-bottom: 0.2rem;
}
.ProductInfo_01 .box .boxLeft .content3 .ul_02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.ProductInfo_01 .box .boxLeft .content3 ul li .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.ProductInfo_01 .box .boxLeft .content3 ul li .left p {
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: #F0F0F0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ProductInfo_01 .box .boxLeft .content3 ul li .left p img {
  max-height: 31px;
  margin: auto;
}
.ProductInfo_01 .box .boxLeft .content3 ul li .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.14rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--f20);
  font-weight: var(--bold);
}
.ProductInfo_01 .box .boxLeft .content4 {
  margin-top: 0.76rem;
}
.ProductInfo_01 .box .boxLeft .content4 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.ProductInfo_01 .box .boxLeft .content4 ul li a {
  position: relative;
  width: 2rem;
  height: max(0.5rem, 42px);
  border-radius: max(0.25rem, 22px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: var(--f18);
  color: #333;
  gap: 10px;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductInfo_01 .box .boxLeft .content4 ul li a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#A52339), to(#C72F48)) border-box;
  background: -o-linear-gradient(left, #A52339, #C72F48) border-box;
  background: linear-gradient(to right, #A52339, #C72F48) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A52339)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #C72F48));
  -webkit-mask: linear-gradient(#A52339 0 0) padding-box, linear-gradient(#C72F48 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A52339)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #C72F48));
  mask: linear-gradient(#A52339 0 0) padding-box, linear-gradient(#C72F48 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.ProductInfo_01 .box .boxLeft .content4 ul li a:hover {
  color: #C72F48;
}
.ProductInfo_01 .box .boxRight {
  width: 50%;
  --w: 6.08rem;
}
.ProductInfo_01 .box .boxRight .swiper {
  /*background: #F4F4F4;*/
  border-radius: var(--rr);
  width: var(--w);
}
.ProductInfo_01 .box .boxRight .swiper .swiper-slide .item{
    opacity: 0;
}
.ProductInfo_01 .box .boxRight .swiper .swiper-slide-active .item{
    opacity: 1;
}
.ProductInfo_01 .box .boxRight .item {
  height: var(--w);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.ProductInfo_01 .box .boxRight .item img {
  margin: auto;
  max-height: 100%;
}
.ProductInfo_01 .box .boxRight .item .play {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0px 0px 4px #FFFFFF;
  box-shadow: inset 0px 0px 4px #FFFFFF;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.ProductInfo_01 .box .boxRight .item .play svg {
  margin: auto;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.ProductInfo_01 .banner_page div span::after {
  background: #C72F48;
}
.FactoryStrength .parallax-area {
  position: relative;
}
.FactoryStrength .parallax-area .area {
  overflow: hidden;
  position: relative;
}
.FactoryStrength .parallax-area .area .parallax-text {
  position: absolute;
  left: 0;
  width: 100%;
  top: 1.9rem;
  text-align: center;
  z-index: 2;
}
.FactoryStrength .parallax-area .area .parallax-text .button {
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.3rem auto 0;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.FactoryStrength .parallax-area .area .parallax-text .button img {
  width: 80%;
  margin: auto;
  aspect-ratio: 1/1;
  -webkit-animation: rotate 20s linear infinite;
  animation: rotate 20s linear infinite;
}
.FactoryStrength .parallax-area .area .parallax-text .button svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.FactoryStrength .parallax-area .area .pic {
  margin-bottom: 0.4rem;
  width: 20vw;
  aspect-ratio: 1/1;
  border-radius: var(--rr);
  overflow: hidden;
}
.FactoryStrength .parallax-area .area .pic:last-child {
  margin-bottom: 0;
}
.FactoryStrength .parallax-area .area .pic img {
  width: 100%;
  height: 100%;
}
.FactoryStrength .parallax-area .area .content {
  width: 30vw;
  height: 100vh;
  border-radius: var(--rr);
  overflow: hidden;
}
.FactoryStrength .parallax-area .area .content .image {
  height: 6.77rem;
  overflow: hidden;
}
.FactoryStrength .parallax-area .area .content .image img {
  width: 100%;
  height: 100%;
  -o-object-position: center !important;
  object-position: center !important;
}
.FactoryStrength .parallax-area .parallax-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 100vh;
  -webkit-column-gap: 0.4rem;
  -moz-column-gap: 0.4rem;
  column-gap: 0.4rem;
}
.FactoryStrength .parallax-area .parallax-images .line_01 {
  margin-top: 7rem;
}
.FactoryStrength .parallax-area .parallax-images .line_02 {
  margin-top: 4.5rem;
}
.FactoryStrength .parallax-area .parallax-images .line_03 {
  margin-top: 5.6rem;
}
.FactoryStrength .parallax-area .parallax-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 1.9rem;
  width: 100%;
  text-align: center;
  padding-bottom: 0.6rem;
  opacity: 0;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #000), color-stop(70%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 0%, #000 70%, transparent);
  mask-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, #000), color-stop(70%, #000), to(transparent));
  mask-image: linear-gradient(to bottom, transparent, #000 0%, #000 70%, transparent);
}
.FactoryStrength .parallax-area .parallax-desc .desc_content {
  font-size: var(--f32);
  color: #fff;
  -webkit-transform: translateY(70%);
  -ms-transform: translateY(70%);
  transform: translateY(70%);
  will-change: transform;
}
@-webkit-keyframes big {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
}
@keyframes big {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: blur(10px);
    filter: blur(10px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(1px);
    filter: blur(1px);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.banner_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
}
.banner_button div {
  width: max(0.54rem, 40px);
  height: max(0.54rem, 40px);
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  cursor: pointer;
}
.banner_button div::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 2px solid #DFDFDF;
  border-radius: 50%;
}
.banner_button div::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.banner_button div i {
  margin: auto;
  color: #169243;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  font-weight: bold;
  font-size: var(--f14);
  position: relative;
  z-index: 2;
}
.banner_button div:hover::before {
  opacity: 1;
}
.banner_button div:hover::after {
  opacity: 1;
}
.banner_button div:hover i {
  color: #fff;
}
.Honor {
  overflow: hidden;
}
.Honor .box {
  position: relative;
}
.Honor .box .swiper {
  height: 5.83rem;
}
.Honor .box .swiper .item {
  text-align: center;
}
.Honor .box .swiper .item figure {
  height: 3.03rem;
}
.Honor .box .swiper .item figure img {
  max-height: 100%;
  max-width: 2.25rem;
}
.Honor .box .swiper .item figcaption {
  font-size: var(--f20);
  color: #333;
  line-height: 1.4;
}
.Honor .box .swiper .swiper-slide {
  -webkit-transform: translateY(2.7rem);
  -ms-transform: translateY(2.7rem);
  transform: translateY(2.7rem);
  -webkit-transition: 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  -o-transition: 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  transition: 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
}
.Honor .box .swiper .swiper-slide-prev,
.Honor .box .swiper .swiper-slide.swiper-slide-duplicate-prev,
.Honor .box .swiper .swiper-slide-next,
.Honor .box .swiper .swiper-slide.swiper-slide-duplicate-next {
  -webkit-transform: translateY(1.35rem);
  -ms-transform: translateY(1.35rem);
  transform: translateY(1.35rem);
}
.Honor .box .swiper .swiper-slide-active,
.Honor .box .swiper .swiper-slide-duplicate-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.Honor .box .list {
  padding-bottom: 0.65rem;
}
.Honor .box .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
}
.Honor .box .list ul li {
  text-align: center;
  padding: 10px 0.4rem;
  position: relative;
}
.Honor .box .list ul li::before {
  content: '';
  width: 0.6rem;
  height: 1.2rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/left.svg) no-repeat 50% 50% / cover;
}
.Honor .box .list ul li::after {
  content: '';
  width: 0.6rem;
  height: 1.2rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/right.svg) no-repeat 50% 50% / cover;
}
.Honor .box .list ul li .top {
  font-size: var(--f26);
  color: #169243;
  font-weight: var(--bold);
  margin-bottom: 0.14rem;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.Honor .box .list ul li .bot {
  font-size: var(--f18);
  color: #333;
  line-height: 1.4;
  margin: auto;
  position: relative;
  z-index: 1;
}
.Honor .box .svg_box {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 1.3rem;
  z-index: -1;
}
.Honor .box .svg_box svg {
  width: 13.52rem;
}
.Honor .box .svg_box::after {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, #fff));
  background: -o-linear-gradient(top, transparent, #fff 50%);
  background: linear-gradient(to bottom, transparent, #fff 50%);
}
.HardwareStrength {
  background: #F4F4F4;
}
.HardwareStrength .box {
  height: 400px;
}
.HardwareStrength .box .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.HardwareStrength .box .item {
  position: relative;
  width: 100%;
  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.HardwareStrength .box .item .img {
  border-radius: var(--rr);
  overflow: hidden;
  position: relative;
  aspect-ratio: 626/415;
}
.HardwareStrength .box .item .img::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(63.77%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 63.77%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.77%, rgba(0, 0, 0, 0.6) 100%);
}
.HardwareStrength .box .item .img img {
  width: 100%;
  height: 100%;
}
.HardwareStrength .box .name {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: var(--f22);
  color: #fff;
  bottom: 0.2rem;
  z-index: 2;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.HardwareStrength .box .orientation {
  opacity: 0;
  position: absolute;
  z-index: 2;
  left: 0;
  height: 1.88rem;
  width: 100%;
  bottom: 0;
  background: url(../images/jbs.png) no-repeat center center / cover;
  color: #fff;
  padding: 0 0.5rem 0.3rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  border-radius: 0 0 var(--rr) var(--rr);
}
.HardwareStrength .box .orientation .content1 {
  font-size: var(--f26);
}
.HardwareStrength .box .orientation .content2 {
  font-size: var(--f18);
  margin-top: 2px;
}
.HardwareStrength .box .swiper-slide {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.HardwareStrength .box .swiper-slide:has(~ .swiper-slide-prev) .item {
  -webkit-transform: translateX(63%);
  -ms-transform: translateX(63%);
  transform: translateX(63%);
}
.HardwareStrength .box .swiper-slide-prev .item,
.HardwareStrength .box .swiper-slide-duplicate-prev .item {
  -webkit-transform: translateX(21%);
  -ms-transform: translateX(21%);
  transform: translateX(21%);
}
.HardwareStrength .box .swiper-slide-active,
.HardwareStrength .box .swiper-slide-duplicate-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.HardwareStrength .box .swiper-slide-active .name,
.HardwareStrength .box .swiper-slide-duplicate-active .name {
  opacity: 0;
}
.HardwareStrength .box .swiper-slide-next .item,
.HardwareStrength .box .swiper-slide-duplicate-next .item {
  -webkit-transform: translateX(-21%);
  -ms-transform: translateX(-21%);
  transform: translateX(-21%);
}
.HardwareStrength .box .swiper-slide-next ~ .swiper-slide .item {
  -webkit-transform: translateX(-63%);
  -ms-transform: translateX(-63%);
  transform: translateX(-63%);
}
.HardwareStrength .box1 {
  margin-top: 0.9rem;
  padding: 0 0.74rem;
}
.HardwareStrength .box1 ul li {
  text-align: center;
}
.HardwareStrength .box1 ul li .top {
  color: #169243;
}
.HardwareStrength .box1 ul li .top .number {
  font-size: 0.66rem;
  line-height: 1;
  font-family: 'MM';
  position: relative;
}
.HardwareStrength .box1 ul li .top .number .p1 {
  opacity: 0;
}
.HardwareStrength .box1 ul li .top .number .p2 {
  position: absolute;
  left: 0;
  top: 0;
}
.HardwareStrength .box1 ul li .top .unit {
  padding-left: 0.04rem;
  font-size: var(--f36);
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transform: translateY(-0.1rem);
  -ms-transform: translateY(-0.1rem);
  transform: translateY(-0.1rem);
}
.HardwareStrength .box1 ul li .bot {
  font-size: var(--f22);
  color: #333;
  margin-top: 2px;
}
.ProcurementStrength {
  background: #F4F4F4;
}
.ProcurementStrength .box {
  margin-top: 0.64rem;
}
.ProcurementStrength .box .banner {
  width: calc(100% + var(--gap) * 2);
  margin-left: calc(var(--gap) * -1);
  --h: 1.08rem;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
  mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #000), color-stop(95%, #000), to(transparent));
  mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}
.ProcurementStrength .box .banner ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: lb1_banner 10s linear infinite;
  animation: lb1_banner 10s linear infinite;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.ProcurementStrength .box .banner ul li {
  padding: 0 13px;
}
.ProcurementStrength .box .banner ul li p {
  width: 2.8rem;
  background: #fff;
  height: var(--h);
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ProcurementStrength .box .banner ul li p img {
  max-height: 80%;
  max-width: 80%;
  margin: auto;
}
.ProcurementStrength .box .banner ul:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.ProcurementStrength .box .banner:nth-child(2) {
  margin-top: 0.28rem;
}
.ProcurementStrength .box .banner:nth-child(2) ul {
  animation-direction: reverse;
}
.ProcurementStrength .box1 {
  margin-top: 1.1rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.ProcurementStrength .box1 .item {
  padding-right: 0.8rem;
}
.ProcurementStrength .box1 .item .content1 p {
  width: max(0.58rem, 44px);
  aspect-ratio: 1/1;
  background: #169243;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.ProcurementStrength .box1 .item .content1 p img {
  margin: auto;
  max-width: 26px;
}
.ProcurementStrength .box1 .item .content3 {
  font-size: var(--f32);
  color: #333;
  font-weight: var(--bold);
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
  line-height: 1;
}
.ProcurementStrength .box1 .item .content4 {
  font-size: var(--f18);
  color: #666;
  line-height: 1.35;
}
.ProcurementStrength .box1 .item .content4 span {
  color: #169243;
}
.ResearchDevelopment {
  background: #091E31;
}
.ResearchDevelopment .box .boxLeft {
  width: 5.9rem;
}
.ResearchDevelopment .box .boxLeft .title_01 .h6 {
  color: #fff;
  opacity: 0.8;
}
.ResearchDevelopment .box .boxLeft .list {
  margin-top: 1.4rem;
}
.ResearchDevelopment .box .boxLeft .list ul {
  display: grid;
  gap: 0.45rem;
}
.ResearchDevelopment .box .boxLeft .list ul li {
  cursor: pointer;
  padding: 0rem 0.5rem;
  position: relative;
  padding-bottom: 0;
  -webkit-transition: 0.6s var(--ease1);
  -o-transition: 0.6s var(--ease1);
  transition: 0.6s var(--ease1);
}
.ResearchDevelopment .box .boxLeft .list ul li::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 0.15rem;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)), #169243;
  background: -o-linear-gradient(left, #409972 0%, #1D4634 100%), #169243;
  background: linear-gradient(90deg, #409972 0%, #1D4634 100%), #169243;
  -webkit-transition: 0.6s var(--ease1);
  -o-transition: 0.6s var(--ease1);
  transition: 0.6s var(--ease1);
  opacity: 0;
}
.ResearchDevelopment .box .boxLeft .list ul li > div {
  position: relative;
  z-index: 2;
}
.ResearchDevelopment .box .boxLeft .list ul li .name {
  color: #fff;
  opacity: 0.6;
  font-weight: var(--bold);
  line-height: 1;
  font-size: var(--f32);
  -webkit-transition: 0.6s var(--ease1);
  -o-transition: 0.6s var(--ease1);
  transition: 0.6s var(--ease1);
}
.ResearchDevelopment .box .boxLeft .list ul li .desc {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  -webkit-transition: 0.6s var(--ease1);
  -o-transition: 0.6s var(--ease1);
  transition: 0.6s var(--ease1);
}
.ResearchDevelopment .box .boxLeft .list ul li .desc .content {
  display: grid;
  gap: 0.12rem;
  min-height: 0;
}
.ResearchDevelopment .box .boxLeft .list ul li .desc .content .h5 {
  font-size: var(--f22);
  color: #fff;
}
.ResearchDevelopment .box .boxLeft .list ul li .desc .content .h6 {
  font-size: var(--f18);
  color: #fff;
  opacity: 0.6;
}
.ResearchDevelopment .box .boxLeft .list ul li .icon {
  position: absolute;
  right: 0.3rem;
  top: 0.3rem;
  opacity: 0.13;
  -webkit-transition: 0.6s var(--ease1);
  -o-transition: 0.6s var(--ease1);
  transition: 0.6s var(--ease1);
  opacity: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
.ResearchDevelopment .box .boxLeft .list ul li:hover .name {
  opacity: 1;
}
.ResearchDevelopment .box .boxLeft .list ul .active {
  padding: 0.45rem 0.5rem;
}
.ResearchDevelopment .box .boxLeft .list ul .active::before {
  opacity: 1;
}
.ResearchDevelopment .box .boxLeft .list ul .active .name {
  opacity: 1;
}
.ResearchDevelopment .box .boxLeft .list ul .active .desc {
  grid-template-rows: 1fr;
  padding-top: 0.3rem;
}
.ResearchDevelopment .box .boxLeft .list ul .active .icon {
  opacity: 0.13;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.ResearchDevelopment .box .boxRight {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.7rem;
}
.ResearchDevelopment .box .boxRight div {
  position: relative;
}
.ResearchDevelopment .box .boxRight p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: 1s var(--ease1);
  -o-transition: 1s var(--ease1);
  transition: 1s var(--ease1);
}
.ResearchDevelopment .box .boxRight p img {
  width: 100%;
}
.ResearchDevelopment .box .boxRight .active {
  position: initial;
  opacity: 1;
}
.QualitySelivery {
  position: relative;
  overflow: hidden;
}
.QualitySelivery .title {
  position: absolute;
  left: var(--interval);
  top: 0;
}
.QualitySelivery .title .title_01 .h6 {
  margin-top: 0;
}
.QualitySelivery .box .boxLeft {
  width: 9.2rem;
  padding-right: 2.5rem;
  padding-left: var(--interval);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.QualitySelivery .box .boxLeft .ul {
  display: grid;
  gap: 0.4rem;
}
.QualitySelivery .box .boxLeft .ul li .content1 p {
  width: max(0.58rem, 44px);
  aspect-ratio: 1/1;
  background: #169243;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.QualitySelivery .box .boxLeft .ul li .content1 p img {
  margin: auto;
  max-width: 34px;
}
.QualitySelivery .box .boxLeft .ul li .content3 {
  font-size: var(--f32);
  color: #333;
  font-weight: var(--bold);
  margin-top: 0.3rem;
  margin-bottom: 0.24rem;
  line-height: 1;
}
.QualitySelivery .box .boxLeft .ul li .content4 {
  font-size: var(--f18);
  color: #666;
  line-height: 1.35;
}
.QualitySelivery .box .boxLeft .ul li .content4 span {
  color: #169243;
}
.QualitySelivery .box .boxRight {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100vh;
  position: relative;
}
.QualitySelivery .box .boxRight .content {
  height: -webkit-calc(104.4%);
  height: calc(100% + 4.4rem);
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(6%, -50%);
  -ms-transform: translate(6%, -50%);
  transform: translate(6%, -50%);
}
.QualitySelivery .box .boxRight .content_list {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4.54rem;
  min-height: 1rem;
}
.QualitySelivery .box .boxRight .content_list .content_box .number_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  --h: 1.12rem;
}
.QualitySelivery .box .boxRight .content_list .content_box .number_box .digit {
  width: 0.7rem;
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-size: 1.12rem;
  height: var(--h);
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  color: #ebebeb;
  font-family: 'MR';
}
.QualitySelivery .box .boxRight .content_list .content_box .number_box .digit-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease-out;
  transition: -webkit-transform 0.6s ease-out;
  -o-transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out;
  transition: transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}
.QualitySelivery .box .boxRight .content_list .content_box .number_box .digit-slide span {
  display: block;
  height: var(--h);
}
.QualitySelivery .box .boxRight .content_list .content_box .img_box {
  width: 100%;
  aspect-ratio: 454/270;
  position: relative;
  margin-top: -0.4rem;
}
.QualitySelivery .box .boxRight .content_list .content_box .img_box p {
  border-radius: var(--rr);
  overflow: hidden;
  position: absolute;
  inset: 0;
}
.QualitySelivery .box .boxRight .content_list .content_box .img_box p img {
  width: 100%;
  height: 100%;
}
.QualitySelivery .box .boxRight .content_list .content_box .img_box .active {
  z-index: 2;
}
.QualitySelivery .box .boxRight .content_list .content_box .img_box .in {
  -webkit-animation: clip01 0.6s ease-out forwards;
  animation: clip01 0.6s ease-out forwards;
  z-index: 3;
}
.QualitySelivery .box .boxRight .content_list .content_box .text_box {
  margin-top: 0.4rem;
  line-height: 1.5;
  height: -webkit-calc(3em);
  height: calc(1.5em * 2);
  font-size: var(--f24);
  position: relative;
}
.QualitySelivery .box .boxRight .content_list .content_box .text_box div {
  text-align: center;
  color: #333;
  position: absolute;
  inset: 0;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.QualitySelivery .box .boxRight .content_list .content_box .text_box div span {
  color: #169243;
}
.QualitySelivery .box .boxRight .content_list .content_box .text_box .active {
  opacity: 1;
}
.QualitySelivery .arc_nav {
  width: 100%;
  height: 100%;
  position: relative;
}
.QualitySelivery .arc_nav svg {
  width: 100%;
  height: 100%;
}
.QualitySelivery .arc_nav p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 0.74rem;
}
.QualitySelivery .list {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.QualitySelivery .list .item {
  position: absolute;
  width: 50%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 0.36rem;
  font-size: var(--f24);
  line-height: 1.2;
  color: #999;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  -webkit-transition: color 0.6s;
  -o-transition: color 0.6s;
  transition: color 0.6s;
  will-change: transform, opacity;
}
.QualitySelivery .list .item ._item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.24rem;
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.QualitySelivery .list .item ._item .dian {
  margin-left: -4px;
  position: relative;
}
.QualitySelivery .list .item ._item .dian p {
  width: 8px;
  height: 8px;
  position: relative;
}
.QualitySelivery .list .item ._item .dian p span {
  display: block;
  width: 100%;
  height: 100%;
  background: #e9e9e9;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}
.QualitySelivery .list .item ._item .dian p::before {
  content: '';
  width: 26px;
  height: 26px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.QualitySelivery .list .item ._item .dian svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 26px;
  height: 26px;
  z-index: 2;
  display: block;
  opacity: 0;
}
.QualitySelivery .list .item ._item .dian svg circle {
  fill: none;
  stroke: #169243;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 78;
  stroke-dashoffset: 0;
}
.QualitySelivery .list .item ._item .text {
  font-size: var(--f20);
  color: #666;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.QualitySelivery .list .item.is-active ._item .dian p span {
  background: #169243;
}
.QualitySelivery .list .item.is-active ._item .dian p::before {
  opacity: 1;
}
.QualitySelivery .list .item.is-active ._item .dian svg {
  opacity: 1;
}
.QualitySelivery .list .item.is-active ._item .text {
  color: #169243;
  font-size: var(--f26);
}
@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes clip01 {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  }
}
@keyframes clip01 {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);
  }
}
.About_01 {
  contain: layout;
}
.About_01 .video {
  position: relative;
}
.About_01 .video video,
.About_01 .video img {
  width: 100%;
  height: 100vh;
}
.About_01 .play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.6rem;
  height: 0.6rem;
  padding: 0;
  border: 1px solid #fff;
  background: transparent;
  display: none;
  border-radius: 50%;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.About_01 .play svg {
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .About_01 .play {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.About_06 {
  position: relative;
}
.About_06 .img img {
  width: 100%;
  opacity: 0;
}
.About_06 .title {
  position: absolute;
  left: var(--interval);
  top: 0;
}
.About_06 .orientation {
  position: absolute;
  left: 0;
  width: 100%;
  top: 29%;
}
.About_06 .orientation .box {
  --gap: 1.5rem;
  padding: 0.64rem 0.8rem;
  border-radius: var(--rr);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(0.27rem);
  backdrop-filter: blur(0.27rem);
  position: relative;
}
.About_06 .orientation .box .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.About_06 .orientation .box .item::after {
  content: '';
  width: 1px;
  height: 100%;
  background: #C5C5C5;
  position: absolute;
  top: 0;
  right: calc(var(--gap) * -1 / 2);
}
.About_06 .orientation .box .item:last-child::after {
  display: none;
}
.About_06 .orientation .box .item .left {
  width: 2.56rem;
}
.About_06 .orientation .box .item .left img {
  width: 100%;
}
.About_06 .orientation .box .item .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.5rem;
}
.About_06 .orientation .box .item .right .li {
  text-align: center;
  padding: 10px 0.6rem;
  position: relative;
  width: 100%;
}
.About_06 .orientation .box .item .right .li::before {
  content: '';
  width: 0.9rem;
  height: 1.78rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/left.svg) no-repeat 50% 50% / cover;
}
.About_06 .orientation .box .item .right .li::after {
  content: '';
  width: 0.9rem;
  height: 1.78rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/right.svg) no-repeat 50% 50% / cover;
}
.About_06 .orientation .box .item .right .li .content1 {
  font-size: var(--f18);
  font-weight: var(--bold);
  line-height: 1;
}
.About_06 .orientation .box .item .right .li .content2 {
  font-size: var(--f16);
  color: #999;
  line-height: 1.25;
  margin: 8px auto 0.18rem;
}
.About_06 .orientation .box .item .right .li .content3 {
  font-size: var(--f22);
  font-weight: var(--bold);
  color: #169243;
  line-height: 1;
}
.About_06 .orientation .box .item .right .li .content4 {
  font-size: var(--f20);
  color: #999;
  font-weight: var(--bold);
  margin-top: 0.4rem;
}
.About_06 .mascot2 {
  position: absolute;
  right: 0.5rem;
  top: 0;
  z-index: 2;
  -webkit-transform: translateY(-74%);
  -ms-transform: translateY(-74%);
  transform: translateY(-74%);
  visibility: hidden;
}
.About_06 .mascot2 img {
  width: 2.3rem;
}
.About_05 {
  background: #F4F4F4;
  position: relative;
  contain: layout;
}
.About_05 .orientation {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  padding-top: 0.9rem;
}
.About_05 .orientation .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.About_05 .orientation .button li {
  width: 2rem;
  height: max(0.58rem, 44px);
  line-height: max(0.58rem, 44px);
  border-radius: 44px;
  background: #fff;
  color: #333;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  text-align: center;
  font-size: var(--f20);
  font-weight: var(--bold);
  cursor: pointer;
}
.About_05 .orientation .button li span {
  position: relative;
  z-index: 1;
}
.About_05 .orientation .button li::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.About_05 .orientation .button li:hover {
  color: #169243;
}
.About_05 .orientation .button .active {
  color: #fff !important;
}
.About_05 .orientation .button .active::after {
  opacity: 1;
}
.About_05 .map_box {
  height: 100vh;
}
.About_05 .map_box .China {
  height: 100%;
  padding-top: 0.95rem;
  display: none;
}
.About_05 .map_box .China .content {
  width: 14.83rem;
  margin: auto;
  position: relative;
}
.About_05 .map_box .China .content .img img {
  width: 100%;
}
.About_05 .map_box .China .content .list .shanghai {
  position: absolute;
  left: 65%;
  top: 58.5%;
}
.About_05 .map_box .China .content .list .shanghai img {
  width: 0.57rem;
}
.About_05 .map_box .China .content .list .dian {
  position: absolute;
  left: 0%;
  top: 0%;
}
.About_05 .map_box .China .content .list .dian p {
  width: 10px;
  height: 10px;
  background: #169243;
  border-radius: 50%;
  position: relative;
}
.About_05 .map_box .China .content .list .dian p::before,
.About_05 .map_box .China .content .list .dian p::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: inherit;
  z-index: 1;
  -webkit-animation: pulse 2s infinite ease-out;
  animation: pulse 2s infinite ease-out;
}
.About_05 .map_box .China .content .list .dian p::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.About_05 .map_box .China .content .list .xinjiang {
  left: 27.6%;
  top: 30.9%;
}
.About_05 .map_box .China .content .list .qinghai {
  left: 35.9%;
  top: 47.2%;
}
.About_05 .map_box .China .content .list .gansu {
  left: 45.2%;
  top: 51%;
}
.About_05 .map_box .China .content .list .ningxia {
  left: 47.9%;
  top: 45.7%;
}
.About_05 .map_box .China .content .list .shaanxi {
  left: 51.3%;
  top: 53.7%;
}
.About_05 .map_box .China .content .list .neimenggu {
  left: 51.2%;
  top: 37.1%;
}
.About_05 .map_box .China .content .list .shanxi {
  left: 54.7%;
  top: 45.9%;
}
.About_05 .map_box .China .content .list .beijing {
  left: 59.5%;
  top: 37.7%;
}
.About_05 .map_box .China .content .list .heilongjiang {
  left: 71.1%;
  top: 15.8%;
}
.About_05 .map_box .China .content .list .jilin {
  left: 69%;
  top: 26.6%;
}
.About_05 .map_box .China .content .list .liaoning {
  left: 64%;
  top: 34.3%;
}
.About_05 .map_box .China .content .list .shandong {
  left: 61.2%;
  top: 47.1%;
}
.About_05 .map_box .China .content .list .jiangsu {
  left: 64.7%;
  top: 56.1%;
}
.About_05 .map_box .China .content .list .anhui {
  left: 61.7%;
  top: 61.1%;
}
.About_05 .map_box .China .content .list .zhejiang {
  left: 65.3%;
  top: 69.7%;
}
.About_05 .map_box .China .content .list .jiangxi {
  left: 60.3%;
  top: 71.5%;
}
.About_05 .map_box .China .content .list .fujian {
  left: 62.9%;
  top: 77.9%;
}
.About_05 .map_box .China .content .list .hubei {
  left: 55.6%;
  top: 63.3%;
}
.About_05 .map_box .China .content .list .hunan {
  left: 54.9%;
  top: 72.4%;
}
.About_05 .map_box .China .content .list .sichuan {
  left: 43.4%;
  top: 64.4%;
}
.About_05 .map_box .China .content .list .chongqing {
  left: 49.4%;
  top: 65.9%;
}
.About_05 .map_box .China .content .list .yunnan {
  left: 40.5%;
  top: 80.7%;
}
.About_05 .map_box .China .content .list .guangxi {
  left: 50.7%;
  top: 82.1%;
}
.About_05 .map_box .China .content .list .guangdong {
  left: 57.3%;
  top: 82.5%;
}
.About_05 .map_box .China .content .list .hainan {
  left: 52.3%;
  top: 95.5%;
}
.About_05 .map_box .World {
  padding-top: 1.97rem;
  height: 100%;
  display: none;
}
.About_05 .map_box .World .content {
  width: 14.83rem;
  margin: auto;
  position: relative;
}
.About_05 .map_box .World .content .img img {
  width: 100%;
}
.About_05 .map_box .World .content .list .item {
  position: absolute;
  left: 0%;
  top: 0%;
  opacity: 0;
  -webkit-transform: translateY(-0.4rem);
  -ms-transform: translateY(-0.4rem);
  transform: translateY(-0.4rem);
  -webkit-transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), -webkit-transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), -webkit-transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  -o-transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), transform 1.2s cubic-bezier(0.38, 0, 0, 1);
  transition: opacity 1s cubic-bezier(0.38, 0, 0, 1), transform 1.2s cubic-bezier(0.38, 0, 0, 1), -webkit-transform 1.2s cubic-bezier(0.38, 0, 0, 1);
}
.About_05 .map_box .World .content .list .item::before {
  width: 1px;
  height: var(--h);
  background: #999999;
  content: '';
  position: absolute;
  left: 45%;
  bottom: 100%;
}
.About_05 .map_box .World .content .list .item .dian {
  width: 10px;
  height: 10px;
  background: #169243;
  border-radius: 50%;
  position: relative;
}
.About_05 .map_box .World .content .list .item .dian::before,
.About_05 .map_box .World .content .list .item .dian::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: inherit;
  z-index: 1;
}
.About_05 .map_box .World .content .list .item .dian::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.About_05 .map_box .World .content .list .item .text {
  position: absolute;
  --p: 12px;
  top: calc(var(--h) * -1 - 15px);
  left: calc(var(--w) + 5px);
  padding-left: var(--p);
}
@media screen and (max-width: 699px) {
  .About_05 .map_box .World .content .list .item .text {
    top: calc(var(--h) * -1 - 12px);
    left: calc(var(--w) + 3px);
  }
}
.About_05 .map_box .World .content .list .item .text .name {
  font-size: var(--f16);
  position: relative;
  height: 32px;
  line-height: 32px;
  border-radius: 30px;
  white-space: nowrap;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.About_05 .map_box .World .content .list .item .text .name::before {
  content: '';
  position: absolute;
  height: 1px;
  background: #999999;
  width: var(--w);
  top: 50%;
  right: calc(100% + var(--p));
}
.About_05 .map_box .World .content .list .item .text .name span {
  background: #fff;
  padding: 0 0.18rem;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
}
.About_05 .map_box .World .content .list .USA {
  left: 19%;
  top: 41.2%;
  --w: 10px;
  --h: 0.53rem;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.About_05 .map_box .World .content .list .active .dian::before,
.About_05 .map_box .World .content .list .active .dian::after {
  -webkit-animation: pulse 2s infinite ease-out;
  animation: pulse 2s infinite ease-out;
}
.About_05 .map_box .World .content .list .active .text .name span {
  background: #169243;
  color: #fff;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.About_05 .map_box .World .content .list .Zhejiang {
  left: 79.6%;
  top: 48.5%;
  --w: 16px;
  --h: 0.8rem;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.About_05 .map_box .World .content .list .Zhejiang .dian::before,
.About_05 .map_box .World .content .list .Zhejiang .dian::after {
  -webkit-animation: pulse 2s infinite ease-out;
  animation: pulse 2s infinite ease-out;
}
.About_05 .map_box .World .content .list .Zhejiang .text {
  left: auto;
  right: calc(var(--w) + 5px);
  text-align: right;
  padding-left: 0;
  padding-right: var(--p);
}
@media screen and (max-width: 699px) {
  .About_05 .map_box .World .content .list .Zhejiang .text {
    right: calc(var(--w) + 3px);
  }
}
.About_05 .map_box .World .content .list .Zhejiang .text .name::before {
  right: auto;
  left: calc(100% + var(--p));
}
.About_05 .map_box .World .content .list .North_Korea {
  left: 82.2%;
  top: 42.1%;
  --w: 13px;
  --h: 31px;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.About_05 .map_box .World .content .list .Thailand {
  left: 75.2%;
  top: 55.8%;
  --w: 16px;
  --h: 0.58rem;
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.About_05 .map_box .World .content .list .Thailand::before {
  bottom: auto;
  top: 0%;
}
.About_05 .map_box .World .content .list .Thailand .text {
  left: auto;
  right: calc(var(--w) + 5px);
  text-align: right;
  padding-left: 0;
  padding-right: var(--p);
  top: calc(var(--h) - 15px);
}
@media screen and (max-width: 699px) {
  .About_05 .map_box .World .content .list .Thailand .text {
    top: calc(var(--h) - 12px);
    right: calc(var(--w) + 3px);
  }
}
.About_05 .map_box .World .content .list .Thailand .text .name::before {
  right: auto;
  left: calc(100% + var(--p));
}
.About_05 .map_box .World .content .list .HongKong_Macao {
  left: 79%;
  top: 51.1%;
  --w: 16px;
  --h: 31px;
  -webkit-transform: translateY(0.4rem);
  -ms-transform: translateY(0.4rem);
  transform: translateY(0.4rem);
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.About_05 .map_box .World .content .list .HongKong_Macao::before {
  bottom: auto;
  top: 0%;
}
.About_05 .map_box .World .content .list .HongKong_Macao .text {
  top: calc(var(--h) - 15px);
}
@media screen and (max-width: 699px) {
  .About_05 .map_box .World .content .list .HongKong_Macao .text {
    top: calc(var(--h) - 12 px);
  }
}
.About_05 .map_box .World.is-animate .list .item {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.About_05 .map_box .active {
  display: block;
}
.About_05 .orientation_02 {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10.52%, rgba(245, 245, 245, 0)), to(#F5F5F5));
  background: -o-linear-gradient(top, rgba(245, 245, 245, 0) 10.52%, #F5F5F5 100%);
  background: linear-gradient(180deg, rgba(245, 245, 245, 0) 10.52%, #F5F5F5 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.About_05 .orientation_02 .ul {
  gap: 1.15rem;
}
.About_05 .orientation_02 .ul li {
  background: #fff;
  padding: 0.45rem 0.4rem;
  border-radius: var(--rr);
  width: 4.25rem;
  aspect-ratio: 425/326;
}
.About_05 .orientation_02 .ul li .content1 p {
  width: max(0.58rem, 44px);
  aspect-ratio: 1/1;
  background: #169243;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.About_05 .orientation_02 .ul li .content1 p img {
  margin: auto;
  max-width: 34px;
}
.About_05 .orientation_02 .ul li .content3 {
  font-size: var(--f32);
  color: #333;
  font-weight: var(--bold);
  margin-top: 0.15rem;
  margin-bottom: 0.25rem;
}
.About_05 .orientation_02 .ul li .content4 {
  font-size: var(--f20);
  color: #666;
  line-height: 1.5;
}
.About_05 .orientation_02 .ul li .content4 span,
.About_05 .orientation_02 .ul li .content4 text {
  color: #169243;
}
.About_05 .orientation_02 .ul li .content4 text {
  display: inline-block;
  font-size: var(--f26);
  font-weight: var(--bold);
}
@media screen and (in-width: 1200px) {
  .About_05 .orientation_02 .ul li:nth-child(1) {
    -webkit-transform: translateY(0.6rem);
    -ms-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
  }
  .About_05 .orientation_02 .ul li:nth-child(2) {
    -webkit-transform: translateY(1.54rem);
    -ms-transform: translateY(1.54rem);
    transform: translateY(1.54rem);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(3);
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(3);
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
.About_04 {
  position: relative;
  overflow: hidden;
}
.About_04 .box {
  position: relative;
  z-index: 2;
}
.About_04 .box .boxLeft {
  width: 6.5rem;
}
.About_04 .box .boxLeft .content ul li {
  display: none;
  margin-top: 1.4rem;
  opacity: 0;
}
.About_04 .box .boxLeft .content ul li .content1 {
  font-size: var(--f34);
  font-weight: var(--bold);
  line-height: 1.2;
}
.About_04 .box .boxLeft .content ul li .content2 {
  margin-top: 0.35rem;
  font-size: var(--f20);
  color: #666;
  line-height: 1.7;
  text-align: justify;
}
.About_04 .box .boxLeft .content ul li .content3 {
  font-size: var(--f24);
  color: #169243;
  font-weight: var(--bold);
  margin-bottom: 5px;
}
.About_04 .box .boxLeft .content ul li .content4 {
  margin: 0.54rem 0;
  gap: 1rem;
}
.About_04 .box .boxLeft .content ul li .content4 .li .top {
  color: #169243;
}
.About_04 .box .boxLeft .content ul li .content4 .li .top .number {
  font-size: var(--f46);
  line-height: 1;
  font-family: 'MM';
  position: relative;
}
.About_04 .box .boxLeft .content ul li .content4 .li .top .number .p1 {
  opacity: 0;
}
.About_04 .box .boxLeft .content ul li .content4 .li .top .number .p2 {
  position: absolute;
  left: 0;
  top: 0;
}
.About_04 .box .boxLeft .content ul li .content4 .li .top .unit {
  padding-left: 0.04rem;
  font-size: var(--f26);
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transform: translateY(-0.06rem);
  -ms-transform: translateY(-0.06rem);
  transform: translateY(-0.06rem);
}
.About_04 .box .boxLeft .content ul li .content4 .li .bot {
  font-size: var(--f20);
  color: #333;
  margin-top: 4px;
}
.About_04 .box .boxLeft .content ul .li_01 {
  display: block;
  opacity: 1;
}
.About_04 .box .boxLeft .content ul .li_01 .content1 {
  color: #169243;
}
.About_04 .box .boxLeft .content ul .li_01 {
  margin-top: 2.4rem;
}
.About_04 .box .boxRight {
  height: 100vh;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.About_04 .box .boxRight .content {
  position: relative;
}
.About_04 .box .boxRight .content .img-wrap {
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1/1;
  max-width: 7.6rem;
}
.About_04 .box .boxRight .content img {
  width: 100%;
}
.About_04 .box .boxRight .content .play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: inset 0px 0px 4px #FFFFFF;
  box-shadow: inset 0px 0px 4px #FFFFFF;
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.About_04 .box .boxRight .content .play svg {
  margin: auto;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.About_04 .box .boxRight .content .play.is-breathe {
  -webkit-animation: about04PlayBreathe 1.2s ease-in-out infinite alternate;
  animation: about04PlayBreathe 1.2s ease-in-out infinite alternate;
}
.About_04 .svg1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 7.77rem;
  height: 5.74rem;
}
.About_04 .svg1 svg {
  width: 100%;
}
.About_04 .svg2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3.27rem;
  height: 2.35rem;
}
.About_04 .svg2 svg {
  width: 100%;
}
.About_03 .title {
  position: absolute;
  left: var(--interval);
  top: 0;
  z-index: 1;
}
.About_03 .inner {
  height: 100vh;
}
.About_03 .inner .part {
  position: absolute;
  inset: 0;
  --go: 1;
  --ori-y: 20%;
  --ori-o: 0;
  --ori-scale: 0.96;
}
.About_03 .inner .part .mask {
  clip-path: inset(0 0 0 calc(var(--go) * 100%) round 0);
  position: relative;
  height: 100%;
}
.About_03 .inner .part .mask::after {
  content: '';
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, right top, left top, color-stop(33.99%, rgba(0, 0, 0, 0)), color-stop(100.02%, rgba(0, 0, 0, 0.7)));
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 33.99%, rgba(0, 0, 0, 0.7) 100.02%);
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 33.99%, rgba(0, 0, 0, 0.7) 100.02%);
}
.About_03 .inner .part .mask img {
  width: 100%;
  height: 100vh;
}
.About_03 .inner .part:nth-child(1) {
  --go: 0;
  --ori-y: 0%;
  --ori-o: 1;
  --ori-scale: 1;
}
.About_03 .inner .part .orientation {
  position: absolute;
  right: var(--interval);
  bottom: 1rem;
  width: 7rem;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(17px);
  backdrop-filter: blur(17px);
  border-radius: var(--rr);
  height: 2.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.8rem;
  z-index: 2;
  -webkit-transform: translateY(var(--ori-y)) scale(var(--ori-scale));
  -ms-transform: translateY(var(--ori-y)) scale(var(--ori-scale));
  transform: translateY(var(--ori-y)) scale(var(--ori-scale));
  opacity: var(--ori-o);
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
  will-change: transform, opacity;
}
.About_03 .inner .part .orientation .content {
  will-change: transform;
}
.About_03 .inner .part .orientation .content .content1 {
  font-size: var(--f26);
  color: #169243;
}
.About_03 .inner .part .orientation .content .content2 {
  font-size: var(--f32);
  color: #333;
}
.About_03 .group {
  position: absolute;
  inset: 0;
}
.About_03 .group .list {
  position: absolute;
  top: 2.3rem;
  left: var(--interval);
}
.About_03 .group .list li {
  color: #fff;
  cursor: pointer;
  opacity: 0.3;
  font-size: var(--f42);
  font-weight: var(--bold);
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.About_03 .group .list .active {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.About_03 .group .page {
  position: absolute;
  left: var(--interval);
  bottom: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.24rem;
}
.About_03 .group .page .dot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.About_03 .group .page .dot p {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.About_03 .group .page .number {
  font-family: 'FangYuanTi';
  font-size: var(--f20);
  color: #fff;
}
.About_03 .group .page .number .dotSum {
  font-weight: bold;
  min-width: 22px;
  display: inline-block;
  overflow: hidden;
  height: 1em;
  line-height: 1;
  vertical-align: text-bottom;
}
.About_03 .group .page .number .dotSum__roll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  will-change: transform;
}
.About_03 .group .page .number .dotSum__item {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 1em;
  line-height: 1;
}
.About_03 .group .page .number em,
.About_03 .group .page .number .total {
  opacity: 0.2;
}
.About_02 {
  contain: layout;
  position: relative;
  z-index: 2;
  background: #fff;
}
.About_02 .box {
  position: relative;
}
.About_02 .box .svg {
  position: relative;
}
.About_02 .box .svg svg {
  width: 100%;
  display: block;
}
.About_02 .box .svg .list {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.About_02 .box .svg .dot {
  position: absolute;
  width: max(0.15rem, 10px);
  height: max(0.15rem, 10px);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
.About_02 .box .svg .dot .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #169243;
}
.About_02 .box .svg .dot .text {
  position: absolute;
  left: 0;
  top: 0.4rem;
  font-size: var(--f26);
  line-height: 1.1;
}
.About_02 .box .svg .dot .text .time {
  font-family: 'FangYuanTi';
  color: #169243;
  font-weight: bold;
}
.About_02 .box .svg .dot .text .name {
  color: #000;
  text-wrap: nowrap;
}
.About_02 .box .svg .dot .images {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  width: 1.9rem;
  height: 1.9rem;
  pointer-events: none;
}
.About_02 .box .svg .dot .images::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.34rem;
  height: 2.34rem;
  border: 1px solid #169243;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}
.About_02 .box .svg .dot .images img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.About_02 .box .svg .dot:nth-child(2n-1) .text {
  top: auto;
  bottom: 0.4rem;
}
.About_02 .box .svg .active .text {
  opacity: 0;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}
.About_02 .box .svg .active .images {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.About_02 .box .wave {
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
}
.About_02 .box .wave svg {
  stroke: #E4E4E4;
  display: block;
  width: 200%;
}
.About_02 .box .wave svg path {
  stroke-width: 0.6px;
  -webkit-animation: waveMove 20s linear infinite;
  animation: waveMove 20s linear infinite;
}
.About_02 .timeline {
  margin-top: 1rem;
}
.About_02 .content_box {
  margin-top: 0.46rem;
  position: relative;
  margin-bottom: -0.5rem;
}
.About_02 .content_box .counter {
  --h: 3.2rem;
}
.About_02 .content_box .counter .digit {
  height: var(--h);
  overflow: hidden;
  line-height: 1;
}
.About_02 .content_box .counter .digit .digit-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  color: #f6f6f6;
  font-family: 'MM';
}
.About_02 .content_box .counter .digit .digit-slide span {
  font-size: 3.9rem;
  height: var(--h);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
}
.About_02 .content_box .list {
  position: absolute;
  inset: 0;
}
.About_02 .content_box .list .li {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
}
.About_02 .content_box .list .li .content1 {
  font-size: var(--f32);
  font-weight: var(--bold);
  color: #000;
  line-height: 1;
}
.About_02 .content_box .list .li .content2 {
  font-size: var(--f18);
  color: #666;
  margin-top: 0.25rem;
}
.About_02 .content_box .list .active {
  opacity: 1;
  -webkit-transition: 1s var(--ease1);
  -o-transition: 1s var(--ease1);
  transition: 1s var(--ease1);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.About_02 .box1 .swiper-slide {
  width: 0.9rem;
  text-align: center;
  white-space: nowrap;
  font-size: var(--f20);
  color: #666;
  cursor: pointer;
  font-family: 'FangYuanTi';
  -webkit-transition: 0.6s var(--ease1);
  -o-transition: 0.6s var(--ease1);
  transition: 0.6s var(--ease1);
}
.About_02 .box1 .active {
  color: #169243;
  font-weight: bold;
}
.About_02.about02-pending .box .wave,
.About_02.about02-pending .content_box,
.About_02.about02-pending .box1.timeline {
  opacity: 0;
  visibility: hidden;
}
@-webkit-keyframes about04PlayBreathe {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08);
  }
}
@keyframes about04PlayBreathe {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.08);
    transform: translate(-50%, -50%) scale(1.08);
  }
}
@-webkit-keyframes waveMove {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes waveMove {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 1680px) {
  .About_05 .orientation_02 .ul li .content3 {
    font-size: var(--f32);
  }
  .Honor .box .svg_box svg {
    width: 16.52rem;
  }
  .selectNav_01 .content ._right {
    max-height: 380px;
  }
}
@media screen and (max-width: 1500px) {
  .Factory_Strength .mask p {
    background-size: 112% auto;
  }
  .selectNav_01 .content {
    width: 9rem;
  }
  .Development_History .box .scroll .list .item .content .text_box {
    width: 3.55rem;
  }
  .selectNav_01 .content ._left ul li a {
    height: 44px;
    font-size: var(--f18);
  }
  .selectNav_01 .content ._left ul {
    gap: 0.08rem;
  }
  .Development_History .box {
    margin-top: 0;
  }
  .Development_History .box .scroll .list .item5 {
    left: 80%;
    top: 28.8%;
  }
  .ProcurementStrength .box1 .item {
    padding-right: 0.5rem;
  }
  .Honor .box .list ul {
    gap: 0.6rem;
  }
  .Honor .box .list ul li .bot {
    font-size: var(--f16);
  }
  .HardwareStrength .box {
    height: 330px;
  }
  .Product .banner2 .item figure {
    height: 0.6rem;
  }
  .Product .banner2 .item figcaption {
    font-size: var(--f16);
  }
}
@media screen and (max-width: 1450px) {
  .About_05 .map_box .China .content .list .dian p {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .ProductInfo_01 .box .boxLeft .content3 ul li .left p img {
    max-height: 28px;
  }
  .CooperativeBrand_01 .banner .banner1 {
    --h: 90px;
  }
  .Search_01 .box form label {
    width: 0.6rem;
    height: 0.6rem;
  }
  .Header_Container .box nav .item {
    padding: 0 0.3rem;
  }
  .selectNav_02 ul {
    width: 2.6rem;
  }
  .HardwareStrength .box {
    height: 300px;
  }
}
@media screen and (max-width: 1400px) {
  .ProductInfo_01 .box .boxLeft .content3 ul li .right {
    font-size: var(--f18);
  }
  .Honor .box .svg_box svg {
    width: 18.52rem;
  }
  .selectNav_02 ul {
    padding: 0.25rem 0.18rem;
  }
  .ProcurementStrength .box1 .item .content4 {
    font-size: var(--f16);
  }
  .Home_Banner .page {
    bottom: 0.2rem;
  }
  .ProductSeries_01 .box ul li a div {
    font-size: var(--f18);
  }
  .Factory_Strength .orientation .list .item .content {
    width: 3.55rem;
  }
}
@media screen and (max-width: 1280px) {
  .Product .banner2 .item::before,
  .Product .banner2 .item::after {
    aspect-ratio: 15/8.5;
  }
  .Product .banner2 {
    padding: 0 0.74rem;
  }
  .Product .button div {
    aspect-ratio: 44/85;
    width: 38px;
  }
  .About_06 .orientation .box .item .right .li .content3 {
    font-size: var(--f18);
  }
  .About_05 .map_box {
    transform: scale(0.7);
  }
  .ProductSeries_01 .box ul li a div {
    font-size: var(--f18);
  }
  .ProductSeries_01 .box ul li a {
    padding: 0 0.45rem;
  }
  .ProductInfo_01 .box .boxLeft .content2 {
    font-size: var(--f20);
    color: #666;
  }
  .ProductInfo_01 .box .boxLeft .content3 ul li .right {
    font-size: var(--f16);
  }
  .ProductInfo_01 .box .boxLeft .content3 ul li .left p img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .About_02 .box .svg svg {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  .ResearchDevelopment {
    min-height: 100vh;
  }
  .Development_History .box .scroll .list .item .content .text_box {
    width: 2.6rem;
    margin-left: 0.28rem;
  }
  .Development_History .box .scroll .list .item .content .pic p {
    width: 64px;
  }
  .Development_History .box .scroll .list .item5 {
    left: 79%;
    --h: 1.2rem;
  }
  .About_04 .box .boxLeft .content ul li .content2 {
    font-size: var(--f14);
    line-height: 1.6;
  }
  .About_06 .orientation .box .item .right {
    padding-left: 0.3rem;
  }
  .About_06 .orientation .box {
    --gap: 1rem;
  }
}
.HeaderMobile {
  --w: 36px;
}
.HeaderMobile .link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.HeaderMobile .link .a {
  width: var(--w);
  height: var(--w);
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.HeaderMobile .link .a::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  -webkit-mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #409972)) padding-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D4634));
  mask: linear-gradient(#409972 0 0) padding-box, linear-gradient(#1D4634 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.HeaderMobile .link .a::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634)) border-box;
  background: -o-linear-gradient(left, #409972, #1D4634) border-box;
  background: linear-gradient(to right, #409972, #1D4634) border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  border-radius: inherit;
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.HeaderMobile .link .a svg {
  margin: auto;
  position: relative;
  z-index: 1;
}
.HeaderMobile .link .a svg g {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.HeaderMobile .link .a svg .g2 {
  opacity: 0;
}
.HeaderMobile .shop {
  margin-right: 10px;
}
.HeaderMobile .HeaderMobile .box .button .menu {
  margin-left: 0.4rem;
}
.MobileMain {
  -webkit-transition: 0.6s;
  -o-transition: 0.6s;
  transition: 0.6s;
}
.MobileMain.active {
  background: #fff;
}
.MobileMain.active .HeaderMobile {
  -webkit-box-shadow: 0px 0px 0px 1px #eee;
  box-shadow: 0px 0px 0px 1px #eee;
}
@media screen and (max-width: 1200px) {
  .About_05 .map_box {
    transform: scale(1);
  }
  .Header_Container {
    display: none;
  }
  .form_01 > div {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .form_01 .item {
    padding: 0.32rem 0.36rem;
    padding-right: 0.32rem;
  }
  .form_01 .mascot2 {
    right: 0;
  }
  .form_01 .mascot2 img {
    width: 1.6rem;
  }
  .form_02 {
    margin-top: 0.2rem;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .form_02 .content {
    padding: 0.32rem 0.36rem;
  }
  .form_02 .info {
    margin-top: 0.32rem;
    margin-bottom: 0.5rem;
  }
  .form_01 .item .left .top img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  .PartnerSupermarket_01 .box .list,
  .PartnerSupermarket_01 .box .list .list-extra__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .PartnerSupermarket_01 .box .list .item,
  .CooperativeBrand_01 .banner .banner1 ul li p {
    height: 78px;
  }
  .CooperativeBrand_01 .banner .banner1 ul li p {
    width: 2.3rem;
  }
  .CooperativeBrand_01 .banner {
    bottom: 0.5rem;
  }
  .CooperativeBrand_01 picture img {
    min-height: 7rem;
  }
  .footer {
    padding: 0.5rem 0;
  }
  .footer .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.7rem;
  }
  .footer .box .boxLeft {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    gap: 0.3rem;
  }
  .footer .box .boxLeft .logo {
    width: 1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    aspect-ratio: 115 / 100;
  }
  .footer .box .boxLeft .FriendshipLink {
    margin-top: 0;
    width: 2.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .footer .box .boxLeft .FriendshipLink .current {
    height: 44px;
  }
  .footer .box .boxRight {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.36rem 0.24rem;
    width: 100%;
  }
  .footer .box .boxRight .item {
    margin-right: 0;
  }
  .footer .box .boxRight .item .h5 a {
    font-size: var(--f18);
  }
  .footer .box .boxRight .item ul {
    margin-top: 0.16rem;
    gap: 8px;
  }
  .footer .box .boxRight .item ul li a {
    font-size: var(--f14);
  }
  .footer .box1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .footer .box1 .left,
  .footer .box1 .right {
    width: 100%;
    text-align: center;
  }
  .footer .box1 .left em {
    display: none;
  }
  .footer .box1 .left span {
    display: block;
  }
  .footer .box1 .left span,
  .footer .box1 .left a {
    font-size: var(--f14);
  }
  .footer .box1 .right em {
    display: none;
  }
  .footer .box .boxRight .item ul {
    display: none;
  }
  .InnerBanner picture img {
    min-height: 5rem;
  }
  .ProductSeries_01 .box {
    overflow: hidden;
  }
  .ProductSeries_01 .box ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
  }
  .ProductSeries_01 .box ul li a {
    min-width: auto;
    padding: 0 0.36rem;
    height: 44px;
    border-radius: 44px;
  }
  .ProductSeries_01 .box ul li a div {
    font-size: var(--f18);
    white-space: nowrap;
  }
  .ProductSeries_01 .box ul li a div .Mascot {
    display: none;
  }
  .ProductSeries_02 {
    margin-top: 0.4rem;
  }
  .ProductSeries_02 .box .name {
    font-size: var(--f28);
  }
  .ProductSeries_02 .box .threeNav {
    margin-top: 0.3rem;
  }
  .ProductSeries_02 .box .threeNav ul li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .ProductSeries_02 .box .threeNav ul li a {
    font-size: var(--f18);
    white-space: nowrap;
  }
  .ProductSeries_03 .box .list {
    grid-template-columns: repeat(1, 1fr);
  }
  .ProductSeries_03 .box .list .item .left {
    width: 50%;
    height: auto;
  }
  .pu_page {
    margin-top: 0.4rem;
    gap: 0.3rem;
  }
  .Search_01 .box form {
    width: 100%;
    border-radius: 60px;
  }
  .Search_01 .box form input[type="text"] {
    height: 60px;
    font-size: var(--f16);
  }
  .Number_Items .box {
    font-size: var(--f18);
    margin-top: 0.2rem;
  }
  .searchProduct .name {
    font-size: var(--f28);
  }
  .searchProduct .box .list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
  }
  .searchProduct .box .item {
    height: 3.2rem;
    padding: 0.2rem;
    border-radius: 0.24rem;
  }
  .searchProduct .box .item figure {
    height: 2rem;
  }
  .searchProduct .box .item figcaption {
    font-size: var(--f18);
  }
  .searchProduct .box1 {
    margin-top: 0.5rem;
  }
  .searchNew .box {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .searchNew .box .item {
    border-radius: 0.2rem;
  }
  .searchNew .box .item figcaption {
    border-radius: 0.2rem;
  }
  .searchNew .box .item figure {
    padding: 0.28rem 0.24rem 0.36rem;
  }
  .searchNew .box .item figure .left {
    padding-right: 0.4rem;
  }
  .searchNew .box .item figure .left .name {
    font-size: var(--f18);
    height: 3em;
    max-height: 3em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .searchNew .box .item figure .right p {
    width: 40px;
    height: 40px;
  }
  .searchNew ~ .pb {
    padding-bottom: 0.7rem;
  }
  .News_01 .box .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .News_01 .box .item .boxLeft {
    width: 100%;
    border-radius: var(--rr) var(--rr) 0 0;
  }
  .News_01 .box .item .boxRight {
    width: 100%;
    padding: 0.4rem 0.36rem 0.48rem;
  }
  .News_01 .box .item .boxRight .content2 {
    font-size: var(--f24);
    margin: 0.1rem 0 0.24rem;
  }
  .News_01 .box .item .boxRight .content3 {
    font-size: var(--f16);
  }
  .News_01 .box .item .boxRight .content4 {
    margin-top: 0.4rem;
  }
  .News_01 .banner_page {
    margin-top: 0.4rem;
  }
  .News_02 .box {
    margin-top: 0.4rem;
    padding-top: 0.4rem;
  }
  .News_02 .box .list {
    gap: 0.16rem;
  }
  .News_02 .box .list .item {
    padding: 12px;
    border-radius: 0.2rem;
  }
  .News_02 .box .list .item .img {
    border-radius: 10px;
  }
  .News_02 .box .list .item .content {
    padding: 0 0.24rem;
  }
  .News_02 .box .list .item .content .name {
    font-size: var(--f18);
    margin-top: 6px;
    height: 3em;
    max-height: 3em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .News_02 .box .list .item .button {
    padding-right: 0.12rem;
  }
  .News_02 .box .list .item .button p {
    width: 40px;
    height: 40px;
  }
  .News_02 .pu_page {
    margin-top: 0.4rem;
    gap: 0.3rem;
  }
  .mbx .box {
    font-size: var(--f14);
    line-height: 1.5;
  }
  .News_Info .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .News_Info .box .boxLeft {
    padding-right: 0;
    width: 100%;
  }
  .News_Info .box .boxLeft .content2 {
    font-size: var(--f32);
  }
  .News_Info .box .boxLeft .content3 {
    font-size: var(--f16);
  }
  .News_Info .box .boxLeft .content4 a {
    font-size: var(--f18);
  }
  .News_Info .box .boxRight {
    width: 100%;
    border-top: 1px solid #E5E5E5;
  }
  .News_Info .box .boxRight .sticky {
    position: static;
    top: auto;
    padding-top: 0.48rem;
  }
  .News_Info .box .boxRight .sticky .h6 {
    font-size: var(--f28);
  }
  .News_Info .box .boxRight .sticky ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
  .News_Info .box .boxRight .sticky ul li a .name {
    height: 3em;
    max-height: 3em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
    font-size: var(--f18);
  }
  .ProductInfo_01 .box .boxLeft .content4 {
    margin-top: 0.5rem;
  }
  .ProductInfo_01 .box .boxLeft {
    width: 100%;
    padding-right: 0;
  }
  .ProductInfo_01 .box .boxRight {
    width: 100%;
    margin-top: 0.7rem;
  }
  .ProductInfo_01 .box .boxLeft .content3 ul li .right {
    font-size: var(--f18);
  }
  .ProductInfo_01 .box .boxLeft .content3 ul li .left p {
    width: 0.68rem;
    height: 0.68rem;
  }
  .ProductInfo_01 .box .boxLeft .content1 {
    margin-top: 0.24rem;
    margin-bottom: 0.24rem;
  }
  .About_01 .video video,
  .About_01 .video img {
    height: 6rem;
  }
  .About_02 .content_box .counter .digit .digit-slide span {
    font-size: 3rem;
  }
  .About_02 .box .svg .dot .images {
    width: 1.6rem;
    height: 1.6rem;
  }
  .About_02 .box .svg .dot .images::after {
    width: 1.94rem;
    height: 1.94rem;
  }
  .About_05 .map_box .China .content,
  .About_05 .map_box .World .content {
    width: 100%;
  }
  .About_02 .content_box {
    margin-bottom: 0;
  }
  .About_04 {
    padding-bottom: 0.9rem;
  }
  .About_04 .svg1,
  .About_04 .svg2 {
    display: none;
  }
  .About_04 .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .About_04 .box .boxRight {
    height: auto;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    padding-right: 0;
    margin-top: 0.5rem;
  }
  .About_04 .box .boxRight .content {
    width: 100%;
    max-width: 7rem;
    margin: 0 auto;
  }
  .About_04 .box .boxRight .content .img-wrap {
    max-width: 100%;
  }
  .About_04 .box .boxRight .content .play {
    width: 0.56rem;
    height: 0.56rem;
  }
  .About_04 .box .boxLeft {
    width: 100%;
  }
  .About_04 .box .boxLeft .content ul li {
    display: block;
    opacity: 1;
    margin-top: 0.4rem;
  }
  .About_04 .box .boxLeft .content ul .li_01 {
    margin-top: 0.28rem;
  }
  .About_04 .box .boxLeft .content ul .li_01 .content1 {
    color: #169243;
  }
  .About_04 .box .boxLeft .content ul li .content1 {
    font-size: var(--f22);
  }
  .About_04 .box .boxLeft .content ul li .content2 {
    margin-top: 0.14rem;
    font-size: var(--f16);
    line-height: 1.65;
  }
  .About_04 .box .boxLeft .content ul li .content3 {
    margin-bottom: 8px;
    font-size: var(--f18);
  }
  .About_04 .box .boxLeft .content ul .li_03 .content4 {
    margin: 0.28rem 0;
    gap: 0.2rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .About_04 .box .boxLeft .content ul .li_03 .content4 .li {
    min-width: 30%;
  }
  .About_04 .box .boxLeft .content ul .li_03 .content4 .li .top .number {
    font-size: var(--f32);
  }
  .About_04 .box .boxLeft .content ul .li_03 .content4 .li .top .unit {
    font-size: var(--f20);
  }
  .About_04 .box .boxLeft .content ul .li_03 .content4 .li .bot {
    font-size: var(--f14);
  }
  .About_05 .orientation {
    position: relative;
    left: auto;
    top: auto;
    padding-bottom: 0.16rem;
  }
  .About_05 .orientation .wMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .About_05 .orientation .button {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .About_05 .orientation .button li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    width: auto;
    max-width: 48%;
    font-size: var(--f16);
    height: 44px;
    line-height: 44px;
  }
  .About_05 .map_box {
    height: auto;
    min-height: 0;
    padding-top: 0.2rem;
  }
  .About_05 .map_box .China,
  .About_05 .map_box .World {
    padding-top: 0.16rem;
    height: auto;
  }
  .About_05 .map_box .China .content,
  .About_05 .map_box .World .content {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .About_05 .orientation_02 {
    position: relative;
    inset: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0.32rem 0 0.9rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 0)), color-stop(24%, #F5F5F5));
    background: -o-linear-gradient(top, rgba(245, 245, 245, 0) 0%, #F5F5F5 24%);
    background: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #F5F5F5 24%);
  }
  .About_05 .orientation_02 .ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 0.16rem;
    width: 100%;
  }
  .About_05 .orientation_02 .ul li {
    width: 100%;
    aspect-ratio: auto;
  }
  .About_05 .orientation_02 .ul li .content3 {
    font-size: var(--f22);
    margin-top: 0.12rem;
    margin-bottom: 0.18rem;
  }
  .About_05 .orientation_02 .ul li .content4 {
    font-size: var(--f16);
  }
  .About_05 .orientation_02 .ul li .content4 text {
    font-size: var(--f20);
  }
  .About_03 .inner .part .orientation {
    width: 5.4rem;
    height: 2.4rem;
    padding: 0 0.48rem;
    bottom: 0.72rem;
  }
  .About_03 .inner .part .orientation .content .content1 {
    font-size: var(--f22);
  }
  .About_03 .inner .part .orientation .content .content2 {
    font-size: var(--f28);
  }
  .About_03 .group .list {
    top: 2rem;
  }
  .About_03 .group .list li {
    font-size: var(--f32);
    margin-bottom: 6px;
  }
  .About_06 {
    min-height: 12.2rem;
  }
  .About_06 .orientation {
    top: 15%;
  }
  .About_06 .orientation .box {
    grid-template-columns: 1fr;
    --gap: 1rem;
  }
  .About_06 .orientation .box .item::after {
    top: auto;
    right: auto;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: calc(var(--gap) * -1 / 2);
  }
  .About_06 .orientation .box .item .right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .title_01 .h5 {
    font-size: var(--f44);
  }
  .title_01 .h6 {
    font-size: var(--f32);
    margin-top: 10px;
  }
  .title_02 .h5 {
    font-size: var(--f40);
  }
  .FactoryStrength [zls],
  .Honor [zls],
  .HardwareStrength [zls],
  .ProcurementStrength [zls],
  .ResearchDevelopment [zls] {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none;
    visibility: visible;
  }
  .FactoryStrength.is-static .parallax-area .area,
  .FactoryStrength .parallax-area .area {
    overflow: visible;
  }
  .FactoryStrength.is-static .parallax-area .parallax-text,
  .FactoryStrength .parallax-area .parallax-text {
    position: relative;
    left: auto;
    top: auto;
    padding: 0.56rem var(--interval) 0.24rem;
    text-align: center;
    display: block;
    opacity: 1;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images,
  .FactoryStrength .parallax-area .parallax-images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: auto;
    min-height: 0;
    padding: 0 var(--interval) 0.56rem;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    gap: 0.2rem;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images > .line_01,
  .FactoryStrength .parallax-area .parallax-images > .line_01 {
    display: none !important;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_01,
  .FactoryStrength .parallax-area .parallax-images .line_01,
  .FactoryStrength.is-static .parallax-area .parallax-images .line_02,
  .FactoryStrength .parallax-area .parallax-images .line_02,
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03,
  .FactoryStrength .parallax-area .parallax-images .line_03 {
    margin-top: 0;
    width: 100%;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03,
  .FactoryStrength .parallax-area .parallax-images .line_03 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03 .content,
  .FactoryStrength .parallax-area .parallax-images .line_03 .content {
    width: 100%;
    height: auto;
    border-radius: var(--rr);
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03 .content .image,
  .FactoryStrength .parallax-area .parallax-images .line_03 .content .image {
    height: auto;
    aspect-ratio: 1920 / 970;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03 .content .image img,
  .FactoryStrength .parallax-area .parallax-images .line_03 .content .image img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03 .content .parallax-desc,
  .FactoryStrength .parallax-area .parallax-images .line_03 .content .parallax-desc {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding: 0.28rem 0.24rem 0.32rem;
    -webkit-mask-image: none;
    mask-image: none;
    background: #f5f5f5;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03 .content .parallax-desc .desc_content,
  .FactoryStrength .parallax-area .parallax-images .line_03 .content .parallax-desc .desc_content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: var(--f24);
    color: #333;
    line-height: 1.55;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03 .content .parallax-desc .desc_content p,
  .FactoryStrength .parallax-area .parallax-images .line_03 .content .parallax-desc .desc_content p {
    margin: 0 0 0.06rem;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_01,
  .FactoryStrength .parallax-area .parallax-images .line_01 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.12rem;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_02,
  .FactoryStrength .parallax-area .parallax-images .line_02 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.12rem;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .pic,
  .FactoryStrength .parallax-area .parallax-images .pic {
    width: 100%;
    margin-bottom: 0;
  }
  .Honor .flexBetween {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 0.24rem;
  }
  .Honor .box {
    margin-top: 0.6rem;
  }
  .Honor .box .swiper {
    height: auto;
    min-height: 4.6rem;
    padding-bottom: 0.6rem;
  }
  .Honor .box .swiper .swiper-slide,
  .Honor .box .swiper .swiper-slide-prev,
  .Honor .box .swiper .swiper-slide-next,
  .Honor .box .swiper .swiper-slide-active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
  .Honor .box .swiper .item figure {
    height: 3.4rem;
  }
  .Honor .box .list ul {
    grid-template-columns: 1fr;
    gap: 0.28rem;
  }
  .Honor .box .list ul li {
    padding: 0.2rem 0.5rem;
  }
  .Honor .box .list ul li .top {
    font-size: var(--f22);
  }
  .Honor .box .list ul li .bot {
    font-size: var(--f16);
  }
  .Honor .box .svg_box {
    display: none;
  }
  .HardwareStrength .box .swiper-slide {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    height: auto;
  }
  .HardwareStrength .box .swiper-slide:has(~ .swiper-slide-prev) .item,
  .HardwareStrength .box .swiper-slide-prev .item,
  .HardwareStrength .box .swiper-slide-next .item,
  .HardwareStrength .box .swiper-slide-next ~ .swiper-slide .item {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .HardwareStrength .box .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .HardwareStrength .box .item .name {
    display: none;
  }
  .HardwareStrength .box .item .orientation .content1 {
    font-size: var(--f22);
    color: #fff;
  }
  .HardwareStrength .box .item .orientation .content2 {
    font-size: var(--f16);
    margin-top: 0.06rem;
  }
  .HardwareStrength .box1 {
    padding: 0;
    margin-top: 0.56rem;
  }
  .HardwareStrength .box1 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.28rem 0.16rem;
  }
  .HardwareStrength .box1 ul li .top .number {
    font-size: 0.58rem;
  }
  .HardwareStrength .box1 ul li .top .unit {
    font-size: var(--f26);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  .HardwareStrength .box1 ul li .bot {
    font-size: var(--f18);
  }
  .ProcurementStrength .box1 {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
  }
  .ProcurementStrength .box1 .item {
    padding-right: 0;
  }
  .ResearchDevelopment {
    min-height: 0;
    padding-bottom: 0.48rem;
  }
  .ResearchDevelopment .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ResearchDevelopment .box .boxLeft {
    width: 100%;
  }
  .ResearchDevelopment .box .boxLeft .list {
    margin-top: 0.6rem;
  }
  .ResearchDevelopment .box .boxLeft .list ul li::before {
    opacity: 0;
  }
  .ResearchDevelopment .box .boxLeft .list ul li .name {
    opacity: 1;
  }
  .ResearchDevelopment .box .boxLeft .list ul li .desc {
    grid-template-rows: 1fr;
    padding-top: 0.3rem;
  }
  .ResearchDevelopment .box .boxLeft .list ul li .icon {
    width: 1rem;
  }
  .ResearchDevelopment .box .boxLeft .list ul .active::before {
    opacity: 1;
  }
  .ResearchDevelopment .box .boxRight {
    width: 100%;
    padding-left: 0;
    margin-top: 0.32rem;
  }
  .Development_History {
    contain: none;
  }
  .Development_History .box {
    margin-top: 0.6rem;
  }
  .Development_History .box .mask {
    display: none;
  }
  .Development_History .box .scroll {
    position: relative;
    inset: auto;
    padding: 0 var(--interval);
  }
  .Development_History .box .scroll .list {
    position: relative;
    padding-left: 0.36rem;
  }
  .Development_History .box .scroll .list::before {
    content: '';
    position: absolute;
    left: 5px;
    top: 0.4rem;
    bottom: 0.2rem;
    width: 1px;
    background: #eaeaea;
  }
  .Development_History .box .scroll .list .item {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding-bottom: 0.48rem;
  }
  .Development_History .box .scroll .list .item.item1,
  .Development_History .box .scroll .list .item.item2,
  .Development_History .box .scroll .list .item.item3,
  .Development_History .box .scroll .list .item.item4,
  .Development_History .box .scroll .list .item.item5 {
    left: auto;
    top: auto;
  }
  .Development_History .box .scroll .list .item:last-child {
    padding-bottom: 0;
  }
  .Development_History .box .scroll .list .item .circle {
    position: absolute;
    left: -0.36rem;
    top: 0.4rem;
    z-index: 1;
  }
  .Development_History .box .scroll .list .item .circle::before {
    display: none;
  }
  .Development_History .box .scroll .list .item .content {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.2rem;
  }
  .Development_History .box .scroll .list .item .content .pic {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-width: 6px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list .item .content .pic p {
    width: 56px;
    border-color: #169243;
  }
  .Development_History .box .scroll .list .item .content .text_box {
    position: relative;
    left: auto;
    top: auto;
    margin-left: 0;
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list .item .content .text_box .time {
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list .item .content .text_box .text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list .item .content .text_box .desc {
    margin-top: 0.08rem;
  }
  .Development_History .box .scroll .list .item:nth-child(2n) {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list .item:nth-child(2n) .content {
    top: auto;
    bottom: auto;
  }
  .Development_History .box .scroll .list .item:hover .content .pic {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list .item:hover .content .text_box {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list .item:hover .content .text_box .time,
  .Development_History .box .scroll .list .item:hover .content .text_box .text {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Development_History .box .scroll .list.active .item:nth-child(2n-1),
  .Development_History .box .scroll .list.active1 .item {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .Cooperative_Channels {
    margin-top: 0;
  }
  .Factory_Strength {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .Factory_Strength .title_01 {
    top: 0.9rem;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .Factory_Strength .title_01 .h5.white {
    color: #fff;
  }
  .Factory_Strength .title_01 .h6 {
    color: #fff;
  }
  .Factory_Strength .img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
  .Factory_Strength .img img {
    height: auto;
    aspect-ratio: 1920 / 970;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .Factory_Strength .mask {
    display: none;
  }
  .Factory_Strength .orientation {
    margin-top: -1.5rem;
    position: relative;
    inset: auto;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    overflow: visible;
    padding: 0 0 0.8rem;
  }
  .Factory_Strength .orientation .list .scroll {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.16rem;
  }
  .Factory_Strength .orientation .list .scroll .item {
    margin-bottom: 0;
    min-height: auto;
  }
  .Factory_Strength .orientation .list .scroll .item .content {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    padding: 0.32rem 0.28rem;
  }
  .Factory_Strength .orientation .list .scroll .item:nth-child(1) .content,
  .Factory_Strength .orientation .list .scroll .item:nth-child(2) .content,
  .Factory_Strength .orientation .list .scroll .item:nth-child(3) .content,
  .Factory_Strength .orientation .list .scroll .item:nth-child(4) .content,
  .Factory_Strength .orientation .list .scroll .item:nth-child(5) .content {
    left: auto;
    right: auto;
  }
  .QualitySelivery .title {
    position: initial;
    padding-left: 5vw;
  }
  .QualitySelivery .box {
    margin-top: 0.6rem;
  }
  .QualitySelivery .box .boxLeft {
    width: 95vw;
    padding-right: 0;
  }
  .QualitySelivery .box .boxRight {
    -webkit-box-flex: 1;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    width: 100%;
    padding-left: 0;
    overflow: hidden;
    height: 50vh;
    margin-top: 0.5rem;
  }
  .QualitySelivery .box .boxRight .content {
    -webkit-transform: translate(20%, -50%);
    -ms-transform: translate(20%, -50%);
    transform: translate(20%, -50%);
  }
  .QualitySelivery .box .boxRight .content_list {
    left: 5vw;
  }
  .About_05 .map_box .China .content .list .dian p {
    -webkit-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  .About_05 .map_box .World .content .list .active .text .name span {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  .QualitySelivery .box .boxLeft .ul li .content1 p img,
  .About_05 .orientation_02 .ul li .content1 p img,
  .ProcurementStrength .box1 .item .content1 p img {
    max-width: 26px;
  }
  .QualitySelivery .list .item ._item .text {
    font-size: var(--f18);
  }
  .ProcurementStrength .box1 .item .content3 {
    font-size: var(--f26);
  }
  .Product {
    min-height: auto;
  }
  .Product .title_01 {
    padding-top: 0.72rem;
  }
  .Product .banner1 .swiper-slide img {
    height: 65vh;
    min-height: 4.8rem;
  }
  .Product .orientation {
    width: 3.8rem;
    padding-top: 1.6rem;
  }
  .Product .orientation ul li {
    height: 70%;
  }
  .Product .orientation ul li .content2 {
    margin: 0.2rem 0 0.14rem;
  }
  .Product .orientation ul li .content3 {
    font-size: var(--f34);
    line-height: 1.3;
  }
  .Product .orientation ul li .content4 {
    bottom: 0.6rem;
  }
  .Product .banner2 {
    width: calc(100% - var(--interval) * 2);
    right: var(--interval);
    left: auto;
    padding: 0 0.56rem;
    bottom: 0.48rem;
  }
  .Product .banner2 .item {
    min-height: 0.88rem;
  }
  .Product .banner2 .item figure {
    height: 0.7rem;
  }
  .Product .banner2 .item figcaption {
    font-size: var(--f16);
    padding-bottom: 0.2rem;
  }
  .Product .banner2 .button div {
    width: 36px;
  }
  .Product .button div {
    -webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
  }
  .Cooperative_Channels .box .banner1 ul li p {
    --h: 78px;
  }
  .News .box {
    grid-template-columns: 1fr;
  }
  .News .box .boxRight {
    padding: 0.4rem 0.3rem;
  }
  .News .box .boxRight ul li a .left {
    width: 2.3rem;
  }
  .News .box .boxRight ul li a .right {
    padding: 0 0.24rem;
  }
  .News .box .boxRight ul li a .right .name,
  .News .box .boxLeft a .orientation .name {
    height: 3em;
    max-height: 3em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
    font-size: var(--f18);
  }
  .News .box .boxRight ul li a .right .name br,
  .News .box .boxLeft a .orientation .name br {
    display: none;
  }
  .button_01 p {
    width: 40px;
  }
  .Cooperative_Channels .box .banner2 {
    --h: 78px;
  }
  .Development_History .box .scroll .list .item .content .text_box .time {
    font-size: var(--f28);
  }
  .Development_History .box .scroll .list .item .content .text_box .text {
    font-size: var(--f30);
  }
  .Development_History {
    padding-bottom: 0.9rem;
  }
  .Development_History .box .scroll .list .item .content .text_box .desc {
    font-size: var(--f18);
  }
  .mbx .box {
    padding: 0.25rem 0;
  }
  .Honor .box .list ul li::before {
    left: 20%;
  }
  .Honor .box .list ul li::after {
    right: 20%;
  }
  .CooperativeBrand_01 {
    background-attachment: initial !important;
  }
  .News_Info .box .boxRight {
    margin-top: 0.5rem;
  }
  .mobile_search form {
    width: 90vw;
    border-radius: 99px;
  }
  .mobile_search .label .btn {
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, from(#409972), to(#1D4634));
    background: -o-linear-gradient(left, #409972 0%, #1D4634 100%);
    background: linear-gradient(90deg, #409972 0%, #1D4634 100%);
  }
  .mobile_search .label .btn svg {
    transform: scale(0.8);
  }
  .mobile_search .close i {
    font-size: 0.34rem;
  }
  .Product .MASK {
    pointer-events: none;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .Product .MASK svg {
    display: none;
  }
  .Factory_Strength .orientation .list .item .content .content1 p img {
    max-width: 22px;
    max-height: 22px;
  }
  .Cooperative_Channels .box .title div {
    width: 50px;
    height: 50px;
  }
  .Cooperative_Channels .box .title div img {
    transform: scale(0.8);
  }
  .Honor .box .list ul li .bot {
    max-width: 50%;
  }
  .ContactUs_01 {
    overflow: hidden;
  }
  .HardwareStrength .box {
    height: auto;
  }
  .maodian {
    top: -58px;
  }
  .ProductInfo_01 .box .boxRight {
    --w: 90vw;
  }
}
@media screen and (max-width: 699px) {
  .Honor .box .list ul li .bot {
    max-width: 100%;
  }
  .About_01 .play {
    width: 0.8rem;
    height: 0.8rem;
  }
  .footer .box .boxLeft .logo {
    margin-right: 0.5rem;
  }
  .About_01 .video video,
  .About_01 .video img {
    height: 4.6rem;
  }
  .ProductInfo_01 .box .boxLeft .content3 ul li .left p img {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .Cooperative_Channels .box .title div {
    width: 44px;
    height: 44px;
  }
  .form_02 .info .infomation ul li .icon {
    width: 17px;
  }
  .form_02 .info .infomation ul li .icon img {
    transform: translateY(-2px);
  }
  .Honor .box .list ul li::before {
    left: 0%;
  }
  .Honor .box .list ul li::after {
    right: 0%;
  }
  .title_01 .h5 {
    font-size: var(--f34);
  }
  .title_01 .h6 {
    margin-top: 10px;
    font-size: 16px;
  }
  .form_02 .content .title {
    font-size: var(--f24);
  }
  .form_02 .content .title img {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    margin-right: 4px;
  }
  .ProductSeries_01 .box {
    margin-top: 0.4rem;
  }
  .ProductSeries_01 .box ul {
    gap: 6px;
    grid-template-columns: repeat(3, 1fr);
  }
  .ProductSeries_01 .box ul li a {
    padding: 0 0.28rem;
    height: 40px;
    border-radius: 40px;
  }
  .ProductSeries_01 .box ul li a div {
    font-size: var(--f16);
  }
  .ProductSeries_02 {
    margin-top: 0.4rem;
  }
  .ProductSeries_02 .box .name {
    font-size: var(--f24);
  }
  .ProductSeries_02 .box .threeNav {
    margin-top: 0.3rem;
  }
  .ProductSeries_02 .box .threeNav ul {
    gap: 0.2rem 0.4rem;
  }
  .ProductSeries_02 .box .threeNav ul li a {
    font-size: var(--f16);
  }
  .ProductSeries_03 .box .list {
    gap: 0.16rem;
  }
  .ProductSeries_03 .box .list .item {
    padding: 0.16rem;
    border-radius: 0.2rem;
  }
  .ProductSeries_03 .box .list .item .left {
    padding: 0.28rem 0.24rem 0.32rem;
    width: 54%;
  }
  .ProductSeries_03 .box .list .item .left .content1 {
    font-size: var(--f20);
  }
  .ProductSeries_03 .box .list .item .left .content2 {
    font-size: var(--f14);
  }
  .ProductSeries_03 .box .list .item .left .content3 {
    font-size: 12px;
    margin-top: 0.12rem;
    margin-bottom: 0.2rem;
    height: 2.8em;
    max-height: 2.8em;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .ProductSeries_03 .box .list .item .left .content3 br {
    display: none;
  }
  .ProductSeries_03 .box .list .item .right {
    padding-left: 0.2rem;
  }
  .ProductSeries_03 .pu_page {
    margin-top: 0.32rem;
    gap: 0.2rem;
  }
  .ProductSeries_03 .pu_page .prev a,
  .ProductSeries_03 .pu_page .next a {
    width: 40px;
    height: 40px;
  }
  .ProductSeries_03 .pu_page .number {
    gap: 0.16rem;
  }
  .searchProduct .name {
    font-size: var(--f24);
  }
  .searchProduct .box .list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.16rem;
  }
  .searchProduct .box .item {
    height: auto;
    padding: 0.16rem;
    border-radius: 0.2rem;
  }
  .searchProduct .box .item figure {
    height: 2rem;
  }
  .searchProduct .box .item figcaption {
    font-size: var(--f16);
    margin-top: 6px;
    height: 2.6em;
    max-height: 2.6em;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .searchProduct .box1 {
    margin-top: 0.36rem;
  }
  .more_01 a {
    width: 2.4rem;
  }
  .pu_page {
    margin-top: 0.32rem;
    gap: 0.2rem;
  }
  .pu_page .prev a,
  .pu_page .next a {
    width: 40px;
    height: 40px;
  }
  .pu_page .number {
    gap: 0.16rem;
  }
  .form_01 > div {
    gap: 0.16rem;
  }
  .form_01 .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.24rem;
    padding: 0.28rem 0.24rem;
  }
  .form_01 .item .left {
    width: 100%;
    padding-right: 0;
    font-size: var(--f24);
  }
  .form_01 .item .left .bot {
    margin-top: 0.5rem;
    text-align: center;
  }
  .form_01 .item .left .bot a {
    margin: auto;
  }
  .form_01 .item .right {
    width: 2rem;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    aspect-ratio: 1 / 1;
  }
  .form_02 {
    margin-top: 0.16rem;
    gap: 0.16rem;
  }
  .form_02 .content {
    padding: 0.28rem 0.24rem;
  }
  .form_02 .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.24rem;
    margin-top: 0.28rem;
    margin-bottom: 0.36rem;
  }
  .form_02 .info .code {
    width: 2rem;
  }
  .form_02 .info .code p {
    aspect-ratio: 1 / 1;
  }
  .form_02 .info .infomation {
    width: 100%;
    padding-left: 0;
  }
  .form_02 .info .infomation ul {
    gap: 0.12rem;
  }
  .form_02 .info .infomation ul li .text {
    font-size: var(--f16);
  }
  .form_02 .link {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.12rem;
  }
  .form_02 .link ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .form_02 .link ul:last-child {
    margin-left: 0;
  }
  .form_02 .link ul:last-child::before {
    display: none;
  }
  .form_02 form .list1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .form_02 form .list1 input {
    font-size: 14px !important;
  }
  .form_02 form .list2 textarea {
    height: 1rem;
  }
  .form_02 form .list4 {
    margin-top: 0.28rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
  }
  .footer {
    padding: 0.4rem 0;
  }
  .footer .box {
    gap: 0.4rem;
    margin-bottom: 0.48rem;
  }
  .footer .box .boxLeft {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .footer .box .boxLeft .logo {
    width: 1rem;
  }
  .footer .box .boxLeft .FriendshipLink {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
  }
  .footer .box .boxRight {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.32rem 0.2rem;
  }
  .footer .box .boxRight .item .h5 a {
    font-size: var(--f16);
  }
  .footer .box .boxRight .item ul {
    margin-top: 0.12rem;
    gap: 6px;
  }
  .footer .box .boxRight .item ul li a {
    font-size: 12px;
  }
  .footer .box1 {
    line-height: 1.2;
  }
  .footer .box1 .left span,
  .footer .box1 .left a {
    font-size: 10px;
  }
  .footer .box1 .right a {
    font-size: 10px;
  }
  .News_01 .box .item .boxRight {
    padding: 0.28rem 0.24rem 0.36rem;
  }
  .News_01 .box .item .boxRight .content2 {
    font-size: var(--f20);
    height: 2.6em;
    max-height: 2.6em;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
    margin: 0.08rem 0 0.16rem;
  }
  .News_01 .box .item .boxRight .content3 {
    font-size: var(--f16);
    height: 3em;
    max-height: 3em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .News_01 .box .item .boxRight .content4 {
    margin-top: 0.24rem;
  }
  .News_01 .box .item .boxRight .content4 p {
    width: 36px;
    height: 36px;
  }
  .News_01 .banner_page {
    margin-top: 0.32rem;
  }
  .News_02 .box .list {
    gap: 0.12rem;
  }
  .News_02 .box .list .item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.16rem;
  }
  .News_02 .box .list .item .content {
    padding: 0 0.22rem;
  }
  .News_02 .box .list .item .content .time {
    font-size: var(--f16);
  }
  .News_02 .box .list .item .content .name {
    font-size: var(--f18);
    height: 2.4em;
    max-height: 2.4em;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
    margin-top: 6px;
  }
  .News_02 .box .list .item .button {
    padding-right: 0;
    display: none;
  }
  .News_02 .box .list .item .button p {
    width: 36px;
    height: 36px;
  }
  .News_02 .pu_page {
    margin-top: 0.32rem;
    gap: 0.2rem;
  }
  .News_02 .pu_page .prev a,
  .News_02 .pu_page .next a {
    width: 40px;
    height: 40px;
  }
  .News_02 .pu_page .number {
    gap: 0.16rem;
  }
  .News .box.mt {
    margin-top: 0.32rem;
  }
  .News .box .boxLeft a .orientation {
    bottom: 0.24rem;
    padding: 0 0.24rem;
  }
  .News .box .boxLeft a .orientation .name {
    font-size: var(--f20);
    height: 2.6em;
    max-height: 2.6em;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
    margin-top: 6px;
  }
  .News .box .boxRight {
    padding: 0.24rem;
  }
  .News .box .boxRight ul {
    gap: 0.12rem;
  }
  .News .box .boxRight ul li a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.12rem;
    border-radius: 0.16rem;
  }
  .News .box .boxRight ul li a .left .img {
    border-radius: 8px;
  }
  .News .box .boxRight ul li a .right {
    padding-left: 0.22rem;
    padding-right: 0;
  }
  .News .box .boxRight ul li a .right .time {
    font-size: var(--f16);
  }
  .News .box .boxRight ul li a .right .name {
    font-size: var(--f18);
    height: 2.6em;
    max-height: 2.6em;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
    margin-top: 6px;
  }
  .News .box .boxRight ul li a .button {
    padding-right: 0;
    display: none;
  }
  .News .box .boxRight ul li a .button .button_01 p {
    width: 36px;
    height: 36px;
  }
  .Search_01 .box form input[type="text"] {
    height: 50px;
    font-size: var(--f16);
  }
  .Search_01 .box form label {
    width: 40px;
    height: 40px;
  }
  .ProductInfo_01 .box .boxLeft .content4 ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .ProductInfo_01 .box .boxLeft .content4 ul li a {
    width: auto;
  }
  .ProductInfo_01 .box .boxLeft .content3 .ul_01 {
    gap: 0.3rem;
  }
  .ProductInfo_01 .box .boxLeft .content3 ul li .left p {
    width: 44px;
    height: 44px;
  }
  .Number_Items .box {
    font-size: var(--f16);
    margin-top: 0.16rem;
  }
  .searchNew .box {
    grid-template-columns: 1fr;
    gap: 0.16rem;
  }
  .searchNew .box .item {
    border-radius: 0.16rem;
  }
  .searchNew .box .item figcaption {
    border-radius: 0.16rem;
  }
  .searchNew .box .item figure {
    padding: 0.24rem 0.2rem 0.28rem;
  }
  .searchNew .box .item figure .left {
    padding-right: 0.24rem;
  }
  .searchNew .box .item figure .left .time {
    font-size: var(--f16);
  }
  .searchNew .box .item figure .left .name {
    font-size: var(--f18);
    margin-top: 6px;
    height: 2.8em;
    max-height: 2.8em;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .searchNew .box .item figure .right p {
    width: 36px;
    height: 36px;
  }
  .searchNew ~ .pb {
    padding-bottom: 0.48rem;
  }
  .null_height {
    padding: 10vh 0;
    font-size: 14px;
  }
  .About_03 {
    position: relative;
    overflow: hidden;
  }
  .About_03 .title {
    position: relative;
    left: auto;
    top: auto;
    z-index: 2;
    padding-left: var(--interval);
    padding-right: var(--interval);
    padding-top: 0;
  }
  .About_03 .title .h5.white {
    color: #333;
  }
  .About_03 .inner {
    height: auto;
    margin: 0.54rem var(--interval) 0;
    position: relative;
    aspect-ratio: 375 / 320;
    border-radius: var(--rr);
    overflow: hidden;
  }
  .About_03 .inner .part {
    inset: 0;
    --go: 0;
    --ori-y: 0%;
    --ori-o: 1;
    --ori-scale: 1;
    z-index: 0;
    visibility: hidden;
    pointer-events: none;
  }
  .About_03 .inner .part.is-active {
    z-index: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .About_03 .inner .part .mask {
    -webkit-clip-path: none;
    clip-path: none;
    height: 100%;
    border-radius: var(--rr);
    overflow: hidden;
  }
  .About_03 .inner .part .mask::after {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.55)), color-stop(55%, rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 55%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 55%);
  }
  .About_03 .inner .part .mask picture {
    height: 100%;
  }
  .About_03 .inner .part .mask img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .About_03 .inner .part .orientation {
    position: absolute;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.2rem;
    width: auto;
    height: auto;
    min-height: 0;
    padding: 0.24rem 0.28rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  .About_03 .inner .part .orientation .content .content1 {
    font-size: var(--f16);
  }
  .About_03 .inner .part .orientation .content .content2 {
    font-size: var(--f22);
    margin-top: 0.1rem;
    height: 3em;
    max-height: 3em;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .About_03 .group {
    position: relative;
    inset: auto;
    padding: 0.3rem var(--interval) 0rem;
    z-index: 2;
  }
  .About_03 .group .list {
    position: relative;
    top: auto;
    left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 0.3rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .About_03 .group .list::-webkit-scrollbar {
    display: none;
  }
  .About_03 .group .list li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: var(--f18);
    color: #666;
    opacity: 0.45;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    white-space: nowrap;
    margin-bottom: 0;
  }
  .About_03 .group .list .active {
    color: #169243;
    opacity: 1;
  }
  .About_03 .group .page {
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 0.2rem;
    display: none;
  }
  .About_03 .group .page .dot p {
    background-color: #169243;
  }
  .About_03 .group .page .number {
    color: #333;
    font-size: var(--f16);
  }
  .About_04 .box .boxRight .content {
    max-width: 80vw;
  }
  .About_06 {
    background-attachment: scroll !important;
  }
  .About_06 .title {
    position: relative;
    left: auto;
    top: auto;
    padding-left: var(--interval);
    padding-right: var(--interval);
  }
  .About_06 .img {
    display: none;
  }
  .About_06 .orientation {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }
  .About_06 .orientation .box {
    grid-template-columns: 1fr;
    gap: 0.2rem;
    padding: 0.32rem 0.24rem;
  }
  .About_06 .orientation .box .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .About_06 .orientation .box .item::after {
    display: none;
  }
  .About_06 .orientation .box .item .left {
    width: 1.8rem;
  }
  .About_06 .orientation .box .item .right {
    padding-left: 0;
    padding-top: 0.16rem;
    width: 100%;
  }
  .About_06 .orientation .box .item .right .li {
    padding: 0.12rem 0.36rem;
  }
  .About_06 .orientation .box .item .right .li::before,
  .About_06 .orientation .box .item .right .li::after {
    width: 0.5rem;
    height: 1rem;
  }
  .About_06 .orientation .box .item .right .li .content2 {
    font-size: var(--f14);
  }
  .About_06 .orientation .box .item .right .li .content3 {
    font-size: var(--f18);
  }
  .About_06 .orientation .box .item .right .li .content4 {
    font-size: var(--f16);
    margin-top: 0.2rem;
  }
  .About_06 .mascot2 {
    right: 0.24rem;
  }
  .About_06 .mascot2 img {
    width: 1.6rem;
  }
  .News_Info .box .boxLeft .content2 {
    font-size: var(--f24);
  }
  .News_Info .box .boxLeft .content3 {
    font-size: var(--f16);
    line-height: 1.7;
  }
  .News_Info .box .boxLeft .content4 a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: var(--f16);
    gap: 0.06rem;
  }
  .News_Info .box .boxLeft .content4 a p {
    width: auto;
    color: #169243;
    font-size: var(--f14);
  }
  .News_Info .box .boxLeft .content4 a div {
    height: 2.8em;
    max-height: 2.8em;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-justify: distribute-all-lines;
  }
  .News_Info .box .boxRight .sticky .h6 {
    font-size: var(--f24);
  }
  .News_Info .box .boxRight .sticky ul {
    grid-template-columns: 1fr;
    gap: 0.1rem;
  }
  .News_Info .box .boxRight .sticky ul li a {
    padding: 0.2rem 0.22rem;
  }
  .News_Info .box .boxRight .sticky ul li a .name {
    font-size: var(--f18);
  }
  .FactoryStrength .parallax-area .parallax-text {
    padding-top: 0.4rem;
    padding-bottom: 0.16rem;
  }
  .FactoryStrength .parallax-area .parallax-text .button {
    width: 0.56rem;
    height: 0.56rem;
    margin-top: 0.2rem;
  }
  .FactoryStrength .parallax-area .parallax-images .line_01 {
    grid-template-columns: repeat(2, 1fr);
  }
  .FactoryStrength .parallax-area .parallax-images .line_03 .content .parallax-desc .desc_content {
    font-size: var(--f20);
  }
  .Honor .box .swiper {
    min-height: initial;
  }
  .Honor .box .swiper .item figure {
    height: 4rem;
  }
  .Honor .box .swiper .item figure img {
    max-width: initial;
  }
  .Honor .box .swiper .item figcaption {
    font-size: var(--f18);
  }
  .Honor .box .list {
    margin-top: 0.7rem;
  }
  .Honor .box .list ul li .bot {
    font-size: 12px;
  }
  .HardwareStrength .box1 ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.24rem 0.12rem;
  }
  .HardwareStrength .box1 ul li .top .number {
    font-size: 0.6rem;
  }
  .HardwareStrength .box1 ul li .top .unit {
    font-size: var(--f22);
  }
  .HardwareStrength .box1 ul li .bot {
    font-size: var(--f16);
  }
  .HardwareStrength .box .item .orientation {
    height: auto;
    min-height: 2rem;
    padding: 0.24rem 0.28rem 0.2rem;
  }
  .HardwareStrength .box .item .orientation .content1 {
    font-size: var(--f22);
  }
  .HardwareStrength .box .item .orientation .content2 {
    font-size: var(--f16);
  }
  .ProcurementStrength .box1 {
    grid-template-columns: 1fr;
    gap: 0.6rem;
    margin-top: 0.56rem;
  }
  .ProcurementStrength .box1 .item .content3 {
    font-size: var(--f24);
    margin-top: 0.16rem;
    margin-bottom: 0.12rem;
  }
  .ProcurementStrength .box1 .item .content4 {
    font-size: var(--f16);
  }
  .ResearchDevelopment .box .boxLeft .list ul {
    gap: 0.16rem;
  }
  .ResearchDevelopment .box .boxLeft .list ul li {
    padding: 0.24rem 0.24rem;
  }
  .ResearchDevelopment .box .boxLeft .list ul li .name {
    font-size: var(--f22);
  }
  .ResearchDevelopment .box .boxLeft .list ul li .desc .content .h5 {
    font-size: var(--f18);
  }
  .ResearchDevelopment .box .boxLeft .list ul li .desc .content .h6 {
    font-size: var(--f16);
    line-height: 1.6;
  }
  .ResearchDevelopment .box .boxRight p {
    aspect-ratio: 375 / 380;
  }
  .ResearchDevelopment .box .boxLeft .list ul .active {
    padding: 0.24rem 0.24rem;
  }
  .Development_History .box .scroll .list {
    padding-left: 0.32rem;
  }
  .Development_History .box .scroll .list .item {
    padding-left: 0.24rem;
    padding-bottom: 0.36rem;
  }
  .Development_History .box .scroll .list .item .circle {
    left: -0.32rem;
  }
  .Development_History .box .scroll .list .item .content {
    gap: 0.16rem;
  }
  .Development_History .box .scroll .list .item .content .pic {
    border-width: 4px;
  }
  .Development_History .box .scroll .list .item .content .pic p {
    width: 48px;
  }
  .Development_History .box .scroll .list .item .content .text_box .time {
    font-size: var(--f20);
  }
  .Development_History .box .scroll .list .item .content .text_box .text {
    font-size: var(--f22);
  }
  .Development_History .box .scroll .list .item .content .text_box .desc {
    font-size: var(--f14);
    line-height: 1.6;
  }
  .Factory_Strength .img img {
    aspect-ratio: 375 / 240;
  }
  .Factory_Strength .orientation {
    padding-bottom: 0.4rem;
  }
  .Factory_Strength .orientation .wMain {
    padding-left: 0;
    padding-right: 0;
  }
  .Factory_Strength .orientation .list .scroll {
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 0.12rem;
    padding-left: var(--interval);
    padding-right: var(--interval);
    -webkit-overflow-scrolling: touch;
  }
  .Factory_Strength .orientation .list .scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .Factory_Strength .orientation .list .scroll::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #169243;
  }
  .Factory_Strength .orientation .list .scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.1);
  }
  @-moz-document url-prefix() {
    .Factory_Strength .orientation .list .scroll {
      scrollbar-color: #169243 rgba(0, 0, 0, 0.1);
      scrollbar-width: thin;
    }
  }
  .Factory_Strength .orientation .list .scroll .item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 65vw;
  }
  .Factory_Strength .orientation .list .scroll .item .content {
    padding: 0.28rem 0.24rem;
    height: 100%;
  }
  .Factory_Strength .orientation .list .scroll .item .content .content2 {
    font-size: var(--f24);
    margin: 0.14rem 0 0.26rem;
    font-weight: bold;
  }
  .Factory_Strength .orientation .list .scroll .item .content .content3 {
    font-size: var(--f20);
  }
  .Factory_Strength .orientation .list .scroll .item .content .content4 {
    font-size: var(--f14);
    line-height: 1.6;
  }
  .Product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible;
  }
  .Product > div:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    min-height: 0;
  }
  .Product .banner1 .swiper-slide picture,
  .Product .banner1 .swiper-slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 375 / 420;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 0;
  }
  .Product .orientation ul {
    height: auto;
  }
  .Product .orientation ul li {
    height: auto;
    inset: 0;
  }
  .Product .orientation ul li.active {
    position: relative;
  }
  .Product .orientation ul li .content1 {
    font-size: var(--f22);
  }
  .Product .orientation ul li .content2 {
    font-size: var(--f24);
  }
  .Product .orientation ul li .content3 {
    font-size: var(--f24);
    line-height: 1.35;
  }
  .Product .orientation ul li .content4 {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 0.2rem;
  }
  .Product .banner2 .swiper-slide {
    padding-top: 0.12rem;
  }
  .Product .banner2 .item {
    min-height: 0.8rem;
  }
  .Product .banner2 .item figure {
    height: 1rem;
  }
  .Product .banner2 .item figcaption {
    font-size: var(--f14);
    margin-top: 0.2rem;
  }
  .Product .banner2 .button div {
    width: 32px;
  }
  .Product .button div {
    aspect-ratio: 44/94;
  }
  .Product .button .prev {
    left: -8px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .Product .button .next {
    right: -8px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  .Product .banner2 .item::before,
  .Product .banner2 .item::after {
    aspect-ratio: 15 / 8;
  }
  .Home_Banner .banner video,
  .Home_Banner .banner picture img {
    height: 34vh;
  }
  .HeaderMobile .link {
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  .HeaderMobile .shop {
    margin-right: 5px;
  }
  .MobileMain .HeaderMobile .box .button .menu {
    margin-left: 0.3rem;
  }
  .link_01 .a,
  .link_02 .a {
    padding: 0 0.25rem;
    height: 34px;
  }
  .link_01 .a p svg,
  .link_02 .a p svg {
    transform: scale(0.8);
  }
  .Cooperative_Channels {
    --gap: 0.3rem;
  }
  .Cooperative_Channels .box .banner2,
  .Cooperative_Channels .box .banner1 ul li p {
    --h: 58px;
  }
  .Cooperative_Channels .box .banner2 img,
  .Cooperative_Channels .box .banner1 ul li p img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .CooperativeBrand_01 picture img {
    min-height: 8rem;
  }
  .PartnerSupermarket_01 .box .list .item,
  .CooperativeBrand_01 .banner .banner1 ul li p,
  .ProcurementStrength .box .banner ul li p {
    height: 58px;
  }
  .PartnerSupermarket_01 .box .list .item img,
  .CooperativeBrand_01 .banner .banner1 ul li p img,
  .ProcurementStrength .box .banner ul li p img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .PartnerSupermarket_01 .box .list,
  .PartnerSupermarket_01 .box .list .list-extra__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .Cooperative_Channels .box .banner1 ul li,
  .ProcurementStrength .box .banner ul li {
    padding: 0 5px;
  }
  .FactoryStrength.is-static .parallax-area .parallax-images .line_03 .content .parallax-desc .desc_content,
  .FactoryStrength .parallax-area .parallax-images .line_03 .content .parallax-desc .desc_content {
    font-size: var(--f16);
    line-height: 1.5;
  }
  .FactoryStrength .parallax-area .area .parallax-text .button {
    width: 50px;
    height: 50px;
  }
  :root {
    --rr: 10px;
  }
  .QualitySelivery .box .boxLeft .ul li .content3 {
    font-size: var(--f24);
  }
  .QualitySelivery .box .boxRight .content {
    -webkit-transform: translate(8%, -50%);
    -ms-transform: translate(8%, -50%);
    transform: translate(8%, -50%);
  }
  .QualitySelivery .list .item ._item {
    gap: 1rem;
  }
  .QualitySelivery .list .item.is-active ._item .text {
    color: #169243;
    font-size: 14px;
  }
  .QualitySelivery .box .boxRight .content_list {
    position: absolute;
    width: 3.6rem;
  }
  .QualitySelivery .box .boxRight .content_list .content_box .text_box {
    font-size: 12px;
  }
  .About_02 .content_box .list {
    padding: 0 5vw;
  }
  .About_02 .content_box .counter .digit .digit-slide span {
    font-size: 2.1rem;
  }
  .About_02 .content_box .list .li {
    padding: 0 5vw;
  }
  .About_02 .box .svg .dot .text {
    font-size: 14px;
  }
  .About_02 .timeline {
    margin-top: 1.5rem;
  }
  .About_05 .map_box .China .content {
    width: 116%;
    margin-left: -8%;
  }
  .About_06 .orientation {
    margin-top: 0.56rem;
  }
  .About_06 .orientation .box .item .right .li {
    width: 100%;
  }
  .About_06 .orientation .box .item .right .li .content2 br {
    display: none;
  }
  .About_06 {
    min-height: 13.2rem;
  }
  .About_05 .map_box .World .content .list .item .text .name {
    font-size: 10px;
    height: 24px;
    line-height: 24px;
  }
  .About_05 .map_box .World .content .list .item .dian {
    width: 6px;
    height: 6px;
  }
  .About_05 .map_box .World .content .list .item .text {
    --p: 2px;
  }
  .About_05 .orientation_02 .ul li .content3 {
    margin: 0.2rem 0 0.3rem;
  }
  .About_02 .content_box .list .li .content2 {
    font-size: var(--f14);
  }
  .About_05 .map_box .China .content .list .dian p {
    height: 8px;
    width: 8px;
  }
  .Home_Banner .page div span,
  .Cooperative_Channels .box .banner2 .page div span {
    transform: scale(0.7);
  }
  .QualitySelivery .box .boxLeft .ul li .content1 p img,
  .About_05 .orientation_02 .ul li .content1 p img,
  .ProcurementStrength .box1 .item .content1 p img {
    max-width: 22px;
  }
  .ProcurementStrength .box1 .item,
  .About_05 .orientation_02 .ul li {
    text-align: center;
  }
  .ProcurementStrength .box1 .item .content1 p,
  .About_05 .orientation_02 .ul li .content1 p {
    margin: auto;
  }
  .About_03 .inner .part .orientation .content .content2 br {
    display: none;
  }
  .footer .box .boxLeft .FriendshipLink .dropdown ul li a {
    padding-left: 0.81rem;
  }
  .ContactUs_01 {
    overflow: hidden;
  }
  .form_02 .link ul li .ewm {
    top: 0.98rem;
    width: 1.4rem;
  }
  .mobile_search .input input {
    min-height: 46px;
    font-size: 14px;
  }
  .mobile_search .label .btn {
    width: 46px;
  }
  .mobile_search .close i {
    font-size: 0.44rem;
  }
  .ResearchDevelopment .box .boxLeft .list ul li .icon {
    width: 0.8rem;
  }
  .Development_History .box .scroll .list .item .content .text_box .text {
    margin: 4px 0 8px;
  }
}
/*# sourceMappingURL=./style.css.map */