@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: 72px;
  }
}
@media (max-width:1366px) {
  html {
    font-size: 64px;
  }
}
@media (max-width:1280px) {
  html {
    font-size: 67px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/15);
  }
}
@media (max-width:480px) {
  html {
    font-size: calc(100vw/7.5);
  }
}
body {
  min-height: 100%;
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  color: #000;
  background: #fff;
  overflow-x: hidden;
  touch-action: pan-y; /* 允许垂直滚动，禁止水平方向的拖动 */
  user-select: none;   /* 阻止选中文本 */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
    line-height: 1.333;
  }
}
* {
  font-family: 'HarmonyOS';
  font-size: var(--font16);
  font-weight: normal;
}
/*@media (max-width:1440px) {*/
/*  * {*/
/*    font-size: 12px;*/
/*  }*/
/*}*/
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;
}
.fdh {display:none;}
.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: 'HarmonyOS';
  src: url('../fonts/HarmonyOS_Sans_Light.ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'HarmonyOS';
  src: url('../fonts/HarmonyOS_Sans_Regular.ttf');
  font-weight: normal;
}
@font-face {
  font-family: 'HarmonyOS-Medium';
  src: url('../fonts/HarmonyOS_Sans_Medium.ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'HarmonyOS';
  src: url('../fonts/HarmonyOS_Sans_Bold.ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'HarmonyOS-TC';
  src: url('../fonts/HarmonyOS_Sans_TC_Bold.ttf');
  font-weight: 700;
}
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;
}
.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;
}
/* 图片放大 */
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  animation: fadeInLeft  forwards ;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@keyframes fadeInLeftCubic {
  from {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftCubic {
  animation: fadeInLeftCubic 2s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounce {
  animation: bounce 5s infinite cubic-bezier(0.25, 0.4, 0.4, 1);
}
/* 动画 */
.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;
}
.w1540 {
  width: 80.2%;
  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:1820px) {
  .w1540 {
    width: 100%;
    padding: 0 7.69230769%;
  }
}
@media (max-width:990px) {
  .w1800,
  .w1720,
  .w1680,
  .w1640,
  .w1600,
  .w1560,
  .w1540,
  .w1440,
  .w1400,
  .w1350,
  .w1280,
  .w1240,
  .w1200,
  .w1150 {
    padding: 0 20px;
  }
}
.mt30 {
  margin-top: 0.3rem;
}
.mt70 {
  margin-top: 0.7rem;
}
:root {
  /* 导航高度 */
  --header-height: 0.9rem;
  /* COLOR */
  --color-active: #25BB0F;
  --active-color: #25BB0F;
  --white-color: #fff;
  --footer-bg-color: #FFFFFF;
  --footer-down-bg-color: #141414;
  --black-000: #000000;
  --black-222: #222222;
  --black-333: #333333;
  --black-666: #666666;
  --black-999: #999999;
  --black-ccc: #cccccc;
  --black-ddd: #dddddd;
  --bg-f8: #F8F8F8;
  --bg-f7: #F7F7F7;
  --bg-f6: #F6F6F6;
  /* 字体大小 */
  --font12: 12px;
  --font14: 14px;
  --font16: 16px;
  --font17: 17px;
  --font18: 18px;
  --font20: 20px;
  --font22: 22px;
  --font24: 24px;
  --font26: 26px;
  --font28: 28px;
  --font30: 30px;
  --font32: 32px;
  --font34: 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;
  --font64: 0.64rem;
  --font66: 0.66rem;
  --font70: 0.7rem;
  --font72: 0.72rem;
  --font80: 0.8rem;
  --font96: 0.96rem;
  --font100: 1rem;
  --font120: 1.2rem;
  --font160: 1.6rem;
}
@media (max-width: 1580px) {
  :root {
    --header-height: 50px;
  }
}
@media (max-width: 1580px) {
  :root {
    --font16: 15px;
    --font17: 15px;
    --font18: 16px;
    --font20: 17px;
    --font22: 18px;
    --font24: 20px;
    --font26: 21px;
    --font28: 22px;
    --font30: 24px;
    --font32: 25px;
    --font34: 26px;
  }
}
@media (max-width:1366px) {
  :root {
    --font14: 13px;
    --font16: 14px;
    --font17: 14px;
    --font18: 14px;
    --font20: 15px;
    --font22: 16px;
    --font24: 17px;
    --font26: 18px;
    --font28: 18px;
    --font30: 20px;
    --font32: 20px;
    --font34: 22px;
  }
}
@media (max-width:1280px) {
  --font16: 12px;
}
/* 公共字体 */
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
.font16 {
  font-size: 16px;
}
.font17 {
  font-size: 17px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.font26 {
  font-size: 26px;
}
.font28 {
  font-size: 28px;
}
.font30 {
  font-size: 30px;
}
.font32 {
  font-size: 32px;
}
.font34 {
  font-size: 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;
}
.font64 {
  font-size: 0.64rem;
}
.font66 {
  font-size: 0.66rem;
}
.font70 {
  font-size: 0.7rem;
}
.font72 {
  font-size: 0.72rem;
}
.font80 {
  font-size: 0.8rem;
}
.font96 {
  font-size: 0.96rem;
}
.font100 {
  font-size: 1rem;
}
.font120 {
  font-size: 1.2rem;
}
.font160 {
  font-size: 1.6rem;
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 15px;
  }
  .font17 {
    font-size: 15px;
  }
  .font18 {
    font-size: 16px;
  }
  .font20 {
    font-size: 17px;
  }
  .font22 {
    font-size: 18px;
  }
  .font24 {
    font-size: 20px;
  }
  .font26 {
    font-size: 21px;
  }
  .font28 {
    font-size: 22px;
  }
  .font30 {
    font-size: 24px;
  }
  .font32 {
    font-size: 25px;
  }
  .font34 {
    font-size: 26px;
  }
}
@media (max-width:1366px) {
  .font14 {
    font-size: 13px;
  }
  .font16 {
    font-size: 14px;
  }
  .font17 {
    font-size: 14px;
  }
  .font18 {
    font-size: 14px;
  }
  .font20 {
    font-size: 15px;
  }
  .font22 {
    font-size: 16px;
  }
  .font24 {
    font-size: 18px;
  }
  .font26 {
    font-size: 18px;
  }
  .font28 {
    font-size: 18px;
  }
  .font30 {
    font-size: 20px;
  }
  .font32 {
    font-size: 20px;
  }
  .font34 {
    font-size: 22px;
  }
}
@media (max-width:1280px) {
  .font16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  :root {
    /* 字体大小 */
    --font12: 0.24rem;
    --font14: 0.26rem;
    --font16: 0.26rem;
    --font17: 0.26rem;
    --font18: 0.26rem;
    --font20: 0.26rem;
    --font22: 0.32rem;
    --font24: 0.32rem;
    --font26: 0.32rem;
    --font28: 0.34rem;
    --font30: 0.36rem;
    --font32: 0.36rem;
    --font34: 0.38rem;
    --font36: 0.38rem;
    --font38: 0.4rem;
    --font40: 0.4rem;
    --font42: 0.42rem;
    --font44: 0.42rem;
    --font46: 0.42rem;
    --font48: 0.44rem;
    --font50: 0.44rem;
    --font52: 0.46rem;
    --font54: 0.46rem;
    --font56: 0.46rem;
    --font58: 0.48rem;
    --font60: 0.48rem;
    --font66: 0.5rem;
    --font70: 0.5rem;
    --font72: 0.5rem;
    --font80: 0.5rem;
    --font96: 0.5rem;
    --font100: 0.5rem;
    --font120: 0.5rem;
    --font160: 0.5rem;
  }
  .font12 {
    font-size: 0.24rem;
  }
  .font14 {
    font-size: 0.26rem;
  }
  .font16 {
    font-size: 0.26rem;
  }
  .font17 {
    font-size: 0.26rem;
  }
  .font18 {
    font-size: 0.26rem;
  }
  .font20 {
    font-size: 0.26rem;
  }
  .font22 {
    font-size: 0.32rem;
  }
  .font24 {
    font-size: 0.32rem;
  }
  .font26 {
    font-size: 0.32rem;
  }
  .font28 {
    font-size: 0.34rem;
  }
  .font30 {
    font-size: 0.36rem;
  }
  .font32 {
    font-size: 0.36rem;
  }
  .font34 {
    font-size: 0.38rem;
  }
  .font36 {
    font-size: 0.38rem;
  }
  .font38 {
    font-size: 0.4rem;
  }
  .font40 {
    font-size: 0.4rem;
  }
  .font42 {
    font-size: 0.42rem;
  }
  .font44 {
    font-size: 0.42rem;
  }
  .font46 {
    font-size: 0.42rem;
  }
  .font48 {
    font-size: 0.44rem;
  }
  .font50 {
    font-size: 0.44rem;
  }
  .font52 {
    font-size: 0.46rem;
  }
  .font54 {
    font-size: 0.46rem;
  }
  .font56 {
    font-size: 0.46rem;
  }
  .font58 {
    font-size: 0.48rem;
  }
  .font60 {
    font-size: 0.48rem;
  }
  .font66 {
    font-size: 0.5rem;
  }
  .font70 {
    font-size: 0.5rem;
  }
  .font72 {
    font-size: 0.5rem;
  }
  .font80 {
    font-size: 0.5rem;
  }
  .font96 {
    font-size: 0.5rem;
  }
  .font100 {
    font-size: 0.5rem;
  }
  .font120 {
    font-size: 0.5rem;
  }
  .font160 {
    font-size: 0.5rem;
  }
}
/* 字体 */
/* 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);
}
/* 比例 */
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.ab {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  transition: all 0.45s ease;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
.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;
}
@keyframes moveDown {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(0%);
    /* 从上边界开始 */
    opacity: 0;
    /* 开始时不可见 */
  }
  50% {
    opacity: 1;
    /* 中间时完全可见 */
  }
  100% {
    transform: translateY(150%);
    /* 移动到最终位置 */
    opacity: 0;
    /* 结束时不可见 */
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes arrowMoveR {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(3px);
  }
  60% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes arrowMoveALL {
  0% {
    transform: translate3d(120px, 100px, 0px);
  }
  15% {
    transform: translate3d(125px, 108px, 0px);
  }
  30% {
    transform: translate3d(120px, 100px, 0px);
  }
  45% {
    transform: translate3d(123px, 105px, 0px);
  }
  60% {
    transform: translate3d(120px, 100px, 0px);
  }
  75% {
    transform: translate3d(122px, 110px, 0px);
  }
  to {
    transform: translate3d(120px, 100px, 0px);
  }
}
@keyframes newsrotateRight {
  from {
    transform: translate3d(-400px, 0px, 0px);
  }
  to {
    transform: translate3d(0px, 0px, 0px);
  }
}
.index-p-title {
  background-image: linear-gradient(to right, rgba(37, 187, 15, 0.1), rgba(37, 187, 15, 0));
  width: fit-content;
  border-radius: 60px;
  padding: 0.0725rem 0;
  text-indent: 20px;
  min-width: 1.61rem;
  color: var(--active-color);
  font-weight: 500;
}
.index-p-more {
  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-p-more a {
  width: auto;
  display: flex;
}
.index-p-more a .title {
  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;
  color: var(--black-999);
  transition: 0.5s ease-in-out;
  padding: 0 0.56rem;
  height: 0.65rem;
  min-height: 44px;
  margin-right: 0.08rem;
  background: linear-gradient(to right, rgba(221, 221, 221, 0.3), #dddddd);
  width: fit-content;
  cursor: pointer;
  z-index: 2;
  white-space: nowrap;
}
.index-p-more a .icon {
  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;
  transition: all 0.5s ease-in-out;
  width: 0.65rem;
  height: 0.65rem;
  min-width: 44px;
  min-height: 44px;
  cursor: pointer;
  background-image: url("../images/more-icon-white.png");
  background-size: contain;
  z-index: 1;
}
.index-p-more a .icon span {
  display: block;
}
.index-p-more a .iconfirst {
  display: none;
  animation: arrowMoveR 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.index-p-more a:hover .title {
  animation: 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
  transform: translateX(0.1rem);
  z-index: 1;
}
.index-p-more a:hover .icon {
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
.index-p-more a:hover .iconfirst {
  display: inline-block;
}
.index-p-more a:hover .iconlast {
  opacity: 0;
  transform: translateX(-1.8rem);
  z-index: -1;
  animation: 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
@media (max-width: 1280px) {
  .index-p-more a:hover .title {
    transform: translateX(0.1rem);
  }
}
@media (max-width: 480px) {
  .index-p-more a .title {
    min-height: inherit;
  }
  .index-p-more a .icon {
    min-width: inherit;
    min-height: inherit;
  }
}
/* 动效文字 */
.ani-text-opacity {
  background: rgba(255, 255, 255, 0.3) -webkit-linear-gradient(to right, #fff, #fff) no-repeat;
  background: rgba(255, 255, 255, 0.3) linear-gradient(to right, #fff, #fff) no-repeat;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
  -webkit-transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.5s;
  transition: background-size cubic-bezier(0.1, 0.5, 0.5, 1) 0.5s;
}
@media (max-width: 1200px) {
  .ani-text-opacity {
    background: transparent;
    -webkit-text-fill-color: inherit;
    -webkit-background-clip: initial;
  }
}
/* 公共样式 - 结束 */
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99;
  margin: auto;
  /* ----------------------------------------------------------    手机端导航 */
}
#header .header-pc {
  -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);
  position: relative;
}
#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.68rem;
  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 {
  width: 1.4rem;
  min-width: 100px;
  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;
  z-index: 2;
}
#header .header-pc .header-wrap .logo .logo-black {
  display: none;
}
#header .header-pc .header-wrap .logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#header .header-pc .header-wrap .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
#header .header-pc .header-wrap .header-right .nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 0 40px;
  grid-gap: clamp(0px, 0vw, 0px) clamp(20px, 2.08333333vw, 40px);
}
@media (max-width:1366px) {
  #header .header-pc .header-wrap .header-right .nav {
    grid-gap: clamp(0px, 0vw, 0px) clamp(17px, 1.77083333vw, 34px);
    margin: 0;
  }
}
#header .header-pc .header-wrap .header-right .nav .bor {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
  height: 2px;
  background-color: var(--color-active);
}
#header .header-pc .header-wrap .header-right .nav dl {
  position: relative;
  z-index: 10;
}
#header .header-pc .header-wrap .header-right .nav dl:hover {
  z-index: 20;
}
#header .header-pc .header-wrap .header-right .nav dl:hover a {
  -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);
  color: var(--color-active);
}
#header .header-pc .header-wrap .header-right .nav dl:hover .panellist,#header .header-pc .header-wrap .header-right .nav dl:hover .panelul{
  transition: 0.5s ease-in-out;
  /*opacity: 0.8;*/
  opacity: 1;
  visibility: visible;
  box-shadow: 0px 1px 21px 0 rgba(37, 187, 15, 0.19);
}


#header .header-pc .header-wrap .header-right .nav dt a {
  font-size: var(--font16);
  color: var(--black-999);
  position: relative;
  height: var(--header-height);
  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 .nav dt a.active {
  color: var(--color-active);
}
#header .header-pc .header-wrap .header-right .nav dt a::after {
  content: '';
  width: 0;
  height: 2px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--dark-green);
  transition: width var(--ani);
}
#header .header-pc .header-wrap .header-right .nav dt a:hover::after {
  width: 100%;
  left: 0;
}
#header .header-pc .header-wrap .header-right .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 .header-right .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 .header-right .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 .header-right .nav dd .ovs a:hover {
  color: var(--color-active);
}
#header .header-pc .header-wrap .header-right .nav dd .ovs a:hover::after {
  width: 65.9%;
}
#header .header-pc .header-wrap .header-right .nav dd .ovs a::before,
#header .header-pc .header-wrap .header-right .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 .header-right .nav dd .ovs a::after {
  width: 0;
  background-color: var(--color-active);
}
#header .header-pc .header-wrap .header-right .nav dd .ovs a .icon img,
#header .header-pc .header-wrap .header-right .nav dd .ovs a .icon svg {
  max-width: 0.2rem;
  height: auto;
}

#header .header-pc .header-wrap .header-right .nav .panellist {
  transition: 0.5s ease-in-out;
  position: fixed;
  width: 100%;
  left: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  background-color: #fff;
  padding: 1.3rem 0.64rem;
  opacity: 0;
  visibility: hidden;
}
#header .header-pc .header-wrap .header-right .nav .panellist a {
  color: var(--black-999) !important;
  margin-top: .2rem;
}
#header .header-pc .header-wrap .header-right .nav .panellist .item {
  
  border-right: solid 1px #DDDDDD;
  color: var(--black-999);
  text-align: center;
}
#header .header-pc .header-wrap .header-right .nav .panellist .item .icon {
  margin-bottom: 0.56rem;
  width: 0.8rem;
  height: 0.8rem;
  margin: auto;
}
#header .header-pc .header-wrap .header-right .nav .panellist .item .icon img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#header .header-pc .header-wrap .header-right .nav .panellist .item:hover a {
  color: var(--active-color) !important;
  text-decoration-line: underline;
}

#header .header-pc .header-wrap .header-right .nav .panelul {
  transition: 0.5s ease-in-out;
  position: absolute;
  background-color: inherit;
  border: solid 1px #F2F7F1;
  min-width: 1.2rem;
    
    left: 50%;
    transform: translateX(-50%);
  
  box-shadow: 0px 1px 21px 0 rgba(37, 187, 15, 0.19);
  padding: 0.15rem 0.4rem;
  background-color: #fff;
  opacity: 0.8;
  backdrop-filter: blur(10px);
  visibility: hidden;
}
#header .header-pc .header-wrap .header-right .nav .panelul:before {
  /*content: "";*/
  /*position: absolute;*/
  /*top: -0.1rem;*/
  /*left: 50%;*/
  /*transform: translateX(-50%) rotate(180deg);*/
  /*width: 0;*/
  /*height: 0;*/
  /*border-left: 0.05rem solid transparent;*/
  /*border-right: 0.05rem solid transparent;*/
  /*border-top: 0.1rem solid #fff;*/
  content: "";
  position: absolute;
  top: -10px;
  z-index: 10;
  transform: translateX(-50%);
  left: 50%;
  width: 0.28rem;
  height: 0.25rem;
  background: url(../images/Unionpolygon.png);
}
#header .header-pc .header-wrap .header-right .nav .panelul li {
  padding: 0.07rem 0;
  
}
#header .header-pc .header-wrap .header-right .nav .panelul li a {
 text-align: center;
  width: 100%;
  color: var(--black-999);
}
#header .header-pc .header-wrap .header-right .nav .panelul li a span{
     position: relative;
     white-space: nowrap;
}
#header .header-pc .header-wrap .header-right .nav .panelul li a span:after {
  position: absolute;
  content: '';
  left: 0;
  width: 0;
  height: 0.07rem;
  bottom: -2px;
  background-image: linear-gradient(to bottom, #29BD14, #fff);
  transition: 0.3s;
  z-index: -1;
}
#header .header-pc .header-wrap .header-right .nav .panelul li a:hover {
  color: var(--black-333);
}
#header .header-pc .header-wrap .header-right .nav .panelul li a:hover span:after {
  width: 100%;
  transition: 0.3s;
}






#header .header-pc .header-wrap .header-right .column {
  height: 100%;
  margin-left: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
  grid-gap: clamp(0px, 0vw, 0px) clamp(10px, 1.04166667vw, 20px);
}
#header .header-pc .header-wrap .header-right .column .header-btn {
  cursor: pointer;
}
#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 .menu_btn {
  width: 28px;
  height: 16px;
  position: relative;
  overflow: hidden;
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn::after,
#header .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn::before,
#header .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn i {
  width: 100%;
  height: 2px;
  display: block;
  background: var(--black-000);
  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 .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn::before {
  content: '';
  margin-top: -8px;
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn::after {
  content: '';
  margin-top: 6px;
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn.active i {
  opacity: 0;
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn.active::before {
  margin-top: -1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 5px;
  background: var(--color-active);
}
#header .header-pc .header-wrap .header-right .column .header-btn .up .menu_btn.active::after {
  margin-top: -1px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 5px;
  background: var(--color-active);
}
#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 {
  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 .searchbox {
  position: relative;
}
#header .header-pc .header-wrap .header-right .column .searchbox .searchkey {
  position: absolute;
  top: 0;
  z-index: 10;
  right: 20px;
  padding-right: 10px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translateX(20px);
  display: flex;
  align-items: center;
  height: 100%;
}
#header .header-pc .header-wrap .header-right .column .searchbox .searchkey input {
  width: 240px;
  font-size: var(--font14);
  border-radius: 100px;
  overflow: hidden;
  height: 40px;
  padding: 10px 20px;
  border: 0;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
#header .header-pc .header-wrap .header-right .column .searchbox:hover .searchkey {
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
  transition: all 0.3s ease;
}
#header .header-pc .header-wrap .header-right .column .header-lang .up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
}
#header .header-pc .header-wrap .header-right .column .header-lang .up span {
  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;
  color: var(--black-999);
  height: 100%;
}
#header .header-pc .header-wrap .header-right .column .header-lang .up .iconfont {
  transform: rotate(90deg);
}
#header .header-pc .header-wrap .header-right .column .header-lang .up .menu {
  margin-left: 0.48rem;
}
#header .header-pc .header-wrap .header-right .column .header-lang .up .language_box {
  position: relative;display:none;
}
#header .header-pc .header-wrap .header-right .column .header-lang .up .language_box .language_panel {
  width: fit-content;
  height: auto;
  position: absolute;
  top: 0.8rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1rem;
  padding: 14px;
  border-radius: 0px 0px 6px 6px;
  transition: all 0.3s ease;
  visibility: hidden;
  opacity: 0;
}
#header .header-pc .header-wrap .header-right .column .header-lang .up .language_box .language_panel a:hover span {
  color: var(--active-color);
}
#header .header-pc .header-wrap .header-right .column .header-lang .up .language_box:hover .language_panel {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease;
}
@media (max-width:1024px) {
  #header .header-pc {
    display: none;
  }
}
#header .pc-active {
  background-color: var(--white-color);
}
#header .pc-active .header-wrap .logo img {
  filter: none;
}
#header .pc-active .header-wrap .header-right .nav dt a {
  color: var(--black-333);
}
#header .pc-active .header-wrap .header-right .column .header-lang .up span {
  color: var(--black-333);
}
#header .pc-active .header-wrap .header-right .column .header-lang .up span img {
  filter: none;
}
#header .pc-active .header-wrap .header-right .column .header-btn .up img {
  filter: 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 .pcheader_body {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  background: var(--white-color);
  display: none;
  overflow: hidden;
}
#header .pcheader_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 .pcheader_body .menu_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;
  width: 100%;
  height: auto;
  padding: 0.87rem 0.64rem;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 0.24rem;
}
#header .pcheader_body .menu_nav .left-navlist {
  display: inline-grid;
}
#header .pcheader_body .menu_nav .left-navlist a {
  position: relative;
  font-size: var(--font40);
  color: var(--black-000);
}
#header .pcheader_body .menu_nav .left-navlist a span {
  font-size: var(--font40);
  position: relative;
  z-index: 2;
}
#header .pcheader_body .menu_nav .left-navlist a:after {
  position: absolute;
  content: '';
  left: 0;
  width: 0;
  height: 0.24rem;
  bottom: -5px;
  background-image: linear-gradient(to bottom, #29BD14, #fff);
}
#header .pcheader_body .menu_nav .left-navlist a:hover:after {
  width: 100%;
  transition: 0.3s;
}
#header .pcheader_body .menu_nav .left-navlist .on:after {
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  height: 0.24rem;
  bottom: -5px;
  background-image: linear-gradient(to bottom, #29BD14, #fff);
}
#header .pcheader_body .menu_nav .right-info {
  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;
  width: 66.3%;
}
#header .pcheader_body .menu_nav .right-info .contact {
  width: 51.07%;
  padding: 0.32rem 0;
  border-top: solid 1px var(--black-ccc);
  min-width: 500px;
}
#header .pcheader_body .menu_nav .right-info .contact .top {
  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: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
#header .pcheader_body .menu_nav .right-info .contact .top .title {
  color: var(--black-ccc);
}
#header .pcheader_body .menu_nav .right-info .contact .top .mediabox .num {
  font-size: var(--font48);
  color: var(--black-000);
  font-weight: 500;
  line-height: 1;
}
#header .pcheader_body .menu_nav .right-info .contact .top .mediabox .email {
  margin-top: 0.16rem;
  color: var(--black-999);
}
#header .pcheader_body .menu_nav .right-info .contact .top .mediabox .address {
  color: var(--black-999);
}
#header .pcheader_body .menu_nav .right-info .contact .top .mediabox .media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.8rem;
  margin-top: 0.43rem;
  
}
#header .pcheader_body .menu_nav .right-info .contact .top .mediabox .media span {
       width: 120px;
    height: 120px;
    border: solid 1px rgb(221 221 221 / 50%);
  
  
}
#header .pcheader_body .menu_nav .right-info .contact .top .mediabox .media span img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#header .pcheader_body .menu_nav .right-info .contact .search {
  position: relative;
  margin-top: 2rem;
}
#header .pcheader_body .menu_nav .right-info .contact .search input {
  text-indent: 0.24rem;
  border: solid 1px var(--black-ddd);
  height: 0.56rem;
  width: 100%;
  color: var(--black-999);
  min-height: 40px;
}
#header .pcheader_body .menu_nav .right-info .contact .search img {
  position: absolute;
  top: 0.18rem;
  right: 0.37rem;
}
#header .pcheader_body .menu_nav .right-info .language {
  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;
  gap: 4px;
}
#header .pcheader_body .menu_nav .right-info .language .cn {
  color: var(--black-000);
}
#header .pcheader_body .menu_nav .right-info .language .line {
  color: var(--black-ccc);
}
#header .pcheader_body .menu_nav .right-info .language .en {
  color: var(--black-ccc);
}
#header .pcheader_body .menu_form {
  width: 100%;
  height: auto;
  padding: 0 20px;
  overflow: hidden;
}
#header .pcheader_body .menu_form .center {
  width: 100%;
  height: 50px;
  background-color: var(--color-white);
  overflow: hidden;
}
#header .pcheader_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 .pcheader_body .menu_form .center form input {
  flex: 1;
  height: 100%;
  padding: 0 15px;
  font-size: 14px;
  color: var(--black-333);
  border: 0;
}
#header .pcheader_body .menu_form .center form button {
  width: 70px;
  border: 0;
  height: 100%;
  background: var(--color-active);
}
#header .pcheader_body .menu_form .center form button i {
  font-size: 18px;
}
#header .pcheader_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 .pcheader_body .menu_lang .one {
  width: auto;
  height: 36px;
  margin-right: 10px;
  overflow: hidden;
}
#header .pcheader_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(--black-333);
}
#header .pcheader_body .menu_lang .one a.active {
  background: var(--color-active);
  color: var(--color-white);
}
#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: #fff;
  border-bottom: solid 1px rgba(37, 187, 15, 0.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_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-active);
  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(--black-333);
  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(--black-333);
  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(--black-333);
}
#header .m_header_box .header_title .head_btn:hover .link a,
#header .m_header_box .header_title .head_btn:hover .link span {
  color: var(--black-333);
}
#header .m_header_box .header_body {
  width: 100%;
  height: calc(100vh - 60px);
  background: var(--white-color);
  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(--black-333);
  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;
  color: var(--black-333);
}
#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(--black-333);
}
#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(--black-333);
  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(--black-333);
}
#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(--black-333);
  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(--black-333);
}
#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;
  }
}
.navbar-communication .kefu-box {
  position: fixed;
  bottom: 34%;
  right: 60px;
  z-index: 10;
}
.navbar-communication .kefu-box .item {
  margin: 10px 0;
  border-radius: 5px;
  background-color: var(--white-color);
  position: relative;
  cursor: pointer;
}
.navbar-communication .kefu-box .item .item-box {
  overflow: hidden;
  width: 0.6rem;
  height: 0.6rem;
  border: solid 1px #e9ebeb;
  border-radius: 5px;
}
.navbar-communication .kefu-box .item .info {
  margin-right: 60px;
  width: auto;
  height: 100%;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.navbar-communication .kefu-box .item .info a {
  min-width: 100px;
  height: 100px;
  display: inline-block;
  margin-top: -20px;
  align-content: center;
}
.navbar-communication .kefu-box .item .info a span {
  padding: 0 10px;
  height: 60px;
  line-height: 60px;
  background: var(--active-color);
  display: inline-block;
  border-radius: 5px;
  color: var(--white-color);
}
.navbar-communication .kefu-box .item .info img {
  width: 1rem;
  height: 1rem;
  border: solid 2px var(--light-green);
  border-radius: 5px;
}
.navbar-communication .kefu-box .item .public-scrollTop {
  position: sticky;
}
.navbar-communication .kefu-box .item:hover .item-box .img {
  opacity: 0;
}
.navbar-communication .kefu-box .item:hover .info {
  opacity: 1;
  visibility: visible;
}
@media (max-width:1200px) {
  .navbar-communication {
    display: none;
  }
}

.public-scrollTop-box .public-scrollTop {
  position: fixed;
  bottom: 20%;
  right: 60px;
  z-index: 10;
}
.public-scrollTop-box .public-scrollTop .public-box {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 5px;
  z-index: 20;
  background-color: var(--white-color);
}
.public-scrollTop-box .public-scrollTop .public-box .public-active {
  -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);
  width: 100%;
  height: 100%;
  border-radius: 5px;
  text-align: center;
  align-content: center;
  background-color: var(--color-active);
}
.public-scrollTop-box .public-scrollTop .public-box .public-active img {
  transform: rotate(90deg);
}
.public-scrollTop-box:hover .public-scrollTop .public-box .public-active {
  -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);
  opacity: 0.9;
}

.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-wrapper {
  position: relative;
  background-color: var(--footer-bg-color);
  color: var(--black-999);
}
.footer-wrapper .footerlist {
  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: 1.37rem 0rem 1.1rem 0;
}
.footer-wrapper .footerlist .left-item {
  width: 42.24%;
}
.footer-wrapper .footerlist .left-item .logo {
  width: 2.43rem;
}
.footer-wrapper .footerlist .left-item .logo img {
  width: 100%;
}
.footer-wrapper .footerlist .left-item .f-phone {
  margin-top: 0.72rem;
}
.footer-wrapper .footerlist .left-item .f-phone .num {
  font-size: var(--font32);
  color: var(--black-000);
  font-weight: 700;
}
.footer-wrapper .footerlist .left-item .f-email {
  margin-top: 0.04rem;
}
.footer-wrapper .footerlist .left-item .f-address {
  margin-top: 0.24rem;
}
.footer-wrapper .footerlist .left-item .scrollbar {
  position: absolute;
  color: var(--black-999);
  z-index: 1;
  float: right;
  padding-right: 64px;
  writing-mode: tb;
  bottom: 2.4rem;
  cursor: pointer;
}
.footer-wrapper .footerlist .left-item .scrollbar:before {
  position: absolute;
  height: 0.96rem;
  width: 1px;
  content: '';
  top: 82px;
  left: 9px;
  background-color: #000;
  opacity: 0.1;
}
.footer-wrapper .footerlist .left-item .scrollbar:after {
  position: absolute;
  height: 0.4rem;
  width: 1px;
  content: '';
  top: 83px;
  left: 9px;
  background-color: var(--active-color);
  animation: slideDown 4s infinite;
}
.footer-wrapper .footerlist .right-item {
  width: 57.76%;
}
.footer-wrapper .footerlist .right-item .navlist {
  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;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 2rem;
}
.footer-wrapper .footerlist .right-item .navlist .item .title {
  font-size: var(--font20);
  color: var(--black-000);
}
.footer-wrapper .footerlist .right-item .navlist .item ul {
  margin-top: 0.32rem;
}
.footer-wrapper .footerlist .right-item .navlist .item ul li {
  position: relative;
  line-height: 1.75;
}
.footer-wrapper .footerlist .right-item .navlist .item ul li a {
  position: relative;
  display: inline-block;
  background-position: 0% 0%;
}
.footer-wrapper .footerlist .right-item .navlist .item ul li a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--black-666);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: transform 0.4s ease, background-color 0.4s ease;
  transform-origin: 100% 50%;
  transform: scaleX(0);
}
.footer-wrapper .footerlist .right-item .navlist .item ul li a:hover {
  -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);
  color: var(--black-666);
}
.footer-wrapper .footerlist .right-item .navlist .item ul li a:hover:after {
  transform-origin: 0 50%;
  transform: scaleX(1);
}
.footer-wrapper .footerlist .right-item .navlist .item .secflex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.26rem;
}
.footer-wrapper .footerlist .right-item .nav-media-center {
  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;
  padding: 0.33rem 0;
  border-top: solid 1px #DDDDDD;
  border-bottom: solid 1px #DDDDDD;
  margin-top: 1.74rem;
}
.footer-wrapper .footerlist .right-item .nav-media-center .left-text {
  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;
  gap: 32px;
}
.footer-wrapper .footerlist .right-item .nav-media-center .left-text a {
  -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);
  visibility: visible !important;
}
.footer-wrapper .footerlist .right-item .nav-media-center .left-text a v{
    
}
.footer-wrapper .footerlist .right-item .nav-media-center .left-text a:hover {
  -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);
  color: var(--black-333);
}
.footer-wrapper .footerlist .right-item .nav-media-center .right-media {
  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;
  gap: 32px;
}
.footer-wrapper .footerlist .right-item .nav-media-center .right-media .media {
    position: relative;
  width: 0.32rem;
  height: 0.32rem;
  min-width: 28px;
  min-height: 28px;
}
.footer-wrapper .footerlist .right-item .nav-media-center .right-media .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  visibility: visible !important;
}
.footer-wrapper .footerlist .right-item .nav-media-center .right-media .media .imgbox {
  position: absolute;
    top: -1rem;
    left: -.4rem;
    width: 1rem;
    height: 1rem;
  opacity: 0;
  background-color: #eee;
  padding: 3px;
}
.footer-wrapper .footerlist .right-item .nav-media-center .right-media .media:hover .imgbox {
  opacity: 1;
  transform: translateY(-0.2rem);
  transition: 0.5s ease-in-out;
}



.footer-wrapper .footerlist .right-item .nav-version-bottom {
  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;
  color: var(--black-ccc);
  margin-top: 0.96rem;
}
.footer-wrapper .footerlist .right-item .nav-version-bottom .left {
  visibility: visible !important;
}
.footer-wrapper .footerlist .right-item .nav-version-bottom .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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 10px;
}
.footer-wrapper .footerlist .right-item .nav-version-bottom .right a {
  -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);
  visibility: visible !important;
}
.footer-wrapper .footerlist .right-item .nav-version-bottom .right a:hover {
  -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);
  color: var(--black-333);
}
.footer-wrapper .footerlist .right-item .nav-version-bottom .right .line {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: var(--black-ccc);
}
@media (max-width: 1580px) {
  .footer-wrapper .footerlist .right-item .navlist {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 0;
  }
}
@media (max-width:1400px) {
  .footer-wrapper .footerlist .right-item .nav-version-bottom {
    display: inline-block;
    width: 100%;
  }
  .footer-wrapper .footerlist .right-item .nav-version-bottom .right {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 0.1rem;
  }
  .footer-wrapper .footerlist .right-item .nav-media-center {
    margin-top: 1rem;
  }
}
@media (max-width:1280px) {
  .footer-wrapper .footerlist {
    padding: 1rem 0;
  }
  .footer-wrapper .footerlist .right-item .nav-media-center {
    margin-top: 0.6rem;
  }
}
@media (max-width:990px) {
  .footer-wrapper .footerlist {
    display: inline-block;
    width: 100%;
    padding: 0.6rem 0;
  }
  .footer-wrapper .footerlist .left-item {
    width: 100%;
  }
  .footer-wrapper .footerlist .left-item .scrollbar {
    display: none;
  }
  .footer-wrapper .footerlist .right-item {
    width: 100%;
    margin-top: 0.5rem;
  }
  .footer-wrapper .footerlist .right-item .navlist {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: 1.5rem;
  }
  .footer-wrapper .footerlist .right-item .nav-version-bottom .left {
    visibility: visible !important;
  }
  .footer-wrapper .footerlist .right-item .nav-version-bottom .right a {
    visibility: visible !important;
  }
}
@media (max-width:768px) {
  .footer-wrapper .footerlist {
    padding: 0.4rem 0;
  }
  .footer-wrapper .footerlist .right-item {
    margin-top: 0.3rem;
  }
  .footer-wrapper .footerlist .right-item .navlist {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    gap: 0.1rem;
  }
  .footer-wrapper .footerlist .right-item .nav-media-center {
    margin-top: 0.3rem;
    padding: 0.2rem 0;
  }
  .footer-wrapper .footerlist .right-item .nav-version-bottom {
    margin-top: 0.3rem;
  }
  .footer-wrapper .footerlist .left-item .f-phone{
      margin-top: 0.3rem;
  }
}
@media (max-width:640px) {
  .footer-wrapper .footerlist .right-item .navlist {
    display: none;
  }
	
.fdh{ line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; left:0px;bottom:0px; color:#FFF;margin-bottom:0px;padding-left:0px; }
.fdh li{ width:33.3%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#fe4a5f;}
.fdh a{ color:#FFF;}
	.sjdycxg{display:none;}
}
@media (max-width:480px) {
  /*.footer-wrapper .footerlist .right-item .nav-media-center {*/
  /*  display: inline-block;*/
  /*  width: 100%;*/
  /*}*/
  .footer-wrapper .footerlist .right-item .nav-media-center .left-text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: .22rem;
  }
  .footer-wrapper .footerlist .right-item .nav-media-center .left-text a {
    font-size: var(--font14);
  }
  .footer-wrapper .footerlist .right-item .nav-media-center .right-media {
    margin-top: 0.15rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: .22rem;
  }
  .footer-wrapper .footerlist .right-item .nav-media-center .right-media .media {
    width: 25px;
    height: 25px;
  }
  .footer-wrapper .footerlist .right-item .nav-version-bottom .left {
    font-size: var(--font12);
  }
  .footer-wrapper .footerlist .right-item .nav-version-bottom .right a {
    font-size: var(--font12);
  }
	
	
}
@media (max-width:360px) {
  .footer-wrapper .footerlist .left-item .logo {
    width: 40%;
  }
}
#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-page-d {
  margin-top: 0;
}
.container {
  width: 93.33333%;
  margin: 0 auto;
}
@media (max-width:990px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
}
.c_til .emm {
  display: inline-block;
}
.H-box {
  width: 100%;
  height: 0;
  position: relative;
}
@media (max-width:990px) {
  .H-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:last-child {
  border-bottom: 1px solid #DDDDDD;
}
.tab-ul li .top {
  cursor: pointer;
  padding: 0.4rem 0;
  border-top: 1px solid #DDDDDD;
}
.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;
}
.tab-ul li .top .tab-box .tab-title {
  font-size: var(--font24);
  color: var(--black-666);
  line-height: 1.4;
  font-weight: 700;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.tab-ul li .top .tab-box .btn .addBox {
  width: 0.32rem;
  height: 0.32rem;
  min-width: 28px;
 min-height: 28px;
  background-color: #E9F8E7;
  border-radius: 50%;
  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;
  -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 .btn .addBox i {
  width: 2px;
  height: 10px;
  background-color: #25BB0F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -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 .btn .addBox i:last-child {
  transform: rotate(90deg);
  position: absolute;
}
.tab-ul li .bom {
  display: none;
  padding-bottom: 0.4rem;
  color: var(--black-666);
  margin-top: -10px;
}
.tab-ul li .bom .text-body h6 {
  font-size: var(--font18);
  color: var(--color-black);
  line-height: 1.4;
  margin-bottom: 0.22rem;
  font-weight: bold;
}
.tab-ul li.active .top .tab-box .btn .addBox {
  background-color: #E9F8E7;
}
.tab-ul li.active .top .tab-box .btn .addBox i:first-child {
  transform: rotate(90deg);
}
.tab-ul .active .top .tab-box .tab-title {
  color: var(--active-color);
}
.private-policy {
  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;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  display: none;
}


.private-policy .innerbox {
  position: relative;
  width: 80%;
  z-index: 5;
  background-color: #fff;
  margin: auto;
  padding: 0.96rem;
}
.private-policy .close {
  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);
  position: absolute;
  right: 0.56rem;
  top: 0.56rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #eeeeee;
  border-radius: 30px;
  cursor: pointer;
}
.private-policy .close:hover {
  -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);
  background-color: var(--active-color);
}
.private-policy .close:hover img {
  -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);
  filter: brightness(0) invert(1);
}
.private-policy .time {
  margin-top: 0.16rem;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #dddddd;
  color: var(--black-999);
}
.private-policy .item {
  margin-top: 0.8rem;
}
.private-policy .item img {
  margin-right: 0.1rem;
  width: 0.4rem;
  height: 0.4rem;
}
.private-policy .item .title {
  font-size: var(--font30);
  font-weight: 700;
}
.private-policy .item .info {
  margin-top: 0.3rem;
}
.private-policy .consultpanel .right-form {
  width: 100%;
  background-color: #ffffff;
}
.private-policy .consultpanel .right-form ul li {
  position: relative;
  padding: 0.4rem 0 0.2rem 0;
  border-bottom: solid 1px #dddddd;
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li input {
  width: 100%;
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li input::-webkit-input-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li input:-moz-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li input::-moz-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li input:-ms-input-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li textarea {
  min-height: 0.56rem;
  width: 100%;
}
.private-policy .consultpanel .right-form ul li textarea::-webkit-input-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li textarea:-moz-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li textarea::-moz-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li textarea:-ms-input-placeholder {
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li img {
  width: 0.22rem;
  position: absolute;
  right: 0;
}
.private-policy .consultpanel .right-form ul li:last-child {
  border-bottom: none;
}
.private-policy .consultpanel .right-form ul li .submit-content {
  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;
  width: 100%;
  height: auto;
}
.private-policy .consultpanel .right-form ul li .submit-content .info {
  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;
  gap: 7px;
}
.private-policy .consultpanel .right-form ul li .submit-content .info .choose-btn {
  -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;
  position: relative;
  width: 0.24rem;
  min-width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  border: 1px solid #cccccc;
}
.private-policy .consultpanel .right-form ul li .submit-content .info .choose-btn img {
  -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);
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.private-policy .consultpanel .right-form ul li .submit-content .info .choose-btn .active {
  border: none;
  -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);
  opacity: 1;
}
.private-policy .consultpanel .right-form ul li .submit-content .info .choose-btn:hover {
  -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);
  border: none;
}
.private-policy .consultpanel .right-form ul li .submit-content .info .choose-btn:hover img {
  -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);
  opacity: 1;
}
.private-policy .consultpanel .right-form ul li .submit-content .info .agree {
  color: var(--black-999);
  text-align: left;
}
.private-policy .consultpanel .right-form ul li .submit-content .info .agree a {
  font-weight: 400;
  text-decoration: underline;
  color: var(--black-000);
}
.private-policy .consultpanel .right-form ul li .submit-content .submit-btn {
  padding: 0.25rem 0.968rem;
  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;
  cursor: pointer;
  background: var(--active-color);
  color: var(--white-color);
  line-height: 1;
}
.policy-wrap {
  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;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: calc(var(--header-height) + 0.8rem);
  padding-bottom: 1.2rem;
}
.policy-wrap .innerbox {
  position: relative;
  width: 80%;
  background-color: #fff;
  margin: auto;
  padding: 0.96rem;
  z-index: 0;
}
.policy-wrap .time {
  margin-top: 0.16rem;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px #dddddd;
  color: var(--black-999);
}
.policy-wrap .item {
  margin-top: 0.8rem;
}
.policy-wrap .item img {
  margin-right: 0.1rem;
  width: 0.4rem;
  height: 0.4rem;
}
.policy-wrap .item .title {
  font-size: var(--font30);
  font-weight: 700;
}
.policy-wrap .item .info {
  margin-top: 0.3rem;
}
@media (max-width:990px) {
  .policy-wrap .innerbox {
    padding: 0.65rem;
  }
}
@media (max-width:768px) {
  .policy-wrap .innerbox {
    width: 100%;
    padding: 0.5rem;
  }
}
@media (max-width:480px) {
    .private-policy .publictitle{
    font-size: var(--font26);
}
.private-policy .close{
        right: 0.25rem;
    top: 0.35rem;
}
    .private-policy .innerbox{
        padding: 0.35rem;
    }
    .private-policy .consultpanel .right-form ul li .submit-content{
        display: inline-block;
        width: 100%;
    }
    .private-policy .consultpanel .right-form ul li .submit-content .submit-btn{
        margin-top: 20px;
    }
    .private-policy .consultpanel .right-form ul li .submit-content .info{
        justify-content: flex-start;
        align-items: baseline;
    }
}



@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;
}
@keyframes arrowMoveR {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(3px);
  }
  60% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes arrowMoveL {
  0% {
    transform: translateX(0);
  }
  15% {
    transform: translateX(5px);
  }
  30% {
    transform: translateX(0);
  }
  45% {
    transform: translateX(3px);
  }
  60% {
    transform: translateX(0);
  }
  75% {
    transform: translateX(2px);
  }
  to {
    transform: translateX(0);
  }
}
.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;
  }
}
.black0 {
  color: var(--black-000);
}
.black3 {
  color: var(--black-333);
}
.black6 {
  color: var(--black-666);
}
.black9 {
  color: var(--black-999);
}
.activecolor {
  color: var(--active-color);
}
.activeblue {
  color: #009FFF;
}
.bgwhite {
  background-color: #ffffff;
}
.white {
  color: #ffffff;
}
.bold {
  font-weight: 700;
}
.wrap {
  padding-left: 9.9%;
}
@media (max-width:1820px) {
  .wrap {
    padding-left: 7.69230769%;
  }
}
@media (max-width:990px) {
  .wrap {
    padding-left: 20px;
  }
}
@media (max-width:480px) {
  .wrap {
    padding: 0 20px;
  }
}
.mt120 {
  margin-top: 1.2rem;
}
.mb120 {
  margin-bottom: 1.2rem;
}
.pt120 {
  padding-top: 1.2rem;
}
.pb120 {
  padding-bottom: 1.2rem;
}
@media (max-width:480px) {
  .mt120 {
    margin-top: 0.8rem;
  }
  .mb120 {
    margin-bottom: 0.8rem;
  }
  .pt120 {
    padding-top: 0.8rem;
  }
  .pb120 {
    padding-bottom: 0.8rem;
  }
}
.publictitle {
  font-size: var(--font48);
  font-family: 'HarmonyOS-TC';
  line-height: calc(56/48);
  font-weight: 700;
}
.index_more {
  -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);
  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;
  width: 0.31rem;
  height: 0.31rem;
  border-radius: 50%;
  border: 1px solid #B7B8BC;
}
.index_more span {
  color: var(--black-333);
}
.public-opacity-title {
  font-weight: 700;
  line-height: 1.16667;
}
.public-opacity-title span {
  font-size: var(--font48);
  font-weight: 700;
}
.public-opacity-title .one {
  font-weight: 700;
  color: var(--black-000);
  font-family: 'HarmonyOS-TC';
}
.public-opacity-title .two {
  color: var(--black-999);
  font-family: 'HarmonyOS-TC';
}
#progress {
  animation: circleProgress 30s infinite;
}
@keyframes circleProgress {
  0% {
    stroke-dashoffset: 314;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.banner_sp {
  display: flex;
  text-align: left;
  align-items: center;
  padding-left: 30px;
}
.banner_sp span {
  width: 28px;
  height: 28px;
  position: relative;
  background: transparent;
  opacity: 1;
}
.banner_sp span:before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 0.4;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  background: #fff;
  border-radius: 50%;
}
.banner_sp span svg circle {
  border: 2px solid #fff;
}
.banner_sp .swiper-pagination-bullet-active:before {
  background: #fff;
}
.banner_sp .swiper-pagination-bullet-active:before {
  opacity: 1 !important;
}
@media (max-width:480px) {
  .banner_sp {
    padding-left: 0;
  }
}
.public-title p,
.public-title span {
  font-size: var(--font42);
  font-weight: 700;
}
.public-title p {
  color: var(--black-000);
}
.public-title span {
  color: var(--color-active);
}
.public-title-active p,
.public-title-active span {
  font-size: var(--font42);
  font-weight: 700;
}
.public-title-active p {
  color: var(--white-color);
}
.public-title-active span {
  color: var(--color-active);
}
.public-title-pagination {
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.pagination {
  gap: 16px;
  top: 0;
  left: 0;
}
.pagination .buttonbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 16px;
}
.pagination .buttonbox .swiper-button-prev,
.pagination .buttonbox .swiper-button-next {
  background-image: none;
  position: relative;
  top: 0;
  width: auto;
  height: auto;
  margin: 0;
  left: 0;
  right: 0;
}
.pagination .buttonbox .swiper-button-prev .boxsize span {
  transform: rotate(180deg);
}
.pagination .buttonbox .swiper-button-prev .boxsize,
.pagination .buttonbox .swiper-button-next .boxsize {
  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;
  gap: 10px;
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 30px;
  border: solid 1px var(--white-color);
}
.pagination .buttonbox .swiper-button-prev .boxsize span,
.pagination .buttonbox .swiper-button-next .boxsize span {
  font-size: var(--font22);
}
.pagination .buttonbox .swiper-button-prev .boxsize:hover,
.pagination .buttonbox .swiper-button-next .boxsize:hover {
  background-color: var(--color-active);
  border: none;
}
.pagination .buttonbox .swiper-button-prev .active,
.pagination .buttonbox .swiper-button-next .active {
  border: 1px solid #B7B8BC !important;
}
.pagination .buttonbox .swiper-button-prev .active span,
.pagination .buttonbox .swiper-button-next .active span {
  color: var(--black-222);
}
.pagination .buttonbox .swiper-button-prev .active:hover,
.pagination .buttonbox .swiper-button-next .active:hover {
  background-color: var(--color-active);
  border: none !important;
}
.pagination .buttonbox .swiper-button-prev .active:hover span,
.pagination .buttonbox .swiper-button-next .active:hover span {
  color: #fff;
}
.pagination .buttonbox .swiper-button-next.swiper-button-disabled,
.pagination .buttonbox .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  filter: brightness(1);
}
.pagination .buttonbox .swiper-button-next.swiper-button-disabled .boxsize,
.pagination .buttonbox .swiper-button-prev.swiper-button-disabled .boxsize {
  background-color: inherit;
  border: solid 1px var(--white-color);
}
.pagination .buttonbox .swiper-button-next.swiper-button-disabled .boxsize img,
.pagination .buttonbox .swiper-button-prev.swiper-button-disabled .boxsize img {
  filter: brightness(1);
}
.swiper-pagination-bullet-active {
  background: var(--color-active);
}
.index-screen1 .index-environment {
  position: sticky;
  top: 1.94rem;
  z-index: 3;
  padding-bottom: 1.2rem;
  overflow: hidden;
}
.index-screen1 .index-environment .info {
  margin-bottom: 1.8rem;
}
.index-screen1 .index-environment .info .index-p-title {
  -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-screen1 .index-environment .info .global-title {
  margin-top: 0.4rem;
  -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-screen1 .index-environment .info .global-title .swipertitle {
  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;
  font-family: 'HarmonyOS-TC';
  line-height: 1.172;
  font-size: var(--font64);
  font-weight: 700;
  position: relative;
  z-index: 12;
  overflow: hidden;
  transition: color 1s ease-in-out;
  margin-bottom: 0.04rem;
}
.index-screen1 .index-environment .info .global-title .swipertitle .namelists {
  display: inline-block;
}
.index-screen1 .index-environment .info .global-title .swipertitle .namelists .active .emm {
  font-size: var(--font64);
  font-weight: 700;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-visibility: visible;
  visibility: visible;
}
.index-screen1 .index-environment .info .global-title .swipertitle span {
  font-size: var(--font64);
  font-weight: 700;
  font-family: 'HarmonyOS-TC';
}
.index-screen1 .index-environment .info .global-title .swipertitle span .emm {
  font-size: var(--font64);
  font-weight: 700;
  visibility: hidden;
}
.index-screen1 .index-environment .info .global-title .swipertitle .item + .item {
  display: none;
}
.index-screen1 .index-environment .info .global-title .swipertitle .swiper-name span {
  position: absolute;
  top: 0;
}
.index-screen1 .index-environment .info .global-title .swipertitle img {
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 0.1rem;
  animation: rotate 15s linear infinite;
}
.index-screen1 .index-environment .info .global-title:last-child {
  margin-bottom: 0rem;
}
.index-screen1 .index-environment .info .global-title .min-title {
  margin-top: 8px;
}
.index-screen1 .index-environment .info .swiperinfo {
  overflow: hidden;
}
.index-screen1 .index-environment .info .swiper-pagination {
  display: none;
}
.index-screen1 .index-environment .info .index-p-more {
  margin-top: 0.64rem;
}
.index-screen1 .index-environment .info .index-p-more .title {
  z-index: 2;
}
.index-screen1 .index-environment .info .index-p-more .icon {
  -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);
  background-image: url("../images/more-icon-color.png");
  z-index: 1;
}
.index-screen1 .index-environment .image {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  transform: translate3d(120px, 100px, 0px);
}
.index-screen1 .index-environment .animatescroll {
  animation: arrowMoveALL 3s infinite alternate;
}
@media (max-width:768px) {
    .index-screen1{
            position: relative;
    }
    .index-screen1 .index-environment{
        padding: 2rem 0 1rem 0;
    }
    .index-environment-banner{
            position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    }
    .index-environment-banner .bannerbox{
        height: 100%;
    }
    
  .index-screen1 .index-environment .info .global-title .swipertitle {
    font-size: var(--font34);
  }
  .index-screen1 .index-environment .info .global-title .swipertitle span {
    font-size: var(--font34);
  }
  .index-screen1 .index-environment .info .global-title .swipertitle span .emm {
    font-size: var(--font34);
  }
  .index-screen1 .index-environment .info .global-title .swipertitle .namelists .active .emm {
    font-size: var(--font34);
  }
  .index-screen1 .index-environment .info .index-p-more {
    margin-top: 0.3rem;
  }
  
 
  .index-environment-banner .banner_sp{
      bottom: .5rem;
  }
  .index-screen1 .index-enviroment-circle{
      display: none !important;
  }
  
}
@media (max-width:480px) {
    
    
    
  .index-screen1 .index-environment {
    /*position: inherit;*/
    /*padding-bottom: 0;*/
    /*margin-top: 2.2rem;*/
    
  }
  .index-screen1 .index-environment .info {
    margin-bottom: 1rem;
  }
  .index-screen1 .index-environment .info .global-title p {
    font-size: 0.34rem;
  }
  .index-screen1 .index-environment .info .global-title p span {
    font-size: 0.34rem;
  }
}
.index-screen1 .activewhite .info .index-p-title {
  -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);
  color: #fff !important;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important;
}
.index-screen1 .activewhite .info .global-title .swipertitle {
  -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);
  color: #fff;
}
.index-screen1 .activewhite .info .global-title .swipertitle span {
  -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);
  color: #fff;
}
.index-screen1 .activewhite .info .global-title .min-title {
  color: #fff;
}
.index-screen1 .activewhite .info .index-p-more .title {
  color: #fff;
}
.index-screen1 .activewhite .info .index-p-more .icon {
  background-image: url(../images/more-icon-white.png);
}
.index-screen1 .activewhite .info .index-p-more .icon img {
  filter: brightness(0) invert(1);
}
.index-screen1 .activewhite .image {
  opacity: 0;
}
.index-screen1 .index-enviroment-circle {
  position: fixed;
  width: 45%;
  right: -9%;
  top: 2.3rem;
  z-index: 0;
}
@media (max-width:480px) {
  /*.index-screen1 .index-enviroment-circle {*/
  /*  top: 4.5rem;*/
  /*}*/
}
.activewhite .index-environment .info .index-p-title {
  -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);
  color: #fff !important;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important;
}
.activewhite .index-environment .info .global-title .swipertitle {
  color: #fff;
  transition: color 1s ease-in-out;
}
.activewhite .index-environment .info .global-title .swipertitle span {
  color: #fff;
  transition: color 1s ease-in-out;
}
.activewhite .index-environment .info .global-title .min-title {
  color: #fff;
}
.activewhite .index-environment .info .index-p-more .title {
  color: #fff;
}
.activewhite .index-environment .info .index-p-more .icon {
  background-image: url(../images/more-icon-white.png);
}
.activewhite .index-environment .info .index-p-more .icon img {
  filter: brightness(0) invert(1);
}
.activewhite .index-environment .image {
  opacity: 0;
}
.index-environment-banner {
  position: relative;
}
.index-environment-banner .bannerbox {
  overflow: hidden;
}
.index-environment-banner .bannerbox .info {
  padding: 2.4rem 0 3.59rem 0;
  color: #fff;
  position: relative;
  z-index: 10;
}
.index-environment-banner .bannerbox .info .index-p-title {
  color: #fff;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}
.index-environment-banner .bannerbox .info .global-title {
  margin-top: 0.49rem;
}
.index-environment-banner .bannerbox .info .global-title p {
  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;
  font-size: var(--font64);
  font-weight: 700;
}
.index-environment-banner .bannerbox .info .global-title p span {
  font-size: var(--font64);
  font-weight: 700;
}
.index-environment-banner .bannerbox .info .global-title p img {
  width: 0.56rem;
  height: 0.56rem;
  margin: 0 0.1rem;
  animation: rotate 10s linear infinite;
  cursor: pointer;
}
.index-environment-banner .bannerbox .info .index-p-more {
  margin-top: 0.64rem;
}
.index-environment-banner .bannerbox .info .index-p-more .title {
  color: #fff;
}
.index-environment-banner .bannerbox .info .index-p-more .icon {
  background-image: url("../images/section2-two.png");
}
.index-environment-banner .bannerbox .info .index-p-more .icon img {
  filter: brightness(0) invert(1);
}
.index-environment-banner .bannerbox .image {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.index-environment-banner .bannerbox .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 3s ease-in-out;
}
.index-environment-banner .swiper-slide-active .image {
  overflow: hidden;
}
.index-environment-banner .swiper-slide-active .image img {
  transform: scale(1.1);
  transition: all 3s ease-in-out;
}
.index-environment-banner .scrollbar {
  position: absolute;
  color: #fff;
  z-index: 1;
  float: right;
  padding-right: 64px;
  writing-mode: tb;
  bottom: 11%;
  right: 0;
}
.index-environment-banner .scrollbar:before {
  position: absolute;
  height: 0.96rem;
  width: 1px;
  content: '';
  top: 48px;
  left: 9px;
  background-color: #fff;
  opacity: 0.3;
}
.index-environment-banner .scrollbar:after {
  position: absolute;
  height: 0.4rem;
  width: 1px;
  content: '';
  top: 48px;
  left: 9px;
  background-color: #fff;
  animation: slideDown 2s infinite;
}
.index-environment-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.4rem;
}
.index-environment-banner .banner_sp {
  position: absolute;
  bottom: 0.96rem;
  display: flex;
  text-align: left;
  align-items: center;
  padding-left: 3%;
}
.index-environment-banner .banner_sp span {
  width: 28px;
  height: 28px;
  position: relative;
  background: transparent;
  opacity: 1;
  margin: 10px!important;
}
.index-environment-banner .banner_sp span:before {
  content: '';
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 0.4;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -6px;
  margin-top: -6px;
  background: #fff;
  border-radius: 50%;
}
.index-environment-banner .banner_sp span svg circle {
  border: 2px solid #fff;
}
.index-environment-banner .banner_sp .swiper-pagination-bullet-active:before {
  background: #fff;
}
.index-environment-banner .banner_sp .swiper-pagination-bullet-active:before {
  opacity: 1 !important;
}
@media (max-width:1560px) {
  .index-environment-banner .banner_sp .scrollbar {
    bottom: 14%;
  }
}
@media (max-width:1280px) {
  .index-environment-banner .scrollbar {
    bottom: 14%;
  }
}
@media (max-width:990px) {
  .index-environment-banner .scrollbar {
    display: none;
  }
}
@media (max-width:768px) {
  .index-environment-banner .bannerbox .info {
    padding: 1rem 0;
  }
  .index-environment-banner .bannerbox .info .global-title p {
    font-size: var(--font28);
  }
  .index-environment-banner .bannerbox .info .global-title p span {
    font-size: var(--font28);
  }
}
@media (max-width:480px) {
  .index-environment-banner .banner_sp {
    bottom: 4%;
  }
}
.index-solution {
  padding: 1.8rem 0;
  background-image: url(../images/solution-global.png);
  background-repeat: no-repeat;
  background-size: 8.12rem 11.19rem;
  background-position: right 0.66rem;
}
.index-solution .idx_solve {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.index-solution .idx_solve .idx_title {
  width: 100%;
  height: auto;
  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;
}
.index-solution .idx_solve .idx_title .title {
  width: auto;
  font-size: var(--font36);
}
.index-solution .idx_solve .idx_title .item_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 20px;
}
.index-solution .idx_solve .idx_title .item_box::after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
}
.index-solution .idx_solve .idx_title .item_box .item {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  padding-bottom: 16px;
  font-size: var(--font16);
  color: #808080;
  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-solution .idx_solve .swiper_box {
  width: 100%;
  height: auto;
}
.index-solution .idx_solve .swiper_box .topbox {
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  column-gap: 1.27rem;
}
.index-solution .idx_solve .swiper_box .topbox .leftside {
  width: 25.3%;
}
.index-solution .idx_solve .swiper_box .topbox .leftside .global-title {
  margin-top: 0.32rem;
}
.index-solution .idx_solve .swiper_box .topbox .leftside .global-title p {
  font-size: var(--font48);
  font-weight: 700;
  line-height: 1.2;
  font-family: 'HarmonyOS-TC';
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list {
  margin-top: 0.68rem;
  color: var(--black-999);
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.38rem;
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .item {
  -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);
  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;
  cursor: pointer;
  margin-top: 0.2rem;
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .item img {
  -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);
  min-width: 10px;
  width: 10px;
  opacity: 0;
  margin-right: 0.14rem;
  transform: translateX(-10px) rotate(-50deg);
  position: absolute;
  left: -34px;
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .item:hover {
  -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);
  color: var(--black-000);
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .item:hover img {
  -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);
  opacity: 1;
  transform: translateX(0px);
  left: -24px;
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .active {
  color: var(--black-000);
}
.index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .active img {
  -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);
  opacity: 1;
  transform: translateX(0px);
  left: -24px;
}
.index-solution .idx_solve .swiper_box ul li {
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.index-solution .idx_solve .swiper_box ul li.swiper-slide-active {
  pointer-events: inherit;
  z-index: 2;
}
.index-solution .idx_solve .center_box {
  width: 100%;
  height: auto;
  position: relative;
  margin-top: 0.96rem;
  overflow: hidden;
}
.index-solution .idx_solve .center_box .swiper_img {
  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;
}
.index-solution .idx_solve .center_box .left {
  width: 25.3%;
}
.index-solution .idx_solve .center_box .left .num {
  font-size: var(--font18);
  color: var(--black-999);
  padding-top: 0.24rem;
  border-top: solid 1px var(--black-999);
}
.index-solution .idx_solve .center_box .left .info .solicon {
  width: 1.1rem;
  cursor: pointer;
  margin-top: 1.89rem;
  transition: all 1s ease-in-out;
}
.index-solution .idx_solve .center_box .left .info .s-title {
  font-size: var(--font28);
  margin-top: 0.48rem;
  color: var(--black-000);
}
.index-solution .idx_solve .center_box .left .info .s-content {
  margin-top: 0.2rem;
  color: var(--black-999);
}
.index-solution .idx_solve .center_box .left .index-p-more {
  margin-top: 0.9rem;
}
.index-solution .idx_solve .center_box .left .index-p-more .icon {
  background-image: url("../images/more-icon-color.png");
}
.index-solution .idx_solve .center_box .left:hover .info .solicon {
  transform: translateY(-30px);
}
.index-solution .idx_solve .center_box .right {
  width: calc(100% - 32.2%);
  margin-left: 1.27rem;
  overflow: hidden;
}
.index-solution .idx_solve .center_box .right img {
  width: 100%;
  height: 100%;
  min-height: 400px;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.index-solution .idx_solve .center_box .swiper-pagination {
  position: absolute;
  bottom: 9%;
  width: 67%;
  left: 33%;
  text-align: center;
  display: flex;
  justify-content: center;
}
@media (max-width:768px) {
  .index-solution {
    padding: 0.5rem 0;
    background-size: 50%;
    background-position: 100% 10%;
  }
  .index-solution .idx_solve .swiper_box .topbox {
    display: inline-block;
    width: 100%;
  }
  .index-solution .idx_solve .swiper_box .topbox .leftside {
    width: 100%;
  }
  .index-solution .idx_solve .swiper_box .topbox .leftside .global-title p {
    line-height: inherit;
  }
  .index-solution .idx_solve .center_box .swiper_img {
    display: inline-block;
    width: 100%;
  }
  .index-solution .idx_solve .center_box .left {
    width: 100%;
  }
  .index-solution .idx_solve .center_box .left .index-p-more {
    margin-top: 0.4rem;
  }
  .index-solution .idx_solve .center_box .right {
    width: 100%;
    margin-left: 0rem;
    margin-top: 0.4rem;
  }
  .index-solution .idx_solve .center_box .swiper-pagination {
    width: 100%;
    left: 0;
    bottom: 4%;
  }
  .index-solution .idx_solve .center_box .banner_sp {
    padding-left: 0;
  }
}
@media (max-width:480px) {
  .index-solution .idx_solve .swiper_box .topbox .swiper_list {
    margin-top: 0.3rem;
  }
  .index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box {
    grid-template-columns: repeat(1, 1fr);
  }
  .index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .active img {
    left: 0;
  }
  .index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .item {
    padding-left: 24px;
  }
  .index-solution .idx_solve .swiper_box .topbox .swiper_list .item_box .item:hover img {
    left: 0;
  }
  .index-solution .idx_solve .center_box .right img {
    min-height: 300px;
  }
  .index-solution .idx_solve .center_box .swiper-pagination {
    bottom: 0.8rem;
    left: 0;
  }
}
.index-case {
  position: relative;
}
.index-case .idx_solve {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.index-case .idx_solve .idx_title {
  width: 100%;
  height: auto;
  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;
}
.index-case .idx_solve .idx_title .title {
  width: auto;
  font-size: var(--font36);
}
.index-case .idx_solve .idx_title .item_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 20px;
}
.index-case .idx_solve .center_box {
  width: 100%;
  height: 100%;
  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;
}
.index-case .idx_solve .center_box .left {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.index-case .idx_solve .center_box .left .swiper_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.index-case .idx_solve .center_box .left .swiper_img .swiper-wrapper .swiper-slide {
  width: 0;
  pointer-events: none;
  position: relative;
  z-index: 1;
  height: 100% !important;
}
.index-case .idx_solve .center_box .left .swiper_img .swiper-wrapper .swiper-slide .centerInfo {
  width: 100%;
  height: 100%;
  font-size: 0px;
  overflow: hidden;
}
.index-case .idx_solve .center_box .left .swiper_img .swiper-wrapper .swiper-slide .centerInfo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-case .idx_solve .center_box .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;
  padding: 1.82rem 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  background-image: linear-gradient(to right, rgb(2 26 26 / 60%), rgb(2 24 29 / 0%));
}
.index-case .idx_solve .center_box .right .index-p-title {
  color: #fff;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
.index-case .idx_solve .center_box .right .sectitle {
  margin-top: 0.4rem;
}
.index-case .idx_solve .center_box .right .sectitle p {
  font-size: var(--font48);
  font-weight: 700;
  line-height: 1.2;
}
.index-case .idx_solve .center_box .right .sectitle .title1 {
  color: #ffffff;
  font-family: 'HarmonyOS-TC';
}
.index-case .idx_solve .center_box .right .sectitle .title2 {
  color: #BBBBBB;
  font-family: 'HarmonyOS-TC';
}
.index-case .idx_solve .center_box .right .index-p-more {
  margin-top: 0.64rem;
}
.index-case .idx_solve .center_box .right .index-p-more .title {
  color: #FFFFFF;
}
.index-case .idx_solve .center_box .right .index-p-more .icon img {
  filter: brightness(0) invert(1);
}
.index-case .idx_solve .center_box .right .swiper_list {
  width: 65%;
  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;
}
.index-case .idx_solve .center_box .right .swiper_list .item_box {
  width: 100%;
  height: auto;
  margin-top: 1.57rem;
}
.index-case .idx_solve .center_box .right .swiper_list .item_box .item {
  width: auto;
  height: auto;
  position: relative;
  color: var(--black-999);
  line-height: 1.5;
  cursor: pointer;
  opacity: 0.7;
  -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 .idx_solve .center_box .right .swiper_list .item_box .item .image {
  display: inline-block;
  width: 34px;
}
.index-case .idx_solve .center_box .right .swiper_list .item_box .item img {
  display: none;
  filter: brightness(0) invert(1);
  margin-right: 0.24rem;
}
.index-case .idx_solve .center_box .right .swiper_list .item_box .item:hover {
  -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);
  color: var(--white-color);
}
.index-case .idx_solve .center_box .right .swiper_list .item_box .item:hover img {
  -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);
  display: inline-block;
}
.index-case .idx_solve .center_box .right .swiper_list .item_box .active {
  -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);
  color: #FFF;
}
.index-case .idx_solve .center_box .right .swiper_list .item_box .active img {
  -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);
  display: inline-block;
}
.index-case .idx_solve .center_box .right .pre-next-button {
  position: absolute;
  top: 0;
  right: 100%;
  width: 0.65rem;
  min-width: 50px;
  min-height: 50px;
  z-index: 10;
}
.index-case .idx_solve .center_box .right .pre-next-button .btn {
  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;
  width: 0.65rem;
  height: 0.65rem;
  min-width: 50px;
  min-height: 50px;
}
.index-case .idx_solve .center_box .right .pre-next-button .prebtn {
  -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;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
}
.index-case .idx_solve .center_box .right .pre-next-button .prebtn img {
  -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);
  filter: brightness(0) invert(1);
}
.index-case .idx_solve .center_box .right .pre-next-button .prebtn:hover {
  -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);
  background-color: rgba(255, 255, 255, 0.8);
}
.index-case .idx_solve .center_box .right .pre-next-button .prebtn:hover img {
  -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);
  filter: brightness(0) invert(0);
}
.index-case .idx_solve .center_box .right .pre-next-button .nextbtn {
  cursor: pointer;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
}
.index-case .idx_solve .center_box .right .pre-next-button .nextbtn img {
  -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);
  transform: rotate(180deg);
  filter: brightness(0) invert(1);
}
.index-case .idx_solve .center_box .right .pre-next-button .nextbtn:hover {
  -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);
  background-color: rgba(255, 255, 255, 0.8);
}
.index-case .idx_solve .center_box .right .pre-next-button .nextbtn:hover img {
  -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);
  filter: brightness(0) invert(0);
}
.index-case .idx_solve .center_box .right .swiper_text {
  position: absolute;
  top: 1.82rem;
  right: 64px;
  width: 27.24%;
  height: auto;
  padding-bottom: 2px;
  background-image: url("../images/Subtract.png");
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide {
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide.swiper-slide-active {
  pointer-events: inherit;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide.swiper-slide-active .centerInfo {
  display: block;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo {
  padding: 0.48rem 0.64rem;
  display: none;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .title p {
  font-size: var(--font24);
  color: var(--black-000);
  font-weight: 500;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .info {
  color: var(--black-666);
  line-height: 1.5;
  margin-top: 0.32rem;
  padding-top: 0.32rem;
  border-top: solid 1px var(--black-ccc);
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist {
  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-top: 2.26rem;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .down,
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .fast {
  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;
  gap: 12px;
  font-weight: 700;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .down {
  color: #25BB0F;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .fast {
  color: #FF9D2A;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .percent {
  font-size: var(--font40);
  color: var(--black-000);
  font-weight: 700;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .percent .jump-num {
  font-size: var(--font40);
  font-weight: 700;
}
.index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .content {
  color: var(--black-666);
  font-weight: 300;
}
@media (max-width:1280px) {
  .index-case {
    margin-top: 0.5rem;
  }
  .index-case .idx_solve .center_box .right .swiper_list .item_box {
    margin-top: 1rem;
  }
  .index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist {
    margin-top: 2rem;
  }
}
@media (max-width:990px) {
  .index-case .idx_solve .center_box .right {
    padding: 1rem 0;
  }
  .index-case .idx_solve .center_box .right .pre-next-button {
    right: 35.7%;
  }
  .index-case .idx_solve .center_box .right .swiper_list .item_box {
    margin-top: 0.6rem;
  }
  .index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo {
    padding: 0.4rem;
  }
  .index-case .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist {
    margin-top: 0.6rem;
  }
}
@media (max-width:768px) {
  .index-case {
    margin-top: 0;
  }
  .index-case .idx_solve .center_box .right .pre-next-button {
    display: none;
  }
  .index-case .idx_solve .center_box .right .swiper_text {
    position: relative;
    width: 100%;
    top: 0.3rem;
    right: 0;
    background-size: cover;
  }
}
.index-services {
  position: relative;
  padding: 1.6rem 0 3rem 0;
  overflow: hidden;
}
.index-services .top-info {
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.index-services .top-info .leftbox .sec-title {
  margin-top: 0.41rem;
}
.index-services .top-info .leftbox .sec-title p {
  font-family: 'HarmonyOS-TC';
  font-size: var(--font48);
  font-weight: 700;
  line-height: 1.2;
}
.index-services .top-info .leftbox .sec-title .greytitle {
  color: var(--black-999);
}
.index-services .top-info .leftbox .sec-title .blacktitle {
  color: var(--black-000);
}
.index-services .top-info .rightbox .index-p-more .icon {
  background-image: url("../images/more-icon-color.png");
}
.index-services .bottom-info {
  position: relative;
  border-top: solid 1px var(--black-ddd);
  margin-top: 0.96rem;
}
.index-services .bottom-info .itemlist {
  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;
  position: relative;
  z-index: 1;
}
.index-services .bottom-info .itemlist .item {
  flex: 1;
  border-right: solid 1px var(--black-ddd);
  padding-left: 0.32rem;
}
.index-services .bottom-info .itemlist .item:first-child {
  padding-left: 0;
}
.index-services .bottom-info .itemlist .item:last-child {
  border-right: 0;
}
.index-services .bottom-info .itemlist .item .num {
  font-size: var(--font18);
  margin-top: 0.32rem;
  color: var(--black-ccc);
}
.index-services .bottom-info .itemlist .item .icon {
  margin-top: 2.27rem;
  width: 0.42rem;
  height: 0.42rem;
}
.index-services .bottom-info .itemlist .item .title {
  font-size: var(--font24);
  font-weight: 700;
  color: var(--black-000);
  margin-top: 0.2rem;
}
.index-services .bottom-info .image {
  position: absolute;
  width: 74%;
  left: 13%;
  top: 0;
  transform: translateY(38%);
  filter: blur(160px);
}
.index-services .bottom-info .image img {
  animation: rotate 30s infinite;
}
@media (max-width:1280px) {
  .index-services {
    padding: 1rem 0;
  }
}
@media (max-width:768px) {
  .index-services {
    padding: 1rem 0;
  }
  .index-services .top-info {
    display: inline-block;
    width: 100%;
  }
  .index-services .top-info .rightbox {
    margin-top: 0.3rem;
  }
  .index-services .bottom-info .itemlist {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .index-services .bottom-info .itemlist .item {
    padding-left: 0.1rem;
  }
  .index-services .bottom-info .itemlist .item .title {
    font-size: var(--font16);
  }
  .index-services .bottom-info .itemlist .item .icon {
    margin-top: 1.5rem;
  }
}
@media (max-width:480px) {
  .index-services .bottom-info {
    border-top: none;
  }
  .index-services .bottom-info .itemlist {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .index-services .bottom-info .itemlist .item {
    padding-bottom: 0.2rem;
    border-right: none;
    /* 选择第1、2、3、4项 */
    /* 选择第5-8项 */
  }
  .index-services .bottom-info .itemlist .item:last-child {
    border-right: none;
  }
  .index-services .bottom-info .itemlist .item:nth-child(-n+4) {
    border-top: solid 1px var(--black-ddd);
    border-bottom: solid 1px var(--black-ddd);
    border-right: solid 1px var(--black-ddd);
  }
  .index-services .bottom-info .itemlist .item:nth-child(n+5):nth-child(-n+8) {
    border-bottom: solid 1px var(--black-ddd);
    border-right: solid 1px var(--black-ddd);
  }
  .index-services .bottom-info .itemlist .item .title {
    white-space: nowrap;
  }
  .index-services .bottom-info .itemlist .item .icon {
    margin-top: 0.5rem;
  }
}
.index-about {
  position: relative;
  padding: 1.6rem 0 2.6rem 0;
  background-color: rgba(230, 230, 230, 0.2);
  overflow: hidden;
}
.index-about .info {
  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;
}
.index-about .info .left-box {
  width: 40.79%;
  z-index: 2;
}
.index-about .info .left-box .public-opacity-title {
  margin-top: 0.32rem;
  line-height: 1.16667;
}
.index-about .info .left-box .teac-title {
  margin-top: 0.24rem;
}
.index-about .info .left-box .sec-title {
  margin-top: 0.24rem;
  color: var(--black-666);
}
.index-about .info .left-box .index-p-more {
  margin-top: 0.8rem;
}
.index-about .info .left-box .index-p-more .icon {
  background-image: url("../images/more-icon-color.png");
}
.index-about .info .right-box {
  min-width: 25.33%;
  z-index: 2;
}
.index-about .info .right-box .itemrow {
  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;
  gap: 0.7rem;
  border-top: solid 1px var(--black-000);
}
.index-about .info .right-box .itemrow:first-child {
  border-top: none;
}
.index-about .info .right-box .itemrow .item {
  padding: 0.4rem 0;
}
.index-about .info .right-box .itemrow .item .data {
  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;
  line-height: 1;
  position: relative;
  color: var(--black-000);
}
.index-about .info .right-box .itemrow .item .data .num {
  font-size: var(--font64);
  font-weight: 700;
}
.index-about .info .right-box .itemrow .item .data .dw {
  font-weight: 700;
}
.index-about .info .right-box .itemrow .item .data .year {
  font-weight: 700;
}
.index-about .info .right-box .itemrow .item .title {
  color: var(--black-666);
  margin-top: 0.04rem;
  max-width: 127px;
}
.index-about .info .right-box .itemrow2 .item .data {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.index-about .image {
  width: 60%;
  margin: auto;
  text-align: center;
  transform: translateY(-76px);
}
@media (max-width:1280px) {
  .index-about {
    padding: 1rem 0;
  }
}
@media (max-width:990px) {
  .index-about .info {
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 100%;
  }
  .index-about .info .left-box {
    width: 100%;
  }
  .index-about .info .right-box {
    width: 100%;
    margin-top: 0.4rem;
  }
  .index-about .info .right-box .itemrow {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
}
@media (max-width:768px) {
  .index-about .info .right-box .itemrow .item .data .num {
    font-size: var(--font32);
  }
}
@media (max-width:480px) {
  .index-about .info .right-box .itemrow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.3rem;
    row-gap: 0;
  }
  .index-about .info .right-box .itemrow .item {
    padding: 0.3rem 0;
  }
}
.index-news {
  position: relative;
  padding: 1.6rem 0;
  background-color: #fff;
}
.index-news .news-top .newsbox {
  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;
  margin-top: 0.32rem;
}
.index-news .news-top .newsbox .title {
  color: var(--black-999);
}
.index-news .news-top .newsbox .title span {
  color: var(--black-999);
}
.index-news .news-top .newsbox .public-opacity-title span {
  font-weight: 700;
  font-family: 'HarmonyOS-TC';
}
.index-news .news-top .newsbox .index-p-more .icon {
  background-image: url("../images/more-icon-color.png");
}
.index-news .new-list {
  margin-top: 0.96rem;
}
.index-news .new-list .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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 24px 0;
  border-bottom: solid 1px var(--black-ccc);
}
.index-news .new-list .item:first-child {
  border-top: solid 1px var(--black-ccc);
}
.index-news .new-list .item .info {
  -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);
  width: 24.7%;
  max-width: 443px;
}
.index-news .new-list .item .info .num {
  font-size: var(--font18);
  color: var(--black-999);
}
.index-news .new-list .item .info .title {
  -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);
  font-size: var(--font24);
  color: var(--black-000);
  margin-top: 1.43rem;
  line-height: 1;
}
.index-news .new-list .item .info .sec-title {
  color: var(--black-666);
  margin-top: 0.16rem;
  line-height: 1.313;
}
.index-news .new-list .item .info .news-more {
  color: var(--black-999);
  margin-top: 0.4rem;
  line-height: 1.313;
}
.index-news .new-list .item .info .news-more span {
  -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);
  margin-right: 0.16rem;
}
.index-news .new-list .item .info .news-more img {
  -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 .new-list .item .image {
  position: relative;
  width: 32.609%;
  overflow: hidden;
}
.index-news .new-list .item .image img {
  -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);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-news .new-list .item .image .active {
  animation: newsrotateRight 3s ;
}
.index-news .new-list .item:hover .info .title {
  -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);
  color: var(--active-color);
}
.index-news .new-list .item:hover .news-more span {
  -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);
  color: #000;
}
.index-news .new-list .item:hover .news-more img {
  transition: 0.3s ease-in-out;
  transform: translateX(10px);
}
@media (max-width:1280px) {
  .index-news .new-list .item .info {
    width: 45%;
  }
  .index-news .new-list .item .image {
    width: 45%;
  }
}
@media (max-width:768px) {
  .index-news .new-list .item .info {
    width: 45%;
  }
  .index-news .new-list .item .info .title {
    margin-top: 0.5rem;
  }
  .index-news .new-list .item .image {
    width: 45%;
  }
  .index-news .new-list .item .image .coverbg {
    display: none;
  }
}
@media (max-width:640px) {
    .index-news{
        padding: 1rem 0;
    }
  .index-news .new-list {
    margin-top: 0.4rem;
  }
  .index-news .new-list .item .info {
    width: 55%;
  }
  .index-news .new-list .item .info .title {
    margin-top: 0.2rem;
    line-height: inherit;
  }
  .index-news .new-list .item .info .sec-title {
    margin-top: 0.12rem;
    line-height: inherit;
  }
  .index-news .new-list .item .info .news-more {
    color: var(--black-999);
    margin-top: 0.2rem;
  }
  .index-news .new-list .item .image {
    width: 40%;
  }
  .index-news .news-top .newsbox {
    display: inline-block;
    width: 100%;
  }
  .index-news .index-p-more {
    margin-top: 0.3rem;
  }
}
@media (max-width:480px) {
    .index-news{
        padding: .5rem 0;
    }
  .index-news .new-list .item {
    display: inline-block;
    width: 100%;
  }
  .index-news .new-list .item .info {
    width: 100%;
  }
  .index-news .new-list .item .image {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.index-business-consulting {
  position: relative;
  height: 5.6rem;
  background-image: url("../images/index-business-complete.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.index-business-consulting .content {
  position: relative;
  z-index: 1;
  color: var(--white-color);
  padding: 1.36rem 0;
  align-content: center;
}
.index-business-consulting .content .sec-title {
  margin-top: 0.12rem;
}
.index-business-consulting .content .third-title {
  font-family: 'HarmonyOS-TC';
  margin-top: 0.32rem;
  font-weight: 700;
  font-size: var(--font48);
}
.index-business-consulting .content .index-more {
  margin-top: 0.64rem;
}
.index-business-consulting .content .index-p-more {
  margin-top: 0.64rem;
}
.index-business-consulting .content .index-p-more .title {
  color: var(--white-color);
}
.index-business-consulting .content .index-p-more .icon {
  background-image: url("../images/more-icon-white.png");
}
.index-business-consulting .content .index-p-more img {
  filter: brightness(0) invert(1);
}
.index-business-consulting .content .index-p-title {
  color: #fff;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
}
@media (max-width:990px) {
  .index-business-consulting {
    background-attachment: inherit;
  }
}
@media (max-width:768px) {
  .index-business-consulting .content .sec-title {
    margin-top: 0.15rem;
  }
}
@media (max-width:480px) {
  .index-business-consulting{
    height: inherit;
  }
}

.server-wrap {
  background-color: var(--bg-f8);
}
.server-head {
  padding-top: 1.86rem;
}
.server-head .head-info {
  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;
  margin-top: 0.32rem;
}
.server-head .head-info .left p {
  line-height: calc(56/48);
  font-weight: 700;
  font-family: 'HarmonyOS-TC';
}
.server-head .head-info .left p span {
  font-family: 'HarmonyOS-TC';
}
.server-head .head-info .right-nav {
  color: var(--black-999);
}
.server-head .head-info .right-nav .active {
  color: var(--black-000);
}
@media (max-width:768px) {
  .server-head .head-info {
    display: inline-block;
    width: 100%;
  }
  .server-head .head-info .right-nav {
    margin-top: 0.3rem;
  }
}
.server-bg {
  height: 6.38rem;
  padding-left: 0.64rem;
  margin-top: 0.83rem;
}
.server-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:990px) {
  .server-bg {
    height: auto;
    padding-left: 20px;
  }
}
@media (max-width:480px) {
  .server-bg {
    padding: 0 20px;
  }
}
@media (max-width:360px) {
  .server-bg {
    margin-top: 30px;
  }
}
.server-module {
  padding: 1.28rem 0;
  position: relative;
  margin-bottom: 1.28rem;
}
.server-module::after {
  position: absolute;
  content: '';
  width: 90%;
  border-bottom: 1px dashed #999;
  right: 0;
  top: 0;
}
.server-module:last-child::after {
  border-bottom: none;
}
.server-module .public-title {
  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;
  gap: 0.24rem;
  line-height: 1.1666;
  font-size: var(--font48);
  font-weight: 700;
}
.server-module .public-title .active {
  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;
  font-size: var(--font24);
  font-weight: 700;
  padding: 0 0.69rem 0 0.24rem;
  color: var(--active-color);
  border-radius: 60px;
  height: 0.49rem;
  margin-top: 0.05rem;
  background-image: linear-gradient(to right, rgba(37, 187, 15, 0.1), rgba(37, 187, 15, 0));
}
.server-module .itemlist {
  gap: 0.23rem;
  margin-top: 0.64rem;
}
.server-module .itemlist .item {
  cursor: pointer;
  padding: 0.46rem 0.56rem;
  background-color: var(--white-color);
  transition: 0.5s ease-in-out;
}
.server-module .itemlist .item .title {
  -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);
  font-size: var(--font24);
  font-weight: 700;
}
.server-module .itemlist .item .content {
  color: var(--black-666);
  margin-top: 0.24rem;
  padding-top: 0.24rem;
  line-height: 1.167;
  position: relative;
  border-top: solid 1px rgba(102, 102, 102, 0.1);
}
.server-module .itemlist .item .content::before {
  position: absolute;
  content: "";
  width: 0;
  left: 0;
  top: 0;
  height: 1px;
  background-color: var(--active-color);
  transition: 0.5s ease-in-out;
}
.server-module .itemlist .item .image {
  -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);
  margin-top: 1.43rem;
  width: 0.4rem;
  height: 0.4rem;
}
.server-module .itemlist .item .image img {
  -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);
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.6) invert(1);
}
.server-module .itemlist .item .imagebg {
  -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);
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
.server-module .itemlist .item:hover {
  transform: translateY(-10px);
  box-shadow: 6px 8px 31px 0 rgba(37, 187, 15, 0.19);
}
.server-module .itemlist .item:hover .title {
  -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);
  color: var(--active-color);
}
.server-module .itemlist .item:hover .content:before {
  width: 100%;
  transition: 0.5s ease-in-out;
}
.server-module .itemlist .item:hover .image img {
  -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);
  filter: brightness(1) invert(1);
}
.server-module .itemlist .item:hover .imagebg {
  -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);
  display: inline-block;
}
.server-module .list1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 0.32rem;
  max-width: 656px;
  padding-bottom: 0.8rem;
}
.server-module .list1 .item .content {
  border-top: inherit;
  padding-top: 0;
  margin-top: 0;
}
.server-module .list1 .item:hover {
  transform: inherit;
}
.server-module .list1 .item:hover .content:before {
  width: 0;
}
.server-module .list2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.server-module .list2 .item .image {
  margin-top: 0.64rem;
  width: 0.42rem;
  height: 0.42rem;
}
.server-module .list2 .item:nth-child(2) .image {
  float: right;
}
.server-module .list3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.server-module .list3 .item .image {
  margin-top: 1.73rem;
  width: 0.5rem;
  height: 0.5rem;
}
.server-module .list4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.server-module .list4 .item .content {
  max-width: 2.4rem;
}
@media (max-width:990px) {
  .server-module {
    margin-bottom: auto;
  }
  .server-module .list4 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .server-module .list4 .item .content {
    max-width: fit-content;
  }
}
@media (max-width:768px) {
  .server-module {
    padding: 1rem 0;
  }
  .server-module .itemlist .item:hover .imagebg {
    width: 50%;
  }
  .server-module .list3,
  .server-module .list4 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:640px) {
  .server-module {
    padding: 0.8rem 0;
  }
  .server-module .list2,
  .server-module .list3,
  .server-module .list4 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width:480px) {
  .server-module::after {
    width: calc(100% - 40px);
    left: 20px;
  }
  .server-module .itemlist .item .image {
    margin-top: 0.8rem;
  }
}
.server-bg .itemlist .item {
  position: relative;
}
.server-bg .itemlist .item .imagebg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.server-six {
  margin-bottom: 0 !important;
}
.server-seven {
  background-color: inherit;
  padding-top: 0;
}
.server-seven .innerbox {
  background-image: url(../images/section7-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 0.96rem;
  padding-left: 0.8rem;
}
.server-seven .innerbox .itemlist .item {
  background-color: inherit;
  padding: 0;
  box-shadow: inherit;
}
.server-seven .innerbox .itemlist .item .image {
  margin-top: 0.88rem;
  width: 0.56rem;
  height: 0.56rem;
}
@media (max-width:768px) {
  .server-seven .innerbox {
    padding: 0.48rem 0.56rem;
  }
  .server-seven .innerbox .itemlist .item {
    padding: 0;
  }
}
.solution-wrap {
  margin-top: 1.6rem;
  padding-left: 1.9rem;
}
.solution-wrap .title {
  font-family: 'HarmonyOS-TC';
  font-weight: 700;
  line-height: calc(56/48);
}
.solution-wrap .solutionlist {
  margin-top: 0.8rem;
  overflow: hidden;
}
.solution-wrap .solutionlist .innerbox a {
  display: inline;
}
.solution-wrap .solutionlist .innerbox a .image .pb {
  padding-bottom: 133.713%;
}
.solution-wrap .solutionlist .innerbox a .image .pb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-wrap .solutionlist .innerbox a .image .pb .nomal {
  transition: 1s ease-in-out;
}
.solution-wrap .solutionlist .innerbox a .image .pb .select {
  height: 100%;
  display: inline-block;
  transition: 1s ease-in-out;
  position: absolute;
  left: 0;
  width: 0;
  transition: 0.6s ease-in-out;
}
.solution-wrap .solutionlist .innerbox a .content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0.4rem;
  z-index: 10;
}
.solution-wrap .solutionlist .innerbox a .content .info p {
  font-size: var(--font28);
  font-weight: 500;
  color: #FFF;
  line-height: 1.2;
}
.solution-wrap .solutionlist .innerbox a .content .info .desc {
  margin-top: 0.32rem;
  color: #FFF;
  opacity: 0;
  transform: translateY(-20px);
  transition: 0.5s ease-in-out;
}
.solution-wrap .solutionlist .innerbox a .content .more {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.4rem;
}
.solution-wrap .solutionlist .innerbox a .content .more img {
  width: 0.65rem;
  height: 0.65rem;
}
.solution-wrap .solutionlist .innerbox a:hover {
  cursor: pointer;
}
.solution-wrap .solutionlist .innerbox a:hover .image .select {
  height: 100%;
  display: inline-block;
  width: 100%;
  transition: 0.6s ease-in-out;
}
.solution-wrap .solutionlist .innerbox a:hover .info .desc {
  opacity: 1;
  transform: translateY(0px);
  transition: 0.5s ease-in-out;
}
@media (max-width:768px) {
  .solution-wrap {
    padding-left: 20px;
  }
}
@media (max-width:480px) {
  .solution-wrap {
    margin-top: 1rem;
    padding: 0px 20px;
  }
  .solution-wrap .solutionlist .innerbox .image .pb {
    padding-bottom: 100%;
  }
  .solution-wrap .solutionlist .innerbox .content .more {
    width: 80px;
  }
}
@media (max-width:360px) {
  .solution-wrap {
    margin-top: 0.6rem;
  }
  .solution-wrap .solutionlist {
    margin-top: 0.6rem;
  }
}
.chooseQINGLV {
  margin-top: 1.6rem;
  padding-bottom: 0.8rem;
}
.chooseQINGLV .titletop {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.chooseQINGLV .titletop .title {
  font-size: var(--font48);
  font-weight: 700;
  font-family: 'HarmonyOS-TC';
  line-height: calc(56/48);
}
.chooseQINGLV .titletop .info {
  font-size: var(--font24);
  max-width: 3.2rem;
  color: var(--black-666);
  margin-left: 1.35rem;
}
.chooseQINGLV .titletop .info span {
  font-size: var(--font24);
}
.chooseQINGLV .titletop .info .activecolor {
  font-weight: 700;
}
.chooseQINGLV .itemlist {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.chooseQINGLV .itemlist .item {
  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;
  border-top: solid 1px #dddddd;
}
.chooseQINGLV .itemlist .item a {
  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;
  column-gap: 1.37rem;
  padding: 0.24rem 0 0.8rem 0;
}
.chooseQINGLV .itemlist .item a .left .num {
  -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);
  font-size: var(--font18);
  color: var(--black-999);
  opacity: 0.8;
}
.chooseQINGLV .itemlist .item a .left .title {
  -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);
  font-size: var(--font24);
  margin-top: 0.4rem;
  color: var(--black-000);
  font-weight: 700;
  line-height: calc(28/24);
}
.chooseQINGLV .itemlist .item a .left .info {
  -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);
  margin-top: 0.16rem;
  color: var(--black-666);
}
.chooseQINGLV .itemlist .item a .right {
  width: 0.66rem;
  height: 0.66rem;
  min-width: 0.66rem;
  text-align: center;
}
.chooseQINGLV .itemlist .item a .right img {
  -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);
}
.chooseQINGLV .itemlist .item a:hover .left .num {
  -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);
  color: var(--black-000);
  transform: translateX(30px);
}
.chooseQINGLV .itemlist .item a:hover .left .title {
  -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);
  color: var(--active-color);
  transform: translateX(30px);
}
.chooseQINGLV .itemlist .item a:hover .left .info {
  -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);
  transform: translateX(30px);
}
.chooseQINGLV .itemlist .item a:hover .right img {
  -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);
  transform: translateX(30px);
}
.chooseQINGLV .itemlist .item:nth-child(odd) {
  padding-right: 1.39rem;
}
.chooseQINGLV .itemlist .item:nth-child(even) {
  padding-left: 1.39rem;
}
@media (max-width:990px) {
  .chooseQINGLV .titletop .info {
    margin-left: 1rem;
  }
  .chooseQINGLV .itemlist .item {
    column-gap: 1rem;
  }
  .chooseQINGLV .itemlist .item:nth-child(odd) {
    padding-right: 1rem;
  }
  .chooseQINGLV .itemlist .item:nth-child(even) {
    padding-left: 1rem;
  }
}
@media (max-width:768px) {
  .chooseQINGLV .titletop {
    display: inline-block;
    width: 100%;
  }
  .chooseQINGLV .titletop .title {
    width: 100%;
  }
  .chooseQINGLV .titletop .info {
    width: 100%;
    max-width: inherit;
    margin-top: 0.3rem;
    margin-left: 0;
  }
  .chooseQINGLV .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
  .chooseQINGLV .itemlist .item:nth-child(odd) {
    padding-right: 0;
  }
  .chooseQINGLV .itemlist .item:nth-child(even) {
    padding-left: 0;
  }
}
@media (max-width:768px) {
  .chooseQINGLV {
    margin-top: 1rem;
  }
}
@media (max-width:480px) {
  .chooseQINGLV {
    margin-top: .5rem;
    padding-bottom: .5rem;
  }
}

.about-list {
  padding-left: 0.64rem;
}
.about-list ul {
  display: flex;
  column-gap: 1rem;
  background-color: var(--white-color);
  padding: 0 1.28rem;
}
.about-list ul li {
  -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);
  color: var(--black-999);
  padding: 0.365rem 0;
  cursor: pointer;
  border-bottom: solid 2px #fff;
}
.about-list ul li:hover {
  -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);
  color: var(--black-000);
  border-bottom: solid 2px var(--active-color);
}
.about-list ul .active {
  -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);
  color: var(--black-000);
  border-bottom: solid 2px var(--active-color);
}
@media (max-width:1280px) {
  .about-list ul li {
    padding: 0.344rem 0;
  }
}
@media (max-width:990px) {
  .about-list {
    padding-left: 20px;
  }
  .about-list ul {
    padding-left: 20px;
    column-gap: 0.8rem;
  }
}
@media (max-width:768px) {
  .about-list ul {
    column-gap: 0.5rem;
  }
}
@media (max-width:640px) {
  .about-list ul {
    column-gap: 0.2rem;
  }
}
@media (max-width:480px) {
  .about-list {
    padding: 0px 20px;
  }
  .about-list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 0.3rem;
    padding-bottom: 0.3rem;
  }
  .about-list ul li {
    padding: 0.3rem 0 0 0;
    font-size: var(--font12);
    white-space: nowrap;
  }
  .about-list ul li:hover {
    border-bottom: none !important;
  }
  .about-list ul .active {
    border-bottom: none !important;
  }
  .about-list ul .active a {
    border-bottom: solid 2px var(--active-color);
  }
}
.about-enviroment {
  margin-top: 1.28rem;
}
.about-enviroment .innerbox {
  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-enviroment .innerbox .leftwrap {
  width: 30%;
}
.about-enviroment .innerbox .leftwrap .title {
  font-family: 'HarmonyOS-TC';
  font-size: var(--font48);
  font-weight: 700;
}
.about-enviroment .innerbox .leftwrap .aboutbox {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.about-enviroment .innerbox .leftwrap .aboutbox .videowrap {
  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;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: absolute;
}
.about-enviroment .innerbox .leftwrap .aboutbox .videowrap .btn {
  cursor: pointer;
  width: 0.64rem;
  height: 0.64rem;
}
.about-enviroment .innerbox .leftwrap .aboutbox .videowrap .btn img {
  width: 100%;
  height: 100%;
  filter: brightness(0) invert(1);
}
.about-enviroment .innerbox .leftwrap .aboutbox .videowrap .word {
  margin-top: 0.16rem;
  color: #ffffff;
  text-align: center;
}
.about-enviroment .innerbox .leftwrap .aboutbox .videowrap .word p {
  text-align: center;
}
.about-enviroment .innerbox .leftwrap .aboutbox .img {
  width: 100%;
  height: 5rem;
}
.about-enviroment .innerbox .leftwrap .aboutbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-enviroment .innerbox .rightwrap {
  width: 60%;
}
.about-enviroment .innerbox .rightwrap .info {
  color: var(--black-666);
}
.about-enviroment .innerbox .rightwrap .info p {
  margin-top: 0.4rem;
  line-height: calc(24/16);
}
.about-enviroment .innerbox .rightwrap .info p:first-child {
  margin-top: 0;
}
.about-enviroment .innerbox .rightwrap .itemlist {
  margin-top: 0.64rem;
}
.about-enviroment .innerbox .rightwrap .itemlist .itemrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.48rem;
}
.about-enviroment .innerbox .rightwrap .itemlist .itemrow .item:first-child .data {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.about-enviroment .innerbox .rightwrap .itemlist .itemrow .item .data {
  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;
  line-height: 1;
  position: relative;
  color: var(--black-000);
}
.about-enviroment .innerbox .rightwrap .itemlist .itemrow .item .data .num {
  font-size: var(--font56);
  font-weight: 700;
}
.about-enviroment .innerbox .rightwrap .itemlist .itemrow .item .data .dw {
  font-weight: 700;
}
.about-enviroment .innerbox .rightwrap .itemlist .itemrow .item .data .year {
  font-weight: 700;
}
.about-enviroment .innerbox .rightwrap .itemlist .itemrow .item .title {
  color: var(--black-666);
  margin-top: 0.04rem;
  max-width: 127px;
}
.about-enviroment .innerbox .rightwrap .business-scope {
  margin-top: 0.56rem;
}
.about-enviroment .innerbox .rightwrap .business-scope .title {
  font-weight: 500;
  font-size: var(--font24);
}
.about-enviroment .innerbox .rightwrap .business-scope .info {
  margin-top: 0.2rem;
}
@media (max-width:1280px) {
  .about-enviroment .innerbox .rightwrap .info p {
    margin-top: 0.2rem;
  }
}
@media (max-width:768px) {
  .about-enviroment .innerbox {
    display: inline-block;
    width: 100%;
  }
  .about-enviroment .innerbox .leftwrap {
    width: 100%;
    height: auto;
  }
  .about-enviroment .innerbox .rightwrap {
    width: 100%;
    margin-top: 1rem;
  }
}



.mission-vision {
  margin-top: 1.6rem;
}
.mission-vision .ptitle {
  color: var(--black-000);
  font-size: var(--font48);
  font-weight: 700;
}
.mission-vision .itemlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.24rem;
  margin-top: 0.64rem;
}
.mission-vision .itemlist .item {
  padding: 0.48rem 0.64rem 0.64rem 0.64rem;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
  background-color: var(--white-color);
}
.mission-vision .itemlist .item .info {
  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;
  transition: all 0.5s ease-in-out;
}
.mission-vision .itemlist .item .info .leftwrap {
  width: 56%;
}
.mission-vision .itemlist .item .info .leftwrap .num {
  color: var(--black-999);
}
.mission-vision .itemlist .item .info .leftwrap .title {
  margin-top: 2.22rem;
}
.mission-vision .itemlist .item .info .leftwrap .info {
  font-size: var(--font28);
  margin-top: 0.24rem;
  width: 95%;
  line-height: 1.18;
}
.mission-vision .itemlist .item .info .rightwrap {
  width: 35.7%;
}
.mission-vision .itemlist .item .info .rightwrap img {
  width: 100%;
}
.mission-vision .itemlist .item .info:hover {
  transition: all 0.5s ease-in-out;
  transform: translateY(-10px);
}
.mission-vision .itemlist .item:nth-child(2) .leftwrap {
  width: 65%;
}
.mission-vision .itemlist .item .imagebg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 55%;
}



@media (max-width:990px) {
  .mission-vision .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width:768px) {
  .mission-vision {
    margin-top: 1rem;
  }
  .mission-vision .itemlist .item {
    justify-content: space-between;
  }
  .mission-vision .itemlist .item .leftwrap .title {
    margin-top: 1rem;
  }
}
@media (max-width:480px) {
  .mission-vision {
    margin-top: 0.65rem;
  }
  .mission-vision .itemlist .item {
    padding: 0.35rem;
  }
  .mission-vision .itemlist .item .leftwrap .title {
    margin-top: 0.5rem;
  }
}
.develoment-wrap {
  position: relative;
  margin-top: 1.28rem;
}
.develoment-wrap .info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.develoment-wrap .info .w1540 {
  height: 100%;
}
.develoment-wrap .info .boxInfo {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 1.28rem 0 1.07rem 0;
}
.develoment-wrap .info .boxInfo .leftwrap {
  width: 50%;
}
.develoment-wrap .info .boxInfo .leftwrap .index-p-title {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) !important;
  color: #fff;
}
.develoment-wrap .info .boxInfo .leftwrap .title {
  color: var(--white-color);
  font-size: var(--font48);
  font-weight: 700;
  margin-top: 0.3rem;
}
.develoment-wrap .info .boxInfo .rightwrap {
  width: 50%;
  margin-top: 2.84rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.96rem;
}
.develoment-wrap .info .boxInfo .rightwrap .swiper-slide-next .year {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1));
  /* 将渐变背景应用于文字 */
  -webkit-background-clip: text;
  background-clip: text;
  /* 使用渐变背景填充文字 */
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.develoment-wrap .info .boxInfo .rightwrap .yeartab li {
  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;
  cursor: pointer;
  line-height: 2;
}
.develoment-wrap .info .boxInfo .rightwrap .yeartab li img {
  margin-right: 0.2rem;
  opacity: 0.4;
}
.develoment-wrap .info .boxInfo .rightwrap .yeartab li span {
  color: var(--black-999);
  font-weight: 700;
}
.develoment-wrap .info .boxInfo .rightwrap .yeartab .active img {
  opacity: 1;
}
.develoment-wrap .info .boxInfo .rightwrap .yeartab .active span {
  color: #fff;
}
.develoment-wrap .info .boxInfo .rightwrap .scrollcontent {
  color: var(--white-color);
  height: 100%;
  overflow: hidden;
}
.develoment-wrap .info .boxInfo .rightwrap .scrollcontent .year {
  font-size: var(--font96);
  font-weight: 700;
  line-height: 1;
}
.develoment-wrap .info .boxInfo .rightwrap .scrollcontent .introduce {
  margin-top: 0.16rem;
  line-height: 1.167;
}
.develoment-wrap .info .boxInfo .rightwrap .scrollcontent .introduce p {
  font-size: var(--font24);
}
.develoment-wrap .info .boxInfo .rightwrap .swiper-pagination {
  display: none;
}
.develoment-wrap .riverbg {
  position: relative;
  height: 100%;
  margin-left: 3.334%;
}
.develoment-wrap .riverbg img{
  width:100%;
}
.develoment-wrap .riverbg .mobile-img{
    display:none;
}

.develoment-wrap .svg_box {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  --dashsf: 2750;
  overflow: hidden;
}
.develoment-wrap .svg_box .svg {
  width: 106%;
  transform: translateX(-3%);
}
.develoment-wrap .svg_box .svg svg .line {
  stroke-dasharray: 2750;
  stroke-dashoffset: var(--dashsf);
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.develoment-wrap .svg_box.active {
  --dashsf: 0;
}
.develoment-wrap .swiper-pagination .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}
.develoment-wrap .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--color-active);
  opacity: 1;
}

@media (max-width:1440px) {
    .develoment-wrap .info .boxInfo .rightwrap{
            margin-top: 2rem;
    }
    .develoment-wrap .info .boxInfo .rightwrap .yeartab li{
        line-height: 2.1;
    }
}


@media (max-width:1280px) {
    .develoment-wrap .info .boxInfo .rightwrap{
           margin-top: 2rem; 
    }
  .develoment-wrap .info .rightwrap .scrollcontent .year {
    font-size: var(--font60);
  }
}
@media (max-width:1200px) {
  .develoment-wrap .info .rightwrap {
    margin-top: 1.6rem;
  }
}
@media (max-width:990px) {
    .develoment-wrap .info .boxInfo .leftwrap{
            padding-left: .8rem;
    }
  .develoment-wrap .info .rightwrap {
    margin-top: 1rem;
  }
  .develoment-wrap .info .boxInfo .rightwrap{
      margin-top: 0;
  }
}
@media (max-width:768px) {
    .develoment-wrap .info .boxInfo .rightwrap .yeartab li{
                line-height: 1.8;
    }
    .develoment-wrap .info .boxInfo .leftwrap{
        width: 42%;
    }
    .develoment-wrap .info .boxInfo .rightwrap{
        width: 58%;
    }
    
 .develoment-wrap .info .boxInfo .leftwrap{
     padding-left: 0;
 }
  .develoment-wrap .info .rightwrap {
    margin-top: 0.5rem;
  }

  .develoment-wrap .info .rightwrap .swiper-pagination {
    display: inline-block;
    width: 100%;
  }
  .develoment-wrap .riverbg {
    margin-left: 0;
  }
}
@media (max-width:480px) {
    .develoment-wrap .info .boxInfo{
        padding: .6rem 0;
    }
    .develoment-wrap .info .boxInfo .leftwrap .title{
        font-size: var(--font30);
    }
    .develoment-wrap .info .boxInfo .rightwrap{
        gap: .6rem;
    }
    .develoment-wrap .info .boxInfo .rightwrap .scrollcontent .introduce p{
        font-size: var(--font16);
    }
    .develoment-wrap .info .boxInfo .rightwrap .yeartab li img{
        width: .2rem;
    }
      
  .develoment-wrap .riverbg{
      height: 6rem;
  }
  .develoment-wrap .riverbg img{
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
   .develoment-wrap .riverbg .pc-img{
      display: none;
   }
   .develoment-wrap .riverbg .mobile-img{
      display: inline-block;
   }
   .develoment-wrap .svg_box{
       display: none;
   }
  
}
.cooperation-wrap {
  position: relative;
}
.cooperation-wrap .container {
  background-color: var(--white-color);
  padding-top: 1.6rem;
}
.cooperation-wrap .container .title {
  font-size: var(--font48);
  font-weight: 700;
  padding: 0 1.27rem;
}
.cooperation-wrap .container .itemlist {
  margin-top: 0.88rem;
  padding: 0 1.27rem;
  padding-bottom: 1.05rem;
}
.cooperation-wrap .container .itemlist .cooperate1,
.cooperation-wrap .container .itemlist .cooperate2 {
  padding: 0.67rem 0;
  border-top: solid 1px #DDDDDD;
  overflow: hidden;
}
.cooperation-wrap .container .itemlist .cooperate1 .pb,
.cooperation-wrap .container .itemlist .cooperate2 .pb {
  padding-bottom: 36.5%;
}
.cooperation-wrap .container .itemlist .cooperate1 .pb img,
.cooperation-wrap .container .itemlist .cooperate2 .pb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.5;
  transition: all .3s ease-in-out;
}
.cooperation-wrap .container .itemlist .cooperate1 .pb img:hover, .cooperation-wrap .container .itemlist .cooperate2 .pb img:hover{
    filter: grayscale(0);
    opacity: 1;
    transition: all .3s ease-in-out;
}


.cooperation-wrap .container .itemlist .cooperate1 .swiper-wrapper,
.cooperation-wrap .container .itemlist .cooperate2 .swiper-wrapper {
  transition-timing-function: linear !important;
  /* 自动轮播匀速不停顿 */
}
@media (max-width:480px) {
  .cooperation-wrap .container .title,
  .cooperation-wrap .container .itemlist {
    padding: 0;
  }
}
.about-global {
  position: relative;
  padding: 0.67rem 0 2.6rem 0;
  background-color: rgba(230, 230, 230, 0.2);
  overflow: hidden;
}
.about-global .inenrbox {
  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-global .inenrbox .leftwrap {
  margin-top: 0.93rem;
  min-width: 3rem;
  width: 19.6%;
  z-index: 2;
}
.about-global .inenrbox .leftwrap .info {
  margin-top: 2.57rem;
  color: var(--black-333);
}
.about-global .inenrbox .leftwrap .index-p-more {
  margin-top: 0.4rem;
}
.about-global .inenrbox .leftwrap .index-p-more .icon {
  background-image: url("../images/more-icon-color.png");
}
.about-global .inenrbox .rightwrap {
  width: 76.35%;
}
@media (max-width:1280px) {
  .about-global .inenrbox .leftwrap {
    width: 21.6%;
  }
}
@media (max-width:768px) {
  .about-global {
    padding: 1.8rem 0;
  }
  .about-global .inenrbox .leftwrap .info {
    margin-top: 1rem;
    
  }
  .about-global .inenrbox .rightwrap {
    width: 65%;
    position: absolute;
    top: 1rem;
    left: 35%;
  }
  .about-global .inenrbox .leftwrap{
      width: 100%;
  }
}
.pain-points-wrap {
  padding-top: 1.6rem;
  padding-bottom: 1.28rem;
}
.pain-points-wrap .innerbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.pain-points-wrap .innerbox .ileft {
  width: 78.6%;
}
.pain-points-wrap .innerbox .ileft .specialpostion {
  position: sticky;
  top: 1.2rem;
}
.pain-points-wrap .innerbox .ileft .specialpostion .info {
  margin-top: 0.32rem;
}
.pain-points-wrap .innerbox .iright {
  border-left: solid 1px #DDDDDD;
}
.pain-points-wrap .innerbox .iright ul li {
  -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);
  padding: 0.64rem 0.8rem;
  border-bottom: solid 1px #DDDDDD;
  
}
.pain-points-wrap .innerbox .iright ul li:first-child {
  /*padding-top: 0;*/
}
.pain-points-wrap .innerbox .iright ul li:last-child {
  border-bottom: none;
}
.pain-points-wrap .innerbox .iright ul li:hover {
  -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);
  background-color: #fff;
  border: none;
  box-shadow: 6px 8px 31px 0 rgba(37, 187, 15, 0.19);
  transform: translateY(-2px);
}
.pain-points-wrap .innerbox .iright ul li:hover .title {
  color: var(--active-color);
}
.pain-points-wrap .innerbox .iright ul li .title {
  font-size: var(--font24);
  color: var(--black-000);
  font-weight: 500;
}
.pain-points-wrap .innerbox .iright ul li .info {
  color: var(--black-666);
  margin-top: 0.24rem;
}
@media (max-width:768px) {
  .pain-points-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem ;
  }
  .pain-points-wrap .innerbox {
    grid-template-columns: repeat(1, 1fr);
  }
  .pain-points-wrap .innerbox .ileft {
    width: 100%;
  }
  .pain-points-wrap .innerbox .iright {
    border-left: none;
    margin-top: 0.5rem;
  }
  .pain-points-wrap .innerbox .iright ul li {
    padding: 0.64rem 0;
  }
}
@media (max-width:480px) {
  .pain-points-wrap {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.solution-advantage-wrap {
  position: relative;
}
.solution-advantage-wrap .innerbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: #fff;
}
.solution-advantage-wrap .innerbox .item .image {
  width: 100%;
  height: 100%;
}
.solution-advantage-wrap .innerbox .item .image img ,.solution-advantage-wrap .innerbox .item .image video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-advantage-wrap .innerbox .ileft {
  padding-left: 0.64rem;
  position: relative;
}
.solution-advantage-wrap .innerbox .ileft .info {
  position: absolute;
  width: calc(100% - 1.83rem);
  left: 1.83rem;
  z-index: 2;
  color: #fff;
  top: 0.96rem;
}
.solution-advantage-wrap .innerbox .ileft .info .videowrap {
  margin-top: 0.64rem;
  cursor: pointer;
  position: absolute;
  top: 4rem;
}
.solution-advantage-wrap .innerbox .ileft .info .videowrap img {
  width: 0.64rem;
  height: 0.64rem;
  filter: brightness(0) invert(1);
}
.solution-advantage-wrap .innerbox .ileft .info .videowrap p {
  margin-top: 0.16rem;
  text-transform: uppercase;
  max-width: 118px;
}
.solution-advantage-wrap .innerbox .iright {
  background-color: #fff;
}
.solution-advantage-wrap .innerbox .iright ul {
  padding: 0.8rem 1.93rem 0.56rem 0.8rem;
}
.solution-advantage-wrap .innerbox .iright ul li {
  -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);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: solid 1px #dddddd;
  padding: 0.18rem 0 0.45rem 0;
 
}




.solution-advantage-wrap .innerbox .iright ul li:hover {
  -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);
  border-top: solid 1px var(--active-color);
}
.solution-advantage-wrap .innerbox .iright ul li .hrefcc{
    font-weight: bold;
    text-decoration: underline;
    color: var(--active-color) !important;
}
.solution-advantage-wrap .innerbox .iright ul li .bold{
    font-weight: bold;
    color: var(--active-color) !important;
}

.solution-advantage-wrap .innerbox .iright ul li:hover .hrefcc{
    color: var(--active-color);
}
.solution-advantage-wrap .innerbox .iright ul li:hover .bold{
    color: var(--active-color);
}



.solution-advantage-wrap .innerbox .iright ul li:hover .num {
  -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);
  color: var(--active-color);
}
.solution-advantage-wrap .innerbox .iright ul li .num {
  -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);
  color: var(--black-ccc);
  min-width: 0.5rem;
}
.solution-advantage-wrap .innerbox .iright ul li .title {
  -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);
  color: var(--black-000);
  margin-left: .3rem;
}
@media (max-width:1280px) {
  .solution-advantage-wrap .innerbox .iright ul li {
    padding: 0.18rem 0 0.4rem 0;
  }
}
@media (max-width:1200px) {
  .solution-advantage-wrap .innerbox {
    /*place-items: center;*/
    background-color: #fff;
  }
}
@media (max-width:990px) {
  .solution-advantage-wrap .innerbox .iright ul {
    padding: 0.5rem;
  }
  .solution-advantage-wrap .innerbox .iright ul li .title {
    margin-left: 0.5rem;
  }
}
@media (max-width:768px) {
  .solution-advantage-wrap .innerbox {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution-advantage-wrap .innerbox .iright {
    width: 100%;
  }
}
@media (max-width:480px) {
  .solution-advantage-wrap .innerbox .ileft {
    padding: 0 20px;
  }
  .solution-advantage-wrap .innerbox .ileft .info {
    left: 1.2rem;
  }
  .solution-advantage-wrap .innerbox .ileft .info .videowrap {
    top: 0;
  }
  .solution-advantage-wrap .innerbox .iright ul li .num {
    min-width: 40px;
  }
  .solution-advantage-wrap .innerbox .iright ul li .title {
    margin-left: 0;
  }
}
.sorting-products-wrap {
  margin-top: 1.28rem;
  /*padding-left: 9.9%;*/
  position: relative;
}
.sorting-products-wrap .innerbox {
  margin-top: 0.8rem;
}
.sorting-products-wrap .innerbox:before{
     position: absolute;
      content: "";
      width: 12%;
      top: 0;
      left: -12.9%;
      height: 100%;
      background-color: var(--bg-f8);
      z-index: 2;
}
.sorting-products-wrap .innerbox li {
  background-color: #fff;
  padding: 0.36rem 0.29rem;
}
.sorting-products-wrap .innerbox li .pb {
  padding-bottom: 67%;
}
.sorting-products-wrap .innerbox li .pb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.sorting-products-wrap .innerbox li .title {
  text-align: center;
  margin-top: 0.37rem;
  color: var(--black-999);
  font-size: var(--font24);
}
.sorting-products-wrap .swiper-pagination {
  display: none;
}
@media (max-width:990px) {
  .sorting-products-wrap {
    padding-left: 20px;
  }
}
@media (max-width:768px) {
  .sorting-products-wrap {
    margin-top: 1rem;
  }
  .sorting-products-wrap .swiper-pagination {
    display: inline-block;
    position: relative;
    margin-top: 30px;
  }
}
@media (max-width:480px) {
  .sorting-products-wrap {
    margin-top: 0.5rem;
    padding-right: 20px;
  }
  .sorting-products-wrap .innerbox {
    margin-top: 0.5rem;
  }
}
.caselist-wrap {
  margin-top: 1.28rem;
  padding: 1.28rem 0;
  background-color: #fff;
}
.caselist-wrap .titleflex {
  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;
}
.caselist-wrap .titleflex .operate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.64rem;
}
.caselist-wrap .titleflex .operate .oper {
  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;
  gap: 0.16rem;
  color: var(--black-999);
}
.caselist-wrap .titleflex .operate .oper img {
  width: 0.32rem;
  height: 0.32rem;
  min-width: 0.32rem;
}
.caselist-wrap .subject-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.48rem;
  border-top: solid 1px #cccccc;
}
.caselist-wrap .subject-list .sj-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-top: 0.48rem;
}
.caselist-wrap .subject-list .sj-item .title {
  font-size: var(--font24);
  font-weight: 700;
  min-width: 96px;
  margin-right: 0.96rem;
}
.caselist-wrap .subject-list .sj-item .datalist {
  color: var(--black-999);
}
.caselist-wrap .subject-list .sj-item .datalist li {
  cursor: pointer;
  margin-bottom: 0.1rem;
}
.caselist-wrap .subject-list .sj-item .datalist li img {
  -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);
  margin-right: 0.1rem;
  opacity: 0;
}
.caselist-wrap .subject-list .sj-item .datalist li:hover {
  color: var(--black-000);
}
.caselist-wrap .subject-list .sj-item .datalist li:hover img {
  -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);
  opacity: 1;
}
.caselist-wrap .subject-list .sj-item .datalist .active {
  color: var(--black-000);
}
.caselist-wrap .subject-list .sj-item .datalist .active img {
  -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);
  opacity: 1;
}
.caselist-wrap .subject-list .sj-type {
  width: 39.5%;
}
.caselist-wrap .subject-list .sj-type .datalist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.38rem;
}
.caselist-wrap .subject-list .sj-place {
  width: 60.5%;
  border-left: solid 1px #cccccc;
  padding-left: 0.9rem;
}
.caselist-wrap .subject-list .sj-place .datalist {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: calc(100% - 2rem);
}
.caselist-wrap .itemlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-top: 0.64rem;
}
.caselist-wrap .itemlist li {
  cursor: pointer;
}
.caselist-wrap .itemlist li .image {
  overflow: hidden;
}
.caselist-wrap .itemlist li .image img {
  -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);

  object-fit: cover;
}
.caselist-wrap .itemlist li .info .title {
  padding: 0.4rem 0;
  line-height: calc(28/24);
}
.caselist-wrap .itemlist li .info .dataitem {
  border-top: solid 1px #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  column-gap: 0.56rem;
  position: relative;
}
.caselist-wrap .itemlist li .info .dataitem .d-item .num {
  color: var(--black-000);
  font-weight: 700;
  margin-top: 0.4rem;
  font-size: var(--font40);
  line-height: calc(34/40);
}
.caselist-wrap .itemlist li .info .dataitem .d-item .area {
  color: var(--black-666);
  margin-top: 0.12rem;
  font-size: var(--font16);
}
.caselist-wrap .itemlist li .info .dataitem:before {
  position: absolute;
  content: '';
  width: 0;
  left: 0;
  top: 0;
  height: 1px;
  background-color: var(--active-color);
  transition: 0.8s ease-in-out;
}
.caselist-wrap .itemlist li .info .datalist {
  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;
  column-gap: 0.56rem;
  padding-top: 0.4rem;
  border-top: solid 1px #cccccc;
}
.caselist-wrap .itemlist li .info .datalist .item .down,
.caselist-wrap .itemlist li .info .datalist .item .fast {
  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;
  gap: 12px;
  font-weight: 700;
}
.caselist-wrap .itemlist li .info .datalist .item .down {
  color: #25BB0F;
}
.caselist-wrap .itemlist li .info .datalist .item .fast {
  color: #FF9D2A;
}
.caselist-wrap .itemlist li .info .datalist .item .percent {
  font-size: var(--font40);
  color: var(--black-000);
  font-weight: 700;
}
.caselist-wrap .itemlist li .info .datalist .item .percent .jump-num {
  font-size: var(--font40);
  font-weight: 700;
}
.caselist-wrap .itemlist li .info .datalist .item .content {
  color: var(--black-666);
  font-weight: 300;
}
.caselist-wrap .itemlist li:hover .image img {
  -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);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.caselist-wrap .itemlist li:hover .info .dataitem::before {
  width: 100%;
}
.caselist-wrap .caselist {
  row-gap: 0.5rem;
}
@media (max-width:1280px) {
  .caselist-wrap .subject-list .sj-item .title {
    margin-right: 0.5rem;
  }
  .caselist-wrap .subject-list .sj-type .datalist {
    column-gap: 0.2rem;
  }
}
@media (max-width:1200px) {
  .caselist-wrap {
    margin-top: 0;
  }
  .caselist-wrap .subject-list .sj-item .title {
    margin-right: 0.3rem;
  }
  .caselist-wrap .subject-list .sj-place {
    padding-left: 0.5rem;
  }
}
@media (max-width:990px) {
  .caselist-wrap .subject-list {
    display: block;
    width: 100%;
  }
  .caselist-wrap .subject-list .sj-type,
  .caselist-wrap .subject-list .sj-place {
    width: 100%;
  }
  .caselist-wrap .subject-list .sj-place {
    padding-left: 0;
    border-left: 0;
  }
}
@media (max-width:768px) {
  .caselist-wrap {
    margin-top: 1rem;
    padding: 1rem 0;
  }
  .caselist-wrap .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width:640px) {
  .caselist-wrap .subject-list .sj-item {
    display: block;
    width: 100%;
  }
  .caselist-wrap .subject-list .sj-item .datalist {
    margin-top: 0.5rem;
    width: 100%;
  }
}
@media (max-width:480px) {
  .caselist-wrap {
    margin-top: 0.5rem;
    padding: 0.8rem 0;
  }
  .caselist-wrap .subject-list .sj-place .datalist {
    grid-template-columns: repeat(3, 1fr);
  }
}
.news-caselist-wrap {
  background-color: inherit;
  padding-top: inherit;
}
.classic-cases {
  background-color: var(--bg-f8);
  margin-top: 0;
}
.classic-cases .itemlist {
  margin-top: 0.96rem;
}
#section5 .itemlist {
  margin-top: 0.64rem;
}
.casesubject-wrap {
  margin-top: 0.8rem;
}
.casesubject-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.casesubject-wrap .innerbox .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.casesubject-wrap .innerbox .info {
  width: 66.225%;
  padding: 0.64rem 1.28rem;
  background-color: #fff;
}
.casesubject-wrap .innerbox .info .title {
  /*max-width: 3.35rem;*/
  white-space: break-spaces;
}
.casesubject-wrap .innerbox .info .dataitem {
  padding-top: 2.5rem;
  margin-top: 0.32rem;
  border-top: solid 1px #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  column-gap: 0.56rem;
  position: relative;
}
.casesubject-wrap .innerbox .info .dataitem .d-item .num {
  color: var(--black-000);
  font-weight: 700;
  font-size: var(--font40);
  line-height: calc(34/40);
}
.casesubject-wrap .innerbox .info .dataitem .d-item .area {
  color: var(--black-666);
  margin-top: 0.12rem;
  font-size: var(--font16);
}
.casesubject-wrap .innerbox .info .dataitem:before {
  position: absolute;
  content: '';
  width: 0;
  left: 0;
  top: 0;
  height: 1px;
  background-color: var(--active-color);
  transition: 0.8s ease-in-out;
}
@media (max-width:1200px) {
  .casesubject-wrap .innerbox .info {
    padding: 0.64rem;
  }
}
@media (max-width:990px) {
  .casesubject-wrap .innerbox .info {
    padding: 0.5rem;
  }
}
@media (max-width:768px) {
  .casesubject-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .casesubject-wrap .innerbox .image {
    width: 100%;
  }
  .casesubject-wrap .innerbox .info {
    width: 100%;
  }
  .casesubject-wrap .innerbox .info .dataitem {
    padding-top: 1rem;
  }
}
.project-highlights {
  margin-top: 1.28rem;
  position: relative;
}
.project-highlights .innerbox {
  position: relative;
  margin-top: 0.8rem;
  display: grid;
  padding: 20px 0;
}
.project-highlights .innerbox::before {
  position: absolute;
  content: "";
  width: 12%;
  top: 0;
  left: -12.9%;
  height: 100%;
  background-color: var(--bg-f8);
  z-index: 2;
}
.project-highlights .innerbox::after {
  position: absolute;
    content: "";
    width: 12%;
    top: .2rem;
    right: -13.4%;
    height: 89%;
    /*background-image: linear-gradient(to right, rgb(0 0 0 / 5%), rgba(0, 0, 0, 0.5));*/
    z-index: 2;
}


.project-highlights .innerbox li {
  -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);
  position: relative;
  background-color: #fff;
  padding: 0.24rem 0.24rem 0.48rem 0.56rem;
  cursor: pointer;
}
/*.project-highlights .innerbox ul:after {*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 20%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    right: 0;*/
/*    background-color: rgb(0 0 0 / 50%);*/
/*    z-index: 10;*/
/*}*/


.project-highlights .innerbox li .num {
  text-align: right;
  color: var(--black-ccc);
}
.project-highlights .innerbox li .p-icon {
  -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);
  margin-top: 1.02rem;
  filter: brightness(0.5) invert(1);
}
.project-highlights .innerbox li .title {
  -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);
  line-height: 1.167;
  margin-top: 0.24rem;
  color: var(--black-000);
  font-size: var(--font24);
}
.project-highlights .innerbox li .bgimage {
  -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);
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}
.project-highlights .innerbox li:hover {
  -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);
  box-shadow: 6px 8px 31px 0 rgba(37, 187, 15, 0.19);
}
.project-highlights .innerbox li:hover .p-icon {
  -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);
  filter: inherit;
}
.project-highlights .innerbox li:hover .title {
  -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);
  color: var(--active-color);
  font-weight: 700;
}
.project-highlights .innerbox li:hover .bgimage {
  -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);
  display: inline-block;
}
.project-highlights .swiper-pagination {
  display: none;
}


@media (max-width:990px){
    .project-highlights .innerbox::after{
       display: none; 
    }
}
@media (max-width:768px) {
  .project-highlights {
    margin-top: 1rem;
  }
  .project-highlights .innerbox{
      display: block;
  }
  .project-highlights .innerbox li .num {
    text-align: left;
  }
  .project-highlights .swiper-pagination {
    display: inline-block;
    position: relative;
    margin-top: 30px;
  }
}
@media (max-width:480px) {
  .project-highlights {
    margin-top: 0.5rem;
  }
  .project-highlights .innerbox {
    margin-top: 0.5rem;
    padding: 0;
  }
}
.equiment-wrap {
  margin-top: 1.28rem;
  position: relative;
}
.equiment-wrap .firstcontainer {
  background-color: #fff;
  overflow: hidden;
}
.equiment-wrap .firstcontainer .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.equiment-wrap .firstcontainer .innerbox .leftitem {
  width: 57.8%;
  padding-top: 0.65rem;
  overflow: hidden;
}
.equiment-wrap .firstcontainer .innerbox .leftitem .pb {
  padding-bottom: 60%;
  width: 64%;
  margin: auto;
}
.equiment-wrap .firstcontainer .innerbox .leftitem .pb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equiment-wrap .firstcontainer .innerbox .rightitem {
  width: 42.2%;
  border-left: solid 1px #dddddd;
  padding: 0.8rem 1.13rem 1.28rem 1.13rem;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist {
  margin-top: 0.89rem;
  max-width: 404px;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .item {
  display: flex;
  cursor: pointer;
  border-top: solid 1px #dddddd;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .item .image {
  display: flex;
  align-items: center;
  border-left: solid 1px #dddddd;
  padding: 0.16rem 0.33rem;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .item .image img {
  -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);
  width: 0.67rem;
  filter: grayscale(1);
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .item .title {
  -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);
  flex: 2;
  display: flex;
  font-weight: 700;
  align-items: center;
  color: var(--black-ccc);
  padding-left: 0.39rem;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .item:last-child {
  border-bottom: solid 1px #dddddd;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .item:hover .image img {
  -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);
  filter: inherit;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .item:hover .title {
  -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);
  color: var(--active-color);
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .active .image img {
  -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);
  filter: inherit;
}
.equiment-wrap .firstcontainer .innerbox .rightitem .caselist .active .title {
  -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);
  color: var(--active-color);
}
.equiment-wrap .firstcontainer .banner_sp {
  position: absolute;
  bottom: 0.63rem;
  align-items: center;
  margin-left: 67%;
}
.equiment-wrap .firstcontainer .banner_sp span:before {
  background: #333;
}
@media (max-width:990px) {
  .equiment-wrap .firstcontainer .innerbox .rightitem {
    padding: 0.8rem 0.8rem 1.2rem 0.8rem;
  }
  .equiment-wrap .firstcontainer .banner_sp {
    position: relative;
    margin-left: 60%;
  }
}
@media (max-width:768px) {
  .equiment-wrap {
    margin-top: 0;
  }
  .equiment-wrap .firstcontainer .banner_sp {
    margin-left: 0;
  }
  .equiment-wrap .firstcontainer .innerbox {
    display: inline-block;
    width: 100%;
  }
  .equiment-wrap .firstcontainer .innerbox .leftitem {
    width: 100%;
  }
  .equiment-wrap .firstcontainer .innerbox .rightitem {
    border-left: none;
    width: 100%;
  }
  .equiment-wrap .firstcontainer .innerbox .rightitem .caselist {
    max-width: inherit;
  }
}
@media (max-width:480px) {
  .equiment-wrap .firstcontainer .banner_sp {
    margin-left: 10%;
  }
}
.verify-wrap {
  margin-top: 1.28rem;
  padding-bottom: 1.28rem;
}
.verify-wrap .info {
  margin-top: 0.64rem;
  padding: 0.64rem 0.64rem 0.53rem 0.64rem;
  background-color: #fff;
  background-image: url("../images/verifybg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.verify-wrap .info .innerbox {
  width: 63.079%;
}
.verify-wrap .info .innerbox .sec-title {
  margin-top: 0.12rem;
  font-size: var(--font20);
  line-height: 1.4;
}
.verify-wrap .info .innerbox .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 1.2rem;
  gap: 0.16rem;
}
.verify-wrap .info .innerbox .user img {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 30px;
}
.verify-wrap .info .innerbox .user .data {
  font-size: var(--font14);
}
.verify-wrap .info .innerbox .user .data .id {
  font-weight: 700;
}
@media (max-width:1280px) {
  .verify-wrap .info {
    background-size: 51%;
	
  }
}
@media (max-width:990px) {
  .verify-wrap .info {
    background-size: 51%;
	  padding:0px !important;
  }
  .verify-wrap .info .innerbox {
    width: 100%;
  }
}
@media (max-width:768px) {
  .verify-wrap {
    margin-top: 1rem;
  }
}
@media (max-width:480px) {
  .verify-wrap {
    margin-top: 0.5rem;
	 
  }
  .verify-wrap .info .innerbox .user{
      margin-top: 0.5rem;
  }
}
.honor-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.32rem;
}
.honor-title li {
  cursor: pointer;
  padding: 0.22rem 0.74rem;
  line-height: 1;
  color: var(--black-666);
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
}
.honor-title li:first-child {
  border-left: solid 1px #dddddd;
}
.honor-title .active {
  background-color: var(--active-color);
  color: var(--white-color);
}
@media (max-width:480px) {
  .honor-title li {
    padding: 0.2rem 0.3rem;
  }
}
.honor-qualification {
  margin-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.honor-qualification .honor-wrap {
  margin-top: 0.8rem;
  overflow: hidden;
}
.honor-qualification .honor-wrap .cardlist {
  display: none;
  text-align: center;
}
.honor-qualification .honor-wrap .cardlist .item {
  background-color: #fff;
}
.honor-qualification .honor-wrap .cardlist .item .image {
  padding: 0.47rem 0.69rem 0.55rem 0.69rem;
}
.honor-qualification .honor-wrap .cardlist .item .pb {
  padding-bottom: 141.6%;
}
.honor-qualification .honor-wrap .cardlist .item .pb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.honor-qualification .honor-wrap .cardlist .item .title {
  padding: 0.32rem;
  border-top: solid 1px #eee;
  line-height: 1.1112;
  font-size: var(--font18);
  color: var(--black-999);
  text-align: center;
}
.honor-qualification .honor-wrap .active {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 0.24rem;
  row-gap: 0.64rem;
}
@media (max-width:990px) {
  .honor-qualification .honor-wrap .active {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:640px) {
  .honor-qualification .honor-wrap .active {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .honor-qualification .honor-title li {
    padding: 0.2rem 0.4rem;
  }
  .honor-qualification .honor-wrap .active {
    grid-template-columns: repeat(1, 1fr);
  }
  .honor-qualification .honor-wrap .cardlist .item .pb {
    padding-bottom: 110%;
  }
}
.product-center-wrap {
  margin-top: 0.8rem;
}
.product-center-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.product-center-wrap .innerbox .image {
  width: 52.5%;
  text-align: center;
  background-color: #fff;
}
.product-center-wrap .innerbox .image img {
  padding: 0.62rem 0;
  width: 61.3%;
  height: 100%;
  object-fit: contain;
}
.product-center-wrap .innerbox .info {
  width: 47.5%;
  padding: 0.64rem 1.28rem 0.96rem 0.8rem;
  background-color: #fff;
  border-left: solid 1px #dddddd;
}
.product-center-wrap .innerbox .info .publictitle {
  max-width: 3.35rem;
  margin-top: 0.32rem;
}
.product-center-wrap .innerbox .info .sec-title {
  margin-top: 0.23rem;
}
.product-center-wrap .innerbox .info .index-p-more {
  margin-top: 2.65rem;
}
.product-center-wrap .innerbox .info .index-p-more a .icon {
  background-image: url(../images/more-icon-color.png) !important;
}
@media (max-width:990px) {
  .product-center-wrap .innerbox .info {
    padding: 0.5rem 0.6rem;
  }
  .product-center-wrap .innerbox .info .index-p-more {
    margin-top: 2rem;
  }
}
@media (max-width:640px) {
  .product-center-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .product-center-wrap .innerbox .image {
    width: 100%;
  }
  .product-center-wrap .innerbox .info {
    width: 100%;
    border-top: solid 1px #ddd;
    border-left: none;
  }
  .product-center-wrap .innerbox .info .index-p-more {
    margin-top: 1rem;
  }
}
.productlist {
  margin-top: 0.8rem;
  padding-bottom: 1.2rem;
}
.productlist .itemlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.24rem;
  row-gap: 0.32rem;
}
.productlist .itemlist .item {
  background-color: #fff;
  width: 100%;
}
.productlist .itemlist .item a {
  width: 100%;
}
.productlist .itemlist .item a .image {
  text-align: center;
  padding: 0.92rem;
}
.productlist .itemlist .item a .image .pb {
  padding-bottom: 63.92%;
}
.productlist .itemlist .item a .image .pb img {
  -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);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productlist .itemlist .item a .info {
  padding: 0.4rem 0.56rem;
  border-top: solid 1px #eeeeee;
}
.productlist .itemlist .item a .info .title {
  -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);
  font-size: var(--font24);
  color: var(--black-000);
}
.productlist .itemlist .item a .info .more {
  -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);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
  margin-top: 0.16rem;
  color: var(--black-999);
}
.productlist .itemlist .item:hover {
  border: solid 1px rgba(37, 187, 15, 0.2);
  box-shadow: 6px 8px 31px 0 rgba(37, 187, 15, 0.19);
}
.productlist .itemlist .item:hover a .image .pb img {
  -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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.productlist .itemlist .item:hover a .info {
  border-top: solid 1px rgba(37, 187, 15, 0.2);
}
.productlist .itemlist .item:hover a .info .title {
  -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);
  color: var(--active-color);
}
.productlist .itemlist .item:hover a .info .more {
  -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);
  color: var(--black-000);
}
@media (max-width:640px) {
  .productlist .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product-banner-wrap {
  position: relative;
  padding-top: var(--header-height);
}
.product-banner-wrap .bgimage .img1 {
  min-height: 8rem;
}
.product-banner-wrap .bgimage .img2 {
  position: absolute;
  background-position: right top;
  z-index: 10;
  right: 0;
  width: 56.5%;
  opacity: 0.3;
}
.product-banner-wrap .innerbox .pro-top {
  position: absolute;
  width: 100%;
  top: calc(var(--header-height) + 5%);
}
.product-banner-wrap .innerbox .flexwrap {
  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;
}
.product-banner-wrap .innerbox .flexwrap .productinfo {
  width: 35.7%;
  margin-top: 13%;
}
.product-banner-wrap .innerbox .flexwrap .productinfo .sec-title {
  margin-top: 0.23rem;
}
.product-banner-wrap .innerbox .flexwrap .productinfo .itemlist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 0.97rem;
}
.product-banner-wrap .innerbox .flexwrap .productinfo .itemlist .item {
  border-right: solid 1px #dddddd;
  padding: 0 0.48rem;
}
.product-banner-wrap .innerbox .flexwrap .productinfo .itemlist .item img {
  width: 0.4rem;
  height: 0.4rem;
}
.product-banner-wrap .innerbox .flexwrap .productinfo .itemlist .item p {
  margin-top: 0.24rem;
  white-space: nowrap;
}
.product-banner-wrap .innerbox .flexwrap .productinfo .itemlist .item:first-child {
  padding-left: 0;
}
.product-banner-wrap .innerbox .flexwrap .productinfo .itemlist .item:last-child {
  border-right: 0;
  padding-right: 0;
}
.product-banner-wrap .innerbox .flexwrap .prodctimg {
  width: 46.75%;
      mix-blend-mode: multiply;
}
.product-banner-wrap .innerbox .flexwrap .prodctimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-banner-wrap .innerbox .pro-tab {
  background-color: #fff;
  border-top: solid 1px #eeeeee;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.product-banner-wrap .innerbox .pro-tab .flexwrap {
  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;
}
.product-banner-wrap .innerbox .pro-tab .flexwrap ul {
  display: flex;
  column-gap: 0.8rem;
  background-color: var(--white-color);
}
.product-banner-wrap .innerbox .pro-tab .flexwrap ul li {
  -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);
  color: var(--black-999);
  padding: 0.285rem 0;
  cursor: pointer;
  border-bottom: solid 2px #fff;
}
.product-banner-wrap .innerbox .pro-tab .flexwrap ul li:hover {
  -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);
  color: var(--black-000);
  border-bottom: solid 2px var(--active-color);
}
.product-banner-wrap .innerbox .pro-tab .flexwrap ul .active {
  -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);
  color: var(--black-000);
  border-bottom: solid 2px var(--active-color);
}
.product-banner-wrap .innerbox .pro-tab .flexwrap .right-nav {
  color: var(--black-999);
}
.product-banner-wrap .innerbox .pro-tab .flexwrap .right-nav .active {
  color: var(--black-000);
}
@media (max-width:990px) {
  .product-banner-wrap .innerbox .pro-tab .flexwrap ul {
    column-gap: 0.8rem;
  }
}
@media (max-width:768px) {
  .product-banner-wrap .innerbox .pro-tab .flexwrap ul {
    column-gap: 0.5rem;
  }
}
@media (max-width:640px) {
  .product-banner-wrap .innerbox .pro-tab .flexwrap ul {
    column-gap: 0.2rem;
    overflow-x: scroll;
  }
}
@media (max-width:480px) {
  .product-banner-wrap .innerbox .pro-tab .flexwrap ul li {
    font-size: var(--font12);
    white-space: nowrap;
  }
}
@media (max-width:990px) {
  .product-banner-wrap .innerbox .pro-tab .flexwrap .right-nav {
    display: none;
  }
}
@media (max-width:640px) {
  .product-banner-wrap .innerbox .flexwrap {
    display: inline-block;
    width: 100%;
  }
  .product-banner-wrap .innerbox .flexwrap .productinfo {
    width: 100%;
  }
  .product-banner-wrap .innerbox .flexwrap .prodctimg {
    margin-top: 0.8rem;
    width: 100%;
  }
  .product-banner-wrap .bgimage .img1 {
    min-height: 13rem;
  }
}
@media (max-width:480px) {
  .product-banner-wrap .bgimage .img1 {
    min-height: 9rem;
  }
  .product-banner-wrap .innerbox .pro-tab {
    bottom: inherit;
  }
}
.hot-product-wrap {
  position: relative;
  padding-bottom: 1.28rem;
}
.hot-product-wrap .itemlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 0.24rem;
  row-gap: 0.32rem;
  margin-top: 0.64rem;
}
.hot-product-wrap .itemlist .item {
  width: 100%;
}
.hot-product-wrap .itemlist .item a {
  width: 100%;
}
.hot-product-wrap .itemlist .item a .image {
  text-align: center;
  padding: 0.42rem;
  background-color: #fff;
}
.hot-product-wrap .itemlist .item a .image .pb {
  padding-bottom: 68%;
}
.hot-product-wrap .itemlist .item a .image .pb img {
  -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);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot-product-wrap .itemlist .item a .info {
  padding-top: 0.4rem;
}
.hot-product-wrap .itemlist .item a .info .title {
  -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);
  font-size: var(--font24);
  color: var(--black-000);
}
.hot-product-wrap .itemlist .item a .info .more {
  -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);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
  margin-top: 0.16rem;
  color: var(--black-999);
}
.hot-product-wrap .itemlist .item:hover a .image .pb img {
  -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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.hot-product-wrap .itemlist .item:hover a .info .title {
  -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);
  color: var(--active-color);
}
.hot-product-wrap .itemlist .item:hover a .info .more {
  -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);
  color: var(--black-000);
}
@media (max-width:768px) {
  .hot-product-wrap .itemlist {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:640px) {
  .hot-product-wrap .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product-params-wrap {
  margin-top: 1.6rem;
}
.product-params-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.product-params-wrap .innerbox .left-box {
  width: 49.36%;
}
.product-params-wrap .innerbox .left-box .swiper-img {
  margin-top: 1.08rem;
  overflow: hidden;
}
.product-params-wrap .innerbox .left-box .swiper-img .image {
  width: 79%;
}
.product-params-wrap .innerbox .right-box {
  width: 50.64%;
}
.product-params-wrap .innerbox .right-box .params-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.4rem;
  margin-bottom: 0.24rem;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 0.28rem;
  overflow-x: auto;
}
/* 整个滚动条 */
.product-params-wrap .innerbox .right-box .params-title::-webkit-scrollbar {
    width: 6px;               /* 滚动条的宽度 */
    height: 6px;              /* 滚动条的高度，对水平滚动条有效 */
    background-color: #f9f9fd; /* 滚动条的背景颜色 */
}

/* 滚动条轨道 */
.product-params-wrap .innerbox .right-box .params-title::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #dddddd; /* 轨道的背景颜色 */
}

/* 滚动条滑块：悬停效果 */
.product-params-wrap .innerbox .right-box .params-title::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-active); /* 滑块的悬停颜色 */
    border-radius: 10px;
}

/* 滚动条滑块：激活时的效果 */
.product-params-wrap .innerbox .right-box .params-title::-webkit-scrollbar-thumb:active {
    background-color: var(--color-active); /* 滑块的激活颜色 */
    border-radius: 10px;
}

/* 滚动条按钮（上下箭头） */
.product-params-wrap .innerbox .right-box .params-title::-webkit-scrollbar-button {
    display: none; /* 通常情况下不显示滚动条按钮 */
}






.product-params-wrap .innerbox .right-box .params-title li {
  font-size: var(--font20);
  cursor: pointer;
  color: var(--black-000);
  font-weight: 700;
}
.product-params-wrap .innerbox .right-box .params-title .active {
  color: var(--active-color);
}
.product-params-wrap .innerbox .right-box .params-info {
  overflow: hidden;
}
.product-params-wrap .innerbox .right-box .params-info .list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.39rem;
}
.product-params-wrap .innerbox .right-box .params-info .list .item {
  border-bottom: solid 1px #dddddd;
  padding-top: 0.4rem;
  padding-bottom: 0.25rem;
}
.product-params-wrap .innerbox .right-box .params-info .list .item .title {
  font-size: var(--font20);
  color: var(--black-000);
  font-weight: 700;
}
.product-params-wrap .innerbox .right-box .params-info .list .item .datas {
  color: var(--black-999);
  margin-top: 0.16rem;
  padding-right: 0.48rem;
}
@media (max-width:768px) {
  .product-params-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .product-params-wrap .innerbox .left-box .swiper-img .image {
    width: 100%;
  }
  .product-params-wrap .innerbox .right-box {
    margin-top: 0.65rem;
    width: 100%;
  }
}
@media (max-width:480px) {
    .product-params-wrap .innerbox .left-box{
        width: 100%;
    }
    .product-params-wrap .innerbox .left-box .swiper-img .swiper-wrapper{
        width: 100%;
    }
    .product-params-wrap .innerbox .left-box .swiper-img .swiper-wrapper .swiper-slide{
         width: 100%;
    }
}


.product-introduce-wrap {
  margin-top: 1.2rem;
  overflow: hidden;
  
}
.product-introduce-wrap .swiperbox {
  position: relative;
}
.product-introduce-wrap .swiperbox .pre-next-button {
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  width: 0.65rem;
  min-width: 50px;
  min-height: 50px;
  z-index: 10;
}
.product-introduce-wrap .swiperbox .pre-next-button .btn {
  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;
  width: 0.65rem;
  height: 0.65rem;
  min-width: 50px;
  min-height: 50px;
  border: solid 1px #dddddd;
}
.product-introduce-wrap .swiperbox .pre-next-button .prebtn {
  -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;
}
.product-introduce-wrap .swiperbox .pre-next-button .prebtn img {
  -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);
}
.product-introduce-wrap .swiperbox .pre-next-button .prebtn:hover {
  -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);
  background-color: var(--active-color);
}
.product-introduce-wrap .swiperbox .pre-next-button .prebtn:hover img {
  -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);
  filter: brightness(0) invert(1);
}
.product-introduce-wrap .swiperbox .pre-next-button .nextbtn {
  -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;
  border-top: none;
}
.product-introduce-wrap .swiperbox .pre-next-button .nextbtn img {
  -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);
  transform: rotate(180deg);
}
.product-introduce-wrap .swiperbox .pre-next-button .nextbtn:hover {
  -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);
  background-color: var(--active-color);
}
.product-introduce-wrap .swiperbox .pre-next-button .nextbtn:hover img {
  -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);
  filter: brightness(0) invert(1);
}
.product-introduce-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
}
.product-introduce-wrap .innerbox .leftimg {
  width: 64.9%;
  overflow: hidden;
}
.product-introduce-wrap .innerbox .leftimg .image {
  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;
  width: 64%;
  height: 100%;
  margin: auto;
  /*margin-top: 0.56rem;*/
      padding: .5rem 0;
}
.product-introduce-wrap .innerbox .leftimg .image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-introduce-wrap .innerbox .rightinfo {
  width: 35.1%;
  border-left: solid 1px #dddddd;
  padding: 0.8rem;
}
.product-introduce-wrap .innerbox .rightinfo .title {
  margin-top: 0.16rem;
}
.product-introduce-wrap .innerbox .rightinfo .sec-title {
  color: var(--black-666);
  margin-top: 0.15rem;
  line-height: 1.5;
}
.product-introduce-wrap .innerbox .rightinfo .sec-title p{
    margin-bottom: .1rem;
}
.product-introduce-wrap .innerbox .rightinfo .thi-title {
  color: var(--black-333);
  margin-top: 1.69rem;
  line-height: 1.48;
  border-top: solid 1px #dddddd;
  padding-top: 0.48rem;
}
.product-introduce-wrap .swiper-pagination {
  position: relative;
  margin-top: 0.5rem;
  display: none;
}
@media (max-width:1280px) {
  .product-introduce-wrap .innerbox .rightinfo {
    width: 39%;
  }
  .product-introduce-wrap .swiperbox .pre-next-button .btn {
    width: 0.44rem;
    height: 0.44rem;
  }
}
@media (max-width:1200px) {
  .product-introduce-wrap .innerbox .rightinfo {
    padding: 0.5rem;
  }
  .product-introduce-wrap .innerbox .rightinfo .thi-title {
    margin-top: 1.2rem;
  }
}
@media (max-width:768px) {
  .product-introduce-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .product-introduce-wrap .innerbox .leftimg {
    width: 100%;
  }
  .product-introduce-wrap .innerbox .rightinfo {
    width: 100%;
    border-left: none;
  }
  .product-introduce-wrap .pre-next-button {
    display: none;
  }
  .product-introduce-wrap .swiper-pagination {
   display: inline-flex;
        width: 100%;
        text-align: center;
        position: relative;
        gap: .1rem;
        margin-left: 50%;
        transform: translateX(-.1rem);
        margin-top: .3rem;
  }
}
.product-highlights {
  margin-top: 1.28rem;
  position: relative;
}
.product-highlights .innerbox {
  position: relative;
  margin-top: 0.8rem;
  display: grid;
  
 
}

.product-highlights .innerbox::before{
      position: absolute;
      content: "";
      width: 13%;
      top: 0;
      left: -12.9%;
      height: 100%;
      background-color: var(--bg-f8);
      z-index: 2;
    }

.product-highlights .innerbox li {
  position: relative;
  padding: 0.4rem 0.24rem 0 0.48rem;
  cursor: pointer;
  border-right: solid 1px #dddddd;
   border-top: solid 1px #dddddd;
}
.product-highlights .innerbox li:last-child{
    border-right: none;
}
.product-highlights .innerbox li .num {
  color: var(--black-999);
}
.product-highlights .innerbox li .title {
  -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);
  margin-top: 1.1rem;
  font-weight: 700;
  line-height: 1.167;
  color: var(--black-000);
  font-size: var(--font24);
}
.product-highlights .innerbox li .sec-title {
  /*max-width: 3.27rem;*/
  margin-top: 0.24rem;
  color: var(--black-000);
}
.product-highlights .innerbox li:hover .title {
  -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);
  color: var(--active-color);
}
.product-highlights .swiper-pagination {
  display: none;
}
@media (max-width:990px) {
  .product-highlights {
    padding-left: 20px;
  }
}
@media (max-width:768px) {
    .product-highlights .innerbox{
        display: inline-block;
        width: 100%;
    }
  .product-highlights {
    margin-top: 1rem;
  }
  .product-highlights .swiper-pagination {
           display: inline-block;
        width: 100%;
        position: relative;
        margin-top: 30px;
        transform: inherit;
  }
}
@media (max-width:480px) {
  .product-highlights {
    margin-top: 0.5rem;
  }
  .product-highlights .innerbox {
    margin-top: 0.5rem;
    overflow: hidden;
  }
  
  .product-highlights .swiper-pagination {
    /*transform: translateX(-42%);*/
  }
  .product-highlights .innerbox li {
    padding: 0.4rem 0;
    border-right: none;
  }
}
.application-scenarios {
  position: relative;
  margin-top: 1.28rem;
  height: 9.6rem;
}
.application-scenarios .appl_solve {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.application-scenarios .appl_solve .idx_title {
  width: 100%;
  height: auto;
  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;
}
.application-scenarios .appl_solve .idx_title .title {
  width: auto;
  font-size: var(--font36);
}
.application-scenarios .appl_solve .idx_title .item_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  grid-gap: 20px;
}
.application-scenarios .appl_solve .swiper_box {
  height: 100%;
}
.application-scenarios .appl_solve .swiper_box .center_box {
  width: 100%;
  height: 100%;
  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;
}
.application-scenarios .appl_solve .swiper_box .center_box .left {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.application-scenarios .appl_solve .swiper_box .center_box .left .swiper_img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.application-scenarios .appl_solve .swiper_box .center_box .left .swiper_img .swiper-wrapper .swiper-slide {
  width: 0;
  pointer-events: none;
  position: relative;
  z-index: 1;
  height: 100% !important;
}
.application-scenarios .appl_solve .swiper_box .center_box .left .swiper_img .swiper-wrapper .swiper-slide .centerInfo {
  width: 100%;
  height: 100%;
  font-size: 0px;
  overflow: hidden;
}
.application-scenarios .appl_solve .swiper_box .center_box .left .swiper_img .swiper-wrapper .swiper-slide .centerInfo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.application-scenarios .appl_solve .swiper_box .center_box .left .swiper_img .swiper-pagination {
  position: absolute;
  z-index: 100;
  bottom: 0.95rem;
}
.application-scenarios .appl_solve .swiper_box .center_box .right {
  padding: 1.82rem 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
  background-image: linear-gradient(to right, rgb(2 26 26 / 70%), rgb(2 24 29 / 0%));
}
.application-scenarios .appl_solve .swiper_box .center_box .right .index-p-title {
  color: #fff;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
.application-scenarios .appl_solve .swiper_box .center_box .right .sectitle {
  margin-top: 0.4rem;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .sectitle p {
  font-size: var(--font48);
  font-weight: 700;
  line-height: 1.2;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .sectitle .title1 {
  color: #ffffff;
  font-family: 'HarmonyOS-TC';
}
.application-scenarios .appl_solve .swiper_box .center_box .right .sectitle .title2 {
  color: #BBBBBB;
  font-family: 'HarmonyOS-TC';
}
.application-scenarios .appl_solve .swiper_box .center_box .right .index-p-more {
  margin-top: 0.64rem;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .index-p-more .title {
  color: #FFFFFF;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .index-p-more .icon img {
  filter: brightness(0) invert(1);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .publictitle {
  color: #fff;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list {
  width: 65%;
  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;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box {
  width: 100%;
  height: auto;
  margin-top: 1.57rem;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box .item {
  width: auto;
  height: auto;
  position: relative;
  color: var(--black-999);
  line-height: 1.5;
  cursor: pointer;
  opacity: 0.7;
  -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);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box .item .image {
  display: inline-block;
  width: 34px;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box .item img {
  display: none;
  filter: brightness(0) invert(1);
  margin-right: 0.24rem;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box .item:hover {
  -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);
  color: var(--white-color);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box .item:hover img {
  -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);
  display: inline-block;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box .active {
  -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);
  color: #FFF;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box .active img {
  -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);
  display: inline-block;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button {
  position: absolute;
  top: 0;
  right: 100%;
  width: 0.65rem;
  min-width: 50px;
  min-height: 50px;
  z-index: 10;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .btn {
  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;
  width: 0.65rem;
  height: 0.65rem;
  min-width: 50px;
  min-height: 50px;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .prebtn {
  -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;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .prebtn img {
  -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);
  filter: brightness(0) invert(1);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .prebtn:hover {
  -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);
  background-color: rgba(255, 255, 255, 0.8);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .prebtn:hover img {
  -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);
  filter: brightness(0) invert(0);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .nextbtn {
  cursor: pointer;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .nextbtn img {
  -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);
  transform: rotate(180deg);
  filter: brightness(0) invert(1);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .nextbtn:hover {
  -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);
  background-color: rgba(255, 255, 255, 0.8);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .pre-next-button .nextbtn:hover img {
  -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);
  filter: brightness(0) invert(0);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text {
  position: absolute;
  top: 1.82rem;
  right: 64px;
  width: 27.24%;
  height: auto;
  padding-bottom: 2px;
  background-image: url("../images/Subtract.png");
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide {
  pointer-events: none;
  position: relative;
  z-index: 1;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide.swiper-slide-active {
  pointer-events: inherit;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide.swiper-slide-active .centerInfo {
  display: block;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo {
  padding: 0.48rem 0.64rem;
  display: none;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .title p {
  font-size: var(--font24);
  color: var(--black-000);
  font-weight: 500;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .info {
  color: var(--black-666);
  line-height: 1.5;
  margin-top: 0.32rem;
  padding-top: 0.32rem;
  border-top: solid 1px var(--black-ccc);
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist {
  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-top: 2.26rem;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .down,
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .fast {
  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;
  gap: 12px;
  font-weight: 700;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .down {
  color: #25BB0F;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .fast {
  color: #FF9D2A;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .percent {
  font-size: var(--font40);
  color: var(--black-000);
  font-weight: 700;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .percent .jump-num {
  font-size: var(--font40);
  font-weight: 700;
}
.application-scenarios .appl_solve .swiper_box .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist .item .content {
  color: var(--black-666);
  font-weight: 300;
}
@media (max-width:1280px) {
  .application-scenarios .idx_solve .center_box .right .swiper_list .item_box {
    margin-top: 1rem;
  }
  .application-scenarios .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist {
    margin-top: 2rem;
  }
}
@media (max-width:990px) {
  .application-scenarios {
    margin-top: 0.5rem;
  }
  .application-scenarios .idx_solve .center_box .right {
    padding: 1rem 0;
  }
  .application-scenarios .idx_solve .center_box .right .pre-next-button {
    right: 35.7%;
  }
  .application-scenarios .idx_solve .center_box .right .swiper_list .item_box {
    margin-top: 0.6rem;
  }
  .application-scenarios .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo {
    padding: 0.4rem;
  }
  .application-scenarios .idx_solve .center_box .right .swiper_text .swiper-wrapper .swiper-slide .centerInfo .datalist {
    margin-top: 0.6rem;
  }
}
@media (max-width:768px) {
  .application-scenarios .idx_solve .center_box .right .pre-next-button {
    display: none;
  }
  .application-scenarios .idx_solve .center_box .right .swiper_text {
    position: relative;
    width: 100%;
    top: 0.3rem;
    right: 0;
    background-size: cover;
  }
}
@media (max-width:480px) {
  .application-scenarios .appl_solve .swiper_box .center_box .right {
    padding: 1rem 0;
  }
  .application-scenarios .appl_solve .swiper_box .center_box .right .swiper_list .item_box {
    margin-top: 1rem;
  }
}
.newbanenr-wrap {
  padding-left: 0.64rem;
  position: relative;
}
.newbanenr-wrap .innerbox {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-left: 1.28rem;
  background-color: #fff;
}
.newbanenr-wrap .innerbox .swiperimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.newbanenr-wrap .innerbox .swiperimg .image {
  width: 44.67%;
}
.newbanenr-wrap .innerbox .swiperimg .info {
  width: 35%;
  margin-left: 1.75rem;
  margin-right: 1.9rem;
}
.newbanenr-wrap .innerbox .swiperimg .info .time {
  color: var(--black-999);
}
.newbanenr-wrap .innerbox .swiperimg .info .title {
  margin-top: 0.2rem;
}
.newbanenr-wrap .innerbox .swiperimg .info .sec-title {
  margin-top: 0.24rem;
  color: var(--black-666);
}
.newbanenr-wrap .innerbox .swiperimg .info .news-more {
  margin-top: 0.48rem;
  color: var(--black-999);
}
.newbanenr-wrap .banner_sp {
  position: absolute;
  bottom: 1.27rem;
  align-items: center;
  margin-left: 57%;
}
.newbanenr-wrap .banner_sp span:before {
  background: #CCCCCC;
}
.newbanenr-wrap .banner_sp .swiper-pagination-bullet-active:before {
  background-color: #25BB0F !important;
}
@media (max-width:1200px) {
  .newbanenr-wrap .banner_sp {
    bottom: 1rem;
    margin-left: 53%;
  }
  .newbanenr-wrap .innerbox .swiperimg .info {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width:990px) {
  .newbanenr-wrap .banner_sp {
    bottom: 0.5rem;
    margin-left: 50%;
  }
  .newbanenr-wrap .innerbox {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-left: 0.8rem;
  }
  .newbanenr-wrap .innerbox .swiperimg .info {
    width: 42%;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
  }
}
@media (max-width:768px) {
  .newbanenr-wrap .innerbox {
    padding: 0.5rem;
  }
  .newbanenr-wrap .innerbox .swiperimg {
    display: inline-block;
    width: 100%;
  }
  .newbanenr-wrap .innerbox .swiperimg .image {
    width: 100%;
  }
  .newbanenr-wrap .innerbox .swiperimg .info {
    width: 100%;
    margin-top: 0.5rem;
    margin-left: 0;
  }
}
@media (max-width:480px) {
  .newbanenr-wrap {
    padding: 0 20px;
  }
}
.conpany-news {
  margin-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.conpany-news .newswrap .new-list {
  margin-top: 0.8rem;
  display: none;
}
.conpany-news .newswrap .new-list a {
  width: 100%;
}
.conpany-news .newswrap .new-list a .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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  width: 100%;
  padding: 0.24rem 0;
  border-bottom: solid 1px var(--black-ccc);
}
.conpany-news .newswrap .new-list a .item:first-child {
  border-top: solid 1px var(--black-ccc);
}
.conpany-news .newswrap .new-list a .item .info {
  -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);
  width: 28.77%;
  max-width: 430px;
}
.conpany-news .newswrap .new-list a .item .info .num {
  font-size: var(--font18);
  color: var(--black-999);
}
.conpany-news .newswrap .new-list a .item .info .title {
  -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);
  font-size: var(--font24);
  color: var(--black-000);
  margin-top: 1.43rem;
  line-height: 1;
}
.conpany-news .newswrap .new-list a .item .info .sec-title {
  color: var(--black-666);
  margin-top: 0.16rem;
  line-height: 1.313;
}
.conpany-news .newswrap .new-list a .item .info .news-more {
  color: var(--black-999);
  margin-top: 0.4rem;
  line-height: 1.313;
}
.conpany-news .newswrap .new-list a .item .info .news-more span {
  -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);
  margin-right: 0.16rem;
}
.conpany-news .newswrap .new-list a .item .info .news-more img {
  -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);
}
.conpany-news .newswrap .new-list a .item .image {
  position: relative;
  width: 38%;
  overflow: hidden;
  max-width: 581px;
}
.conpany-news .newswrap .new-list a .item .image img {
  -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);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.conpany-news .newswrap .new-list a .item .image .active {
  animation: newsrotateRight 3s ;
}
.conpany-news .newswrap .new-list a .item:hover .info .title {
  -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);
  color: var(--active-color);
}
.conpany-news .newswrap .new-list a .item:hover .news-more span {
  -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);
  color: #000;
}
.conpany-news .newswrap .new-list a .item:hover .news-more img {
  transition: 0.3s ease-in-out;
  transform: translateX(10px);
}
.conpany-news .newswrap .active {
  display: inline-block;
  width: 100%;
}
@media (max-width:1280px) {
  .conpany-news .newswrap .new-list .item .info {
    width: 45%;
  }
  .conpany-news .newswrap .new-list .item .image {
    width: 45%;
  }
}
@media (max-width:768px) {
  .conpany-news .newswrap .new-list .item .info {
    width: 45%;
  }
  .conpany-news .newswrap .new-list .item .info .title {
    margin-top: 0.5rem;
  }
  .conpany-news .newswrap .new-list .item .image {
    width: 45%;
  }
  .conpany-news .newswrap .new-list .item .image .coverbg {
    display: none;
  }
}
@media (max-width:640px) {
  .conpany-news .newswrap .new-list {
    margin-top: 0.4rem;
  }
  .conpany-news .newswrap .new-list .item .info {
    width: 55%;
  }
  .conpany-news .newswrap .new-list .item .info .title {
    margin-top: 0.2rem;
  }
  .conpany-news .newswrap .new-list .item .info .sec-title {
    margin-top: 0.12rem;
  }
  .conpany-news .newswrap .new-list .item .info .news-more {
    color: var(--black-999);
    margin-top: 0.2rem;
  }
  .conpany-news .newswrap .new-list .item .image {
    width: 40%;
  }
  .conpany-news .newswrap .news-top .newsbox {
    display: inline-block;
    width: 100%;
  }
  .conpany-news .newswrap .index-p-more {
    margin-top: 0.3rem;
  }
}
@media (max-width:480px) {
  .conpany-news .newswrap .new-list .item {
    display: inline-block;
    width: 100%;
  }
  .conpany-news .newswrap .new-list .item .info {
    width: 100%;
  }
  .conpany-news .newswrap .new-list .item .image {
    width: 100%;
    margin-top: 0.3rem;
  }
}
@media (max-width:768px) {
  .conpany-news .newswrap .new-list a .item {
    display: inline-block;
    width: 100%;
  }
  .conpany-news .newswrap .new-list a .item .info {
    width: 100%;
  }
  .conpany-news .newswrap .new-list a .item .image {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (max-width:480px) {
  .conpany-news {
    margin-top: 0.8rem;
  }
  .conpany-news .newswrap .new-list a .item .info .title {
    margin-top: 0.5rem;
  }
  .conpany-news .newswrap .new-list a .item:first-child {
    border-top: none;
  }
}
.pagewrap {
  position: relative;
  border-top: solid 1px #dddddd;
  text-align: center;
  margin-top: 1.28rem;
  padding-top: 0.4rem;
}
.pagewrap .layui-box {
  width: 100%;
}
.pagewrap .layui-laypage a,
.pagewrap .layui-laypage span {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  text-align: center;
  font-size: var(--font16);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: inherit;
}
.pagewrap .layui-laypage .layui-laypage-curr .layui-laypage-em {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  border: solid 1px var(--active-color);
  background-color: inherit;
  padding: 0;
}
.pagewrap .layui-laypage-curr em {
  /*color: var(--active-color);*/
}
.pagewrap .layui-laypage-prev,
.pagewrap .layui-laypage-next {
  width: 1.1rem !important;
  min-width: 70px !important;
  height: 0.4rem;
  border: solid 1px #000 !important;
}
.pagewrap .layui-laypage-prev {
  position: absolute;
  left: 0;
  margin-right: 10px;
}
.pagewrap .layui-laypage-next {
  position: absolute;
  right: 0;
  margin-left: 10px;
}
.pagewrap .layui-laypage a:hover {
  color: var(--black-000);
}
.pagewrap .layui-laypage > a:first-child,
.pagewrap .layui-laypage > a:first-child em,
.pagewrap .layui-laypage > a:last-child,
.pagewrap .layui-laypage > a:last-child em，.layui-laypage-em {
  border-radius: 0;
}
.pagewrap .layui-laypage a,
.pagewrap .layui-laypage button,
.pagewrap .layui-laypage input,
.pagewrap .layui-laypage select,
.pagewrap .layui-laypage span {
  border: none;
}
.pagewrap .layui-disabled img,
.pagewrap .layui-disabled:hover img {
  filter: brightness(0.5) invert(0.8);
}
.pagewrap .layui-laypage-next em,
.pagewrap .layui-laypage-prev em {
  font-size: var(--font16);
}
.pagewrap .layui-laypage-next,
.pagewrap .layui-laypage-prev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pagewrap .layui-laypage-next img,
.pagewrap .layui-laypage-prev img {
  width: 0.24rem;
  min-width: 18px;
}
@media (max-width:990px) {
  .pagewrap .layui-laypage-next em,
  .pagewrap .layui-laypage-prev em {
    font-size: 12px;
  }
}
.form-wrap {
  padding: 1.28rem 0;
  position: relative;
}
.form-wrap .imagebg {
  position: absolute;
  width: 52%;
  height: 100%;
}
.form-wrap .imagebg img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.form-wrap .inner {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1.46rem;
}
.form-wrap .inner .left-wrap {
  width: 24%;
}
.form-wrap .inner .left-wrap .publictitle {
  /*width: 2.88rem;*/
}
.form-wrap .inner .left-wrap .sec-title {
  margin-top: 0.34rem;
  color: var(--black-666);
}
.form-wrap .inner .right-form {
  width: 66.23%;
  background-color: #ffffff;
}
.form-wrap .inner .right-form ul {
  padding: 0.24rem 0.8rem 0.64rem 0.8rem;
}
.form-wrap .inner .right-form ul li {
  position: relative;
  padding: 0.4rem 0 0.2rem 0;
  border-bottom: solid 1px #dddddd;
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li input {
  width: 90%;
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li input::-webkit-input-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li input:-moz-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li input::-moz-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li input:-ms-input-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li textarea {
  min-height: 0.56rem;
  width:95%;
}
.form-wrap .inner .right-form ul li textarea::-webkit-input-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li textarea:-moz-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li textarea::-moz-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li textarea:-ms-input-placeholder {
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li img {
  width: 0.22rem;
  position: absolute;
  right: 0;
}
.form-wrap .inner .right-form ul li:last-child {
  border-bottom: none;
}
.form-wrap .inner .right-form ul li .submit-content {
  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;
  width: 100%;
  height: auto;
}
.form-wrap .inner .right-form ul li .submit-content .info {
  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;
  gap: 7px;
}
.form-wrap .inner .right-form ul li .submit-content .info .choose-btn {
  -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;
  position: relative;
  width: 0.24rem;
  min-width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  border: 1px solid #cccccc;
}
.form-wrap .inner .right-form ul li .submit-content .info .choose-btn img {
  -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);
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.form-wrap .inner .right-form ul li .submit-content .info .choose-btn .active {
  border: none;
  -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);
  opacity: 1;
}
.form-wrap .inner .right-form ul li .submit-content .info .choose-btn:hover {
  -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);
  border: none;
}
.form-wrap .inner .right-form ul li .submit-content .info .choose-btn:hover img {
  -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);
  opacity: 1;
}
.form-wrap .inner .right-form ul li .submit-content .info .agree {
  color: var(--black-999);
}
.form-wrap .inner .right-form ul li .submit-content .info .agree a {
  font-weight: 400;
  text-decoration: underline;
  color: var(--black-000);
}
.form-wrap .inner .right-form ul li .submit-content .submit-btn {
  padding: 0.25rem 0.968rem;
  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;
  cursor: pointer;
  background: var(--active-color);
  color: var(--white-color);
  line-height: 1;
}
.form-wrap .inner .right-form .layui-form-checkbox[lay-skin=primary] > i ,.private-policy .layui-form-checkbox[lay-skin=primary]>i{
  border-radius: 30px;
  padding: 4px;
  background-color: #fff;
}
.form-wrap .inner .right-form .layui-form-checked .layui-icon-ok:before ,.private-policy .layui-form-checked .layui-icon-ok:before{
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  top: 4px;
  left: 4px;
  background-color: var(--active-color);
  border-radius: 30px;
}
@media (max-width:1440px) {
  .form-wrap .inner .right-form ul li .submit-content .submit-btn {
    padding: 0.2153rem 0.93rem;
  }
}
@media (max-width:1280px) {
  .form-wrap .imagebg img {
    position: absolute;
    bottom: 0.38rem;
    left: 0;
  }
  .form-wrap .inner .right-form ul li .submit-content .submit-btn {
    padding: 0.224rem 0.8864rem;
  }
}
@media (max-width:768px) {
  .form-wrap {
    padding: 1rem 0;
  }
  .form-wrap .inner {
    display: inline-block;
    width: 100%;
  }
  .form-wrap .inner .left-wrap {
    width: 100%;
    max-width: inherit;
  }
  .form-wrap .inner .left-wrap .publictitle {
    width: 100%;
  }
  .form-wrap .inner .right-form {
    width: 100%;
    margin-top: 0.6rem;
  }
}
@media (max-width:640px) {
  .form-wrap .inner .right-form ul li .submit-content {
    display: inline-block;
    width: 100%;
  }
  .form-wrap .inner .right-form ul li .submit-content .info{
      justify-content: flex-start;
  }
  .form-wrap .inner .right-form ul li .submit-content .submit-btn{
      margin-top: 20px;
  }
}
@media (max-width:480px) {
  .form-wrap {
    padding: 0.5rem 0;
  }
  .form-wrap .inner .right-form ul {
    padding: 0.5rem;
  }
  .form-wrap .inner .right-form ul li .submit-content .submit-btn {
    margin-top: 0.5rem;
  }
}
.newsdetail-wrap {
  margin-top: 0.9rem;
}
.newsdetail-wrap .sourcewrap {
  color: var(--black-999);
  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;
  gap: 0.36rem;
  padding-bottom: 0.32rem;
  border-bottom: solid 1px #dddddd;
}
.newsdetail-wrap .sourcewrap .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;
  gap: 0.08rem;
}
.newsdetail-wrap .sourcewrap .item img {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
}
.newsdetail-wrap .newsinfo {
  color: var(--black-666);
}
.newsdetail-wrap .newsinfo .title {
  margin-top: 0.8rem;
}
.newsdetail-wrap .newsinfo .image {
  margin-top: 0.4rem;
}
.newsdetail-wrap .newsinfo .sec-title {
  margin-top: 0.46rem;
}
.newsdetail-wrap .page-wrap {
  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;
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 0.48rem 0;
  margin-top: 1.24rem;
}
.newsdetail-wrap .page-wrap .right .btn {
  float: right;
}
.newsdetail-wrap .page-wrap .btn {
  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;
  margin-top: 0.32rem;
  border: solid 1px #000000;
  width: fit-content;
  padding: 0.08rem 0.2rem;
  gap: 0.12rem;
}
.newsdetail-wrap .page-wrap .btn img {
  width: 0.24rem;
  height: 0.24rem;
}
@media (max-width:768px) {
  .newsdetail-wrap .page-wrap {
    display: inline-block;
    width: 100%;
    border-bottom: none;
  }
  .newsdetail-wrap .page-wrap .right {
    margin-top: 0.32rem;
  }
  .newsdetail-wrap .page-wrap .right .btn {
    float: left;
  }
}
@media (max-width:480px) {
    .newsdetail-wrap{
        margin-top: 0.5rem;
    }
    .newsdetail-wrap .newsinfo .title{
        margin-top: 0.5rem;
    }
    .newsdetail-wrap .page-wrap{
         margin-top: 0.6rem;
    }
}

.corevalues-wrap {
  padding-bottom: 0.8rem;
  padding-left: 0.64rem;
}
.corevalues-wrap .innerbox {
  background-color: #ffffff;
  padding: 1.28rem 1.9rem 0.56rem 1.28rem;
}
.corevalues-wrap .innerbox .titletop {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.corevalues-wrap .innerbox .titletop .title {
  font-size: var(--font48);
  font-weight: 700;
  font-family: 'HarmonyOS-TC';
  line-height: calc(56/48);
}
.corevalues-wrap .innerbox .titletop .info {
  font-size: var(--font24);
  max-width: 3.2rem;
  color: var(--black-666);
  margin-left: 1.35rem;
}
.corevalues-wrap .innerbox .titletop .info span {
  font-size: var(--font24);
}
.corevalues-wrap .innerbox .titletop .info .activecolor {
  font-weight: 700;
}
.corevalues-wrap .innerbox .itemlist {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.corevalues-wrap .innerbox .itemlist .item {
  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;
  column-gap: 1.37rem;
  padding: 0.24rem 0 0.8rem 0;
  border-top: solid 1px #dddddd;
}
.corevalues-wrap .innerbox .itemlist .item .left .num {
  -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);
  font-size: var(--font18);
  color: var(--black-999);
  opacity: 0.8;
}
.corevalues-wrap .innerbox .itemlist .item .left .title {
  -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);
  font-size: var(--font24);
  margin-top: 0.4rem;
  color: var(--black-000);
  font-weight: 700;
  line-height: calc(28/24);
}
.corevalues-wrap .innerbox .itemlist .item .left .info {
  -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);
  margin-top: 0.16rem;
  color: var(--black-666);
}
.corevalues-wrap .innerbox .itemlist .item .right {
  width: 0.66rem;
  height: 0.66rem;
  min-width: 0.66rem;
  text-align: center;
}
.corevalues-wrap .innerbox .itemlist .item .right img {
  -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);
}
.corevalues-wrap .innerbox .itemlist .item:hover .left .num {
  -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);
  color: var(--black-000);
  transform: translateX(30px);
}
.corevalues-wrap .innerbox .itemlist .item:hover .left .title {
  -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);
  color: var(--active-color);
  transform: translateX(30px);
}
.corevalues-wrap .innerbox .itemlist .item:hover .left .info {
  -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);
  transform: translateX(30px);
}
.corevalues-wrap .innerbox .itemlist .item:hover .right img {
  -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);
  transform: translateX(30px);
}
.corevalues-wrap .innerbox .itemlist .item:nth-child(odd) {
  padding-right: 1.39rem;
}
.corevalues-wrap .innerbox .itemlist .item:nth-child(even) {
  padding-left: 1.39rem;
}
@media (max-width:990px) {
  .corevalues-wrap .innerbox .titletop .info {
    margin-left: 1rem;
  }
  .corevalues-wrap .innerbox .itemlist .item {
    column-gap: 1rem;
  }
  .corevalues-wrap .innerbox .itemlist .item:nth-child(odd) {
    padding-right: 1rem;
  }
  .corevalues-wrap .innerbox .itemlist .item:nth-child(even) {
    padding-left: 1rem;
  }
}
@media (max-width:768px) {
  .corevalues-wrap .innerbox .titletop {
    display: inline-block;
    width: 100%;
  }
  .corevalues-wrap .innerbox .titletop .title {
    width: 100%;
  }
  .corevalues-wrap .innerbox .titletop .info {
    width: 100%;
    max-width: inherit;
    margin-top: 0.3rem;
    margin-left: 0;
  }
  .corevalues-wrap .innerbox .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
  .corevalues-wrap .innerbox .itemlist .item:nth-child(odd) {
    padding-right: 0;
  }
  .corevalues-wrap .innerbox .itemlist .item:nth-child(even) {
    padding-left: 0;
  }
}
@media (max-width:768px) {
  .corevalues-wrap .innerbox {
    margin-top: 1rem;
  }
}
@media (max-width:640px) {
  .corevalues-wrap .innerbox {
    padding: 0.65rem;
  }
  .corevalues-wrap .innerbox .itemlist .item .left {
    width: 70%;
  }
}
.employee-welfare-wrap {
  padding-left: 1.9rem;
  padding-right: 1rem;
}
.employee-welfare-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.employee-welfare-wrap .innerbox .info {
  width: 28.06%;
  margin-top: 0.53rem;
  min-width: 280px;
}
.employee-welfare-wrap .innerbox .info .listitem {
  margin-top: 0.96rem;
}
.employee-welfare-wrap .innerbox .info .listitem li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0.39rem 0;
  border-top: solid 1px #dddddd;
}
.employee-welfare-wrap .innerbox .info .listitem li img {
  width: 0.4rem;
  height: 0.4rem;
  min-width: 0.4rem;
}
.employee-welfare-wrap .innerbox .info .listitem li .content {
  margin-left: 0.24rem;
}
.employee-welfare-wrap .innerbox .info .listitem li .content .title {
  font-size: var(--font24);
  font-weight: 700;
  color: var(--black-000);
}
.employee-welfare-wrap .innerbox .info .listitem li .content .sec-title {
  margin-top: 0.16rem;
  color: var(--black-666);
  line-height: 1;
}
.employee-welfare-wrap .innerbox .info .listitem li:last-child {
  border-bottom: solid 1px #dddddd;
}
.employee-welfare-wrap .innerbox .image {
  width: 72%;
  margin-left: 1.15rem;
  margin-top: 0.89rem;
}
@media (max-width:990px) {
  .employee-welfare-wrap {
    margin-top: 1rem;
  }
}
@media (max-width:768px) {
  .employee-welfare-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .employee-welfare-wrap .innerbox .info {
    width: 100%;
  }
}
@media (max-width:480px) {
  .employee-welfare-wrap {
    padding: 0.65rem;
    padding-top: 0;
    margin-top: 0;
  }
  .employee-welfare-wrap .innerbox .info {
    margin-top: 0rem;
  }
}
.company-enviroment-wrap {
  margin-top: 1.6rem;
  padding-left: 1.9rem;
}
.company-enviroment-wrap .title {
  font-family: 'HarmonyOS-TC';
  font-weight: 700;
  line-height: calc(56/48);
}
.company-enviroment-wrap .solutionlist {
  margin-top: 0.8rem;
  overflow: hidden;
}
.company-enviroment-wrap .solutionlist .innerbox .image .pb {
  padding-bottom: 65.899%;
}
.company-enviroment-wrap .solutionlist .innerbox .image .pb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company-enviroment-wrap .solutionlist .innerbox .image .pb .nomal {
  transition: 1s ease-in-out;
}
@media (max-width:768px) {
  .company-enviroment-wrap {
    padding-left: 20px;
  }
}
@media (max-width:480px) {
  .company-enviroment-wrap {
    margin-top: 1rem;
  }
  .company-enviroment-wrap .solutionlist .innerbox .image .pb {
    padding-bottom: 100%;
  }
}
@media (max-width:360px) {
  .company-enviroment-wrap {
    margin-top: 0.6rem;
  }
  .company-enviroment-wrap .solutionlist {
    margin-top: 0.6rem;
  }
}
.recruitment-positions-wrap {
  margin-top: 1.2rem;
  position: relative;
}
.recruitment-positions-wrap .image {
  position: absolute;
  bottom: 0;
}
.recruitment-positions-wrap .info {
  position: relative;
  padding-top: 0.6rem;
  padding-bottom: 0.44rem;
}
.recruitment-positions-wrap .info .innerbox {
  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;
}
.recruitment-positions-wrap .info .innerbox .left .sec-title {
  margin-top: 0.36rem;
  font-size: var(--font24);
}
.recruitment-positions-wrap .info .innerbox .left .index-p-more {
  margin-top: 0.96rem;
}
.recruitment-positions-wrap .info .innerbox .left .index-p-more a .title {
  color: #000;
  background: linear-gradient(to right, rgba(255 255 255 / 0%), rgba(255 255 255 / 60%));
}
.recruitment-positions-wrap .info .innerbox .right {
  width: 55.5%;
}
@media (max-width:480px) {
  .recruitment-positions-wrap .image {
    height: 100%;
  }
  .recruitment-positions-wrap .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.conpany-info-wrap {
  margin-top: 1.2rem;
}
.conpany-info-wrap .gridlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.23rem;
}
.conpany-info-wrap .gridlist .item {
  background-color: #fff;
  padding: 0.48rem 0.64rem;
}
.conpany-info-wrap .gridlist .item .title {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding-bottom: 0.16rem;
  color: var(--black-666);
}
.conpany-info-wrap .gridlist .item .sec-title {
  font-size: var(--font32);
  color: var(--black-000);
  margin-top: 0.48rem;
  font-weight: 700;
}
.conpany-info-wrap .gridlist .item .info {
  margin-top: 0.16rem;
  color: var(--black-666);
  min-height: 1.48rem;
}
.conpany-info-wrap .gridlist .item .contactbox {
  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;
  color: var(--black-999);
}
.conpany-info-wrap .gridlist .item .contactbox .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
}
.conpany-info-wrap .gridlist .item .contactbox .right img {
  width: 0.32rem;
  height: 0.32rem;
  min-width: 0.32rem;
}
.conpany-info-wrap .media-list {
  position: relative;
  margin-top: 0.24rem;
  background-color: #fff;
}
.conpany-info-wrap .media-list .image {
  position: absolute;
  right: 0;
  bottom: 0;
}
.conpany-info-wrap .media-list .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.conpany-info-wrap .media-list .info .leftbox {
  width: 32% ;
}
.conpany-info-wrap .media-list .info .leftbox ul li {
  padding: 0.56rem 0.65rem 0.4rem 0.64rem;
  border-bottom: solid 1px #dddddd;
}
.conpany-info-wrap .media-list .info .leftbox ul li .title {
  color: var(--black-666);
}
.conpany-info-wrap .media-list .info .leftbox ul li .email {
  font-size: var(--font32);
  font-weight: 700;
  word-wrap: break-word;
}
.conpany-info-wrap .media-list .info .leftbox ul li:last-child {
  border-bottom: none;
}
.conpany-info-wrap .media-list .info .rightbox {
  width: 68% ;
  border-left: solid 1px #dddddd;
  padding: 1.05rem 1.28rem;
}
.conpany-info-wrap .media-list .info .rightbox .media-info {
  margin-top: 0.12rem;
  color: var(--black-666);
}
.conpany-info-wrap .media-list .info .rightbox .media-qrcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.8rem;
  margin-top: 0.4rem;
}
.conpany-info-wrap .media-list .info .rightbox .media-qrcode .item .codeimg {
  border: solid 1px #dddddd;
  width: 1.6rem;
  height: 1.6rem;
  padding: 0.16rem;
}
.conpany-info-wrap .media-list .info .rightbox .media-qrcode .item .codeimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.conpany-info-wrap .media-list .info .rightbox .media-qrcode .item p {
  margin-top: 0.24rem;
  color: var(--black-666);
}
@media (max-width:990px) {
  .conpany-info-wrap .gridlist .item {
    padding: 0.35rem;
  }
  .conpany-info-wrap .gridlist .item .info {
    min-height: 1rem;
  }
  .conpany-info-wrap .media-list .info .leftbox ul li{
      padding: 0.35rem;
  }
}
@media (max-width:768px) {
  .conpany-info-wrap .gridlist {
    grid-template-columns: repeat(2, 1fr);
  }
  .conpany-info-wrap .media-list .info {
    display: inline-block;
    width: 100%;
  }
  .conpany-info-wrap .media-list .info .leftbox {
    width: 100%;
  }
  .conpany-info-wrap .media-list .info .rightbox {
    width: 100%;
    border-left: 0;
    padding: 0.35rem;
  }
}
@media (max-width:480px) {
  .conpany-info-wrap .gridlist {
    grid-template-columns: repeat(1, 1fr);
  }
  .conpany-info-wrap .media-list .info .rightbox .media-qrcode {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
}
.map-wrap {
  margin-top: 1.2rem;
  padding-left: 0.64rem;
}
.map-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
}
.map-wrap .innerbox .map {
  width: 56.1%;
  position: relative;
  padding: 1.07rem 0 1rem 0.89rem;
  overflow: hidden;
}
.map-wrap .innerbox .map li {
  position: relative;
  display: none;
}
.map-wrap .innerbox .map li .position {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.map-wrap .innerbox .map li .position .item .title {
  position: absolute;
  display: grid;
  place-items: center;
  top: 19%;
  left: -1.3rem;
  width: 2.26rem;
  height: 1.24rem;
}
.map-wrap .innerbox .map li .position .item .title p {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  margin-top: -0.15rem;
}
.map-wrap .innerbox .map li .position .item .point {
  position: absolute;
  width: 100%;
  height: 50%;
}
.map-wrap .innerbox .map li .position .item .point .img1 {
  position: absolute;
  top: 0.62rem;
  width: 0.08rem;
  height: 0.08rem;
}
.map-wrap .innerbox .map li .position .item .point .img2 {
  position: absolute;
  top: 0.56rem;
  left: -0.06rem;
  width: 0.2rem;
  height: 0.2rem;
}
.map-wrap .innerbox .map li .position .item .point .img3 {
  position: absolute;
  top: 0.42rem;
  left: -0.2rem;
  width: 0.48rem;
  height: 0.48rem;
}
.map-wrap .innerbox .map li .position .item1 {
  position: absolute;
  left: 77%;
  top: 49%;
  width: 50%;
  height: 50%;
}
.map-wrap .innerbox .map li .position .item2 {
  position: absolute;
  left: 79%;
  top: 45%;
  width: 50%;
  height: 50%;
}
.map-wrap .innerbox .map li .position .item3 {
  position: absolute;
  left: 76%;
  top: 45%;
  width: 50%;
  height: 50%;
}
.map-wrap .innerbox .map .swiper-slide-active {
  display: inline;
}
.map-wrap .innerbox .info {
  margin-top: 1.2rem;
  margin-left: 1.51rem;
  width: 27.6%;
}
.map-wrap .innerbox .info .tab-ul {
  margin-top: 0.8rem;
}
@media (max-width:990px) {
  .map-wrap {
    padding-left: 20px;
  }
}
@media (max-width:768px) {
  .map-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .map-wrap .innerbox .map {
    width: 100%;
    margin: 0;
    padding: 0.6rem;
  }
  .map-wrap .innerbox .info {
    width: 100%;
    margin: 0;
    padding: 0.6rem;
  }
}
@media (max-width:480px) {
  .map-wrap {
    padding: 0 20px;
  }
}
.search-center-wrap {
  padding-bottom: 0.8rem;
  padding-left: 0.64rem;
}
.search-center-wrap .centerwrap {
  background-color: #ffffff;
  padding: 1.28rem 1.9rem 0.56rem 1.28rem;
}
.search-center-wrap .centerwrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.search-center-wrap .centerwrap .innerbox .info {
  width: 27.63%;
  padding-bottom: 0.48rem;
  border-bottom: solid 1px #cccccc;
  min-width: 200px;
}
.search-center-wrap .centerwrap .innerbox .info .datas {
  color: var(--black-666);
}
.search-center-wrap .centerwrap .innerbox .info .datas p {
  margin-top: 0.4rem;
}
.search-center-wrap .centerwrap .innerbox .info .searchcenter {
  width: 0.8rem;
  height: 0.8rem;
  margin-top: 1.32rem;
}
.search-center-wrap .centerwrap .innerbox .image {
  margin-left: 1.28rem;
}
.search-center-wrap .centerwrap .swiperimg {
  overflow: hidden;
  margin-top: 1.12rem;
}
.search-center-wrap .centerwrap .swiperimg .swiper-wrapper {
  transition-timing-function: linear !important;
}
.search-center-wrap .centerwrap .swiperimg .swiper-wrapper .pb {
  padding-bottom: 39%;
}
.search-center-wrap .centerwrap .swiperimg .swiper-wrapper .pb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: grayscale(1);
    opacity: 0.5;
    transition: all .3s ease-in-out;
}
.search-center-wrap .centerwrap .swiperimg .swiper-wrapper .pb img:hover{
    filter: inherit;
    opacity: 1;
    transition: all .3s ease-in-out;
}

@media (max-width:1200px) {
  .search-center-wrap .centerwrap .innerbox .image {
    margin-left: 1rem;
  }
}
@media (max-width:990px) {
      .search-center-wrap{
        padding-left: 20px;
    }
  .search-center-wrap .centerwrap .innerbox .image {
    margin-left: 0.6rem;
  }
  .search-center-wrap .centerwrap .innerbox .info .searchcenter {
    margin-top: 1rem;
  }
}
@media (max-width:768px) {
  
  .search-center-wrap .centerwrap {
    padding: 0.65rem;
  }
  .search-center-wrap .centerwrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .search-center-wrap .centerwrap .innerbox .info {
    width: 100%;
  }
  .search-center-wrap .centerwrap .innerbox .image {
    margin-left: 0;
  }
}
@media (max-width:640px) {
    
}
@media (max-width:480px) {
    .search-center-wrap{
        padding:0 20px;
        padding-bottom: 0.6rem;
    }
    .search-center-wrap .centerwrap{
        padding: 0.35rem;
    }
}

.developed-equipment-wrap {
  position: relative;
  padding-bottom: 1.28rem;
}
.developed-equipment-wrap .innerbox {
  
}
.developed-equipment-wrap .innerbox .swiper-wrapper {
  transition-timing-function: linear !important;
}
.developed-equipment-wrap .innerbox .itemlist {
 position: relative;
  margin-top: 0.64rem;
}
.developed-equipment-wrap .innerbox .itemlist::before {
  position: absolute;
  content: "";
  width: 12%;
  top: 0;
  left: -12.9%;
  height: 100%;
  background-color: var(--bg-f8);
  z-index: 2;
}
.developed-equipment-wrap .innerbox .itemlist .item {
  width: 100%;
}
.developed-equipment-wrap .innerbox .itemlist .item a {
  width: 100%;
}
.developed-equipment-wrap .innerbox .itemlist .item a .image {
  text-align: center;
  padding: 0.42rem;
  background-color: #fff;
}
.developed-equipment-wrap .innerbox .itemlist .item a .image .pb {
  padding-bottom: 68%;
}
.developed-equipment-wrap .innerbox .itemlist .item a .image .pb img {
  -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);
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.developed-equipment-wrap .innerbox .itemlist .item a .info {
  padding-top: 0.4rem;
}
.developed-equipment-wrap .innerbox .itemlist .item a .info .title {
  -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);
  font-size: var(--font24);
  color: var(--black-000);
}
.developed-equipment-wrap .innerbox .itemlist .item a .info .more {
  -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);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
  margin-top: 0.16rem;
  color: var(--black-999);
}
.developed-equipment-wrap .innerbox .itemlist .item:hover a .image .pb img {
  -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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.developed-equipment-wrap .innerbox .itemlist .item:hover a .info .title {
  -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);
  color: var(--active-color);
}
.developed-equipment-wrap .innerbox .itemlist .item:hover a .info .more {
  -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);
  color: var(--black-000);
}


@media (max-width:990px) {
  .developed-equipment-wrap .innerbox {
    padding-left: 20px;
  }
}
@media (max-width:640px) {
  .developed-equipment-wrap .innerbox .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width:640px) {
    .developed-equipment-wrap .innerbox{
        padding: 0 20px;
    }
}


/*搜索页--样式修改*/
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: var(--color-active) !important; 
}
.psearch-right .m-tit{
    background: var(--color-active) !important; 
}
.psearch-right .psearch-ru .on a{
     color: var(--color-active) !important; 
}
.psearch-ru a{
    font-size: inherit !important;
}

/* 首页视频--弹窗 */
.bullet_box {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 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;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
  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);
  overflow: hidden;
}
.bullet_box .bullet_main {
  width: 96%;
  max-width: 1200px;
  height: auto;
  position: relative;
  z-index: 1;
  -webkit-transform: translateY(-10vh);
  transform: translateY(-10vh);
  -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);
}
.bullet_box .bullet_main .close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: var(--active-color);
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  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;
  font-size: 0;
  border-radius: 50%;
  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);
  overflow: hidden;
}
.bullet_box .bullet_main .close i {
  font-size: 14px;
  color: #FFF;
}
.bullet_box .bullet_main .close:hover {
  -webkit-transform: translate(50%, -50%) rotate(90deg);
  transform: translate(50%, -50%) rotate(90deg);
}
.bullet_box .bullet_main .content {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: #282828;
  overflow: hidden;
}
.bullet_box .bullet_main .content .pb {
  padding-bottom: 56.25%;
}
.bullet_box .bullet_main .content img,
.bullet_box .bullet_main .content video,
.bullet_box .bullet_main .content iframe {
  width: 100%;
  height: 100%;
}
.bullet_box .bullet_main .content iframe {
  object-fit: fill;
}
@media (max-width:990px) {
  .bullet_box .bullet_main .close {
    -webkit-transform: none;
    transform: none;
    top: -50px;
  }
}
.bullet_box.active {
  pointer-events: initial;
  opacity: 1;
  visibility: visible;
}
.bullet_box.active .bullet_main {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
@-webkit-keyframes reveal3 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    background-color: transparent;
    transform: translateY(0px);
  }
}
@keyframes reveal3 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
    background-color: transparent;
  }
}
.reveal3 {
  -webkit-animation-name: reveal3;
  animation-name: reveal3;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(150px, 0, 0);
    transform: translate3d(150px, 0, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.slideInRight {
  animation: slideInRight 0.5s forwards;
}
.s-animate,
.s-animate-up {
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
}