@charset "utf-8";
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: calc(100vw/19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family: 'HONOR Sans CN', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  line-height: 1.5;
  color: #000;
  background: #fff;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
* {
  font-family: HONOR-Sans-CN;
}
img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
p {
  text-align: justify;
}
.no_margin {
  margin-bottom: 0 !important;
}
a {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  outline: none;
  -moz-outline-style: none;
}
a:hover {
  color: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
@font-face {
  font-family: 'Euclid-Square-M';
  src: url('../fonts/EuclidSquare-Medium.eot');
  src: url('../fonts/EuclidSquare-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/EuclidSquare-Medium.woff2') format('woff2'), url('../fonts/EuclidSquare-Medium.woff') format('woff'), url('../fonts/EuclidSquare-Medium.ttf') format('truetype'), url('../fonts/EuclidSquare-Medium.svg#EuclidSquare-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.Euclid-Square-M {
  font-family: 'Euclid-Square-M';
}
@font-face {
  font-family: 'HONOR-Sans-CN';
  src: url('https://cdn.jsdelivr.net/gh/hechao98/HONORSansCN@main/fonts/HONORSansCN-Medium.eot');
  src: url('https://cdn.jsdelivr.net/gh/hechao98/HONORSansCN@main/fonts/HONORSansCN-Medium.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/hechao98/HONORSansCN@main/fonts/HONORSansCN-Medium.woff2') format('woff2'), url('https://cdn.jsdelivr.net/gh/hechao98/HONORSansCN@main/fonts/HONORSansCN-Medium.woff') format('woff'), url('https://cdn.jsdelivr.net/gh/hechao98/HONORSansCN@main/fonts/HONORSansCN-Medium.ttf') format('truetype'), url('https://cdn.jsdelivr.net/gh/hechao98/HONORSansCN@main/fonts/HONORSansCN-Medium.svg#HONORSansCN-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.HONOR-Sans-CN {
  font-family: 'HONOR-Sans-CN';
}
input,
button {
  border: none;
  background-color: transparent;
  box-sizing: border-box;
  outline: none;
}
input[type="checkbox"] {
  vertical-align: -2px;
  margin-right: 4px;
}
input::-webkit-input-placeholder {
  color: #c2c2c2;
}
input:-moz-placeholder {
  color: #c2c2c2;
}
input::-moz-placeholder {
  color: #c2c2c2;
}
input:-ms-input-placeholder {
  color: #c2c2c2;
}
textarea::-webkit-input-placeholder {
  color: #c2c2c2;
}
textarea:-moz-placeholder {
  color: #c2c2c2;
}
textarea::-moz-placeholder {
  color: #c2c2c2;
}
textarea:-ms-input-placeholder {
  color: #c2c2c2;
}
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
  /*滚动条-背景*/
  background: #ededed;
}
::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条-滑块*/
  background-color: var(--color-active);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  /*滚动条-背景*/
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.6);
}
.clear-float::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  clear: both;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
input,
textarea {
  resize: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
/* Flex 布局 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.f_direction_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f_column_right {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.f_row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.f_row_right {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.j_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j_end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j_justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j_around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.a_start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a_end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a_baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.a_stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.a_s_stretch {
  -webkit-box-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.a_s_center {
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.a_s_end {
  -webkit-box-self: end;
  -ms-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}
.flex_wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.flex_auto {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}
.flex_1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.order_2 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.order_3 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
/* 文字超出隐藏 */
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-hidden {
  overflow: hidden;
}
.white-space {
  white-space: pre-line;
}
@media (max-width:1200px) {
  .white-space {
    white-space: inherit;
  }
}
.font-weight-b {
  font-weight: bold;
}
/* 动画 */
.dh {
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* 动画延迟 */
/* 媒体查询 缩写 */
/* 布局 */
.pc,
.c-pc {
  display: block;
}
.wap,
.mobile,
.c-mb {
  display: none;
}
@media (max-width:768px) {
  .pc,
  .c-pc {
    display: none;
  }
  .wap,
  .mobile,
  .c-mb {
    display: block;
  }
}
.w1920 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.w1800 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 60px;
}
.w1720 {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
}
.w1680 {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}
.w1640 {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}
.w1600 {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.w1560 {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
}
.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.w1400 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.w1360 {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}
.w1350 {
  width: 100%;
  max-width: 1350px;
  margin: 0 auto;
}
.w1280 {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}
.w1240 {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
}
.w1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.w1150 {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
}
@media (max-width:1840px) {
  .w1720 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1800px) {
  .w1680 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1760px) {
  .w1640 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1720px) {
  .w1600 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1680px) {
  .w1560 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1560px) {
  .w1440 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1520px) {
  .w1400 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1470px) {
  .w1350 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1400px) {
  .w1280 {
    padding: 0 60px;
  }
}
@media (max-width:1360px) {
  .w1240 {
    padding: 0 60px;
  }
}
@media (max-width:1320px) {
  .w1200 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1270px) {
  .w1150 {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:1024px) {
  .w1800,
  .w1720,
  .w1680,
  .w1640,
  .w1560,
  .w1440,
  .w1400,
  .w1350,
  .w1280,
  .w1240,
  .w1200,
  .w1150 {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1720,
  .w1680,
  .w1640,
  .w1600,
  .w1560,
  .w1440,
  .w1400,
  .w1350,
  .w1280,
  .w1240,
  .w1200,
  .w1150 {
    padding: 0 20px;
  }
}
.color-green-29 {
  color: #295136;
}
.color-green-5e {
  color: #5e9461;
}
.color-green-cd {
  color: #cddcb9;
}
.color-green-ce {
  color: #cedcb9;
}
.color-green-ef {
  color: #eff4f0;
}
.bg-green-29 {
  background-color: #295136;
}
.bg-green-5e {
  background-color: #5e9461;
}
.bg-green-cd {
  background-color: #cddcb9;
}
.bg-green-ce {
  background-color: #cedcb9;
}
.bg-green-ef {
  background-color: #eff4f0;
}
.mt30 {
  margin-top: 0.3rem;
}
.mt70 {
  margin-top: 0.7rem;
}
:root {
  /* 导航高度 */
  --header-height: 0.8rem;
  /* COLOR */
  --color-active: #295136;
  --color-green-5e: #5e9461;
  --color-green-cd: #cddcb9;
  --color-green-ce: #cedcb9;
  --color-green-ef: #eff4f0;
  --color-white: #fff;
  --color-black: #000;
  --color-gray-f6: #f6f6f6;
  --color-gray-f4: #f4f4f4;
  --color-gray-eee: #eee;
  --color-gray-ddd: #ddd;
  --color-gray-bbb: #bbb;
  --color-gray-999: #999;
  --color-gray-666: #666;
  --color-gray-444: #444;
  --color-gray-333: #333;
  /* 字体大小 */
  --font12: 12px;
  --font14: 14px;
  --font16: clamp(14px, 0.16rem, 16px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: 0.36rem;
  --font38: 0.38rem;
  --font40: 0.4rem;
  --font42: 0.42rem;
  --font44: 0.44rem;
  --font46: 0.46rem;
  --font48: 0.48rem;
  --font50: 0.5rem;
  --font52: 0.52rem;
  --font54: 0.54rem;
  --font56: 0.56rem;
  --font58: 0.58rem;
  --font60: 0.6rem;
  --font66: 0.66rem;
  --font70: 0.7rem;
  --font72: 0.72rem;
  --font80: 0.8rem;
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height: 50px;
  }
}
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
  font-size: clamp(14px, 0.16rem, 16px);
}
.font18 {
  font-size: 18px;
  font-size: clamp(14px, 0.18rem, 18px);
}
.font20 {
  font-size: 20px;
  font-size: clamp(15px, 0.2rem, 20px);
}
.font22 {
  font-size: 22px;
  font-size: clamp(16px, 0.22rem, 22px);
}
.font24 {
  font-size: 24px;
  font-size: clamp(18px, 0.24rem, 24px);
}
.font26 {
  font-size: 26px;
  font-size: clamp(18px, 0.26rem, 26px);
}
.font28 {
  font-size: 28px;
  font-size: clamp(18px, 0.28rem, 28px);
}
.font30 {
  font-size: 30px;
  font-size: clamp(20px, 0.3rem, 30px);
}
.font32 {
  font-size: 32px;
  font-size: clamp(20px, 0.32rem, 32px);
}
.font34 {
  font-size: 34px;
  font-size: clamp(22px, 0.34rem, 34px);
}
.font36 {
  font-size: 0.36rem;
}
.font38 {
  font-size: 0.38rem;
}
.font40 {
  font-size: 0.4rem;
}
.font42 {
  font-size: 0.42rem;
}
.font44 {
  font-size: 0.44rem;
}
.font46 {
  font-size: 0.46rem;
}
.font48 {
  font-size: 0.48rem;
}
.font50 {
  font-size: 0.5rem;
}
.font52 {
  font-size: 0.52rem;
}
.font54 {
  font-size: 0.54rem;
}
.font56 {
  font-size: 0.56rem;
}
.font58 {
  font-size: 0.58rem;
}
.font60 {
  font-size: 0.6rem;
}
.font66 {
  font-size: 0.66rem;
}
.font70 {
  font-size: 0.7rem;
}
.font72 {
  font-size: 0.72rem;
}
.font80 {
  font-size: 0.8rem;
}
.font100 {
  font-size: 1rem;
}
.font120 {
  font-size: 1.2rem;
}
.font160 {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  :root {
    /* 字体大小 */
    --font12: 0.24rem;
    --font14: 0.26rem;
    --font16: 0.26rem;
    --font18: 0.28rem;
    --font20: 0.28rem;
    --font22: 0.32rem;
    --font24: 0.32rem;
    --font26: 0.32rem;
    --font28: 0.34rem;
    --font30: 0.36rem;
    --font32: 0.36rem;
    --font34: 0.36rem;
    --font36: 0.38rem;
    --font38: 0.38rem;
    --font40: 0.38rem;
    --font42: 0.38rem;
    --font44: 0.38rem;
    --font46: 0.38rem;
    --font48: 0.42rem;
    --font50: 0.42remm;
    --font52: 0.42remm;
    --font54: 0.42remm;
    --font56: 0.42rem;
    --font58: 0.42rem;
    --font60: 0.5rem;
    --font66: 0.5rem;
    --font70: 0.5rem;
    --font72: 0.5rem;
    --font80: 0.5rem;
    --font100: 0.8rem;
    --font120: 0.8rem;
    --font160: 1rem;
  }
  .font12 {
    font-size: 0.24rem;
  }
  .font14,
  .font16 {
    font-size: 0.26rem;
  }
  .font18,
  .font20 {
    font-size: 0.28rem;
  }
  .font22,
  .font24,
  .font26 {
    font-size: 0.32rem;
  }
  .font28 {
    font-size: 0.34rem;
  }
  .font30,
  .font32,
  .font34 {
    font-size: 0.36rem;
  }
  .font36,
  .font38,
  .font40,
  .font42,
  .font44,
  .font46 {
    font-size: 0.38rem;
  }
  .font48,
  .font50,
  .font52,
  .font54,
  .font56,
  .font58 {
    font-size: 0.42rem;
  }
  .font60,
  .font66,
  .font70,
  .font72,
  .font80 {
    font-size: 0.5rem;
  }
  .font100 {
    font-size: 0.8rem;
  }
  .font120 {
    font-size: 0.8rem;
  }
  .font160 {
    font-size: 1rem;
  }
}
/* images等比-NEW */
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.public-img-plus:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.swiper {
  position: relative;
  overflow: hidden;
}
.swiper .swiper-slide .ani {
  display: none;
}
.swiper .swiper-slide.swiper-slide-active .ani {
  display: block;
}
.swiper .swiper-pagination {
  bottom: -5px;
  opacity: 0;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 3px;
  background-color: var(--color-gray-ddd);
  border-radius: 1.5px;
  opacity: 1;
  margin: 0 0.05rem;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--color-active);
}
.swiper .swiper-pagination-point {
  margin-bottom: 0.3rem;
}
.swiper .swiper-pagination-point .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 0 3px;
}
.swiper .swiper-pagination-point .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.swiper-down-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 25px;
}
.slide-btn-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 10px;
}
.slide-btn-box .slide-btn {
  position: relative;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
}
.slide-btn {
  width: 0.5rem;
  height: 0.5rem;
  background: no-repeat center #a1b7a8;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.slide-btn:hover {
  background-color: var(--color-active);
}
.slide-btn::before {
  content: '';
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-image: url(../images/more-icon4.svg);
  background-size: 5px 8px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.slide-btn.swiper-button-prev::before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.slide-num {
  color: rgba(41, 81, 54, 0.4);
  line-height: 1;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.slide-num .all {
  position: relative;
  padding-left: 12px;
  margin-left: 8px;
}
.slide-num .all::before {
  content: '/';
  font-size: var(--font14);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slide-num .current {
  color: var(--color-active);
}
.slide-num em {
  font-style: normal;
}
/* 公共样式 - 结束 */
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  margin: auto;
  /* ----------------------------------------------------------    手机端导航 */
}
#header.active .header-pc,
#header.header-white-bg .header-pc,
#header.header-bg .header-pc {
  background-color: var(--color-white);
}
#header .header-pc {
  position: relative;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .header-pc::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.1;
}
#header .header-pc .header-wrap {
  margin: auto;
  padding: 0 0.6rem;
  height: var(--header-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width:1366px) {
  #header .header-pc .header-wrap {
    padding: 0 0.4rem;
  }
}
#header .header-pc .header-wrap .logo {
  height: var(--header-height);
  color: #282828;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .header-pc .header-wrap .logo .logo-black {
  display: none;
}
#header .header-pc .header-wrap .logo img {
  max-height: 0.6rem;
  margin-right: 0.2rem;
}
#header .header-pc .header-wrap .nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 50px;
  grid-gap: clamp(0px, 0vw, 0px) clamp(25px, 2.60416667vw, 50px);
  margin-left: 1.2rem;
}
@media (max-width:1366px) {
  #header .header-pc .header-wrap .nav {
    grid-gap: clamp(0px, 0vw, 0px) clamp(17px, 1.77083333vw, 34px);
    margin: 0;
  }
}
#header .header-pc .header-wrap .nav .bor {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 3px;
  background-color: var(--color-active);
}
#header .header-pc .header-wrap .nav dl {
  position: relative;
  z-index: 10;
}
#header .header-pc .header-wrap .nav dl:hover {
  z-index: 20;
}
#header .header-pc .header-wrap .nav dt a {
  font-size: var(--font16);
  color: #1b1b1b;
  position: relative;
  height: var(--header-height);
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .header-pc .header-wrap .nav dt a.active {
  color: var(--color-active);
}
#header .header-pc .header-wrap .nav dd {
  display: none;
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  max-height: 100vh;
  padding: 0.54rem 0 0.62rem;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
#header .header-pc .header-wrap .nav dd .ovs {
  width: calc(100% + 1rem);
  margin: 0 -0.5rem;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 40px 0;
}
#header .header-pc .header-wrap .nav dd .ovs a {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  max-width: calc(25% - 1rem);
  margin: 0 0.5rem;
  display: block;
  font-size: var(--font16);
  color: #333333;
  line-height: 2.25em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .header-pc .header-wrap .nav dd .ovs a:hover {
  color: var(--color-active);
}
#header .header-pc .header-wrap .nav dd .ovs a:hover::before {
  opacity: 0.3;
}
#header .header-pc .header-wrap .nav dd .ovs a:hover::after {
  width: 65.9%;
}
#header .header-pc .header-wrap .nav dd .ovs a::before,
#header .header-pc .header-wrap .nav dd .ovs a::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d6e3d9;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .header-pc .header-wrap .nav dd .ovs a::before {
  opacity: 1;
}
#header .header-pc .header-wrap .nav dd .ovs a::after {
  width: 0;
  background-color: var(--color-active);
}
#header .header-pc .header-wrap .nav dd .ovs a .icon img,
#header .header-pc .header-wrap .nav dd .ovs a .icon svg {
  max-width: 0.2rem;
  height: auto;
}
#header .header-pc .header-wrap .header-right {
  height: 100%;
}
#header .header-pc .header-wrap .header-right .column {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 20px;
  grid-gap: clamp(0px, 0vw, 0px) clamp(10px, 1.04166667vw, 20px);
}
#header .header-pc .header-wrap .header-right .column .header-btn .up {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .telephone-btn img {
  max-height: 20px;
  margin-right: 0.1rem;
}
@media (max-width:1366px) {
  #header .header-pc .header-wrap .header-right .column .header-btn .up .telephone-btn img {
    max-height: 14px;
  }
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .text-body {
  font-family: 'Euclid-Square-M';
  color: var(--color-active);
  line-height: 1;
}
@media (max-width:1366px) {
  #header .header-pc .header-wrap .header-right .column .header-btn .up .text-body {
    font-size: var(--font18);
  }
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .xx-btn,
#header .header-pc .header-wrap .header-right .column .header-btn .up .tiktok-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #e7e7e7;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .xx-btn img,
#header .header-pc .header-wrap .header-right .column .header-btn .up .tiktok-btn img {
  max-height: 16px;
}
@media (max-width:1366px) {
  #header .header-pc .header-wrap .header-right .column .header-btn .up .xx-btn,
  #header .header-pc .header-wrap .header-right .column .header-btn .up .tiktok-btn {
    width: 30px;
    height: 30px;
  }
  #header .header-pc .header-wrap .header-right .column .header-btn .up .xx-btn img,
  #header .header-pc .header-wrap .header-right .column .header-btn .up .tiktok-btn img {
    max-height: 12px;
  }
}
#header .header-pc .header-wrap .header-right .column .header-telephone {
  margin-right: 0.2rem;
}
@media (max-width:1520px) {
  #header .header-pc .header-wrap .header-right .column .header-telephone {
    margin-right: 0;
  }
}
@media (max-width:1024px) {
  #header .header-pc {
    display: none;
  }
}
#header .mask-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(4, 29, 44, 0.2);
  display: none;
}
#header .mask-bg.active {
  display: block;
}
#header .m_header_box {
  width: 100%;
  height: auto;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}
#header .m_header_box .header_title {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  position: relative;
  background-color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
#header .m_header_box .header_title .logo {
  height: var(--header-height);
  color: #282828;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#header .m_header_box .header_title .logo span {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .m_header_box .header_title .logo img {
  max-height: 40px;
  margin-right: 0.2rem;
}
#header .m_header_box .header_title .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#header .m_header_box .header_title .menu_btn {
  width: 30px;
  height: 30px;
  position: relative;
  overflow: hidden;
}
#header .m_header_box .header_title .menu_btn::after,
#header .m_header_box .header_title .menu_btn::before,
#header .m_header_box .header_title .menu_btn i {
  width: 70%;
  height: 2px;
  display: block;
  background: var(--color-black);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -35%;
  transform-origin: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .m_header_box .header_title .menu_btn::before {
  content: '';
  margin-top: -8px;
}
#header .m_header_box .header_title .menu_btn::after {
  content: '';
  margin-top: 6px;
}
#header .m_header_box .header_title .menu_btn.active i {
  opacity: 0;
}
#header .m_header_box .header_title .menu_btn.active::before {
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 5px;
  background: var(--color-active);
}
#header .m_header_box .header_title .menu_btn.active::after {
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 5px;
  background: var(--color-active);
}
#header .m_header_box .header_title .head_btn {
  width: auto;
  height: 30px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer;
  overflow: hidden;
}
#header .m_header_box .header_title .head_btn .icon {
  max-width: 14px;
  height: 14px;
  font-size: 0;
  margin-right: 5px;
  filter: invert(1);
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .m_header_box .header_title .head_btn .link {
  line-height: 1;
  font-size: 12px;
  color: var(--color-black);
  margin-top: 3px;
}
#header .m_header_box .header_title .head_btn .link span {
  opacity: 0.6;
}
#header .m_header_box .header_title .head_btn .link a {
  color: var(--color-black);
  opacity: 0.6;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .m_header_box .header_title .head_btn .link a:hover {
  opacity: 1;
}
#header .m_header_box .header_title .head_btn:hover .icon {
  filter: invert(1);
}
#header .m_header_box .header_title .head_btn:hover .link {
  color: var(--color-black);
}
#header .m_header_box .header_title .head_btn:hover .link a,
#header .m_header_box .header_title .head_btn:hover .link span {
  color: var(--color-black);
}
#header .m_header_box .header_body {
  width: 100%;
  height: calc(100vh - 60px);
  background: var(--color-gray-f6);
  display: none;
  overflow: hidden;
}
#header .m_header_box .header_body .menu_info {
  width: 100%;
  height: 100%;
  padding: 0 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
#header .m_header_box .header_body .menu_nav {
  width: 100%;
  height: auto;
  padding: 20px;
  overflow: hidden;
  overflow-y: auto;
}
#header .m_header_box .header_body .menu_nav ul {
  padding: 0;
  margin: 0;
}
#header .m_header_box .header_body .menu_nav ul li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  overflow: hidden;
}
#header .m_header_box .header_body .menu_nav ul li .one {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  overflow: hidden;
}
#header .m_header_box .header_body .menu_nav ul li .one a {
  padding: 15px 0;
  display: block;
  font-size: 14px;
  color: var(--color-gray-444);
  line-height: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex: 1;
  position: relative;
}
#header .m_header_box .header_body .menu_nav ul li .one a .subtitle {
  font-size: 14px;
  margin-right: 10px;
}
#header .m_header_box .header_body .menu_nav ul li .one a .title {
  font-size: 14px;
}
#header .m_header_box .header_body .menu_nav ul li .one .icon {
  width: 50px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0;
  color: var(--color-gray-444);
}
#header .m_header_box .header_body .menu_nav ul li .one .icon i {
  font-size: 8px;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#header .m_header_box .header_body .menu_nav ul li .one.active a {
  color: var(--color-active);
}
#header .m_header_box .header_body .menu_nav ul li .one.active .icon {
  color: var(--color-active);
}
#header .m_header_box .header_body .menu_nav ul li .one.active.is_active .icon i {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#header .m_header_box .header_body .menu_nav ul li ul {
  border-top: 1px solid var(--color-active);
  padding: 10px 0;
  display: none;
}
#header .m_header_box .header_body .menu_nav ul li ul li {
  border: 0;
}
#header .m_header_box .header_body .menu_nav ul li ul li a {
  display: block;
  font-size: 13px;
  padding: 6px 0 6px 20px;
  color: var(--color-gray-444);
  position: relative;
}
#header .m_header_box .header_body .menu_nav ul li ul li a .icon {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  color: var(--color-gray-444);
}
#header .m_header_box .header_body .menu_nav ul li ul li a .icon i {
  font-size: 8px;
}
#header .m_header_box .header_body .menu_nav ul li ul li a.active {
  color: var(--color-active);
}
#header .m_header_box .header_body .menu_nav ul li ul li a.active .icon {
  color: var(--color-active);
}
#header .m_header_box .header_body .menu_nav ul li ul li ul {
  border: 0;
  display: none;
}
#header .m_header_box .header_body .menu_nav ul li ul li ul li a {
  padding: 10px 0 10px 35px;
  font-size: 12px;
  color: var(--color-gray-999);
}
#header .m_header_box .header_body .menu_nav ul li ul li ul li a:before {
  content: '';
  width: 5px;
  height: 1px;
  color: var(--color-gray-999);
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -1.5px;
  z-index: 1;
}
#header .m_header_box .header_body .menu_nav ul li ul li ul li a.active:before {
  background: var(--color-active);
}
#header .m_header_box .header_body .menu_nav ul li ul li ul.active {
  display: block;
}
#header .m_header_box .header_body .menu_form {
  width: 100%;
  height: auto;
  padding: 0 20px;
  overflow: hidden;
}
#header .m_header_box .header_body .menu_form .center {
  width: 100%;
  height: 50px;
  background-color: var(--color-white);
  overflow: hidden;
}
#header .m_header_box .header_body .menu_form .center form {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .m_header_box .header_body .menu_form .center form input {
  flex: 1;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  color: var(--color-gray-444);
  border: 0;
}
#header .m_header_box .header_body .menu_form .center form button {
  width: 70px;
  border: 0;
  height: 100%;
  background: var(--color-active);
}
#header .m_header_box .header_body .menu_form .center form button i {
  font-size: 18px;
}
#header .m_header_box .header_body .menu_lang {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 0 20px;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .m_header_box .header_body .menu_lang .one {
  width: auto;
  height: 36px;
  margin-right: 10px;
  overflow: hidden;
}
#header .m_header_box .header_body .menu_lang .one a {
  width: 100%;
  height: 100%;
  padding: 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: var(--color-white);
  border-radius: 50px;
  font-size: 12px;
  color: var(--color-gray-444);
}
#header .m_header_box .header_body .menu_lang .one a.active {
  background: var(--color-active);
  color: var(--color-white);
}
@media (max-width:1024px) {
  #header .m_header_box {
    display: block;
  }
}
.socials-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 0 0.85rem;
}
.socials-wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.socials-wrap a .icon {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #2aae67;
  border-radius: 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.socials-wrap a .icon img {
  max-width: 70%;
  max-height: 70%;
}
.socials-wrap a .title {
  color: #333333;
  margin-top: 0.12rem;
}
.socials-wrap a .socials-img {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -52px;
  margin-bottom: 0.2rem;
  width: 104px;
  height: 104px;
  background-color: var(--color-active);
  border-radius: 0.08rem;
  padding: 0.08rem;
  z-index: 99;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  will-change: opacity;
  transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -webkit-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -ms-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.socials-wrap a .socials-img img {
  width: 100%;
  height: 100%;
}
.socials-wrap a .socials-img:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0px 10px;
  border-color: var(--color-active) transparent transparent transparent;
  position: absolute;
  bottom: -7px;
  left: 0;
  right: 0;
  margin: auto;
}
.socials-wrap a:hover .socials-img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-filter: alpha(opacity=100);
}
.footer-forms {
  padding: 0.42rem 0 0.22rem;
}
@media (max-width:1024px) {
  .footer-forms {
    display: none;
  }
}
.footer-forms .wrap-box {
  position: relative;
  padding: 0.27rem 0.4rem 0.27rem 0.6rem;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 99px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0.6rem;
}
.footer-forms .wrap-box .c-close {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0.94rem;
  margin-top: -14px;
  width: 0.28rem;
  max-width: initial;
  height: 0.28rem;
  min-width: 20px;
  min-height: 20px;
  background-color: var(--color-active);
  border: 2px solid #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.footer-forms .wrap-box .c-close img,
.footer-forms .wrap-box .c-close svg {
  width: 0.09rem;
}
.footer-forms .wrap-box .c-close img image,
.footer-forms .wrap-box .c-close svg image {
  width: 100%;
}
.footer-forms .text-block {
  position: relative;
  padding-left: 1.72rem;
  margin-bottom: 0 !important;
}
.footer-forms .text-block .img {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -0.27rem;
}
.footer-forms .text-block .img img {
  max-width: 0.96rem;
}
.footer-forms .text-block .text-box {
  white-space: nowrap;
}
.footer-forms .text-block .text-box .title {
  color: #fff;
  font-weight: bold;
}
.footer-forms .text-block .text-box .text-body {
  color: #fff;
  margin-top: 0.06rem;
}
.footer-forms .from {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0.1rem;
}
.footer-forms .from .from-box {
  margin: 0;
}
.footer-forms .from .from-box:nth-child(4) input {
  max-width: 2rem;
  min-width: 1.4rem;
}
.footer-forms .from .location-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 20px;
  padding: 0 0.2rem;
  min-width: 94px;
  cursor: pointer;
}
.footer-forms .from .location-item .location-icon {
  width: 8px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.footer-forms .from input {
  padding: 0 0.2rem;
  max-width: 1.4rem;
  min-width: 94px;
}
.footer-forms .from input,
.footer-forms .from select,
.footer-forms .from .location-item {
  color: rgba(255, 255, 255, 0.8);
  height: 0.4rem;
  min-height: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #93a899;
  border-radius: 99px;
}
.footer-forms .from input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-forms .from input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-forms .from input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-forms .from input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}
.footer-forms .from .layui-form-select .layui-edge {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.footer-forms .from .layui-form-select dl {
  top: auto !important;
  bottom: 100%;
  margin: 0 0 8px;
}
.footer-forms .from .btn-box {
  margin: 0;
}
.footer-forms .from .btn-box .btn {
  max-width: 140px;
  padding: 0 0.4rem;
  height: 0.4rem;
  min-height: 30px;
  background-color: #93a899;
  border-radius: 99px;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.footer-forms .from .btn-box .btn:hover {
  background-color: var(--color-active);
}
#footer {
  background-color: var(--color-green-ef);
}
#footer .foot-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 0 0.2rem;
  white-space: nowrap;
}
#footer .foot-nav .dl .dt {
  display: block;
  margin-bottom: 0.32rem;
  color: #282828;
  font-weight: bold;
}
#footer .foot-nav .dl .dd {
  color: #6e6e6e;
  line-height: 2.14;
  display: block;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#footer .foot-nav .dl .dd:hover {
  color: var(--color-active);
}
#footer .text-block1 {
  margin-bottom: 0.7rem;
}
#footer .text-block1 .title {
  color: #282828;
  line-height: 24px;
  font-weight: bold;
}
#footer .text-block1 .searchform {
  margin: 0.08rem 0 0.16rem;
}
#footer .text-block1 .searchform .input {
  padding: 0;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}
#footer .text-block1 .searchform .iconfont {
  margin-right: 0;
}
#footer .text-block1 .searchform .iconfont img,
#footer .text-block1 .searchform .iconfont svg {
  width: 0.2rem;
}
#footer .text-block2 p {
  margin-bottom: 0.1rem;
}
#footer .text-body p {
  color: #6e6e6e;
  white-space: initial;
}
#footer .text-body p span {
  color: #000000;
  font-weight: bold;
}
#footer .text-body p .color-green-29 {
  font-family: 'Euclid-Square-M';
  color: var(--color-active);
}
#footer .text-body p a {
  color: #000000;
  font-weight: bold;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#footer .text-body p a:hover {
  color: var(--color-active);
}
#footer .footer-up .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.8rem 0 0.9rem;
  grid-gap: 0 0.6rem;
}
#footer .footer-up .wrap-box .wrap-left {
  max-width: 868px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#footer .footer-up .wrap-box .wrap-right {
  max-width: 290px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
@media (max-width:1024px) {
  #footer .footer-up .wrap-box {
    display: block;
  }
  /*#footer .footer-up .wrap-box .wrap-left {*/
  /*  display: none;*/
  /*}*/
  #footer .footer-up .wrap-box .wrap-right {
    max-width: 100%;
  }
}
#footer .footer-down .wrap-box {
  padding: 0.36rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#footer .footer-down .wrap-box .wrap-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding-right: 50px;
}
#footer .footer-down .wrap-box .wrap-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 0 18px;
  grid-gap: clamp(0px, 0vw, 0px) clamp(9px, 0.9375vw, 18px);
}
#footer .footer-down .wrap-box .wrap-right .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #252525;
  position: relative;
}
#footer .footer-down .wrap-box .wrap-right .item .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#footer .footer-down .wrap-box .wrap-right .item .icon img,
#footer .footer-down .wrap-box .wrap-right .item .icon svg {
  max-width: 7px;
  margin-left: 0.07rem;
}
#footer .footer-down .wrap-box .wrap-right .item .link-con {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 100px;
  background-color: white;
  border-radius: 10px;
  box-shadow: 8px 0 50px rgba(0, 0, 0, 0.08);
  padding: 0.24rem 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#footer .footer-down .wrap-box .wrap-right .item .link-con a {
  display: block;
}
#footer .footer-down .wrap-box .wrap-right .item:hover {
  color: var(--color-active);
}
#footer .footer-down .wrap-box .wrap-right .item:hover .link-con {
  opacity: 1;
  visibility: visible;
}
@media (max-width:768px) {
  #footer .footer-down .wrap-box {
    display: block;
  }
  #footer .footer-down .wrap-box .wrap-left {
    padding: 0;
  }
  #footer .footer-down .wrap-box .wrap-right {
    margin-top: 0.06rem;
  }
}
#footer .footer-down .text-body p {
  color: #252525;
  text-align: left;
}
#footer .footer-down .text-body p span {
  font-weight: initial;
}
#footer .footer-down .text-body p a {
  color: #252525;
  font-weight: initial;
}
#footer .footer-down .text-body p a:hover {
  color: var(--color-active);
}
#hi-upgrade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
#hi-upgrade .hi-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -177px 0 0 -450px;
  width: 900px;
}
#hi-upgrade .hi-wrap .hi-title {
  font-size: 30px;
  line-height: 40px;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-close {
  margin: 10px 0;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  color: #000;
}
#hi-upgrade .hi-wrap .hi-close:hover {
  text-decoration: underline;
}
#hi-upgrade .hi-wrap .hi-text1 {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-text1 span {
  color: #000;
}
#hi-upgrade .hi-wrap .hi-text2 {
  position: relative;
  margin: 60px 0;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-text2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  border-top: 1px solid #ddd;
}
#hi-upgrade .hi-wrap .hi-text2 span {
  position: relative;
  z-index: 5;
  padding: 0 30px;
  background: #fff;
}
#hi-upgrade .hi-wrap .hi-list {
  overflow: hidden;
}
#hi-upgrade .hi-wrap .hi-list li {
  display: inline-block;
  width: 16%;
}
#hi-upgrade .hi-wrap .hi-list li div {
  margin: 0 auto 5px;
  width: 50px;
  height: 50px;
}
#hi-upgrade .hi-wrap .hi-list li a {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-list li a:hover {
  color: #000;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
  background: url(../images/hi-llq-1.png) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
  background: url(../images/hi-llq-2.png) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
  background: url(../images/hi-llq-3.png) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
  background: url(../images/hi-llq-4.png) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
  background: url(../images/hi-llq-5.png) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
  background: url(../images/hi-llq-6.png) no-repeat center / 100%;
}
.wrapper {
  overflow: hidden;
  margin-top: 0.8rem;
}
@media (max-width:1024px) {
  .wrapper {
    margin-top: 60px;
  }
}
.wrapper-page-d {
  margin-top: 0;
}
.container {
  width: 1440px;
  margin: 0 auto;
}
@media (max-width:1560px) {
  .container {
    width: auto !important;
    padding: 0 60px;
    margin: 0 auto;
  }
}
@media (max-width:1024px) {
  .container {
    padding: 0 30px;
  }
}
@media (max-width:990px) {
  .container {
    padding: 0 20px;
  }
}
.XWS-box {
  width: 100%;
  height: 0;
  position: relative;
  top: -0.8rem;
}
@media (max-width: 1580px) {
  .XWS-box {
    top: -50px;
  }
}
@media (max-width:990px) {
  .XWS-box {
    top: -60px;
  }
}
.btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.btn-container .more-primary {
  position: relative;
  min-width: 1.6rem;
  min-height: 34px;
  padding: 0.09rem 8px 0.09rem 0.2rem;
  overflow: hidden;
  border: none;
  border-radius: 99px;
  background-color: white;
  color: #000;
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.btn-container .more-primary.active,
.btn-container .more-primary:hover {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.btn-container .more-primary.active .more-primary-circle:before,
.btn-container .more-primary:hover .more-primary-circle:before {
  transform: scale(16);
  background-color: var(--color-active);
  opacity: 1;
}
.btn-container .more-primary.active .more-primary-circle:after,
.btn-container .more-primary:hover .more-primary-circle:after {
  width: 0.28rem;
  height: 0.28rem;
  min-width: 20px;
  min-height: 20px;
  background-color: #fff;
  opacity: 1;
}
.btn-container .more-primary .more-primary-str {
  z-index: 3;
  position: relative;
}
.btn-container .more-primary .more-primary-circle {
  position: relative;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.btn-container .more-primary .more-primary-circle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.28rem;
  height: 0.28rem;
  min-width: 20px;
  min-height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform-origin: center center;
  border-radius: 100%;
  background-color: #adc8b9;
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
}
.btn-container .more-primary .more-primary-circle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.06rem;
  height: 0.06rem;
  transform-origin: center center;
  border-radius: 100%;
  background-color: white;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.btn-container .more-primary .more-primary-circle img,
.btn-container .more-primary .more-primary-circle svg {
  z-index: 2;
  width: 0.05rem;
  min-width: 4px;
  height: auto;
  transition: all 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
}
.btn-container .more-primary .more-primary-circle img path,
.btn-container .more-primary .more-primary-circle svg path {
  fill: var(--color-active);
}
.btn-container .more-primary2 {
  width: 0.4rem;
  height: 0.4rem;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
.btn-container .more-primary2 .more-primary-circle {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.btn-container .more-primary2 img,
.btn-container .more-primary2 svg {
  max-width: 0.14rem;
  max-height: 0.14rem;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.btn-container .more-primary3 {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  position: relative;
}
.btn-container .more-primary3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.2;
  border-radius: 50%;
  -webkit-animation: icon_video02 2s infinite forwards linear 1s;
  animation: icon_video02 2s infinite forwards linear 1s;
}
.btn-container .more-primary3 .more-primary-circle {
  position: relative;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  border-radius: 50%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn-container .more-primary3 img,
.btn-container .more-primary3 svg {
  max-width: 0.12rem;
  max-height: 0.14rem;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.btn-container .more-primary4 {
  padding: 0.19rem 0.55rem;
  background-color: var(--color-active);
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn-container .more-primary4:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.btn-container .more-primary4 .more-primary-circle {
  margin-right: 0.12rem;
}
.btn-container .more-primary4 .more-primary-circle img,
.btn-container .more-primary4 .more-primary-circle svg {
  max-width: 0.2rem;
}
.btn-container .more-primary4 .more-primary-str {
  color: #fff;
}
.btn-container .more-primary5 {
  position: relative;
  overflow: hidden;
  color: #666666;
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.btn-container .more-primary5:hover .more-primary-circle:after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.btn-container .more-primary5:hover .more-primary-circle img,
.btn-container .more-primary5:hover .more-primary-circle svg {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.btn-container .more-primary5 .more-primary-str {
  z-index: 3;
  position: relative;
}
.btn-container .more-primary5 .more-primary-circle {
  position: relative;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 0.12rem;
}
.btn-container .more-primary5 .more-primary-circle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  transform-origin: center center;
  border-radius: 100%;
  background-color: var(--color-active);
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.btn-container .more-primary5 .more-primary-circle img,
.btn-container .more-primary5 .more-primary-circle svg {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  margin-top: -4px;
  margin-left: -2.5px;
  transition: all 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
}
.btn-container .more-primary5 .more-primary-circle img path,
.btn-container .more-primary5 .more-primary-circle svg path {
  fill: var(--color-active);
}
.btn-container .more-primary6 {
  position: relative;
  height: 50px;
  padding: 0 0.4rem;
  overflow: hidden;
  border-radius: 99px;
  background-color: var(--color-active);
  color: #fff;
  transition: all 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.btn-container .more-primary6:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.btn-container .more-primary6 .more-primary-str {
  z-index: 3;
  position: relative;
}
.btn-container .more-primary6 .more-primary-circle {
  position: relative;
  margin-left: 0.08rem;
}
.btn-container .more-primary6 .more-primary-circle img,
.btn-container .more-primary6 .more-primary-circle svg {
  width: 0.2rem;
  height: auto;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.btn-container .return-btn {
  padding: 0.115rem 0.33rem;
  background-color: #a1b7a8;
  border-radius: 0.25rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn-container .return-btn:hover {
  background-color: var(--color-active);
}
.index .con01 .video .btn_ani {
  width: 46px;
  height: 46px;
  display: block;
  margin-top: 20px;
  position: relative;
}
.index .con01 .video .btn_ani em {
  width: 46px;
  height: 46px;
  background: url(../images/index/ico4.png) no-repeat center;
  border-radius: 50%;
  display: block;
  position: relative;
  z-index: 2;
  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
}
.index .con01 .video .btn_ani:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  background: #e70415;
  opacity: 0.2;
  border-radius: 50%;
  -webkit-animation: icon_video02 2s infinite forwards linear 1s;
  animation: icon_video02 2s infinite forwards linear 1s;
}
.index .con01 .video .btn_ani:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: icon_video 1s infinite forwards linear 0.5s;
  animation: icon_video 1s infinite forwards linear 0.5s;
}
.page-img-box {
  position: relative;
}
.page-img-box .page-img {
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width:1024px) {
  .page-img-box .page-img {
    background-attachment: initial;
  }
}
.page-img-box .page-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-ban {
  position: relative;
}
.page-ban .img {
  overflow: hidden;
  position: relative;
}
.page-ban .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 200px;
}
.page-ban .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.page-ban .container .slogan .title {
  color: var(--color-white);
  line-height: 1;
  text-transform: capitalize;
}
@media (max-width:1200px) {
  .page-top-menu {
    display: none;
  }
}
.page-top-menu .top-menu {
  background-color: white;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  line-height: 66px;
  padding-left: 32px;
  color: var(--color-gray-63);
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.page-top-menu .top-menu i {
  width: 27px;
  height: 27px;
  background-color: var(--color-active);
  border-radius: 50%;
  color: white;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.page-top-menu .top-menu a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.page-top-menu .top-menu .menu-left,
.page-top-menu .top-menu .menu-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.page-top-menu .top-menu .menu-left a + a {
  padding-left: 15px;
  margin-left: 8px;
}
.page-top-menu .top-menu .menu-left a + a::before {
  content: '';
  width: 4px;
  height: 4px;
  background-color: var(--color-gray-63);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page-top-menu .top-menu .menu-location {
  position: relative;
}
.page-top-menu .top-menu .menu-location:hover .cur-location a {
  background-color: var(--color-active);
  color: white;
}
.page-top-menu .top-menu .menu-location:hover .location-menu-con {
  visibility: visible;
  opacity: 1;
  pointer-events: initial;
}
.page-top-menu .top-menu .menu-location .cur-location a {
  min-width: 196px;
  border-left: 1px solid #e0e0e0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.page-top-menu .top-menu .menu-location .cur-location a.active {
  color: white;
  background-color: var(--color-active);
  border-color: var(--color-active);
}
.page-top-menu .top-menu .menu-location .location-menu-con {
  position: absolute;
  left: 0;
  top: 100%;
  background: url(../images/location-menu-bg.jpg) no-repeat center;
  background-size: cover;
  width: 100%;
  text-align: center;
  padding: 38px 0 24px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.page-top-menu .top-menu .menu-location .location-menu-con::before {
  content: '';
  width: 100%;
  height: 17px;
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
}
.page-top-menu .top-menu .menu-location .location-menu-con::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 8px solid var(--color-active);
  position: absolute;
  left: 0;
  right: 0;
  top: 9px;
  margin: auto;
}
.page-top-menu .top-menu .menu-location .location-menu-con li {
  margin-bottom: 4px;
}
.page-top-menu .top-menu .menu-location .location-menu-con li:last-child {
  margin: 0;
}
.page-top-menu .top-menu .menu-location .location-menu-con li.active a {
  color: white;
  font-weight: bold;
}
.page-top-menu .top-menu .menu-location .location-menu-con li.active a em {
  position: relative;
}
.page-top-menu .top-menu .menu-location .location-menu-con li.active a em::before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: white;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-top-menu .top-menu .menu-location .location-menu-con li.active a em::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 6px solid white;
  position: absolute;
  right: -14px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.page-top-menu .top-menu .menu-location .location-menu-con li a {
  color: #a1d4ee;
  line-height: 2em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.page-top-menu .top-menu .menu-location .location-menu-con li a em {
  position: relative;
}
.page-title .title {
  color: #000000;
  line-height: 1.2;
  font-weight: bold;
}
.page-title .title span {
  display: block;
}
.page-title .title span span {
  display: inline-block;
}
.page-title .text-body {
  color: #000000;
}
.page-center {
  text-align: center;
}
.page-center * {
  text-align: center;
}
.tab-ul li {
  margin-bottom: 0.2rem;
}
.tab-ul li .top {
  cursor: pointer;
  padding: 0.2rem 0.3rem;
  background-color: #a1b7a8;
  border-radius: 99px;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tab-ul li .top .tab-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0 30px;
}
.tab-ul li .top .tab-box .title {
  color: #fff;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.tab-ul li .top .tab-box .title span:last-child {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.tab-ul li .top .tab-box .btn .icon img,
.tab-ul li .top .tab-box .btn .icon svg {
  max-width: 8px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tab-ul li .bom {
  display: none;
  padding: 0.22rem 0.3rem 0.35rem;
}
.tab-ul li .bom .text-body dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.tab-ul li .bom .text-body dl dt {
  color: var(--color-active);
}
.tab-ul li .bom .text-body dl dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #666666;
}
.tab-ul li.active {
  background-color: #fff;
  border-radius: 30px 30px 16px 16px;
}
.tab-ul li.active .top {
  background-color: var(--color-active);
}
.tab-ul li.active .top .tab-box .icon img,
.tab-ul li.active .top .tab-box .icon svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.forms {
  margin-top: 0.4rem;
}
.forms .info-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  grid-gap: clamp(15px, 1.5625vw, 30px) clamp(15px, 1.5625vw, 30px);
}
@media (max-width:768px) {
  .forms .info-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.forms .from-box {
  position: relative;
  padding: 0 0.26rem;
  background-color: var(--color-green-ef);
  border: 1px solid var(--color-green-ef);
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.forms .from-box .widget-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.forms .widget-textarea-box {
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.forms .widget-textarea-box .widget-textarea {
  width: 100%;
  margin-top: 0.1rem;
}
.forms .text-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 30px;
}
.forms .widget-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.forms .verification-img {
  width: 170px;
  height: 100%;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 0.12rem;
  cursor: pointer;
}
.forms .widget-label label {
  color: #999999;
}
.forms .widget-label label i,
.forms .widget-label label span {
  color: #ff0000;
}
.forms .file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.forms .layui-input-block {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.forms .layui-input-block .layui-form-radio:hover > *,
.forms .layui-input-block .layui-form-radioed,
.forms .layui-input-block .layui-form-radioed > i {
  color: var(--color-active);
}
.forms .layui-form-item {
  padding-left: 20px;
  font-size: var(--font14);
  color: #c0c0c0;
  margin: 0;
}
.forms .layui-form-item a {
  position: relative;
  z-index: 9;
  color: var(--color-active);
  text-decoration: revert;
}
.forms .layui-form-item .layui-form-checkbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
}
.forms .layui-form-item .layui-form-checkbox i {
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
  bottom: 0;
  margin: auto;
  font-weight: bold;
}
.forms .layui-form-item .layui-form-checked[lay-skin=primary] > i {
  color: var(--color-active);
}
.forms .layui-form-item .layui-form-checkbox[lay-skin=primary]:hover > i,
.forms .layui-form-item .layui-form-checked[lay-skin=primary] > i {
  border-color: var(--color-active) !important;
}
.forms .layui-form-item .layui-icon-ok:before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: var(--color-active);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
.forms .layui-form-item .layui-form-checkbox[lay-skin=primary]:hover > i::before,
.forms .layui-form-item .layui-form-checked .layui-icon-ok:before {
  opacity: 1;
}
.forms .from-radio {
  padding: 0.3rem 0 0.32rem;
}
.forms .from-radio .widget-label {
  margin-bottom: 0.15rem;
}
.forms .from-radio .widget-label label {
  color: #333333;
}
.forms .widget-radio-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.2rem;
}
@media (max-width:768px) {
  .forms .widget-radio-box {
    grid-template-columns: repeat(2, 1fr);
  }
}
.forms .widget-radio-box .layui-form-radio {
  line-height: 1;
  padding: 0;
  margin: 0;
  height: 0.66rem;
  background-color: var(--color-green-ef);
  border-radius: 0.05rem;
  position: relative;
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.forms .widget-radio-box .layui-form-radio::before {
  content: '';
  width: 0.16rem;
  height: 100%;
  background: url(../images/correct-icon.svg) no-repeat center;
  background-size: 0.16rem 0.12rem;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0.2rem;
  opacity: 0;
}
.forms .widget-radio-box .layui-form-radio.layui-form-radioed,
.forms .widget-radio-box .layui-form-radio:hover {
  background-color: #6a8f76;
  color: #fff;
}
.forms .widget-radio-box .layui-form-radio.layui-form-radioed::before,
.forms .widget-radio-box .layui-form-radio:hover::before {
  opacity: 1;
}
.forms .widget-radio-box .layui-form-radio.layui-form-radioed *,
.forms .widget-radio-box .layui-form-radio:hover * {
  color: #fff;
}
.forms .widget-radio-box .layui-form-radio .layui-icon {
  display: none;
}
.forms .widget-radio-box .layui-form-radio * {
  color: #333333;
}
.forms input {
  width: 100%;
  height: 0.66rem;
  min-height: 45px;
  color: #333333;
}
.forms textarea {
  width: 100%;
  height: 1.53rem;
  min-height: 60px;
  color: #333333;
}
.forms select {
  width: 100%;
  height: 0.66rem;
  min-height: 45px;
  background-color: var(--color-white);
  padding: 0 20px;
  color: #333333;
}
.forms .btn-container {
  margin-top: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.forms .forms-down {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.forms .forms-down .forms-telephone {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.forms .forms-down .forms-telephone span:first-child {
  margin-right: 0.14rem;
}
.forms .forms-down .forms-telephone span:last-child {
  font-weight: bold;
}
.forms .forms-down .btn-container {
  margin-top: 0;
}
.layui-form-select.layui-form-selected .layui-edge {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.layui-form-select .layui-input:hover,
.layui-form-select .layui-input:focus,
.layui-form-select .layui-textarea:focus {
  border-color: #adadad !important;
  box-shadow: none;
}
.layui-form-select .layui-edge {
  font-family: iconfont;
  font-size: 12px;
  width: 8px;
  height: 100%;
  background: url(../images/select-icon.png) no-repeat center;
  background-size: 8px 5px;
  border: none;
  right: 0;
  top: 0;
  margin-top: 0;
  margin-right: 0.2rem;
  font-weight: bold;
  font-style: inherit;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.layui-form-select dl {
  top: 100% !important;
  padding: 10px 0;
  margin-top: 8px;
  border: 1px solid #adadad;
  border-radius: 10px;
  box-shadow: none;
}
.layui-form-select dl dd:first-child {
  display: none;
}
.layui-form-select dl dt,
.layui-form-select dl dd {
  font-size: var(--font16);
  padding: 0 0.24rem;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.layui-form-select dl .layui-this {
  color: var(--color-active) !important;
  background-color: transparent !important;
}
.layui-form-select dl dd:hover {
  background: var(--color-gray-eee);
}
.searchform {
  position: relative;
}
.searchform .input {
  font-size: 14px;
  color: var(--color-black);
  font-style: normal;
  width: 100%;
  height: 46px;
  padding-left: 20px;
  padding-right: 45px;
  border: 1px solid var(--color-gray-ddd);
  border-radius: 99px;
  background-color: transparent;
}
.searchform .iconfont {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 0.2rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: var(--color-black);
}
@keyframes TopBtn {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes TopBtn {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: -50%;
    opacity: 0;
  }
  65% {
    top: 50%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.TopBtn {
  -webkit-animation-name: TopBtn;
  animation-name: TopBtn;
}
.kefu-box {
  position: fixed;
  top: 50%;
  right: 0;
  margin-right: 0.16rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 19;
}
.kefu-box .item {
  width: 0.52rem;
  height: 0.52rem;
  min-width: 40px;
  min-height: 40px;
  background-color: var(--color-active);
  margin-top: 0.06rem;
  border-radius: 0.05rem;
  position: relative;
  cursor: pointer;
}
.kefu-box .item .item-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kefu-box .item .item-box .img {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.kefu-box .item .item-box .img img {
  max-width: 0.22rem;
  max-height: 0.22rem;
}
.kefu-box .item .info {
  width: auto;
  height: 100%;
  background-color: var(--color-active);
  border-radius: 0.05rem;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 100%;
  margin-right: 0.06rem;
  top: 0;
  z-index: 1;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.kefu-box .item .info a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 0.18rem 0 0.13rem;
  color: #fff;
  font-weight: bold;
}
.kefu-box .item .info img {
  max-width: 0.22rem;
  max-height: 0.22rem;
  margin-right: 0.12rem;
}
.kefu-box .item .info2 {
  height: auto;
}
.kefu-box .item .info2 a {
  padding: 10px;
}
.kefu-box .item .info2 img {
  max-width: 1rem;
  max-height: 1rem;
  margin-right: 0rem;
}
.kefu-box .item#backToTopBtn .item-box img {
  position: relative;
  animation: TopBtn 1.5s ease-out infinite;
  -webkit-animation: TopBtn 1.5s ease-out infinite;
}
.kefu-box .item#backToTopBtn:hover .item-box .img {
  opacity: 1;
}
.kefu-box .item:hover .info {
  opacity: 1;
  visibility: visible;
}
@media (max-width:1024px) {
  .kefu-box {
    display: none;
  }
}
.c-close {
  max-width: 0.24rem;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0.3rem;
  margin-right: 0.3rem;
  cursor: pointer;
  z-index: 2;
}
.c-close img,
.c-close svg {
  width: 100%;
  height: auto;
}
.c-close.c-close-white {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
#c-code-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#c-code-pop .c-img-box {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 55px 20px 20px;
  width: 200px;
  border-radius: 5px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#c-code-pop .c-img-box > img {
  width: 100%;
}
#c-code-pop .c-img-box .c-text {
  padding-top: 10px;
  line-height: 1;
  text-align: center;
  color: #333;
}
#c-content-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#c-content-pop .c-content-box {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 473px;
  padding: 0.4rem;
  border-radius: 5px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (max-width:768px) {
  #c-content-pop .c-content-box {
    width: 90%;
  }
  #hi-resume-pop .c-wrap { width: 90% !important; }
}
#c-content-pop .c-content-box .c-auto {
  height: 40vh;
  overflow: auto;
}
#hi-resume-pop .c-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52.5%;
  /*max-width: 1000px;*/
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 0.16rem;
}
#hi-resume-pop .page-title .title,
#hi-resume-pop .page-title .subtitle {
  color: var(--color-active);
}
#hi-resume-pop .up {
  background: url(../images/hi-resume-pop-bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  padding: 0.48rem 0.5rem 0.4rem;
  border-radius: 0.16rem 0.16rem 0 0;
}
@media (max-width:768px) {
  #hi-resume-pop .up {
    padding: 0.4rem;
  }
}
#hi-resume-pop .up .img {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 0.94rem;
}
#hi-resume-pop .up .img img {
  max-width: 2.95rem;
}
@media (max-width:1024px) {
  #hi-resume-pop .up .img {
    display: none;
  }
}
#hi-resume-pop .down {
  padding: 0 0.5rem 0.74rem;
}
@media (max-width:768px) {
  #hi-resume-pop .down {
    padding: 0 0.4rem 0.4rem;
  }
}
#hi-resume-pop .forms .info-list {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width:768px) {
  #hi-resume-pop .forms .info-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
#hi-resume-pop .forms .layui-unselect input {
  background-color: transparent;
  border: none;
  text-align: center;
}
@media (max-width:768px) {
  #hi-resume-pop .forms input {
    min-height: 30px;
  }
}
.pagerBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 0.6rem;
}
.pagerBox .layui-laypage {
  margin: 0;
}
.pagerBox .layui-laypage a,
.pagerBox .layui-laypage span {
  height: auto;
  font-size: var(--font18);
  color: #484848;
  padding: 0 10px;
  background-color: transparent;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pagerBox .layui-laypage a:hover,
.pagerBox .layui-laypage span:hover {
  color: var(--color-active-a68);
}
.pagerBox .swiper_but {
  z-index: 2;
  cursor: pointer;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 48px;
  height: 48px;
  border: 1px solid #e5e5e5;
}
.pagerBox .swiper_but i {
  color: #797979;
  font-size: var(--font24);
}
.pagerBox .swiper_but:hover {
  background-color: var(--color-active);
  border-color: var(--color-active);
}
.pagerBox .swiper_but:hover i {
  color: white;
}
.pagerBox .layui-laypage a,
.pagerBox .layui-laypage button,
.pagerBox .layui-laypage input,
.pagerBox .layui-laypage select,
.pagerBox .layui-laypage span {
  border: 0;
}
.pagerBox .layui-laypage .layui-laypage-curr em {
  color: var(--color-active);
  background: none;
}
@media (max-width:768px) {
  .pagerBox .swiper_but {
    min-width: 40px;
    height: 40px;
  }
}
.index-banner {
  position: relative;
}
.index-banner .down {
  color: var(--color-white);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9;
}
.index-banner .down .swiper-main {
  padding: 0.4rem 0;
  background-color: rgba(255, 255, 255, 0.24);
  backdrop-filter: blur(10px);
  border-radius: 0.16rem 0.16rem 0 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.index-banner .down .swiper-main::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.24;
  z-index: 1;
}
.index-banner .down .index-down-swiper .swiper-slide:last-child .item-box .text-box .text-body::before {
  display: none;
}
.index-banner .down .item-box .text-box .title {
  line-height: 1.12;
}
.index-banner .down .item-box .text-box .title span:first-child {
  margin-right: 0.1rem;
}
.index-banner .down .item-box .text-box .title svg,
.index-banner .down .item-box .text-box .title img {
  width: 0.18rem;
  height: auto;
}
.index-banner .down .item-box .text-box .text-body {
  position: relative;
  margin-top: 0.18rem;
}
.index-banner .down .item-box .text-box .text-body::before {
  content: '';
  width: 1px;
  height: 40px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.4;
}
@media (max-width:768px) {
  .index-banner .down .item-box .text-box .text-body::before {
    display: none;
  }
}
.index-banner .down .item-box .text-box .text-body * {
  text-align: center;
}
.index-banner .down2 .swiper-main {
  padding-bottom: 0.56rem;
  background: none;
  backdrop-filter: initial;
}
.index-banner .down2 .swiper-main::before {
  display: none;
}
.index-banner .down2 .swiper-main .swiper-slide:first-child .item-box::before {
  display: none;
}
.index-banner .down2 .swiper-main .item-box {
  position: relative;
}
.index-banner .down2 .swiper-main .item-box::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.2;
}
.index-banner .down2 .swiper-main .item-box .text-box .text-body {
  margin-top: 0.12rem;
}
.index-banner .down2 .swiper-main .item-box .text-box .text-body::before {
  display: none;
}
.index-swiper {
  position: relative;
  overflow: hidden;
  color: var(--color);
}
.index-swiper .swiper-slide {
  height: auto;
}
.index-swiper .swiper-slide .bg {
  height: 100%;
  background: no-repeat center;
  background-size: cover;
}
.index-swiper .swiper-slide .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:1024px) {
  .index-swiper .swiper-slide .bg img {
    min-height: 540px;
  }
}
.index-swiper .swiper-slide .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index-swiper .swiper-slide .container .ani {
  margin-top: -1.6rem;
}
.index-swiper .swiper-slide .container .ani .title {
  font-weight: bold;
}
.index-swiper .swiper-slide .container .ani .title span {
  display: block;
  line-height: 1.2em;
}
.index-swiper .swiper-slide .container .ani .list {
  margin-top: 0.58rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.index-swiper .swiper-slide .container .ani .list .item {
  position: relative;
  padding: 0 0.4rem;
}
.index-swiper .swiper-slide .container .ani .list .item:first-child {
  padding-left: 0;
}
.index-swiper .swiper-slide .container .ani .list .item:last-child::before {
  display: none;
}
.index-swiper .swiper-slide .container .ani .list .item::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: var(--color);
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.4;
}
.index-swiper .swiper-slide .container .ani .list .item .num {
  line-height: 1;
}
.index-swiper .swiper-slide .container .ani .list .item .num span:first-child {
  margin-right: 0.1rem;
}
.index-swiper .swiper-slide .container .ani .list-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: 0.5rem;
  grid-gap: 0.2rem;
}
@media (max-width:768px) {
  .index-swiper .swiper-slide .container .ani .list-block {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.index-swiper .swiper-slide .container .ani .list-block .list {
  margin: 0;
}
.index-swiper .swiper-slide .container .ani .list-block .telephone {
  margin-left: 0.56rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:768px) {
  .index-swiper .swiper-slide .container .ani .list-block .telephone {
    margin: 0;
  }
}
.index-swiper .swiper-slide .container .ani .list-block .telephone img {
  max-width: 0.54rem;
  margin-right: 0.22rem;
}
.index-swiper .swiper-slide .container .ani .btn-container {
  margin-top: 0.8rem;
}
.index-swiper .videoBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.index-swiper .videoBox:before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--color-black);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-filter: alpha(opacity=40);
}
.index-swiper .videoBox video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
}
.index-service {
  padding: 1.2rem 0 1rem;
}
.index-service .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 16px;
  margin-top: 0.77rem;
  color: var(--color-white);
}
@media (max-width:768px) {
  .index-service .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.index-service .list .item:hover .item-box .public-img::after {
  opacity: 0.2;
}
.index-service .list .item:hover .item-box .text-box .text-right .more-primary2 {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  opacity: 0;
}
.index-service .list .item:hover .item-box .text-box .text-right .more-primary {
  opacity: 1;
  -webkit-animation: fadeInRight 0.8s both;
  animation: fadeInRight 0.8s both;
}
.index-service .list .item .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 0.16rem;
}
.index-service .list .item .item-box .public-img::before {
  padding-top: 50.562%;
}
.index-service .list .item .item-box .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #18281d;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  z-index: 1;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-service .list .item .item-box .text-box {
  width: 100%;
  padding: 0 0.3rem 0.4rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  grid-gap: 0 140px;
}
@media (max-width:1440px) {
  .index-service .list .item .item-box .text-box {
    grid-gap: 0 1.6rem;
  }
}
.index-service .list .item .item-box .text-box .text-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.index-service .list .item .item-box .text-box .text-right {
  position: relative;
}
.index-service .list .item .item-box .text-box .text-right .btn-container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.index-service .list .item .item-box .text-box .text-right .btn-container .more {
  white-space: nowrap;
}
.index-service .list .item .item-box .text-box .text-right .more-primary2 {
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-service .list .item .item-box .text-box .text-right .more-primary {
  position: absolute;
  right: 0;
  top: -6px;
  opacity: 0;
}
.index-service .list .item .item-box .text-box .title {
  font-weight: bold;
}
.index-service .list .item .item-box .text-box .text-body {
  margin-top: 0.06rem;
}
@media (max-width:1024px) {
  .index-service .list .item .item-box .text-box {
    display: block;
  }
  .index-service .list .item .item-box .text-box .text-right {
    display: none;
  }
  .index-service .list .item .item-box .text-box .text-right .btn-container:first-child {
    display: none;
  }
  .index-service .list .item .item-box .text-box .text-right .btn-container:last-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .index-service .list .item .item-box .text-box .text-right .btn-container:last-child .more-primary {
    position: relative;
    opacity: 1;
    -webkit-animation: none;
    animation: none;
  }
}
.index-service .list2 {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 16px;
}
@media (max-width:1024px) {
  .index-service .list2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .index-service .list2 .item .item-box .text-box .text-body {
    display: block !important;
    -webkit-animation: none;
    animation: none;
  }
}
@media (max-width:768px) {
  .index-service .list2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.index-service .list2 .item:hover .item-box .text-box .title {
  -webkit-animation: scrollToTop 0.8s both;
  animation: scrollToTop 0.8s both;
}
.index-service .list2 .item:hover .item-box .text-box .text-body {
  display: block;
  -webkit-animation: scrollToTop 0.8s both;
  animation: scrollToTop 0.8s both;
}
.index-service .list2 .item .item-box .text-box .text-body {
  display: none;
}
@-webkit-keyframes myfirst {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, -10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes myfirst {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, -10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.myfirst {
  -webkit-animation-name: myfirst;
  animation-name: myfirst;
}
.index-scheme {
  background-color: #d6e3da;
  padding: 0.4rem 0 0.5rem;
  overflow: hidden;
}
.index-scheme .page-img {
  opacity: 0.2;
}
.index-scheme .page-img img {
  height: auto;
}
.index-scheme .wrap-box {
  position: relative;
  padding: 0.64rem 0 0.55rem;
}
@media (max-width: 1580px) {
  .index-scheme .wrap-box {
    padding: 0.64rem 0 2.4rem;
  }
}
@media (max-width: 1260px) {
  .index-scheme .wrap-box {
    padding: 0.64rem 0 1rem;
  }
}
.index-scheme .wrap-box .wrap-left {
  width: 39.3%;
  max-width: 566px;
}
.index-scheme .wrap-box .wrap-right {
  width: 72.3%;
  max-width: 1032px;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: -0.84rem;
}
@media (max-width: 1580px) {
  .index-scheme .wrap-box .wrap-right {
    width: 65.3%;
    top: -1rem;
  }
}
@media (max-width: 1580px) and (max-width:1024px) {
  .index-scheme .wrap-box .wrap-right {
    top: 0;
  }
}
@media (max-width:768px) {
  .index-scheme .wrap-box .wrap-left {
    width: 100%;
  }
  .index-scheme .wrap-box .wrap-right {
    width: 100%;
    position: relative;
    margin-right: 0;
  }
}
.index-scheme .swiper-tab {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.index-scheme .swiper-tab .item {
  max-width: 0.43rem;
  opacity: 0.4;
  -webkit-filter: brightness(0);
  filter: brightness(0);
  position: absolute;
  cursor: pointer;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-scheme .swiper-tab .item.active {
  opacity: 1;
  -webkit-filter: initial;
  filter: initial;
}
.index-scheme .swiper-tab .item.active img {
  animation: myfirst 2s infinite;
  -webkit-animation: myfirst 2s infinite;
}
.index-scheme .index-scheme-swiper {
  background-color: #fff;
  border-radius: 0.16rem;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(41, 81, 54, 0.2);
  margin-top: 1rem;
  z-index: 2;
}
@media (max-width:768px) {
  .index-scheme .index-scheme-swiper {
    margin-top: 0;
  }
}
.index-scheme .index-scheme-swiper .swiper-slide-active .item-box {
  opacity: 1;
  -webkit-animation: scrollToTop 0.8s both;
  animation: scrollToTop 0.8s both;
}
.index-scheme .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0.6rem 0.4rem 0.4rem;
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-scheme .item-box .text-box .title {
  color: #000;
  font-weight: bold;
}
.index-scheme .item-box .text-box .text-body {
  color: #282828;
}
.index-scheme .item-box .public-img {
  overflow: hidden;
  border-radius: 0.14rem;
  margin-top: 0.3rem;
}
.index-scheme .item-box .public-img::before {
  padding-top: 31.803%;
}
.index-scheme .btn-container {
  margin-top: 0.55rem;
}
.tab-title-box .tab-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 0.2rem;
}
.tab-title-box .tab-title .title {
  color: #000;
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.tab-title-box .tab-title .title.active {
  color: var(--color-active);
}
.index-case {
  padding: 1.1rem 0 0.98rem;
  background-color: var(--color-active);
  position: relative;
}
.index-case .index-case-bg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: right;
}
.index-case .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  grid-gap: 60px;
}
@media (max-width:1024px) {
  .index-case .up {
    display: block;
  }
}
.index-case .page-title .title {
  color: white;
}
.index-case .tab-title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
@media (max-width:1024px) {
  .index-case .tab-title-box {
    width: 100%;
    max-width: 100%;
    margin-top: 0.4rem;
  }
}
@media (max-width:768px) {
  .index-case .tab-title-box {
    display: block;
  }
}
@media (max-width:768px) {
  .index-case .tab-title-box .tab-title {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.2rem;
  }
}
.index-case .tab-title-box .tab-title .title {
  color: #fff;
  color: rgba(255, 255, 255, 0.2);
}
.index-case .tab-title-box .tab-title .title.active {
  color: #fff;
}
.index-case .swiper-main {
  margin-top: 0.6rem;
}
.index-case .swiper-main .index-case-swiper {
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.index-case .swiper-main .index-case-swiper div.swiper-slide.swiper-slide-active .swiper-box,
.index-case .swiper-main .index-case-swiper div.swiper-slide.swiper-slide-active .swiper-scrollbar {
  opacity: 1;
}
.index-case .swiper-main .index-case-swiper .swiper-box {
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-case .swiper-main .index-case-swiper .swiper-scrollbar {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
  margin-top: 0.4rem;
}
.index-case .swiper-main .index-case-swiper .swiper-scrollbar .swiper-pagination-progressbar-fill,
.index-case .swiper-main .index-case-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #fff;
}
.index-case .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 0.16rem;
}
.index-case .item-box:hover .text-box .title {
  color: var(--color-active);
}
.index-case .item-box .text-box {
  padding: 0.16rem 0.2rem 0.3rem;
  background-color: #fff;
}
.index-case .item-box .text-box .size {
  color: var(--color-green-5e);
  font-size: 12px;
  line-height: 20px;
  background-color: var(--color-green-ef);
  border-radius: 0.1rem;
  padding: 0 10px;
  margin-bottom: 0.24rem;
  display: inline-block;
}
.index-case .item-box .text-box .title {
  color: #333333;
  line-height: 1.25em;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-case .item-box .text-box .title span {
  display: block;
}
.index-case .item-box .text-box .type-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  grid-gap: 0.1rem;
  margin-top: 0.16rem;
}
.index-case .item-box .text-box .type-box .type {
  font-size: 12px;
  color: #666666;
}
.index-case .item-box .text-box .btn-container {
  margin-top: 0.3rem;
}
.index-case .item-box .text-box .btn-container .more-primary {
  min-width: initial;
  padding: 0.05rem 8px 0.05rem 0.2rem;
  font-size: var(--font14);
  border: 1px solid #e1e9e4;
  color: var(--color-active);
}
.index-case .item-box .text-box .btn-container .more-primary:hover {
  color: #fff;
}
.index-case .item-box .text-box .btn-container .more-primary:hover .more-primary-circle::after {
  background-color: #adc8b9;
}
.index-case .item-box .text-box .btn-container .more-primary .more-primary-circle {
  margin-left: 0.16rem;
}
.index-case .item-box .public-img::before {
  padding-top: 70.305%;
}
.service-case-page {
  padding: 1.2rem 0;
}
.service-case-page .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  grid-gap: 60px;
}
.service-case-page .up .page-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
@media (max-width:1024px) {
  .service-case-page .up {
    display: block;
  }
  .service-case-page .up .page-title {
    margin-bottom: 0.4rem;
  }
}
.service-case-page .tab-title-box {
  width: 52.7%;
  max-width: 760px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.service-case-page .tab-title-box .tab-title .title {
  color: #fff;
  color: rgba(255, 255, 255, 0.2);
}
.service-case-page .tab-title-box .tab-title .title.active {
  color: #fff;
}
.service-case-page .swiper-main {
  margin-top: 0.6rem;
}
.service-case-page .swiper-main .case-swiper {
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.service-case-page .swiper-main .case-swiper div.swiper-slide.swiper-slide-active .swiper-box,
.service-case-page .swiper-main .case-swiper div.swiper-slide.swiper-slide-active .swiper-scrollbar,
.service-case-page .swiper-main .case-swiper div.swiper-slide.swiper-slide-active .swiper-pagination {
  opacity: 1;
}
.service-case-page .swiper-main .case-swiper .swiper-box {
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service-case-page .swiper-main .case-swiper .swiper-pagination,
.service-case-page .swiper-main .case-swiper .swiper-scrollbar {
  width: 100%;
  height: 2px;
  background-color: #eff4f0;
  opacity: 1;
  margin-top: 0.78rem;
}
.service-case-page .swiper-main .case-swiper .swiper-pagination .swiper-pagination-progressbar-fill,
.service-case-page .swiper-main .case-swiper .swiper-scrollbar .swiper-pagination-progressbar-fill,
.service-case-page .swiper-main .case-swiper .swiper-pagination .swiper-scrollbar-drag,
.service-case-page .swiper-main .case-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-active);
}
.service-case-page .item-box {
  display: block;
  height: 100%;
  position: relative;
  border-radius: 0.16rem;
}
.service-case-page .item-box:hover .text-box {
  border-color: var(--color-active);
}
.service-case-page .item-box:hover .text-box .title {
  color: var(--color-active);
}
.service-case-page .item-box .text-box {
  padding: 0.16rem 0.2rem 0.3rem;
  background-color: #fff;
  border: 1px solid #e1e9e4;
  border-radius: 0.16rem 0.16rem 0 0;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service-case-page .item-box .text-box .size {
  color: var(--color-green-5e);
  font-size: 12px;
  line-height: 20px;
  background-color: var(--color-green-ef);
  border-radius: 0.1rem;
  padding: 0 10px;
  margin-bottom: 0.24rem;
  display: inline-block;
}
.service-case-page .item-box .text-box .title {
  color: #333333;
  line-height: 1.25em;
  font-weight: bold;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service-case-page .item-box .text-box .title span {
  display: block;
}
.service-case-page .item-box .text-box .type-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 20px;
  grid-gap: clamp(10px, 1.04166667vw, 20px) clamp(10px, 1.04166667vw, 20px);
  margin-top: 0.16rem;
}
.service-case-page .item-box .text-box .type-box .type {
  font-size: 12px;
  color: #666666;
}
.service-case-page .item-box .text-box .btn-container {
  margin-top: 0.3rem;
}
.service-case-page .item-box .text-box .btn-container .more-primary {
  min-width: initial;
  padding: 0.05rem 8px 0.05rem 0.2rem;
  font-size: var(--font14);
  border: 1px solid #e1e9e4;
  color: var(--color-active);
}
.service-case-page .item-box .text-box .btn-container .more-primary:hover {
  color: #fff;
}
.service-case-page .item-box .text-box .btn-container .more-primary:hover .more-primary-circle::after {
  background-color: #adc8b9;
}
.service-case-page .item-box .text-box .btn-container .more-primary .more-primary-circle {
  margin-left: 0.16rem;
}
.service-case-page .item-box .public-img {
  border-radius: 0 0 0.16rem 0.16rem;
}
.service-case-page .item-box .public-img::before {
  padding-top: 70.305%;
}
.index-quality {
  padding-top: 1.2rem;
}
.index-quality .page-title {
  margin-bottom: 0.4rem;
}
.index-quality .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 16px;
}
.index-quality .wrap-box .wrap-left {
  width: 39.3%;
  max-width: 566px;
}
.index-quality .wrap-box .wrap-right {
  width: 59.58%;
  max-width: 858px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 16px;
}
@media (max-width:1024px) {
  .index-quality .wrap-box {
    display: block;
  }
  .index-quality .wrap-box .wrap-left {
    width: 100%;
  }
  .index-quality .wrap-box .wrap-right {
    width: 100%;
    margin-top: 16px;
  }
}
.index-quality .wrap-left {
  position: relative;
  border-radius: 0.16rem;
  overflow: hidden;
}
.index-quality .wrap-left .img {
  width: 100%;
  height: 100%;
}
.index-quality .wrap-left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-quality .wrap-left .text-box {
  width: 100%;
  padding: 0 0.38rem;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.index-quality .wrap-left .text-box .text-body {
  margin-top: 0.3rem;
}
.index-quality .wrap-left .text-box .text-body span {
  display: block;
}
.index-quality .wrap-left .text-box .text-body span span {
  display: inline-block;
  font-weight: bold;
}
.index-quality .wrap-left .text-block1 {
  margin-top: 0.6rem;
}
.index-quality .wrap-left .text-block2 {
  top: auto;
  bottom: 0;
  margin-bottom: 0.4rem;
}
.index-quality .wrap-left .text-block2 .title {
  color: #fff;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.index-quality .wrap-left .text-block2 .title .font120 {
  color: var(--color-green-ce);
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.index-quality .wrap-left .text-block2 .title .font120 .icon {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.index-quality .wrap-left .text-block2 .title .font120 .icon img,
.index-quality .wrap-left .text-block2 .title .font120 .icon svg {
  height: 0.2rem;
}
.index-quality .wrap-left .text-block2 .title .font120 .icon img path,
.index-quality .wrap-left .text-block2 .title .font120 .icon svg path {
  fill: var(--color-green-ce);
}
.index-quality .up {
  width: 100%;
  height: 100%;
  border-radius: 0.16rem;
  overflow: hidden;
}
.index-quality .up .public-img {
  min-height: 240px;
}
.index-quality .up .public-img::before {
  padding-top: 34.036%;
}
.index-quality .up .text-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.index-quality .up .text-block1 {
  padding: 0.5rem 0.4rem 0 2.38rem;
}
.index-quality .up .text-block1 .page-title .title {
  position: relative;
  padding-bottom: 0.18rem;
}
.index-quality .up .text-block1 .page-title .title::before,
.index-quality .up .text-block1 .page-title .title::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d6e3da;
  position: absolute;
  left: 0;
  bottom: 0;
}
.index-quality .up .text-block1 .page-title .title::after {
  width: 60px;
  background-color: var(--color-active);
}
.index-quality .up .text-block1 .text-body {
  margin-top: 0.4rem;
}
.index-quality .up .text-block1 .text-body span {
  font-weight: bold;
}
.index-quality .up .text-block2 {
  width: 2rem;
  height: 2rem;
  background-color: var(--color-active);
  border-radius: 50%;
  padding-left: 0.62rem;
  margin-top: -0.3rem;
  margin-left: -0.22rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 1580px) {
  .index-quality .up .text-block2 {
    padding-left: 0.3rem;
  }
}
.index-quality .up .text-block2 .page-center * {
  text-align: left;
}
.index-quality .up .text-block2 .title {
  color: var(--color-green-ce);
  line-height: 1;
}
.index-quality .up .text-block2 .title span:first-child {
  font-weight: bold;
  margin-right: 0.06rem;
}
.index-quality .up .text-block2 .text-body {
  color: var(--color-green-ce);
  font-weight: bold;
}
.index-quality .down {
  height: 100%;
}
.index-quality .list {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}
@media (max-width:768px) {
  .index-quality .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.index-quality .list .item:hover .item-box .icon::after {
  animation: h-line-w 3s 0.3s linear both infinite;
  -webkit-animation: h-line-w 3s 0.3s linear both infinite;
}
.index-quality .list .item .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  background-color: var(--color-green-ef);
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 20px;
}
.index-quality .list .item .item-box .icon {
  position: relative;
  padding-bottom: 0.4rem;
  width: 100%;
}
.index-quality .list .item .item-box .icon img {
  height: 0.48rem;
}
.index-quality .list .item .item-box .icon::before,
.index-quality .list .item .item-box .icon::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d6e3da;
  position: absolute;
  left: 0;
  bottom: 0;
}
.index-quality .list .item .item-box .icon::after {
  width: 60px;
  background-color: var(--color-active);
}
.index-quality .list .item .item-box .text-box .title {
  color: #000000;
  font-weight: bold;
}
@media (max-width:1366px) {
  .index-quality .list .item .item-box .text-box .title {
    font-size: var(--font18);
    white-space: nowrap;
  }
}
.index-quality .list .item .item-box .text-box .text-body {
  color: #282828;
  margin-top: 0.12rem;
  line-height: 1.5;
  min-height: calc(2em * 1.5);
}
.index-quality .list .item .item-box .text-box .text-body * {
  text-align: left;
}
.index-news .up {
  padding: 1.2rem 0 0.37rem;
}
.index-news .up .item-box {
  color: var(--color-white);
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  height: 3.8rem;
  min-height: 280px;
}
.index-news .up .item-box .public-img {
  border-radius: 0.14rem;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.index-news .up .item-box .public-img::before {
  padding-top: 26.389%;
  display: none;
}
.index-news .up .item-box .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(0deg, var(--color-active) 0%, transparent 100%);
  background: linear-gradient(90deg, var(--color-active) 0%, transparent 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.index-news .up .item-box .ani {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.index-news .up .item-box .text-box {
  width: 100%;
  height: 100%;
  padding: 0.4rem 0.4rem 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.index-news .up .item-box .text-box .type {
  font-size: 12px;
  line-height: 20px;
  background-color: rgba(239, 244, 240, 0.4);
  border-radius: 0.1rem;
  padding: 0 10px;
  display: inline-block;
}
.index-news .up .item-box .text-box .title {
  max-width: 420px;
  line-height: 1.3333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index-news .up .item-box .text-box .text-body {
  max-width: 485px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.index-news .up .item-box .text-box .date {
  opacity: 0.4;
  line-height: 1;
}
.index-news .down {
  padding: 0.6rem 0 0.7rem;
  background-color: var(--color-green-ef);
}
@media (max-width:768px) {
  .index-news .down .tab-title {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.2rem;
    text-align: center;
  }
}
.index-news .down .item-box {
  color: var(--color-black);
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.index-news .down .item-box:hover .text-box .title {
  color: var(--color-active);
}
@media (max-width:480px) {
  .index-news .down .item-box {
    padding: 0.5rem 0.4rem 0.48rem;
    background-color: #fff;
    border-radius: 0.16rem;
  }
}
.index-news .down .item-box .text-box .title {
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  margin-bottom: 0.18rem;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-news .down .item-box .text-box .date {
  color: #a6aea8;
  line-height: 1;
  margin-top: 0.42rem;
}
.index-news .index-news-recommendations-swiper {
  margin-top: 0.8rem;
  padding-bottom: 0.43rem;
}
.index-news .index-news-recommendations-swiper .swiper-pagination {
  opacity: 1;
}
.index-news .swiper-main {
  padding: 0.5rem 0.4rem 0.48rem;
  margin-top: 0.28rem;
  background-color: #fff;
  border-radius: 0.16rem;
}
@media (max-width:480px) {
  .index-news .swiper-main {
    background-color: transparent;
    padding: 0;
  }
  .index-news .swiper-main .index-news-swiper {
    padding-bottom: 40px;
  }
  .index-news .swiper-main .index-news-swiper .swiper-pagination {
    opacity: 1;
  }
}
.index-news .swiper-main .index-news-swiper {
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.index-news .swiper-main .index-news-swiper div.swiper-slide.swiper-slide-active .swiper-box,
.index-news .swiper-main .index-news-swiper div.swiper-slide.swiper-slide-active .swiper-scrollbar,
.index-news .swiper-main .index-news-swiper div.swiper-slide.swiper-slide-active .swiper-pagination {
  opacity: 1;
}
.index-news .swiper-main .index-news-swiper .swiper-box {
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.index-news .swiper-main .index-news-swiper .swiper-pagination,
.index-news .swiper-main .index-news-swiper .swiper-scrollbar {
  width: 100%;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 0;
  margin-top: 0.4rem;
}
.index-news .swiper-main .index-news-swiper .swiper-pagination .swiper-pagination-progressbar-fill,
.index-news .swiper-main .index-news-swiper .swiper-scrollbar .swiper-pagination-progressbar-fill,
.index-news .swiper-main .index-news-swiper .swiper-pagination .swiper-scrollbar-drag,
.index-news .swiper-main .index-news-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #fff;
}
.index-joining-in {
  padding: 0.6rem 0 0.64rem;
  background-color: var(--color-active);
}
.index-joining-in .page-title {
  color: var(--color-white);
}
.index-joining-in .page-title .title {
  color: var(--color-white);
  margin-bottom: 0.1rem;
}
.index-joining-in .btn-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 0.38rem;
}
.index-joining-in .btn-container .more-primary {
  border: 1px solid #fff;
}
.index-joining-in .btn-container .more-primary .more-primary-circle {
  margin-left: 0.48rem;
}
.products-page {
  padding: 1.2rem 0;
}
.products-page .wrap-box {
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.products-page .wrap-box .wrap-left {
  width: 18%;
  max-width: 260px;
}
.products-page .wrap-box .wrap-right {
  width: 76.3%;
  max-width: 1100px;
}
@media (max-width:1024px) {
  .products-page .wrap-box {
    display: block;
  }
  .products-page .wrap-box .wrap-left {
    width: 100%;
    max-width: 100%;
  }
  .products-page .wrap-box .wrap-right {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.products-page .left-container {
  background-color: #fff;
  position: sticky;
  top: 90px;
  left: 0;
}
.products-page .left-container .list {
  background-color: #fafafa;
  border-radius: 0.05rem;
  overflow: hidden;
}
.products-page .left-container .item {
  width: 100%;
}
.products-page .left-container .item.active .title-box {
  background-color: var(--color-active);
}
.products-page .left-container .item.active .title-box .title {
  color: #fff;
}
.products-page .left-container .item.active .title-box .more img,
.products-page .left-container .item.active .title-box .more svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.products-page .left-container .item .title-box {
  width: 100%;
  padding: 0.2rem 0.3rem;
  background-color: #f3f3f3;
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.products-page .left-container .item .title-box .title {
  color: #333333;
  line-height: 1;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.products-page .left-container .item .title-box .more img,
.products-page .left-container .item .title-box .more svg {
  max-width: 8px;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products-page .left-container .item .menu-box {
  width: 100%;
  display: none;
  padding: 0.14rem 0.3rem;
}
.products-page .left-container .item .menu-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.products-page .left-container .item .menu-info .menu-item {
  color: #999999;
  padding: 0.1rem 0;
  cursor: pointer;
}
.products-page .left-container .item .menu-info .menu-item .menu-left {
  position: relative;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products-page .left-container .item .menu-info .menu-item .menu-left .menu-text {
  line-height: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.products-page .left-container .item .menu-info .menu-item i {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products-page .left-container .item .menu-info .menu-item i img {
  height: 2px;
}
.products-page .left-container .item .menu-info .menu-item:hover,
.products-page .left-container .item .menu-info .menu-item.active {
  color: var(--color-active);
}
.products-page .left-container .item .menu-info .menu-item:hover .menu-left,
.products-page .left-container .item .menu-info .menu-item.active .menu-left {
  padding-left: 0.26rem;
}
.products-page .left-container .item .menu-info .menu-item:hover i,
.products-page .left-container .item .menu-info .menu-item.active i {
  width: 0.08rem;
}
.products-page .wrap-right .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
}
@media (max-width:1024px) {
  .products-page .wrap-right .list {
    grid-gap: 20px;
  }
}
@media (max-width:768px) {
  .products-page .wrap-right .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .products-page .wrap-right .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.products-page .wrap-right .list .item:hover .item-box {
  background-color: var(--color-green-ef);
}
.products-page .wrap-right .list .item:hover .item-box .public-img::after {
  opacity: 0.6;
}
.products-page .wrap-right .list .item:hover .item-box .public-img .more {
  opacity: 1;
  margin-right: 0.2rem;
}
.products-page .wrap-right .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f8faf9;
  border-radius: 0.16rem;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products-page .wrap-right .list .item .item-box .public-img::before {
  padding-top: 65.8%;
}
.products-page .wrap-right .list .item .item-box .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products-page .wrap-right .list .item .item-box .public-img .more {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin-bottom: 0.2rem;
  margin-right: 0;
  line-height: 1;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products-page .wrap-right .list .item .item-box .text-box {
  padding: 0.2rem 0.3rem 0.34rem;
}
.products-page .wrap-right .list .item .item-box .text-box .title {
  color: #333333;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.products-page .wrap-right .list .item .item-box .text-box .text-body {
  color: #666666;
  margin-top: 0.09rem;
}
.products-page .wrap-right .list .item .item-box .text-box .text-body * {
  text-align: left;
}
.products-page .wrap-right .list .item .item-box .text-box .type-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 6px;
  margin-top: 0.26rem;
}
.products-page .wrap-right .list .item .item-box .text-box .type-box .type {
  max-height: 28px;
  color: #6a8a74;
  background-color: #e5eee9;
  border-radius: 0.14rem;
  padding: 0.035rem 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.products-page .wrap-right .list .item .item-box .text-box .text-block {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 10px;
}
.products-page .wrap-right .list .item .item-box .text-box .text-block .text-body {
  margin: 0;
}
.products-page .wrap-right .list .item .item-box .text-box .text-block .type-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 0;
}
.case-page {
  padding: 1.2rem 0;
}
.case-page .wrap-box {
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.case-page .wrap-box .wrap-left {
  width: 18%;
  max-width: 260px;
}
.case-page .wrap-box .wrap-right {
  width: 76.3%;
  max-width: 1100px;
}
@media (max-width:1024px) {
  .case-page .wrap-box {
    display: block;
  }
  .case-page .wrap-box .wrap-left {
    width: 100%;
    max-width: 100%;
  }
  .case-page .wrap-box .wrap-right {
    width: 100%;
    margin-top: 0.8rem;
  }
}
.case-page .left-container {
  background-color: #fff;
  position: sticky;
  top: 90px;
  left: 0;
}
.case-page .left-container .list {
  background-color: #fafafa;
  border-radius: 0.05rem;
  overflow: hidden;
}
.case-page .left-container .item {
  width: 100%;
  margin-bottom: 2px;
}
.case-page .left-container .item:last-child {
  margin-bottom: 0;
}
.case-page .left-container .item.active .title-box {
  background-color: var(--color-active);
}
.case-page .left-container .item.active .title-box .title {
  color: #fff;
}
.case-page .left-container .item.active .title-box .more img,
.case-page .left-container .item.active .title-box .more svg {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.case-page .left-container .item .title-box {
  width: 100%;
  padding: 0.2rem 0.3rem;
  background-color: #f3f3f3;
  border-radius: 0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.case-page .left-container .item .title-box .title {
  color: #333333;
  line-height: 1;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.case-page .left-container .item .title-box .more img,
.case-page .left-container .item .title-box .more svg {
  max-width: 5px;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.case-page .left-container .item .menu-box {
  width: 100%;
  display: none;
  padding: 0.14rem 0.3rem;
}
.case-page .left-container .item .menu-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.case-page .left-container .item .menu-info .menu-item {
  color: #999999;
  padding: 0.1rem 0;
  cursor: pointer;
}
.case-page .left-container .item .menu-info .menu-item .menu-left {
  position: relative;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.case-page .left-container .item .menu-info .menu-item .menu-left .menu-text {
  line-height: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.case-page .left-container .item .menu-info .menu-item i {
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.case-page .left-container .item .menu-info .menu-item i img {
  height: 2px;
}
.case-page .left-container .item .menu-info .menu-item:hover,
.case-page .left-container .item .menu-info .menu-item.active {
  color: var(--color-active);
}
.case-page .left-container .item .menu-info .menu-item:hover .menu-left,
.case-page .left-container .item .menu-info .menu-item.active .menu-left {
  padding-left: 0.26rem;
}
.case-page .left-container .item .menu-info .menu-item:hover i,
.case-page .left-container .item .menu-info .menu-item.active i {
  width: 0.08rem;
}
.case-page .wrap-right .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 25px;
}
@media (max-width:1024px) {
  .case-page .wrap-right .list {
    grid-gap: 20px;
  }
}
@media (max-width:768px) {
  .case-page .wrap-right .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .case-page .wrap-right .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-page .wrap-right .list .item:hover .item-box {
  background-color: var(--color-green-ef);
}
.case-page .wrap-right .list .item:hover .item-box .public-img::after {
  opacity: 0.6;
}
.case-page .wrap-right .list .item:hover .item-box .public-img .more {
  opacity: 1;
  margin-right: 0.2rem;
}
.case-page .wrap-right .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #f8faf9;
  border-radius: 0.16rem;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.case-page .wrap-right .list .item .item-box .public-img::before {
  padding-top: 65.8%;
}
.case-page .wrap-right .list .item .item-box .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.case-page .wrap-right .list .item .item-box .public-img .more {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  margin-bottom: 0.2rem;
  margin-right: 0;
  line-height: 1;
  color: #fff;
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.case-page .wrap-right .list .item .item-box .text-box {
  padding: 0.2rem 0.3rem 0.34rem;
}
.case-page .wrap-right .list .item .item-box .text-box .title {
  white-space: pre-line;
  color: #333333;
  line-height: 1.3;
  font-weight: bold;
  min-height: calc(2em * 1.3);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media (max-width:1200px) {
  .case-page .wrap-right .list .item .item-box .text-box .title {
    white-space: inherit;
  }
}
.case-page .wrap-right .list .item .item-box .text-box .text-body {
  color: #666666;
  margin-top: 0.09rem;
}
.case-page .wrap-right .list .item .item-box .text-box .text-body * {
  text-align: left;
}
.case-page .wrap-right .list .item .item-box .text-box .type-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 6px;
  margin-top: 0.26rem;
}
.case-page .wrap-right .list .item .item-box .text-box .type-box .type {
  max-height: 28px;
  color: #6a8a74;
  background-color: #e5eee9;
  border-radius: 0.14rem;
  padding: 0.035rem 0.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.case-page .wrap-right .list .item .item-box .text-box .text-block {
  margin-top: 0.26rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 10px;
}
.case-page .wrap-right .list .item .item-box .text-box .text-block .text-body {
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.case-page .wrap-right .list .item .item-box .text-box .text-block .type-box {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 0;
}
.products-d1 {
  padding-top: 140px;
  background-color: var(--color-green-ef);
}
.products-d1 .container {
  position: relative;
}
.products-d1 .btn-container {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 10px;
}
@media (max-width:1024px) {
  .products-d1 .btn-container {
    display: none;
  }
}
.products-d1 .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-radius: 0.16rem 0.16rem 0 0;
  overflow: hidden;
  background-color: #fff;
  position: relative;
}
.products-d1 .wrap-box::before {
  content: '';
  width: 100%;
  height: 80.6%;
  background: -webkit-linear-gradient(90deg, --color-green-ef 0%, transparent 100%);
  background: linear-gradient(0deg, --color-green-ef 0%, transparent 100%);
  position: absolute;
  left: 0;
  bottom: 0;
}
.products-d1 .wrap-box .wrap-left {
  width: 59%;
  max-width: 850px;
  position: relative;
}
.products-d1 .wrap-box .wrap-left::before {
  content: '';
  width: 100%;
  height: 44.44444%;
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.products-d1 .wrap-box .wrap-right {
  width: 41%;
  position: relative;
  padding: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1024px) {
  .products-d1 .wrap-box {
    display: block;
  }
  .products-d1 .wrap-box .wrap-left {
    width: 100%;
  }
  .products-d1 .wrap-box .wrap-right {
    width: 100%;
  }
}
.products-d1 .products-d1-swiper {
  height: 100%;
}
.products-d1 .products-d1-swiper .swiper-pagination {
  opacity: 1;
}
.products-d1 .products-d1-swiper .swiper-slide {
  height: auto;
}
.products-d1 .img {
  height: 100%;
}
.products-d1 .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.products-d1 .text-box .title {
  color: #333333;
  font-weight: bold;
}
.products-d1 .text-box .text-body {
  color: #666666;
  line-height: 1.625;
  margin-top: 0.12rem;
}
.products-d1 .text-box .description {
  color: #666666;
  line-height: 2;
  border-top: 1px solid #d6e3d9;
  padding-top: 0.38rem;
  margin-top: 0.42rem;
}
.products-d1 .text-box .description dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.products-d1 .text-box .description dl dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.products-d1 .text-box .description ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 6px;
}
.products-d1 .text-box .description ul li {
  padding: 0 0.1rem;
  background-color: #e5eee9;
  border-radius: 0.14rem;
  color: #6a8a74;
}
.products-d-page {
  padding: 0.9rem 0 1.2rem;
}
.products-d-page .page-main {
  padding: 0.5rem 0.3rem;
  background-color: var(--color-green-ef);
  border-radius: 0.16rem;
}
.products-d-page .page-main .page-title .title {
  position: relative;
  margin-bottom: 0.3rem;
}
.products-d-page .page-main .page-title .title::before {
  content: '';
  width: 4px;
  height: 100%;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -0.3rem;
}
.products-d2 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 156px;
  grid-gap: clamp(78px, 8.125vw, 156px) clamp(78px, 8.125vw, 156px);
}
@media (max-width:768px) {
  .products-d2 .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.4rem;
  }
}
.products-d2 .list .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.products-d2 .list .item:first-child .item-box .up::before {
  display: none;
}
.products-d2 .list .item:first-child .item-box .up .icon {
  display: none;
}
.products-d2 .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  text-align: center;
}
.products-d2 .list .item .item-box .up {
  position: relative;
}
.products-d2 .list .item .item-box .up::before {
  content: '';
  width: 100%;
  height: 2px;
  background-color: #e3e8e4;
  position: absolute;
  top: 50%;
  right: 100%;
}
@media (max-width:768px) {
  .products-d2 .list .item .item-box .up::before {
    display: none;
  }
}
.products-d2 .list .item .item-box .up .public-img {
  overflow: hidden;
  border: 2px solid #a1b7a8;
  border-radius: 0.16rem;
}
.products-d2 .list .item .item-box .up .public-img::before {
  padding-top: 76.36%;
}
.products-d2 .list .item .item-box .up .icon {
  position: absolute;
  top: 50%;
  left: -0.92rem;
  margin-right: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.products-d2 .list .item .item-box .up .icon img {
  max-width: 0.2rem;
}
.products-d2 .list .item .item-box .up .num {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 28px;
  min-height: 28px;
  background-color: var(--color-active);
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  line-height: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-bottom: -0.2rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.products-d2 .list .item .item-box .text-box {
  margin-top: 0.34rem;
}
.products-d2 .list .item .item-box .text-box .title {
  color: #333333;
  line-height: 1.3;
}
.products-d2 .list .item .item-box .text-box .title span {
  display: block;
}
.products-d3 .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0 40px;
}
@media (max-width:768px) {
  .products-d3 .list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.4rem;
  }
}
.products-d3 .list .item .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 22px;
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}
.products-d3 .list .item .item-box .text-box .num {
  color: var(--color-active);
  line-height: 1;
}
.products-d3 .list .item .item-box .text-box .text-body {
  color: #666666;
  line-height: 1.555;
  margin-top: 0.2rem;
}
.products-d4 .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 0 20px;
}
@media (max-width:768px) {
  .products-d4 .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.4rem;
  }
}
.products-d4 .list .item .item-box {
  width: 3.45rem;
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media (max-width:768px) {
  .products-d4 .list .item .item-box {
    width: 100%;
  }
}
.products-d4 .list .item .item-box .public-img {
  background-color: #fff;
  border-radius: 0.2rem;
}
.products-d4 .list .item .item-box .public-img::before {
  padding-top: 66.09%;
}
.products-d4 .list .item .item-box .text-box {
  margin-top: 0.2rem;
}
.products-d4 .list .item .item-box .text-box .title {
  color: #333333;
}
.case-d1 {
  padding-top: 140px;
  padding-bottom: 1.2rem;
  background-color: var(--color-green-ef);
}
.case-d1 .container {
  position: relative;
}
.case-d1 .btn-container {
  margin-top: 0.7rem;
}
@media (max-width:1024px) {
  .case-d1 .btn-container {
    display: none;
  }
}
@media (max-width:1024px) {
  .case-d1 .up .wrap-left .text-box {
    margin-bottom: 0.4rem;
  }
}
.case-d1 .up .wrap-left .title {
  color: #000000;
  font-weight: bold;
}
.case-d1 .up .wrap-left .description {
  margin-top: 0.1rem;
}
.case-d1 .up .wrap-left .description dl {
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.case-d1 .up .wrap-left .description dl dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.case-d1 .up .wrap-right .title {
  color: #333333;
  font-weight: bold;
}
.case-d1 .up .wrap-right .text-body {
  color: #666666;
  line-height: 1.625;
  margin-top: 0.1rem;
}
.case-d1 .up .wrap-right .description {
  margin-top: 0.32rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 25px;
  grid-gap: clamp(12.5px, 1.30208333vw, 25px) clamp(12.5px, 1.30208333vw, 25px);
}
@media (max-width:768px) {
  .case-d1 .up .wrap-right .description {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
  }
  .case-d1 .up .wrap-right .description dl dt {
    min-height: initial !important;
    padding-bottom: 0.1rem;
  }
}
.case-d1 .up .wrap-right .description dl {
  color: #333333;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.case-d1 .up .wrap-right .description dl dt {
  font-weight: bold;
  line-height: 1;
  min-height: 42px;
}
.case-d1 .up .wrap-right .description dl dd {
  border-top: 1px solid #c3d2c8;
  padding-top: 0.1rem;
}
.case-d1 .down {
  margin-top: 0.66rem;
  border-radius: 0.16rem;
  overflow: hidden;
}
@media (max-width:1024px) {
  .case-d1 .down {
    margin-top: 0.4rem;
  }
}
.case-d1 .down .wrap-left {
  border-radius: 0.16rem;
  overflow: hidden;
}
.case-d1 .down .wrap-left::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.6;
  z-index: 2;
}
.case-d1 .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 30px;
}
.case-d1 .wrap-box .wrap-left {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.case-d1 .wrap-box .wrap-right {
  width: 61.8%;
  max-width: 890px;
}
@media (max-width:1024px) {
  .case-d1 .wrap-box {
    display: block;
  }
  .case-d1 .wrap-box .wrap-right {
    width: 100%;
  }
}
.case-d1 .swiper-down {
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width:1024px) {
  .case-d1 .swiper-down {
    display: none;
  }
}
.case-d1 .case-d1-swiper {
  overflow: visible;
}
@media (max-width:1024px) {
  .case-d1 .case-d1-swiper {
    overflow: hidden;
  }
}
.case-d1 .case-d1-swiper .swiper-pagination {
  opacity: 1;
}
.case-d1 .case-d1-swiper .swiper-slide {
  height: auto;
}
.case-d1 .public-img {
  border-radius: 0.16rem;
  overflow: hidden;
}
.case-d1 .public-img::before {
  padding-top: 61.798%;
}
.case-d-page {
  padding: 0.5rem 0 1.2rem;
}
.case-d-page .page-main .page-title .title {
  margin-bottom: 0.3rem;
}
.case-d2 .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width:1024px) {
  .case-d2 .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .case-d2 .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-d2 .list .item {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.case-d2 .list .item:hover .item-box .public-img .btn-container .more-primary3::before {
  opacity: 0.2;
}
.case-d2 .list .item:hover .item-box .public-img .btn-container .more-primary3 .more-primary-circle {
  background-color: #fff;
}
.case-d2 .list .item:hover .item-box .public-img .btn-container .more-primary3 img,
.case-d2 .list .item:hover .item-box .public-img .btn-container .more-primary3 svg {
  -webkit-filter: initial;
  filter: initial;
}
.case-d2 .list .item:hover .item-box .public-img .btn-container .more-primary3 img path,
.case-d2 .list .item:hover .item-box .public-img .btn-container .more-primary3 svg path {
  fill: var(--color-active);
}
.case-d2 .list .item .item-box .public-img {
  margin-bottom: 0.18rem;
  border-radius: 0.14rem;
  overflow: hidden;
}
.case-d2 .list .item .item-box .public-img::before {
  padding-top: 68.41%;
}
.case-d2 .list .item .item-box .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  z-index: 1;
}
.case-d2 .list .item .item-box .public-img .btn-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.case-d2 .list .item .item-box .public-img .btn-container .more-primary3::before {
  opacity: 0;
}
.case-d2 .list .item .item-box .text-box .title {
  color: #333333;
}
.case-d3 {
  padding: 0;
}
.case-d3 .wrap-right .list {
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
}
@media (max-width:1024px) {
  .case-d3 .wrap-right .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .case-d3 .wrap-right .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.joining-prospects {
  padding: 1.2rem 0;
  background-color: var(--color-green-ef);
}
.joining-prospects .wrap-box {
  margin-top: 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.joining-prospects .wrap-box .wrap-left {
  width: 63.888%;
  max-width: 920px;
  background-color: #fff;
  padding: 0.42rem 0.3rem;
  border-radius: 0.16rem;
  position: relative;
  z-index: 3;
}
.joining-prospects .wrap-box .wrap-right {
  width: 34%;
  max-width: 490px;
  position: relative;
}
.joining-prospects .wrap-box .wrap-right::before {
  content: '';
  width: 100%;
  min-width: 1200px;
  height: 100%;
  background-color: var(--color-green-ef);
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 2;
}
@media (max-width:768px) {
  .joining-prospects .wrap-box {
    display: block;
  }
  .joining-prospects .wrap-box .wrap-left {
    width: 100%;
  }
  .joining-prospects .wrap-box .wrap-right {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.joining-prospects .tab-title-box {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: scroll;
  text-overflow: inherit;
  white-space: nowrap;
}
.joining-prospects .tab-title-box::-webkit-scrollbar {
  width: 2px;
  height: 5px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 0;
}
.joining-prospects .tab-title-box::-webkit-scrollbar-thumb {
  background-color: #000;
  background-color: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}
.joining-prospects .tab-title-box .tab-title {
  display: block;
  font-size: 0;
  overflow: visible;
}
.joining-prospects .tab-title-box .tab-title .title {
  display: inline-block;
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  -webkit-flex: inherit;
  flex: inherit;
  font-size: var(--font20);
  margin-right: 0.56rem;
  position: relative;
  padding-bottom: 0.12rem;
}
@media (max-width:768px) {
  .joining-prospects .tab-title-box .tab-title .title {
    margin-right: 0.4rem;
  }
}
.joining-prospects .tab-title-box .tab-title .title::before {
  content: '';
  width: 0;
  height: 2px;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.joining-prospects .tab-title-box .tab-title .title.active::before {
  width: 100%;
}
.joining-prospects .item-box .text-box .title {
  color: #333333;
  font-weight: bold;
}
.joining-prospects .item-box .text-box .text-body {
  color: #666666;
  line-height: 1.5555;
  border-top: 1px solid rgba(41, 81, 54, 0.1);
  padding-top: 0.5rem;
  margin-top: 0.3rem;
}
.joining-prospects .swiper-down {
  margin-top: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media (max-width:1024px) {
  .joining-prospects .swiper-down {
    display: none;
  }
}
.joining-prospects .swiper-down > .slide-num .current {
  opacity: 0.1;
}
.joining-prospects .joining-prospects-swiper {
  margin-top: 0.66rem;
}
.joining-prospects .joining-prospects-swiper2 {
  height: 100%;
  overflow: visible;
}
.joining-prospects .joining-prospects-swiper2 .swiper-slide {
  height: auto;
  opacity: 0.3;
}
.joining-prospects .joining-prospects-swiper2 .swiper-slide-duplicate-active,
.joining-prospects .joining-prospects-swiper2 .swiper-slide-duplicate-next {
  opacity: 0;
}
.joining-prospects .joining-prospects-swiper2 .swiper-slide-active {
  opacity: 1;
}
.joining-prospects .public-img {
  height: 100%;
  border-radius: 0.16rem;
}
.joining-data {
  padding: 1.2rem 0;
}
.joining-data .page-img-box {
  margin-top: 0.5rem;
}
.joining-page {
  padding: 1.25rem 0;
  position: relative;
}
.joining-page::before {
  content: '';
  width: 100%;
  height: 100%;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.9;
}
.joining-page .page-title {
  position: relative;
  z-index: 2;
}
.joining-page .page-title .title,
.joining-page .page-title .subtitle {
  color: #fff;
}
.joining-page .page-title .title {
  letter-spacing: 0.08rem;
}
.joining-page .page-title .subtitle {
  letter-spacing: 0.09rem;
}
.joining-project {
  padding: 1.2rem 0;
  background-color: var(--color-green-ef);
}
.joining-project .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.joining-project .wrap-box .wrap-left {
  width: 56.5%;
  max-width: 813px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.joining-project .wrap-box .wrap-right {
  width: 43.5%;
  max-width: 627px;
  border-radius: 0.16rem;
  overflow: hidden;
}
@media (max-width:1024px) {
  .joining-project .wrap-box {
    display: block;
  }
  .joining-project .wrap-box .wrap-left {
    width: 100%;
    max-width: 100%;
  }
  .joining-project .wrap-box .wrap-right {
    width: 100%;
    margin-top: 0.4rem;
    display: none;
  }
}
.joining-project .page-title {
  margin-bottom: 1rem;
}
.joining-project .swiper-main {
  width: 100%;
}
.joining-project .swiper-main .item-box {
  max-width: 66%;
}
@media (max-width:1024px) {
  .joining-project .swiper-main .item-box {
    max-width: 100%;
  }
  .joining-project .swiper-main .item-box .c-mb {
    display: block;
    overflow: hidden;
    margin-top: 0.4rem;
  }
  .joining-project .swiper-main .item-box .c-mb img {
    border-radius: 0.16rem;
  }
}
.joining-project .swiper-main .item-box .text-box .title {
  font-weight: bold;
  color: #333333;
}
.joining-project .swiper-main .item-box .text-box .text-body {
  color: #666666;
  margin-top: 0.14rem;
}
.joining-project .swiper-down {
  margin-top: 0.9rem;
}
@media (max-width:1024px) {
  .joining-project .swiper-down {
    display: none;
  }
}
.joining-project .swiper-down .swiper-down-main {
  grid-gap: 0;
}
.joining-project .swiper-down .swiper-line {
  width: 100%;
  height: 2px;
  background-color: #d0dcd4;
}
.joining-project .slide-num {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 0.64rem;
}
@media (max-width:1024px) {
  .joining-project .slide-num {
    display: none;
  }
}
.joining-project .down {
  position: relative;
}
.joining-project .swiper-main2 {
  width: 100%;
  padding-right: 0.24rem;
}
@media (max-width:1024px) {
  .joining-project .swiper-main2 {
    display: none;
  }
}
.joining-project .swiper-main2 .item-box {
  padding: 0.24rem 0.06rem 0.06rem;
  background-color: #fff;
  border-radius: 0.16rem;
  text-align: center;
}
.joining-project .swiper-main2 .item-box .public-img {
  border-radius: 0.16rem;
  overflow: hidden;
  margin-top: 0.22rem;
}
.joining-project .swiper-main2 .item-box .public-img::before {
  padding-top: 68.19%;
}
.joining-project .swiper-main2 .item-box .title {
  color: #333333;
  font-weight: bold;
}
@media (max-width:1024px) {
  .joining-project .joining-project-swiper {
    padding-bottom: 40px;
  }
  .joining-project .joining-project-swiper .swiper-pagination {
    opacity: 1;
  }
}
.joining-advantages {
  padding: 1.2rem 0;
  background-color: #f9faf9;
}
.joining-advantages .list {
  margin-top: 0.45rem;
}
.joining-advantages .list .item {
  margin-bottom: 0.5rem;
}
.joining-advantages .list .item:nth-child(2n) .item-box .text-block {
  order: 2;
}
.joining-advantages .list .item:last-child {
  margin: 0;
}
.joining-advantages .list .item .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.joining-advantages .list .item .item-box .text-block {
  width: 38.8888%;
  max-width: 560px;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.16rem;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.joining-advantages .list .item .item-box .text-block .icon {
  max-width: 0.56rem;
  max-height: 0.57rem;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
}
.joining-advantages .list .item .item-box .text-block .text-box .title {
  position: relative;
  font-weight: bold;
  color: #333333;
  line-height: 1;
  display: inline-block;
}
.joining-advantages .list .item .item-box .text-block .text-box .title::before {
  content: '';
  width: 3px;
  height: 100%;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  top: 0;
  margin-left: -0.3rem;
}
.joining-advantages .list .item .item-box .text-block .text-box .title .white-bg {
  background-color: white;
  padding: 0.1rem 0.1rem 0.1rem 0;
  position: relative;
  z-index: 1;
}
.joining-advantages .list .item .item-box .text-block .text-box .title .num {
  position: absolute;
  left: 100%;
  bottom: 0;
  margin-bottom: -0.42rem;
  margin-left: -0.5rem;
  background: -webkit-linear-gradient(90deg, #90b09a 0%, #295136 100%);
  background: linear-gradient(0deg, #90b09a 0%, #295136 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.15;
}
@media (max-width:768px) {
  .joining-advantages .list .item .item-box .text-block .text-box .title .num {
    display: none;
  }
}
.joining-advantages .list .item .item-box .text-block .text-box .text-body {
  margin-top: 0.5rem;
  color: #666666;
  line-height: 1.5555;
}
.joining-advantages .list .item .item-box .public-img {
  width: 59%;
  max-width: 850px;
  border-radius: 0.16rem;
  overflow: hidden;
}
.joining-advantages .list .item .item-box .public-img::before {
  padding-top: 58.382%;
}
@media (max-width:1024px) {
  .joining-advantages .list .item .item-box {
    display: block;
  }
  .joining-advantages .list .item .item-box .text-block {
    width: 100%;
    max-width: 100%;
    border-radius: 0.16rem 0.16rem 0 0;
    padding-top: 1.1rem;
  }
  .joining-advantages .list .item .item-box .public-img {
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 0.16rem 0.16rem;
  }
}
.joining-about {
  padding: 0.96rem 0 0.4rem;
}
.joining-about .wrap-box {
  position: relative;
  margin-bottom: 0.86rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.joining-about .wrap-box .wrap-bg {
  width: 6.51rem;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1rem;
  margin-left: -0.34rem;
}
@media (max-width:1024px) {
  .joining-about .wrap-box .wrap-bg {
    display: none;
  }
}
.joining-about .wrap-box .wrap-left {
  width: 42.8%;
  max-width: 617px;
  padding-top: 2.02rem;
  padding-left: 0.28rem;
  padding-right: 0.22rem;
}
.joining-about .wrap-box .wrap-right {
  width: 55.55555%;
  max-width: 800px;
}
@media (max-width:1024px) {
  .joining-about .wrap-box {
    display: block;
  }
  .joining-about .wrap-box .wrap-left {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding-right: 0;
  }
  .joining-about .wrap-box .wrap-right {
    width: 100%;
  }
}
.joining-about .page-title {
  margin-bottom: 0.6rem;
}
.joining-about .page-title .title {
  position: relative;
}
.joining-about .page-title .title::before {
  content: '';
  width: 3px;
  height: 100%;
  max-height: 0.56rem;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  margin-left: -0.28rem;
}
.joining-about .text-body {
  color: #666666;
  line-height: 1.555;
}
.joining-about .list {
  padding: 0 0.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width:768px) {
  .joining-about .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
  }
}
.joining-about .list .item .num {
  line-height: 1;
  font-weight: bold;
  color: var(--color-active);
}
.joining-about .list .item .num span:first-child {
  margin-right: 0.1rem;
}
.joining-qualifications {
  padding: 1.06rem 0 1.15rem;
}
.joining-qualifications .tab-title-box {
  margin-top: 0.3rem;
}
.joining-qualifications .tab-title-box .tab-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 10px;
}
.joining-qualifications .tab-title-box .tab-title .title {
  min-width: 1.68rem;
  color: var(--color-active);
  background-color: #dde6e0;
  padding: 0.14rem 0.2rem;
  border-radius: 99px;
  text-align: center;
}
.joining-qualifications .tab-title-box .tab-title .title.active {
  color: #fff;
  background-color: var(--color-active);
}
.joining-qualifications .swiper-main {
  margin-top: 0.47rem;
}
.joining-qualifications .swiper-main .joining-qualifications-swiper {
  overflow: visible;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.joining-qualifications .swiper-main .joining-qualifications-swiper div.swiper-slide.swiper-slide-active .swiper-box {
  opacity: 1;
}
.joining-qualifications .swiper-main .joining-qualifications-swiper .swiper-box {
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.joining-qualifications .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.joining-qualifications .item-box .public-img {
  background-color: var(--color-green-ef);
  border-radius: 0.16rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}
.joining-qualifications .item-box .public-img::before {
  padding-top: 73.045%;
}
.joining-qualifications .item-box .text-box .title {
  color: #333333;
}
.joining-presentation {
  padding: 1.2rem 0;
}
.joining-presentation .page-title {
  margin-bottom: -0.05rem;
}
.joining-presentation .swiper-main {
  margin-right: -0.2rem;
  margin-top: 0.45rem;
}
.joining-presentation .joining-presentation-swiper {
  overflow: visible;
}
.joining-presentation .joining-presentation-swiper .swiper-wrapper {
  -webkit-transition-duration: 2500ms;
  transition-duration: 2500ms;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.joining-presentation .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.joining-presentation .item-box .public-img {
  border-radius: 0.16rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
.joining-presentation .item-box .public-img::before {
  padding-top: 65.715%;
}
.joining-presentation .item-box .text-box .title {
  color: #000000;
}
.consulting {
  padding: 1.2rem 0;
}
.about-introduction {
  padding: 1.2rem 0;
}
.about-introduction .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about-introduction .wrap-box .wrap-left {
  width: 46.25%;
  max-width: 666px;
}
.about-introduction .wrap-box .wrap-right {
  width: 50%;
  max-width: 720px;
}
@media (max-width:1024px) {
  .about-introduction .wrap-box {
    display: block;
  }
  .about-introduction .wrap-box .wrap-left {
    width: 100%;
  }
  .about-introduction .wrap-box .wrap-right {
    width: 100%;
  }
}
.about-introduction .up {
  position: relative;
  padding-bottom: 0.44rem;
}
.about-introduction .up::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.1;
}
.about-introduction .down {
  margin-top: 1.06rem;
}
.about-introduction .down .wrap-left {
  position: relative;
}
.about-introduction .down .wrap-left .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #eff4f0;
  border-radius: 0.16rem;
}
.about-introduction .down .wrap-left .img {
  height: 100%;
  width: 114.4%;
  /* position: absolute; */
  margin-top: -0.62rem;
  margin-left: -0.66rem;
  margin-right: -0.48rem;
  text-align: center;
}
.about-introduction .page-title {
  position: relative;
  display: inline-block;
  height: 100%;
}
@media (max-width:1024px) {
  .about-introduction .page-title {
    margin-bottom: 0.4rem;
  }
}
.about-introduction .page-title::before {
  content: '';
  width: 93%;
  height: 1px;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -0.44rem;
}
@media (max-width:1024px) {
  .about-introduction .page-title::before {
    display: none;
  }
}
.about-introduction .page-title .title span span {
  display: block;
  text-indent: 2em;
}
.about-introduction .text-body {
  color: #666666;
  line-height: 1.5555;
}
.about-introduction .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 0.3rem 4.167%;
}
.about-introduction .list .item {
  background-color: #eaf8ef;
  padding: 0.64rem 0.1rem 0.64rem 0.5rem;
}
@media (max-width:768px) {
  .about-introduction .list .item {
    padding: 0.6rem 0.1rem 0.6rem 0.3rem;
  }
}
.about-introduction .list .item:first-child,
.about-introduction .list .item:nth-child(4) {
  width: 62.5%;
}
@media (max-width:768px) {
  .about-introduction .list .item:first-child,
  .about-introduction .list .item:nth-child(4) {
    width: 52.5%;
  }
}
.about-introduction .list .item:nth-child(2),
.about-introduction .list .item:nth-child(3) {
  width: 33.33333%;
}
@media (max-width:768px) {
  .about-introduction .list .item:nth-child(2),
  .about-introduction .list .item:nth-child(3) {
    width: 43.3333%;
  }
}
.about-introduction .list .item:nth-child(2) .num,
.about-introduction .list .item:nth-child(3) .num {
  opacity: 0.6;
}
.about-introduction .list .item:nth-child(3) {
  order: 4;
}
.about-introduction .list .item:first-child,
.about-introduction .list .item:nth-child(3) {
  border-radius: 0.16rem 1rem 0.16rem 1rem;
}
.about-introduction .list .item:nth-child(2),
.about-introduction .list .item:nth-child(4) {
  border-radius: 1rem 0.16rem 1rem 0.16rem;
}
.about-introduction .list .item .num {
  line-height: 1;
  font-weight: bold;
  color: var(--color-active);
}
.about-introduction .list .item .num span:first-child {
  margin-right: 0.1rem;
  letter-spacing: -0.025rem;
}
.about-introduction .list .item .item-text {
  line-height: 1.333;
}
.about-story {
  padding: 1.2rem 0;
  background-color: var(--color-green-ef);
  position: relative;
}
.about-story::before {
  content: '';
  width: 7.04rem;
  height: 100%;
  background: url(../images/about-story-bg.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width:768px) {
  .about-story::before {
    display: none;
  }
}
.about-story .wrap-box {
  margin-top: 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about-story .wrap-box .wrap-left {
  width: 46.25%;
  max-width: 666px;
  position: relative;
  z-index: 3;
}
.about-story .wrap-box .wrap-right {
  width: 47.9%;
  max-width: 690px;
  position: relative;
}
.about-story .wrap-box .wrap-right::before {
  content: '';
  width: 100%;
  min-width: 2200px;
  height: 100%;
  background-color: var(--color-green-ef);
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 2;
}
@media (max-width:1024px) {
  .about-story .wrap-box .wrap-right::before {
    display: none;
  }
}
@media (max-width:768px) {
  .about-story .wrap-box {
    display: block;
  }
  .about-story .wrap-box .wrap-left {
    width: 100%;
  }
  .about-story .wrap-box .wrap-right {
    width: 100%;
  }
}
.about-story .tab-title-box {
  width: 80%;
  position: relative;
  z-index: 1;
}
@media (max-width:1024px) {
  .about-story .tab-title-box {
    display: none;
  }
}
.about-story .tab-title-box .tab-title {
  grid-gap: 0;
}
.about-story .tab-title-box .tab-title .title {
  display: inline-block;
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  -webkit-flex: inherit;
  flex: inherit;
  font-size: var(--font20);
  margin-right: 0.74rem;
  color: #a1b7a8;
  line-height: 1.333;
  min-height: 124px;
  min-height: 1.24rem;
  position: relative;
  padding-top: 75px;
  padding-top: 0.75rem;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.about-story .tab-title-box .tab-title .title .icon {
  width: 0.16rem;
  height: 0.16rem;
  background-color: #fff;
  border: 0.05rem solid #a1b7a8;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.about-story .tab-title-box .tab-title .title .icon::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.16rem;
  height: 0.16rem;
  background: var(--color-active);
  opacity: 0.2;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.about-story .tab-title-box .tab-title .title .icon::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 0.04rem;
  height: 0;
  background: -webkit-linear-gradient(90deg, var(--color-active) 0%, transparent 100%);
  background: linear-gradient(0deg, var(--color-active) 0%, transparent 100%);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.about-story .tab-title-box .tab-title .title.active {
  font-size: var(--font30);
  color: var(--color-active);
  padding-top: 0;
}
.about-story .tab-title-box .tab-title .title.active span {
  border-color: var(--color-active);
}
.about-story .tab-title-box .tab-title .title.active span::before {
  width: 0.32rem;
  height: 0.32rem;
}
.about-story .tab-title-box .tab-title .title.active span::after {
  height: 0.59rem;
}
.about-story .item-box .text-box .title {
  color: #333333;
  font-weight: bold;
}
@media (max-width:1024px) {
  .about-story .item-box .text-box .title {
    display: block;
    margin-bottom: 0.2rem;
  }
}
.about-story .item-box .text-box .text-body {
  color: #666666;
  line-height: 1.5555;
}
.about-story .item-box .text-box .text-body img {
  max-width: 0.56rem;
  opacity: 0.2;
  margin-top: 0.4rem;
}
.about-story .item-box .text-box .text-body p {
  margin-bottom: 0.2rem;
}
.about-story .swiper-down {
  margin-top: -0.325rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media (max-width:1024px) {
  .about-story .swiper-down {
    display: none;
  }
}
.about-story .swiper-down .swiper-down-main {
  position: relative;
  width: 100%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.about-story .swiper-down .swiper-down-main::before {
  content: '';
  width: 100%;
  min-width: 1200px;
  height: 0.04rem;
  background-color: #d0dcd4;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.7rem;
  margin: auto;
}
.about-story .about-story-swiper {
  margin-top: 0.88rem;
}
.about-story .about-story-swiper2 {
  overflow: visible;
}
@media (max-width:1024px) {
  .about-story .about-story-swiper2 {
    overflow: hidden;
  }
}
.about-story .about-story-swiper2 .swiper-slide {
  height: auto;
  opacity: 0.4;
}
.about-story .about-story-swiper2 .swiper-slide .item-animation {
  opacity: 0;
}
.about-story .about-story-swiper2 .swiper-slide-duplicate-active,
.about-story .about-story-swiper2 .swiper-slide-duplicate-next {
  opacity: 0;
}
.about-story .about-story-swiper2 .swiper-slide-active {
  opacity: 1;
}
.about-story .about-story-swiper2 .swiper-slide-active .item-animation {
  opacity: 1;
}
.about-story .about-story-swiper2 .item-box {
  display: block;
  height: 100%;
  position: relative;
  border-radius: 50%;
  padding: 0.35rem;
}
.about-story .about-story-swiper2 .item-box .item-animation {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.about-story .about-story-swiper2 .item-box .item-animation::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/about-story-line.png) no-repeat center;
  background-size: cover;
  opacity: 0.2;
}
.about-story .about-story-swiper2 .item-box .item-animation::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/about-story-dian.png) no-repeat center;
  background-size: cover;
}
.about-story .public-img {
  height: 100%;
  border-radius: 50%;
}
.fixed-zhl {
  width: 158px;
  height: 158px;
  background: var(--color-active);
  border-radius: 50%;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  will-change: transform;
  z-index: 1000;
}
@media (max-width: 1260px) {
  .fixed-zhl {
    width: 1.58rem;
    height: 1.58rem;
  }
}
.fixed-zhl > .fixed-a {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.fixed-zhl > .fixed-a > .tbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.fixed-zhl > .fixed-a > .tbox > .ts {
  width: 100%;
  text-align: center;
  line-height: 1.625em;
  color: #fff;
}
.fixed-zhl > .fixed-a > .tbox > .ts img {
  max-width: 0.24rem;
}
.fixed-zhl > .fixed-a > .tbox > .ts span {
  display: block;
}
.about-history {
  border-bottom: 1px solid #d9deda;
}
.about-history .page-main {
  position: relative;
  height: 100%;
}
.about-history .up {
  width: 38.1%;
  max-width: 550px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1.2rem;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1024px) {
  .about-history .up {
    position: relative;
  }
}
.about-history .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.about-history .wrap-box .wrap-left {
  width: 38.1%;
  max-width: 550px;
  padding-top: 2.3rem;
  padding-bottom: 1.2rem;
  position: relative;
  z-index: 3;
}
.about-history .wrap-box .wrap-right {
  width: 57.6%;
  max-width: 830px;
  cursor: grab;
  position: relative;
}
.about-history .wrap-box .wrap-right::before {
  content: '';
  width: 100%;
  min-width: 1200px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 2;
}
@media (max-width:1024px) {
  .about-history .wrap-box {
    display: block;
  }
  .about-history .wrap-box .wrap-left {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .about-history .wrap-box .wrap-right {
    width: 100%;
  }
}
@media (max-width:1024px) {
  .about-history .slide-btn-box {
    display: none;
  }
}
.about-history .about-history-swiper {
  width: 50%;
  height: 100%;
  overflow: visible;
}
@media (max-width:768px) {
  .about-history .about-history-swiper {
    width: 86%;
  }
}
.about-history .about-history-swiper .swiper-slide {
  height: auto;
}
.about-history .public-img-box .public-img + .public-img {
  display: none;
}
.about-history .public-img {
  border-radius: 0.14rem;
  overflow: hidden;
}
.about-history .public-img::before {
  padding-top: 107.36%;
}
.about-history .item-box {
  display: block;
  height: 100%;
  position: relative;
  padding-top: 2.3rem;
  padding-bottom: 1.7rem;
}
@media (max-width:1024px) {
  .about-history .item-box {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.about-history .item-box:hover .text-box .title {
  color: var(--color-active);
}
.about-history .item-box::before {
  content: '';
  width: 1px;
  height: 100%;
  background-color: #d9deda;
  position: absolute;
  left: 0;
  top: 0;
}
.about-history .item-box .text-box {
  padding: 0 0.55rem;
}
.about-history .item-box .text-box .title {
  line-height: 1;
  color: #d8e3da;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.about-history .item-box .text-box .text-body {
  margin-top: 0.5rem;
}
.about-history .item-box .text-box .text-body dl {
  margin-bottom: 0.24rem;
}
.about-history .item-box .text-box .text-body dl:last-child {
  margin: 0;
}
.about-history .item-box .text-box .text-body dl dt {
  font-size: var(--font20);
  color: #333333;
  position: relative;
}
.about-history .item-box .text-box .text-body dl dt::before {
  content: '';
  width: 0.41rem;
  height: 0.11rem;
  background: url(../images/about-history-icon1.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: -0.55rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.about-history .item-box .text-box .text-body dl dd {
  margin-top: 0.1rem;
  font-size: var(--font16);
  color: #666666;
  line-height: 1.625;
}
.about-join {
  padding: 2rem 0 2.7rem;
  margin-top: 1.2rem;
}
.about-join .wrap-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.about-join .page-title .title {
  color: #fff;
}
.about-join .text-body {
  color: #fff;
  line-height: 1.5em;
  margin: 0.4rem 0 0.62rem;
}
.about-join .btn-container .more-primary:hover .more-primary-circle img,
.about-join .btn-container .more-primary:hover .more-primary-circle svg {
  -webkit-filter: initial;
  filter: initial;
}
.about-join .btn-container .more-primary .more-primary-circle:before {
  background-color: var(--color-active);
}
.about-join .btn-container .more-primary .more-primary-circle img,
.about-join .btn-container .more-primary .more-primary-circle svg {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.news-page {
  padding: 0.6rem 0 1.2rem;
}
.news-page .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.news-page .forms {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 10px;
}
.news-page .forms input,
.news-page .forms select {
  min-width: 2.36rem;
  height: 0.5rem;
  background-color: #eff4f0;
  border-color: #d6e3d9;
  border-radius: 99px;
  padding-left: 0.2rem;
}
.news-page .forms .searchform {
  min-width: 2.9rem;
}
.news-page .forms .searchform .input {
  height: 0.5rem;
  background-color: #eff4f0;
  border-color: #d6e3d9;
}
.news-page .forms .searchform .iconfont {
  color: var(--color-active);
  font-weight: bold;
}
.news-page .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  margin-top: 30px;
}
@media (max-width:1024px) {
  .news-page .list {
    grid-gap: 20px;
  }
}
@media (max-width:768px) {
  .news-page .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:768px) {
  .news-page .list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.news-page .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 0.36rem 0.3rem 0.24rem;
  background-color: var(--color-green-ef);
  border-radius: 0.16rem;
}
.news-page .item-box:hover .text-box .btn-container .more-primary5 .more-primary-circle:after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.news-page .item-box:hover .text-box .btn-container .more-primary5 .more-primary-circle img,
.news-page .item-box:hover .text-box .btn-container .more-primary5 .more-primary-circle svg {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.news-page .item-box:hover .text-box .text-block::after {
  width: 32%;
}
.news-page .item-box .text-box .type-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 6px;
}
.news-page .item-box .text-box .type-box .type {
  max-height: 28px;
  color: #6a8a74;
  background-color: #fff;
  border-radius: 99px;
  padding: 0.035rem 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.news-page .item-box .text-box .title {
  color: #333333;
  margin: 0.14rem 0 0.1rem;
  font-weight: bold;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-page .item-box .text-box .text-body {
  color: #666666;
  line-height: 1.625em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.news-page .item-box .text-box .date {
  color: #6a8a74;
  line-height: 1;
  font-weight: bold;
}
.news-page .item-box .text-box .text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 0.24rem;
  margin-top: 0.24rem;
  position: relative;
}
.news-page .item-box .text-box .text-block::before,
.news-page .item-box .text-box .text-block::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d6e3d9;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news-page .item-box .text-box .text-block::after {
  width: 0;
  background-color: var(--color-active);
}
.news-page .item-box .text-box .text-block .btn-container {
  margin-top: 0 !important;
}
.news-page .btn-container {
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.news-recommendations {
  padding: 1.2rem 0 0.8rem;
  background-color: var(--color-green-ef);
}
.news-recommendations .news-recommendations-swiper {
  margin-top: 0.35rem;
}
.news-recommendations .news-recommendations-swiper.active {
  padding-bottom: 40px;
}
.news-recommendations .news-recommendations-swiper.active .swiper-pagination {
  opacity: 1;
}
@media (max-width:990px) {
  .news-recommendations .news-recommendations-swiper {
    padding-bottom: 40px;
  }
  .news-recommendations .news-recommendations-swiper .swiper-pagination {
    opacity: 1;
  }
}
.news-recommendations .item-box {
  padding: 0;
  background-color: #fff;
}
.news-recommendations .item-box:hover .text-box .text-block::after {
  width: 58%;
}
.news-recommendations .item-box .public-img::before {
  padding-top: 65.22%;
}
.news-recommendations .item-box .text-box {
  padding: 0.42rem 0.3rem 0.24rem;
}
.news-recommendations .item-box .text-box .type-box .type {
  background-color: #e5eee9;
}
.editor-pn {
  position: relative;
  margin-top: 0.45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 6px;
}
.editor-pn .editor-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: 50px;
  background-color: var(--color-green-ef);
  border-radius: 99px;
  color: var(--color-active);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 8px;
  grid-gap: clamp(4px, 0.41666667vw, 8px) clamp(4px, 0.41666667vw, 8px);
}
@media (max-width:1024px) {
  .editor-pn .editor-btn {
    height: 40px;
  }
}
.editor-pn .editor-btn img,
.editor-pn .editor-btn svg {
  max-width: 5px;
  margin-top: -0.05rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.editor-pn .editor-btn:hover {
  color: #fff;
  background-color: var(--color-active);
}
.editor-pn .editor-btn:hover img,
.editor-pn .editor-btn:hover svg {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.editor-pn .editor-btn.next span:first-child {
  order: 2;
}
@media (max-width:1024px) {
  .editor-pn .btn-container {
    display: none;
  }
}
.editor-pn .btn-container .more-primary6 {
  width: 50px;
  height: 50px;
  padding: 0;
  background-color: var(--color-green-ef);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.editor-pn .btn-container .more-primary6:hover {
  background-color: var(--color-active);
  -webkit-transform: initial;
  transform: initial;
}
.editor-pn .btn-container .more-primary6:hover .more-primary-circle img,
.editor-pn .btn-container .more-primary6:hover .more-primary-circle svg {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.editor-pn .btn-container .more-primary6 .more-primary-circle {
  margin: 0;
  line-height: 1;
}
.editor-pn .btn-container .more-primary6 .more-primary-circle img,
.editor-pn .btn-container .more-primary6 .more-primary-circle svg {
  -webkit-filter: initial;
  filter: initial;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.sharing .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 16px;
  grid-gap: clamp(8px, 0.83333333vw, 16px) clamp(8px, 0.83333333vw, 16px);
}
.sharing .list .item:hover .item-box {
  background-color: #fff;
}
.sharing .list .item:hover .item-box .text-box .title {
  -webkit-animation: scrollToTop 0.8s both;
  animation: scrollToTop 0.8s both;
}
.sharing .list .item:hover .item-box .socials-img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-filter: alpha(opacity=100);
}
.sharing .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  z-index: 1;
  background-color: transparent;
  border-radius: 99px;
  padding: 2px;
  text-align: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sharing .list .item .item-box .icon {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #d8e3da;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.sharing .list .item .item-box .icon img,
.sharing .list .item .item-box .icon svg {
  max-width: 44%;
  max-height: 36%;
}
.sharing .list .item .item-box .text-box .title {
  color: #6a8a74;
  margin: 0.12rem 0 0.2rem;
  opacity: 0;
}
.sharing .list .item .item-box .socials-img {
  position: absolute;
  bottom: 116%;
  left: 50%;
  margin-left: -41.5px;
  width: 83px;
  height: 83px;
  background-color: white;
  border-radius: 8px;
  z-index: 99;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: alpha(opacity=0);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  will-change: opacity;
  transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -webkit-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -moz-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -ms-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
}
.sharing .list .item .item-box .socials-img img,
.sharing .list .item .item-box .socials-img canvas {
  width: 100%;
  height: 100%;
}
.sharing .list .item .item-box .socials-img:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  margin: auto;
}
.news-d-page .up {
  padding-top: 172px;
  background-color: var(--color-green-ef);
}
@media (max-width:1024px) {
  .news-d-page .up {
    padding-top: 120px;
  }
}
.news-d-page .up .wrap-left {
  border-bottom: 1px solid #c3d2c8;
  padding-bottom: 0.5rem;
}
@media (max-width:1024px) {
  .news-d-page .up .wrap-right {
    display: none;
  }
}
.news-d-page .down {
  padding: 0.6rem 0 1.2rem;
}
.news-d-page .wrap-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news-d-page .wrap-box .wrap-left {
  width: 72.9%;
  max-width: 1050px;
  order: 2;
}
.news-d-page .wrap-box .wrap-right {
  width: 27.1%;
  max-width: 390px;
  padding-right: 0.7rem;
}
@media (max-width:1024px) {
  .news-d-page .wrap-box {
    display: block;
  }
  .news-d-page .wrap-box .wrap-left {
    width: 100%;
  }
  .news-d-page .wrap-box .wrap-right {
    width: 100%;
    max-width: 100%;
    margin-top: 0.4rem;
  }
}
.news-d-page .news-d-title {
  color: #333333;
}
.news-d-page .news-d-title2 {
  color: #333333;
}
.news-d-page .text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 24px 24px;
  grid-gap: clamp(12px, 1.25vw, 24px) clamp(12px, 1.25vw, 24px);
  margin-top: 0.22rem;
}
.news-d-page .text-block .type-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 6px;
}
.news-d-page .text-block .type-box .type {
  max-height: 28px;
  color: #6a8a74;
  background-color: #d8e3da;
  border-radius: 99px;
  padding: 0.035rem 0.14rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.news-d-page .date {
  color: #6a8a74;
  line-height: 1;
  font-weight: bold;
}
.news-d-page .news-detail-content * {
  font-size: var(--font16);
  color: #666666;
  line-height: 1.625em;
  margin-bottom: 0.18rem;
}
.news-d-page .down .list {
  margin-top: 0.06rem;
}
.news-d-page .down .list .item:hover .item-box::after {
  width: 64.3%;
}
.news-d-page .down .list .item:hover .item-box .text-box .title {
  color: var(--color-active);
}
.news-d-page .down .list .item:hover .item-box .text-box .btn-container {
  opacity: 1;
  -webkit-animation: fadeInLeft 0.8s both;
  animation: fadeInLeft 0.8s both;
}
.news-d-page .down .list .item:hover .item-box .text-box .btn-container .more-primary6 {
  -webkit-transform: initial;
  transform: initial;
}
.news-d-page .down .list .item .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0.24rem 0;
}
.news-d-page .down .list .item .item-box::before,
.news-d-page .down .list .item .item-box::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d6e3d9;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news-d-page .down .list .item .item-box::after {
  width: 0;
  background-color: var(--color-active);
}
.news-d-page .down .list .item .item-box .text-box .title {
  color: #666666;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.news-d-page .down .list .item .item-box .text-box .text-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0.24rem;
}
.news-d-page .down .list .item .item-box .text-box .btn-container {
  opacity: 0;
}
.news-d-page .down .list .item .item-box .text-box .btn-container .more-primary6 {
  height: auto;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.news-d-page .down .list .item .item-box .text-box .btn-container .more-primary6 .more-primary-circle {
  margin: 0;
}
.news-d-page .down .list .item .item-box .text-box .btn-container .more-primary6 .more-primary-circle img,
.news-d-page .down .list .item .item-box .text-box .btn-container .more-primary6 .more-primary-circle svg {
  -webkit-filter: initial;
  filter: initial;
}
.research-development-laboratory {
  padding: 1.2rem 0;
}
.research-development-laboratory .public-img {
  border-radius: 0.16rem;
  margin-top: 0.4rem;
  cursor: pointer;
  min-height: 220px;
}
.research-development-laboratory .public-img::before {
  padding-top: 37.5%;
}
.research-development-laboratory .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
  z-index: 1;
}
.research-development-laboratory .public-img .btn-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.research-development-laboratory .public-img .btn-container .more-primary3 {
  width: 0.89rem;
  height: 0.89rem;
}
.research-development-laboratory .public-img .btn-container .more-primary3 img,
.research-development-laboratory .public-img .btn-container .more-primary3 svg {
  max-width: 0.2rem;
  max-height: 0.24rem;
}
.research-development-laboratory .list {
  margin-top: 0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.research-development-laboratory .list .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 34px;
  grid-gap: clamp(17px, 1.77083333vw, 34px) clamp(17px, 1.77083333vw, 34px);
}
.research-development-laboratory .list .item .num {
  color: var(--color-active);
  line-height: 1;
  margin-bottom: 0.06rem;
}
.research-development-laboratory .list .item .item-text {
  color: #333333;
}
.research-development-laboratory .list .item .icon img,
.research-development-laboratory .list .item .icon svg {
  max-width: 0.61rem;
  height: auto;
}
.research-development-factory {
  padding: 1.2rem 0 1.55rem;
  background-color: var(--color-green-ef);
}
.research-development-factory .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.research-development-factory .wrap-box .wrap-left {
  width: 45.5%;
  max-width: 655px;
  padding-right: 0.4rem;
}
.research-development-factory .wrap-box .wrap-right {
  width: 54.5%;
  max-width: 785px;
}
@media (max-width:1024px) {
  .research-development-factory .wrap-box {
    display: block;
  }
  .research-development-factory .wrap-box .wrap-left {
    width: 100%;
  }
  .research-development-factory .wrap-box .wrap-right {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.research-development-factory .up .text-body {
  color: #333333;
  line-height: 1.55555556em;
  margin-top: 0.3rem;
}
.research-development-factory .wrap-left .list {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 64px 60px;
  grid-gap: clamp(32px, 3.33333333vw, 64px) clamp(30px, 3.125vw, 60px);
}
.research-development-factory .wrap-left .list .item .num {
  color: var(--color-active);
  line-height: 1;
  padding-bottom: 0.12rem;
  margin-bottom: 0.16rem;
  border-bottom: 1px solid #d6e3d9;
}
.research-development-factory .wrap-left .list .item .item-text {
  color: #333333;
}
.research-development-factory .wrap-right .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
.research-development-factory .wrap-right .list .item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  grid-gap: 10px;
}
.research-development-factory .wrap-right .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.16rem;
}
.research-development-factory .wrap-right .list .item .item-box .public-img::before {
  padding-top: 70.215%;
}
.research-development-technology {
  padding-top: 1.2rem;
}
.research-development-technology .wrap-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.research-development-technology .wrap-box .wrap-left {
  width: 36.25%;
  max-width: 522px;
}
.research-development-technology .wrap-box .wrap-right {
  width: 53.75%;
  max-width: 774px;
  border-radius: 0.16rem;
  overflow: hidden;
}
@media (max-width:1024px) {
  .research-development-technology .wrap-box {
    display: block;
  }
  .research-development-technology .wrap-box .wrap-left {
    width: 100%;
  }
  .research-development-technology .wrap-box .wrap-right {
    display: none;
  }
}
.research-development-technology .swiper-down {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width:1024px) {
  .research-development-technology .swiper-down {
    display: none;
  }
}
.research-development-technology .swiper-down .swiper-down-main {
  position: relative;
}
.research-development-technology .swiper-down .swiper-line {
  width: 100%;
  min-width: 1200px;
  height: 2px;
  background-color: #d0dcd4;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  margin: auto;
}
.research-development-technology .swiper-main2 {
  width: 84.1%;
  max-width: 1212px;
  border-radius: 0.16rem;
  box-shadow: 0px 0px 0.5rem 0px rgba(0, 0, 0, 0.26);
  margin-top: -0.9rem;
  position: relative;
  z-index: 1;
}
@media (max-width:1024px) {
  .research-development-technology .swiper-main2 {
    margin-top: 0.6rem;
    width: 100%;
  }
}
.research-development-technology .swiper-main2 .research-development-technology-swiper2 {
  background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 0.16rem;
  overflow: hidden;
}
.research-development-technology .swiper-main2 .research-development-technology-swiper2 .swiper-slide {
  height: auto;
}
.research-development-technology .swiper-main2 .research-development-technology-swiper2 .swiper-slide.swiper-slide-active .item-box {
  background-color: rgba(119, 190, 142, 0.1);
}
.research-development-technology .swiper-main2 .research-development-technology-swiper2 .swiper-slide.swiper-slide-active .item-box::before {
  width: 100%;
}
.research-development-technology .public-img {
  border-radius: 0.16rem;
}
.research-development-technology .public-img::before {
  padding-top: 62.792%;
}
.research-development-technology .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 0.79rem 0.3rem 1.2rem;
}
@media (max-width:1024px) {
  .research-development-technology .item-box {
    padding: 0.4rem;
  }
}
.research-development-technology .item-box::before {
  content: '';
  width: 0;
  height: 0.08rem;
  background-color: var(--color-active);
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.research-development-technology .item-box .text-box .num {
  color: var(--color-active);
  line-height: 1;
  font-weight: bold;
}
.research-development-technology .item-box .text-box .title {
  color: #333333;
  margin: 0.4rem 0;
}
.research-development-technology .item-box .text-box .text-body {
  color: #666666;
  line-height: 1.55555556em;
}
.research-development-technology .item-box .text-box .text-body * {
  margin-bottom: 0.1rem;
}
.research-development-technology .item-box .public-img {
  margin-top: 0.4rem;
  display: none;
}
@media (max-width:1024px) {
  .research-development-technology .item-box .public-img {
    display: block;
  }
}
.contact-page {
  padding: 1rem 0 1.2rem;
  background-color: var(--color-green-ef);
}
.contact-page .container {
  position: relative;
}
.contact-page .wrap-box {
  margin-top: 0.55rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  grid-gap: 50px;
}
.contact-page .wrap-box .wrap-left {
  width: 59%;
  max-width: 850px;
}
.contact-page .wrap-box .wrap-right {
  max-width: 457px;
}
@media (max-width:990px) {
  .contact-page .wrap-box {
    display: block;
  }
  .contact-page .wrap-box .wrap-left {
    width: 100%;
  }
  .contact-page .wrap-box .wrap-right {
    max-width: 100%;
    margin-top: 0.6rem;
  }
}
.contact-page .forms {
  margin: 0;
}
.contact-page .forms .from-box {
  background-color: #fff;
  border-color: #fff;
  margin-top: 0.3rem;
}
.contact-page .forms .from-radio {
  padding: 0.4rem 0;
}
.contact-page .forms .widget-radio-box {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.3rem;
}
.contact-page .forms .widget-radio-box .layui-form-radio {
  background-color: #fff;
  border-color: #fff;
}
.contact-page .forms .widget-radio-box .layui-form-radio.layui-form-radioed,
.contact-page .forms .widget-radio-box .layui-form-radio:hover {
  background-color: #6a8f76;
}
.contact-page .forms .info-list {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.3rem;
}
.contact-page .forms .btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 0;
}
.contact-page .contact-title {
  color: #333333;
  margin-bottom: 0.3rem;
}
.contact-page .telephone {
  color: var(--color-active);
  font-weight: bold;
}
.contact-page .text-body {
  margin: 0.44rem 0 0.46rem;
}
.contact-page .text-body dl {
  padding: 0.4rem 0;
  border-bottom: 1px solid #d3d8d3;
}
.contact-page .text-body dl:first-child {
  border-top: 1px solid #d3d8d3;
}
.contact-page .text-body dl dt {
  color: #333333;
  font-weight: bold;
}
.contact-page .text-body dl dd {
  color: #666666;
}
.cooperation-page {
  padding: 1.2rem 0;
}
.cooperation-page .page-title {
  margin-bottom: 0.34rem;
}
.cooperation-page .swiper-main {
  margin-right: -0.94rem;
  margin-top: 0.3rem;
}
.cooperation-page .cooperation-swiper {
  overflow: visible;
}
.cooperation-page .cooperation-swiper .swiper-wrapper {
  -webkit-transition-duration: 2500ms;
  transition-duration: 2500ms;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.cooperation-page .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.cooperation-page .item-box .public-img {
  border: 1px solid #dedede;
  border-radius: 0.16rem;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
.cooperation-page .item-box .public-img::before {
  padding-top: 46.715%;
}
.cooperation-page .item-box .public-img img {
  width: auto;
  height: auto;
  max-width: 83.8%;
  max-height: 74.2%;
  object-fit: initial;
}
.cooperation-page .item-box .text-box .title {
  color: #000000;
}
.car-management-page1 .page-img {
  position: relative;
}
.car-management-page1 .container {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.car-management-page1 .wrap-box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.car-management-page1 .wrap-box .wrap-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:768px) {
  .car-management-page1 .wrap-box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-bottom: 1.3rem;
  }
  .car-management-page1 .wrap-box .wrap-right {
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .car-management-page1 .wrap-box .wrap-right .text-block {
    width: 100%;
  }
}
.car-management-page1 .page-title .title {
  color: #fff;
}
@media (max-width: 767px) {
  .car-management-page1 .page-title .title {
    font-size: var(--font52);
  }
}
.car-management-page1 .wrap-right .list {
  margin-top: 0.4rem;
}
.car-management-page1 .wrap-right .list .item:last-child .item-box {
  box-shadow: inset 0 0 0.27rem rgba(225, 231, 157, 0.7);
}
.car-management-page1 .wrap-right .list .item .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0.38rem 0.92rem;
  box-shadow: inset 0 0 0.27rem rgba(97, 152, 115, 0.7);
  color: #fff;
  text-align: center;
  margin-top: 0.1rem;
}
.car-management-page1 .wrap-right .list .item .item-box .text-box .text-body {
  opacity: 0.6;
}
.car-management-page1 .float {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width:1560px) {
  .car-management-page1 .float {
    width: 90%;
  }
}
.car-management-page1 .float .item {
  color: #fff;
  position: absolute;
}
.car-management-page1 .float .item.item1 .item-box .text-box .title::after {
  -webkit-animation: icon_video02 2s infinite forwards linear 1s;
  animation: icon_video02 2s infinite forwards linear 1s;
}
.car-management-page1 .float .item.item2 .item-box .text-box .title::after {
  -webkit-animation: icon_video02 2.4s infinite forwards linear 1s;
  animation: icon_video02 2.4s infinite forwards linear 1s;
}
.car-management-page1 .float .item.item3 .item-box .text-box .title::after {
  -webkit-animation: icon_video02 2.8s infinite forwards linear 1s;
  animation: icon_video02 2.8s infinite forwards linear 1s;
}
.car-management-page1 .float .item.item4 .item-box .text-box .title::after {
  -webkit-animation: icon_video02 3s infinite forwards linear 1s;
  animation: icon_video02 3s infinite forwards linear 1s;
}
.car-management-page1 .float .item.item5 .item-box .text-box .title::after {
  -webkit-animation: icon_video02 3.2s infinite forwards linear 1s;
  animation: icon_video02 3.2s infinite forwards linear 1s;
}
.car-management-page1 .float .item.item-bg-green .item-box .text-box .title::before {
  box-shadow: inset 0 0 0.27rem rgba(97, 152, 115, 0.6);
}
.car-management-page1 .float .item.item-bg-green .item-box .text-box .title::after {
  box-shadow: inset 0 0 0.27rem rgba(97, 152, 115, 0.8);
}
.car-management-page1 .float .item.item-bg-yellow .item-box .text-box .title::before {
  box-shadow: inset 0 0 0.27rem rgba(225, 231, 157, 0.6);
}
.car-management-page1 .float .item.item-bg-yellow .item-box .text-box .title::after {
  box-shadow: inset 0 0 0.27rem rgba(225, 231, 157, 0.8);
}
.car-management-page1 .float .item.item-left .item-box .text-box .text-body {
  padding-left: 0.8rem;
}
@media (max-width:768px) {
  .car-management-page1 .float .item.item-left .item-box .text-box .text-body {
    padding-left: 0.4rem;
    padding-top: 0.6rem;
  }
}
.car-management-page1 .float .item.item-left .item-box .text-box .text-body::before {
  content: '';
  width: 0.66rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.car-management-page1 .float .item.item-left .item-box .text-box .text-body::after {
  content: '';
  width: 0.05rem;
  height: 0.05rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0.66rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.car-management-page1 .float .item.item-right .item-box .text-box .title {
  order: 1;
}
.car-management-page1 .float .item.item-right .item-box .text-box .text-body {
  padding-right: 0.8rem;
}
@media (max-width:768px) {
  .car-management-page1 .float .item.item-right .item-box .text-box .text-body {
    padding-right: 0.4rem;
    padding-bottom: 0.6rem;
  }
}
.car-management-page1 .float .item.item-right .item-box .text-box .text-body::before {
  content: '';
  width: 0.66rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.car-management-page1 .float .item.item-right .item-box .text-box .text-body::after {
  content: '';
  width: 0.05rem;
  height: 0.05rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 0.66rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.car-management-page1 .float .item.item-top .item-box .text-box {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.car-management-page1 .float .item.item-top .item-box .text-box .text-body {
  padding-top: 0.8rem;
}
.car-management-page1 .float .item.item-top .item-box .text-box .text-body::before {
  content: '';
  width: 1px;
  height: 0.66rem;
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.car-management-page1 .float .item.item-top .item-box .text-box .text-body::after {
  content: '';
  width: 0.05rem;
  height: 0.05rem;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0.66rem;
  left: 0;
  right: 0;
  margin: auto;
}
.car-management-page1 .float .item .item-box {
  display: block;
  height: 100%;
  position: relative;
}
.car-management-page1 .float .item .item-box .text-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.car-management-page1 .float .item .item-box .text-box .title {
  width: 1.82rem;
  height: 1.82rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width: 767px) {
  .car-management-page1 .float .item .item-box .text-box .title {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.car-management-page1 .float .item .item-box .text-box .title::before,
.car-management-page1 .float .item .item-box .text-box .title::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0.27rem rgba(97, 152, 115, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.car-management-page1 .float .item .item-box .text-box .title::after {
  width: 46.1%;
  height: 46.1%;
  box-shadow: inset 0 0 0.27rem rgba(97, 152, 115, 0.8);
}
.car-management-page1 .float .item .item-box .text-box .text-body {
  position: relative;
}
.car-management-page2 {
  padding: 1.2rem 0 5.04rem;
}
.car-management-page2 .container {
  position: relative;
}
@media (max-width:768px) {
  .car-management-page2 .container {
    padding-right: 0;
  }
}
.car-management-page2 .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media (max-width:1024px) {
  .car-management-page2 .up {
    display: block;
  }
  .car-management-page2 .up .page-title {
    margin-bottom: 0.4rem;
  }
}
.car-management-page2 .list {
  margin-top: 0.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.3rem;
}
@media (max-width:768px) {
  .car-management-page2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: scroll;
    text-overflow: inherit;
    white-space: nowrap;
  }
  .car-management-page2 .list::-webkit-scrollbar {
    width: 2px;
    height: 5px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 0;
  }
  .car-management-page2 .list::-webkit-scrollbar-thumb {
    background-color: #000;
    background-color: transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
  }
}
@media (max-width:768px) {
  .car-management-page2 .list .item {
    min-width: 220px;
    white-space: normal;
  }
}
.car-management-page2 .list .item .item-box {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding: 0.4rem 0.3rem 0.56rem;
  background: -webkit-linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.3) 100%);
  border-radius: 0.16rem;
}
@media (max-width:768px) {
  .car-management-page2 .list .item .item-box {
    min-height: 145px;
  }
}
.car-management-page2 .list .item .item-box .num {
  position: absolute;
  right: 0.1rem;
  bottom: -0.3rem;
  color: var(--color-active);
  line-height: 1;
  font-weight: bold;
  opacity: 0.2;
}
.car-management-page2 .list .item .item-box .text-box .title {
  color: #333333;
}
.car-management-page2 .list .item .item-box .text-box .text-body {
  color: #666666;
  line-height: 1.55555556em;
  margin-top: 0.04rem;
}
@media screen and (min-width: 1920px) {
  /* 在大于1920分辨率时执行的样式 */
  .guard-page {
    background-size: initial !important;
  }
}
.guard-page {
  padding: 1.2rem 0;
  background: url(../images/guard-bg.jpg) no-repeat center;
  background-size: cover;
}
@media (max-width:1200px) {
  .guard-page {
    background: transparent;
    padding-bottom: 0;
  }
}
.guard-page .container {
  position: relative;
  height: 100%;
}
.guard-page .page-main {
  position: relative;
}
.guard-page .page-main .img {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  border: 0.2rem solid rgba(41, 81, 54, 0.05);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}
@media (max-width:1200px) {
  .guard-page .page-main .img {
    position: relative;
    margin-top: 0.4rem;
  }
}
.guard-page .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.1rem 0;
  margin-top: 1rem;
}
@media (max-width:1200px) {
  .guard-page .list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.4rem;
  }
  .guard-page .list .item {
    padding: 0 !important;
  }
}
@media (max-width:768px) {
  .guard-page .list {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0.6rem;
  }
  .guard-page .list .item:nth-child(2n-1) .item-box .text-box,
  .guard-page .list .item .item-box .text-box .text-body * {
    text-align: center !important;
  }
}
.guard-page .list .item:nth-child(2n-1) .item-box .icon {
  order: 2;
  margin-left: 0.19rem;
}
@media (max-width:1200px) {
  .guard-page .list .item:nth-child(2n-1) .item-box .icon {
    order: initial;
    margin-left: 0;
    margin-right: 0.19rem;
  }
}
.guard-page .list .item:nth-child(2n-1) .item-box .text-box {
  text-align: right;
}
.guard-page .list .item:nth-child(2n-1) .item-box .text-box .text-body * {
  text-align: right;
}
@media (max-width:1200px) {
  .guard-page .list .item:nth-child(2n-1) .item-box .text-box {
    text-align: left;
  }
  .guard-page .list .item:nth-child(2n-1) .item-box .text-box .text-body * {
    text-align: left;
  }
}
.guard-page .list .item:nth-child(2n) .item-box .icon {
  margin-right: 0.19rem;
}
.guard-page .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:768px) {
  .guard-page .list .item .item-box {
    display: block;
    text-align: center;
  }
  .guard-page .list .item .item-box .icon {
    margin: 0 auto 0.2rem !important;
  }
}
.guard-page .list .item .item-box .icon {
  width: 1rem;
  height: 1rem;
  background: url(../images/guard-icon-bg.png) no-repeat center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.guard-page .list .item .item-box .icon img,
.guard-page .list .item .item-box .icon svg {
  width: 44%;
  height: auto;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.guard-page .list .item .item-box .text-box .title {
  color: var(--color-active);
  line-height: 1;
  font-weight: bold;
}
.guard-page .list .item .item-box .text-box .text-body {
  color: #333333;
}
.guard-page .btn-container {
  margin-top: 1.1rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1200px) {
  .guard-page .btn-container {
    margin-top: 0.4rem;
  }
}
.guard-page2 {
  padding-top: 1.47rem;
}
@media (max-width:1024px) {
  .guard-page2 {
    padding: 1rem 0;
  }
}
.guard-page2 .page-main {
  position: relative;
  margin-bottom: -37.5%;
}
@media (max-width:1560px) {
  .guard-page2 .page-main {
    margin-bottom: -27.5%;
  }
}
@media (max-width:1024px) {
  .guard-page2 .page-main {
    margin-bottom: 0;
  }
}
.guard-page2 .page-main .up {
  position: absolute;
  top: 37.2%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.guard-page2 .page-main .up .btn-container {
  margin-top: 0.7rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
@media (max-width:1024px) {
  .guard-page2 .page-main .up {
    position: relative;
  }
}
.guard-page2 .page-main .guard-bg {
  max-width: 90.2%;
  margin: auto;
  background-color: rgba(233, 237, 235, 0.3);
  border: 1px solid rgba(41, 81, 54, 0.3);
  border-radius: 50%;
  overflow: visible;
}
@media (max-width:1560px) {
  .guard-page2 .page-main .guard-bg {
    max-width: 72%;
  }
}
@media (max-width:1024px) {
  .guard-page2 .page-main .guard-bg {
    max-width: 100%;
    margin-top: 0.8rem;
    background-color: transparent;
    border: none;
    border-radius: 0;
  }
  .guard-page2 .page-main .guard-bg::before {
    display: none;
  }
}
.guard-page2 .page-main .guard-bg2 {
  width: 72.4%;
  height: 72.4%;
  background-color: #fff;
  border: 1px solid #e1e9e4;
  border-radius: 50%;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width:1024px) {
  .guard-page2 .page-main .guard-bg2 {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0.4rem;
    background-color: transparent;
    border: none;
    border-radius: 0;
  }
  .guard-page2 .page-main .guard-bg2::before {
    display: none;
  }
}
.guard-page2 .list,
.guard-page2 .list2 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media (max-width:1024px) {
  .guard-page2 .list,
  .guard-page2 .list2 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.4rem;
  }
}
@media (max-width:768px) {
  .guard-page2 .list,
  .guard-page2 .list2 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.guard-page2 .list .item,
.guard-page2 .list2 .item {
  width: 0;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@media (max-width:1024px) {
  .guard-page2 .list .item,
  .guard-page2 .list2 .item {
    width: 100%;
    position: relative;
    left: 0;
    -webkit-transform-origin: initial;
    transform-origin: initial;
  }
}
.guard-page2 .list .item.item1,
.guard-page2 .list2 .item.item1 {
  -webkit-transform: rotate(268deg);
  transform: rotate(268deg);
}
.guard-page2 .list .item.item1 .icon,
.guard-page2 .list2 .item.item1 .icon {
  -webkit-transform: rotate(-268deg);
  transform: rotate(-268deg);
}
.guard-page2 .list .item.item2,
.guard-page2 .list2 .item.item2 {
  -webkit-transform: rotate(291deg);
  transform: rotate(291deg);
}
.guard-page2 .list .item.item2 .icon,
.guard-page2 .list2 .item.item2 .icon {
  -webkit-transform: rotate(-291deg);
  transform: rotate(-291deg);
}
.guard-page2 .list .item.item3,
.guard-page2 .list2 .item.item3 {
  -webkit-transform: rotate(314deg);
  transform: rotate(314deg);
}
.guard-page2 .list .item.item3 .icon,
.guard-page2 .list2 .item.item3 .icon {
  -webkit-transform: rotate(-314deg);
  transform: rotate(-314deg);
}
.guard-page2 .list .item.item4,
.guard-page2 .list2 .item.item4 {
  -webkit-transform: rotate(337deg);
  transform: rotate(337deg);
}
.guard-page2 .list .item.item4 .icon,
.guard-page2 .list2 .item.item4 .icon {
  -webkit-transform: rotate(-337deg);
  transform: rotate(-337deg);
}
.guard-page2 .list .item.item5,
.guard-page2 .list2 .item.item5 {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.guard-page2 .list .item.item5 .icon,
.guard-page2 .list2 .item.item5 .icon {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.guard-page2 .list .item.item6,
.guard-page2 .list2 .item.item6 {
  -webkit-transform: rotate(23deg);
  transform: rotate(23deg);
}
.guard-page2 .list .item.item6 .icon,
.guard-page2 .list2 .item.item6 .icon {
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
}
.guard-page2 .list .item.item7,
.guard-page2 .list2 .item.item7 {
  -webkit-transform: rotate(46deg);
  transform: rotate(46deg);
}
.guard-page2 .list .item.item7 .icon,
.guard-page2 .list2 .item.item7 .icon {
  -webkit-transform: rotate(-46deg);
  transform: rotate(-46deg);
}
.guard-page2 .list .item.item8,
.guard-page2 .list2 .item.item8 {
  -webkit-transform: rotate(69deg);
  transform: rotate(69deg);
}
.guard-page2 .list .item.item8 .icon,
.guard-page2 .list2 .item.item8 .icon {
  -webkit-transform: rotate(-69deg);
  transform: rotate(-69deg);
}
.guard-page2 .list .item.item9,
.guard-page2 .list2 .item.item9 {
  -webkit-transform: rotate(92deg);
  transform: rotate(92deg);
}
.guard-page2 .list .item.item9 .icon,
.guard-page2 .list2 .item.item9 .icon {
  -webkit-transform: rotate(-92deg);
  transform: rotate(-92deg);
}
.guard-page2 .list .item.item10,
.guard-page2 .list2 .item.item10 {
  -webkit-transform: rotate(275deg);
  transform: rotate(275deg);
}
.guard-page2 .list .item.item10 .icon,
.guard-page2 .list2 .item.item10 .icon {
  -webkit-transform: rotate(-275deg);
  transform: rotate(-275deg);
}
.guard-page2 .list .item.item11,
.guard-page2 .list2 .item.item11 {
  -webkit-transform: rotate(303deg);
  transform: rotate(303deg);
}
.guard-page2 .list .item.item11 .icon,
.guard-page2 .list2 .item.item11 .icon {
  -webkit-transform: rotate(-303deg);
  transform: rotate(-303deg);
}
.guard-page2 .list .item.item12,
.guard-page2 .list2 .item.item12 {
  -webkit-transform: rotate(331deg);
  transform: rotate(331deg);
}
.guard-page2 .list .item.item12 .icon,
.guard-page2 .list2 .item.item12 .icon {
  -webkit-transform: rotate(-331deg);
  transform: rotate(-331deg);
}
.guard-page2 .list .item.item13,
.guard-page2 .list2 .item.item13 {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.guard-page2 .list .item.item13 .icon,
.guard-page2 .list2 .item.item13 .icon {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.guard-page2 .list .item.item14,
.guard-page2 .list2 .item.item14 {
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
}
.guard-page2 .list .item.item14 .icon,
.guard-page2 .list2 .item.item14 .icon {
  -webkit-transform: rotate(-28deg);
  transform: rotate(-28deg);
}
.guard-page2 .list .item.item15,
.guard-page2 .list2 .item.item15 {
  -webkit-transform: rotate(56deg);
  transform: rotate(56deg);
}
.guard-page2 .list .item.item15 .icon,
.guard-page2 .list2 .item.item15 .icon {
  -webkit-transform: rotate(-56deg);
  transform: rotate(-56deg);
}
.guard-page2 .list .item.item16,
.guard-page2 .list2 .item.item16 {
  -webkit-transform: rotate(85deg);
  transform: rotate(85deg);
}
.guard-page2 .list .item.item16 .icon,
.guard-page2 .list2 .item.item16 .icon {
  -webkit-transform: rotate(-85deg);
  transform: rotate(-85deg);
}
.guard-page2 .list .item .icon,
.guard-page2 .list2 .item .icon {
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  position: relative;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #e1e9e4;
  box-shadow: 0 0.2rem 0.5rem 0 rgba(41, 81, 54, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media (max-width:1024px) {
  .guard-page2 .list .item .icon,
  .guard-page2 .list2 .item .icon {
    margin: auto;
  }
}
.guard-page2 .list .item .icon img,
.guard-page2 .list2 .item .icon img {
  width: auto;
  height: auto;
  max-width: 74%;
  max-height: 45%;
  object-fit: initial;
}
.hazards-page {
  padding: 0.98rem 0 1.2rem;
}
.hazards-page .hazards-swiper {
  overflow: visible;
  margin-top: 1.4rem;
}
.hazards-page .hazards-swiper .swiper-slide {
  height: auto;
}
.hazards-page .hazards-swiper .swiper-slide:hover .item-box {
  -webkit-transform: translateY(-0.8rem);
  transform: translateY(-0.8rem);
}
@media (max-width:1024px) {
  .hazards-page .hazards-swiper .swiper-slide:hover .item-box {
    -webkit-transform: none;
    transform: none;
  }
}
@media (max-width:1024px) {
  .hazards-page .hazards-swiper {
    padding-bottom: 40px;
  }
  .hazards-page .hazards-swiper .swiper-pagination {
    opacity: 1;
  }
}
.hazards-page .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 0.2rem 0.2rem 0.4rem;
  background-color: #fff;
  border: 1px solid #e1e9e4;
  border-radius: 0.16rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hazards-page .item-box .public-img {
  border-radius: 0.16rem;
}
.hazards-page .item-box .public-img::before {
  padding-top: 79.9%;
}
.hazards-page .item-box .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.77rem;
}
.hazards-page .item-box .text-box {
  position: relative;
  z-index: 1;
  padding-right: 0.4rem;
  margin-top: 0.36rem;
}
.hazards-page .item-box .text-box .title {
  color: var(--color-active);
}
.hazards-page .item-box .text-box .text-body {
  color: #333333;
  line-height: 1.5em;
}
.hazards-page .item-box .text-box .text-body * {
  text-align: left;
}
.scheme-page {
  padding: 1.2rem 0;
}
.scheme-page .page-title .subtitle {
  color: #333333;
  line-height: 1.5em;
  margin-top: 0.1rem;
}
.scheme-page .down {
  position: relative;
  margin-top: 0.5rem;
}
.scheme-page .down::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #d6e3da;
  position: absolute;
  left: 0;
  top: 0.3rem;
}
.scheme-page .scheme-swiper {
  overflow: visible;
}
@media (max-width:1024px) {
  .scheme-page .scheme-swiper {
    padding-bottom: 40px;
  }
  .scheme-page .scheme-swiper .swiper-pagination {
    opacity: 1;
  }
}
.scheme-page .scheme-swiper .swiper-slide {
  height: auto;
}
.scheme-page .scheme-swiper .swiper-slide:hover .num {
  background-color: var(--color-active);
  color: #fff;
}
.scheme-page .scheme-swiper .swiper-slide:hover .item-box {
  border: 1px solid var(--color-active);
  box-shadow: 0px 0px 20px 0px rgba(41, 81, 54, 0.2);
}
.scheme-page .scheme-swiper .swiper-slide:hover .item-box::before {
  background: url(../images/scheme-icon3.png) no-repeat center;
  background-size: cover;
}
.scheme-page .scheme-swiper .swiper-slide:hover .item-box .public-img-box {
  border-color: transparent;
  box-shadow: initial;
}
.scheme-page .scheme-swiper .swiper-slide:hover .item-box .text-box .text-body {
  opacity: 1;
}
.scheme-page .scheme-swiper .swiper-slide:last-child .item-box .public-img-box::before {
  display: none;
}
.scheme-page .num {
  color: #9bb4a3;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #d6e3da;
  border-radius: 50%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (max-width:1024px) {
  .scheme-page .num {
    background-color: var(--color-active);
    color: #fff;
  }
}
.scheme-page .item-box {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0.16rem;
  text-align: center;
  margin-top: 0.31rem;
}
.scheme-page .item-box::before {
  content: '';
  width: 0.22rem;
  height: 0.1rem;
  background: url(../images/scheme-icon2.png) no-repeat center;
  background-size: cover;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: auto;
  margin-bottom: -1px;
  border-bottom: 1px solid #fff;
}
.scheme-page .item-box .public-img-box {
  padding: 0.1rem;
  border: 1px solid #e1e9e4;
  border-radius: 0.16rem;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.scheme-page .item-box .public-img-box::before {
  content: '';
  width: 60px;
  height: 0.2rem;
  background: url(../images/scheme-icon.png) no-repeat center;
  background-size: 0.2rem 0.2rem;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.scheme-page .item-box .public-img {
  border-radius: 0.16rem;
}
.scheme-page .item-box .public-img::before {
  padding-top: 79.9%;
}
.scheme-page .item-box .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.77rem;
}
.scheme-page .item-box .text-box {
  position: relative;
  z-index: 1;
  padding: 0.24rem 0.4rem 0.28rem;
}
.scheme-page .item-box .text-box .title {
  color: var(--color-active);
}
.scheme-page .item-box .text-box .subtitle {
  color: #666666;
  line-height: 1.36363636em;
}
.scheme-page .item-box .text-box .text-body {
  color: #999999;
  line-height: 1.44444444em;
  border-top: 1px solid #eaeaea;
  padding-top: 0.3rem;
  margin-top: 0.3rem;
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.scheme-page .item-box .text-box .text-body * {
  text-align: center;
}
@media (max-width:1024px) {
  .scheme-page .item-box {
    border: 1px solid var(--color-active);
    box-shadow: 0px 0px 20px 0px rgba(41, 81, 54, 0.2);
  }
  .scheme-page .item-box::before {
    background: url(../images/scheme-icon3.png) no-repeat center;
    background-size: cover;
  }
  .scheme-page .item-box .public-img-box {
    border-color: transparent;
    box-shadow: initial;
  }
  .scheme-page .item-box .text-box .text-body {
    opacity: 1;
  }
}
.team-page {
  padding: 1.2rem 0;
  background-color: var(--color-green-ef);
}
.team-page .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0.8rem;
}
@media (max-width:1024px) {
  .team-page .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.4rem;
    margin-top: 0.6rem;
  }
}
.team-page .list .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.team-page .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  border-top: 1px solid #d6e3da;
  padding-top: 0.4rem;
  margin-top: 0.6rem;
}
@media (max-width:1024px) {
  .team-page .list .item .item-box {
    margin-top: 0;
  }
}
.team-page .list .item .item-box .icon {
  line-height: 1;
}
.team-page .list .item .item-box .icon img,
.team-page .list .item .item-box .icon svg {
  width: auto;
  height: 0.6rem;
}
.team-page .list .item .item-box .text-box .title {
  color: var(--color-active);
  line-height: 1;
  font-weight: bold;
  margin: 0.3rem 0 0.2rem;
}
.team-page .list .item .item-box .text-box .text-body {
  color: #333333;
}
.team-page .swiper-main {
  max-width: 800px;
  margin-top: 0.6rem;
}
.team-page .team-swiper {
  overflow: visible;
}
.team-page .team-swiper .swiper-wrapper {
  -webkit-transition-duration: 2500ms;
  transition-duration: 2500ms;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.team-page .team-swiper .swiper-slide {
  max-width: 4.4rem;
  height: auto;
}
.team-page .team-swiper .swiper-slide .public-img {
  width: 100%;
  border-radius: 0.16rem;
}
.team-page .team-swiper .swiper-slide .public-img::before {
  padding-top: 90.91%;
}
.team-page .team-swiper .swiper-slide.active {
  max-width: 3.4rem;
}
.team-page .team-swiper .swiper-slide.active .item-box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.team-page .team-swiper .swiper-slide.active .public-img::before {
  padding-top: 88.236%;
}
.process-page {
  padding: 1.2rem 0;
}
.process-page .list {
  padding: 0 1.2rem;
  margin-top: 0.55rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.6rem 0;
  position: relative;
}
@media (max-width: 1580px) {
  .process-page .list {
    width: 76%;
    margin: auto;
    margin-top: 0.55rem;
  }
}
@media (max-width:1024px) {
  .process-page .list {
    width: 100%;
    padding: 0;
    grid-gap: 0.4rem;
  }
}
@media (max-width:768px) {
  .process-page .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.process-page .list::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/process-bg.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 0.08rem;
}
@media (max-width:1024px) {
  .process-page .list::before {
    display: none;
  }
}
.process-page .list .item:nth-child(4) {
  order: 3;
}
.process-page .list .item:nth-child(5) {
  order: 2;
}
.process-page .list .item:nth-child(6) {
  order: 1;
}
@media (max-width:1024px) {
  .process-page .list .item:nth-child(4) {
    order: initial;
  }
  .process-page .list .item:nth-child(5) {
    order: initial;
  }
  .process-page .list .item:nth-child(6) {
    order: initial;
  }
}
.process-page .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  text-align: center;
}
.process-page .list .item .item-box .public-img-box {
  position: relative;
  width: 45%;
  max-width: 180px;
  margin: auto;
}
.process-page .list .item .item-box .public-img {
  border-radius: 50%;
}
.process-page .list .item .item-box .text-box {
  position: relative;
  z-index: 1;
}
.process-page .list .item .item-box .text-box .num {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 30px;
  min-height: 30px;
  background-color: var(--color-active);
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.process-page .list .item .item-box .text-box .title {
  margin-top: 0.08rem;
  color: #333333;
}
.process-page .btn-container {
  margin-top: 0.7rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.quality-page {
  padding: 1.2rem 0;
  background-color: var(--color-green-ef);
}
.quality-page .list {
  margin-top: 0.56rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media (max-width:1024px) {
  .quality-page .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.4rem;
  }
}
@media (max-width:768px) {
  .quality-page .list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.quality-page .list::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/quality-bg.png) no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0 -0.05rem;
}
@media (max-width:1024px) {
  .quality-page .list::before {
    display: none;
  }
}
.quality-page .list .item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.quality-page .list .item:nth-child(2n-1) .item-box {
  padding-top: 1.37rem;
}
.quality-page .list .item:nth-child(2n-1) .item-box .text-box {
  margin-top: 0.34rem;
}
@media (max-width:1024px) {
  .quality-page .list .item:nth-child(2n-1) .item-box {
    padding-top: 0;
  }
  .quality-page .list .item:nth-child(2n-1) .item-box .text-box {
    margin-top: 0.26rem;
  }
}
.quality-page .list .item:nth-child(2n) .item-box .public-img-box {
  order: 2;
  margin-top: 0.36rem;
}
.quality-page .list .item:nth-child(2n) .item-box .text-box {
  margin-top: 0.26rem;
}
@media (max-width:1024px) {
  .quality-page .list .item:nth-child(2n) .item-box .public-img-box {
    order: initial;
    margin-top: 0;
  }
}
.quality-page .list .item .item-box {
  display: block;
  height: 100%;
  position: relative;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.quality-page .list .item .item-box .public-img-box {
  width: 55.56%;
  max-width: 160px;
  margin: 0 auto;
  position: relative;
}
.quality-page .list .item .item-box .public-img-box .icon {
  width: 50%;
  height: 50%;
  background: rgba(225, 225, 225, 0.8);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.quality-page .list .item .item-box .public-img-box .icon img,
.quality-page .list .item .item-box .public-img-box .icon svg {
  width: 52.5%;
  height: auto;
}
.quality-page .list .item .item-box .public-img {
  border-radius: 50%;
}
.quality-page .list .item .item-box .text-box .title {
  color: var(--color-active);
}
.quality-page .list .item .item-box .text-box .text-body {
  color: #666666;
}
.quality-page .list .item .item-box .text-box .text-body * {
  text-align: center;
}
.quality-page .btn-container {
  margin-top: 0.6rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pick-up-page {
  background-color: var(--color-green-ef);
  padding: 1.2rem 0;
  position: relative;
  z-index: 1;
}
.pick-up-page .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media (max-width:1024px) {
  .pick-up-page .up {
    display: block;
  }
  .pick-up-page .up .page-title {
    margin-bottom: 0.4rem;
  }
}
.pick-up-page .wrap-box {
  background-color: #fff;
  border-radius: 0.2rem;
  margin-top: 0.6rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pick-up-page .wrap-box .wrap-left {
  width: 37.5%;
  max-width: 540px;
  padding: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.pick-up-page .wrap-box .wrap-right {
  width: 62.5%;
  max-width: 900px;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}
@media (max-width:1024px) {
  .pick-up-page .wrap-box {
    display: block;
    padding: 0.4rem;
  }
  .pick-up-page .wrap-box .wrap-left {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .pick-up-page .wrap-box .wrap-right {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.pick-up-page .wrap-float {
  width: 62.5%;
  max-width: 900px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}
@media (max-width:1024px) {
  .pick-up-page .wrap-float {
    display: none;
  }
}
.pick-up-page .wrap-float .tab-title-box {
  height: 100%;
}
.pick-up-page .wrap-float .tab-title {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0;
}
.pick-up-page .wrap-float .tab-title .title {
  text-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}
.pick-up-page .wrap-float .tab-title .title:first-child {
  border: none;
}
.pick-up-page .wrap-float .tab-title .title::before {
  content: '';
  width: 0;
  height: 100%;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.8;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.pick-up-page .wrap-float .tab-title .title.active::before {
  width: 100%;
  left: 0;
}
.pick-up-page .wrap-float .tab-title .title.active .icon::before,
.pick-up-page .wrap-float .tab-title .title.active .icon::after {
  opacity: 1;
}
.pick-up-page .wrap-float .tab-title .title.active .icon em {
  background-color: var(--color-active);
}
.pick-up-page .wrap-float .tab-title .title.active .name {
  color: var(--color-active);
}
.pick-up-page .wrap-float .tab-title .title .text-box {
  position: relative;
}
.pick-up-page .wrap-float .tab-title .title .icon {
  width: 0.6rem;
  height: 0.6rem;
  position: relative;
  margin: auto;
}
.pick-up-page .wrap-float .tab-title .title .icon::before,
.pick-up-page .wrap-float .tab-title .title .icon::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid rgba(41, 81, 54, 0.1);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}
.pick-up-page .wrap-float .tab-title .title .icon::after {
  width: 50%;
  height: 50%;
}
.pick-up-page .wrap-float .tab-title .title .icon em {
  width: 10%;
  height: 10%;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pick-up-page .wrap-float .tab-title .title .name {
  color: #fff;
  margin-top: 0.16rem;
}
.pick-up-page .public-img {
  border-radius: 0.2rem;
}
.pick-up-page .public-img::before {
  padding-top: 64.445%;
}
.pick-up-page .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
  z-index: 2;
}
.pick-up-page .item-box .text-box .title {
  color: var(--color-active);
}
.pick-up-page .item-box .text-box .text-body {
  color: #666666;
  line-height: 1.5em;
  margin-top: 0.22rem;
}
.pick-up-page .pick-up-swiper .swiper-slide {
  height: auto;
}
@media (max-width:1024px) {
  .pick-up-page .pick-up-swiper2 {
    padding-bottom: 40px;
  }
  .pick-up-page .pick-up-swiper2 .swiper-pagination {
    opacity: 1;
  }
}
.services-honor-page {
  padding: 1.2rem 0;
  background-color: var(--color-green-ef);
}
.services-honor-page .page-title .subtitle {
  color: #333333;
  line-height: 1.5em;
  margin-top: 0.14rem;
}
.services-honor-page .swiper-main {
  margin-top: 0.54rem;
}
.services-honor-page .swiper-main .services-honor-swiper {
  background-color: #fff;
  border: 1px solid #d6e3d9;
  border-radius: 0.16rem;
}
.services-honor-page .swiper-main .services-honor-swiper .swiper-slide {
  height: auto;
}
.services-honor-page .swiper-main .services-honor-swiper .swiper-slide:first-child .item-box {
  border: none;
}
.services-honor-page .swiper-scrollbar {
  width: 100%;
  height: 2px;
  background-color: #d6e3d9;
  opacity: 1;
  margin-top: 0.58rem;
}
.services-honor-page .swiper-scrollbar .swiper-pagination-progressbar-fill,
.services-honor-page .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: var(--color-active);
}
.services-honor-page .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding: 0.6rem 0 0.7rem;
  border-left: 1px solid #d6e3d9;
  text-align: center;
}
.services-honor-page .item-box .public-img-box {
  padding: 0 0.8rem;
}
.services-honor-page .item-box .public-img::before {
  padding-top: 71.4%;
}
.services-honor-page .item-box .text-box {
  padding: 0 0.4rem;
}
.services-honor-page .item-box .text-box .title {
  color: #333333;
  margin-top: 0.4rem;
}
.comprehensive-page {
  padding: 1.2rem 0;
}
.comprehensive-page .page-title .subtitle {
  color: #333333;
  line-height: 1.5em;
  margin-top: 0.14rem;
}
.comprehensive-page .swiper-main {
  margin-top: 0.54rem;
}
.comprehensive-page .swiper-main .comprehensive-swiper.active {
  padding-bottom: 40px;
}
.comprehensive-page .swiper-main .comprehensive-swiper.active .swiper-pagination {
  opacity: 1;
}
.comprehensive-page .swiper-main .comprehensive-swiper .swiper-slide {
  height: auto;
}
.comprehensive-page .item-box {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.comprehensive-page .item-box .public-img {
  width: 41.667%;
  margin: auto;
  background-color: var(--color-green-ef);
  border-radius: 50%;
}
.comprehensive-page .item-box .public-img::after {
  content: '';
  width: 75%;
  height: 75%;
  background-color: var(--color-active);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.comprehensive-page .item-box .public-img img {
  width: auto;
  height: auto;
  max-width: 25%;
  max-height: 28%;
  object-fit: initial;
}
.comprehensive-page .item-box .text-box {
  margin-top: 0.3rem;
}
.comprehensive-page .item-box .text-box .title {
  color: #333333;
}
.comprehensive-page .item-box .text-box .text-body {
  max-width: 288px;
  margin: auto;
  margin-top: 0.1rem;
  color: #666666;
  line-height: 1.5em;
}
.comprehensive-page .item-box .text-box .text-body * {
  text-align: center;
}
.comprehensive-page .btn-container {
  margin-top: 0.7rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.province,
.city {
  position: fixed;
  background: #ccc;
  background: #fff;
  border: 1px solid var(--color-active);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 10px;
  width: 92%;
  max-width: 740px;
  padding: 0.8rem 0.4rem;
  text-align: left;
  display: none;
  z-index: 9;
}
.province .close-province,
.city .close-province,
.province .close-city,
.city .close-city {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  font-size: var(--font26);
  margin: 0.2rem 0.2rem 0 0;
  cursor: pointer;
}
.province .province-container,
.city .province-container,
.province .city-container,
.city .city-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  color: #979797;
  font-size: 14px;
}
@media (max-width:768px) {
  .province .province-container,
  .city .province-container,
  .province .city-container,
  .city .city-container {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
  }
}
.province .province-container .province-item,
.city .province-container .province-item,
.province .city-container .province-item,
.city .city-container .province-item,
.province .province-container .city-item,
.city .province-container .city-item,
.province .city-container .city-item,
.city .city-container .city-item {
  cursor: pointer;
}