@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: #333;
  background: #fff;
  overflow-x: hidden;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
    line-height: 1.333;
  }
}
* {
  font-family: 'HONORSansCN-R';
  font-size: var(--font16);
  font-weight: normal;
}
img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 0;
  vertical-align: middle;
}
.img-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.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: 'HONORSansCN';*/
/*  src: url('../fonts/HONORSansCN-Light.ttf');*/
/*  font-weight: 300;*/
/*}*/
/*@font-face {*/
/*  font-family: 'HONORSansCN-R';*/
/*  src: url('../fonts/HONORSansCN-Regular.ttf');*/
/*  font-weight: normal;*/
/*}*/
/*@font-face {*/
/*  font-family: 'HONORSansCN-M';*/
/*  src: url('../fonts/HONORSansCN-Medium.ttf');*/
/*  font-weight: 500;*/
/*}*/
/*@font-face {*/
/*  font-family: 'HONORSansCN-B';*/
/*  src: url('../fonts/HONORSansCN-Bold.ttf');*/
/*  font-weight: 700;*/
/*}*/
/*@font-face {*/
/*  font-family: 'HONORSansCN-H';*/
/*  src: url('../fonts/HONORSansCN-Heavy.ttf');*/
/*  font-weight: 700;*/
/*}*/

.bold {
  font-family: 'HONORSansCN-B';
}
.medium {
  font-family: 'HONORSansCN-M';
}
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: var(--black-666);
}
input:-moz-placeholder {
  color: var(--black-666);
}
input::-moz-placeholder {
  color: var(--black-666);
}
input:-ms-input-placeholder {
  color: var(--black-666);
}
textarea::-webkit-input-placeholder {
  color: var(--black-666);
}
textarea:-moz-placeholder {
  color: var(--black-666);
}
textarea::-moz-placeholder {
  color: var(--black-666);
}
textarea:-ms-input-placeholder {
  color: var(--black-666);
}
::-webkit-scrollbar {
  width: 6px;
  height: 5px;
  // background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 0;
}

::-webkit-scrollbar-thumb {

  background-color: var(--active-color);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 3px;
}


.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;
}
/* 图片放大 */
/* 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;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
@-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);
}
@keyframes moveRight {
  /* 定义动画的关键帧 */
  0% {
    left: 0;
  }
  /* 开始位置 */
  100% {
    left: calc(100% - 100px);
  }
  /* 结束位置，减去元素自身的宽度以确保完全移出 */
}
@-webkit-keyframes icon-video {
  0% {
    transform: scale(0);
    opacity: 0.3;
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes icon-video {
  0% {
    transform: scale(0);
    opacity: 0.3;
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes clippath {
  0% {
    clip-path: circle(50% at 0 100%);
  }
  100% {
    clip-path: circle(100% at 0 100%);
  }
}
.fadeInclippathCircle {
  animation: clippath 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
}
@keyframes circular {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate {
  animation: circular 60s linear infinite;
}
/* 动画 */
.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;
  }
}
.w1560 {
  width: 81.25%;
  margin: 0 auto;
}
@media (max-width:1840px) {
  .w1560 {
    width: 100%;
    padding: 0 7.60869565%;
  }
}
@media (max-width:990px) {
  .w1560 {
    width: 100%;
    padding: 0 20px;
  }
}
.grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.grid5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.grid6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.mtb100 {
  margin: 1rem 0;
}
.ptb100 {
  padding: 1rem 0;
}
.mt100 {
  margin-top: 1rem;
}
.mb100 {
  margin-bottom: 1rem;
}
.pt100 {
  padding-top: 1rem;
}
.pb100 {
  padding-bottom: 1rem;
}
.mt30 {
  margin-top: 0.3rem;
}
.mt70 {
  margin-top: 0.7rem;
}
:root {
  /* 导航高度 */
  --header-height: 0.9rem;
  /* COLOR */
  --color-active: #00479D;
  --active-color: #00479D;
  --white-color: #fff;
  --footer-bg-color: #FFFFFF;
  --footer-down-bg-color: #141414;
  --black-000: #000000;
  --black-111: #111111;
  --black-222: #222222;
  --black-333: #333333;
  --black-666: #666666;
  --black-999: #999999;
  --black-ccc: #cccccc;
  --black-ddd: #dddddd;
  --bg-e8: #E8EBEF;
  --bg-e6: #E6E6E6;
  --bg-f7: #F7F9FB;
  --bg-f8: #F8FBFF;
  --bg-f9: #F9F9F9;
  /* 字体大小 */
  --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;
  }
}
/* 字体 */
.black0 {
  color: var(--black-000);
}
.black1 {
  color: var(--black-111);
}
.black2 {
  color: var(--black-222);
}
.black3 {
  color: var(--black-333);
}
.black6 {
  color: var(--black-666);
}
.black9 {
  color: var(--black-999);
}
.white {
  color: var(--white-color);
}
.red {
  color: #FF0000;
}
.activecolor {
  color: var(--color-active);
}
/* 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;
}
.center {
  text-align: center;
}
.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);
  }
}
/* 动效文字 */
.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(--white-color);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.2;
}
#header .header-pc .header-wrap {
  position: relative;
  margin: auto;
  padding: 0 1.8rem;
  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 {
 
  filter: brightness(0) invert(1);
  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;
  height: 100%;
}
#header .header-pc .header-wrap .logo img{
    height: 100%;
}
#header .header-pc .header-wrap .logo .logo-black {
  display: none;
}
#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 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);
}
#header .header-pc .header-wrap .header-right .nav dl:hover .panellist {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
#header .header-pc .header-wrap .header-right .nav dl:hover .panellist::before {
  height: 100%;
  transition: 0.5s ease-in-out;
}
#header .header-pc .header-wrap .header-right .nav dt a {
  font-size: var(--font16);
  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;
  color: var(--white-color);
}
#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 {
  -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);
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  right: 0;
  top: 0.6rem;
  background: var(--white-color);
}
#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;
  width: 100%;
  left: 0;
  padding: 0.5rem 0.2rem;
  background: #ffffff;
  border-radius: 4px;
  min-height: 4rem;
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist {
  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: 0.5rem;
  /*width: 66%;*/
   width: 100%;
  margin: auto;
  text-transform: capitalize;
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item {
  position: relative;
  width: 22%;
  text-align: center;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item 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);
  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.15rem;
  width: 100%;
  padding: 0.15rem 0;
  font-size: var(--font18);
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background: #00479D;
  bottom: -0.5px;
  transition: all 0.5s ease-in-out;
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item a .icon {
  filter: brightness(0) invert(0.4);
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item a:hover {
  color: var(--active-color);
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item a:hover:before {
  width: 100%;
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item a:hover .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;
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item ul {
  position: absolute;
  top: 0.7rem;
  left: 0;
  text-align: left;
  line-height: calc(36/16);
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item ul li {
  position: relative;
  line-height: 1.3;
  color: var(--black-666);
  font-size: var(--font16);
  padding-left: 0.2rem;
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item ul li a {
  font-size: var(--font16);
  padding: 0.1rem 0;
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item ul li:before {
  position: absolute;
    content: '';
    left: 0;
    width: 3px;
    min-width: 3px;
    height: 3px;
    background: #00479D;
    top: 50%;
    transform: translateY(-50%);
}
#header .header-pc .header-wrap .header-right .nav dd .itemlist .item ul li a:before {
  display: none;
}
#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;
  background-color: rgba(255, 255, 255, 0.98);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
#header .header-pc .header-wrap .header-right .nav .panellist::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.98);
  z-index: -1;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox {
  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;
  width: 100%;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding: 0.4rem 0;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox:first-child {
  border-top: none;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .title {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.17rem;
  width: 18%;
  margin-top: 0.28rem;
  text-transform: capitalize;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .title 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: 14px;
  height: 10px;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .title: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);
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .title:hover img {
  transform: translateX(0.1rem);
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.95rem;
  width: 82%;
  row-gap: 0.4rem;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 0.8rem;
  height: 0.8rem;
  min-width: 0.8rem;
  background: #F6F8F9;
  border-radius: 10px;
  border: 1px solid #E8EBEF;
  padding: 0.1rem;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .name {
  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.1rem;
  /*margin-top: 0.3rem;*/
  font-size: var(--font18);
  
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .name img {
  transform: rotate(90deg);
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods {
  margin-top: 0.1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.4rem;
  row-gap: 0.05rem;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods 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);
  position: relative;
  color: var(--black-666);
  border-bottom: solid 1px var(--white-color);
  width: fit-content;
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods a::after {
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  content: '';
  width: 0;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--black-666);
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods 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);
}
#header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods a:hover:after {
  width: 100%;
  left: 0;
}
#header .header-pc .header-wrap .header-right .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
#header .header-pc .header-wrap .header-right .column .header-btn {
  cursor: pointer;
}
#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;
  height: 100%;
  z-index: 1;
}
#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-right: 0.4rem;
}
#header .header-pc .header-wrap .header-right .column .header-lang .up .language_box {
  position: relative;
}
#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;
}
#header .header-pc .header-wrap .header-right .search-lan_nav {
  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.4rem;
  margin-left: 1.1rem;
  color: var(--white-color);
}

#header .header-pc .header-wrap .header-right .search-lan_nav .search img {
  filter: brightness(0) invert(1);
}

#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  padding: 1rem 0 0.5rem 0;
  z-index: -1;
  display: none;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel .innerbox {
  width: 52%;
  margin: auto;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel .innerbox .title {
  text-align: center;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel .innerbox .search-input {
  position: relative;
  margin-top: 0.24rem;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel .innerbox .search-input input {
  width: 100%;
  height: 0.6rem;
  background: #F5F7F9;
  border-radius: 20px;
  border: 1px solid #E8EBEF;
  padding-left: 0.2rem;
  color: #333333;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel .innerbox .search-input .icon {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  transform: translateY(-50%);
}
#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel .innerbox .result-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--black-666);
  margin-top: 0.15rem;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .search .search-panel .innerbox .result-list ul {
  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.25rem;
}


#header .header-pc .header-wrap .header-right .search-lan_nav .lan {
  position: relative;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan img {
  filter: brightness(0) invert(1);
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan .language_flag {
  color: var(--white-color);
  color: #ffffff;
  width: max-content;
  height: auto;
  position: absolute;
  top: calc(100% + 20px);
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.1rem;
  padding: 10px;
  border-radius: var(--border-radius10);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.267);
  border-radius: 10px;
  left: 0;
  transform: translateX(-44%);
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan .language_flag::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #FFFFFF transparent;
  position: absolute;
  bottom: 100%;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan .language_flag a {
  white-space: nowrap;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan .language_flag a img {
  width: 0.3rem;
  min-width: 25px;
  height: auto;
  object-fit: cover;
  filter: inherit;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan .language_flag a span {
  font-size: var(--font16);
  -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);
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan .language_flag a:hover span {
  color: #00479d;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .lan:hover .language_flag {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#header .header-pc .header-wrap .header-right .search-lan_nav .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.3rem;
}
@media (max-width:1024px) {
  #header .header-pc {
    display: none;
  }
}
#header .pc-active {
  transition: 0.5s ease-in-out;
  position: relative;
  background-color: var(--white-color);
}
#header .pc-active::before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: var(--black-000);
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.1;
  z-index: 10;
}
#header .pc-active .header-wrap .logo {
  filter: inherit;
}
#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 .pc-active .header-wrap .header-right .search-lan_nav .item {
  color: var(--black-333);
}
#header .pc-active .header-wrap .header-right .search-lan_nav .search img,
#header .pc-active .header-wrap .header-right .search-lan_nav .lan img {
  filter: brightness(0);
}
#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;
  padding-top: var(--header-height);
  top: 0;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  overflow: hidden;
  backdrop-filter: blur(12px);
}
#header .pcheader_body .menu_info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  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;
}
#header .pcheader_body .menu_nav .itemlist {
  width: 100%;
  border-top: solid 1px var(--black-ddd);
}
#header .pcheader_body .menu_nav .itemlist .iflex .container {
  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;
}
#header .pcheader_body .menu_nav .itemlist .item-top {
  line-height: 1;
  padding: 0.395rem 0;
}
#header .pcheader_body .menu_nav .itemlist .item-top a {
  min-width: 2.5rem;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom {
  border-top: solid 1px var(--black-ddd);
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item {
  cursor: pointer;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item .title {
  line-height: 1;
  padding: 0.36rem 0;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul {
  padding: 0.36rem 0;
  min-width: 2.5rem;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li {
  padding: 0.135rem 0;
  line-height: 1;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li a:first-child {
  -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);
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li a:hover {
  color: var(--black-000);
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li 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: var(--black-333);
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li span:hover {
  color: var(--black-000);
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li .two-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  margin-top: 0.2rem;
  display: none;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li .two-list 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);
  padding: 0.05rem 0;
  font-size: var(--font12);
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li .two-list p a {
  text-decoration: none;
  color: var(--black-666);
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li .two-list p: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);
  text-decoration: underline;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item ul li .active {
  display: flex;
}
#header .pcheader_body .menu_nav .itemlist .item-bottom .item .active {
  display: block;
}
#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 {
  width: 2.3rem;
  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 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#header .m_header_box .header_title .column {
  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.2rem;
}
#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(--black-333);
  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(--black-333);
}
#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(--black-333);
}
#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-111);
}
#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.is_active .icon i {
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
#header .m_header_box .header_body .menu_nav ul li ul {
  border-top: 1px solid var(--black-ccc);
  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 .two {
  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-left: 0.3rem;
}
#header .m_header_box .header_body .menu_nav ul li ul li .two .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;
  width: 50px;
}
#header .m_header_box .header_body .menu_nav ul li ul li a {
  font-size: 13px;
  padding: 6px 0 6px 0px;
  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: 0px 0 5px 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;
  }
}
@media (max-width:1520px) {
  #header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem {
    column-gap: 0.5rem;
  }
  #header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods {
    column-gap: 0.2rem;
  }
}
@media (max-width:1440px) {
  #header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem {
    column-gap: 0.4rem;
  }
  #header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods {
    column-gap: 0.1rem;
  }
}
@media (max-width:1280px) {
  #header .header-pc .header-wrap .header-right .nav .panellist .innerbox .title {
    width: 20%;
  }
  #header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem {
    width: 80%;
    column-gap: 0.5rem;
  }
  #header .header-pc .header-wrap .header-right .nav .panellist .innerbox .griditem .item .info .goods {
    column-gap: 0.2rem;
  }
}
.header-black .header-pc .header-wrap .logo {
  filter: inherit !important;
}
.header-black .header-pc .header-wrap .header-right .nav dt a {
  color: var(--black-666) !important;
}
.header-black .header-pc .header-wrap .header-right .search-lan_nav .search img {
  filter: inherit !important;
}
.header-black .header-pc .header-wrap .header-right .search-lan_nav .lan img {
  filter: inherit !important;
}
.header-black .header-pc .header-wrap .header-right .search-lan_nav .item a {
  color: var(--black-666) !important;
}
/*
插件：视频弹窗
版本：
官网：
*/
/* 视频弹窗 */
#hi-video-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop .hi-close {
  position: fixed;
  top: 93%;
  left: 50%;
  z-index: 5;
  margin-left: -25px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #fff;
  border-radius: 50%;
  transition: 0.4s;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
  background: #333;
  transition: 0.4s;
}
#hi-video-pop .hi-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hi-video-pop .hi-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {
  background: #fff;
}
#hi-video-pop .hi-video-box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hi-video-pop .hi-video-box .hi-video-wrap {
  position: relative;
  max-width: 72.92vw;
  border: 2px solid #fff;
  width: 160vh;
}
@media (max-width: 767px) {
  #hi-video-pop .hi-video-box .hi-video-wrap {
    max-width: 90%;
  }
}
#hi-video-pop .hi-video-box .hi-video-wrap video{
  width: 100%;
  height: 100%;
  vertical-align: top;
}

#hi-video-pop .hi-video-box .hi-video-wrap iframe{
   width: 100%;
    height: 7rem;
    border: 2px solid #fff;
    /*transform: translateX(-3%);*/
}
/*@media (max-width:1200px) {*/
/*    #hi-video-pop .hi-video-box .hi-video-wrap iframe{*/
/*        width: 80vh;*/
        
/*    }*/
/*}*/
/*@media (max-width:480px) {*/
/*    #hi-video-pop .hi-video-box .hi-video-wrap iframe{*/
/*        width: 50vh;*/
        
/*    }*/
/*}*/

/* 侧边栏--通讯方式 */
.navbar-communication .kefu-box {
  position: fixed;
  top: 60%;
  right: 0;
  z-index: 10;
}
.navbar-communication .kefu-box .item {
  margin: 10px 0;
  border-radius: 5px;
  background: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
  position: relative;
  cursor: pointer;
}
.navbar-communication .kefu-box .item .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 0.08rem;
  flex-direction: column;
  overflow: hidden;
  width: 0.76rem;
  height: 0.7rem;
 min-width: 72px;
    min-height: 65px;
  border-radius: 5px;
  color: var(--white-color);
}
.navbar-communication .kefu-box .item .phone {
  -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;
  position: absolute;
  width: max-content;
  top: 50%;
  transform: translateY(-50%);
  right: 0rem;
  background-color: var(--active-color);
  height: 100%;
  color: var(--white-color);
  padding: 0 0.2rem;
  border-radius: 0.1rem;
  z-index: -1;
  opacity: 0;
}
.navbar-communication .kefu-box .item .phone .icon {
  width: 0.3rem;
  height: 0.3rem;
  filter: brightness(0) invert(1);
  margin-right: 0.1rem;
}
.navbar-communication .kefu-box .item .qrcode {
  -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;
  width: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  right: 0.8rem;
  z-index: -1;
  opacity: 0;
}
.navbar-communication .kefu-box .item:hover .phone {
  -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);
  right: 1rem;
  opacity: 1;
}
.navbar-communication .kefu-box .item:hover .qrcode {
  -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;
  right: 1rem;
}
@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(--bg-f7);
}
.footer-wrapper .footerlist .f-top .innerbox {
  position: relative;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 1rem 0 0.9rem 0;
  gap: .38rem;
}
.footer-wrapper .footerlist .f-top .innerbox:before {
  position: absolute;
  content: '';
  width: 100%;
  top: 1.39rem;
  height: 1px;
  background-color: var(--bg-e8);
}
.footer-wrapper .footerlist .f-top .innerbox .item {
  cursor: pointer;
  flex: 1;
}
.footer-wrapper .footerlist .f-top .innerbox .item p {
  
}
.footer-wrapper .footerlist .f-top .innerbox .item p span {
  position: relative;
  color: var(--black-333);
  display: inline-block;
  height: 0.4rem;
  text-align: center;
      font-weight: 600;
    font-size: var(--font18);
}
.footer-wrapper .footerlist .f-top .innerbox .item p span::after {
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: url("../images/footer-nav-bg.png");
}
.footer-wrapper .footerlist .f-top .innerbox .item ul {
  margin-top: 0.3rem;
}
.footer-wrapper .footerlist .f-top .innerbox .item ul li {
  padding: 0.0875rem 0;
  line-height: 1;
  
}
.footer-wrapper .footerlist .f-top .innerbox .item ul li 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);
  position: relative;
  color: var(--black-666);
  text-transform: capitalize;
}
.footer-wrapper .footerlist .f-top .innerbox .item ul li a:hover {
  color: var(--color-active);
}
.footer-wrapper .footerlist .f-top .innerbox .item ul li a:hover::after {
  width: 100%;
  left: 0;
}
.footer-wrapper .footerlist .f-top .innerbox .item .active {
  display: block;
}
.footer-wrapper .footerlist .f-center .innerbox {
  padding-bottom: 0.25rem;
  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;
}
.footer-wrapper .footerlist .f-center .innerbox .item .server-title {
  color: var(--active-color);
}
.footer-wrapper .footerlist .f-center .innerbox .item .phone {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  margin-top: 0.13rem;
  color: var(--active-color);
}
.footer-wrapper .footerlist .f-center .innerbox .item .phone img {
  margin-right: 0.16rem;
  width: 0.44rem;
  height: 0.44rem;
}
.footer-wrapper .footerlist .f-center .innerbox .item .medialist {
  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: 0.1rem;
}
.footer-wrapper .footerlist .f-center .innerbox .item .medialist .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);
  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.44rem;
  height: 0.44rem;
  min-width: 30px;
  min-height: 30px;
  border-radius: 50%;
  border: solid 1px var(--active-color);
  cursor: pointer;
  padding: 0.12rem;
}
.footer-wrapper .footerlist .f-center .innerbox .item .medialist .icon 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);
}
.footer-wrapper .footerlist .f-center .innerbox .item .medialist .icon: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: solid 1px var(--black-ccc);
}
.footer-wrapper .footerlist .f-center .innerbox .item .medialist .icon: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.6);
}
.footer-wrapper .footerlist .f-bottom {
  color: var(--black-666);
}
.footer-wrapper .footerlist .f-bottom .innerbox {
  border-top: solid 1px var(--black-ddd);
  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.34rem 0;
  line-height: 1;
}
@media (max-width:768px) {
  .footer-wrapper .footerlist .f-top .innerbox {
    display: inline-block;
    width: 100%;
  }
  .footer-wrapper .footerlist .f-top .innerbox .item 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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.15rem 0;
  }
  .footer-wrapper .footerlist .f-top .innerbox .item ul {
    padding: 0.2rem 0;
    margin-top: 0.1rem;
    border-top: solid 1px #ddd;
  }
  .footer-wrapper .footerlist .f-center .innerbox {
    display: inline-block;
    width: 100%;
  }
  .footer-wrapper .footerlist .f-center .innerbox .item {
    margin: auto;
    margin-top: 0.5rem;
    text-align: center;
  }
  .footer-wrapper .footerlist .f-center .innerbox .item p {
    text-align: center;
  }
  .footer-wrapper .footerlist .f-bottom .innerbox {
    display: inline-block;
    width: 100%;
  }
  .footer-wrapper .footerlist .f-bottom .innerbox .item {
    margin: 0.1rem 0;
    text-align: center;
    line-height: 1.3;
  }
  .footer-wrapper .footerlist .f-bottom .innerbox .item:nth-child(2) {
    margin-top: 0.2rem;
  }
}
@media (max-width:480px) {
  .footer-wrapper .footerlist .f-center .innerbox {
    padding: 0.8rem 0;
  }
  .footer-wrapper .footerlist .f-center .innerbox .item {
    margin-top: 0.3rem;
  }
  .footer-wrapper .footerlist .f-center .innerbox .item:first-child {
    margin-top: 0;
  }
}
@media (max-width:768px) {
  .footer-wrapper .footerlist .f-top .innerbox {
    display: none;
  }
}
#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%;
}
.container {
  width: 81.25%;
  margin: 0 auto;
}
@media (max-width:1840px) {
  .container {
    width: 100%;
    padding: 0 7.60869565%;
  }
}
@media (max-width:990px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
}


#hi-resume-pop form {
  width: 71.875%;
  max-width: 1380px;
  border-radius: 20px;
  background: url("../images/alertbg.png") no-repeat;
}
#hi-resume-pop form .hi-title-box {
  background: inherit;
  padding: 0 0.64rem;
  border-radius: 20px;
}


#hi-resume-pop form .hi-title-box .hi-close {
  width: 38px;
  height: 38px;
  background: #999999;
  border-radius: 50%;
  top: 0.18rem;
  right: 0.18rem;
  background: #D5DCEB;
}
#hi-resume-pop form .hi-title-box .hi-close:before {
  background-color: var(--active-color);
}
#hi-resume-pop form .hi-title-box .hi-close:after {
  background-color: var(--active-color);
}
#hi-resume-pop form .hi-title-box .hi-title {
  color: var(--black-222);
  padding-top: 0.36rem;
}


#hi-resume-pop form .hi-title-box .t0 {
 
  font-weight: 600;
  color: var(--black-000);
  margin-top: 0.64rem;
  text-align: left;
}
#hi-resume-pop form .hi-title-box .hi-return {
  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;
  position: absolute;
  width: 38px;
  height: 38px;
  background: #999999;
  border-radius: 50%;
  top: 0;
  right: 0.4rem;
  background: #D5DCEB;
}
#hi-resume-pop form .hi-title-box .hi-return a{
    display: flex;
    align-items: start;
}

#hi-resume-pop form .hi-box {
  padding: 0.64rem;
  padding-top: 0;
}
#hi-resume-pop form .hi-box .desc {
  line-height: calc(24/16);
  margin-top: 0.2rem;
  white-space: pre-line;
}
#hi-resume-pop form .hi-box .itembox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.12rem;
  margin-top: 0.4rem;
}
#hi-resume-pop form .hi-box .itembox .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.3rem;
  background: #FFFFFF;
  border-radius: 10px;
  
}
#hi-resume-pop form .hi-box .itembox .item .left{
    height: 1.7rem;
    width: 3rem;
    
}
#hi-resume-pop form .hi-box .itembox .item .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#hi-resume-pop form .hi-box .itembox .item .right .sec-title {
  margin-top: 0.16rem;
}
#hi-resume-pop form .hi-box .itembox .itemlist {
    width: 80%;
    display: flex;
    gap: .2rem;
    overflow: auto;
    
    
}

#hi-resume-pop form .hi-box .itembox .additem {
  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;
  flex-direction: column;
  width: 20%;
  background: #FFFFFF;
  border-radius: 10px;
}
#hi-resume-pop form .hi-box .itembox .additem .icon {
      width: 1rem;
    height: 1rem;
    margin-top: 0.2rem;
  
}
#hi-resume-pop form .hi-box .contact-box {
  margin-top: 0.3rem;
}
#hi-resume-pop form .hi-box .contact-box .row {
  gap: 0.11rem;
}
#hi-resume-pop form .hi-box .contact-box .row .r-item {
  width: 100%;
}
#hi-resume-pop form .hi-box .contact-box .row .r-item input {
  width: 100%;
  height: 0.68rem;
  background: #FFFFFF;
  border-radius: 10px;
}
#hi-resume-pop form .hi-box .contact-box .row1 {
  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: 100%;
}
#hi-resume-pop form .hi-box .contact-box .row1 .r-item {
  flex: 1;
}
#hi-resume-pop form .hi-box .contact-box .row2 {
  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;
}
#hi-resume-pop form .hi-box .contact-box .row2 .r-item {
  width: 33%;
}
#hi-resume-pop form .hi-box .contact-box .row2 .r-item:nth-child(2) {
  width: 66%;
}
#hi-resume-pop form .hi-box .contact-box .public-idx-more {
  width: fit-content;
  margin: auto;
  margin-top: 0.4rem;
}
#hi-resume-pop form .hi-box .imglist {
  width: 100%;
  margin-top: 0.36rem;
}
#hi-resume-pop form .hi-box .imglist .content {
  height: 6rem;
  overflow: auto;
  padding-right: 0.2rem;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result {
  margin-top: 0.3rem;
  gap: 0.3rem;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  text-align: center;
  height: 2.9rem;
  min-height: 290px;
  background: #ffffff;
  border-radius: 20px;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .item .image {
  margin-top: -1rem;
  padding: 0.6rem 0.75rem 0;
  width: 80%;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .item .info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.33rem;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .item .info .name {
  margin-bottom: 0.1rem;
  line-height: 1;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .item .plogo {
  position: absolute;
  width: 100%;
  right: 0.3rem;
  top: 0.33rem;
  text-align: right;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .item .plogo .icon1 {
  width: 1rem;
}
#hi-resume-pop form .hi-box .imglist .content .itemlist-result .item .plogo .icon2 {
  width: 0.3rem;
}
#hi-resume-pop form .hi-box .imglist .operatebox {
  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: 0.2rem;
}

#hi-resume-pop form .right {
  width: 100%;
}
#hi-resume-pop form .right .row {
  width: 100%;
  margin-bottom: 0.2rem;
  gap: 0.2rem;
}
#hi-resume-pop form .right .row .item {
  position: relative;
  padding: 0.16rem 0;
}
#hi-resume-pop form .right .row .item .star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #FF0000;
  position: absolute;
  top: 0.01rem;
  padding-left: 0.18rem;
  height: 100%;
}
#hi-resume-pop form .right .row .item input {
  color: var(--black-333);
  padding-left: 0.3rem;
  border-radius: 10px;
  margin-bottom: 0;
}
#hi-resume-pop form .right .target {
  border-radius: 10px;
  border: 1px solid #ccc;
  gap: 0.5rem;
  padding: 0.16rem 0;
  padding-left: 0.2rem;
}
#hi-resume-pop form .right .target .list {
  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.5rem;
}
#hi-resume-pop form .right .textbox {
  position: relative;
}
#hi-resume-pop form .right .textbox .red {
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
}
#hi-resume-pop form .right .textbox textarea {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 0.2rem 0.3rem;
  height: 1.3rem;
}
#hi-resume-pop form .right .submitbox {
  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: 0.2rem;
}
@media (max-width:1366px) {
  #hi-resume-pop form .hi-box {
    height: 7rem;
    overflow: auto;
  }
}
@media (max-width:990px) {
  #hi-resume-pop form {
    width: 80%;
  }
  #hi-resume-pop form .hi-title-box .hi-close {
    width: 30px;
    height: 30px;
  }
  #hi-resume-pop form .hi-box .contact-box .row1 {
    display: inline-block;
    width: 100%;
  }
  #hi-resume-pop form .hi-box .contact-box .row2 {
    display: inline-block;
    width: 100%;
  }
  #hi-resume-pop form .hi-box .contact-box .row2 .r-item {
    width: 100%;
  }
  #hi-resume-pop form .hi-box .contact-box .row2 .r-item:nth-child(2) {
    width: 100%;
  }
  #hi-resume-pop form .hi-box .contact-box .public-idx-more {
    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;
    gap: 0.1rem;
    width: 100%;
  }
  #hi-resume-pop form .hi-box .contact-box .public-idx-more img {
    object-fit: contain;
  }
}
@media (max-width:768px) {
  #hi-resume-pop form {
    width: 95%;
  }
  #hi-resume-pop form .hi-box {
    height: 8rem;
    overflow: auto;
  }
}
@media (max-width:480px) {
  #hi-resume-pop form .hi-box {
    padding: 0.4rem;
  }
  #hi-resume-pop form .hi-box .itembox {
    display: inline-block;
    width: 100%;
  }
  #hi-resume-pop form .hi-box .itembox .additem {
    width: 100%;
    margin-top: 0.3rem;
    padding: 0.3rem;
  }
  #hi-resume-pop form .hi-title-box .hi-close:before,
  #hi-resume-pop form .hi-title-box .hi-close:after {
    scale: 0.6;
  }
}
.H-box {
  width: 100%;
  height: 0;
  position: relative;
}
@media (max-width:990px) {
  .H-box {
    top: -60px;
  }
}
@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 .addBox {
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  border: 1px solid #DCDEE1;
  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 .addBox img {
  transform: rotate(180deg);
  filter: brightness(0) invert(0.7);
}
.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: rgba(0, 71, 157, 0.1);
}
.tab-ul li.active .top .tab-box .btn .addBox img {
  transform: rotate(0deg);
  filter: inherit;
}
.tab-ul .active .top .tab-box .tab-title {
  color: var(--active-color);
}
@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;
}
.black0 {
  color: var(--black-000);
}
.black1 {
  color: var(--black-111);
}
.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;
  }
}
#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);
}
.public-idx-more {
  background: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
  border-radius: 28px;
  line-height: 1;
  width: fit-content;
  padding: 0.2rem 0.491rem;
  cursor: pointer;
}
.public-idx-more a {
  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.2rem;
  color: var(--white-color);
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.public-idx-more a img {
  width: 14px;
  height: 10px;
}
.public-idx-more:hover a {
  transform: translateX(10px);
  transition: all 0.3s ease-in-out;
}
@keyframes circular {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate {
  animation: circular 60s linear infinite;
}
@keyframes spin {
  0% {
    border-top: 1px solid #000;
    transform: rotate(0deg);
  }
  100% {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(360deg);
  }
}
@-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;
}
.idx-banner {
  position: relative;
}
.idx-banner .innerbox {
  width: 100%;
  height: 9.6rem;
}
.idx-banner .innerbox .image {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.idx-banner .innerbox .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 3s ease-in-out;
  transform: scale(1.1);
}
.idx-banner .innerbox .image .mobile-img {
  display: none;
}
.idx-banner .innerbox .info {
  position: absolute;
  width: 60%;
  top: 3.4rem;
  color: var(--white-color);
}
.idx-banner .innerbox .info .title {
  margin-top: 0.16rem;
  white-space: pre-line;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.idx-banner .innerbox .info .sec-title {
  margin-top: 0.16rem;
  margin-top: 0.35rem;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 0.8s ease-in-out;
}
.idx-banner .innerbox .info .public-idx-more {
  margin-top: 0.47rem;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 1s ease-in-out;
}


@media (max-width:768px) {
   .idx-banner .innerbox .info{
        width: 80%;
   }
  .idx-banner .innerbox .image .pc-img {
    display: none;
  }
  .idx-banner .innerbox .image .mobile-img {
    display: inline-block;
  }
}
@media (max-width:480px) {
   .idx-banner .innerbox .info{
        width: 100%;
   }

}

.idx-banner .swiper-slide-active .image img {
  transform: scale(1);
  transition: all 2s ease-in-out;
}
.idx-banner .swiper-slide-active .info {
  z-index: 2;
}
.idx-banner .swiper-slide-active .info .title {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.idx-banner .swiper-slide-active .info .sec-title {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.8s ease-in-out;
}
.idx-banner .swiper-slide-active .info .public-idx-more {
  transform: translateY(0);
  opacity: 1;
  transition: all 1s ease-in-out;
}
.idx-banner .swiper-button-prev,
.idx-banner .swiper-container-rtl .swiper-button-next {
  background-image: none;
  left: 0;
}
.idx-banner .swiper-button-next,
.idx-banner .swiper-container-rtl .swiper-button-prev {
  background-image: none;
  right: 0;
}
.idx-banner .swiper-button-next,
.idx-banner .swiper-button-prev {
  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-size: auto;
  width: 0.64rem;
  height: 0.64rem;
  background: rgba(0, 0, 0, 0.5);
}
.idx-banner .swiper-pagination {
  display: none;
}
@media (max-width:768px) {
  .idx-banner .swiper-button-prev,
  .idx-banner .swiper-button-next {
    display: none;
  }
  .idx-banner .swiper-pagination {
    display: block;
  }
}
.idx-product-center {
  position: relative;
}
.idx-product-center .publicbg {
  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;
  width: 30%;
  height: 50%;
  margin-top: 12%;
  z-index: 1;
  transform: translateY(50%);
}
.idx-product-center .publicbg .tablist .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;
  width: fit-content;
  cursor: pointer;
  overflow: hidden;
  height: 1rem;
  transition: all 0.5s ease-in-out;
  border-radius: 0px 50px 50px 0px;
  padding: 0.16rem 0rem 0.16rem 0.4rem;
  background-color: var(--white-color);
  margin-top: 0.2rem;
  color: var(--black-666);
  font-size: var(--font20);
}
.idx-product-center .publicbg .tablist .item .icon {
  width: 0.68rem;
  height: 0.68rem;
}
.idx-product-center .publicbg .tablist .item .front {
  transform: translateX(-200px);
  width: 0;
  height: 0;
  opacity: 1;
}
.idx-product-center .publicbg .tablist .item .tabval {
  font-family: 'HONORSansCN-M';
  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: 0.47rem;
  transform: translateX(-45px);
  margin-left: 0.47rem;
}
.idx-product-center .publicbg .tablist .item .tabval .more-icon {
  display: none;
}
.idx-product-center .publicbg .tablist .active {
  transition: all 0.3s ease-in-out;
  gap: 0.95rem;
  background: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
  color: var(--white-color);
  padding: 0.16rem 0.47rem 0.16rem 0.4rem;
}
.idx-product-center .publicbg .tablist .active .icon {
  margin-left: 0;
}
.idx-product-center .publicbg .tablist .active .front {
  transition: all 0.8s ease-in-out;
  transform: translateX(0);
  filter: brightness(0) invert(1);
  width: 0.68rem;
  height: 0.68rem;
}
.idx-product-center .publicbg .tablist .active .tabval {
  transition: all 0.5s ease-in-out;
  gap: 0.18rem;
  transform: translateX(0);
  margin-left: 0;
}
.idx-product-center .publicbg .tablist .active .tabval .behind {
  transform: translateX(-2.85rem);
  transition: all 0.8s ease-in-out;
  filter: brightness(0) invert(1);
  display: none;
}
.idx-product-center .publicbg .tablist .active .tabval .more-icon {
  display: block;
}
.idx-product-center .firstContainer {
  position: relative;
  z-index: 0;
  height: 100%;
}
.idx-product-center .firstContainer .tabcontent {
  position: relative;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.idx-product-center .firstContainer .tabcontent .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.idx-product-center .firstContainer .tabcontent .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx-product-center .firstContainer .tabcontent .info {
  position: relative;
  width: 100%;
  padding: 1.2rem 1.8rem;
}
.idx-product-center .firstContainer .tabcontent .info .title {
  text-align: center;
  color: var(--black-111);
  line-height: 1;
}
.idx-product-center .firstContainer .tabcontent .info .sec-title {
 width: 60%;
    margin: auto;
    margin-top: 0.27rem;
    line-height: calc(28 / 18);
    text-align: center;
}
.idx-product-center .firstContainer .tabcontent .info .slideball {
  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: 0.08rem;
  position: absolute;
  top: 20%;
  right: 17%;
  width: 1.1rem;
  height: 1.1rem;
  background: url("../images/slide-ball.png") no-repeat;
  background-size: cover;
  border-radius: 50%;
  color: var(--white-color);
  z-index: 10;
  display: none;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer {
  transform: translateX(2.2rem) !important;
  width: 72%;
  position: relative;
  cursor: url('../images/cursor.png'), auto;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer::before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 5;
  width: 6.55rem;
  left: -5rem;
  height: 100%;
  background-color: #F1F4FB;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox {
  margin-top: 1.3rem;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.64rem;
  transform: translateX(14%);
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-image {
  width: 3.73rem;
  height: 2.84rem;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info {
  max-width: 5.5rem;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .p-title {
  line-height: 1;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .p-emerge {
  margin-top: 0.15rem;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .p-intro {
  margin-top: 0.35rem;
  white-space: pre-line;
  line-height: calc(28/18);
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-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);
  margin-top: 0.6rem;
  background: linear-gradient(90deg, rgba(0, 71, 157, 0.1) 0%, rgba(34, 160, 218, 0.1) 100%);
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-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);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--active-color);
  opacity: 1;
  gap: 0.2rem;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--active-color);
  opacity: 1;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-more a img {
  width: 14px;
  height: 10px;
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-more: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: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-more:hover a,
.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-more:hover 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: var(--white-color);
}


.idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-more:hover a img {
  filter: brightness(0) invert(1);
}
.idx-product-center .firstContainer .tabcontent .info .secondContainer .swiper-slide-next .innerbox .swiperitem .swiper-image img {
  opacity: 0.4;
}
.idx-product-center .firstContainer .tabcontent .info .girdlist {
  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;
  gap: 0.2rem;
  margin-top: 1rem;
}
.idx-product-center .firstContainer .tabcontent .info .girdlist .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;
  width: 25%;
  cursor: pointer;
  gap: 0.2rem;
  color: var(--black-333);
  background: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #E8EBEF;
  padding: 0.05rem;
}
.idx-product-center .firstContainer .tabcontent .info .girdlist .item .p-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;
  width: 0.9rem;
  height: 0.9rem;
  background: #F6F8F9;
  border-radius: 5px;
  padding: 0.18rem;
}
.idx-product-center .firstContainer .tabcontent .info .girdlist .item .p-icon 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);
}
.idx-product-center .firstContainer .tabcontent .info .girdlist .item:hover .p-icon 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);
}
.idx-product-center .firstContainer .tabcontent .info .girdlist .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);
  border: 1px solid var(--active-color);
  color: var(--active-color);
  box-shadow: 0px 8px 15px -2px rgba(0, 71, 157, 0.3);
}
.idx-product-center .firstContainer .tabcontent .info .swiper-pagination {
  display: none;
}
.idx-product-center .firstContainer .swiper-slide-active .tabcontent {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
@media (max-width:1200px) {
  .idx-product-center .firstContainer .tabcontent .info .innerbox {
    margin-top: 1rem;
  }
}
@media (max-width:1024px) {
  .idx-product-center .firstContainer .tabcontent .info .secondContainer::before {
    width: 4rem;
  }
}
@media (max-width:990px) {
  .idx-product-center {
    height: 100%;
  }
  .idx-product-center .firstContainer .tabcontent .info .girdlist {
    display: none;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer {
    transform: inherit !important;
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width:480px) {
  .idx-product-center .publicbg .tablist .item .tabval .more-icon {
    display: none;
  }
  .idx-product-center .publicbg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 0.5rem;
  }
  .idx-product-center .publicbg .tablist {
    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;
    gap: 0.2rem;
    width: 100%;
  }
  .idx-product-center .publicbg .tablist .item {
    border-radius: 50px;
    height: inherit;
  }
  .idx-product-center .publicbg .tablist .item .icon {
    display: none;
  }
  .idx-product-center .firstContainer .tabcontent .image {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .idx-product-center .firstContainer .tabcontent .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .idx-product-center .firstContainer .tabcontent .info {
    position: relative;
    padding: 20px;
    padding-top: 2.4rem;
  }
  .idx-product-center .firstContainer .tabcontent .info .sec-title {
    white-space: inherit;
    width: 100%;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer {
    transform: inherit;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox {
    margin-top: 0.5rem;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem {
    display: inline-block;
    width: 100%;
    transform: inherit;
    margin-top: .5rem;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem::before {
    display: none;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info {
    margin-top: 0.5rem;
    max-width: inherit;
    padding: 0 .5rem;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info p {
    /*text-align: center;*/
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-info .public-idx-more {
    margin: auto;
    margin-top: 0.2rem;
  }
  .idx-product-center .firstContainer .tabcontent .info .secondContainer .innerbox .swiperitem .swiper-image {
    margin: auto;
  }
  .idx-product-center .firstContainer .tabcontent .info .slideball {
    display: none;
  }
  .idx-product-center .firstContainer .tabcontent .info .swiper-pagination {
    position: relative;
    display: inline-block;
    margin-top: 0.3rem;
  }
}
.idx-product-online {
  padding: 1.2rem 0;
}
.idx-product-online .innerbox {
  position: relative;
  overflow: hidden;
}
.idx-product-online .innerbox .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.idx-product-online .innerbox .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.idx-product-online .innerbox .info {
  position: relative;
  padding: 1.14rem 0.8rem;
  z-index: 1;
}
.idx-product-online .innerbox .info .public-idx-more {
  padding: 0.13rem 0.32rem;
}
.idx-product-online .innerbox .info .public-idx-more:hover a {
  transform: none;
}
.idx-product-online .innerbox .info .public-idx-more a {
  font-size: var(--font18);
}
.idx-product-online .innerbox .info .title {
  margin-top: 0.37rem;
  color: var(--black-111);
}
.idx-product-online .innerbox .info .sec-title {
  margin-top: 0.1rem;
  color: var(--black-333);
  font-size: var(--font18);
}
.idx-product-online .innerbox .info .more {
  margin-top: 0.6rem;
  color: var(--black-333);
  width: 120px;
  overflow: hidden;
}
.idx-product-online .innerbox .info .more .front {
  -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(-0.5rem);
  opacity: 0;
}
.idx-product-online .innerbox .info .more 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);
  transform: translateX(-0.12rem);
}
.idx-product-online .innerbox .info .more .behind {
  -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-left: 0.12rem;
}
.idx-product-online .innerbox .info .more: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);
  transform: translateX(0.12rem);
}
.idx-product-online .innerbox .info .more:hover .front {
  -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(0);
  opacity: 1;
}
.idx-product-online .innerbox .info .more:hover .behind {
  -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(1rem);
}
.idx-product-online .innerbox .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 2px solid #333333;
  background: none;
  opacity: 0.6;
}
.idx-product-online .innerbox .swiper-pagination-bullet-active {
  background-color: var(--active-color);
  border: none !important;
  opacity: 1;
}
@media (max-width:990px) {
  .idx-product-online .innerbox .info {
    padding: 1rem 0.5rem;
  }
}
@media (max-width:480px) {
  .idx-product-online {
    padding: 0.6rem 0;
  }
}
.idx-about-map-wrap {
  padding-bottom: 0.8rem;
  background: var(--bg-f8);
  overflow: hidden;
}
.idx-about-map-wrap .about-section {
  background: url("../images/about-bg.png") no-repeat;
  background-position: top left;
  background-size: contain;
  height: 10rem;
  padding-bottom: 1rem;
}
.idx-about-map-wrap .about-section .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 1.37rem;
}
.idx-about-map-wrap .about-section .innerbox .info {
  width: 40%;
  padding-top: 1.1rem;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
.idx-about-map-wrap .about-section .innerbox .info .title {
  white-space: pre-line;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 3s ease-in-out;
  text-align: justify;
}
.idx-about-map-wrap .about-section .innerbox .info .sec-title {
  margin-top: 0.4rem;
  line-height: calc(34/18);
  white-space: pre-line;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 3s ease-in-out;
}
.idx-about-map-wrap .about-section .innerbox .info .itemlist {
  margin-top: 0.6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 3s ease-in-out;
}
.idx-about-map-wrap .about-section .innerbox .info .itemlist .item {
  border-bottom: solid 1px #DBDFE4;
  padding-bottom: 0.12rem;
  cursor: pointer;
}
.idx-about-map-wrap .about-section .innerbox .info .itemlist .item .num {
  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: 'HONORSansCN-B';
  font-weight: 700;
  line-height: 1;
  gap: 0.1rem;
  color: var(--active-color);
}
.idx-about-map-wrap .about-section .innerbox .info .itemlist .item .num .dw {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
}
.idx-about-map-wrap .about-section .innerbox .info .itemlist .item .intro {
  margin-top: 0.05rem;
  font-size: var(--font18);
  color: var(--black-333);
}
.idx-about-map-wrap .about-section .innerbox .info .itemlist .item::after {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  transition: all 0.5s ease-in-out;
  background: var(--active-color);
}
.idx-about-map-wrap .about-section .innerbox .info .itemlist .item:hover::after {
  width: 100%;
  left: 0;
}
.idx-about-map-wrap .about-section .innerbox .info .public-idx-more {
  margin-top: 0.68rem;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 3s ease-in-out;
}
.idx-about-map-wrap .about-section .innerbox .videowrap {
  position: absolute;
  width: 10rem;
  height: 10rem;
  right: 0;
  overflow: hidden;
}
.idx-about-map-wrap .about-section .innerbox .videowrap .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: circle(50% at 0 100%);
  transform: rotate(180deg);
  transition: all 0.5s ease-in-out;
}
.idx-about-map-wrap .about-section .innerbox .videowrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: rotate(180deg);
}
.idx-about-map-wrap .about-section .innerbox .videowrap .mobile-image {
  display: none;
}
.idx-about-map-wrap .about-section .innerbox .videowrap .play {
  position: absolute;
  top: 56%;
  left: 17%;
  cursor: pointer;
  width: 0.8rem;
  height: 0.8rem;
  transition: all 1s ease-in-out;
}
.idx-about-map-wrap .about-section .scrollactive .videowrap .image {
  clip-path: circle(0vw at 60vw 20vw);
}
.idx-about-map-wrap .about-section .scrollactive .videowrap .play {
  opacity: 0;
  transition: all 1s ease-in-out;
}
@media (max-width:990px) {
  .idx-about-map-wrap .about-section .innerbox .videowrap {
    width: 8rem;
    height: 8rem;
  }
}
@media (max-width:768px) {
  .idx-about-map-wrap {
    padding-bottom: 0;
  }
  .idx-about-map-wrap .about-section .innerbox .info {
    width: 43%;
  }
}
@media (max-width:480px) {
  .idx-about-map-wrap .about-section {
    height: inherit;
  }
  .idx-about-map-wrap .about-section .innerbox {
    display: inline-block;
    width: 100%;
  }
  .idx-about-map-wrap .about-section .innerbox .info {
    width: 100%;
  }
  .idx-about-map-wrap .about-section .innerbox .videowrap {
    position: relative;
    margin-top: 0.5rem;
    width: 100%;
    height: 100%;
  }
  .idx-about-map-wrap .about-section .innerbox .videowrap .image {
    display: none;
  }
  .idx-about-map-wrap .about-section .innerbox .videowrap .mobile-image {
    display: inline-block;
    width: 100%;
  }
  .idx-about-map-wrap .about-section .innerbox .videowrap .play {
    top: calc(50% - 0.4rem);
    left: calc(50% - 0.4rem);
  }
}
.map-section {
  position: relative;
  background: #F8FBFF;
  padding-top: 0.8rem;
  overflow: hidden;
  padding-bottom: 2rem;
}
.map-section .innerbox .mapbox {
  position: relative;
  width: 85%;
  margin: auto;
  transform: translateY(-0.4rem);
}
.map-section .innerbox .mapbox .info {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.map-section .innerbox .mapbox .info .location {
  position: relative;
  width: 0.26rem;
  height: 0.26rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
}
.map-section .innerbox .mapbox .info .location span {
  display: inline-block;
}
.map-section .innerbox .mapbox .info .location::before {
  position: absolute;
  content: '';
  top: 0;
  transform: translateY(-50%);
  width: 2px;
  height: 9.72rem;
  background-color: #E5EAF1;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.map-section .innerbox .mapbox .info .location::after {
  position: absolute;
  content: '';
  left: -6.5rem;
  width: 20rem;
  height: 2px;
  background-color: #E5EAF1;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.map-section .innerbox .mapbox .info .location:hover::before {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.map-section .innerbox .mapbox .info .location:hover::after {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.map-section .innerbox .mapbox .info .location .samll {
  position: absolute;
  width: 0.08rem;
  height: 0.08rem;
  background: #004CBF;
  border-radius: 50%;
}
.map-section .innerbox .mapbox .info .location .samll::before,
.map-section .innerbox .mapbox .info .location .samll::after {
  content: '';
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #0f75db;
  border-radius: 50%;
  left: -0.36rem;
  top: -0.36rem;
  animation: icon-video 3s ease-in-out;
  animation-iteration-count: infinite;
}
.map-section .innerbox .mapbox .info .location .samll::after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.map-section .innerbox .mapbox .info .location .big {
  position: absolute;
  width: 0.26rem;
  height: 0.26rem;
  background: rgba(0, 76, 191, 0.2);
  border-radius: 50%;
}
.map-section .innerbox .mapbox .info .location .country-name {
  font-family: 'HONORSansCN-M';
  white-space: nowrap;
}
.map-section .innerbox .mapbox .info .location .activecolor {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
}
.map-section .innerbox .mapbox .info .location .headoffice {
  position: relative;
}
.map-section .innerbox .mapbox .info .location .headoffice::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 1.4rem;
  left: 0;
  bottom: 0.13rem;
  background-color: var(--active-color);
}
.map-section .innerbox .mapbox .info .location .headoffice:after {
  position: absolute;
  content: '';
  width: 1.7rem;
  height: 1rem;
  left: -0.7rem;
  bottom: 1.33rem;
  background: url(../images/gsb.png) no-repeat;
  background-size: cover;
}
.map-section .innerbox .mapbox .info .area1 {
  top: 35.2%;
  left: 25%;
}
.map-section .innerbox .mapbox .info .area1 .country-name {
  position: absolute;
  left: 0.4rem;
}
.map-section .innerbox .mapbox .info .area2 {
  top: 56%;
  left: 24.5%;
}
.map-section .innerbox .mapbox .info .area2 .country-name {
  position: absolute;
  right: 0.4rem;
}
.map-section .innerbox .mapbox .info .area3 {
  top: 25.2%;
  left: 47%;
}
.map-section .innerbox .mapbox .info .area3:after {
  left: -10rem;
  width: 22rem;
}
.map-section .innerbox .mapbox .info .area3 .country-name {
  position: absolute;
  left: 0.4rem;
}
.map-section .innerbox .mapbox .info .area4 {
  top: 45.5%;
  left: 45.7%;
}
.map-section .innerbox .mapbox .info .area4 .country-name {
  position: absolute;
  right: 0.4rem;
}
.map-section .innerbox .mapbox .info .area5 {
  top: 26.5%;
  left: 56.4%;
}
.map-section .innerbox .mapbox .info .area5 .country-name {
  position: absolute;
  top: 0.4rem;
}
.map-section .innerbox .mapbox .info .area6 {
  top: 33%;
  left: 73.9%;
}
.map-section .innerbox .mapbox .info .area6 .country-name {
  position: absolute;
  right: 0.4rem;
}
.map-section .innerbox .mapbox .info .area7 {
  top: 36.5%;
  left: 74.7%;
}
.map-section .innerbox .mapbox .info .area7 .country-name {
  position: absolute;
  right: 0.4rem;
}
.map-section .innerbox .mapbox .info .area8 {
  top: 37.5%;
  left: 75.7%;
}
.map-section .innerbox .mapbox .info .area8 .country-name {
  position: absolute;
  left: 0.4rem;
}
.map-section .innerbox .mapbox .info .area9 {
  top: 13.5%;
  left: 76%;
}
.map-section .innerbox .mapbox .info .area9 .country-name {
  position: absolute;
  right: 0.4rem;
}
.map-section .innerbox .mapbox .info .area10 {
  top: 13.5%;
  left: 78%;
}
.map-section .innerbox .mapbox .info .area10 .country-name {
  position: absolute;
  right: 0.4rem;
}
.map-section .innerbox .mapbox .info .area11 {
  top: 10.5%;
  left: 79%;
}
.map-section .innerbox .mapbox .info .area11 .country-name {
  position: absolute;
  top: 0.4rem;
}
.map-section .innerbox .mapbox .info .area12 {
  top: 3.5%;
  left: 81%;
}
.map-section .innerbox .mapbox .info .area12 .country-name {
  position: absolute;
  left: 0.4rem;
}
.map-section .innerbox .mapbox .info .area13 {
  top: -0.1%;
  left: 77.2%;
}
.map-section .innerbox .mapbox .info .area13 .country-name {
  position: absolute;
  top: -0.28rem;
  left: 0.2rem;
}
.map-section .innerbox .mapbox .mobilemap {
  display: none;
}
.map-section .innerbox .map-mobile {
  display: none;
}
.map-section .tablist {
  width: 74.358%;
  margin: auto;
  background: #FFFFFF;
  box-shadow: 0px 0px 54px 0px rgba(15, 117, 219, 0.1);
  border-radius: 5px;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0.8rem;
  left: 12.821%;
}
.map-section .tablist ul {
  padding: 0 0.3rem;
}
.map-section .tablist ul 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;
  gap: 0.257rem;
  line-height: 1;
  padding: 0.175rem 0;
  border-top: 1px dashed rgba(149, 154, 165, 0.3);
}
.map-section .tablist ul li:first-child {
  border-top: none;
}
.map-section .tablist ul li .name {
  color: var(--black-111);
}
.map-section .tablist ul li .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;
}
.map-section .tablist ul li .item span {
  cursor: pointer;
  color: var(--black-333);
  padding: 0.05rem 0.23rem;
}
.map-section .tablist ul li .item .active {
  background: linear-gradient(90deg, rgba(0, 71, 157, 0.15) 0%, rgba(34, 160, 218, 0.15) 100%);
  border-radius: 16px;
  color: var(--active-color);
  padding: 0.05rem 0.23rem;
}
@media (max-width:990px) {
  .map-section .tablist {
    width: 80%;
    left: 10%;
  }
}
@media (max-width:768px) {
  .map-section .tablist {
    width: 90%;
    left: 5%;
  }
}
@media (max-width:480px) {
  .map-section {
    padding-bottom: 1rem;
  }
  .map-section .innerbox .mapbox {
    display: none;
  }
  .map-section .innerbox .map-mobile {
    display: inline-block;
    margin-top: 1rem;
  }
  .map-section .tablist {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .map-section .tablist ul {
    padding: 0.3rem;
  }
  .map-section .tablist ul li {
    display: inline-block;
    width: 100%;
  }
  .map-section .tablist ul li .item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 0.3rem;
    gap: 0.2rem;
  }
  .map-section .tablist ul li .item span {
    padding: 0;
  }
  .map-section .tablist ul li .item .active {
    width: fit-content;
  }
}
.idx-news-wrap {
  padding: 1.2rem 0;
}
.idx-news-wrap .news-top {
  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;
}
.idx-news-wrap .news-top .nt-left .title {
  line-height: 1.2;
}
.idx-news-wrap .news-top .nt-left .sec-title {
  margin-top: 0.2rem;
  line-height: 1;
}
.idx-news-wrap .news-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;
  gap: 0.6rem;
  margin-top: 0.4rem;
}
.idx-news-wrap .news-bottom .nb-left {
  width: 43.58974359%;
  cursor: pointer;
}
.idx-news-wrap .news-bottom .nb-left .image {
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
}
.idx-news-wrap .news-bottom .nb-left .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);
  border-radius: 20px 20px 0px 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx-news-wrap .news-bottom .nb-left .image: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);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.idx-news-wrap .news-bottom .nb-left .info {
  padding: 0.4rem 0.3rem;
  background: var(--bg-f9);
  border-radius: 0px 0px 20px 20px;
}
.idx-news-wrap .news-bottom .nb-left .info .time {
  line-height: 1;
}
.idx-news-wrap .news-bottom .nb-left .info .title {
      font-family: 'HONORSansCN-B';
    font-weight: 700;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 0.28rem;
    line-height: calc(34 / 22);
 
}
.idx-news-wrap .news-bottom .nb-left .info .sec-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.1rem;
  line-height: calc(26 / 16);
}
.idx-news-wrap .news-bottom .nb-right {
  width: 52.56410256%;
}
.idx-news-wrap .news-bottom .newslist .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;
  position: relative;
  gap: 0.74rem;
  cursor: pointer;
  border-bottom: solid 1px var(--bg-e6);
  padding: 0.2rem 0;
}
.idx-news-wrap .news-bottom .newslist .item .i-left {
  width: 4.7rem;
}
.idx-news-wrap .news-bottom .newslist .item .i-left .time {
  -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.2rem;
  font-size: var(--font16);
}
.idx-news-wrap .news-bottom .newslist .item .i-left .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  margin-top: 0.28rem;
  font-size: var(--font18);
  min-height: 0.5rem;
}
.idx-news-wrap .news-bottom .newslist .item .i-left .more {
  margin-top: 0.4rem;
}
.idx-news-wrap .news-bottom .newslist .item .i-left .more 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);
  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.12rem;
}
.idx-news-wrap .news-bottom .newslist .item .i-right {
  overflow: hidden;
  border-radius: 20px;
  width: 3rem;
  height: 1.8rem;
}
.idx-news-wrap .news-bottom .newslist .item .i-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);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx-news-wrap .news-bottom .newslist .item .i-right: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);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.idx-news-wrap .news-bottom .newslist .item:after {
  -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;
  content: '';
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  background: var(--active-color);
}
.idx-news-wrap .news-bottom .newslist .item:hover .i-left .time {
  -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);
}
.idx-news-wrap .news-bottom .newslist .item:hover:after {
  -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%;
  left: 0;
}
.idx-news-wrap .news-bottom .newslist .item:hover .i-left .more 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(--black-000);
  transform: translateX(10px);
}
@media (max-width:990px) {
  .idx-news-wrap .news-bottom .newslist .item .i-left .more {
    margin-top: 0.5rem;
  }
  .idx-news-wrap .news-bottom .newslist .item .i-left .title {
    height: inherit;
  }
}
@media (max-width:768px) {
  .idx-news-wrap .news-bottom .newslist .item {
    height: inherit;
    align-items: center;
  }
  .idx-news-wrap .news-bottom .newslist .item .i-left .more {
    position: relative;
    bottom: none;
  }
  .idx-news-wrap .news-bottom {
    display: inline-block;
    width: 100%;
  }
  .idx-news-wrap .news-bottom .nb-left {
    width: 100%;
  }
  .idx-news-wrap .news-bottom .nb-right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (max-width:480px) {
  .idx-news-wrap {
    padding: 0.5rem 0;
  }
  .idx-news-wrap .news-top {
    display: inline-block;
    width: 100%;
  }
  .idx-news-wrap .news-top .public-idx-more {
    margin-top: 0.3rem;
  }
  .idx-news-wrap .news-bottom .newslist .item {
    display: inline-block;
    width: 100%;
  }
  .idx-news-wrap .news-bottom .newslist .item .i-left {
    width: 100%;
  }
  .idx-news-wrap .news-bottom .newslist .item .i-right {
    width: 100%;
    margin-top: 0.2rem;
    height: 2.8rem;
  }
}
.idx-solution-wrap {
  position: relative;
}
.idx-solution-wrap .info {
  position: relative;
  padding: 1.14rem 0;
  z-index: 1;
}
.idx-solution-wrap .info .innerbox {
  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: 1rem;
}
.idx-solution-wrap .info .innerbox .i-left{
    width: 48%;
}
.idx-solution-wrap .info .innerbox .sec-title {
  margin-top: 0.2rem;
  white-space: pre-line;
  line-height: calc(28/18);
}
.idx-solution-wrap .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.idx-solution-wrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:768px) {
  .idx-solution-wrap .info .innerbox {
    display: inline-block;
    width: 100%;
  }
  .idx-solution-wrap .info .innerbox .public-idx-more {
    margin-top: 0.5rem;
  }
}
@media (max-width:480px) {
  .idx-solution-wrap .info {
    padding: 0.7rem 0;
  }
  .idx-solution-wrap .info .innerbox .i-left{
      width: 100%;
  }
}
.public-banner {
  position: relative;
  /*height: 5.6rem;*/
   height: 7rem;
}
.public-banner .svgbox {
  position: absolute;
  width: 53%;
  height: 1.87rem;
  right: 12.3%;
  top: 30%;
  z-index: 1;
  --dashsf: 2750;
}
.public-banner .svgbox .svgline {
  position: absolute;
  z-index: 1;
}
.public-banner .svgbox .svgline .st0 {
  fill: #0000;
  fill: none;
  stroke: url(#shape_2_1_);
  stroke-width: 12;
}
.public-banner .svgbox .svgline .st1 {
  fill: #FFFFFF;
  opacity: 0;
  transition: all 5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.public-banner .svgbox .svgline .st0 {
  fill: #0000;
  stroke-dasharray: 2750;
  stroke-dashoffset: var(--dashsf);
  -webkit-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.public-banner .svgbox.active {
  --dashsf: 0;
}
.public-banner .svgbox.active .st1 {
  opacity: 1;
}
.public-banner .bannerimg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.public-banner .bannerimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.public-banner .bannerimg .mobile-img {
  display: none;
}
.public-banner .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;
  position: relative;
  z-index: 2;
  color: var(--white-color);
  width: 100%;
  height: 100%;
  padding-top: var(--header-height);
}
.public-banner .info .center {
  text-align: center;
}
.public-banner .info .title {
  font-family: 'HarmonyOS_Sans_SC_B';
  
}
.public-banner .info p{
    max-width: 60%;
}
.public-banner .info .sec-title {
  margin-top: 0.2rem;
  line-height: calc(28/18);
  white-space: pre-line;
}
.public-banner .info .morebtn {
  margin-top: 0.58rem;
  width: fit-content;
  background-color: var(--color-active);
  padding: 0.22rem 0.3885rem;
  border-radius: 30px;
  line-height: 1;
}
.public-banner .info .join-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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 0.1rem;
  margin-top: 0.38rem;
}
.public-banner .info .join-more .btn {
  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);
  gap: 0.19rem;
  cursor: pointer;
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  padding: 0.19rem 0.42rem;
  line-height: 1;
}
.public-banner .info .join-more .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);
  background: rgba(0, 71, 157, 0.8);
  border: solid 1px rgba(0, 71, 157, 0.8);
}
.public-banner .info .public-idx-more {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
    .public-banner .info p{
        max-width: 80%;
    }
  .public-banner .svgbox {
    display: none;
  }
  .public-banner .bannerimg .pc-img {
    display: none;
  }
  .public-banner .bannerimg .mobile-img {
    display: inline-block;
  }
  .public-banner .info .sec-title {
    width: 80%;
  }
  .public-banner .info .join-more{
      display: inline-block; width:100%;
  }
  .public-banner .info .join-more .btn{
    margin-bottom: .2rem;
    justify-content: center;
  }
}
@media (max-width:480px) {
    
    .public-banner{
        height: 8.6rem;
    }
    .pro-banner .info{
       align-items: start;
        padding-top: 2.5rem;
    }
     .public-banner .info p{
        max-width: 100%;
    }
  .public-banner .info .sec-title {
    width: 100%;
    white-space: inherit;
  }
}
.join-banner {
  height: 9.6rem;
}
.join-banner .info {
  padding-top: inherit;
}
.join-banner .title{text-align:center;    margin: auto;}
#demo-laypage-normal-2 {
  text-align: center;
}
#demo-laypage-normal-2 .layui-laypage {
  margin: auto;
  padding: 0.79rem 0;
}
#demo-laypage-normal-2 .layui-laypage > a:first-child,
#demo-laypage-normal-2 .layui-laypage > a:first-child em,
#demo-laypage-normal-2 .layui-laypage > a:last-child,
#demo-laypage-normal-2 .layui-laypage > a:last-child em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#demo-laypage-normal-2 .layui-laypage a,
#demo-laypage-normal-2 .layui-laypage span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: auto;
  border-radius: 50%;
  margin: 0 0.05rem;
}
#demo-laypage-normal-2 .layui-laypage .layui-laypage-curr .layui-laypage-em {
  border-radius: 50%;
  background-color: var(--active-color);
}
#demo-laypage-normal-2 .layui-laypage a:hover {
  color: var(--white-color);
  color: #ffffff;
  background: var(--active-color);
  border-radius: 50%;
}
#demo-laypage-normal-2 .layui-laypage a:hover img {
  filter: brightness(0) invert(1);
}
.layui-form-checkbox[lay-skin=primary]:hover>i{
    border-color: #00479d;
}
@media (max-width:1280px) {
  #demo-laypage-normal-2 .layui-laypage a,
  #demo-laypage-normal-2 .layui-laypage span {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
@media (max-width:480px) {
  #demo-laypage-normal-2 .layui-laypage a,
  #demo-laypage-normal-2 .layui-laypage span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.pagination-operate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.16rem;
}
.pagination-operate .btn {
  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;
  width: 0.47rem;
  height: 0.47rem;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  border: 1px solid #DCDEE1;
  background-color: var(--white-color);
}
.pagination-operate .prebtn,
.pagination-operate .nextbtn {
  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);
  border: 1px solid rgba(2, 5, 8, 0.3);
}
.pagination-operate .prebtn:hover,
.pagination-operate .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);
}
.pagination-operate .prebtn:hover img,
.pagination-operate .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);
}
.pagination-operate .bgwhite {
  border: none;
  background-color: #fff;
}
@media (max-width:990px) {
  .pagination-operate .prebtn img,
  .pagination-operate .nextbtn img {
    scale: 0.8;
  }
}
.whiteborder .prebtn,
.whiteborder .nextbtn {
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.whiteborder .prebtn img,
.whiteborder .nextbtn img {
  filter: brightness(0) invert(1);
}

.nav-brand {
  background: linear-gradient(90deg, #EAEFF5 0%, #F5F8FB 100%);
}
.nav-brand .innerbox {
  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.27rem 0;
  font-size: var(--fotn16);
}
.nav-brand .innerbox .left {
  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;
}
.nav-brand .innerbox .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;
  gap: 0.45rem;
}
.nav-brand .innerbox .right a {
  position: relative;
  -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
  color: var(--black-333);
}
.nav-brand .innerbox .right a::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  height: 2px;
  background-color: var(--active-color);
}
.nav-brand .innerbox .right .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(--active-color);
}
.nav-brand .innerbox .right .active::after {
  opacity: 1;
  bottom: -0.26rem;
}
@media (max-width:768px) {
    .nav-brand .innerbox .right{
        display: none;
    }
}

@media (max-width:480px) {
  .nav-brand .innerbox {
    display: inline-block;
    width: 100%;
  }
  .nav-brand .innerbox .left {
    display: none;
  }
}

.newswrap {
  padding: 1.2rem 0;
  position: relative;
  overflow: hidden;
  background: #F6F6F6;
  background: url("../images/news-recommentbg.png") no-repeat;
}
.newswrap .newstitle {
  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;
}
.newswrap .newbanner {
  overflow: hidden;
}
.newswrap .newbanner .swiperlist {
  margin-top: 0.36rem;
}
.newswrap .newbanner .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
  width: 100%;
  background: #FFFFFF;
  border-radius: 20px;
  padding: 0.3rem;
}
.newswrap .newbanner .innerbox .n-left {
  width: 45.5%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
}
.newswrap .newbanner .innerbox .n-left 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;
  border-radius: 10px;
}
.newswrap .newbanner .innerbox .n-left: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);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.newswrap .newbanner .innerbox .n-right {
  width: calc(100% - 45.5%);
  padding-left: 0.2rem;
}
.newswrap .newbanner .innerbox .n-right .time {
  line-height: 1;
  margin-top: 0.35rem;
}
.newswrap .newbanner .innerbox .n-right .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: 0.4rem;
  font-size: var(--font22);
}
.newswrap .newbanner .innerbox .n-right .info {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: calc(30/16);
  margin-top: 0.3rem;
}
.newswrap .newbanner .innerbox .n-right .public-idx-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);
  position: relative;
  margin-top: 0.67rem;
}
.newswrap .newbanner .innerbox .n-right .public-idx-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);
}
.newswrap .newbanner .innerbox .n-right: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(--color-active);
}
.newswrap .newbanner .innerbox .n-right:hover .public-detail {
  -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);
}
.newswrap .newbanner .innerbox .n-right:hover .public-detail .grey 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;
}
.newswrap .newbanner .swiper-pagination {
  position: relative;
  width: 100%;
  margin-top: 0.5rem;
}
.newswrap .newbanner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #999999;
  opacity: 1;
  background: rgba(255, 255, 255, 0);
  margin: 0 0.1rem;
}
.newswrap .newbanner .swiper-pagination-bullet-active {
  border: 2px solid var(--color-active);
  background: var(--color-active);
}
@media (max-width:990px) {
  .newswrap .newbanner .innerbox .n-left {
    height: inherit;
  }
  .newswrap .newbanner .innerbox .n-right .public-idx-more {
    position: relative;
    bottom: inherit;
    margin-top: 0.54rem;
  }
}
@media (max-width:768px) {
  .newswrap {
    padding: 0.8rem 0;
  }
  .newswrap .newbanner .innerbox {
    display: inline-block;
    width: 100%;
  }
  .newswrap .newbanner .innerbox .n-left {
    width: 100%;
  }
  .newswrap .newbanner .innerbox .n-right {
    width: 100%;
  }
  .newswrap .newbanner .innerbox .n-right .public-idx-more {
    position: relative;
    margin-top: 0.7rem;
    bottom: inherit;
  }
}
@media (max-width:480px) {
  .newswrap {
    padding: 0.6rem 0;
  }
  .newswrap .newstitle .pagination-operate {
    display: none;
  }
}
.newlist-wrap {
  padding: 1rem 0;
  position: relative;
}
.newlist-wrap .newtitle {
  margin-bottom: 0.4rem;
}
.newlist-wrap .innerbox {
  gap: 0.6rem;
}
.newlist-wrap .innerbox .item .image {
  height: 2.88rem;
  background: #AEAEAE;
  border-radius: 0.2rem;
  overflow: hidden;
}
.newlist-wrap .innerbox .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;
  border-radius: 0.2rem;
}
.newlist-wrap .innerbox .item .info {
  z-index: 2;
  position: relative;
}
.newlist-wrap .innerbox .item .info a {
  width: 100%;
}
.newlist-wrap .innerbox .item .info .time {
  line-height: 1;
  margin-top: 0.2rem;
}
.newlist-wrap .innerbox .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);
  margin-top: 0.12rem;
  font-size: var(--font18);
  text-align: left;
}
.newlist-wrap .innerbox .item .info .more {
  margin-top: 0.3rem;
}
.newlist-wrap .innerbox .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);
  
  scale: 1.05;
}
.newlist-wrap .innerbox .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);
}
@media (max-width:768px) {
  .newlist-wrap {
    padding: inherit;
  }
}
@media (max-width:480px) {
  .newlist-wrap .innerbox {
    grid-template-columns: repeat(1, 1fr);
  }
  .newlist-wrap .innerbox .item {
    width: 100%;
  }
  .newlist-wrap .innerbox .item a {
    width: 100%;
  }
}
.article-wrap{
    text-align: center;
}
.article-wrap .title{
    text-align: center;
}
.article-wrap .time{
    justify-content: center;
}

.news-detail-wrap {
  background: #F0F5FB;
  padding-top: var(--header-height);

}
.news-detail-wrap .innerbox {
  
  margin-top: var(--header-height);
  overflow: hidden;
}

.news-detail-wrap .innerbox .swiperbox {
   
    overflow: hidden;
}

.news-detail-wrap .innerbox img{
    width: 100%;
    height: inherit !important;
    background-size: contain;
    margin-left: 50%;
    transform: translateX(-50%);
}

.news-detail-wrap .innerbox .title {
  
 
}
.news-detail-wrap .innerbox .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
 
  gap: 0.1rem;
  padding: 0.3rem 0;
  text-align: center;
  border-bottom: solid 1px #E7EBEF;
}
.news-detail-wrap .innerbox .desc {
  margin-top: 0.8rem;
  line-height: calc(32/18);
}
.news-detail-wrap .innerbox .desc p {
  margin-top: 0.2rem;
}
.news-detail-wrap .innerbox .img {
  margin-top: 0.5rem;
  text-align: center;
}
.news-detail-wrap .innerbox .return-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: solid 1px #E7EBEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.news-detail-wrap .innerbox .return-wrap .left{
    text-align: left;
}
.news-detail-wrap .innerbox .return-wrap .left p {
  margin-top: 0.2rem;
}
.news-detail-wrap .innerbox .return-wrap .left p: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);
  text-decoration: underline;
  color: var(--active-color);
}
.news-detail-wrap .innerbox .return-wrap .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.26rem;
}
.news-detail-wrap .innerbox .return-wrap .right .public-idx-more a{
    white-space: nowrap;
}

.news-detail-wrap .innerbox .return-wrap .right .public-idx-more a img{
    margin-left: inherit;
}
@media (max-width:990px) {
  .news-detail-wrap .innerbox .return-wrap {
    display: inline-block;
    width: 100%;
  }
  .news-detail-wrap .innerbox .return-wrap .right {
    margin-top: 0.5rem;
  }
}
@media (max-width:480px) {
    .news-detail-wrap .innerbox .title{
        white-space: inherit;
    }
  .news-detail-wrap .innerbox{
      padding: .4rem;
  }
}



.headquarters-wrap {
  position: relative;
  background: url("../images/headquarters-bg.jpg") no-repeat;
}
.headquarters-wrap .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;
  padding: 1rem 0 1.69rem 0;
}
.headquarters-wrap .innerbox .left {
  width: 60%;
}
.headquarters-wrap .innerbox .left .image .textimg {
  position: absolute;
  left: 0;
  width: 54.9%;
}
.headquarters-wrap .innerbox .left .image .houseimg {
  position: absolute;
  left: 0;
  width: 54.9%;
  bottom: 0;
  height: 5.66rem;
}
.headquarters-wrap .innerbox .left .image .houseimg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.headquarters-wrap .innerbox .right {
  width: 40%;
}
.headquarters-wrap .innerbox .right .addr {
  line-height: 1;
  margin-top: 0.3rem;
}
.headquarters-wrap .innerbox .right .addr img {
  width: 0.22rem;
  height: 0.28rem;
}
.headquarters-wrap .innerbox .right .itemlist {
  margin-top: 1.2rem;
}
.headquarters-wrap .innerbox .right .itemlist .item {
  margin-top: 0.88rem;
}
.headquarters-wrap .innerbox .right .itemlist .item .title {
  position: relative;
  padding-bottom: 0.23rem;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding-left: 0.23rem;
}
.headquarters-wrap .innerbox .right .itemlist .item .title:before {
  position: absolute;
  content: '';
  left: 0;
  width: 6px;
  height: 6px;
  background: #00479D;
  top: 55%;
  margin-top: -0.23rem;
  transform: translateY(50%);
}
.headquarters-wrap .innerbox .right .itemlist .item .gridlist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-top: 0.36rem;
}
.headquarters-wrap .innerbox .right .itemlist .item .gridlist .block .name {
  line-height: 1;
}
.headquarters-wrap .innerbox .right .itemlist .item .gridlist .block .num {
  margin-top: 0.1rem;
  line-height: 1;
}
.headquarters-wrap .innerbox .right .itemlist .item:first-child {
  margin-top: 0;
}
.headquarters-wrap .innerbox .right .medialist {
  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.15rem;
  margin-top: 1.5rem;
  display: none;
}
.headquarters-wrap .innerbox .right .medialist .mediaitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.1rem;
}
.headquarters-wrap .innerbox .right .medialist .mediaitem .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;
  cursor: pointer;
  width: 0.56rem;
  height: 0.56rem;
  min-width: 35px;
  min-height: 0.35px;
  border-radius: 28px;
  border: 2px solid rgba(0, 71, 157, 0.1);
}
.headquarters-wrap .innerbox .right .medialist .mediaitem .icon img {
  width: 0.22rem;
  height: 0.22rem;
}
.headquarters-wrap .innerbox .right .medialist .mediaitem .icon img 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;
}
.headquarters-wrap .innerbox .right .medialist .mediaitem .icon: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);
}
.headquarters-wrap .innerbox .right .medialist .mediaitem .icon: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);
}
@media (max-width:768px) {
  .headquarters-wrap .innerbox .right .itemlist .item .gridlist {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
@media (max-width:480px) {
    .headquarters-wrap{
        height: 16rem;
    
    
    background-size: cover;
    }
  .headquarters-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .headquarters-wrap .innerbox .left {
    width: 100%;
  }
  .headquarters-wrap .innerbox .left .image .textimg {
    width: 100%;
    bottom: 0;
  }
  .headquarters-wrap .innerbox .left .image .houseimg {
    width: 100%;
    bottom: 3%;
    z-index: -1;
  }
  .headquarters-wrap .innerbox .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.contactlist-wrap {
  padding: 1rem 0;
  position: relative;
  background: #F7F9FB;
}
.contactlist-wrap .newtitle {
  margin-bottom: 0.4rem;
}
.contactlist-wrap .innerbox {
  gap: 0.3rem;
  margin-top: 0.6rem;
  grid-template-columns: repeat(2, 1fr);
}
.contactlist-wrap .innerbox .item {
  border-radius: 20px;
  background-color: var(--white-color);
  padding: 0.6rem 0.4rem;
  border: 1px solid #E8EBEF;
}
.contactlist-wrap .innerbox .item .cname {
  white-space: pre-line;
}
.contactlist-wrap .innerbox .item .bot {
  border-top: solid 1px #E7EBEF;
  margin-top: 0.2rem;
  padding-top: 0.3rem;
}
.contactlist-wrap .innerbox .item .bot .addr {
  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;
  margin-top: 0.1rem;
}
.contactlist-wrap .innerbox .item .bot .name {
    display: inline-block;
  width: fit-content;
  min-width: 60px;
}
@media (max-width:768px) {
  .contactlist-wrap .innerbox {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:480px) {
  .contactlist-wrap {
    padding: 0.5rem 0;
  }
  .contactlist-wrap .innerbox {
    grid-template-columns: repeat(1, 1fr);
  }
}
.contact-form-wrap {
  padding: 1rem 0;
}
.contact-form-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.contact-form-wrap .innerbox .left {
  width: 25%;
}
.contact-form-wrap .innerbox .right {
  width: 75%;
}
.contact-form-wrap .innerbox .right .row {
  width: 100%;
  margin-bottom: 0.2rem;
  gap: 0.2rem;
}
.contact-form-wrap .innerbox .right .row .item {
  position: relative;
  background: #F7F9FB;
  border-radius: 10px;
  border: 1px solid #E8EBEF;
  padding: 0.16rem 0;
}
.contact-form-wrap .innerbox .right .row .item .star {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #FF0000;
  position: absolute;
  top: 0.01rem;
  padding-left: 0.18rem;
  height: 100%;
}
.contact-form-wrap .innerbox .right .row .item input {
  color: var(--black-333);
  padding-left: 0.3rem;
}
.contact-form-wrap .innerbox .right .target {
  background: #F7F9FB;
  border-radius: 10px;
  border: 1px solid #E8EBEF;
  gap: 0.5rem;
  padding: 0.16rem 0;
  padding-left: 0.2rem;
}
.contact-form-wrap .innerbox .right .target .list {
  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.5rem;
}
.contact-form-wrap .innerbox .right .textbox {
  position: relative;
}
.contact-form-wrap .innerbox .right .textbox .red {
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
}
.contact-form-wrap .innerbox .right .textbox textarea {
  width: 100%;
  background: #F7F9FB;
  border-radius: 10px;
  border: 1px solid #E8EBEF;
  padding: 0.2rem 0.3rem;
  height: 1.3rem;
}
.contact-form-wrap .innerbox .right .submitbox {
  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: 0.2rem;
}
@media (max-width:768px) {
  .contact-form-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .contact-form-wrap .innerbox .left {
    width: 100%;
  }
  .contact-form-wrap .innerbox .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (max-width:480px) {
  .contact-form-wrap .innerbox .right .row {
    grid-template-columns: repeat(1, 1fr);
  }
  .contact-form-wrap .innerbox .right .target {
    display: inline-block;
    width: 100%;
  }
  .contact-form-wrap .innerbox .right .target .list {
    gap: 0;
    margin-top: 0.3rem;
    display: grid;
  }
  .contact-form-wrap .innerbox .right .submitbox {
    display: inline-block;
    width: 100%;
  }
  .contact-form-wrap .innerbox .right .submitbox .submit {
    width: 100%;
  }
  .contact-form-wrap .innerbox .right .submitbox .submit a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.layui-form-checked[lay-skin=primary] > i {
  border-color: var(--active-color) !important;
  background-color: var(--active-color);
}
.join-section-one {
  position: relative;
  height: 7.44rem;
  background: url("../images/join-section-one.jpg") no-repeat;
}
.join-section-one .title {
  line-height: 1;
  padding-top: 1rem;
}
.join-section-one .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;
  margin-top: 0.4rem;
  gap: .5rem;
}
.join-section-one .innerbox .left {
  width: 60%;
}
.join-section-one .innerbox .left .desc {
  line-height: calc(32 / 18);
  max-width: 721px;
}
.join-section-one .innerbox .left .desc p {
  margin-bottom: 0.1rem;
}
.join-section-one .innerbox .left .public-idx-more {
  margin-top: 0.84rem;
}
.join-section-one .innerbox .left .image .textimg {
  position: absolute;
  left: 0.25rem;
  width: 58.958%;
  bottom: 0;
  animation: moveRight 8s linear infinite;
}
.join-section-one .innerbox .right {
  width: 40%;
  max-width: 6.22rem;
}
.join-section-one .innerbox .right .image img {
  border-radius: 20px;
}
@media (max-width:768px) {
    .join-section-one{
        height: inherit;
        padding-bottom: 1rem;
    }
}


@media (max-width:480px) {
  .join-section-one {
    height: inherit;
  }
  .join-section-one .title {
    padding-top: 0.6rem;
  }
  .join-section-one .innerbox {
    display: inline-block;
    width: 100%;
  }
  .join-section-one .innerbox .left {
    width: 100%;
  }
  .join-section-one .innerbox .right {
    width: 100%;
    margin-top: 0.5rem;
    max-width: inherit;
  }
}
.join-section-two {
  padding: 1rem 0;
}
.join-section-two .innerbox .title {
  line-height: 1;
}
.join-section-two .innerbox .desc {
  white-space: pre-line;
  margin-top: 0.35rem;
}
.join-section-two .innerbox .itemlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.3rem;
  margin-top: 0.55rem;
}
.join-section-two .innerbox .itemlist .item {
  position: relative;
  width: 25%;
  transition: width 0.5s ease-in-out;
  background: linear-gradient(90deg, #F7F9FB 0%, #F0F6FC 100%);
  border-radius: 14px;
  border: 1px solid;
  border-image: linear-gradient(58deg, #D9E5F3 0%, #F0F6FC 100%);
  padding: 0.4rem 0.3rem;
  cursor: pointer;
  height: 350px;
}
.join-section-two .innerbox .itemlist .item .top {
  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-bottom: 0.29rem;
}
.join-section-two .innerbox .itemlist .item .top .t-title {
  opacity: 0;
}
.join-section-two .innerbox .itemlist .item .top .icon {
  width: 0.53rem;
  height: 0.53rem;
}
.join-section-two .innerbox .itemlist .item .top .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.join-section-two .innerbox .itemlist .item .bottom {
  border-top: solid 1px rgba(0, 71, 157, 0.1);
  display: none;
}
.join-section-two .innerbox .itemlist .item .bottom .f-title {
  color: var(--black-111);
  padding-top: 0.25rem;
  font-size: var(--font20);
}
.join-section-two .innerbox .itemlist .item .bottom .f-desc {
  color: var(--black-666);
  font-size: var(--font18);
  margin-top: 0.1rem;
  line-height: calc(32/18);
}
.join-section-two .innerbox .itemlist .item .inroduce {
  font-family: 'HONORSansCN-M';
  color: var(--color-active);
  color: var(--active-color);
  position: absolute;
  bottom: 0.65rem;
  font-size: var(--font28);
}
.join-section-two .innerbox .itemlist .item:nth-child(3) .top .icon {
  width: 0.45rem;
  height: 0.45rem;
}
.join-section-two .innerbox .itemlist .active {
  width: 50%;
  transition: width 0.5s ease-in-out;
}
.join-section-two .innerbox .itemlist .active .top .t-title {
  opacity: 1;
}
.join-section-two .innerbox .itemlist .active .bottom {
  display: block;
}
.join-section-two .innerbox .itemlist .active .inroduce {
  display: none;
}
@media (max-width:1280px) {
  .join-section-two .innerbox .itemlist .item {
    height: inherit;
  }
}
@media (max-width:480px) {
  .join-section-two .innerbox .itemlist {
    display: inline-block;
    width: 100%;
  }
  .join-section-two .innerbox .itemlist .item {
    width: 100%;
    margin-bottom: 0.2rem;
  }
}
.join-section-three {
  position: relative;
  background: #EEF2F7;
}
.join-section-three .innerbox {
  text-align: center;
}
.join-section-three .innerbox .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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 9.02rem;
  height: 9.02rem;
  margin: auto;
}
.join-section-three .innerbox .image .title {
  color: var(--white-color);
  color: #ffffff;
  position: absolute;
  width: 100%;
  font-size: var(--font24);
}
.join-section-three .innerbox .info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.join-section-three .innerbox .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;
}
.join-section-three .innerbox .info .itemlist .item {
  padding: 0.1rem 0.2rem;
  background: #FFFFFF;
  border-radius: 28px;
  width: 24%;
}
.join-section-three .innerbox .info .itemlist1 {
  position: absolute;
  top: 2.26rem;
  width: 100%;
}
.join-section-three .innerbox .info .itemlist1 .item1 {
  position: absolute;
  left: 15.83%;
}
.join-section-three .innerbox .info .itemlist1 .item2 {
  position: absolute;
  left: 59.6875%;
}
.join-section-three .innerbox .info .itemlist2 {
  position: absolute;
  top: 4.02rem;
  width: 100%;
}
.join-section-three .innerbox .info .itemlist2 .item1 {
  position: absolute;
  left: 11.1458%;
}
.join-section-three .innerbox .info .itemlist2 .item2 {
  position: absolute;
  left: 64.375%;
}
.join-section-three .innerbox .info .itemlist3 {
  position: absolute;
  top: 5.78rem;
  width: 100%;
}
.join-section-three .innerbox .info .itemlist3 .item1 {
  position: absolute;
  left: 15.83%;
}
.join-section-three .innerbox .info .itemlist3 .item2 {
  position: absolute;
  left: 59.6875%;
}
.join-section-three .innerbox .pointbox {
  position: absolute;
  top: 0;
  width: 9.02rem;
  height: 9.02rem;
  left: 50%;
  transform: translateX(-50%);
}
.join-section-three .innerbox .pointbox .circlebox {
  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;
  width: 100%;
  height: 100%;
}
.join-section-three .innerbox .pointbox .circle {
  position: absolute;
}
.join-section-three .innerbox .pointbox .circle::before {
  position: absolute;
  content: '';
}
.join-section-three .innerbox .pointbox .circle1 {
  width: 100%;
  height: 100%;
  animation: circular 20s linear infinite;
}
.join-section-three .innerbox .pointbox .circle1::before {
  width: 0.1rem;
  height: 0.1rem;
  background: #00479D;
  border-radius: 50%;
  opacity: 0.2;
  transform: translateY(-50%);
}
.join-section-three .innerbox .pointbox .circle2 {
  width: 89.8%;
  height: 89.8%;
  animation: circular 10s linear infinite;
}
.join-section-three .innerbox .pointbox .circle2::before {
  width: 0.12rem;
  height: 0.12rem;
  background: #00479D;
  border-radius: 50%;
  opacity: 0.3;
}
.join-section-three .innerbox .pointbox .circle3 {
  width: 70.9534%;
  height: 70.9534%;
  animation: circular 5s linear infinite;
}
.join-section-three .innerbox .pointbox .circle3::before {
  width: 0.1rem;
  height: 0.1rem;
  background: #00479D;
  border-radius: 50%;
  opacity: 0.3;
  transform: translateY(-50%);
}
.join-section-three .innerbox .pointbox .circle4 {
  width: 53.215%;
  height: 53.215%;
  animation: circular 15s linear infinite;
}
.join-section-three .innerbox .pointbox .circle4::before {
  width: 0.1rem;
  height: 0.1rem;
  background: #00479D;
  border-radius: 50%;
  transform: translateY(-50%);
}
.join-section-three .innerbox .pointbox .circle5 {
  width: 53.215%;
  height: 53.215%;
  animation: circular 6s linear infinite;
}
.join-section-three .innerbox .pointbox .circle5::before {
  width: 0.1rem;
  height: 0.1rem;
  background: #00479D;
  border-radius: 50%;
  transform: translateY(-50%);
}
@media (max-width:1280px) {
  .join-section-three .innerbox .info .itemlist .item {
    line-height: 1.2;
    font-size: 12px;
    width: 25%;
  }
}
@media (max-width:480px) {
  .join-section-three .innerbox .image {
    width: 7rem;
    height: 7rem;
  }
  .join-section-three .innerbox .info .itemlist .item {
    width: 60%;
    scale: 0.6;
  }
  .join-section-three .innerbox .info .itemlist1 {
    top: 1.8rem;
  }
  .join-section-three .innerbox .info .itemlist1 .item1 {
    left: -5%;
  }
  .join-section-three .innerbox .info .itemlist1 .item2 {
    left: 45%;
  }
  .join-section-three .innerbox .info .itemlist2 {
    top: 3rem;
  }
  .join-section-three .innerbox .info .itemlist2 .item1 {
    left: -10%;
  }
  .join-section-three .innerbox .info .itemlist2 .item2 {
    left: 50%;
  }
  .join-section-three .innerbox .info .itemlist3 {
    top: 4.5rem;
  }
  .join-section-three .innerbox .info .itemlist3 .item1 {
    left: -5%;
  }
  .join-section-three .innerbox .info .itemlist3 .item2 {
    left: 50%;
  }
  .join-section-three .innerbox .pointbox {
    width: 7rem;
    height: 7rem;
  }
}
.join-section-four {
  position: relative;
}
.join-section-four .innerbox {
  padding: 1rem 0;
  overflow: hidden;
}
.join-section-four .innerbox .title {
  text-align: center;
}
.join-section-four .innerbox .itemlist {
  margin-top: 0.43rem;
}
.join-section-four .innerbox .itemlist .item {
  cursor: pointer;
}
.join-section-four .innerbox .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);
  border-radius: 20px;
  height: 3.2rem;
  overflow: hidden;
}
.join-section-four .innerbox .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;
  border-radius: 20px;
}
.join-section-four .innerbox .itemlist .item .name {
  text-align: center;
  margin-top: 0.19rem;
}
.join-section-four .innerbox .itemlist .item:hover .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);
}
.join-section-four .innerbox .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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.join-section-four .innerbox .itemlist .pagination-operate {
  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;
  position: absolute;
  top: 0;
  left: 0;
  width: 92%;
  height: 100%;
  z-index: 10;
  left: 4%;
}
.join-section-four .innerbox .itemlist .swiper-pagination {
  display: none;
}
@media (max-width:768px) {
  .join-section-four .innerbox .itemlist .pagination-operate {
    display: none;
  }
  .join-section-four .innerbox .itemlist .swiper-pagination {
    display: inline-block;
  }
}
.employ-wrap {
  padding: 1.2rem 0;
}
.employ-wrap .employ-tabitem {
  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: 0.1rem;
}
.employ-wrap .employ-tabitem .item {
  line-height: 1;
  background: #EDEDED;
  border-radius: 28px;
  padding: 0.2rem 0.36rem;
  cursor: pointer;
}
.employ-wrap .employ-tabitem .active {
  background: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
  color: var(--white-color);
}
.employ-wrap .innerbox {
  overflow: auto;
  margin-top: 0.42rem;
}
.employ-wrap .innerbox .more {
  display: block;
  position: absolute;
  right: 0.5rem;
  transform: rotate(180deg);
  filter: brightness(0) invert(0.5);
  padding-left: 0 !important;
}
.employ-wrap .innerbox .rowtitle {
  border-top: solid 2px var(--color-active);
  background: rgba(0, 71, 157, 0.05);
}
.employ-wrap .innerbox .rowtitle span {
  font-family: 'HONORSansCN-M';
  color: var(--black-333);
  flex: 1;
  padding-left: 0.3rem;
}
.employ-wrap .innerbox .rowtitle span:last-child {
  width: 0.5rem !important;
}
.employ-wrap .innerbox .rowline {
  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;
  height: 0.6rem;
}
.employ-wrap .innerbox .tab-ul li {
  margin-bottom: 0;
  border-bottom: solid 1px #E7EBEF;
}
.employ-wrap .innerbox .tab-ul li .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--black-333);
  border-radius: 0;
  background-color: #fff;
  padding: 0;
  height: 0.6rem;
  border-top: none;
}
.employ-wrap .innerbox .tab-ul li .top .tab-box {
  width: 100%;
  grid-gap: 0;
}
.employ-wrap .innerbox .tab-ul li .top .tab-box .tab-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.employ-wrap .innerbox .tab-ul li .top .tab-box .tab-title span {
  flex: 1;
  padding-left: 0.3rem;
}
.employ-wrap .innerbox .tab-ul li .top .tab-box .addBox {
  position: absolute;
  right: 0.3rem;
}
.employ-wrap .innerbox .tab-ul li .bom .item {
  padding: 0 0.3rem;
}
.employ-wrap .innerbox .tab-ul li .bom .item .content {
  margin-top: 0.15rem;
  line-height: calc(26/14);
}
.employ-wrap .innerbox .tab-ul li .bom .item .content p {
  font-size: var(--font14);
  color: var(--black-333);
}
.employ-wrap .innerbox .tab-ul .active {
  background: rgba(0, 71, 157, 0.02);
}
.employ-wrap .innerbox .tab-ul .active .top {
  background-color: rgba(255, 255, 255, 0);
}
.employ-wrap .innerbox .tab-ul .active .top .tab-box {
  padding-bottom: 0.1rem;
}
.employ-wrap .innerbox .tab-ul .active .top .addBox {
  position: absolute;
  right: 0.3rem;
  background: rgba(0, 71, 157, 0.1);
  border: none;
}
.employ-wrap .innerbox .tab-ul .active .top .addBox img {
  filter: inherit;
}
.employ-wrap .innerbox .tab-ul .active .bom .spantab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.1rem;
  border-top: 1px dashed #D9DFE4;
  padding: 0.4rem 0.3rem;
}
.employ-wrap .innerbox .tab-ul .active .bom .spantab .tag {
  color: var(--active-color);
  padding: 0.1rem 0.2rem;
  line-height: 1;
  border-radius: 20px;
  background: rgba(0, 71, 157, 0.1);
}
.employ-wrap .innerbox .tab-ul .active span:first-child {
  color: var(--color-active);
  color: var(--active-color);
}
.employ-wrap .innerbox .tab-ul .swiper-slide ul {
  display: none;
}
.employ-wrap .innerbox .tab-ul .swiper-slide-active ul {
  display: block;
}
@media (max-width:768px) {
  .employ-wrap .innerbox .tab-ul li .top .tab-box .tab-title span {
    padding-left: 0.1rem;
  }
}
@media (max-width:480px) {
  .employ-wrap {
    padding: 0.6rem 0;
  }
  .employ-wrap .innerbox .rowtitle span {
    font-size: var(--font12);
    padding-left: 0.1rem;
  }
  .employ-wrap .innerbox .tab-ul li {
    padding-bottom: 0.2rem;
  }
  .employ-wrap .innerbox .tab-ul li .top {
    height: inherit;
  }
  .employ-wrap .innerbox .tab-ul li .top .tab-box .tab-title 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;
    padding: 0.1rem;
    font-size: var(--font12);
  }
  .employ-wrap .innerbox .tab-ul li .bom .item .content p {
    font-size: var(--font12);
  }
}
.about-section-one {
  position: relative;
}
.about-section-one .idx_social {
  width: 100%;
  height: 200vh;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-section-one .idx_social .maskBox {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}
.about-section-one .idx_social .maskBox .socialCon1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.about-section-one .idx_social .maskBox .socialCon1 .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  mask: url(../svg/logo1.svg);
  mask-repeat: no-repeat;
  mask-size: 12%;
  mask-position: 50% center;
}
.about-section-one .idx_social .maskBox .socialCon1 .svg {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 1;
}
.about-section-one .idx_social .maskBox .socialCon1 .word {
  width: 100%;
  top: 50%;
  position: absolute;
  font-weight: 800;
  z-index: 100;
  text-align: center;
  margin-top: 1.7rem;
}
.about-section-one .idx_social .maskBox .socialCon2 {
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 5;
  top: 90vh;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 4.94791667%;
  --color1: #CCCC;
  --color2: #000;
  --color3: #00A8B0;
  --color4: #666;
  --opacity: 1;
}
.about-section-one .idx_social .maskBox .socialCon2 .info {
  color: var(--white-color);
  color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 2.95rem 0;
  max-width: 1226px;
  width: 63.85%;
  margin: auto;
}
.about-section-one .idx_social .maskBox .socialCon2 .info .title {
  color: var(--white-color);
  color: #ffffff;
  text-align: center;
}
.about-section-one .idx_social .maskBox .socialCon2 .info .sec-title {
  margin-top: 0.27rem;
  text-align: center;
}
.about-section-one .idx_social .maskBox .socialCon2 .info .desc {
      margin-top: 0.79rem;
    height: 2.5rem;
    overflow: auto;
    padding-right: .2rem;
  
}
.about-section-one .idx_social .maskBox .socialCon2 .info .desc p {
  font-size: var(--font18);
  line-height: calc(32/18);
  opacity: 0.8;
  margin-bottom: 0.2rem;
}
@media (max-width:990px) {
  .about-section-one .idx_social {
    width: 100%;
    height: auto;
  }
  .about-section-one .idx_social .maskBox {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  }
  .about-section-one .idx_social .maskBox .socialCon2 {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    top: unset;
    left: unset;
    right: unset;
    bottom: unset;
    background: #0000002f;
    --color1: #FFFFFF;
    --color2: #FFFFFF;
    --color3: #FFFFFF;
    --color4: #FFFFFF;
    --opacity: 1;
  }
  .about-section-one .idx_social .maskBox .socialCon2 .boxInfo {
    width: 100%;
    height: auto;
    padding: 1.6rem 20px;
  }
  .about-section-one .idx_social .maskBox .socialCon2 .boxInfo .content {
    margin-top: 1rem;
  }
  .about-section-one .idx_social .maskBox .socialCon1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0.3;
  }
  .about-section-one .idx_social .maskBox .socialCon1 .mask {
    mask: unset !important;
  }
  .about-section-one .idx_social .maskBox .socialCon1 .svg {
    display: none;
  }
  .about-section-one .idx_social .maskBox .socialCon1 .word {
    display: none;
  }
}

@media (max-width:990px) {
    .about-section-one .idx_social .maskBox .socialCon2 .info .title{
        text-align: left;
    }
    .about-section-one .idx_social .maskBox .socialCon2 .info .sec-title{
         text-align: left;
    }
}

@media (max-width:990px) {
    .about-section-one .idx_social .maskBox .socialCon2 .info .desc{
            height: 4.5rem;
    }
}
.about-section-one .aboutbanner .image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.about-section-one .aboutbanner .image img {
  width: 100%;
  height: 100%;
}
.about-section-one .aboutbanner .info {
  color: var(--white-color);
  color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 2.95rem 0;
  max-width: 1226px;
  width: 63.85%;
  margin: auto;
}
.about-section-one .aboutbanner .info .title {
  color: var(--white-color);
  color: #ffffff;
  text-align: center;
}
.about-section-one .aboutbanner .info .sec-title {
  margin-top: 0.27rem;
  text-align: center;
}
.about-section-one .aboutbanner .info .desc {
  margin-top: 0.79rem;
}
.about-section-one .aboutbanner .info .desc p {
  font-size: var(--font18);
  line-height: calc(32/18);
  opacity: 0.8;
  margin-bottom: 0.2rem;
}
@media (max-width:990px) {
  .about-section-one .idx_social .maskBox .socialCon2 .info {
    width: 90%;
  }
}
.about-section-two {
  background: url("../images/culture-bg.jpg") no-repeat;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}
.about-section-two .innerbox {
  width: 63.85%;
  max-width: 1226px;
  margin: auto;
  position: sticky;
  top: 1rem;
}
.about-section-two .innerbox .title {
  text-align: center;
  padding-top: 2.07rem;
}
.about-section-two .innerbox .itemlist {
  margin-top: 1.07rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.47rem;
  padding-bottom: 4rem;
}
.about-section-two .innerbox .itemlist .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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 20px;
  height: 4.3rem;
  backdrop-filter: blur(4px);
  padding: 0 .5rem;
}
.about-section-two .innerbox .itemlist .item .name {
  color: var(--white-color);
  color: #ffffff;
  background: rgba(0, 71, 157, 0.5);
  border-radius: 21px;
  line-height: 1;
  width: fit-content;
  padding: 0.13rem 0.29rem;
}
.about-section-two .innerbox .itemlist .item .desc {
  color: var(--white-color);
  color: #ffffff;
  margin-top: 0.36rem;
      line-height: 1.7;
    text-align: center;
}
.about-section-two .innerbox .itemlist .item:nth-child(2) {
  transform: translateY(2.86rem);
}


@media (max-width:480px) {
    .about-section-two{
        background-attachment: inherit;
    }
    .about-section-two .innerbox .title{
        padding-top: 1.2rem;
    }
 
  .about-section-two .innerbox {
    width: 100%;
    padding: 0 20px;
  }
  .about-section-two .innerbox .itemlist {
    gap: 0.4rem;
    grid-template-columns: repeat(1, 1fr);
    width: 90%;
    margin: auto;
    margin-top: .5rem;
    padding-bottom: 1.5rem;
    
    
  }
  .about-section-two .innerbox .itemlist .item{
      height: 3.5rem;
  }
  .about-section-two .innerbox .itemlist .item .desc {
        padding: 0.2rem 0.4rem;
        line-height: 1.6;
    
  }
  .about-section-two .innerbox .itemlist .item:nth-child(2){
      transform:inherit;
  }
}
.about-section-three {
  background: url("../images/honor-bg.png") no-repeat;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 1rem;
  padding-bottom: 1.8rem;
}
.about-section-three .title {
  text-align: center;
}
.about-section-three .itemlist {
  margin-top: 0.5rem;
}
.about-section-three .itemlist .item .toptitle {
  position: relative;
}
.about-section-three .itemlist .item .toptitle:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: #E9EDF2;
  top: 1rem;
}
.about-section-three .itemlist .item .toptitle:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: url("../images/line-active.png") no-repeat;
  top: 1rem;
  left: 0.15rem;
  opacity: 0;
}
.about-section-three .itemlist .item .toptitle .circle {
  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;
  position: relative;
  width: 0.3rem;
  height: 0.3rem;
  background: rgba(0, 71, 157, 0.1);
  border-radius: 50%;
  transform: translateY(-50%);
  z-index: 1;
  /*margin-top: 1px;*/
      margin-top: .22rem;
}
.about-section-three .itemlist .item .toptitle .circle::before {
  position: absolute;
  content: '';
  width: 53.3%;
  height: 53.3%;
  background: #00479D;
  border-radius: 50%;
  opacity: 0.2;
  z-index: 2;
}
.about-section-three .itemlist .item .toptitle .circle::after {
  position: absolute;
  content: '';
  width: 20%;
  height: 20%;
  background: #00479D;
  border-radius: 50%;
  z-index: 3;
}
.about-section-three .itemlist .item .bottominfo {
  margin-top: 0.2rem;
  gap: 1.3rem;
  min-height: 3.62rem;
}
.about-section-three .itemlist .item .bottominfo .content p {
  color: var(--black-666);
  font-size: var(--font18);
  line-height: calc(32/18);
  position: relative;
  padding-left: 0.3rem;
  width: 82%;
  text-align: left !important;

}
.about-section-three .itemlist .item .bottominfo .content p:before {
  position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    top: .18rem;
    left: -0.3rem;
    background: #00479D;
}
.about-section-three .itemlist .item .bottominfo .image {
  display: none;
  width: 18.229%;
  min-width: 3.5rem;
  height: 2.46rem;
  margin-top: 0.2rem;
}
.about-section-three .itemlist .item .bottominfo .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-section-three .itemlist .swiper-slide-active .item .toptitle:after {
  opacity: 1;
}
.about-section-three .itemlist .swiper-slide-active .item .toptitle .year{
    color: var(--active-color);
}

.about-section-three .itemlist .swiper-slide-active .item .bottominfo .image {
  display: inline-block;
}
.about-section-three .itemlist .pagination-operate {
  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.7rem;
}
.about-section-three .itemlist .pagination-operate .btn {
  border: 1px solid #DCDEE1;
}
@media (max-width:480px) {
    .about-section-three{
        overflow: hidden;
    }
  .about-section-three .itemlist .item .toptitle .circle {
    transform: inherit;
  }
  .about-section-three .itemlist .item .bottominfo {
    display: inline-block;
  }
  .about-section-three .itemlist .item .bottominfo .image {
    margin-top: 0.3rem;
  }
}
.about-section-four {
  position: relative;
  padding: 1rem 0;
}
.about-section-four .innerbox .title {
  text-align: center;
}
.about-section-four .innerbox .aboutlist {
  width: 90%;
  margin: auto;
}
.about-section-four .innerbox .aboutlist .info {
  position: relative;
  z-index: 2;
}
.about-section-four .innerbox .aboutlist .info .tabitem {
  position: relative;
  z-index: 5;
  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: 0.15rem;
  margin-top: 0.6rem;
}
.about-section-four .innerbox .aboutlist .info .tabitem .tag {
  background: #EDEDED;
  border-radius: 23px;
  line-height: 1;
  padding: 0.14rem 0.36rem;
  cursor: pointer;
}
.about-section-four .innerbox .aboutlist .info .tabitem .active {
  color: var(--white-color);
  color: #ffffff;
  background: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
}
.about-section-four .innerbox .aboutlist .info .swiperlist {
  overflow: hidden;
  margin-top: 0.5rem;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .swiper-pagination {
  position: relative;
  margin-top: 0.5rem;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .swiper-slide-active {
  pointer-events: auto;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .swiper-slide-active .secondcontainer .swiper-slide {
  pointer-events: auto;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .swiper-slide {
  pointer-events: none;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .swiper-pagination1 {
  text-align: center;
  position: relative;
  margin-top: 0.7rem;
  display: none;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .item {
  cursor: pointer;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .item .image {
  background: #F0F5FB;
  border-radius:.2rem;
  height: 2.4rem;
  padding: 0.36rem 0.82rem 0 0.82rem;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .item .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-section-four .innerbox .aboutlist .info .swiperlist .item .name {
  font-size: var(--font20);
  text-align: center;
  margin-top: 0.25rem;
}
.about-section-four .innerbox .aboutlist .pagination-operate {
  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;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 1rem;
  left: 0;
}
.about-section-four .innerbox .aboutlist .pagination-operate .btn {
  transform: translateY(-50%);
  z-index: 10;
}
.about-section-four .innerbox .aboutlist .pagination-operate .prebtn {
  margin-left: 5%;
}
.about-section-four .innerbox .aboutlist .pagination-operate .nextbtn {
  margin-right: 5%;
}
@media (max-width:1440px) {
  .about-section-four .innerbox .info .pagination-operate .prebtn {
    margin-left: 3%;
  }
  .about-section-four .innerbox .info .pagination-operate .nextbtn {
    margin-right: 3%;
  }
}
@media (max-width:480px) {
  .about-section-four .innerbox .aboutlist .pagination-operate {
    display: none;
  }
  .about-section-four .innerbox .aboutlist .info .swiperlist .swiper-pagination1 {
    display: inline-block;
  }
  .about-section-four .innerbox .aboutlist .info .swiperlist .item .image{
      height: inherit;
  }
}
.about-section-five .mapwrap .innerbox .title {
  text-align: center;
}
.about-section-five .mapwrap .innerbox .desc {
       width: 70%;
    white-space: pre-line;
    margin: auto;
    margin-top: 0.32rem;
    line-height: calc(28 / 18);
    text-align: center;
}
.about-section-five .parnerglobal {
  padding-top: 0.65rem;
}
.about-section-five .parnerglobal .title {
  text-align: center;
}
.about-section-five .parnerglobal .parnerlist {
  margin-top: 0.46rem;
}
.about-section-five .parnerglobal .parnerlist .swiper-wrapper {
  transition-timing-function: linear !important;
}
.about-section-five .parnerglobal .parnerlist .autoplay-two {
  margin-top: 10px;
}
.about-section-five .parnerglobal .parnerlist .item {
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #E7EBEF;
  padding: 0.1rem;
  height: 1.2rem;
}
.about-section-five .parnerglobal .parnerlist .item .image {
  width: 100%;
  height: 100%;
}
.about-section-five .parnerglobal .parnerlist .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.server-wrap {
  margin-top: 0.5rem;
}
.server-wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.5rem;
  padding: 0.3rem;
  border-radius: 20px;
}
.server-wrap .innerbox .left {
  width: 55%;
  padding-left: 0.1rem;
}
.server-wrap .innerbox .left .title {
  padding-bottom: 0.4rem;
  line-height: 1;
  margin-top: 0.2rem;
}
.server-wrap .innerbox .left .itemlist {
  border-top: solid 1px rgba(0, 44, 97, 0.1);
}
.server-wrap .innerbox .left .itemlist .item {
  margin-top: 0.3rem;
  position: relative;
  padding-left: 0.2rem;
}
.server-wrap .innerbox .left .itemlist .item::before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background: #00479D;
  top: 0.18rem;
  left: 0;
}
.server-wrap .innerbox .left .itemlist .item .name {
  font-family: 'HONORSansCN-M';
  font-size: var(--font28);
}
.server-wrap .innerbox .left .itemlist .item .desc {
  font-size: var(--font18);
  color: var(--black-666);
  line-height: calc(32/18);
  margin-top: 0.1rem;
  white-space: pre-line;
}
.server-wrap .innerbox .right {
  width: 45%;
}
.server-wrap .innerbox .right .image {
  border-radius: 20px;
  height: 100%;
}
.server-wrap .innerbox .right .image img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.server-wrap .innerbox-one {
  background: url("../images/server-support.jpg") no-repeat;
  background-size: cover;
}
.server-wrap .innerbox-two {
  background: url("../images/server-support2.jpg") no-repeat;
  margin-top: 0.3rem;
}
@media (max-width:1280px) {
  .server-wrap .innerbox .left .itemlist .item .desc {
    white-space: inherit;
  }
  .server-wrap .innerbox-two .left .itemlist .item .desc {
    white-space: pre-line;
  }
}
@media (max-width:990px) {
  .server-wrap .innerbox .left {
    width: 50%;
  }
  .server-wrap .innerbox .left .itemlist .item .desc {
    white-space: inherit;
  }
  .server-wrap .innerbox .right {
    width: 50%;
  }
}
@media (max-width:768px) {
  .server-wrap .innerbox {
    display: inline-block;
    width: 100%;
    background-size: cover;
  }
  .server-wrap .innerbox .left {
    width: 100%;
  }
  .server-wrap .innerbox .right {
    width: 100%;
    margin-top: 0.5rem;
  }
  .server-wrap .innerbox-two .left {
    margin-top: 0.5rem;
  }
  .about-section-five .mapwrap .innerbox .desc{
      width: 100%;
  }
}
.server-contact-wrap {
  padding: 1rem 0;
}
.server-contact-wrap .title {
  text-align: center;
}
.server-contact-wrap .itemlist {
  gap: 0.3rem;
  margin-top: 0.4rem;
}
.server-contact-wrap .itemlist .item {
  padding: 0.5rem;
  position: relative;
  text-align: center;
  background: linear-gradient(225deg, #F7F9FB 0%, #F0F6FC 100%);
  border-radius: 14px;
}
.server-contact-wrap .itemlist .item .card-title {
  line-height: 1;
}
.server-contact-wrap .itemlist .item .email {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  color: var(--color-active);
  color: var(--active-color);
  font-size: var(--font28);
  margin-top: 0.54rem;
}
.server-contact-wrap .itemlist .item .public-idx-more {
  margin: auto;
  margin-top: 0.62rem;
}
.server-contact-wrap .itemlist .item .desc {
  margin-top: 0.2rem;
}
.server-contact-wrap .itemlist .item .desc2 {
  margin-top: 0.1rem;
}
.server-contact-wrap .itemlist .item .codeimg {
  width: 1.36rem;
  height: 1.4rem;
  margin: auto;
  margin-top: 0.42rem;
}
@media (max-width:1280px) {
  .server-contact-wrap .itemlist .item {
    padding: 0.4rem;
  }
}
@media (max-width:480px) {
  .server-contact-wrap .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product-knoewledge-wrap {
  padding-top: 1rem;
}
.product-knoewledge-wrap .innerbox .search-box {
  position: relative;
  text-align: right;
  margin-bottom: 0.3rem;
}
.product-knoewledge-wrap .innerbox .search-box input {
  width: 32%;
  height: 0.6rem;
  min-height: 35px;
  background: #F5F7F9;
  border-radius: .2rem;
  border: 1px solid #E8EBEF;
  padding-left: 0.26rem;
}
.product-knoewledge-wrap .innerbox .search-box .icon {
  position: absolute;
  top: 50%;
  right: 0.26rem;
  transform: translateY(-50%);
}
.product-knoewledge-wrap .innerbox .search-list {
  border-top: solid 2px var(--black-111);
  margin-top: 0.3rem;
}
.product-knoewledge-wrap .innerbox .search-list 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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  padding: 0.3rem;
  border-bottom: solid 1px #EEEEEE;
  cursor: pointer;
}
.product-knoewledge-wrap .innerbox .search-list li::before {
  position: absolute;
  content: '';
  width: 0%;
  left: 0;
  bottom: 0;
  height: 1px;
  background: #00479D;
  transition: width 0.8s ease-in-out;
}
.product-knoewledge-wrap .innerbox .search-list li:hover::before {
  width: 100%;
  transition: width 0.8s ease-in-out;
}
.product-knoewledge-wrap .innerbox .search-list li .date .day {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  font-size: var(--font32);
}
.product-knoewledge-wrap .innerbox .search-list li .date .year {
  color: var(--black-666);
}
.product-knoewledge-wrap .innerbox .search-list li .info {
  width: 68.52%;
}
.product-knoewledge-wrap .innerbox .search-list li .info .title {
  font-size: var(--font20);
}
.product-knoewledge-wrap .innerbox .search-list li .info .desc {
  color: var(--black-666);
  margin-top: 0.1rem;
}
.product-knoewledge-wrap .innerbox .search-list li .more a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: var(--color-active);
  color: var(--active-color);
  gap: 0.17rem;
}
.product-knoewledge-wrap .innerbox .download-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 0.5rem;
}
.product-knoewledge-wrap .innerbox .download-list .left {
  position: sticky;
  top: 1rem;
  width: 18.5%;
  background: #F5F7F9;
  border-radius: .2rem;
  border: 1px solid #E8EBEF;
  height: 100%;
}
.product-knoewledge-wrap .innerbox .download-list .left .title {
  padding: 0.4rem 0.26rem 0.2rem 0.26rem;
}
.product-knoewledge-wrap .innerbox .download-list .left .blank {
  height: 20px;
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .top {
  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;
  /*height: 0.6rem;*/
  padding: 0.15rem 0.25rem;
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom {
  display: none;
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom li{
    padding: 0 0.2rem !important;
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .on .top {
  color: var(--white-color);
  color: #ffffff;
  background: url("../images/filterbg.png") no-repeat;
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .top img {
  
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .on .top img {
  filter: brightness(0) invert(1);
  transform: rotate(180deg);
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom {
  padding: 0 0.2rem;
  /*display: block;*/
}

.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom li {
  color: var(--black-666);
  position: relative;
  cursor: pointer;
  line-height: calc(36/16);
  
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom li:before {
  position: absolute;
  content: '';
  top: .23rem;
  left: 0;
  width: 8px;
  height: 2px;
  background: #00479D;
  opacity: 0;
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom li .bom_box{
    padding-left: .2rem;
    display: none;
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom .active {
  color: var(--color-active);
  color: var(--active-color);
 
}
.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom .active .top_box .bom_box{
    display: block;
}


.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem .bottom .active:before {
  opacity: 1;
}
.product-knoewledge-wrap .innerbox .download-list .right {
  width: 81.5%;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-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.3rem;
  width: 100%;
  background: #F7F9FB;
  border-radius: .2rem;
  border: 1px solid #E8EBEF;
  padding: 0 0.3rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-title .title {
  font-family: 'HONORSansCN-M';
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-title .itemlist {
  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.3rem;
  height: 0.6rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-title .itemlist .item {
  font-family: 'HONORSansCN-M';
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-title .itemlist .item div {
  font-family: 'HONORSansCN-M';
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--black-333);
  font-size: var(--font16);
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result {
  margin-top: 0.2rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rowline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rowline .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;
  font-size: var(--font18);
  width: 20%;
  padding-left: 0.3rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rowline .item a {
  font-size: var(--font18);
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rowline .item:first-child {
  width: 40%;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rowline .item:last-child {
  max-width: 120px;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rhead {
  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;
  background: rgba(17, 17, 17, 0.03);
  border-top: solid 2px #111111;
  height: 0.6rem;
  border-bottom: solid 1px #EEEEEE;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody {
  width: 100%;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul {
  width: 100%;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li {
  width: 100%;
  border-bottom: solid 1px #EEEEEE;
  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;
  height: 0.6rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .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;
  width: 20%;
  padding-left: 0.3rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .item:first-child {
  width: 40%;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .item:last-child {
  max-width: 120px;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .downicon {
  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.1rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .downicon .icon {
  width: 0.2rem;
  height: 0.2rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .downicon .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) invert(0.7);
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-data-title {
  background: #F7F9FB;
  border-radius: 20px;
  border: 1px solid #E8EBEF;
  padding: 0 0.3rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row {
  display: flex;
  align-items: center;
  column-gap: 0.3rem;
  width: 100%;
  border-top: 1px dashed #D5D8DC;
  flex-wrap: nowrap;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row:first-child {
  border-top: none;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row .title {
  font-family: 'HONORSansCN-M';
  min-width: 100px;
  padding: .12rem 0;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row .itemlist {
  /*width: calc(100% - 100px);*/
  flex-wrap: wrap;
  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.3rem;
  row-gap: .1rem;
    padding:.1rem 0 .15rem 0;
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row .itemlist .item {
  font-family: 'HONORSansCN-M';
}
.product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row .itemlist .item div {
  font-family: 'HONORSansCN-M';
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--black-333);
  font-size: var(--font16);
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result {
  margin-top: 0.3rem;
  gap: 0.3rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item {
 
 
  position: relative;
  text-align: center;
  /*height: 4.5rem;*/
  /*min-height: 290px;*/
  background: #F5F7F9;
  border-radius: 20px;
  border: 1px solid #E8EBEF;
  padding: .5rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item .image {
  /*margin-top: -1rem;*/
  /*padding: 0.6rem 0.75rem;*/
  height: 2.5rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*scale: 1.5;*/
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item .info {
  /*position: absolute;*/
  width: 100%;
  /*left: 0;*/
  /*bottom: 0.33rem;*/
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item .info .name {
  margin-bottom: 0.1rem;
}

.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item .plogo {
  /*position: absolute;*/
  width: 100%;
  top: 0.3rem;
  text-align: right;
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item .plogo .icon1 {
  width: .8rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item .plogo .icon2 {
  width: 0.6rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .datablock {
  margin-bottom: 1rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .datablock .second-data {
  margin-top: 0.5rem;
}
.product-knoewledge-wrap .innerbox .download-list .right .datablock .second-data .sec-title {
  font-family: 'HONORSansCN-M';
  font-size: var(--font24);
}
@media (max-width: 1580px) {
  .product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row {
    padding: 0.1rem 0;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row .itemlist {
    gap: 0.1rem;
  }
}
@media (max-width:1280px) {
  .product-knoewledge-wrap .innerbox .download-list .right .filter-title {
    display: inline-block;
    width: 100%;
    padding: 0.3rem;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-title .itemlist {
    margin-top: 0.1rem;
  }
}
/*@media (max-width:990px) {*/
 
/*  .product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row .itemlist {*/
/*    display: grid;*/
/*    grid-template-columns: repeat(5, 1fr);*/
/*  }*/
/*}*/
@media (max-width:768px) {
  .product-knoewledge-wrap .innerbox .download-list {
    display: inline-block;
    width: 100%;
  }
  .product-knoewledge-wrap .innerbox .download-list .left {
    width: 100%;
    position: relative;
    top: inherit;
  }
  .product-knoewledge-wrap .innerbox .download-list .left .itemtab .on .top ,.product-knoewledge-wrap .innerbox .download-list .left .itemtab .oneitem:hover .top{
    background-size: cover;
  }
  .product-knoewledge-wrap .innerbox .download-list .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (max-width:480px) {
  .product-knoewledge-wrap {
    padding-top: 0.8rem;
  }
  .product-knoewledge-wrap .innerbox .search-box {
    text-align: left;
  }
  .product-knoewledge-wrap .innerbox .search-box input {
    width: 100%;
  }
  .product-knoewledge-wrap .innerbox .search-list li {
    display: inline-block;
    width: 100%;
  }
  .product-knoewledge-wrap .innerbox .search-list li .info {
    margin-top: 0.3rem;
    width: 100%;
  }
  .product-knoewledge-wrap .innerbox .search-list li .more {
    margin-top: 0.3rem;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-title .itemlist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    height: inherit;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-result .rowline .item {
    padding-left: 0.1rem;
    font-size: 12px;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li{
    height: inherit; 
    padding: .2rem 0;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .item {
    padding-left: 0.1rem;
    font-size: 12px;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .item span,
  .product-knoewledge-wrap .innerbox .download-list .right .filter-result .rbody ul li .item a {
    font-size: 12px;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row{
      display: block;
      column-gap: 0.1rem;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .filter-data-title .row .itemlist {
    grid-template-columns: repeat(2, 1fr);
    height: inherit;
   
  }
  .product-knoewledge-wrap .innerbox .download-list .right .itemlist-result {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item {
    min-height: inherit;
    height: inherit;
  }
  .product-knoewledge-wrap .innerbox .download-list .right .itemlist-result .item{
    padding: .2rem;
  }
}
.application-datas-wrap {
  padding: 1rem 0;
}
.application-datas-wrap .innerbox .item {
  margin-top: 0.3rem;
  position: relative;
  width: 100%;
}
.application-datas-wrap .innerbox .item:first-child {
  margin-top: 0;
}
.application-datas-wrap .innerbox .item .image {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.application-datas-wrap .innerbox .item .image img {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.application-datas-wrap .innerbox .item .info {
  position: relative;
  /*padding: 0.8rem 0.3rem;*/
  padding: 0.8rem;
}
.application-datas-wrap .innerbox .item .info .title {
  padding-bottom: 0.35rem;
  line-height: 1;
}
.application-datas-wrap .innerbox .item .info .desc {
  width: 45%;
  max-width: 680px;
  padding-top: 0.5rem;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
  font-size: var(--font18);
  line-height: calc(32/18);
}
.application-datas-wrap .innerbox .item .info .public-idx-more {
  margin-top: 1.26rem;
  color: var(--white-color);
}
.application-datas-wrap .innerbox .item .info .public-idx-more 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;
  gap: 0.2rem;
  color: var(--white-color);
  transition: all 0.3s ease-in-out;
}

@media (max-width:768px) {
  .application-datas-wrap {
    padding: 0.6rem 0;
  }
  .application-datas-wrap .innerbox .item .info .desc {
    width: 100%;
  }
}
@media (max-width:480px) {
 
  .application-datas-wrap .innerbox .item .info {
    padding: .5rem;
  }
}


.caselist-wrap {
  padding: 1rem 0;
  position: relative;
}
.caselist-wrap .newtitle {
  margin-bottom: 0.4rem;
}
.caselist-wrap .filter-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.3rem;
  width: 100%;
  background: #F7F9FB;
  border-radius: 0.2rem;
  border: 1px solid #E8EBEF;
  padding: 0 0.3rem;
}
.caselist-wrap .filter-title .title {
  font-family: 'HONORSansCN-M';
}
.caselist-wrap .filter-title .itemlist {
  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.3rem;
  height: 0.6rem;
}
.caselist-wrap .filter-title .itemlist .item {
  font-family: 'HONORSansCN-M';
}
.caselist-wrap .filter-title .itemlist .item div {
  font-family: 'HONORSansCN-M';
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--black-333);
  font-size: var(--font16);
}
.caselist-wrap .caseitemlist {
  gap: 0.2rem;
  margin-top: 0.5rem;
}
.caselist-wrap .caseitemlist .item {
  position: relative;
  background: #F7F9FB;
  border-radius: 0px 0px 20px 20px;
}
.caselist-wrap .caseitemlist .item .image {
  height: 2.36rem;
  background: #AEAEAE;
  overflow: hidden;
  border-radius: 20px 20px  0px 0px ;
}
.caselist-wrap .caseitemlist .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;
  border-radius: 20px 20px  0px 0px ;
}
.caselist-wrap .caseitemlist .item .info {
  z-index: 2;
  position: relative;
  padding: 0.3rem;
  height: 1.53rem;
  min-height: 120px;
}
.caselist-wrap .caseitemlist .item .info a {
  width: 100%;
}
.caselist-wrap .caseitemlist .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);
  line-height: calc(28/20);
  min-height: 90px;
}
.caselist-wrap .caseitemlist .item .info .more {
  position: absolute;
  width: 100%;
  bottom: 0.3rem;
  line-height: 1;
  display: none;
}
.caselist-wrap .caseitemlist .item .info .tag {
  color: #5386C5;
  background: rgba(0, 71, 157, 0.1);
  border-radius: 3px;
  padding: 0.07rem;
  width: fit-content;
  position: absolute;
  bottom: 0.3rem;
  display: none;
}
.caselist-wrap .caseitemlist .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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.caselist-wrap .caseitemlist .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);
}
.caselist-wrap .caseitemlist .active .info .title {
  opacity: 0.6;
}
@media (max-width:768px) {
  .caselist-wrap .caseitemlist {
    grid-template-columns: repeat(3, 1fr);
  }
  .caselist-wrap .caseitemlist .item {
    width: 100%;
  }
  .caselist-wrap .caseitemlist .item a {
    width: 100%;
  }
}
@media (max-width:480px) {
  .caselist-wrap {
    padding: 0.5rem 0;
  }
  .caselist-wrap .filter-title {
    display: inline-block;
    width: 100%;
    padding: 0.3rem;
  }
  .caselist-wrap .filter-title .itemlist {
    margin-top: 0.3rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: auto;
  }
  .caselist-wrap .caseitemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.case-detail-list .innerbox ul 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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.8rem 0;
  border-bottom: solid 1px #E7EBEF;
}
.case-detail-list .innerbox ul li .title {
  color: var(--black-111);
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  font-size: var(--font32);
}
.case-detail-list .innerbox ul li .info {
  width: 64%;
}
.case-detail-list .innerbox ul li .info p {
  color: var(--black-666);
  position: relative;
  line-height: calc(32 / 18);
  font-size: var(--font18);
}
.case-detail-list .innerbox ul li .info .active {
  padding-left: 0.2rem;
}
.case-detail-list .innerbox ul li .info .active:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0.08rem;
  width: 4px;
  height: 4px;
  background: #00479D;
}
@media (max-width:480px) {
  .case-detail-list .innerbox ul li {
    display: inline-block;
    width: 100%;
  }
  .case-detail-list .innerbox ul li .title {
    width: 100%;
  }
  .case-detail-list .innerbox ul li .info {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.case-detail-banner {
  padding-top: var(--header-height);
  background: #F0F5FB;
}
.case-detail-banner .return {
  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;
  gap: 0.12rem;
  margin-top: 0.22rem;
}
.case-detail-banner .return .icon {
  filter: brightness(0) invert(0.7);
}
.case-detail-banner .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.22rem;
}
.case-detail-banner .innerbox .left {
  width: 62.18%;
  border-radius: 20px 0px 0px 0px;
}
.case-detail-banner .innerbox .left img {
  border-radius: 20px 0px 0px 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-detail-banner .innerbox .right {
  width: 37.82%;
  padding: 1rem 0.5rem;
  background-color: var(--white-color);
  border-radius: 0px 20px 0px 0px;
}
.case-detail-banner .innerbox .right .title {
  padding-bottom: 0.4rem;
}
.case-detail-banner .innerbox .right .desc {
  padding-top: 0.57rem;
  line-height: calc(36/18);
  border-top: solid 1px #E7EBEF;
}
.case-detail-banner .innerbox .right .public-idx-more {
  margin-top: 0.9rem;
}
@media (max-width:990px) {
  .case-detail-banner {
    padding-bottom: 0.5rem;
  }
  .case-detail-banner .innerbox .right {
    padding: 0.5rem;
  }
  .case-detail-banner .innerbox .right .desc {
    padding-top: 0.4rem;
  }
  .case-detail-banner .innerbox .right .public-idx-more {
    margin-top: 0.5rem;
  }
}
@media (max-width:480px) {
  .case-detail-banner .return {
    padding-top: 0.3rem;
  }
  .case-detail-banner .innerbox {
    display: inline-block;
    width: 100%;
  }
  .case-detail-banner .innerbox .left {
    position: relative;
    width: 100%;
  }
  .case-detail-banner .innerbox .right {
    width: 100%;
  }
}
.product-highlights-wrap {
  padding-top: 1.2rem;
  position: relative;
}
.product-highlights-wrap p:first-child{
    text-transform: capitalize;
}
.product-highlights-wrap .newtitle {
  margin-bottom: 0.4rem;
}
.product-highlights-wrap .caseitemlist {
  gap: 0.2rem;
  margin-top: 0.4rem;
}
.product-highlights-wrap .caseitemlist .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);
  cursor: pointer;
  position: relative;
  border-radius: 14px;
  padding: 0.3rem;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #f4f7fc, #f4f7fb), linear-gradient(90deg, #f4f7fb, #D9E5F3);
}
.product-highlights-wrap .caseitemlist .item .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);
  position: absolute;
  right: 0.3rem;
  width: 0.52rem;
  height: 0.52rem;
}
.product-highlights-wrap .caseitemlist .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-highlights-wrap .caseitemlist .item .name {
  -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.74rem;
}
.product-highlights-wrap .caseitemlist .item .desc {
  -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.35rem;
}
.product-highlights-wrap .caseitemlist .item .desc p {
  position: relative;
  font-size: var(--font18);
  line-height: 1.2;
  padding: 0.1rem 0;
  padding-left: 0.2rem;
}
.product-highlights-wrap .caseitemlist .item .desc p:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0.16rem;
  width: 4px;
  height: 4px;
  background: #00479D;
}
.product-highlights-wrap .caseitemlist .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);
  border: none;
  background: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
}
.product-highlights-wrap .caseitemlist .item:hover .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: brightness(0) invert(1);
}
.product-highlights-wrap .caseitemlist .item:hover .name {
  -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);
  color: #ffffff;
}
.product-highlights-wrap .caseitemlist .item:hover .desc {
  -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);
  color: #ffffff;
}
.product-highlights-wrap .caseitemlist .item:hover .desc p:before {
  background-color: var(--white-color);
}
@media (max-width:768px) {
  .product-highlights-wrap .caseitemlist {
    grid-template-columns: repeat(3, 1fr);
  }
  .product-highlights-wrap .caseitemlist .item {
    width: 100%;
  }
  .product-highlights-wrap .caseitemlist .item a {
    width: 100%;
  }
}
@media (max-width:480px) {
  .product-highlights-wrap {
    padding: 0.5rem 0;
  }
  .product-highlights-wrap .filter-title {
    display: inline-block;
    width: 100%;
    padding: 0.3rem;
  }
  .product-highlights-wrap .filter-title .itemlist {
    margin-top: 0.3rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: auto;
  }
  .product-highlights-wrap .caseitemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.
{
  padding-top: var(--header-height);
  background: url("../images/product-detail-bg.png") no-repeat;
  padding-bottom: 0.5rem;
  background-size: cover;
}
.product-detail-banner{
    padding-top: var(--header-height);
    background: url(../images/product-detail-bg.png) no-repeat;
    padding-bottom: 0.5rem;
    background-size: cover;
}
.product-detail-banner .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.6rem;
}
.product-detail-banner .innerbox .left {
  width: 50.4%;
  padding-right: 1rem;
}
.product-detail-banner .innerbox .left .desc {
  margin-top: 0.1rem;
  padding-bottom: 0.4rem;
}
.product-detail-banner .innerbox .left .info {
  padding-top: 0.4rem;
  line-height: calc(40/20);
  border-top: solid 1px rgba(0, 71, 157, 0.1);
}
.product-detail-banner .innerbox .left .info p {
  position: relative;
  padding-left: 0.13rem;
}
.product-detail-banner .innerbox .left .info p::before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #00479D;
}
.product-detail-banner .innerbox .left .peicelist {
  cursor: pointer;
}
.product-detail-banner .innerbox .left .iconlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.1rem;
  margin-top: 0.64rem;
}
.product-detail-banner .innerbox .left .iconlist .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;
  cursor: pointer;
  width: 0.74rem;
  height: 0.58rem;
  background: rgba(14, 38, 66, 0.08);
  border-radius: 5px;
}
.product-detail-banner .innerbox .left .iconlist .icon 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-detail-banner .innerbox .left .iconlist .icon: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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product-detail-banner .innerbox .left .operate {
  margin-top: 0.9rem;
  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.3rem;
}




.product-detail-banner .innerbox .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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  position: relative;
  width: 49.6%;
  overflow: hidden;
}
.product-detail-banner .innerbox .right .top-box {
  width: 100%;
  padding: 1.1rem 0.5rem;
  background-color: var(--white-color);
  text-align: center;
  border-radius: 0.2rem;
}
.product-detail-banner .innerbox .right .top-box .imglist {
  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;
  height: 3rem;
}

.product-detail-banner .innerbox .right .top-box .imglist .swiper-slide{
    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;
}

.product-detail-banner .innerbox .right .top-box .imglist img{
    max-height: 100%;
    scale: 1.6;
}
.product-detail-banner .innerbox .right .top-box .imglist video {
  width: 100%;
  height: 100%;
}
.product-detail-banner .innerbox .right .top-box .imglist .videobox {
  height: 100%;
}
.product-detail-banner .innerbox .right .top-box .imglist .videobox 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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.product-detail-banner .innerbox .right .top-box .imglist .videobox .play {
  width: 0.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
}
.product-detail-banner .innerbox .right .top-box:hover .p-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);
}
.product-detail-banner .innerbox .right .bot-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
  width: 100%;
  margin-top: 0.3rem;
}
.product-detail-banner .innerbox .right .bot-box .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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 20%;
  padding:0.2rem 0.3rem;
  background-color: var(--white-color);
  border-radius: 0.1rem;
}
.product-detail-banner .innerbox .right .bot-box .item img {
  width: 100%;
}
.product-detail-banner .innerbox .right .bot-box .item video {
  width: 100%;
}
.product-detail-banner .innerbox .right .bot-box .active {
  border: solid 1px rgba(0, 71, 157, 0.4);
}
.product-detail-banner .innerbox .right .p-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-detail-banner .innerbox .right .plogo {
  position: absolute;
  width: 100%;
  right: 0.3rem;
  top: 0.3rem;
  text-align: right;
}
.product-detail-banner .innerbox .right .plogo .icon1 {
  width: 1.2rem;
}
.product-detail-banner .innerbox .right .plogo .icon2 {
  width: 0.8rem;
  margin-left: 0.1rem;
}
@media (max-width:480px) {
  .product-detail-banner {
    margin-bottom: 0.5rem;
    
    
  }
  .product-detail-banner .innerbox {
    display: inline-block;
    width: 100%;
  }
  .product-detail-banner .innerbox .left {
    position: relative;
    width: 100%;
  }
  .product-detail-banner .innerbox .right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.product-introduce-wrap {
  padding-top: 1.2rem;
}
.product-introduce-wrap .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;
}
.product-introduce-wrap .innerbox .left{
    text-transform: capitalize;
}
.product-introduce-wrap .innerbox .right {
  width: 66%;
  line-height: calc(32/18);
}
.product-introduce-wrap .innerbox .right p {
  margin-bottom: 0.2rem;
}
@media (max-width:480px) {
  .product-introduce-wrap {
    padding-top: 0.5rem;
  }
  .product-introduce-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .product-introduce-wrap .innerbox .left {
    width: 100%;
  }
  .product-introduce-wrap .innerbox .right {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.related-products-wrap {
  position: relative;
  padding: 1.2rem 0;
}
.related-products-wrap .innerbox .itemlist {
  position: relative;
  z-index: 10;
  overflow: hidden;
  width: 90%;
  margin: auto;
   margin-top: 0.4rem;
}
.related-products-wrap .innerbox .itemlist .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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  text-align: center;
  height: 3.7rem;
  min-height: 290px;
  border-radius: 20px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(to right, #f4f7fc, #f4f7fb), linear-gradient(90deg, #f4f7fb, #D9E5F3);
}
.related-products-wrap .innerbox .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: -0.5rem;
  padding: 1rem;
}
.related-products-wrap .innerbox .itemlist .item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.related-products-wrap .innerbox .itemlist .item .info {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0.33rem;
}
.related-products-wrap .innerbox .itemlist .item .info .name {
  margin-bottom: 0.1rem;
}
.related-products-wrap .innerbox .itemlist .item:hover .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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.related-products-wrap .innerbox .swiper-pagination {
  display: none;
  position: relative;
  margin-top: 0.5rem;
}
.related-products-wrap .innerbox .pagination-operate {
  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;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0.5rem;
  left: 0;
  z-index: 0;
}
.related-products-wrap .innerbox .pagination-operate .prebtn {
  margin-left: 8%;
}
.related-products-wrap .innerbox .pagination-operate .nextbtn {
  margin-right: 8%;
}
@media (max-width:1560px) {
  .related-products-wrap .innerbox .pagination-operate .prebtn {
    margin-left: 3%;
  }
  .related-products-wrap .innerbox .pagination-operate .nextbtn {
    margin-right: 3%;
  }
}
@media (max-width:990px) {
  .related-products-wrap .innerbox .swiper-pagination {
    display: block;
  }
  .related-products-wrap .innerbox .pagination-operate {
    display: none;
  }
}
@media (max-width:480px) {
  .related-products-wrap {
    padding: 0.6rem 0;
  }
  .related-products-wrap .innerbox .swiper-pagination {
    display: block;
  }
}
.system-configuration-wrap {
  padding-top: 1.2rem;
}
.system-configuration-wrap .innerbox .content {
  margin-top: 0.37rem;
}
.system-configuration-wrap .innerbox .content .tabitem {
  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.15rem;
  margin-top: 0.6rem;
}
.system-configuration-wrap .innerbox .content .tabitem .tag {
  background: #EDEDED;
  border-radius: 23px;
  line-height: 1;
  padding: 0.14rem 0.36rem;
  cursor: pointer;
  z-index: 2;
}
.system-configuration-wrap .innerbox .content .tabitem .active {
  color: var(--white-color);
  color: #ffffff;
  background: linear-gradient(90deg, #00479D 0%, #22A0DA 100%);
}
.system-configuration-wrap .innerbox .content .swiperlist {
  margin-top: 0.3rem;
  overflow: hidden;
}
.system-configuration-wrap .innerbox .content .swiperlist .swiper-slide .info {
  display: none;
}
.system-configuration-wrap .innerbox .content .swiperlist .swiper-slide-active .info {
  display: inline-table;
  width: 100%;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rowline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rowline .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;
  font-size: var(--font16);
  width: 20%;
  padding-left: 0.3rem;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rowline .item a {
  font-size: var(--font16);
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rowline .item:first-child {
  width: 40%;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rowline .item:last-child {
  max-width: 120px;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody {
  width: 100%;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul {
  width: 100%;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li {
  width: 100%;
  border-bottom: solid 1px #EEEEEE;
  cursor: pointer;
  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;
  height: 0.6rem;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li:first-child {
  border-top: solid 2px #111111;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li .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;
  width: 20%;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li .item:first-child {
  width: 40%;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li .item:last-child {
  max-width: 120px;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li .item .pdf-icon {
  margin-right: 0.18rem;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li .downicon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.1rem;
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li .downicon .icon 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.7);
}
.system-configuration-wrap .innerbox .content .swiperlist .filter-result .rbody ul li:hover .downicon .icon 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;
}
.system-configuration-wrap .innerbox .content .swiperlist table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}
.system-configuration-wrap .innerbox .content .swiperlist table thead {
  width: 100%;
}
.system-configuration-wrap .innerbox .content .swiperlist table thead th,
.system-configuration-wrap .innerbox .content .swiperlist table thead td {
  color: var(--white-color);
  color: #ffffff;
  background-color: #2255a5;
  border: 1px solid #fff;
}
.system-configuration-wrap .innerbox .content .swiperlist table thead th:first-child {
  border-radius: 15px 0px 0px 0px;
}
.system-configuration-wrap .innerbox .content .swiperlist table thead th:last-child {
  border-radius: 0px 15px 0px 0px;
}
.system-configuration-wrap .innerbox .content .swiperlist table tr {
  width: 100%;
}
.system-configuration-wrap .innerbox .content .swiperlist table th,
.system-configuration-wrap .innerbox .content .swiperlist table td {
  border: 1px solid #2255a5;
  padding: 8px;
  text-align: center;
}
.system-configuration-wrap .innerbox .content .swiperlist table th {
  background-color: #f2f2f2;
  font-weight: bold;
}
.system-configuration-wrap .innerbox .content .swiperlist table tr:nth-child(even) {
  background-color: #e6f4fb;
}
.RD-strength {
  background: url("../images/rd-strength.png") no-repeat;
  padding: 1rem 0;
}
.RD-strength .innerbox .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;
}
.RD-strength .innerbox .info .left {
  width: 51.3%;
  padding-right: 0.88rem;
}
.RD-strength .innerbox .info .left .desc {
  margin-top: 0.3rem;
}
.RD-strength .innerbox .info .left .desc p {
  color: var(--black-666);
  font-size: var(--font18);
  line-height: calc(32/18);
  margin-bottom: 0.2rem;
}
.RD-strength .innerbox .info .right {
  width: 48.7%;
  border-radius: 20px;
  overflow: hidden;
}
.RD-strength .innerbox .info .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);
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.RD-strength .innerbox .info .right: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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.RD-strength .innerbox .itemlist {
  margin-top: 0.86rem;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0.4rem;
}
.RD-strength .innerbox .itemlist .item {
  border-top: solid 1px rgba(0, 44, 97, 0.1);
  position: relative;
  cursor: pointer;
}
.RD-strength .innerbox .itemlist .item .num {
  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;
  margin-top: 0.32rem;
  line-height: 1;
}
.RD-strength .innerbox .itemlist .item .num .active {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  font-size: var(--font30);
}
.RD-strength .innerbox .itemlist .item .desc {
  margin-top: 0.2rem;
}
.RD-strength .innerbox .itemlist .item:before {
  position: absolute;
  content: '';
  width: 0;
  top: 0;
  left: 0;
  height: 2px;
  background: #00479D;
  transition: all 0.8s ease-in-out;
}
.RD-strength .innerbox .itemlist .item:hover:before {
  width: 100%;
  transition: all 0.8s ease-in-out;
}
.RD-strength .innerbox .itemlist .item: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(--color-active);
  color: var(--active-color);
}
@media (max-width:480px) {
  .RD-strength {
    background-size: cover;
    padding: 0.6rem 0;
  }
  .RD-strength .innerbox .info {
    display: inline-block;
    width: 100%;
  }
  .RD-strength .innerbox .info .left {
    width: 100%;
    padding-right: 0;
  }
  .RD-strength .innerbox .info .right {
    width: 100%;
  }
  .RD-strength .innerbox .itemlist {
    grid-template-columns: repeat(2, 1fr);
  }
}
.main-tecnoledge {
  color: var(--white-color);
  color: #ffffff;
  background: url("../images/main-tecnoledge.png") no-repeat;
  padding: 1rem 0;
  background-position: bottom;
  background-color: #171f28;
}
.main-tecnoledge .innerbox .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;
  position: relative;
  border-top: solid 1px rgba(255, 255, 255, 0.1);
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
  padding: 0.7rem 0;
}
.main-tecnoledge .innerbox .center:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  background: url("../images/linie-on.png") no-repeat;
}
.main-tecnoledge .innerbox .center:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: url("../images/linie-on.png") no-repeat;
}
.main-tecnoledge .innerbox .center:nth-child(2):after {
  display: none;
}
.main-tecnoledge .innerbox .center .desc {
  opacity: 0.6;
  line-height: calc(32/18);
  max-width: 771px;
  white-space: pre-line;
  text-align: left;
}
.main-tecnoledge .innerbox .itemlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 0.7rem;
}
.main-tecnoledge .innerbox .itemlist .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);
  position: relative;
  cursor: pointer;
  height: 2.84rem;
  min-height: 220px;
  background: rgba(46, 53, 61, 0.7);
  border-radius: 20px;
}
.main-tecnoledge .innerbox .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);
  padding: 0.62rem 0.24rem;
  white-space: pre-line;
}
.main-tecnoledge .innerbox .itemlist .item .num {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  position: absolute;
  bottom: 0;
  right: 0.2rem;
  font-size: var(--font100);
  color: rgba(17, 17, 17, 0);
  text-stroke: 1px #FFFFFF;
  opacity: 0.05;
  -webkit-text-stroke: 1px #FFFFFF;
  line-height: 1;
}
.main-tecnoledge .innerbox .itemlist .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);
  background-color: rgba(0, 71, 157, 0.7);
}
.main-tecnoledge .innerbox .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);
  transform: translateY(-10px);
}
.main-tecnoledge .innerbox .itemlist .item:hover .num {
  color: var(--white-color);
  color: #ffffff;
}
@media (max-width:768px) {
  .main-tecnoledge .innerbox .center .desc {
    max-width: 50%;
    white-space: inherit;
  }
  .main-tecnoledge .innerbox .itemlist {
    grid-template-columns: repeat(3, 1fr);
  }
  .main-tecnoledge .innerbox .itemlist .item {
    min-height: inherit;
  }
  .main-tecnoledge .innerbox .itemlist .item .num {
    font-size: 40px;
  }
}
@media (max-width:480px) {
  .main-tecnoledge {
    background-size: cover;
    padding: 0.6rem 0;
  }
  .main-tecnoledge .innerbox .center {
    display: inline-block;
    width: 100%;
  }
  .main-tecnoledge .innerbox .center span {
    margin-right: 0.3rem;
  }
  .main-tecnoledge .innerbox .center .desc {
    width: 100%;
    margin-top: 0.3rem;
    max-width: inherit;
  }
  .main-tecnoledge .innerbox .itemlist {
    grid-template-columns: repeat(2, 1fr);
  }
}
.quality-manage {
  position: relative;
  padding: 1rem 0;
  background: #F4F6F9;
}
.quality-manage .innerbox {
  overflow: hidden;
}
.quality-manage .innerbox .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.quality-manage .innerbox .top .title {
  width: 47.44%;
}
.quality-manage .innerbox .top .desc {
  width: 52.56%;
}
.quality-manage .innerbox .top .desc p {
  color: var(--black-666);
  position: relative;
  font-size: var(--font18);
  line-height: 1.7;
  padding-bottom: 0.1rem;
  padding-left: 0.2rem;
}
.quality-manage .innerbox .top .desc p:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  top: 0.2rem;
  left: 0;
  transform: translateY(-50%);
  background: #00479D;
}
.quality-manage .innerbox .itemlist {
  margin-top: 0.43rem;
}
.quality-manage .innerbox .itemlist .item {
  cursor: pointer;
}
.quality-manage .innerbox .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);
  border-radius: 20px;
  height: 3.2rem;
  overflow: hidden;
}
.quality-manage .innerbox .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;
  border-radius: 20px;
}
.quality-manage .innerbox .itemlist .item .name {
  text-align: center;
  margin-top: 0.19rem;
}
.quality-manage .innerbox .itemlist .item:hover .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);
}
.quality-manage .innerbox .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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.quality-manage .innerbox .itemlist .pagination-operate {
  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;
  position: absolute;
  top: 0;
  left: 0;
  width: 92%;
  height: 100%;
  
  left: 4%;
}
.quality-manage .innerbox .itemlist .swiper-pagination {
  display: none;
  position: relative;
  margin-top: 0.5rem;
}
@media (max-width:480px) {
  .quality-manage {
    padding: 0.6rem 0;
  }
  .quality-manage .innerbox .top {
    display: inline-block;
    width: 100%;
  }
  .quality-manage .innerbox .top .desc {
    width: 100%;
    margin-top: 0.3rem;
  }
  .quality-manage .innerbox .top .desc p {
    line-height: inherit;
  }
  .quality-manage .innerbox .itemlist .swiper-pagination {
    display: block;
  }
  .quality-manage .innerbox .itemlist .pagination-operate {
    display: none;
  }
}
.production-base {
  position: relative;
  padding-top: 1.2rem;
}
.production-base .top-title {
  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;
}
.production-base .top-title .publictitle {
  width: calc(100% - 42.56%);
}
.production-base .top-title .desc p {
  color: var(--black-666);
  position: relative;
  padding-left: 0.2rem;
  line-height: 1.8;
}
.production-base .top-title .desc p:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #00479D;
}
.production-base .bottomwrap {
  background-color: #fff;
  margin-top: 0.5rem;
  border-radius: 10px;
}
.production-base .bottomwrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.5rem;
  background: #F7F9FB;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 20px;
}
.production-base .bottomwrap .innerbox .info {
  border-radius: 10px;
  width: 35%;
}
.production-base .bottomwrap .innerbox .info .tabitem {
  padding: 0 0.3rem;
}
.production-base .bottomwrap .innerbox .info .tabitem li {
  padding: 0.435rem 0;
  border-bottom: solid 1px #E5E5E5;
  cursor: pointer;
}
.production-base .bottomwrap .innerbox .info .tabitem li:last-child {
  border-bottom: none;
}
.production-base .bottomwrap .innerbox .info .tabitem li .top {
  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;
}
.production-base .bottomwrap .innerbox .info .tabitem li .top .title {
  font-family: 'HONORSansCN-M';
  -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);
  font-size: var(--font28);
}
.production-base .bottomwrap .innerbox .info .tabitem li .top .more-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;
  -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.48rem;
  height: 0.48rem;
  min-width: 0.48rem;
 
  border-radius: 50%;
  border: 1px solid #B7B8BC;
}
.production-base .bottomwrap .innerbox .info .tabitem li .top .more-icon img {
  width: 0.14rem;
  height: 0.1rem;
  filter: brightness(0) invert(0.7);
}
.production-base .bottomwrap .innerbox .info .tabitem li .bottom {
  display: none;
  position: relative;
}
.production-base .bottomwrap .innerbox .info .tabitem li .bottom .mobileimage {
  margin-top: 0.3rem;
  overflow: hidden;
}
.production-base .bottomwrap .innerbox .info .tabitem li .bottom .mobileimage li {
  padding: 0;
  border-bottom: none;
}
.production-base .bottomwrap .innerbox .info .tabitem li .bottom .mobileimage li .bg {
  height: 6rem;
}
.production-base .bottomwrap .innerbox .info .tabitem li .bottom .mobileimage li .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.production-base .bottomwrap .innerbox .info .tabitem li .bottom .mobileimage li .name {
  position: absolute;
  width: 100%;
  bottom: 0.3rem;
  left: 0.3rem;
}
.production-base .bottomwrap .innerbox .info .tabitem .active .top .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(--color-active);
}
.production-base .bottomwrap .innerbox .info .tabitem .active .top .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: rgba(0, 71, 157, 0.1);
  border: none;
}
.production-base .bottomwrap .innerbox .info .tabitem .active .top .more-icon 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;
}
.production-base .bottomwrap .innerbox .image {
  width: 75%;
  border-radius: 10px;
  overflow: hidden;
}
.production-base .bottomwrap .innerbox .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.production-base .bottomwrap .innerbox .image .oneSwiper {
  height: 100%;
}
.production-base .bottomwrap .innerbox .image .oneSwiper .twoSwiper {
  height: 100%;
}
.production-base .bottomwrap .innerbox .image .bg {
  width: 100%;
  height: 100%;
}
.production-base .bottomwrap .innerbox .image .name {
  position: absolute;
  width: 100%;
  bottom: 0.5rem;
  left: 0.5rem;
}
.production-base .bottomwrap .innerbox .image .swiper-pagination {
  bottom: 0.63rem;
  text-align: right;
  padding-right: 0.5rem;
}
.production-base .bottomwrap .innerbox .image .swiper-pagination-bullet {
  width: 0.12rem;
  height: 0.12rem;
}
.production-base .bottomwrap .innerbox .image .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.production-base .bottomwrap .innerbox .image .swiper-pagination-bullet-active {
  background-color: var(--color-active);
}
.production-base .bottomwrap .innerbox .image .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px;
}
@media (max-width:1280px) {
  .production-base .bottomwrap .innerbox .info .tabitem li {
    padding: 0.4rem 0;
  }
}
@media (max-width: 767px) {
  .production-base .topwrap .info {
    margin-top: 0.5rem;
  }
  .production-base .bottomwrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .production-base .bottomwrap .innerbox .info {
    width: 100%;
  }
  .production-base .bottomwrap .innerbox .info .tabitem .active .bottom {
    display: block;
  }
  .production-base .bottomwrap .innerbox .image {
    width: 100%;
  }
  .production-base .bottomwrap .innerbox .image .oneSwiper {
    width: 100%;
  }
  .production-base .bottomwrap .innerbox .image .oneSwiper .swiper-wrapper {
    width: 100%;
  }
  .production-base .bottomwrap .innerbox .image .oneSwiper .swiper-wrapper .swiper-slide {
    width: 100% !important;
  }
  .production-base .bottomwrap .innerbox .image li {
    border-bottom: none !important;
  }
  .production-base .bottomwrap .innerbox .image .swiper-pagination {
    display: none;
  }
}
@media (max-width:480px) {
    .production-base .top-title .desc p:before{
        top: 10px;
        transform: inherit;
    }
  .production-base {
    padding-top: 0.6rem;
  }
  .production-base .top-title {
    display: inline-block;
    width: 100%;
  }
  .production-base .top-title .publictitle {
    width: 100%;
  }
  .production-base .top-title .desc {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.intelligent-manufacturing {
  padding: 1rem 0;
}
.intelligent-manufacturing .innerbox .videobox {
  position: relative;
  margin-top: 0.4rem;
}
.intelligent-manufacturing .innerbox .videobox .image {
  min-height: 180px;
}
.intelligent-manufacturing .innerbox .videobox .image img {
  width: 100%;
  height: 100%;
  min-height: 180px;
}
.intelligent-manufacturing .innerbox .videobox .c-play {
  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;
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
}
.intelligent-manufacturing .innerbox .videobox .c-play img {
  width: 0.8rem;
  height: 0.8rem;
}
@media (max-width:480px) {
  .intelligent-manufacturing {
    padding: 0.6rem 0;
  }
}
.data-center-banner {
  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-top: var(--header-height);
  background: url("../images/data-center-banner.png") no-repeat;
  padding-bottom: 0.5rem;
  height: 5.6rem;
  background-size: cover;
}
.data-center-banner .innerbox .title {
  line-height: 1;
}
.data-center-banner .innerbox .desc {
  color: var(--black-666);
  white-space: pre-line;
  line-height: calc(32/18);
  width: 60%;
}
@media (max-width:768px) {
  .data-center-banner {
    background-size: cover;
    height: auto;
    padding-top: 1.8rem;
  }
}
@media (max-width:480px) {
  .data-center-banner .innerbox .desc{
      width: 100%;
      
  }
}

.scheme-wrap {
  padding: 1rem 0;
  background: url("../images/scheme-bg.png") no-repeat;
  background-position: top right;
  background-size: contain;
}
.scheme-wrap .innerbox p:first-child{
    text-transform: capitalize;
}
.scheme-wrap .innerbox .info {
  gap: 0.5rem;
  margin-top: 0.4rem;
}
.scheme-wrap .innerbox .info .right {
  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;
  flex-direction: column;
}
.scheme-wrap .innerbox .info .right .desc {
  color: var(--black-666);
  margin-top: 0.3rem;
  line-height: calc(32/18);
  font-size: var(--font18);
}
@media (max-width:480px) {
  .scheme-wrap {
    padding: 0.6rem 0;
  }
  .scheme-wrap .innerbox .info {
    grid-template-columns: repeat(1, 1fr);
  }
  .scheme-wrap .innerbox .info .right {
    margin-top: 0.3rem;
  }
}
.application-value-wrap {
  padding: 1rem 0;
  background: url("../images/application-value-wrap.jpg") no-repeat;
  background-size: cover;
}
.application-value-wrap .innerbox {
  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;
}
.application-value-wrap .innerbox p:first-child{
    text-transform: capitalize;
}

.application-value-wrap .innerbox .itemlist {
  width: 73%;
  gap: 0.5rem;
}
.application-value-wrap .innerbox .itemlist .item {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.application-value-wrap .innerbox .itemlist .item .name {
  padding-top: 0.35rem;
}
.application-value-wrap .innerbox .itemlist .item .desc {
  margin-top: 0.24rem;
  font-size: var(--font18);
}
.application-value-wrap .innerbox .itemlist .item .desc p {
  position: relative;
  line-height: calc(32/18);
  padding-left: 0.2rem;
  font-size: var(--font18);
}
.application-value-wrap .innerbox .itemlist .item .desc p:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: 0;
  top: 0.15rem;
  background: #00479D;
  transition: all 0.8s ease-in-out;
}
@media (max-width:480px) {
    .application-value-wrap .innerbox .itemlist .item .desc p:before{
        top: 0.19rem;
    }
  .application-value-wrap {
    padding: 0.6rem 0;
    background-size: cover;
  }
  .application-value-wrap .innerbox {
    display: inline-block;
    width: 100%;
  }
  .application-value-wrap .innerbox .itemlist {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0.5rem;
  }
}

.application-value-wrap2 {
  padding: 1rem 0;
  background: url("../images/application-value-wrap.jpg") no-repeat;
}
.application-value-wrap2 .innerbox .itemlist {
  width: 100%;
  gap: 0.5rem;
  margin-top: 0.5rem;
  overflow: hidden;
}
.application-value-wrap2 .innerbox .itemlist .item {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}
.application-value-wrap2 .innerbox .itemlist .item .name {
  padding-top: 0.35rem;
}
.application-value-wrap2 .innerbox .itemlist .item .desc {
  margin-top: 0.24rem;
  font-size: var(--font18);
}
.application-value-wrap2 .innerbox .itemlist .item .desc p {
  position: relative;
  line-height: calc(32/18);
  padding-left: 0.2rem;
  font-size: var(--font18);
}
.application-value-wrap2 .innerbox .itemlist .item .desc p:before {
  position: absolute;
  content: '';
  width: 4px;
  height: 4px;
  left: 0;
  top: 0.1rem;
  background: #00479D;
  transition: all 0.8s ease-in-out;
}
.application-value-wrap2 .innerbox .itemlist .swiper-pagination {
  position: relative;
  margin-top: 0.5rem;
}
@media (max-width:480px) {
  .application-value-wrap2 {
    padding: 0.6rem 0;
    background-size: cover;
  }
  .application-value-wrap2 .innerbox {
    display: inline-block;
    width: 100%;
  }
  .application-value-wrap2 .innerbox .itemlist {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0.5rem;
  }
}



.solution-two-section1 {
  position: relative;
  padding-top: 1rem;
}
.solution-two-section1 p{
    
}
.solution-two-section1 .innerbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 10px;
}
.solution-two-section1 .bottomwrap {
  margin-top: 0.4rem;
}
.solution-two-section1 .bottomwrap .innerbox {
  margin-top: 0.5rem;
  background: #F7F9FB;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.solution-two-section1 .bottomwrap .innerbox .info {
  border-radius: 10px;
  padding: 0 0.3rem;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li {
  cursor: pointer;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .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;
  padding: 0.34rem 0;
  line-height: 1;
  border-top: solid 1px #E9EDF2;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .top .title {
  color: var(--black-666);
  font-family: 'HONORSansCN-M';
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .top .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;
  width: 0.3rem;
  height: 0.3rem;
  min-width: 28px;
  min-height: 28px;
  border-radius: 50%;
  border: 1px solid #DCDEE1;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .top .icon img {
  filter: brightness(0) invert(0.7);
  transform: rotate(180deg);
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .bom {
  display: none;
  padding-bottom: 0.45rem;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .bom .info {
  max-width: 6.94rem;
  line-height: calc(32/18);
  opacity: 0.8;
  padding: 0;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .bom .public-idx-more {
  margin-top: 0.5rem;
  display: none;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .bom .mobileimg {
  width: 100%;
  height: 4rem;
  margin-top: 0.5rem;
  display: none;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .bom .mobileimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li:first-child .top {
  border-top: none;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li:last-child {
  border-bottom: none;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li:last-child .top {
  border-bottom: none;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li:last-child .bom {
  border-bottom: none;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul .active .top {
  border-bottom: none;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul .active .top .title {
  color: var(--color-green-72f);
  opacity: 1;
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul .active .top .icon {
  border: none;
  background-color: rgba(0, 71, 157, 0.1);
}
.solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul .active .top .icon img {
  filter: inherit;
  transform: rotate(0deg);
}
.solution-two-section1 .bottomwrap .innerbox .image {
  border-radius: 20px;
  overflow: hidden;
}
.solution-two-section1 .bottomwrap .innerbox .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.solution-two-section1 .bottomwrap .innerbox .image .swiper-pagination {
  display: none;
}
@media (max-width: 767px) {
  .solution-two-section1 .topwrap .info {
    margin-top: 0.5rem;
  }
  .solution-two-section1 .innerbox {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .bom .mobileimg {
    display: inline-block;
  }
  .solution-two-section1 .bottomwrap .innerbox .image {
    display: none;
  }
}
@media (max-width:480px) {
  .solution-two-section1 {
    padding-top: 0.6rem;
  }
  .solution-two-section1 .bottomwrap .innerbox .info .tab-ul ul li .bom{
      height: 4.3rem;
    overflow: auto;
  }
}
.relatedcases-wrap {
  padding-bottom: 1rem;
  position: relative;
}
.relatedcases-wrap .newtitle {
  margin-bottom: 0.4rem;
}
.relatedcases-wrap .case-title {
  margin-bottom: 0.4rem;
}
.relatedcases-wrap .innerbox {
  overflow: hidden;
}
.relatedcases-wrap .innerbox .item {
  position: relative;
  background: #F7F9FB;
  border-radius: 20px;
}
.relatedcases-wrap .innerbox .item a {
  width: 100%;
}
.relatedcases-wrap .innerbox .item .image {
  height: 2.36rem;
  background: #AEAEAE;
  border-radius: 20px 20px 0px 0px ;
  overflow: hidden;
}
.relatedcases-wrap .innerbox .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;
  border-radius: 20px 20px 0px 0px ;
}
.relatedcases-wrap .innerbox .item .info {
  z-index: 2;
  position: relative;
  height: 1.53rem;
  border-radius: 0px 0px 20px 20px;
  padding: 0.3rem;
  min-height: 140px;
}
.relatedcases-wrap .innerbox .item .info a {
  width: 100%;
}
.relatedcases-wrap .innerbox .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);
}
.relatedcases-wrap .innerbox .item .info .more {
  position: absolute;
  width: 100%;
  line-height: 1;
  bottom: 0.3rem;
}
.relatedcases-wrap .innerbox .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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.relatedcases-wrap .innerbox .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);
}
.relatedcases-wrap .innerbox .swiper-pagination {
  display: none;
  position: relative;
  margin-top: 0.5rem;
}
.relatedcases-wrap .innerbox .pagination-operate {
  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;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.relatedcases-wrap .innerbox .pagination-operate .prebtn {
  margin-left: 5%;
}
.relatedcases-wrap .innerbox .pagination-operate .nextbtn {
  margin-right: 5%;
}
@media (max-width:1560px) {
  .relatedcases-wrap .innerbox .pagination-operate .prebtn {
    margin-left: 3%;
  }
  .relatedcases-wrap .innerbox .pagination-operate .nextbtn {
    margin-right: 3%;
  }
}
@media (max-width:990px) {
  .relatedcases-wrap .innerbox .swiper-pagination {
    display: block;
  }
  .relatedcases-wrap .innerbox .pagination-operate {
    display: none;
  }
}
@media (max-width:768px) {
  .relatedcases-wrap {
    padding: inherit;
  }
}
@media (max-width:480px) {
  .relatedcases-wrap .innerbox {
    grid-template-columns: repeat(1, 1fr);
  }
  .relatedcases-wrap .innerbox .item {
    width: 100%;
  }
  .relatedcases-wrap .innerbox .item a {
    width: 100%;
  }
}

.liquid-section1 .ls-one {
  padding: 1rem 0;
}
.liquid-section1 .ls-one .innerbox .title {
  text-align: center;
}
.liquid-section1 .ls-one .innerbox .sec-title {
  margin-top: 0.3rem;
  text-align: center;
}
.liquid-section1 .ls-one .innerbox .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
  margin-top: 0.4rem;
}
.liquid-section1 .ls-one .innerbox .info .left {
  cursor: pointer;
  width: 44%;
  overflow: hidden;
  border-radius: 20px;
  height: 5.4rem;
}
.liquid-section1 .ls-one .innerbox .info .left 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);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.liquid-section1 .ls-one .innerbox .info .left: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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.liquid-section1 .ls-one .innerbox .info .right {
  width: 56%;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline .item {
  overflow: hidden;
  cursor: pointer;
  height: 2.6rem;
  border-radius: 20px;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline .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);
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline .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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.liquid-section1 .ls-one .innerbox .info .right .rowline .videobox {
  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;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline .videobox .c-play {
  position: absolute;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline .videobox .icon {
  width: 0.5rem;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline1 .item:first-child {
  width: 45%;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline1 .item:last-child {
  width: 55%;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
  margin-top: 0.2rem;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline2 .item:first-child {
  width: 55%;
}
.liquid-section1 .ls-one .innerbox .info .right .rowline2 .item:last-child {
  width: 45%;
}
.liquid-section1 .ls-two {
  padding: 1rem 0;
  background: url("../images/ls-two.png") no-repeat;
  background-size: cover;
}
.liquid-section1 .ls-two .innerbox .top {
  position: relative;
}
.liquid-section1 .ls-two .innerbox .top .image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.liquid-section1 .ls-two .innerbox .top .image img{
    height: 100%;
}
.liquid-section1 .ls-two .innerbox .top .info {
  position: relative;
  padding: 1.4rem 1.4rem 1.8rem 1.4rem;
  text-align: center;
}
.liquid-section1 .ls-two .innerbox .top .info .title {
  background: linear-gradient(0deg, #02FAFF 0%, #34DDE8 0%, #295BFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.liquid-section1 .ls-two .innerbox .top .info .desc {
  margin-top: 1rem;
  white-space: pre-line;
  line-height: calc(32/18);
}
.liquid-section1 .ls-two .innerbox .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-radius: 20px;
  background-color: var(--white-color);
  margin-top: 0.6rem;
}
.liquid-section1 .ls-two .innerbox .bottom .itemlist {
  width: 59%;
  padding: 0 0.5rem;
}
.liquid-section1 .ls-two .innerbox .bottom .itemlist .item {
  border-bottom: solid 1px #E9EDF2;
  padding: 0.6rem 0;
  cursor: pointer;
}
.liquid-section1 .ls-two .innerbox .bottom .itemlist .item:last-child {
  border-bottom: none;
}
.liquid-section1 .ls-two .innerbox .bottom .itemlist .item .name {
  -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);
}
.liquid-section1 .ls-two .innerbox .bottom .itemlist .item .desc {
  white-space: pre-line;
  line-height: calc(32/18);
}
.liquid-section1 .ls-two .innerbox .bottom .itemlist .item:hover .name {
  -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);
  color: var(--active-color);
}
.liquid-section1 .ls-two .innerbox .bottom .image {
  width: 41%;
  overflow: hidden;
  border-radius: 20px;
  cursor: pointer;
}
.liquid-section1 .ls-two .innerbox .bottom .image img {
  width: 100%;
  height: 100%;
  -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-radius: 20px;
}
.liquid-section1 .ls-two .innerbox .bottom .image: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);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width:990px) {
  .liquid-section1 .ls-two .innerbox .bottom .itemlist .item .desc {
    white-space: inherit;
  }
}
@media (max-width:480px) {
    .liquid-section1 .ls-one .innerbox .info .right .rowline1,.liquid-section1 .ls-one .innerbox .info .right .rowline2{
        display: inline-block; width: 100%;
    }
    .liquid-section1 .ls-one .innerbox .info .right .rowline1 .item:first-child,.liquid-section1 .ls-one .innerbox .info .right .rowline2 .item:first-child{
        width: 100%;
        height: auto;
    }
    .liquid-section1 .ls-one .innerbox .info .right .rowline1 .item:last-child,.liquid-section1 .ls-one .innerbox .info .right .rowline2 .item:last-child{
        width: 100%;
        margin-top: .2rem;
         height: auto;
    }
    
  .liquid-section1 .ls-one {
    padding: 0.6rem 0;
  }
  .liquid-section1 .ls-one .innerbox .info {
    display: inline-block;
    width: 100%;
  }
  .liquid-section1 .ls-one .innerbox .info .left {
    width: 100%;
  }
  .liquid-section1 .ls-one .innerbox .info .right {
    width: 100%;
    margin-top: 0.2rem;
  }
  .liquid-section1 .ls-two {
    padding: 0.6rem 0;
  }
  .liquid-section1 .ls-two .innerbox .top .info {
    padding: 1.4rem 20px;
  }
  .liquid-section1 .ls-two .innerbox .top .info .desc {
    white-space: inherit;
    text-align: left;
  }
  .liquid-section1 .ls-two .innerbox .top .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
  }
  .liquid-section1 .ls-two .innerbox .bottom {
    display: inline-block;
    width: 100%;
  }
  .liquid-section1 .ls-two .innerbox .bottom .itemlist {
    width: 100%;
  }
  .liquid-section1 .ls-two .innerbox .bottom .image {
    width: 100%;
  }
}
.liquid-section2 {
  position: relative;
}
.liquid-section2 .title {
  text-align: center;
}
.liquid-section2 .innerbox .image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.liquid-section2 .innerbox .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.liquid-section2 .innerbox .info {
  position: relative;
  padding: 1.4rem 0;
  z-index: 2;
  color: var(--white-color);
  color: #ffffff;
}
.liquid-section2 .innerbox .itemlist {
  margin-top: 1.4rem;
}
.liquid-section2 .innerbox .itemlist .item {
  padding: 0.38rem;
  border-right: solid 1px rgba(255, 255, 255, 0.1);
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}
.liquid-section2 .innerbox .itemlist .item .name {
  font-family: 'HONORSansCN-B';
  font-weight: 700;
  text-align: center;
  font-size: var(--font50);
  color: #5AA5FF;
}
.liquid-section2 .innerbox .itemlist .item .desc {
  font-size: var(--font20);
  margin-top: 0.2rem;
  white-space: pre-line;
  text-align: center;
}
.liquid-section2 .innerbox .itemlist .item:nth-child(3),
.liquid-section2 .innerbox .itemlist .item:nth-child(6) {
  border-right: none;
}
.liquid-section2 .innerbox .itemlist .item:nth-child(4),
.liquid-section2 .innerbox .itemlist .item:nth-child(5),
.liquid-section2 .innerbox .itemlist .item:nth-child(6) {
  border-bottom: none;
}
@media (max-width:480px) {
  .liquid-section2 .innerbox .itemlist {
    margin-top: 0.5rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .liquid-section2 .innerbox .itemlist .item {
    border-right: none;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1) !important;
  }
}
.liquid-section3 {
  padding: 1rem 0;
}
.liquid-section3 .innerbox .title {
  text-align: center;
}
.liquid-section3 .innerbox .itemlist {
  gap: 0.6rem;
  margin-top: 0.4rem;
}
.liquid-section3 .innerbox .itemlist .item .card {
  background: #F5F7F9;
  border-radius: 0.2rem;
  border: 1px solid #E7EBEF;
  padding: 0.32rem;
  height: 3.6rem;
}
.liquid-section3 .innerbox .itemlist .item .card .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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
}
.liquid-section3 .innerbox .itemlist .item .desc {
  
  line-height: calc(32/18);
  margin-top: 0.3rem;
}
@media (max-width:480px) {
  .liquid-section3 .innerbox .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
}
.liquid-section4 {
  padding: 1rem 0;
  background: #F8FBFF;
}
.liquid-section4 .innerbox .title {
  text-align: center;
}
.liquid-section4 .innerbox .itemlist {
  margin-top: 0.4rem;
  gap: 0.15rem;
}
.liquid-section4 .innerbox .itemlist .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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #E7EBEF;
  padding: 0.2rem;
  height: 140px;
}
.liquid-section4 .innerbox .itemlist .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: contain;
  filter: brightness(0) invert(0.7);
}
.liquid-section4 .innerbox .itemlist .image: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);
}
.liquid-section4 .innerbox .itemlist .image:hover img {
  filter: inherit;
}
.liquid-section4 .innerbox .itemlist .swiper-pagination {
  position: relative;
  margin-top: 0.7rem;
  display: none;
}
@media (max-width:480px) {
    .liquid-section4 .innerbox .itemlist{
        overflow: hidden;
    }
    .liquid-section4 .innerbox .itemlist .image{
        height: 90px;
    }
  .liquid-section4 .innerbox .itemlist .swiper-pagination {
    display: block;
  }
}
.liquid-section5 {
  padding: 1rem 0;
}