@charset "utf-8";
/* https://www.huahanlink.com/ */
/* 技术：小王 QQ：491813163  微信：18223904336 */
/* 公共响应变量 */
/* 初始化*/
* {
  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: calc(100vw / 21);
  }
}
@media (max-width:1280px) {
  html {
    font-size: calc(100vw / 19.3);
  }
}
@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: "OPPOSans";*/
  font-family: "OPPOSans40";
  font-size: 16px;
  color: #222222;
  background: #fff;
}
.deepblue{
    background: #F5F9FD;
}
.bge8{
    background: #E8EDF2;
}
@media (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
html {
  overflow-x: hidden;
}
html,
body {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
  color: #333;
}
img {
  max-width: 100%;
  max-height: 100%;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 120%;
}
input,
textarea {
  resize: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
  appearance: none;
}
ul.swiper-wrapper {
  margin: 0;
  padding: 0;
}
/* Flex 布局 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.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;
}
/* 文字超出隐藏 */
.text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 动画 */
.abImg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}
.dh {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* 动画延迟 */
/* 图片放大 */
/* 旋转 */
.xzx {
  transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.xzy {
  transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
}
/* 比例 */
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.ab {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
}
/* 图片 水平垂直 居中 */
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* 侧边条 */
::-webkit-scrollbar {
  width: 3px;
  height: 5px;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 0;
}
::-webkit-scrollbar-thumb {
  background-color: #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 0;
}
/* 媒体查询 缩写 */
/* 媒体查询 缩写 */
/* 布局 */
.w1600 {
  width: 83.33333333%;
  height: auto;
  margin: 0 auto;
}
@media (max-width:1880px) {
  .w1600 {
    width: 85.10638298%;
    margin: 0 auto;
  }
}
@media (max-width:990px) {
  .w1600 {
    width: 100%;
    padding: 0 20px;
  }
}
/* 常用 CSS3 动画 */
/* 360 旋转 */
@keyframes run {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes run2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes tran_run {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes tran_run2 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
/* 大 => 小 */
@keyframes grow2 {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
/* 透明度  1 => 0 */
@keyframes bgfd {
  0% {
    width: 0%;
    height: 0%;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
/* 放大 */
@keyframes grow33 {
  0% {
    transform: scale(0);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
/* 默认 空标签 */
.cle {
  clear: both;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  font-size: 0px;
}
/* 图片 垂直居中 */
.imgmid {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 100%;
  width: 1px;
  margin-left: -1px;
  vertical-align: middle;
  font-size: 0px;
}
.block_a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  overflow: hidden;
}
.none {
  display: none;
}
/* 移动端不兼容 暂不推荐使用 */
.ratio {
  -webkit-aspect-ratio: 1 / 1;
  aspect-ratio: 1 / 1;
}
.center_box {
  position: relative;
  z-index: 5;
}
.m1px {
  margin-bottom: -1px;
}
:root {
  --active_color: #3163F7;
  --active_red: #FD0000;
  --bg_color: #FAFAFA;
  /* 字体 */
  /* --- font40以下 */
  --font12: clamp(12px, 0.12rem, 12px);
  --font14: clamp(12px, 0.14rem, 14px);
  --font16: clamp(13px, 0.16rem, 16px);
  --font17: clamp(13px, 0.17rem, 17px);
  --font18: clamp(14px, 0.18rem, 18px);
  --font20: clamp(15px, 0.2rem, 20px);
  --font22: clamp(16px, 0.22rem, 22px);
  --font24: clamp(17px, 0.24rem, 24px);
  --font26: clamp(18px, 0.26rem, 26px);
  --font28: clamp(18px, 0.28rem, 28px);
  --font30: clamp(20px, 0.3rem, 30px);
  --font32: clamp(20px, 0.32rem, 32px);
  --font34: clamp(22px, 0.34rem, 34px);
  --font36: clamp(22px, 0.36rem, 36px);
  --font38: clamp(24px, 0.38rem, 38px);
  /* --- font40 */
  --font40: clamp(23px, 0.4rem, 40px);
  --font42: clamp(24px, 0.42rem, 42px);
  --font44: clamp(24px, 0.44rem, 44px);
  --font46: clamp(25px, 0.46rem, 46px);
  --font48: clamp(26px, 0.48rem, 48px);
  /* --- font50 */
  --font50: clamp(28px, 0.5rem, 50px);
  --font52: clamp(28px, 0.52rem, 52px);
  --font54: clamp(28px, 0.54rem, 54px);
  --font56: clamp(28px, 0.56rem, 56px);
  --font58: clamp(29px, 0.58rem, 58px);
  /* --- font60 */
  --font60: clamp(30px, 0.6rem, 60px);
  --font62: clamp(31px, 0.66rem, 62px);
  --font64: clamp(31px, 0.66rem, 64px);
  --font66: clamp(31px, 0.66rem, 66px);
  /* --- font70以及以上 */
  --font70: clamp(32px, 0.7rem, 70px);
  --font72: clamp(32px, 0.72rem, 72px);
  --font74: clamp(32px, 0.74rem, 74px);
  --font80: clamp(32px, 0.8rem, 80px);
  --font90: clamp(32px, 0.9rem, 90px);
  --font100: 1rem;
  --font120: 1.2rem;
  --font130: 1.3rem;
  --font160: 1.6rem;
  --font220: 2.2rem;
  --font15: clamp(12px, 0.15rem, 15px);
  /* 圆角 */
  --border-radius20: clamp(0.625rem, calc(-0.913rem + 1.92vw), 1.25rem);
  --border-radius18: clamp(0.625rem, calc(-0.606rem + 1.54vw), 1.125rem);
  --border-radius16: clamp(0.5rem, calc(-0.731rem + 1.54vw), 1rem);
  --border-radius14: clamp(0.5rem, calc(-0.423rem + 1.15vw), 0.875rem);
  --border-radius12: clamp(0.375rem, calc(-0.548rem + 1.15vw), 0.75rem);
  --border-radius10: clamp(0.313rem, calc(-0.457rem + 0.96vw), 0.625rem);
  --border-radius8: clamp(0.25rem, calc(-0.365rem + 0.77vw), 0.5rem);
  /* 数值 */
  /* 70px ~ 310px */
  --num_310: clamp(4.375rem, calc(-32.548rem + 46.15vw), 19.375rem);
  /* 70px ~ 300px */
  --num_300: clamp(4.375rem, calc(-31.010rem + 44.23vw), 18.75rem);
  /* 70px ~ 230px */
  --num_230: clamp(4.375rem, calc(-20.240rem + 30.77vw), 14.375rem);
  /* 70px ~ 220px */
  --num_220: clamp(4.375rem, calc(-18.702rem + 28.85vw), 13.75rem);
  /* 70px ~ 210px */
  --num_210: clamp(4.375rem, calc(-17.163rem + 26.92vw), 13.125rem);
  /* 70px ~ 200px */
  --num_200: clamp(4.375rem, calc(-15.625rem + 25.00vw), 12.5rem);
  /* 70px ~ 190px */
  --num_190: clamp(4.375rem, calc(-14.087rem + 23.08vw), 11.875rem);
  /* 70px ~ 180px */
  --num_180: clamp(4.375rem, calc(-12.548rem + 21.15vw), 11.25rem);
  /* 70px ~ 170px */
  --num_170: clamp(4.375rem, calc(-11.010rem + 19.23vw), 10.625rem);
  /* 70px ~ 160px */
  --num_160: clamp(4.375rem, calc(-9.4710rem + 17.31vw), 10rem);
  /* 70px ~ 150px */
  --num_150: clamp(4.375rem, calc(-7.9330rem + 15.38vw), 9.375rem);
  /* 70px ~ 140px */
  --num_140: clamp(4.375rem, calc(-6.3940rem + 13.46vw), 8.75rem);
  /* 65px ~ 130px */
  --num_130: clamp(4.063rem, calc(-5.9380rem + 12.50vw), 8.125rem);
  /* 60px ~ 120px */
  --num_120: clamp(3.75rem, calc(-5.4810rem + 11.54vw), 7.5rem);
  /* 55px ~ 110px */
  --num_110: clamp(3.438rem, calc(-5.0240rem + 10.58vw), 6.875rem);
  /* 50px ~ 105px */
  --num_105: clamp(3.125rem, calc(-5.3370rem + 10.58vw), 6.563rem);
  /* 50px ~ 100px */
  --num_100: clamp(3.125rem, calc(-4.5670rem + 9.620vw), 6.25rem);
  /* 45px ~ 95px */
  --num_95: clamp(2.813rem, calc(-4.880rem + 9.62vw), 5.938rem);
  /* 45px ~ 90px */
  --num_90: clamp(2.813rem, calc(-4.111rem + 8.65vw), 5.625rem);
  /* 40px ~ 85px */
  --num_85: clamp(2.5rem, calc(-4.423rem + 8.65vw), 5.313rem);
  /* 40px ~ 80px */
  --num_80: clamp(2.5rem, calc(-3.654rem + 7.69vw), 5rem);
  /* 35px ~ 75px */
  --num_75: clamp(2.188rem, calc(-3.966rem + 7.69vw), 4.688rem);
  /* 35px ~ 70px */
  --num_70: clamp(2.188rem, calc(-3.197rem + 6.73vw), 4.375rem);
  /* 30px ~ 65px */
  --num_65: clamp(1.875rem, calc(-3.510rem + 6.73vw), 4.063rem);
  /* 30px ~ 60px */
  --num_60: clamp(1.875rem, calc(-2.740rem + 5.77vw), 3.75rem);
  /* 25px ~ 55px */
  --num_55: clamp(1.563rem, calc(-3.053rem + 5.77vw), 3.438rem);
  /* 25px ~ 50px */
  --num_50: clamp(1.563rem, calc(-2.284rem + 4.81vw), 3.125rem);
  /* 20px ~ 45px */
  --num_45: clamp(1.25rem, calc(-2.596rem + 4.81vw), 2.813rem);
  /* 20px ~ 40px */
  --num_40: clamp(1.25rem, calc(-1.827rem + 3.85vw), 2.5rem);
  /* 15px ~ 35px */
  --num_35: clamp(0.938rem, calc(-2.139rem + 3.85vw), 2.188rem);
  /* 15px ~ 30px */
  --num_30: clamp(0.938rem, calc(-1.370rem + 2.88vw), 1.875rem);
  /* 10px ~ 25px */
  --num_25: clamp(0.625rem, calc(-1.683rem + 2.88vw), 1.563rem);
  /* 10px ~ 20px */
  --num_20: clamp(0.625rem, calc(-0.913rem + 1.92vw), 1.25rem);
}
/* 分页 */
.layui-laypage a,
.layui-laypage span {
  width: 43px;
  line-height: 43px;
  height: 43px;
  padding: 0;
  
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--active_color);
}
.layui-laypage a:hover {
  color: var(--active_color);
}
/* 字体颜色 */
.white {
  color: #fff;
}
.blue {
  color: #1f4d92;
}
.grey {
  color: #97ADC3;
}
/* 网格布局 */
.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);
}
.mt10 {
  margin-top: 0.1rem;
}
.mt20 {
  margin-top: 0.2rem;
}
.mt30 {
  margin-top: 0.3rem;
}
.mt40 {
  margin-top: 0.4rem;
}
.mt50 {
  margin-top: 0.5rem;
}
/* 文字字重 */
.medium {
  font-weight: 500;
  font-family: "OPPOSans40";
}
.bold {
  font-weight: 600;
  /*font-family: "OPPOSans40";*/
}
.heavy,
.semibold {
  font-weight: 700;
}
/* 字体大小 */
/* 间距 */
/* 点扩散 */
.halo_box {
  width: 100px;
  height: 100px;
  position: relative;
  --color: #FFF;
}
.halo_box::before,
.halo_box::after,
.halo_box .halo::before,
.halo_box .halo::after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  box-shadow: 0 0 60px var(--color) inset;
}
.halo_box::before,
.halo_box::after,
.halo_box .halo::before,
.halo_box .halo::after,
.halo_box .halo {
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.halo_box::before {
  animation: bgfd 6s ease infinite;
}
.halo_box::after {
  animation: bgfd 6s ease infinite 1.5s;
}
.halo_box .halo {
  width: 100%;
  height: 100%;
  position: relative;
}
.halo_box .halo::before {
  animation: bgfd 6s ease infinite 3s;
}
.halo_box .halo::after {
  animation: bgfd 6s ease infinite 4.5s;
  filter: invert();
}
/* ----------------------------------------------------------    字体 */
/* -------------------------------------------------------------------  字体 */
@font-face {
  font-family: "OPPOSans40";
  src: url("../fonts/OPPO_SANS_4.0.TTF");
  font-weight: normal;
}
/*@font-face {*/
/*  font-family: "OPPOSansL";*/
/*  src: url("../fonts/OPPOSans-Light.ttf");*/
/*  font-weight: 300;*/
/*}*/
/*@font-face {*/
/*  font-family: "OPPOSans";*/
/*  src: url("../fonts/OPPOSans-Regular.ttf");*/
/*  font-weight: normal;*/
/*}*/
/*@font-face {*/
/*  font-family: "OPPOSans40";*/
/*  src: url("../fonts/OPPOSans-Medium.ttf");*/
/*  font-weight: 500;*/
/*}*/
/*@font-face {*/
/*  font-family: "OPPOSans40";*/
/*  src: url("../fonts/OPPOSans-Bold.ttf");*/
/*  font-weight: 600;*/
/*}*/
/*@font-face {*/
/*  font-family: "OPPOSans";*/
/*  src: url("../fonts/OPPOSans-Heavy.ttf");*/
/*  font-weight: 700;*/
/*}*/
@font-face {
  font-family: "CHAKRAPETCH";
  src: url("../fonts/CHAKRAPETCH-SEMIBOLD.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "CHAKRAPETCH-B";
  src: url("../fonts/CHAKRAPETCH-BOLD.TTF");
  font-weight: 700;
}





.layui-btn {
  height: 100%;
  border-radius: 0;
  background: #3163f7;
}
/* Placeholder style */
/* 视频弹窗 */
.videomark {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9998;
  display: none;
}
.videobox {
  position: fixed;
  width: 1400px;
  max-width: calc(100% - 100px);
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}
.videobox video {
  width: 100%;
  object-fit: fill;
}
.videobox .close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 9;
  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;
  font-size: 0;
  --c: #1A1A1A;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.videobox .close::before,
.videobox .close::after {
  content: '';
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--c);
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.videobox .close::before {
  width: 2px;
}
.videobox .close::after {
  height: 2px;
}
.videobox .close:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  background: #3163f7;
  --c: #FFF;
}
.videobox .video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.videobox .video video,
.videobox .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  object-fit: fill;
}
@media (max-width:1440px) {
  .videobox {
    max-width: 70%;
  }
}
@media (max-width:768px) {
  .videobox {
    width: 100%;
    max-width: 100%;
  }
  .videobox .close {
    right: 0;
    top: -40px;
  }
}
.h100 {
  height: 100%;
}
/* 最大 内容盒子 */
main {
  width: 100%;
  height: auto;
  --header-height: 80px;
}
@media (max-width:1280px) {
  main {
    --header-height: 60px;
  }
}
.fp-auto-height {
  min-height: auto !important;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.wowInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.s-animate,
.s-animate-up {
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
}
/* 头部 */
header {
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  /* -------------------------------------------------------------------  搜索框 */
  /* Mobile version header */
}
header .header_box {
  width: 100%;
  height: var(--header-height);
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  --logo-color: #FFF;
  --color: #FFF;
  --bg-color: rgba(255, 255, 255, 0.3);
  --filter: brightness(0) invert(1);
  --spacing: clamp(1.5rem, calc(-2.5rem + 5vw), 3.125rem);
}
header .header_box::after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100%;
  height: 0%;
  background: #FFF;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box {
  width: 100%;
  height: 100%;
  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;
  --min_width: 3rem;
  gap: 20px;
}
header .header_box .center_box .header_logo {
  width: var(--min_width);
  height: 100%;
  flex-shrink: 0;
}
header .header_box .center_box .logo {
  width: auto;
  height: 100%;
  font-size: 0;
}
header .header_box .center_box .logo svg {
  width: 100%;
  height: 100%;
}
header .header_box .center_box .logo svg .cls-1,
header .header_box .center_box .logo svg .cls-3 {
  fill: var(--color);
}
header .header_box .center_box .logo svg .cls-2 {
  fill: #3163f7;
}
header .header_box .center_box .logo 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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
header .header_box .center_box .logo a .be {
  opacity: 0;
  position: absolute;
  z-index: 2;
}
header .header_box .center_box .logo a .af {
  position: relative;
  z-index: 1;
}
header .header_box .center_box .logo a img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .header_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 0.8rem;
}
header .header_box .center_box .header_right .header_nav {
  width: fit-content;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: clamp(30px, 3.125vw, 60px);
}
header .header_box .center_box .header_right .header_column {
  height: 100%;
  flex-shrink: 0;
}
header .header_box .center_box .nav {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 5;
}
header .header_box .center_box .nav ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
}
header .header_box .center_box .nav ul li {
  width: 100%;
  height: 100%;
  position: relative;
}
header .header_box .center_box .nav ul li > a {
  font-weight: bold;
  font-family: "OPPOSans40";
  /*font-family: "OPPOSans40";*/
  gap: 0.09rem;
  width: 100%;
  height: 100%;
  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;
  line-height: 1;
  font-size: var(--font18);
  color: var(--color);
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .nav ul li > a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #fff;
  opacity: 0.23;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .nav ul li > a .more {
  width: max-content;
  height: auto;
  margin-top: .05rem;
}
header .header_box .center_box .nav ul li .subNav {
  position: absolute;
  top: 100%;
  background: #fff;
  min-width: 135px;
  left: -.18rem;
  padding: 0.1rem 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 0px 0px 15px 15px;
  
}
header .header_box .center_box .nav ul li .subNav > a {
  color: #222222;
  font-size: 14px;
  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: start;
  justify-content: start;
  padding: 0.07rem .2rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
 
}
header .header_box .center_box .nav ul li .subNav > a:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: var(--active_color);
  color: #fff;
}
header .header_box .center_box .nav ul li .subNav .active {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  background: var(--active_color);
}
header .header_box .center_box .nav ul li .propanel {
  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;
  position: absolute;
  top: 100%;
  background: var(--active_color);
  min-width: 170px;
  left: 62.5%;
  padding: 0.1rem 0;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: fixed;
  width: 11.1rem;
  min-width: 825px;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.18);
  background: #F7F7F7;
  border-radius: 0px 0px 15px 15px;
}
header .header_box .center_box .nav ul li .propanel .pro_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0.6rem 0.6rem;
}
header .header_box .center_box .nav ul li .propanel .pro_list .linebox {
  width: 33%;
}
header .header_box .center_box .nav ul li .propanel .pro_list .linebox .p_item {
  margin-bottom: 0.5rem;
}
header .header_box .center_box .nav ul li .propanel .pro_list .linebox .p_item .p_title {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font16);
}
header .header_box .center_box .nav ul li .propanel .pro_list .linebox .p_item .p_title:hover {
  color: #222222;
}
header .header_box .center_box .nav ul li .propanel .pro_list .linebox .p_item .pul {
  margin-top: 0.15rem;
}
header .header_box .center_box .nav ul li .propanel .pro_list .linebox .p_item .pul .pli {
  color: #999999;
  display: block;
  font-size: var(--font16);
  margin-bottom: 0.05rem;
}
header .header_box .center_box .nav ul li .core_propanel {
  position: fixed;
  width: 12rem;
  min-width: 1000px;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.18);
  background: #F7F7F7;
}
header .header_box .center_box .nav ul li .core_propanel .itemlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.29rem;
  padding: 0.32rem 0.52rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
header .header_box .center_box .nav ul li .core_propanel .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;
  height: 1.5rem;
  min-height: 120px;
  background: #FFFFFF;
  border-radius: 12px;
}
header .header_box .center_box .nav ul li .core_propanel .itemlist .item .icon {
  width: 0.36rem;
  height: 0.36rem;
}
header .header_box .center_box .nav ul li .core_propanel .itemlist .item .icon img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_box .center_box .nav ul li .core_propanel .itemlist .item .word {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 0.2rem;
  font-size: var(--font16);
}
header .header_box .center_box .nav ul li .core_propanel .itemlist .item:hover .icon img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
header .header_box .center_box .nav ul li .core_propanel .itemlist .item:hover .word {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #315EE4;
  font-weight: 600;
  font-family: "OPPOSans40";
}
header .header_box .center_box .nav ul li:hover .subNav,
header .header_box .center_box .nav ul li:hover .propanel,
header .header_box .center_box .nav ul li:hover .core_propanel {
  opacity: 1;
  visibility: visible;
}
header .header_box .center_box .nav ul li:hover a::before {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .column {
  width: auto;
  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: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 0.5rem;
}
header .header_box .center_box .column .head_search {
  width: auto;
  height: auto;
  position: relative;
}
header .header_box .center_box .column .head_search .round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  width: 0.2rem;
}
header .header_box .center_box .column .head_search .round img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .header_box .center_box .column .head_search .search_Box {
  position: fixed;
  width: 100vw;
  height: 250px;
  left: 0;
  background-color: #fff;
  top: 0;
  z-index: 88;
  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;
  transform: translateY(-100%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .column .head_search .search_Box .inputBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-gap: 0 20px;
}
header .header_box .center_box .column .head_search .search_Box .inputBox input {
  max-width: clamp(calc(420 / 16 * 1rem), calc((420 / 16 * 1rem) + ((620 - 420) * ((100vw - 1024 / 16 * 1rem) / (1920 - 1024)))), calc(620 / 16 * 1rem));
  height: clamp(calc(38 / 16 * 1rem), calc((38 / 16 * 1rem) + ((52 - 38) * ((100vw - 1024 / 16 * 1rem) / (1920 - 1024)))), calc(52 / 16 * 1rem));
  width: 100%;
  border: 1px solid #e5e5e5;
  font-size: var(--font14);
  color: #1f1f1f;
  padding-left: clamp(calc(20 / 2 * 1px), calc(20 / 1920 * 100 * 1vw), 20px);
  border-radius: 0.1rem;
}
header .header_box .center_box .column .head_search .search_Box .inputBox a {
  width: clamp(calc(80 / 16 * 1rem), calc((80 / 16 * 1rem) + ((90 - 80) * ((100vw - 1024 / 16 * 1rem) / (1920 - 1024)))), calc(90 / 16 * 1rem));
  height: clamp(calc(38 / 16 * 1rem), calc((38 / 16 * 1rem) + ((52 - 38) * ((100vw - 1024 / 16 * 1rem) / (1920 - 1024)))), calc(52 / 16 * 1rem));
  padding: 0 15px;
  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: #3163f7;
  color: #fff;
  border: 0;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 0.1rem;
}
header .header_box .center_box .column .head_search .search_Box .closBox {
  width: clamp(calc(30 / 16 * 1rem), calc((30 / 16 * 1rem) + ((40 - 30) * ((100vw - 1024 / 16 * 1rem) / (1920 - 1024)))), calc(40 / 16 * 1rem));
  height: clamp(calc(30 / 16 * 1rem), calc((30 / 16 * 1rem) + ((40 - 30) * ((100vw - 1024 / 16 * 1rem) / (1920 - 1024)))), calc(40 / 16 * 1rem));
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #f8f8f8;
  position: absolute;
  bottom: 20px;
  border-radius: 50%;
  cursor: pointer;
}
header .header_box .center_box .column .head_search .search_Box .closBox i {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 0;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
header .header_box .center_box .column .head_search .search_Box .closBox i::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background: #000;
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .column .head_search .search_Box .closBox i::before {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background: #000;
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .column .head_search .search_Box .closBox:hover {
  background: #3163f7;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .column .head_search .search_Box .closBox:hover i::after {
  background: #FFF;
}
header .header_box .center_box .column .head_search .search_Box .closBox:hover i::before {
  background: #FFF;
}
header .header_box .center_box .column .head_search .search_Box.active {
  transform: translateY(0%);
}
header .header_box .center_box .column .head_language {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1;
}
header .header_box .center_box .column .head_language .round {
  width: 0.2rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  gap: 6px;
}
header .header_box .center_box .column .head_language .round .icon {
  width: auto;
  height: 1em;
  font-size: var(--font22);
  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;
  filter: var(--filter);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .column .head_language .round .icon i {
  font-size: var(--font18);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .header_box .center_box .column .head_language .sub_btn {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  width: 100%;
  min-width: 70px;
  height: auto;
  background: #FFF;
  padding: 5px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999999;
  transform: translateX(-50%);
  border-radius: 0.1rem;
}
header .header_box .center_box .column .head_language .sub_btn a {
  display: block;
  text-align: center;
  padding: 3px 0;
  color: #242424;
}
header .header_box .center_box .column .head_language .sub_btn a:hover,
header .header_box .center_box .column .head_language .sub_btn a.active {
  color: #3163f7;
}
header .header_box .center_box .column .head_language:hover .head_btn {
  --initial-color: #3163f7;
}
header .header_box .center_box .column .head_language:hover .sub_btn {
  opacity: 1;
  visibility: visible;
}
@media (max-width:990px) {
  header .header_box {
    display: none !important;
  }
}
header .navshow {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translateY(-80px);
}
header .search_for {
  width: 100%;
  height: var(--header-height);
  position: fixed;
  top: 0;
  background: #FFFFFF;
  z-index: 101;
  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.2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .search_for .search_in {
  width: auto;
  height: auto;
  border: 1px solid #e5e5e5;
  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;
  border-radius: 100px;
  overflow: hidden;
  padding: 0 0.2rem;
}
header .search_for .search_in .input {
  width: fit-content;
  height: auto;
}
header .search_for .search_in .input input {
  width: 520px;
  height: 0.4rem;
  min-height: 38px;
  border: 0;
}
header .search_for .search_in .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;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .search_for .search_in .icon:hover {
  color: var(--active_color);
}
header .search_for .close_box {
  width: fit-content;
  height: auto;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .search_for .close_box i {
  font-size: var(--font20);
}
header .search_for .close_box:hover {
  color: var(--active_color);
}
header .search_for.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}
header.active .header_box,
header.white .header_box,
header:hover .header_box {
  --color: #333333;
  --bg-color: rgba(4, 29, 44, 0.04);
  --logo-color: #525F66;
  --filter: none;
}
header.active .header_box::after,
header.white .header_box::after,
header:hover .header_box::after {
  opacity: 1;
  height: 100%;
}
header.active .header_box .logo a .be,
header.white .header_box .logo a .be,
header:hover .header_box .logo a .be {
  opacity: 1;
}
header.active .header_box .logo a .af,
header.white .header_box .logo a .af,
header:hover .header_box .logo a .af {
  opacity: 0;
}
header.active .header_box .head_language .round .icon img,
header.white .header_box .head_language .round .icon img,
header:hover .header_box .head_language .round .icon img {
  filter: brightness(0);
}
header.active {
  --header-height: var(var(--header-height));
}
header .m_header_box {
  width: 100%;
  height: auto;
  display: none;
}
header .m_header_box .header_title {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  position: relative;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-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: 100%;
  max-width: 160px;
  height: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
header .m_header_box .header_title .logo svg {
  width: 100%;
  height: 100%;
}
header .m_header_box .header_title .logo svg .cls-1,
header .m_header_box .header_title .logo svg .cls-3 {
  fill: var(--color);
}
header .m_header_box .header_title .logo svg .cls-2 {
  fill: #3163f7;
}
header .m_header_box .header_title .logo a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
header .m_header_box .header_title .column {
  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;
}
header .m_header_box .header_title .column .menu_btn {
  width: 24px;
  height: 30px;
  overflow: hidden;
}
header .m_header_box .header_title .column .menu_btn .icon {
  width: 100%;
  height: 100%;
  position: relative;
}
header .m_header_box .header_title .column .menu_btn .icon::after,
header .m_header_box .header_title .column .menu_btn .icon::before,
header .m_header_box .header_title .column .menu_btn .icon i {
  width: 100%;
  height: 2px;
  display: block;
  background: #3163f7;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -50%;
  transform-origin: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .m_header_box .header_title .column .menu_btn .icon::before {
  content: '';
  margin-top: -8px;
}
header .m_header_box .header_title .column .menu_btn .icon::after {
  content: '';
  margin-top: 6px;
}
header .m_header_box .header_title .column .menu_btn.active .icon i {
  opacity: 0;
}
header .m_header_box .header_title .column .menu_btn.active .icon::before {
  margin-top: -1px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  border-radius: 5px;
}
header .m_header_box .header_title .column .menu_btn.active .icon::after {
  margin-top: -1px;
  transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  border-radius: 5px;
}
header .m_header_box .header_title .column .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.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}
header .m_header_box .header_title .column .head_btn .icon {
  max-width: 14px;
  height: 14px;
  font-size: 0;
  margin-right: 5px;
  filter: invert(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .m_header_box .header_title .column .head_btn .link {
  line-height: 1;
  font-size: 12px;
  color: #000;
  margin-top: 3px;
}
header .m_header_box .header_title .column .head_btn .link span {
  opacity: 0.6;
}
header .m_header_box .header_title .column .head_btn .link a {
  color: #000;
  opacity: 0.6;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .m_header_box .header_title .column .head_btn .link a:hover {
  opacity: 1;
}
header .m_header_box .header_title .column .head_btn:hover .icon {
  filter: invert(1);
}
header .m_header_box .header_title .column .head_btn:hover .link {
  color: #000;
}
header .m_header_box .header_title .column .head_btn:hover .link a,
header .m_header_box .header_title .column .head_btn:hover .link span {
  color: #000;
}
header .m_header_box .header_title::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #000;
  opacity: 0.1;
}
header .m_header_box .header_body {
  width: 100%;
  height: calc(100vh - 60px);
  background: #FFF;
  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;
  flex: 1;
  padding: 20px;
  overflow: hidden;
  overflow-y: auto;
}
header .m_header_box .header_body .menu_nav ul {
  width: 100%;
  height: auto;
}
header .m_header_box .header_body .menu_nav ul li {
  width: 100%;
  height: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
header .m_header_box .header_body .menu_nav ul li .one {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
header .m_header_box .header_body .menu_nav ul li .one a {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 0;
  position: relative;
  --oneA: #000;
}
header .m_header_box .header_body .menu_nav ul li .one a .title {
  width: 100%;
  height: auto;
  flex: 1;
  font-size: 16px;
  line-height: 20px;
  color: var(--oneA);
}
header .m_header_box .header_body .menu_nav ul li .one a .icon {
  width: 20px;
  height: 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-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .m_header_box .header_body .menu_nav ul li .one a .icon i {
  font-size: 12px;
  color: var(--oneA);
}
header .m_header_box .header_body .menu_nav ul li .one.active a {
  --oneA: #3163f7;
}
header .m_header_box .header_body .menu_nav ul li .one.active.is_active a .icon {
  --color: #3163f7;
}
header .m_header_box .header_body .menu_nav ul li .one + ul {
  padding: 0 0 20px;
}
header .m_header_box .header_body .menu_nav ul li .one + ul > li {
  margin-top: 10px;
}
header .m_header_box .header_body .menu_nav ul li .one + ul > li:first-child {
  margin: 0;
}
header .m_header_box .header_body .menu_nav ul li .two {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
header .m_header_box .header_body .menu_nav ul li .two a {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 5px 0;
  position: relative;
  --towA: #000;
}
header .m_header_box .header_body .menu_nav ul li .two a .icon {
  width: 20px;
  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;
  font-size: 0;
  --color: var(--towA);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .m_header_box .header_body .menu_nav ul li .two a .icon i {
  font-size: 10px;
  color: var(--towA);
}
header .m_header_box .header_body .menu_nav ul li .two a .title {
  width: 100%;
  height: auto;
  flex: 1;
  font-size: 14px;
  line-height: 16px;
  color: var(--towA);
}
header .m_header_box .header_body .menu_nav ul li .two.active a {
  --towA: #3163f7;
}
header .m_header_box .header_body .menu_nav ul li .two + ul {
  padding: 10px 0 10px 20px;
}
header .m_header_box .header_body .menu_nav ul li .two + ul > li {
  margin-top: 10px;
}
header .m_header_box .header_body .menu_nav ul li .two + ul > li > a {
  padding: 0 0 0 20px;
  font-size: 14px;
  position: relative;
  z-index: 1;
  color: var(--threeA);
  --threeA: #999;
}
header .m_header_box .header_body .menu_nav ul li .two + ul > li > a::after {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  background: var(--threeA);
}
header .m_header_box .header_body .menu_nav ul li .two + ul > li:first-child {
  margin: 0;
}
header .m_header_box .header_body .menu_nav ul li .three {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
header .m_header_box .header_body .menu_nav ul li .three a {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  --threeA: #757575;
}
header .m_header_box .header_body .menu_nav ul li .three a .icon {
  width: 20px;
  height: 16px;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
header .m_header_box .header_body .menu_nav ul li .three a .icon::after {
  content: '';
  width: 4px;
  height: 4px;
  position: absolute;
  top: 6px;
  left: 0;
  z-index: 1;
  border-radius: 50%;
  background: var(--threeA);
}
header .m_header_box .header_body .menu_nav ul li .three a .title {
  width: 100%;
  height: auto;
  flex: 1;
  font-size: 14px;
  line-height: 16px;
  color: var(--threeA);
}
header .m_header_box .header_body .menu_nav ul li .three.active a {
  --threeA: #3163f7;
}
header .m_header_box .header_body .menu_nav ul li .three + ul {
  padding: 10px 0 10px 20px;
}
header .m_header_box .header_body .menu_nav ul li .three + ul > li {
  margin-top: 10px;
}
header .m_header_box .header_body .menu_nav ul li .three + ul > li > a {
  padding: 0 0 0 20px;
}
header .m_header_box .header_body .menu_nav ul li .three + ul > li:first-child {
  margin: 0;
}
header .m_header_box .header_body .menu_nav ul li ul {
  display: none;
}
header .m_header_box .header_body .menu_nav ul li li {
  border: 0;
}
header .m_header_box .header_body .menu_nav ul li > a {
  font-size: 12px;
  color: #999;
}
header .m_header_box .header_body .menu_nav ul li > a.active {
  color: #3163f7;
}
header .m_header_box .header_body .menu_form {
  width: 100%;
  height: auto;
  margin-top: 20px;
  padding: 0 20px;
  overflow: hidden;
}
header .m_header_box .header_body .menu_form .center {
  width: 100%;
  height: 44px;
  background: #F8F8F8;
  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;
}
header .m_header_box .header_body .menu_form .center form input {
  flex: 1;
  height: 100%;
  padding: 0 15px;
  background: transparent;
  font-size: 14px;
  color: #282f36;
  border: 0;
}
header .m_header_box .header_body .menu_form .center form button {
  width: 50px;
  padding: 0;
}
header .m_header_box .header_body .menu_form .center form button i {
  font-size: 18px;
  color: #FFF;
}
header .m_header_box .header_body .menu_lang {
  width: 100%;
  height: auto;
  margin-top: 40px;
  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;
  overflow: hidden;
}
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: #fff;
  border-radius: 50px;
  font-size: 12px;
  color: #282f36;
}
header .m_header_box .header_body .menu_lang .one a.active {
  background: #3163f7;
  color: #fff;
}
@media (max-width:990px) {
  header .m_header_box {
    display: block;
  }
}
header .m_header_nbsp {
  width: 100%;
  height: var(--header-height);
  display: none;
  overflow: hidden;
}
@media (max-width:990px) {
  header .m_header_nbsp {
    display: block;
  }
}
.activered {
  color: #FD0000;
}
.activeblue,
.activec {
  color: #315EE4;
}
.black0 {
  color: #000000;
}
.black2 {
  color: #222222;
}
.black3 {
  color: #333333;
}
.black6 {
  color: #666666;
}
.black9 {
  color: #999999;
}
.purple {
  color: #93ADF9;
}
.bgwhite {
  background: #ffffff;
}
.center {
  text-align: center;
}
.pthead {
  padding-top: var(--header-height);
}
.mthead {
  margin-top: var(--header-height);
}
/* 底部 */
footer {
  width: 100%;
  height: auto;
  background: var(--active_color);
  color: #fff;
}
footer a {
  color: #fff;
}
footer .center_box {
  height: 100%;
}
footer .headline {
  width: 100%;
  height: auto;
  font-size: var(--font16);
  font-weight: 500;
  margin-bottom: 0.45rem;
}
footer .headline a {
  font-size: var(--font20);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
footer .footer_box {
    position: relative;
  width: 100%;
  height: 100%;
  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.8rem;
  padding-top: 1.45rem;
  padding-bottom: 1rem;
}

footer .footer_box:before {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: 0.25;
    left: 0;
    top: 0;
}


footer .footer_box .footer_left {
  width: 100%;
  height: auto;
  padding-left: 0.8rem;
}
footer .footer_box .footer_left .logo {
  width: 3.42rem;
  height: auto;
  font-size: 0;
}
footer .footer_box .footer_left .itemlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 0.64rem;
  flex-direction: column;
  gap: 0.5rem;
}
footer .footer_box .footer_left .itemlist .oneline .item .title {
  color: #93ADF9;
  font-size: var(--font18);
}
footer .footer_box .footer_left .itemlist .oneline .item .word {
  font-size: var(--font24);
  margin-top: 0.1rem;
  font-weight: 500;
}
footer .footer_box .footer_left .itemlist .flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  /*gap: 0.6rem;*/
  gap: 0.3rem;
}
footer .footer_box .footer_left .itemlist .addr {
  /*width: 3.47rem;*/
}
footer .footer_box .footer_left .itemlist .addr .item .word {
  font-size: var(--font24);
}

footer .footer_box .footer_left .onemedia {
  margin-top: 0.4rem;
}
footer .footer_box .footer_left .onemedia .item_icon {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.18rem;
  margin-top: 0.5rem;
  position: relative;
  z-index: 2;
}
footer .footer_box .footer_left .onemedia .item_icon .item {
  width: auto;
  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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
footer .footer_box .footer_left .onemedia .item_icon .item .icon {
  width: 0.36rem;
  height: 0.36rem;
  min-width: 30px;
  min-height: 30px;
  border-radius: 100px;
  border: 1px solid rgba(204, 204, 204, 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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.4;
}
footer .footer_box .footer_left .onemedia .item_icon .item .img_box {
  position: absolute;
  top: calc(100% + 10px);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #e5e5e5;
  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;
  visibility: hidden;
  background: #FFFFFF;
}
footer .footer_box .footer_left .onemedia .item_icon .item .img_box::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10.5px 8px 10.5px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  bottom: 100%;
}
footer .footer_box .footer_left .onemedia .item_icon .item:hover .icon {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
footer .footer_box .footer_left .onemedia .item_icon .item:hover .img_box {
  opacity: 1;
  visibility: visible;
}
footer .footer_box .footer_left .onelink{
    /*margin-top: 1rem;*/
}
footer .footer_box .footer_left .onelink .title{
    color: #93ADF9;
    font-size: var(--font18);
}
footer .footer_box .footer_left .onelink .linklist{
   
    margin-top: 0.1rem;
    font-weight: 500;
}
footer .footer_box .footer_left .onelink .linklist .word{
    
     -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--font26);
}
footer .footer_box .footer_left .onelink .linklist .word:hover{
    text-decoration: underline;
    color: #fff;
     -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


footer .footer_box .footer_right {
  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;
  width: 100%;
  height: auto;
}
footer .footer_box .footer_right .nav_box {
  width: auto;
  height: auto;
}
footer .footer_box .footer_right .nav_box ul {
  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.9rem;
  width: 100%;
  height: auto;
}
footer .footer_box .footer_right .nav_box ul li {
  width: auto;
  height: auto;
  overflow: hidden;
  white-space: nowrap;
}
footer .footer_box .footer_right .nav_box ul li .menu {
  width: 100%;
  height: auto;
}
footer .footer_box .footer_right .nav_box ul li .menu .one {
  width: 100%;
  height: auto;
  margin: 0.25rem 0 0;
  line-height: 1.2;
  font-size: var(--font18);
}
footer .footer_box .footer_right .nav_box ul li .menu .one a {
  position: relative;
  font-size: var(--font18);
  line-height: 1.2;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1;
  color: #93ADF9;
  display: block;
  width: fit-content;
}
footer .footer_box .footer_right .nav_box ul li .menu .one a:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
 background-color: #fff;
    left: 0;
    bottom: -.03rem;
}
footer .footer_box .footer_right .nav_box ul li .menu .one a:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translateX(5px);
  color: #fff;
}
footer .footer_box .footer_right .nav_box ul li .menu .one a:hover:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}
footer .footer_box .footer_right .nav_box ul li .menu .one:first-child {
  margin: 0;
}
footer .footer_bottom {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
footer .footer_bottom .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;
  border-top: solid 1px rgba(255, 255, 255, 0.06);
  padding: 0.28rem 0;
}
footer .footer_bottom .innerbox::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50vw);
  width: 100vw;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
footer .footer_bottom .innerbox .copy {
  color: #6D8BE7;
  width: auto;
  height: auto;
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  font-size: var(--font16);
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding-left: 0.8rem;
}
footer .footer_bottom .innerbox .copy a {
  font-size: var(--font18);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-left: .2rem;
}
footer .footer_bottom .innerbox .copy a:hover {
  color: #fff;
  opacity: 0.9;
}
footer .footer_bottom .innerbox .links {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1;
  line-height: 1;
}
footer .footer_bottom .innerbox .links a {
  margin-left: 0.35rem;
  position: relative;
  z-index: 1;
  font-size: var(--font16);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #6D8BE7;
}
footer .footer_bottom .innerbox .links a:first-child::after {
  display: none;
}
footer .footer_bottom .innerbox .links a:hover {
  color: #fff;
  opacity: 0.9;
}
footer.is_active {
  height: 100vh;
}
footer.is_active .footer_box .footer_center {
  padding: 0;
}
footer.is_active .footer_box .footer_bottom {
  padding: clamp(1.25rem, calc(-1.827rem + 3.85vw), 2.5rem) 0 0;
}
@media (max-width:990px) {
  footer {
    height: auto;
    padding: 0;
  }
  footer .footer_box {
    height: auto;
    display: block;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
  footer .footer_box .footer_top {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  footer .footer_box .footer_top .content {
    width: 100%;
  }
  footer .footer_box .footer_top .share {
    margin-top: 20px;
  }
  footer .footer_box .footer_center {
    margin: 30px 0 0;
  }
  footer .footer_box .footer_right {
    display: none;
  }
  footer .footer_bottom {
    margin: 20px 0 0;
    padding: 15px 0;
  }
}
@media (max-width:768px) {
  footer .footer_box .footer_top .nav_box {
    display: none;
  }
  footer .footer_box .footer_center {
    display: none;
  }
  footer .footer_bottom {
    display: block;
  }
  footer .footer_bottom .links {
    display: none;
  }
  footer .footer_bottom .copy {
    line-height: 1.75;
  }
}
@media (max-width:480px) {
    footer .footer_box{
        padding:.8rem .5rem;
    }
  footer .footer_box .footer_left {
    padding-left: 0;
  }
  footer .footer_box .footer_left .itemlist .flex2 {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.3rem;
  }
  footer .footer_bottom {
    margin: 0;
  }
  footer .footer_bottom .innerbox{
      padding:1rem 0 .85rem 0;
  }
  footer .footer_bottom .innerbox .copy {
    padding-left: 0;
  }
}
/* cookies */
.cookieswrap {
  width: 90%;
  border-radius: 24px;
  max-width: 650px;
}
.cookieswrap .innerbox {
  max-height: calc(100vh - 48px);
  max-width: 650px;
}
.cookieswrap .innerbox .info {
  
  font-size: var(--font18);
  color: #222;
}
.cookieswrap .innerbox .info p {
  
  line-height: 28px;
}
.cookieswrap .innerbox .cooperatebox {
  margin-top: .1rem;
}
.cookieswrap .innerbox .cooperatebox .onetrust-button-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center !important;
  width: 100%;
}
.cookieswrap .innerbox .cooperatebox .onetrust-button-group .btnlist {
  width: 100%;
  height: auto;
  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;
  gap: 0.2rem;
}
.cookieswrap .innerbox .cooperatebox .onetrust-button-group .btnlist .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: 100%;
  font-size: 16px;
  color: var(--color_fff);
  border-radius: 16px;
  padding: 13px 16px;
  line-height: 1;
  cursor: pointer;
}
.cookieswrap .innerbox .cooperatebox .onetrust-button-group .btnlist .item_accept {
  background-color: var(--active_color);
}
.cookieswrap .innerbox .cooperatebox .onetrust-button-group .btnlist .item_cookie {
  background-color: #222;
}
.cookieswrap .innerbox .cooperatebox .onetrust-button-group .cookie-setting-link {
  width: auto;
  text-decoration: underline;
  padding: 0.2rem;
  color: #222;
}
@media (max-width:480px) {
    .cookieswrap .innerbox .cookiesbox{
        height: 40vh;
        overflow: auto;
        
    }
    .cookieswrap .innerbox .cookiesbox .info{
        padding:0 10px 0 0;
    }
}



/* 导航高度 占位 */
.head_nbsp {
  width: 100%;
  height: var(--header-height);
}
.pre-next-button {
  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;
}
.pre-next-button .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 0.5rem;
  height: 0.5rem;
  background: #E3E3E3;
  border-radius: 50%;
  cursor: pointer;
}
.pre-next-button .btn img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(0.5);
}
.pre-next-button .btn:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: var(--active_color);
}
.pre-next-button .btn:hover img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(1);
}
/* 公共样式 */
/* 标题 */
.idx_title {
  width: 100%;
  height: auto;
}
.idx_title .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  width: 100%;
  height: auto;
  font-size: var(--font18);
  text-align: left;
}
.idx_title .desc {
  font-weight: 700;
  font-family: "CHAKRAPETCH";
  width: 100%;
  height: auto;
  font-size: var(--font48);
  margin-top: 0.25rem;
  text-align: left;
  line-height: 1.1;
}
.idx_title .title2 {
  font-weight: 700;
  color: #222222;
  font-family: "CHAKRAPETCH";
  width: 100%;
  height: auto;
  font-size: var(--font48);
  text-align: left;
  line-height: 1.1;
}
.idx_title .desc2 {
  color: #666666;
  text-align: left;
  margin-top: 0.2rem;
  line-height: calc(28 / 18);
  font-size: var(--font18);
}
/* 更多按钮 */
.idx_more_normal {
  color: #666666;
 
  font-family: "OPPOSans40";
  cursor: pointer;
  gap: 0.13rem;
  width: fit-content;
  font-size: var(--font16);
 
  font-family: "OPPOSans40";
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 0.1rem;
}
.idx_more_normal img {
  filter: brightness(0) invert(0.8);
}
.idx_more_normal.white {
  color: #222222;
}
.idx_more_normal.white img {
  filter: brightness(0);
}
.idx_more {
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  gap: 0.23rem;
  width: fit-content;
  background: transparent;
  position: relative;
  padding: 0.155rem 0.42rem;
  display: flex;
  align-items: center;
  font-size: var(--font18);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0.28rem;
  outline: none;
  overflow: hidden;
  transition: color 0.3s 0.1s ease-out;
  text-align: center;
  background-color: #fff;
}
.idx_more .word,
.idx_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;
  z-index: 3;
}
.idx_more .icon {
  filter: brightness(0);
}
.idx_more:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  border-radius: 50%;
  display: block;
  width: 20em;
  height: 20em;
  left: -5em;
  text-align: center;
  transition: box-shadow 0.5s ease-out;
  z-index: -1;
}
.idx_more:hover {
  color: #fff;
}
.idx_more:hover .icon {
  filter: brightness(0) invert(1);
}
.idx_more:hover:before {
  box-shadow: inset 0 0 0 10em #2890f1;
  z-index: 2;
}
.idx_more.blue {
  background-color: var(--active_color);
}
.idx_more.blue .word {
  color: #fff;
}
.idx_more.blue .icon {
  filter: brightness(0) invert(1);
}
.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: 35px;
  min-height: 35px;
  border-radius: 50%;
  border: 1px solid #DCDEE1;
}
.pagination-operate .prebtn,
.pagination-operate .nextbtn {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 1px solid rgba(2, 5, 8, 0.3);
}
.pagination-operate .prebtn:hover,
.pagination-operate .nextbtn:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: var(--active_color);
  border: none;
}
.pagination-operate .prebtn:hover img,
.pagination-operate .nextbtn:hover img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  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;
  }
}
.bgimg .pc_img {
  min-height: 300px;
     
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.bgimg .m_img {
  display: none;
}
@media (max-width:480px) {
  .bgimg .pc_img {
    display: none;
  }
  .bgimg .m_img {
    display: block;
  }
}
.about_more .t0 {
  font-size: var(--font24);
}
.about_more .t1 {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font36);
  margin-top: 0.2rem;
}
.descp {
  line-height: calc(35/18);
}
.descp p {
  position: relative;
  z-index: 1;
  padding-left: 16px;
  font-size: var(--font18);
}
.descp p::before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  left: 3px;
  top: 0.16rem;
  background: #333333;
  border-radius: 50%;
}
/* 公共轮播图点 */
.pagerShow {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px;
}
.pagerShow span {
  width: 30px;
  height: 2px;
  background: #dcdcdc;
  opacity: 1;
  border-radius: 0;
}
.pagerShow .swiper-pagination-bullet-active {
  background: #3163f7;
}
.idxPageShow {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 10px;
  margin-top: 40px;
}
.idxPageShow span {
  width: 11px;
  height: 11px;
  background: #dcdcdc;
  opacity: 1;
  border-radius: 50%;
}
.idxPageShow .swiper-pagination-bullet-active {
  background: #3163f7;
}
@media (max-width:990px) {
  .idxPageShow {
    gap: 5px;
  }
  .idxPageShow span {
    width: 5px;
    height: 5px;
  }
}
.idxPageHide {
  display: none;
}
.idxPageHide .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
}
.idxPageHide .swiper-pagination-bullet-active {
  background: #3163f7;
}
@media (max-width:990px) {
  .idxPageHide {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 5;
    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: 5px;
    margin-top: 0.8rem;
  }
  .idxPageHide span {
    width: 9px;
    height: 9px;
    background: #dcdcdc;
    opacity: 1;
    border-radius: 50%;
  }
  .idxPageHide .swiper-pagination-bullet-active {
    background: #3163f7;
  }
}



.idxPageSoll {
  padding-bottom: 5px;
}
@media (max-width:990px) {
  .idxPageSoll {
    width: 100% !important;
    height: auto !important;
    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: 5px;
  }
  .idxPageSoll span {
    width: 5px !important;
    height: 5px !important;
    background: #dcdcdc;
    opacity: 1;
    border-radius: 50%;
  }
  .idxPageSoll .swiper-pagination-bullet-active {
    background: #3163f7;
  }
}
/* 公共样式 - 结束 */
/* 视频弹窗 */
.videomark {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 9998;
  display: none;
}
.videobox {
  position: fixed;
  width: 1400px;
  max-width: calc(100% - 100px);
  height: 80vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  z-index: 9999;
  display: none;
}
.videobox video {
  width: 100%;
  object-fit: fill;
}
.videobox .close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ffffff;
  position: absolute;
  right: -20px;
  top: -20px;
  z-index: 9;
  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;
  font-size: 0;
  --c: #1A1A1A;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.videobox .close::before,
.videobox .close::after {
  content: '';
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%) rotate(45deg);
  background: var(--c);
  border-radius: 5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.videobox .close::before {
  width: 2px;
}
.videobox .close::after {
  height: 2px;
}
.videobox .close:hover {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  background: #3163f7;
  --c: #FFF;
}
.videobox .video {
  width: 100%;
  height: 100%;
  position: relative;
}
.videobox .video video,
.videobox .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: center;
  overflow: hidden;
  object-fit: fill;
}
@media (max-width:1440px) {
  .videobox {
    max-width: 70%;
  }
}
@media (max-width:768px) {
  .videobox {
    width: 100%;
    max-width: 100%;
  }
  .videobox .close {
    right: 0;
    top: -40px;
  }
}
/*
插件：投递简历弹窗
版本：
官网：
*/
#hi-resume-pop {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-resume-pop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-resume-pop form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52%;
  min-width: 700px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 0.3rem;
  padding: 0.73rem;
}
#hi-resume-pop form .hi-title-box {
  padding: 0 0.4rem;
}
#hi-resume-pop form .hi-title-box .hi-title {
  line-height: 0.8rem;
  font-size: 20px;
}
#hi-resume-pop form .hi-title-box .hi-close {
  cursor: pointer;
  position: absolute;
  right: 0.33rem;
  top: 0.33rem;
  width: 0.36rem;
  height: 0.36rem;
  min-width: 20px;
  min-height: 20px;
}
#hi-resume-pop form .hi-title-box .hi-close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#hi-resume-pop form .content {
  text-align: center;
}
#hi-resume-pop form .content .honorimg {
  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: 5.23rem;
}
#hi-resume-pop form .content .honorimg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#hi-resume-pop form .content .title {
  color: #222222;
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font24);
  margin-top: 0.65rem;
}
#hi-resume-pop form .content .desc {
  color: #999999;
  font-size: var(--font20);
  margin-top: 0.3rem;
}

.FcCookie form{
    padding: .5rem;
}


@media (max-width:768px) {
  #hi-resume-pop form {
    width: 90%;
    min-width: inherit;
    padding: .5rem;
  }
}
.irregular {
  mask-image: var(--url);
  -webkit-mask-image: var(--url); /* 对于旧版 WebKit 浏览器 */
  -webkit-mask-position: 0% 0%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
#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 .layui-laypage-curr em {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
}
#demo-laypage-normal-2 .layui-laypage a,
#demo-laypage-normal-2 .layui-laypage span {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
  width: 10px;
  height: 0.4rem;
  padding: 0;
  margin: auto;
  border-radius: 50%;
  margin: 0 0.05rem;
  background-color: rgba(255, 255, 255, 0);
  border: none;
}
#demo-laypage-normal-2 .layui-laypage .layui-laypage-prev,
#demo-laypage-normal-2 .layui-laypage .layui-laypage-next {
  width: 0.4rem !important;
  height: 0.4rem !important;
  min-width: 30px;
  min-height: 30px;
  background-color: #fff;
  margin: 0 0.3rem;
}
#demo-laypage-normal-2 .layui-laypage a:hover {
  background: inherit!important;
  color: inherit!important;
}
#demo-laypage-normal-2 .layui-laypage .layui-laypage-prev:hover,
#demo-laypage-normal-2 .layui-laypage .layui-laypage-next:hover {
  background-color: var(--active_color) !important;
}
#demo-laypage-normal-2 .layui-laypage .layui-laypage-prev:hover img,
#demo-laypage-normal-2 .layui-laypage .layui-laypage-next:hover img {
  filter: brightness(0) invert(1);
}
#demo-laypage-normal-2 .layui-laypage .layui-laypage-curr .layui-laypage-em {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
}
#demo-laypage-normal-2 .layui-laypage a:hover {
  color: #fff;
  background: var(--active_color);
  border-radius: 50%;
}
#demo-laypage-normal-2 .layui-laypage a:hover img {
  filter: brightness(0) invert(1);
}
@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;
  }
}
.public_flex {
  color: #222222;
  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;
  align-items: baseline;
      text-transform: capitalize;
}
.public_flex .t0 {
  font-weight: 600;
  font-family: "OPPOSans40";
  width: 55%;
  font-size: var(--font42);
  font-family: "CHAKRAPETCH";
}
.public_flex .taglist {
  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;
  background-color: #fff;
  border-radius: 0.29rem;
}
.public_flex .taglist .tag {
  color: #222222;
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font16);
  cursor: pointer;
  white-space: nowrap;
  padding: 0.205rem 0.345rem;
  line-height: 1;
}
.public_flex .taglist .tag.active {
  color: #fff;
  border-radius: 0.29rem;
  background-color: var(--active_color);
}
@media (max-width:990px) {
  .public_flex {
    flex-direction: column;
    gap: 0.4rem;
  }
  .public_flex .taglist {
    margin-top: 0.3rem;
  }
}
@media (max-width:480px) {
  .public_flex .t0 {
    width: 100%;
    height: auto;
  }
  .public_flex .taglist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.3rem;
    row-gap: 0.15rem;
    background-color: rgba(255, 255, 255, 0);
  }
  .public_flex .taglist .tag {
    text-align: center;
    background-color: #fff;
    border-radius: 0.29rem;
  }
}
.navbar-communication {
  color: #fff;
}
.navbar-communication .kefu-box {
  position: fixed;
  bottom: 20%;
  right: 22px;
  z-index: 10;
}
.navbar-communication .kefu-box .item {
  position: relative;
  margin: 0.15rem 0;
  border-radius: 5px;
  cursor: pointer;
}
.navbar-communication .kefu-box .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;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.2rem 0;
  background: #FD0000;
  border-radius: 6px;
  width: 40px;
}
.navbar-communication .kefu-box .item-box img {
  width: 0.16rem;
  height: 0.16rem;
  min-width: 12px;
  min-height: 12px;
}
.navbar-communication .kefu-box .item-box .word {
  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.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  writing-mode: vertical-lr;
}
.navbar-communication .kefu-box .item-box:hover .word {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
@media (max-width:1280px) {
  .navbar-communication {
    display: none;
  }
}
.idx_banner {
  position: relative;
  z-index: 1;
  height: 100vh;
  min-height: 640px;
  padding-top: var(--header-height);
  overflow: hidden;
}
.idx_banner .innerbox {
  width: 100%;
  height: 100%;
}
.idx_banner .innerbox .imgbg {
  width: 100%;
  height: 100%;
}
.idx_banner .innerbox .imgbg img ,.idx_banner .innerbox .imgbg video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 8;
}
.idx_banner .innerbox .imgbg .m_img {
  display: none;
}
.idx_banner .innerbox .info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0rem;
  left: 0;
  padding-top: 3.16rem;
  z-index: 2;
  color: #fff;
}
.idx_banner .innerbox .info .numslide {
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
}
.idx_banner .innerbox .info .numslide:before {
  background-color: #fff;
  height: .75rem;
}
.idx_banner .innerbox .info .shapebox {
  position: relative;
  width: 6.99rem;
  height: 3.45rem;
  min-width: 450px;
  min-height: 200px;
  margin-left: 0.8rem;
}
.idx_banner .innerbox .info .shapebox:after {
  position: absolute;
  content: '';
  left: -0.8rem;
  top: 35%;
  width: 1px;
  height: 128%;
  background-color: #ffffff;
  z-index: 1;
  opacity: 0.2;
}
.idx_banner .innerbox .info .shapebox .img {
  width: 100%;
  height: 100%;
}
.idx_banner .innerbox .info .shapebox .img img {
  width: 100%;
  height: 100%;
}
.idx_banner .innerbox .info .shapebox .wordwrap {
  font-weight: 600;
  font-family: "OPPOSans40";
  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;
  font-family: "CHAKRAPETCH";
  position: absolute;
  width: calc(100% - 1rem);
  height: 100%;
  left: 0.5rem;
  top: 0;
  font-size: var(--font48);
  line-height: 1.1;
  transform: translateY(250px);
  transition: all 0.5s ease;
}
.idx_banner .innerbox .info .shapebox .wordwrap .idx_more {
  margin-top: 0.4rem;
}
.idx_banner .innerbox .info .voicebtn {
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  right: 1rem;
  bottom: 0.5rem;
  z-index: 24;
  cursor: pointer;
}
.idx_banner .innerbox .info .voicebtn img {
  width: 100%;
  height: 100%;
  position: absolute;
  filter: brightness(0) invert(1);
}
.idx_banner .innerbox .info .voicebtn .bf {
  opacity: 0;
}
.idx_banner .innerbox .info .voicebtn .hd {
  opacity: 1;
}
.idx_banner .innerbox .info .active .bf {
  opacity: 1;
}
.idx_banner .innerbox .info .active .hd {
  opacity: 0;
}
.idx_banner .innerbox .idxPageHide {
  text-align: center;
  position: absolute;
  width: 100%;
  display: block;
  bottom: 0.5rem;
  z-index: 2;
}



.idx_banner .innerbox .idxPageHide .swiper-pagination-bullet {
  border: solid 1px #fff;
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
}
.idx_banner .innerbox .idxPageHide .swiper-pagination-bullet-active {
  background-color: #fff;
}
.idx_banner .innerbox .swiper-slide-active .info .shapebox .wordwrap {
  transform: translateY(0);
  transition: all 0.4s ease;
}
@media (max-width:1024px) {
  .idx_banner {
    height: 100%;
    min-height: inherit;
  }
}
@media (max-width:480px) {
  .idx_banner {
    height: 7rem;
  }
  .idx_banner .innerbox .imgbg .pc_img {
    display: none;
  }
  .idx_banner .innerbox .imgbg .m_img {
    display: inline-block;
  }
  .idx_banner .innerbox .info {
    padding-top: 1.1rem;
  }
  .idx_banner .innerbox .info .shapebox {
    width: 85%;
    min-width: 300px;
  }
  .idx_banner .innerbox .info .shapebox .wordwrap {
    font-size: var(--font40);
  }
}
.numslide {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font16);
  position: absolute;
  z-index: 12;
  background-color: #ffffff;
  width: .25rem;
  /*height: .4rem;*/
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -.12rem;
  /*margin-top: -9px;*/
}
.numslide::before {
  position: absolute;
  content: '';
  top: 0.6rem;
  width: 2px;
  height: 1.37rem;
  background-color: var(--active_red);
}
.idx_solution {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff;
  padding-top: 1.25rem;
  padding-bottom: 1.49rem;
}
.idx_solution .innerbox {
  position: relative;
  padding-left: 0.8rem;
}
.idx_solution .numslide::before{
    top: 0.4rem;
    height: 1.37rem;
}
.idx_solution .innerbox:before {
  position: absolute;
  content: '';
  top: 0;
  width: 100%;
  left: -100%;
  height: 100%;
  background-color: #fff;
  z-index: 2;
}
.idx_solution .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.idx_solution .innerbox .idx_title .title {
  color: #FD0000;
}
.idx_solution .innerbox .idx_title .desc {
  color: #222222;
}
.idx_solution .innerbox .swiperlist {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 0.68rem;
}
.idx_solution .innerbox .swiperlist:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  background: #fff;
  top: 0;
  left: -30%;
  z-index: 2;
}
.idx_solution .innerbox .swiperlist .swiper-wrapper {
  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: max-content;
  gap: 0.82rem;
  position: relative;
  z-index: 1;
  left: 0;
}
.idx_solution .innerbox .swiperlist .swiper-wrapper .swiper-slide {
  width: 13.53rem;
}
.idx_solution .innerbox .swiperlist .item {
  position: relative;
  z-index: 1;
}
.idx_solution .innerbox .swiperlist .item .img {
  height: 6.54rem;
  overflow: hidden;
}
.idx_solution .innerbox .swiperlist .item .img img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_solution .innerbox .swiperlist .item .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;
  color: #fff;
  position: absolute;
  width: calc(100%);
  bottom: 0;
  left: 0;
  bottom: 0;
  padding: 0.52rem 0.8rem;
  overflow: hidden;
  gap: .5rem;
}

.idx_solution .innerbox .swiperlist .item .info:before{
    /*position: absolute;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*content: '';*/
    /*background: linear-gradient(to top, #222222, rgb(255 255 255 / 0%));*/
    /*bottom: 0;*/
    /*left: 0;*/
}



.idx_solution .innerbox .swiperlist .item .info .left{
    position: relative;
    z-index: 2;
}
.idx_solution .innerbox .swiperlist .item .info .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font36);
}
.idx_solution .innerbox .swiperlist .item .info .desc {
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font20);
  margin-top: 0.2rem;
}


.idx_solution .innerbox .swiperlist .item .info .idx_more{
    flex-shrink: 0;
}

.idx_solution .innerbox .swiperlist .item .img{
    position: relative;
}
.idx_solution .innerbox .swiperlist .item .img:before{
        position: absolute;
    height: 63%;
    width: 100%;
    content: '';
    background: linear-gradient(to top, #222222, rgb(255 255 255 / 0%));
    bottom: 0;
    left: 0;
}


.idx_solution .innerbox .swiperlist .item:hover .img img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.1;
}
@media (max-width:1024px) {
  .idx_solution .innerbox .swiperlist .swiper-wrapper {
    gap: 0;
  }
}
@media (max-width:480px) {
    .numslide{
       /*top: 2px;*/
    }
  .idx_solution {
    padding-top: 1rem;
    padding-bottom: 0.8rem;
  }
  .idx_solution .innerbox {
    padding-left: 0.5rem;
  }
  .idx_solution .innerbox .swiperlist .item .img {
    height: 5rem;
  }
  .idx_solution .innerbox .swiperlist .item .info {
    display: block;display: block;
    position: relative;
    color: #000;
    padding: .5rem 0;
    
  }
  .idx_solution .innerbox .swiperlist .item .info .idx_more {
    margin-top: 0.5rem;
    background: var(--active_color);
    color: #fff;
  }
  .idx_solution .innerbox .swiperlist .item .info .idx_more .icon{
      filter: brightness(0) invert(1);
  }
  .idx_solution .innerbox .swiperlist .item .img:before{
      background: inherit;
  }
}
.idx_case {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #E8EDF2;
  padding-top: 1.69rem;
  padding-bottom: 0.79rem;
}
.idx_case .numslide {
  background: #E8EDF2;
}
.idx_case .numslide::before {
  background-color: var(--active_color);
  top: 0.4rem;
}
.idx_case .innerbox {
  position: relative;
  padding-left: 0.8rem;
}
.idx_case .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #d1dbe4;
  z-index: 2;
}
.idx_case .innerbox .casetop {
  overflow: hidden;
}



.idx_case .innerbox .casetop .flexbox {
  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: 1.3rem;
  background: #E8EDF2;
  opacity: 0;
  visibility: hidden;
}
.idx_case .innerbox .casetop .swiper-slide-active .flexbox {
    opacity: 1;
    visibility: visible;
}


.idx_case .innerbox .casetop .flexbox .left {
  width: 47.5%;
}
.idx_case .innerbox .casetop .flexbox .left .info {
  padding-top: 0.5rem;
}
.idx_case .innerbox .casetop .flexbox .left .info .t0 {
  color: #222222;
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font32);
  line-height: 1.2;
  /*min-height: 78px;*/
  
}
.idx_case .innerbox .casetop .flexbox .left .info .t1 {
  color: #666666;
  font-size: var(--font18);
  margin-top: 0.2rem;
  line-height: calc(28/18);
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;
}
.idx_case .innerbox .casetop .flexbox .left .info .idx_more_normal {
  margin-top: 0.6rem;
  align-items: center;
}
.idx_case .innerbox .casetop .flexbox .left .pagination-operate {
  /*position: absolute;*/
  /*bottom: 0;*/
  margin-top: .5rem;
}
.idx_case .innerbox .casetop .flexbox .right {
  width: 52.5%;
  overflow: hidden;
}
.idx_case .innerbox .casetop .flexbox .right img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}
.idx_case .innerbox .casetop .flexbox .right:hover img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
.idx_case .innerbox .casebottom {
  margin-top: 1.18rem;
  position: relative;
}
.idx_case .innerbox .casebottom:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  background: #E8EDF2;
  top: 0;
  left: -31%;
  z-index: 2;
}
.idx_case .innerbox .casebottom:after {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  background: #E8EDF2;
  top: 0;
  right: -31%;
  z-index: 2;
}
.idx_case .innerbox .casebottom .swiper-wrapper {
  width: 100% !important;
  height: auto;
}
.idx_case .innerbox .casebottom .swiper-wrapper .swiper-slide {
  width: 100%!important;
  height: auto;
}
.idx_case .innerbox .casebottom .case_list {
  gap: 12px;
  width: 100%;
}
.idx_case .innerbox .casebottom .case_list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 0.98rem;
  min-height: 60px;
  background: #FFFFFF;
  border-radius: 0.16rem;
  padding: 0.3rem;
}
.idx_case .innerbox .casebottom .case_list .item:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0px 2px 23px 0px rgba(17, 59, 123, 0.22);
}
.idx_case .innerbox .casebottom .idxPageHide {
  text-align: center;
  display: block;
  margin-top: 0.5rem;
}
.idx_case .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.idx_case .innerbox .idx_title .title {
  color: #315EE4;
}
.idx_case .innerbox .idx_title .desc {
  color: #222222;
}
@media (max-width:1280px) {
  .idx_case .innerbox .casetop .flexbox .left .info {
    padding-top: 0.4rem;
  }
}
@media (max-width:768px) {
  .idx_case .innerbox .casetop .flexbox {
    display: block;
  }
  .idx_case .innerbox .casetop .flexbox .left {
    width: 100%;
  }
  .idx_case .innerbox .casetop .flexbox .left .pagination-operate {
    display: none;
  }
  .idx_case .innerbox .casetop .flexbox .right {
    width: 100%;
    margin-top: 0.5rem;
  }
  .idx_case .innerbox .casebottom .case_list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width:480px) {
  .idx_case {
    padding-top: 1.2rem;
  }
  .idx_case .innerbox {
    padding-left: 0.5rem;
  }
  .idx_case .innerbox .casetop .flexbox .left .info {
    padding-top: 0.3rem;
  }
  .idx_case .innerbox .casebottom {
    margin-top: 0.8rem;
  }
  .idx_case .innerbox .casebottom .case_list {
    grid-template-columns: repeat(3, 1fr);
  }
  .idx_case .innerbox .casetop .flexbox .left .info .t0{
      min-height: auto;
  }
  .idx_case .numslide{
      margin-top: 0;
  }
  .idx_case .innerbox .casetop .flexbox .left .info .t1{
      max-height: 113px;
  }
  .idx_case .innerbox .casetop .flexbox .left .info .idx_more_normal{
      margin-top: 0.2rem;
  }
}
.idx_about {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.idx_about .innerbox {
  position: relative;
  padding-left: 0.8rem;
}
.idx_about .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.idx_about .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.idx_about .innerbox .idx_title .title {
  color: #FD0000;
}
.idx_about .innerbox .idx_title .desc {
  color: #222222;
}
.idx_about .innerbox .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: end;
  align-items: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0.1rem;
}
.idx_about .innerbox .flexbox .intro {
  color: #666666;
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font18);
  width: 73.55%;
  text-align: left;
}
.idx_about .innerbox .mapbox {
  margin-top: 0.6rem;
}
.idx_about .innerbox .mapbox img{
    width: 100%;
}
.idx_about .innerbox .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;
  margin-top: -0.4rem;
}
.idx_about .innerbox .itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
}
.idx_about .innerbox .itemlist .item .icon {
  width: 0.55rem;
  height: 0.55rem;
}
.idx_about .innerbox .itemlist .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.idx_about .innerbox .itemlist .item .datas .num {
  font-weight: 600;
  font-family: "OPPOSans40";
  color: #3054C0;
  font-family: "CHAKRAPETCH";
  font-size: var(--font60);
  line-height: 1;
}
.idx_about .innerbox .itemlist .item .datas .detail {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #666666;
  margin-top: 0.23rem;
}
@media (max-width:768px) {
  .idx_about .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}
@media (max-width:480px) {
  .idx_about .innerbox {
    padding-left: 0.5rem;
  }
  .idx_about .innerbox .flexbox {
    display: inline-block;
  }
  .idx_about .innerbox .flexbox .intro {
    width: 100%;
    height: auto;
  }
  .idx_about .innerbox .flexbox .idx_more {
    margin-top: 0.4rem;
  }
}
.idx_vision {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.idx_vision .innerbox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.idx_vision .innerbox .wordwrap {
  position: relative;
  width: 100%;
  padding-top: 1.58rem;
  padding-left: 0.8rem;
}
.idx_vision .innerbox .wordwrap:after {
  position: absolute;
  content: '';
  left: 0;
  top: -27%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
  opacity: 0.2;
}
.idx_vision .innerbox .wordwrap .numslide {
  left: 0;
  background: linear-gradient(173deg, #6ba7e3 0%, #71ace2 100%);
}
.idx_vision .innerbox .wordwrap .numslide::before {
  background-color: #fff;
  top: 0.4rem;
}
.idx_vision .innerbox .wordwrap .idx_title {
  text-align: center;
  color: #fff;
}
.idx_vision .innerbox .wordwrap .idx_more {
  margin-top: 0.7rem;
}
@media (max-width:480px) {
  .idx_vision .innerbox .wordwrap {
    padding-left: 0.5rem;
  }
  .idx_vision .innerbox .wordwrap .numslide {
    background: linear-gradient(173deg, #70b1e9 0%, #76b5ec 100%);
  }
}
.idx_news {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  background: #E8EDF2;
}
.idx_news .numslide {
  background: #E8EDF2;
}
.idx_news .numslide::before {
  background-color: var(--active_color);
  top: 0.4rem;
}
.idx_news .innerbox {
  position: relative;
  padding-left: 0.8rem;
}
.idx_news .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #d1dbe4;
  z-index: 2;
}
.idx_news .innerbox .wordwrap {
  width: 100%;
}
.idx_news .innerbox .wordwrap .idx_title {
  text-align: center;
}
.idx_news .innerbox .wordwrap .idx_title .title {
  color: #315EE4;
}
.idx_news .innerbox .wordwrap .idx_title .desc {
  color: #222222;
  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 .innerbox .wordwrap .itemlist {
  margin-top: 0.7rem;
  position: relative;
}
.idx_news .innerbox .wordwrap .itemlist .item {
  cursor: pointer;
  background-color: #fff;
  display: block;
  border-radius: 0.16rem;
  padding: 0.28rem 0.22rem;
}
.idx_news .innerbox .wordwrap .itemlist .item .image {
  overflow: hidden;
}
.idx_news .innerbox .wordwrap .itemlist .item .image .pb {
  padding-bottom: 62.56%;
}
.idx_news .innerbox .wordwrap .itemlist .item .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx_news .innerbox .wordwrap .itemlist .item .info {
  margin-top: 0.5rem;
}
.idx_news .innerbox .wordwrap .itemlist .item .info .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--font24);
  min-height: 0.7rem;
  line-height: 1.4;
}
.idx_news .innerbox .wordwrap .itemlist .item .info .desc {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0.36rem;
  font-size: var(--font16);
  line-height: calc(26 / 16);
  min-height: .78rem;
}
.idx_news .innerbox .wordwrap .itemlist .item .info .idx_more_normal {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  margin-top: 0.52rem;
}
.idx_news .innerbox .wordwrap .itemlist .item .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(0.8);
}
.idx_news .innerbox .wordwrap .itemlist .item:hover .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
.idx_news .innerbox .wordwrap .itemlist .item:hover .info .title {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--active_color);
}
.idx_news .innerbox .wordwrap .itemlist .item:hover .info .idx_more_normal {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--active_color);
}
.idx_news .innerbox .wordwrap .itemlist .item:hover .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: inherit;
  transform: translateX(-5px);
}
.idx_news .innerbox .wordwrap .itemlist:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  background: #E8EDF2;
  top: 0;
  left: -30%;
  z-index: 2;
}
@media (max-width:1440px) {
    .idx_news .innerbox .wordwrap .itemlist .item .info .desc{
        min-height: 1rem;
    }
}
@media (max-width:1024px) {
    .idx_news .innerbox .wordwrap .itemlist .item .info .desc{
        min-height: 1.2rem;
    }
}
@media (max-width:480px) {
  .idx_news {
    padding-bottom: 1rem;
  }
  .idx_news .innerbox {
    padding-left: 0.5rem;
  }
  .idx_news .innerbox .wordwrap .idx_title .desc {
    display: none;
  }
  .idx_news .innerbox .wordwrap .itemlist {
    margin-top: 0.5rem;
  }
  .idx_news .innerbox .wordwrap .itemlist .item .info .desc{
        min-height: 1rem;
    }
}
.idx_contactUS {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  padding-top: 1.4rem;
  background: url(../images/idx_contact_bg.jpg);
  background-position: bottom;
  background-size: cover;
  margin-top: 2rem;
}
.idx_contactUS .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
  backdrop-filter: blur(4px);
  width: 100%;
}
.idx_contactUS .innerbox .leftbox {
  position: absolute;
  width: 100%;
  top: -2rem;
}
.idx_contactUS .innerbox .leftbox .people {
  position: relative;
  margin-left: 0.6rem;
  width: 32.2%;
}
.idx_contactUS .innerbox .leftbox .people:after {
  position: absolute;
  content: '';
  left: -0.6rem;
  opacity: 0.1;
  top: -50%;
  width: 1px;
  height: 150%;
  background-color: #f7f7f7;
  z-index: 2;
}
.idx_contactUS .innerbox .leftbox .people .numslide {
  left: -0.6rem;
  /*background: #E8EDF2;*/
  background: rgba(255, 255, 255, 0);
}
.idx_contactUS .innerbox .leftbox .people .numslide::before {
  background-color: rgba(255, 255, 255, 0);
}
.idx_contactUS .innerbox .info {
  position: relative;
  width: 50.812%;
  height: 5.4rem;
}
.idx_contactUS .innerbox .info .img {
  width: 100%;
  height: 100%;
  text-align: right;
}
.idx_contactUS .innerbox .info .img img{
    width: 100%;
}
.idx_contactUS .innerbox .info .wordbox {
  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;
  flex-direction: column;
  padding-left: 1.82rem;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.idx_contactUS .innerbox .info .wordbox::before {
  position: absolute;
  content: '';
  left: 1.27rem;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: var(--active_color);
}
.idx_contactUS .innerbox .info .wordbox .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-family: "CHAKRAPETCH";
  width: 80%;
  font-size: var(--font62);
  color: #fff;
  z-index: 2;
  line-height: 1;
}
.idx_contactUS .innerbox .info .wordbox .idx_more {
  margin-top: 0.56rem;
  font-size: var(--font18);
  padding: 0.155rem 0.2rem;
}
@media (max-width:768px) {
  .idx_contactUS {
    padding-top: 0.4rem;
  }
}
@media (max-width:480px) {
  .idx_contactUS .innerbox {
    display: block;
    padding: 0 20px;
  }
  .idx_contactUS .innerbox .leftbox .people .numslide {
    background-color: rgba(255, 255, 255, 0);
  }
  .idx_contactUS .innerbox .leftbox .people .img {
    display: none;
  }
  .idx_contactUS .innerbox .info {
    width: 100%;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    height: 220px;
  }
  .idx_contactUS .innerbox .info .img {
    background: none!important;
  }
  .idx_contactUS .innerbox .info .wordbox {
    padding-left: 0;
    width: 100%;
  }
  .idx_contactUS .innerbox .info .wordbox:before {
    display: none;
  }
  .idx_contactUS .innerbox .info .wordbox .title {
    font-size: var(--font48);
  }
  .idx_contactUS .innerbox .info .wordbox .idx_more {
    margin-top: 0.3rem;
  }
}
.public_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: var(--header-height);
}


.public_banner .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;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.public_banner .innerbox .w1600{
    position: relative;
}

.public_banner .innerbox .numslide {
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
}
.public_banner .innerbox .numslide::before {
  background-color: #fff;
  height: .6rem;
}
.public_banner .innerbox .numslide::after {
    position: absolute;
    content: '';
    width: 1px;
    background-color: #fff;
    opacity: 0.2;
    height: 100vh;
    top: 0.4rem;
}
.public_banner .innerbox .info {
  color: #fff;
  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;
  position: relative;
  z-index: 1;
  width: 44%;
  height: 100%;
  padding-left: 0.6rem;
}
.public_banner .innerbox .info .title {
  font-weight: 700;
  font-family: "CHAKRAPETCH";
  font-size: var(--font46);
  line-height: 1;
}
.public_banner .innerbox .info .desc {
  font-size: var(--font20);
  margin-top: 0.5rem;
  line-height: calc(30/20);
}
.about_banner .innerbox .info .desc{
    margin-top: 0.4rem;
}

@media (max-width:480px) {
  .public_banner {
    padding-top: 50px;
  }
  .public_banner .innerbox .info {
    width: 80%;
  }
  .about_banner .innerbox .w1600{
      margin-top: 4.5rem;
  }
  
}
.aboutus_about {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
  background: url("../images/about_map.png") no-repeat;    background-position: 0 1rem;
}

.aboutus_about .w1600{
    position: relative;
}

.aboutus_about .numslide{
   
}
.aboutus_about .numslide::before{
    top: 0.4rem;
}
.aboutus_about .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.aboutus_about .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.aboutus_about .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.aboutus_about .innerbox .idx_title .title {
  color: #FD0000;
}
.aboutus_about .innerbox .idx_title .desc {
  color: #222222;
}
.aboutus_about .innerbox .flexbox {
  margin-top: 0.65rem;
}
.aboutus_about .innerbox .flexbox .t0 {
  font-weight: bold;
  /*font-family: "OPPOSans40";*/
  color: #222222;
  font-style: italic;
  font-size: var(--font22);
}
.aboutus_about .innerbox .flexbox .intro {
  color: #666666;
  font-size: var(--font16);
  text-align: left;
  margin-top: 0.25rem;
  line-height: 1.4;
}
.aboutus_about .innerbox .flexbox .intro p {
  margin-bottom: 0.2rem;
  line-height: calc(32/16);
  text-align: justify;
}
.aboutus_about .innerbox .itemlist {
  margin-top: 1.25rem;
  gap: 1.17rem;
}
.aboutus_about .innerbox .itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.4rem;
}
.aboutus_about .innerbox .itemlist .item .icon {
  width: 0.55rem;
  height: 0.55rem;
}
.aboutus_about .innerbox .itemlist .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-top: .09rem;
}
.aboutus_about .innerbox .itemlist .item .datas .num {
  font-weight: 600;
  font-family: "OPPOSans40";
  color: #315EE4;
  font-family: "CHAKRAPETCH-B";
  font-size: var(--font74);
  line-height: 1;
}
.aboutus_about .innerbox .itemlist .item .datas .detail {
  color: #666666;
  color: #315EE4;
  margin-top: 0.1rem;
}
@media (max-width:768px) {
  .aboutus_about .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}
@media (max-width:480px) {
    .aboutus_about{
        padding: .8rem 0;
    }
  
  .aboutus_about .innerbox {
    padding-left: 0.5rem;
  }
  .aboutus_about .innerbox .itemlist {
    grid-template-columns: repeat(2, 1fr);
    margin-top: .5rem;
  }
  .aboutus_about .innerbox .itemlist .item{
      flex-direction: column;
  }
  .aboutus_about .innerbox .flexbox {
    display: inline-block;
    margin-top: .3rem;
  }
  .aboutus_about .innerbox .flexbox .intro {
    width: 100%;
    height: auto;
  }
  .aboutus_about .innerbox .flexbox .idx_more {
    margin-top: 0.4rem;
  }
  .aboutus_about .innerbox .flexbox .intro p{
      text-align: left;
  }
}
.aboutus_team {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #E8EDF2;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.aboutus_team .w1600{
    position: relative;
}

.aboutus_team .numslide {
  color: #315EE4;
  background-color: #E8EDF2;
}
.aboutus_team .numslide:before {
  background-color: var(--active_color);
  top: 0.4rem;
}
.aboutus_team .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.aboutus_team .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #dee2e6;
  z-index: 2;
}
.aboutus_team .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.aboutus_team .innerbox .idx_title .title {
  color: #315EE4;
  font-size: var(--font16);
}
.aboutus_team .innerbox .idx_title .desc {
  color: #222222;
  font-size: var(--font56);
}
.aboutus_team .innerbox .flexbox {
  margin-top: 0.3rem;
}
.aboutus_team .innerbox .flexbox .t0 {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
  font-size: var(--font18);
  line-height: calc(28 / 18);
}
.aboutus_team .innerbox .flexbox .teamimg {
  margin-top: 0.59rem;
  /*height: 6.16rem;*/
}
.aboutus_team .innerbox .flexbox .teamimg img{
    width: 100%;
}
.aboutus_team .innerbox .itemlist {
  margin-top: 1.25rem;
  column-gap: 0.4rem;
  row-gap: 0.3rem;
}
.aboutus_team .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;
  gap: 0.39rem;
  background: rgba(215, 231, 246, 0.5);
  padding: 0.33rem 0.39rem;
  border-radius: 0.1rem;
}
.aboutus_team .innerbox .itemlist .item .icon {
  position: relative;
  width: 1.81rem;
  height: 1.81rem;
  min-width: 1.81rem;
  background: url("../images/circle.png") no-repeat;
  background-size: contain;
}
.aboutus_team .innerbox .itemlist .item .icon .circle {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.aboutus_team .innerbox .itemlist .item .icon .svgbox {
  position: absolute;
  top: -16px;
  right: -3px;
  width: 0.91rem;
}
.aboutus_team .innerbox .itemlist .item .icon .run {
  animation: run 2s linear ;
  /* 2秒完成一个周期，无限循环 */
}
.aboutus_team .innerbox .itemlist .item .datas .num {
  font-weight: 600;
  font-family: "OPPOSans40";
  color: #222222;
  font-family: "CHAKRAPETCH";
  margin-top: 0.42rem;
  font-size: var(--font30);
  line-height: 1;
}
.aboutus_team .innerbox .itemlist .item .datas .num .jump_num{
    display: inline-block;
    width: .35rem;
    min-width: 24px;
}

.aboutus_team .innerbox .itemlist .item .datas .detail {
  color: #666666;
  font-size: var(--font16);
  margin-top: 0.1rem;
  line-height: calc(24 / 16);
}
.aboutus_team .innerbox .itemlist .item .datas .tagbox {
  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.22rem;
  flex-wrap: wrap;
  margin-top: 0.39rem;
}
.aboutus_team .innerbox .itemlist .item .datas .tagbox .tag {
  font-weight: 600;
  font-family: "OPPOSans40";
  position: relative;
  color: #83ADE1;
  padding-left: 0.17rem;
}
.aboutus_team .innerbox .itemlist .item .datas .tagbox .tag::before {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 4px;
  background-color: #7CA6E0;
}
.aboutus_team .innerbox .itemlist .item .datas .tagbox .on {
  color: #3263F7;
}
.aboutus_team .innerbox .itemlist .item .datas .tagbox .on::before {
  background-color: #3263F7;
}
@media (max-width:768px) {
  .aboutus_team .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
@media (max-width:480px) {
  .aboutus_team .innerbox {
    padding-left: 0.5rem;
  }
  .aboutus_team .innerbox .flexbox {
    display: inline-block;
  }
  .aboutus_team .innerbox .flexbox .teamimg {
    height: auto;
  }
  .aboutus_team .innerbox .flexbox .intro {
    width: 100%;
    height: auto;
  }
  .aboutus_team .innerbox .flexbox .idx_more {
    margin-top: 0.4rem;
  }
  .aboutus_team .innerbox .itemlist .item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0.8rem 0.5rem;
  }
  .aboutus_team .innerbox .itemlist .item .datas{
      text-align: center;
  }
  .aboutus_team .innerbox .itemlist .item .datas .tagbox{
      justify-content: center;
  }
  .aboutus_team .innerbox .itemlist .item .icon .svgbox{
        top: -8px;
  }
}
.ins_imgBox {
  width: 100%;
  min-height: 7.43rem;
  position: relative;
  z-index: 1;
  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-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.ins_imgBox .innerbox {
  position: absolute;
  top: 0.72rem;
  height: 100%;
}
.ins_imgBox .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #dee2e6;
  z-index: 2;
}

.ins_imgBox .innerbox .numslide {
  color: #FD0000;
}

.ins_imgBox .innerbox .idx_title {
  padding-left: 0.6rem;
}
.ins_imgBox .innerbox .idx_title .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  color: var(--active_red);
}
.ins_imgBox .mapBox {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.ins_imgBox .mapBox .svgBox {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  transform: translateY(-0.9%) translateX(-0.3%);
  --dashoffset: 2138;
}
.ins_imgBox .mapBox .svgBox .be {
  width: 101%;
  height: auto;
  stroke-dashoffset: var(--dashoffset);
  stroke-dasharray: 2138;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.ins_imgBox .mapBox .svgBox .af {
  width: 101%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.ins_imgBox .mapBox .img {
  width: 100%;
  height: auto;
}
.ins_imgBox .mapBox .img img {
  width: 100%;
  height: auto;
}
.ins_imgBox .content {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}
.ins_imgBox .content .w1860 {
  width: 100%;
  height: 100%;
}
.ins_imgBox .content .w1860 .center_box {
  width: 100%;
  height: 100%;
}
.ins_imgBox .content .w1860 .center_box .item_box {
  width: 100%;
  height: 100%;
}
.ins_imgBox .content .w1860 .center_box .item_box .item {
  width: 0;
  height: 0;
  position: absolute;
  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;
}
.ins_imgBox .content .w1860 .center_box .item_box .item .word {
  width: max-content;
  left: 50%;
  bottom: 1.2rem;
  position: absolute;
  padding-left: 0.2rem;
  z-index: 5;
}
.ins_imgBox .content .w1860 .center_box .item_box .item .word:before {
  position: absolute;
  content: '';
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #efefef;
}
.ins_imgBox .content .w1860 .center_box .item_box .item .word .title {
  color: #222222;
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font30);
}
.ins_imgBox .content .w1860 .center_box .item_box .item .word .desc {
  font-size: var(--font16);
  margin-top: 0.2rem;
}
.ins_imgBox .content .w1860 .center_box .item_box .item .word .desc p {
  position: relative;
  padding-left: 0.15rem;
  line-height: calc(24/16);
}
.ins_imgBox .content .w1860 .center_box .item_box .item .word .desc p:before {
  position: absolute;
  content: '';
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #222;
  top: 50%;
  transform: translateY(-50%);
}
.ins_imgBox .content .w1860 .center_box .item_box .item .drop {
  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: 14px;
  height: 14px;
  position: absolute;
  border-radius: 50%;
  background: var(--active_color);
  z-index: 5;
}
.ins_imgBox .content .w1860 .center_box .item_box .item .drop:before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}
.ins_imgBox .content .w1860 .center_box .list_box {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 4;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ins_imgBox .content .w1860 .center_box .list_box .item {
      position: relative;
    z-index: 1;
    height: 6rem;
    cursor: pointer;
}
.ins_imgBox .content .w1860 .center_box .list_box .highlight {
  color: #315EE4;
}
.ins_imgBox .historybox {
  display: none;
  padding-top: 1rem;
}
.ins_imgBox .historybox .pagination-operate {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.ins_imgBox .historybox .history_mobile {
  padding-top: 1rem;
  height: 100%;
  overflow: hidden;
}
.ins_imgBox .historybox .history_mobile .word {
  width: max-content;
  position: absolute;
  padding-left: 0.5rem;
}
.ins_imgBox .historybox .history_mobile .word:before {
  position: absolute;
  content: '';
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #efefef;
}
.ins_imgBox .historybox .history_mobile .word .title {
  color: #222222;
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font30);
}
.ins_imgBox .historybox .history_mobile .word .desc {
  font-size: var(--font16);
  margin-top: 0.2rem;
}
.ins_imgBox .historybox .history_mobile .word .desc p {
  position: relative;
  padding-left: 0.22rem;
  line-height: calc(24/16);
}
.ins_imgBox .historybox .history_mobile .word .desc p:before {
  position: absolute;
  content: '';
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #222;
  top: 50%;
  transform: translateY(-50%);
}
.ins_imgBox .historybox .history_mobile .idxPageHide {
  position: absolute;
  bottom: 2.5rem;
}
@media (max-width:990px) {
  .ins_imgBox .content {
    display: none;
  }
  .ins_imgBox .historybox {
    display: block;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 10%;
  }
}
@media (max-width:480px) {
    .ins_imgBox .innerbox .numslide {
        margin-top: 1px;
    }
  .ins_imgBox .historybox .pagination-operate {
    display: none;
  }
  .ins_imgBox .historybox .history_mobile .idxPageHide{
      bottom: 1rem;
  }
  .ins_imgBox .historybox .history_mobile .idxPageHide .swiper-pagination-bullet{background: #999;}
  .ins_imgBox .historybox .history_mobile .idxPageHide .swiper-pagination-bullet-active{
      background-color: var(--active_color)!important;
  }
  .ins_imgBox .historybox .history_mobile .word{
      width: 100%;
  }
  .ins_imgBox .historybox .history_mobile .word .desc p:before{
      top: .85em;
  }
  
}



.aboutus_ourculture {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.aboutus_ourculture .bgimg .pc_img {
  min-height: 450px;
}
.aboutus_ourculture .innerbox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.aboutus_ourculture .innerbox .wordwrap {
  position: relative;
  width: 100%;
  padding-top: 1rem;
  padding-left: 0.8rem;
}
.aboutus_ourculture .innerbox .wordwrap:after {
  position: absolute;
  content: '';
  left: 0;
  top: -27%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
  opacity: 0.2;
}
.aboutus_ourculture .innerbox .wordwrap .numslide {
  left: 0;
  background: rgba(255, 255, 255, 0);
}
.aboutus_ourculture .innerbox .wordwrap .numslide::before {
  background-color: #fff;
  top: 0.4rem;
}
.aboutus_ourculture .innerbox .wordwrap .idx_title {
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
}
.aboutus_ourculture .innerbox .wordwrap .idx_more {
  margin-top: 0.7rem;
}
.aboutus_ourculture .itemlist {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.aboutus_ourculture .itemlist .swiperbox {
  height: 100%;
}
.aboutus_ourculture .itemlist .swiperbox .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;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  gap: 0.34rem;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 0.15rem;
  border-right: solid 1px rgba(255, 255, 255, 0.2);
}
.aboutus_ourculture .itemlist .swiperbox .item .icon {
  width: 0.54rem;
  height: 0.54rem;
}
.aboutus_ourculture .itemlist .swiperbox .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.aboutus_ourculture .itemlist .swiperbox .item .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #fff;
  font-size: var(--font28);
}
.aboutus_ourculture .itemlist .swiperbox .item .desc {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--font18);
  transform: translateY(50px);
  visibility: hidden;
  min-height: 90px;
}
.aboutus_ourculture .itemlist .swiperbox .item:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #3163F7;
  border: solid 1px #3163F7;
}
.aboutus_ourculture .itemlist .swiperbox .item:hover .desc {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translateY(0);
  visibility: visible;
}
@media (max-width:480px) {
    .aboutus_ourculture .itemlist{
        height: auto;
    }
  .aboutus_ourculture .innerbox .wordwrap {
    padding-left: 0.5rem;
  }
  .aboutus_ourculture .itemlist .swiperbox {
    padding-top: 1.8rem;
  }
  .aboutus_ourculture .itemlist .swiperbox ul {
            display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .3rem;
  }
  .aboutus_ourculture .itemlist .swiperbox ul li {
    width: 100% !important;
        background-color: rgb(255 255 255 / 10%);
    
    
  }
  .aboutus_ourculture .itemlist .swiperbox ul li .item {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    border-right: 0;
    padding: .5rem 0;
  }
  .aboutus_ourculture .itemlist .swiperbox ul li .item .desc {
    visibility: visible;
    transform: translateY(0);
    min-height: auto;
    width: 75%;
  }
}
.aboutus_other {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 1.24rem;
  padding-bottom: 1.39rem;
  background: #E8EDF2;
}
.aboutus_other .numslide {
  background: #E8EDF2;
}
.aboutus_other .numslide::before {
  background-color: var(--active_color);
}
.aboutus_other .innerbox {
  position: relative;
  padding-left: 0.8rem;
}
.aboutus_other .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #d1dbe4;
  z-index: 2;
}
.aboutus_other .innerbox .wordwrap {
  width: 100%;
}
.aboutus_other .innerbox .wordwrap .idx_title {
  text-align: center;
}
.aboutus_other .innerbox .wordwrap .idx_title .title {
  color: #315EE4;
}
.aboutus_other .innerbox .wordwrap .idx_title .desc {
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0.3rem;
}
.aboutus_other .innerbox .wordwrap .itemlist {
  margin-top: 0.7rem;
  position: relative;
  overflow: hidden;
}
.aboutus_other .innerbox .wordwrap .itemlist .item {
  cursor: pointer;
  background-color: #fff;
  display: block;
  border-radius: 0.16rem;
  padding: 0.28rem 0.22rem;
}
.aboutus_other .innerbox .wordwrap .itemlist .item .image {
  overflow: hidden;
}
.aboutus_other .innerbox .wordwrap .itemlist .item .image .pb {
  padding-bottom: 62.56%;
}
.aboutus_other .innerbox .wordwrap .itemlist .item .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutus_other .innerbox .wordwrap .itemlist .item .info {
  margin-top: 0.4rem;
}
.aboutus_other .innerbox .wordwrap .itemlist .item .info .title {
  font-weight: bold;
  font-family: "OPPOSans40";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--font28);
}
.aboutus_other .innerbox .wordwrap .itemlist .item .info .desc {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.14rem;
  font-size: var(--font18);
 
}
.aboutus_other .innerbox .wordwrap .itemlist .item .info .idx_more_normal {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  margin-top: 0.45rem;
}
.aboutus_other .innerbox .wordwrap .itemlist .item .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(0.8);
}
.aboutus_other .innerbox .wordwrap .itemlist .item:hover .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
.aboutus_other .innerbox .wordwrap .itemlist .item:hover .info .title {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--active_color);
}
.aboutus_other .innerbox .wordwrap .itemlist .item:hover .info .idx_more_normal {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--active_color);
}
.aboutus_other .innerbox .wordwrap .itemlist .item:hover .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: inherit;
  transform: translateX(-5px);
}
.aboutus_other .innerbox .wordwrap .itemlist:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  background: #E8EDF2;
  top: 0;
  left: -30%;
  z-index: 2;
}
@media (max-width:480px) {
  .aboutus_other {
    padding-bottom: 1rem;
  }
  .aboutus_other .innerbox {
    padding-left: 0.5rem;
  }
  .aboutus_other .innerbox .wordwrap .itemlist {
    margin-top: 0.5rem;
  }
}
.honor_about {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #E8EDF2;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.honor_about .numslide {
  /*background-color: rgba(255, 255, 255, 0);*/
  background-color: rgb(232 237 242);
}
.numslide::before{
    top: 0.4rem;
}
.honor_about .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.honor_about .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.honor_about .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.honor_about .innerbox .idx_title .title {
  color: #FD0000;
}
.honor_about .innerbox .idx_title .desc {
  color: #222222;
  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;
  font-size: var(--font48);
}
.honor_about .innerbox .idx_title .desc .taglist {
  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;
  background-color: #fff;
    border-radius: 0.29rem;
}
.honor_about .innerbox .idx_title .desc .taglist .tag {
  color: #222222;
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font16);
  border-radius: 0.29rem;
  padding: 0.205rem 0.345rem;
  line-height: 1;
}
.honor_about .innerbox .idx_title .desc .taglist .tag.active {
  color: #fff;
  background-color: var(--active_color);
}
.honor_about .innerbox .idx_title .desc .taglist .tag.active a{
color:#fff;
}
.honor_about .innerbox .itemlist {
  margin-top: 1.25rem;
  gap: 0.53rem;
}
.honor_about .innerbox .itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.honor_about .innerbox .itemlist .item .book {
  text-align: center;
  background-color: #fff;
  padding: 0.48rem 0.5rem;
  position: relative;
  cursor: pointer;
}
.honor_about .innerbox .itemlist .item .book .amplify_icon {
  position: absolute;
  right: 0.23rem;
  bottom: 0.16rem;
}
.honor_about .innerbox .itemlist .item .word {
  text-align: center;
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
  padding: 0.3rem 0 0.1rem 0;
  font-size: var(--font18);
}
@media (max-width:768px) {
  .honor_about .innerbox .idx_title .desc {
    display: block;
  }
  .honor_about .innerbox .idx_title .desc .taglist {
    margin-top: 0.4rem;
  }
  .honor_about .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }
}
@media (max-width:480px) {
    .honor_about{
        padding: .8rem 0;
    }
    .honor_about .numslide{
        margin-top: 1px;
    }
  .honor_about .innerbox {
    padding-left: 0.5rem;
  }
  .honor_about .innerbox .idx_title .desc .taglist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
    background-color: inherit;
  }
  .honor_about .innerbox .idx_title .desc .taglist .tag {
    text-align: center;
    background-color: #F2F7FB;
  }
  .honor_about .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
    margin-top: 0.5rem;
  }
}
.nav_headbox {
  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;
  top: var(--header-height);
  margin-top: 0.3rem;
  flex-wrap: wrap;
}
.nav_headbox .home {
  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;
}
.nav_headbox .titul {
  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;
  flex-wrap: wrap;
}
.nav_headbox .titul .titli {
  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;
  font-size: var(--font16);
  white-space: nowrap;
}
.nav_headbox .titul .titli:last-child .word{
    color: var(--active_color);
}

.nav_headbox .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;
  width: .2rem;
}
.nav_headbox.grey{
    /*color: #97ADC3;*/
    color: #222222;
}
.nav_headbox.grey a,.nav_headbox.grey a .word, .nav_headbox.grey .titul{
    /*color: #97ADC3;*/
    color: #222222;
    font-size: var(--font16);
}
.nav_headbox.grey img{
    filter: brightness(0) invert(0.3);
}
.nav_headbox.black6 a,.nav_headbox.black6 a .word, .nav_headbox.black6 .titul{
    color: #666666;
    font-size: var(--font16);
}
.nav_headbox.black6 img{
    filter: brightness(0) invert(0.5);
}

.case_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  padding-top: var(--header-height);
}
.case_banner .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;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.case_banner .innerbox .numslide {
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
}
.case_banner .innerbox .numslide::before {
  background-color: #fff;
  opacity: 0.2;
  height: 100vh;
}
.case_banner .innerbox .nav_headbox {
  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: #fff;
  gap: 0.1rem;
  padding-left: 0.6rem;
  position: absolute;
  top: var(--header-height);
  margin-top: 0.3rem;
}
.case_banner .innerbox .nav_headbox .home {
  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;
   color: #fff;
   font-size: var(--font16);
}
.case_banner .innerbox .nav_headbox .home .word{ font-size: var(--font16);}
.case_banner .innerbox .nav_headbox .titul {
  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;
}
.case_banner .innerbox .nav_headbox .titul .titli {
  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;
}
.case_banner .innerbox .nav_headbox .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;
}
.case_banner .innerbox .flexbox {
  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;
  margin-left: 0.6rem;
  background-color: #fff;
  transform: translateY(47%);
  border-radius: 0.16rem;
}
.case_banner .innerbox .flexbox .numslide {
  top: 0;
  left: -0.6rem;
}
.case_banner .innerbox .flexbox .numslide::before {
  height: 27vh;
}
.case_banner .innerbox .flexbox .info {
  width: 55%;
  padding: 0.8rem;
}
.case_banner .innerbox .flexbox .info .title {
  font-weight: bold;
  /*font-family: "OPPOSans40";*/
  color: #222222;
  font-size: var(--font40);
}
.case_banner .innerbox .flexbox .info .desc {
    color: #666666;
    font-size: var(--font18);
    margin-top: 0.4rem;
    max-height: 145px;
    overflow-y: auto;
    padding-right: 0.2rem;
    line-height: calc(28 / 18);
    text-align: justify;
}
.case_banner .innerbox .flexbox .info .idx_more {
  margin-top: 0.91rem;
}
.case_banner .innerbox .flexbox .imgbg {
  width: 45%;
}
.case_banner .innerbox .flexbox .imgbg img{
    width: 100%;
}
@media (max-width:768px) {
    .case_banner .innerbox .flexbox{
        flex-direction: column;
                border-radius: 0.16rem 0.16rem 0.16rem 100px;
    }
  .case_banner .innerbox .flexbox .info {
    width: 100%;
  }
  .case_banner .innerbox .flexbox .imgbg  {
    width: 100%;
  }
  
}
@media (max-width:480px) {
  .case_banner {
    padding-top: 50px;
  }
  .case_banner .innerbox .flexbox {
    margin-left: 0.5rem;
  }
  .case_banner .innerbox .flexbox .info {
    padding: 20px;
  }
  .case_banner .innerbox .flexbox .info .idx_more {
    margin-top: 0.5rem;
  }
  .case_banner .innerbox .flexbox .info .desc {
    max-height: 90px;
    text-align: left;
  }
  .case_banner .innerbox .nav_headbox {
    padding-left: 0.5rem;
  }
}
.case_studies {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #E8EDF2;
  padding-top: 3.79rem;
  padding-bottom: 1.07rem;
  gap: 0.8rem;
}
.case_studies .numslide {
  background-color: #e8edf2;
 
}
.case_studies .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.case_studies .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.case_studies .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.case_studies .innerbox .idx_title .title {
  color: var(--active_red);
}
.case_studies .innerbox .idx_title .desc {
  color: #222222;
  /*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;
  align-items: baseline;
}
.case_studies .innerbox .idx_title .desc .t0 {
  width: 55%;
}
.case_studies .innerbox .idx_title .desc .taglist {
  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;
  /*background-color: #fff;*/
  /*border-radius: 0.29rem;*/
  margin-top: .3rem;
  gap: .2rem;
  flex-wrap: wrap;
}
.case_studies .innerbox .idx_title .desc .taglist .tag {
  color: #222222;
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font16);
  cursor: pointer;
  white-space: nowrap;
 
  line-height: 1;
   background-color: #fff;
  border-radius: 0.29rem;
}
.case_studies .innerbox .idx_title .desc .taglist .tag  a{
     padding: 0.205rem 0.345rem;
         display: block;
}
.case_studies .innerbox .idx_title .desc .taglist .tag.active {
  color: #fff;
  border-radius: 0.29rem;
  background-color: var(--active_color);
}
.case_studies .innerbox .idx_title .desc .taglist .tag.active a{
     color: #fff;
}
.case_studies .innerbox .itemlist {
  margin-top: 0.7rem;
  position: relative;
  gap: 0.4rem;
}
.case_studies .innerbox .itemlist .item {
  cursor: pointer;
  background-color: #fff;
  display: block;
  border-radius: 0.16rem;
  padding: 0.19rem;
}
.case_studies .innerbox .itemlist .item .image {
  overflow: hidden;
}
.case_studies .innerbox .itemlist .item .image .pb {
  padding-bottom: 72.97%;
}
.case_studies .innerbox .itemlist .item .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case_studies .innerbox .itemlist .item .info {
  margin-top: 0.5rem;
}
.case_studies .innerbox .itemlist .item .info .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--font24);
  min-height: 0.7rem;
  line-height: 1.4;
}
.case_studies .innerbox .itemlist .item .info .idx_more_normal {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  margin-top: 0.35rem;
}
.case_studies .innerbox .itemlist .item .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(0.8);
}
.case_studies .innerbox .itemlist .item:hover .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
.case_studies .innerbox .itemlist .item:hover .info .title {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--active_color);
}
.case_studies .innerbox .itemlist .item:hover .info .idx_more_normal {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--active_color);
}
.case_studies .innerbox .itemlist .item:hover .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: inherit;
  transform: translateX(-5px);
}
.case_studies .innerbox .itemlist:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  background: #E8EDF2;
  top: 0;
  left: -30%;
  z-index: 2;
}
@media (max-width:768px) {
  .case_studies .innerbox .idx_title .desc {
    display: block;
  }
  .case_studies .innerbox .idx_title .desc .taglist {
    margin-top: 0.4rem;
  }
  .case_studies .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.3rem;
  }
}
@media (max-width:480px) {
    
  .case_studies {
    padding-top: 7rem;
  }
 
  .case_studies .innerbox {
    padding-left: 0.5rem;
  }
  .case_studies .innerbox .idx_title .desc .taglist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.3rem;
    row-gap: 0.15rem;
    background-color: rgba(255, 255, 255, 0);
  }
  .case_studies .innerbox .idx_title .desc .taglist .tag {
    text-align: center;
    background-color: #fff;
    border-radius: 0.29rem;
  }
  .case_studies .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.3rem;
    margin-top: 0.5rem;
  }
  .case_studies .innerbox .itemlist .item .info .idx_more_normal{
      margin-bottom: 0.35rem;
  }
}


@media (max-width:390px){
    .case_studies {
    padding-top: 8.5rem;
  }
}


.casedetail_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: var(--header-height);
  background: #E8EDF2;
}
.casedetail_banner .bgimg {
  margin-top: 0.3rem;
  border-radius: 0.16rem;
}
.casedetail_banner .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.casedetail_banner .bgimg video{
  width: 100%;
  height: 5rem;
  object-fit: cover;
}

.casedetail_content {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 0.8rem;
  padding-bottom: 1.5rem;
  background: #E8EDF2;
}
.casedetail_content .innerbox .addrbox {
  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-weight: 500;
  font-family: "OPPOSans40";
  color: #315EE4;
  gap: 0.1rem;
  font-size: var(--font18);
}
.casedetail_content .innerbox .addrbox .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.16rem;
  height: 0.18rem;
}
.casedetail_content .innerbox .addrbox .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.casedetail_content .innerbox .title {
  color: #333333;
  font-size: var(--font48);
  margin-top: 0.38rem;
}
.casedetail_content .innerbox .desc {
  color: #666666;
  font-size: var(--font18);
  margin-top: 0.1rem;
  line-height: calc(30 / 16);
}
.casedetail_content .innerbox .desc p {
  padding-top: 0.3rem;
  text-align: justify;
}
.casedetail_content .innerbox .desc video{
    
        width: 100%;
    height: 100%;
    margin-top: .5rem;
}
.casedetail_content .innerbox .imglist {
  margin-top: 0.5rem;
  gap: 0.6rem;
}

.casedetail_content .innerbox .imglist .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.casedetail_content .innerbox .cdlist {
  column-gap: 1rem;
  row-gap: 0.54rem;
  margin-top: 0.83rem;
}
.casedetail_content .innerbox .cdlist .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-weight: 500;
  font-family: "OPPOSans40";
  gap: 0.11rem;
  border-bottom: solid 1px rgba(141, 141, 141, 0.2);
  padding-bottom: 0.23rem;
  line-height: 1;
}
.casedetail_content .innerbox .cdlist .item .name {
  color: #333333;
  font-size: var(--font24);
}
.casedetail_content .innerbox .cdlist .item .word {
  color: #666666;
  font-size: var(--font20);
}
.casedetail_content .innerbox .cd_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;
  gap: 0.8rem;
  margin-top: 0.69rem;
}
.casedetail_content .innerbox .cd_operate .info p {
  margin-bottom: 0.06rem;
}
.casedetail_content .innerbox .cd_operate .info p a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.casedetail_content .innerbox .cd_operate .info p:hover a {
  color: #315EE4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.casedetail_content .innerbox .cd_other_product {
  margin-top: 0.98rem;
}
.casedetail_content .innerbox .cd_other_product .itemlist {
  margin-top: 0.68rem;
  overflow: hidden;
}
.casedetail_content .innerbox .cd_other_product .itemlist .item {
  background: url("../images/cop.png") no-repeat;
  padding: 0.35rem;
  border-radius: 0.1rem;
  height: 3.8rem;
  min-height: 248px;
}
.casedetail_content .innerbox .cd_other_product .itemlist .item .img {
  height: 2.2rem;
  padding: 0 0.5rem;
  min-height: 160px;
}
.casedetail_content .innerbox .cd_other_product .itemlist .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.casedetail_content .innerbox .cd_other_product .itemlist .item .info {
  position: absolute;
  bottom: 0.35rem;
  width: calc(100% - 0.7rem);
}
.casedetail_content .innerbox .cd_other_product .itemlist .item .info .it0 {
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font22);
}
.casedetail_content .innerbox .cd_other_product .itemlist .item .info .idx_more_normal {
  color: #999999;
  font-size: var(--font16);
  margin-top: 0.1rem;
}
.casedetail_content .innerbox .cd_relevant {
  margin-top: 1.26rem;
}
.casedetail_content .innerbox .cd_relevant .flexbox {
  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;
  margin-top: 0.7rem;
  background-color: #fff;
  border-radius: 0.16rem;
}
.casedetail_content .innerbox .cd_relevant .flexbox .info {
  width: 55%;
  padding: 0.7rem 0.8rem;
}
.casedetail_content .innerbox .cd_relevant .flexbox .info .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
  font-size: var(--font40);
}
.casedetail_content .innerbox .cd_relevant .flexbox .info .desc {
  color: #666666;
  font-size: var(--font18);
  margin-top: 0.4rem;
  max-height: 78px;
  overflow-y: auto;
  padding-right: 0.2rem;
}
.casedetail_content .innerbox .cd_relevant .flexbox .info .idx_more {
  margin-top: 0.91rem;
}
.casedetail_content .innerbox .cd_relevant .flexbox .imgbg {
  width: 46.3%;
}
.casedetail_content .innerbox .cd_relevant .flexbox .imgbg img{
    width: 100%;
}
@media (max-width:1280px) {
    .casedetail_content .innerbox .cd_relevant .flexbox .info .desc{
        max-height: 82px;
    }
}


@media (max-width:990px) {
    .casedetail_content .innerbox .cd_relevant .flexbox .info .desc{
         max-height: 85px;
    }
  .casedetail_content .innerbox .cdlist {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:768px) {
  .casedetail_content .innerbox .cd_relevant .flexbox {
    display: block;
  }
  .casedetail_content .innerbox .cd_relevant .flexbox .info {
    width: 100%;
  }
  .casedetail_content .innerbox .cd_relevant .flexbox .imgbg {
    width: 100%;
  }
}
@media (max-width:480px) {
    .casedetail_content{
        padding-top: 0.5rem;
    }
  .casedetail_content .innerbox .cdlist {
    grid-template-columns: repeat(1, 1fr);
  }
  .casedetail_content .innerbox .imglist {
    gap: 0.3rem;
  }
  .casedetail_content .innerbox .cd_operate {
    display: block;
  }
  .casedetail_content .innerbox .cd_operate p {
    display: inline-block;
  }
  .casedetail_content .innerbox .cd_operate .idx_more {
    margin-top: 0.2rem;
  }
  .casedetail_content .innerbox .cd_relevant{
      margin-top: .8rem;
  }
  .casedetail_content .innerbox .cd_relevant .flexbox .info {
    padding: 0.3rem;
  }
  .casedetail_content .innerbox .cd_relevant .flexbox .info .desc {
    max-height: 100px;
  }
  .casedetail_content .innerbox .cd_relevant .flexbox .info .idx_more {
    margin-top: 0.5rem;
  }
  .casedetail_content .innerbox .cd_relevant .flexbox .imgbg {
    padding: 0.3rem;
  }
  .casedetail_content .innerbox .desc p{
      padding-top: 0;
      text-align: left;
  }
  .casedetail_content .innerbox .cd_other_product{
      margin-top: 0.8rem;
  }
  .casedetail_content .innerbox .cd_relevant .flexbox .imgbg img{
      border-radius: 8px;
  }
}
.product_detail_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-bottom: 1.1rem;
  padding-top: var(--header-height);
  background: #F5F9FD;
}

.product_detail_banner .innerbox .numslide {
  color: #FD0000;
  background-color: rgba(255, 255, 255, 0);
}
.product_detail_banner .innerbox .numslide::before {
  background-color: #FD0000;
  /*opacity: 0.2;*/
  height: 100vh;
}
.product_detail_banner .innerbox .nav_headbox {
  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;
  position: absolute;
  top: var(--header-height);
  margin-top: 0;
  height: 0.7rem;
  min-height: 60px;
  font-size: var(--font16);
}
.product_detail_banner .innerbox .nav_headbox .home {
  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_detail_banner .innerbox .nav_headbox .titul {
  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;
  flex-wrap: wrap;
}
.product_detail_banner .innerbox .nav_headbox .titul .titli {
  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;
  white-space: nowrap;
}
.product_detail_banner .innerbox .nav_headbox .titul .titli:last-child .word{
    color: var(--active_color);
}

.product_detail_banner .innerbox .nav_headbox .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;
  width: .2rem;
}
.product_detail_banner .innerbox .flexbox {
  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;
  margin-left: 0.6rem;
  background-color: #fff;
  margin-top: 70px;
  border-radius: 0.16rem;
  background: url("../images/pdimg_shape.png") no-repeat;
  background-size: cover;
}
.product_detail_banner .innerbox .flexbox:after {
  position: absolute;
  content: '';
  left: -0.6rem;
  top: 55%;
  width: 1px;
  height: 200%;
  z-index: 2;
  background-color: #dde5ed;
}
.product_detail_banner .innerbox .flexbox .numslide {
  position: absolute;
    top: .12rem;
    left: -0.6rem;
    transform: translateX(-.8rem);
}
.product_detail_banner .innerbox .flexbox .numslide::before {
  height: 25vh;
  height: 1.37rem;
}
.product_detail_banner .innerbox .flexbox .info {
    position: relative;
  width: 60.5%;
  padding: 0.8rem;
}
.product_detail_banner .innerbox .flexbox .info .title {
    position: relative;
  font-weight: 600;
  font-family: "OPPOSans40";
  color: #222222;
  font-size: var(--font42);
  
}
.product_detail_banner .innerbox .flexbox .info .desc {
  color: #999999;
  font-size: var(--font18);
  margin-top: 0.34rem;
  max-height: 1.8rem;
  overflow-y: auto;
  padding-right: 0.2rem;
  line-height: calc(30/18);
}
.product_detail_banner .innerbox .flexbox .info .idx_more {
  margin-top: 0.89rem;
  padding: 0.155rem 0.2rem;
  gap: 0.12rem;
}
.product_detail_banner .innerbox .flexbox .imgbox {
  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-right: 0.75rem;
  width: 39.5%;
}
.product_detail_banner .innerbox .flexbox .imgbox .proimg {
    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;
  flex-direction: column;
  padding: 0.5rem 0;
  overflow: hidden;
  height: calc(100% - 1rem);
  width: 76%;
  
}
.product_detail_banner .innerbox .flexbox .imgbox .proimg .swiper-slide{
    height: 100%!important;
}

.product_detail_banner .innerbox .flexbox .imgbox .img{
    max-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_detail_banner .innerbox .flexbox .imgbox .img img{
    width: 80%;
}

.product_detail_banner .innerbox .flexbox .imgbox .proimg .idxPageHide {
     display: none!important;
    text-align: center;
    position: absolute;
    bottom: .4rem;
    z-index: 6;
}
@media (max-width:1280px) {
  .product_detail_banner .innerbox .flexbox {
    margin-top: 60px;
  }
}
@media (max-width:768px) {
  .product_detail_banner {
    padding-top: 1.5rem;
  }
  .product_detail_banner .innerbox .flexbox {
    flex-direction: column;
  }
  .product_detail_banner .innerbox .flexbox .info {
    width: 100%;
  }
  .product_detail_banner .innerbox .flexbox .imgbox {
    text-align: center;
    width: 100%;
    padding: 0 0.5rem;
    justify-content: center;
  }
  .product_detail_banner .innerbox .flexbox .imgbg {
    display: none;
  }
}
@media (max-width:480px) {
  .product_detail_banner {
    padding-top: 0;
    padding-bottom: .6rem;
  }
  .product_detail_banner .innerbox .nav_headbox {
    display: block;
  }
  .product_detail_banner .innerbox .nav_headbox .titul {
    margin-top: 0.1rem;
  }
  .product_detail_banner .innerbox .flexbox {
   margin-top: 1.5rem; 
  }
  .product_detail_banner .innerbox .flexbox .info {
    padding: 30px;
  }
  .product_detail_banner .innerbox .flexbox .info .idx_more {
    margin-top: 0.5rem;
  }
  .product_detail_banner .innerbox .flexbox .info .desc {
    max-height: inherit;
    margin-top: .2rem;
    padding-right: 0;
  }
  .product_detail_banner .innerbox .flexbox .imgbox {
    
  }
  .product_detail_banner .innerbox .nav_headbox {
    padding-left: 0.5rem;
    margin-top: 0.3rem;
    position: relative;
    height: auto;
    min-height: auto;
  }
  .product_detail_banner .innerbox .flexbox .numslide{
     
      left: -.26rem;
  }
  .product_detail_banner .innerbox .flexbox .info .title{
      line-height: 1.2;
  }
  .product_detail_banner .innerbox .flexbox .imgbox .proimg{
      width: auto;
      
  }
  .product_detail_banner .innerbox .flexbox .imgbox .prebtn,.product_detail_banner .innerbox .flexbox .imgbox .nextbtn {
      display: none!important;
  }
  
  .product_detail_banner .innerbox .flexbox .imgbox .proimg .idxPageHide{
      display: block!important;
  }
}
.product_detail_features {
  background: #F5F9FD;
}
.product_detail_features .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.product_detail_features .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: 26%;
  width: 1px;
  height: 200%;
  z-index: 2;
  background-color: #dde5ed;
}


.product_detail_features .innerbox .t0{
    font-size: var(--font44);
}

.product_detail_features .innerbox .numslide{
    color: var(--active_color);
}
.product_detail_features .innerbox .numslide:before{
    background-color: var(--active_color);
}

.product_detail_features .innerbox .numslide {
  left: 0;
  background: #F5F9FD;
  top: 0.1rem;
}
.product_detail_features .innerbox .itemlist {
  margin-top: 0.68rem;
  overflow: hidden;
}
.product_detail_features .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;

  flex-direction: column;
  padding: 0.46rem 0.3rem;
  background: url("../images/pf_shape.png") no-repeat;
  background-size: cover;
  height: 5.3rem;
  min-height: 370px;
}
.product_detail_features .innerbox .itemlist .item .img {
  width: 0.99rem;
  height: 0.99rem;
  min-height:0.99rem ;
}
.product_detail_features .innerbox .itemlist .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail_features .innerbox .itemlist .item .info .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  color: #222222;
  font-size: var(--font30);
  margin-top: 0.58rem;
  line-height: 1.2;
  min-height: 72px;
  text-align: center;
}
.product_detail_features .innerbox .itemlist .item .info .desc {
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font16);
  margin-top: 0.3rem;
  
  min-height: 120px;
  overflow-y: auto;
  /*padding-right: 0.2rem;*/
  text-align: left;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden;
}
.product_detail_features .innerbox .itemlist .item .info .desc p{
    line-height: calc(30 / 16);
}

.product_detail_features .innerbox .itemlist .idxPageHide {
    margin-top: .5rem;
    text-align: center;
}

@media (max-width:768px) {
  .product_detail_features .innerbox .public_flex .pagination-operate {
    display: none!important;
  }
}
.parameter_specifications {
  padding: 1.18rem 0;
  background: #F5F9FD;
}
.parameter_specifications .innerbox {
  position: relative;
  padding-left: 0.6rem;
}

.parameter_specifications .innerbox .public_flex .t0{
    font-size: var(--font42);
} 

.parameter_specifications .innerbox .numslide {
  left: 0;
  background: #F5F9FD;
  top: 0.12rem;
}
.parameter_specifications .innerbox .itemlist {
  overflow: hidden;
  column-gap: 0.44rem;
  row-gap: 0.3rem;
  margin-top: 0.59rem;
}
.parameter_specifications .innerbox .itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  font-weight: 500;
  font-family: "OPPOSans40";
  background: rgba(209, 219, 228, 0.5);
  line-height: 1;
  padding: 0.21rem 0.3rem;
}
.parameter_specifications .innerbox .itemlist .item .name {
  color: #333333;
  font-size: var(--font18);
  font-weight: bold;
  white-space: nowrap;
}
.parameter_specifications .innerbox .itemlist .item .word {
  color: #666666;
  font-size: var(--font18);
  line-height: 1.5;
}

@media (max-width:480px) {
    .parameter_specifications{
        padding: .6rem 0;
    }
  .parameter_specifications .innerbox .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
  .parameter_specifications .innerbox .numslide{
      top: 0.1rem;
  }
    .parameter_specifications .innerbox .itemlist .item .word{
        font-size: var(--font16);
    }
}
.product_detail_other {
  padding-top: 1.02rem;
   padding-bottom: .8rem;
  background: #F5F9FD;
}
.product_detail_other .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.product_detail_other .innerbox .numslide {
  left: 0;
  top: 0.15rem;
  background: #F5F9FD;
}
.product_detail_other .innerbox .itemlist {
  margin-top: 0.68rem;
  overflow: hidden;
}
.product_detail_other .innerbox .itemlist .item {
  background: url("../images/cop.png") no-repeat;
  padding: 0.35rem;
  border-radius: 0.1rem;
  height: 3.8rem;
  min-height: 260px;
  background-size: cover;
}
.product_detail_other .innerbox .itemlist .item .img {
  height: 2.2rem;
  /*padding: 0 0.5rem;*/
  padding: 0.2rem;
  min-height: 160px;
}
.product_detail_other .innerbox .itemlist .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail_other .innerbox .itemlist .item .info {
  position: absolute;
  bottom: 0.35rem;
  width: calc(100% - 0.7rem);
}
.product_detail_other .innerbox .itemlist .item .info .it0 {
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font22);
}
.product_detail_other .innerbox .itemlist .item .info .idx_more_normal {
  color: #999999;
  font-size: var(--font16);
  margin-top: 0.1rem;
}
@media (max-width:768px) {
  .product_detail_other .pagination-operate {
    display: none;
  }
}
@media (max-width:480px) {
    .product_detail_other{
        padding: .8rem 0;
    }
    .product_detail_other .innerbox .itemlist{
        margin-top: 0.5rem;
    }
    .product_detail_other .innerbox .itemlist .item .info{
        text-align: center;
    }
    .product_detail_other .innerbox .itemlist .item .info .idx_more_normal{
        margin: auto;
        margin-top: 0.1rem;
    }
}

.product_detail_rc {
  padding-top: 1.33rem;
  background: #F5F9FD;
  padding-bottom: 2rem;
}
.product_detail_rc .innerbox {
  position: relative;
  z-index: 1;
  padding-left: 0.6rem;
}
.product_detail_rc .innerbox .numslide {
  left: 0;
  top: 0.15rem;
  background: #F5F9FD;
}
.product_detail_rc .innerbox .flexbox {
  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;
  margin-top: 0.7rem;
  background-color: #fff;
  border-radius: 0.16rem;
}
.product_detail_rc .innerbox .flexbox .info {
  width: 55%;
  padding: 0.7rem 0.8rem;
}
.product_detail_rc .innerbox .flexbox .info .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
  font-size: var(--font32);
}
.product_detail_rc .innerbox .flexbox .info .desc {
  color: #666666;
  font-size: var(--font18);
  margin-top: 0.4rem;
  max-height: 80px;
  line-height: 1.5;
  overflow-y: auto;
  padding-right: 0.2rem;
}
.product_detail_rc .innerbox .flexbox .info .idx_more {
  margin-top: 0.91rem;
}
.product_detail_rc .innerbox .flexbox .imgbg {
  width: 46.3%;
}
@media (max-width:768px) {
  .product_detail_rc .pagination-operate {
    display: none;
  }
}
@media (max-width:480px) {
  .product_detail_rc .innerbox .flexbox {
    flex-direction: column;
  }
  .product_detail_rc .innerbox .flexbox .info {
    width: 100%;
    height: auto;
  }
  .product_detail_rc .innerbox .flexbox .info .desc {
    max-height: 150px;
  }
  .product_detail_rc .innerbox .flexbox .imgbg {
    width: 100%;
    height: auto;
  }
}
.latest_news {
  margin-top: var(--header-height);
  padding-top: 1.33rem;
  background: #F5F9FD;
  padding-bottom: 0.74rem;
  
}
.latest_news .w1600{
    position: relative;
}
.latest_news .innerbox {
  position: relative;
  z-index: 1;
  padding-left: 0.6rem;
}
.latest_news .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: .5rem;
  width: 1px;
  height: 200%;
  background-color: #d1dbe4;
  z-index: 2;
}
.latest_news .innerbox .numslide {
  left: 0;
  top: .14rem;
  background: #F5F9FD;
}
.latest_news .innerbox .numslide::before {
  background-color: var(--active_color);
  height: .6rem;
}
.latest_news .innerbox .flexbox {
  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;
  margin-top: 0.7rem;
  background-color: #fff;
  border-radius: 0.16rem;
  padding: 0.79rem 0.6rem;
  gap: .5rem;
}
.latest_news .innerbox .flexbox .info {
  width: 50%;
}

.latest_news .innerbox .flexbox .info .time{
    font-size: var(--font14);
    color: var(--active_color);
    font-weight: bold;
}
.latest_news .innerbox .flexbox .info .title {
  font-weight: bold;
  margin-top: .3rem;
  /*font-family: "OPPOSans40";*/
  color: #222222;
  font-size: var(--font30);
  width: 90%;
}
.latest_news .innerbox .flexbox .info .desc {
    color: #666666;
    font-size: var(--font16);
    margin-top: 0.15rem;
    max-height: 80px;
    overflow-y: auto;
    padding-right: 0.2rem;
    line-height: 1.8;
    text-align: justify;
}
.latest_news .innerbox .flexbox .info .idx_more {
  margin-top: 0.91rem;
}
.latest_news .innerbox .flexbox .imgbg {
  width: 50%;
}
.latest_news .innerbox .flexbox .imgbg img{
    width: 100%;
}
.latest_news .innerbox .idxPageHide {
  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;
  width: 100%;
  gap: 5px;
  margin-top: 0.5rem;
}
@media (max-width:768px) {
  .latest_news .pagination-operate {
    display: none;
  }
  .latest_news .innerbox .flexbox {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    flex-direction: column;
  }
  .latest_news .innerbox .flexbox .info {
    width: 100%;
  }
  .latest_news .innerbox .flexbox .info .idx_more {
    margin-top: 0.5rem;
  }
  .latest_news .innerbox .flexbox .imgbg {
    width: 100%;
  }
}
@media (max-width:480px) {
    .latest_news{
        padding-top: .6rem;
    }
    
  .latest_news .innerbox .flexbox {
    flex-direction: column;
  }
  .latest_news .innerbox .flexbox .info {
    width: 100%;
    height: auto;
  }
  .latest_news .innerbox .flexbox .info .title{
      width: 100%;
  }
  .latest_news .innerbox .flexbox .info .desc {
      width: 100%;
    max-height: 150px;
    text-align: left;
    padding-right: 0;
  }
  .latest_news .innerbox .flexbox .imgbg {
    width: 100%;
    height: auto;
  }
}

.news_company_news .innerbox:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #DFDFDF;
    z-index: 2;
}
.news_company_news .innerbox .ncn_title {
    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;
  padding-left: 0.6rem;
}
.news_company_news .innerbox .ncn_title:before{
       position: absolute;
    content: '';
    left: -10%;
    bottom: 0;
    width: 150%;
    height: 1px;
    background-color: #DFDFDF;
}


.news_company_news .innerbox .ncn_title .taglist {
  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.57rem;
}
.news_company_news .innerbox .ncn_title .taglist .tag {
  font-weight: 600;
  font-family: "OPPOSans40";
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0.245rem 0;
}
.news_company_news .innerbox .ncn_title .taglist .active {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--active_color);
  border-bottom: solid 3px var(--active_color);
  z-index: 3;
}
.news_company_news .innerbox .ncn_title .result {
  position: relative;
}
.news_company_news .innerbox .ncn_title .result input {
  height: 0.42rem;
  min-height: 30px;
  border-radius: 0.21rem;
  background: rgba(34, 34, 34, 0.06);
  border: none;
  padding: 0 0.2rem;
}
.news_company_news .innerbox .ncn_title .result .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;
  position: absolute;
  top: 0;
  width: 0.14rem;
  min-width: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: 0.23rem;
}
.news_company_news .innerbox .ncn_title .result .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news_company_news .innerbox .ncn_content {
  padding-left: 0.6rem;
  padding-bottom: 1rem;
}
@media (max-width:768px) {
  .news_company_news .innerbox .ncn_title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: .5rem;
  }
}
@media (max-width:480px) {
    .news_company_news .innerbox .ncn_title .result{
        width: 100%;
    }
    .news_company_news .innerbox .ncn_title .result input{
        width: 100%;
        min-height: 36px;
        border-radius: 20px;
    }
  .news_company_news .innerbox .ncn_content {
    margin-top: 0.5rem;
  }
  .news_company_news .innerbox .ncn_content .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
  .news_company_news .innerbox .ncn_title{
      gap: .3rem;
  }
}
.ncn_content {
  margin-top: 1.15rem;
}
.ncn_content .itemlist {
  column-gap: 0.4rem;
  row-gap: 0.44rem;
  overflow: hidden;
}
.ncn_content .itemlist .item {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #DFDFDF;
  display: block;
  border-radius: 0.16rem;
  padding: 0.28rem 0.22rem;
}
.ncn_content .itemlist .item .image {
  overflow: hidden;
}
.ncn_content .itemlist .item .image .pb {
  padding-bottom: 56.15%;
}
.ncn_content .itemlist .item .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ncn_content .itemlist .item .info {
  margin-top: 0.5rem;
}
.ncn_content .itemlist .item .info .title {
  font-weight: bold;
  /*font-family: "OPPOSans40";*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--font22);
  min-height: 0.7rem;
  line-height: 1.3;
}
.ncn_content .itemlist .item .info .desc {
  font-weight: 500;
  /*font-family: "OPPOSans40";*/
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0.26rem;
  font-size: var(--font16);
  line-height: calc(26 / 16);
  text-align: justify;
  min-height: .52rem;
}
.ncn_content .itemlist .item .info .idx_more_normal {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  margin-top: 0.52rem;
}
.ncn_content .itemlist .item .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(0.8);
}
.ncn_content .itemlist .item:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #3163F7;
}
.ncn_content .itemlist .item:hover .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
.ncn_content .itemlist .item:hover .info .title {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.ncn_content .itemlist .item:hover .info .desc {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.ncn_content .itemlist .item:hover .info .idx_more_normal {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.ncn_content .itemlist .item:hover .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(1);
  transform: translateX(-5px);
}
@media (max-width:480px) {
    .ncn_content{
        margin-top: .5rem;
    }
    .ncn_content .itemlist .item .info .desc{
        text-align: left;
    }
}


.latest_detail_news {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: var(--header-height);
  background: #F2F7FB;
}
.latest_detail_news .innerbox .nav_headbox {
  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;
  padding-left: 0.6rem;
  background: #F2F7FB;
  position: absolute;
  top: var(--header-height);
  margin-top: 0.3rem;
  padding-left: 0;
}
.latest_detail_news .innerbox .nav_headbox .home {
  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;
}
.latest_detail_news .innerbox .nav_headbox .titul {
  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;
}
.latest_detail_news .innerbox .nav_headbox .titul .titli {
  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;
  color: #97ADC3;
  white-space: normal;
}
.latest_detail_news .innerbox .nav_headbox .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;
}
.latest_detail_news .innerbox .newsbox {
  padding: 0.75rem 0.84rem;
  background-color: #fff;
  margin-top: 0.8rem;
}
.latest_detail_news .innerbox .newsbox .title {
  font-weight: 600;
  /*font-family: "OPPOSans40";*/
  font-size: var(--font34);
  width: 88%;
  text-align: center;
  margin: auto;
}
.latest_detail_news .innerbox .newsbox .timelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #999999;
  flex-wrap: wrap;
  gap: 0.26rem;
  margin-top: 0.47rem;
}
.latest_detail_news .innerbox .newsbox .content {
  color: #666666;
  font-size: var(--font18);
  margin-top: 0.62rem;
  padding-top: 0.52rem;
  border-top: solid 1px rgba(0, 0, 0, 0.06);
}
.latest_detail_news .innerbox .newsbox .content img{
    object-fit: contain;
        height: auto !important;
}

.latest_detail_news .innerbox .newsbox .content p {
  margin-top: 0.2rem;
  line-height: calc(30/16);
  text-align: justify;
      white-space: normal;
    /*word-break: keep-all;*/
    overflow-wrap: break-word;
  
}
.latest_detail_news .innerbox .newsbox .content p a{
    word-break: break-all;
}
.latest_detail_news .innerbox .newsbox .content .imglist {
  margin-top: 0.56rem;
  gap: 0.64rem;
}
.latest_detail_news .innerbox .newsbox .content .imglist img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest_detail_news .innerbox .newsbox .content .cd_operate {
  font-size: var(--font16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #333333;
  gap: 0.8rem;
  margin-top: 0.69rem;
}
.latest_detail_news .innerbox .newsbox .content .cd_operate .info p {
  margin-bottom: 0.06rem;
}
.latest_detail_news .innerbox .newsbox .content .cd_operate .info p a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.latest_detail_news .innerbox .newsbox .content .cd_operate .info p:hover a {
  color: #315EE4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.latest_detail_news .innerbox .newsbox .content .cd_operate .idx_more .icon{
    width: 10px;
    height: 10px;
    min-width: 10px;
}
.latest_detail_news .innerbox .newsbox .content .cd_operate .idx_more .word{
    white-space: nowrap;
    font-size: var(--font16);
}

@media (max-width:480px) {
  .latest_detail_news .innerbox .nav_headbox {
    padding-left: 0;
    position: relative;
    top: 0;
  }
  .latest_detail_news .innerbox .newsbox {
    padding: 20px;
    margin-top: .5rem;
  }
  .latest_detail_news .innerbox .newsbox .title {
    width: 100%;
    height: auto;
  }
  .latest_detail_news .innerbox .newsbox .content{
        margin-top: 0.3rem;
        padding-top: 0.2rem;
  }
  .latest_detail_news .innerbox .newsbox .content .cd_operate {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: 0.3rem;
    flex-direction: column;
  }
  .latest_detail_news .innerbox .newsbox .content p{
      text-align: left;
  }
}
.latest_detail_product {
  padding-top: 1.47rem;
  padding-bottom: 1.36rem;
  background: #F2F7FB;
}
.latest_detail_product .innerbox .itemlist {
  margin-top: 0.68rem;
  overflow: hidden;
}
.latest_detail_product .innerbox .itemlist .item {
  cursor: pointer;
  background-color: #fff;
  display: block;
  border-radius: 0.16rem;
  padding: 0.28rem 0.22rem;
}
.latest_detail_product .innerbox .itemlist .item .image {
  overflow: hidden;
}
.latest_detail_product .innerbox .itemlist .item .image .pb {
  padding-bottom: 56.15%;
}
.latest_detail_product .innerbox .itemlist .item .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest_detail_product .innerbox .itemlist .item .info {
  margin-top: 0.5rem;
}
.latest_detail_product .innerbox .itemlist .item .info .title {
  font-weight: bold;
  /*font-family: "OPPOSans40";*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--font22);
  /*min-height: 0.7rem;*/
  line-height: 1.4;
}
.latest_detail_product .innerbox .itemlist .item .info .desc {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-top: 0.36rem;
  font-size: var(--font16);
  line-height: calc(26 / 16);
}
.latest_detail_product .innerbox .itemlist .item .info .idx_more_normal {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #999999;
  margin-top: 0.52rem;
  font-size: var(--font16);
}
.latest_detail_product .innerbox .itemlist .item .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(0.8);
}
.latest_detail_product .innerbox .itemlist .item:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #3163F7;
}
.latest_detail_product .innerbox .itemlist .item:hover .image img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
.latest_detail_product .innerbox .itemlist .item:hover .info .title {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.latest_detail_product .innerbox .itemlist .item:hover .info .desc {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.latest_detail_product .innerbox .itemlist .item:hover .info .idx_more_normal {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
}
.latest_detail_product .innerbox .itemlist .item:hover .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: brightness(0) invert(1);
  transform: translateX(-5px);
}
@media (max-width:480px) {
    .latest_detail_product{
        padding: .6rem 0;
    }
    .latest_detail_product .innerbox .pagination-operate{
        display: none;
    }
    .latest_detail_product .innerbox .itemlist{
        margin-top: .3rem;
    }
}


.support_banner .innerbox .numslide {
  background: #3664f5;
}
.support_banner .innerbox .numslide::before {
  opacity: 1;
  height: 14vh;
}
.support_banner .innerbox .info {
  position: relative;
}
.support_banner .innerbox .info:after {
  position: absolute;
  content: '';
  left: 0;
  top: 39%;
  width: 1px;
  height: 62vh;
  background-color: #ffffff;
  opacity: 0.2;
  z-index: 2;
}
.support_wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #E8EDF2;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
  overflow: hidden;
}
.support_wrap .numslide {
  background: #E8EDF2;
}
.support_wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.63rem;
  padding-left: 0.6rem;
}
.support_wrap .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #DFDFDF;
  z-index: 2;
}
.support_wrap .innerbox .left {
  position: sticky;
  top: 1.5rem;
  width: 22.5%;
  min-width: 180px;
  background: #FFFFFF;
  border-radius: 10px;
  height: fit-content;
  padding-bottom: 1.2rem;
}
.support_wrap .innerbox .left .itemlist .item {
  padding: 0 0.3rem;
}
.support_wrap .innerbox .left .itemlist .item .ft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 0.275rem 0;
  border-bottom: solid 1px #d1dbe4;
}
.support_wrap .innerbox .left .itemlist .item .ft .ft0 {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font20);
}
.support_wrap .innerbox .left .itemlist .item .ft .more img {
  filter: brightness(0) invert(0.5);
  transform: rotate(180deg);
}
.support_wrap .innerbox .left .itemlist .item .finfo {
  display: none;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful {
  border-bottom: solid 1px #d1dbe4;
  padding-bottom: 0.42rem;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli {
  cursor: pointer;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one {
  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.2rem;
  cursor: pointer;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .t2 {
  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: #666666;
  gap: 0.13rem;
  font-size: var(--font16);
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .t2 .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;
  filter: brightness(0) invert(0.3);
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .choose {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #D6D6D6;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .choose img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .on img {
  display: inline-block;
  border: none;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .on + .t2 {
  color: #315EE4;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul {
  padding-left: 0.18rem;
  font-size: var(--font14);
  margin-top: 0.15rem;
  line-height: calc(30/14);
  display: none;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .twoli {
  color: #333333;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .twoli:hover a {
  color: #315EE4;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .li_on {
  color: var(--active_color);
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .li_on a {
  color: var(--active_color);
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .one_active .f_one {
  color: #315EE4;
}
.support_wrap .innerbox .left .itemlist .item .finfo .ful .one_active .f_one .t2 .more {
  transform: rotate(180deg);
  filter: inherit;
}
.support_wrap .innerbox .left .itemlist .item:last-child {
  border-bottom: none;
}
.support_wrap .innerbox .left .itemlist .active .ft .ft0 {
  color: #315EE4;
}
.support_wrap .innerbox .left .itemlist .active .ft .more img {
  filter: inherit;
  transform: rotate(0deg);
}
.support_wrap .innerbox .right {
  width: 77.5%;
}
.support_wrap .innerbox .right .result {
  position: relative;
  height: 0.73rem;
  background: #FFFFFF;
  border-radius: 0.1rem;
  margin-bottom: 0.5rem;
}
.support_wrap .innerbox .right .result input {
  width: 89%;
  height: 100%;
  border: none;
  padding: 0 0.2rem;
  border-radius: 0.1rem;
  font-size: var(--font16);
}
.support_wrap .innerbox .right .result .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;
  position: absolute;
  top: 0;
  width: 0.19rem;
  min-width: 10px;
  top: 50%;
  transform: translateY(-50%);
  right: 0.23rem;
}
.support_wrap .innerbox .right .result .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.support_wrap .innerbox .right .result_data {
  font-size: var(--font18);
  padding-bottom: 0.28rem;
}
.support_wrap .innerbox .right .result_data .data {
  color: #315EE4;
  font-size: var(--font30);
}
.support_wrap .innerbox .right .result_ul .r_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;
  border-bottom: solid 1px #d1dbe4;
  padding: 0.155rem 0;
}
.support_wrap .innerbox .right .result_ul .r_li .l_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.26rem;
}
.support_wrap .innerbox .right .result_ul .r_li .l_left .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.48rem;
  height: 0.5rem;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 0.08rem 0.03rem;
}
.support_wrap .innerbox .right .result_ul .r_li .l_left .word {
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font18);
  color: #222;
}
.support_wrap .innerbox .right .result_ul .r_li .l_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;
  font-weight: 500;
  font-family: "OPPOSans40";
  gap: 1.4rem;
}
.support_wrap .innerbox .right .result_ul .r_li .l_right .download {
  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: #666666;
  gap: 0.2rem;
}
.support_wrap .innerbox .right .result_ul .r_li .l_right .download img {
  filter: brightness(0) invert(0.5);
}
.support_wrap .innerbox .right .result_list {
  gap: 0.18rem;
  margin-top: 0.83rem;
}
.support_wrap .innerbox .right .result_list .item {
  border-radius: 0.1rem;
}
.support_wrap .innerbox .right .result_list .item .videowrap {
  width: 100%;
  height: 2.34rem;
  min-height: 190px;
  border-radius: 0.1rem;
}
.support_wrap .innerbox .right .result_list .item .videowrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.1rem;
}
.support_wrap .innerbox .right .result_list .item .word {
  font-weight: 500;
  font-family: "OPPOSans40";
  text-align: center;
  margin-top: 0.25rem;
  font-size: var(--font18);
}
@media (max-width:768px) {
  .support_wrap .innerbox {
    flex-direction: column;
  }
  .support_wrap .innerbox .left {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
  }
  .support_wrap .innerbox .right {
    width: 100%;
    height: auto;
  }
}
@media (max-width:480px) {
    .support_wrap .innerbox .left{
        padding-bottom: .5rem;
    }
  .support_wrap .innerbox .right .result_list {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0rem;
  }
  .support_wrap .innerbox .right .result_ul .r_li{
      flex-direction: column;
      gap: .2rem;
      position: relative;
  }
  .support_wrap .innerbox .right .result_ul .r_li a{
      width: 100%;
  }
  .support_wrap .innerbox .right .result_ul .r_li .l_right{
      width: 100%;
        align-items: start;
        gap: .2rem;
        padding-left: 40px;
        margin-left: .45rem;
  }
  .support_wrap .innerbox .right .result_ul .r_li .l_right .download{
    position: absolute;
        right: 0;
        top: .22rem;
        width: 100%;
        justify-content: end;
  }
  .support_wrap .innerbox .right .result_ul .r_li .l_left{
      align-items: start;
  }
  .support_wrap .innerbox .right .result_ul .r_li .l_left .icon{
      width: 40px;
    height: 40px;
    border-radius: 0;
  }
  .support_wrap .innerbox .right .result_ul .r_li .l_right .dw{
      position: absolute;
    bottom: .28rem;
  }
  
  
}
.contact_banner .innerbox .numslide {
  color: #315EE4;
  top: .03rem;
}
.contact_banner .innerbox .numslide:before {
  background-color: var(--active_color);
  height: .6rem;
  opacity: 1;
}
.contact_banner .innerbox .numslide:after{
    background-color: #bdbaba;
}

.contact_banner .innerbox .info {
  color: #222222;
}
.get_in_touch {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ffffff;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.get_in_touch .w1600{
    position: relative;
}
.get_in_touch .numslide {
  background-color: rgba(255, 255, 255, 0);
  top: .08rem;
}
.get_in_touch .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.get_in_touch .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.get_in_touch .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.get_in_touch .innerbox .idx_title .title {
  color: #FD0000;
}
.get_in_touch .innerbox .idx_title .desc {
  color: #222222;
  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;
}
.get_in_touch .innerbox .contact_form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 0.4rem;
  row-gap: 0.24rem;
  margin-top: 0.83rem;
}
.get_in_touch .innerbox .contact_form .item {
  
  font-size: var(--font16);
}
.get_in_touch .innerbox .contact_form .item .t0{
    
}
.get_in_touch .innerbox .contact_form .item .t0 .red{
    color: red;
}

.get_in_touch .innerbox .contact_form .spanrow2{
    grid-column: span 2;
}

.get_in_touch .innerbox .contact_form .item input {
    margin-top: .1rem;
  width: 100%;
  height: 0.53rem;
  min-height: 33px;
  padding: 0 0.25rem;
  background: rgb(223 223 223 / 20%);
  border: 1px solid #DFDFDF;
}
.get_in_touch .innerbox .contact_form .item .submit_btn {
  text-align: 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: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  height: 0.6rem;
  background: #3263F7;
}
.get_in_touch .innerbox .contact_form .item .layui-form {
  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: 100%;
}
.get_in_touch .innerbox .contact_form .item .layui-form a {
  display: inline-block;
  white-space: break-spaces;
  width: 100%;
}
.get_in_touch .innerbox .contact_form .item .layui-form .layui-form-item {
  margin-bottom: 0;
}
.get_in_touch .innerbox .contact_form .item .layui-form .layui-form-checkbox .layui-icon-ok {
  background-position: center;
}
.get_in_touch .innerbox .contact_form .item .layui-form .layui-form-checked .layui-icon-ok {
  background: url("../images/accept.png") no-repeat;
  background-position: center;
}
.get_in_touch .innerbox .contact_form .item .layui-form .layui-form-checked .layui-icon-ok::before {
  content: '' !important;
}
.get_in_touch .innerbox .contact_form .item .layui-form .layui-form-checked[lay-skin=primary] > i {
  border: 1px solid #d2d2d2 !important;
}
.get_in_touch .innerbox .contact_form .item .layui-form .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: var(--active_color);
}
.get_in_touch .innerbox .contact_form .item2 {
  grid-column-start: 2;
  grid-column-end: 4;
}
@media (max-width:480px) {

  .get_in_touch .innerbox .contact_form {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
  .get_in_touch .innerbox .contact_form .item {
    width: 90%;
    grid-column: span 1;
  }
  .get_in_touch .innerbox .contact_form .item2 {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.contact_info {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #ffffff;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.contact_info .numslide {
  background-color: rgba(255, 255, 255, 0);
  color: #3263F7;
 left: 0;
 top: .08rem;
}
.contact_info .numslide::before{
    background-color: #3263F7;
}
.contact_info .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.contact_info .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.contact_info .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.contact_info .innerbox .idx_title .title {
  color: #FD0000;
}
.contact_info .innerbox .idx_title .desc {
  color: #222222;
  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;
}
.contact_info .innerbox .mapbox {
  margin-top: 0.72rem;
}
.contact_info .innerbox .mapbox img{
    width: 100%;
}

.contact_info .innerbox .itemlist {
  margin-top: 0.73rem;
}
.contact_info .innerbox .itemlist .rowline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.5rem;
}
.contact_info .innerbox .itemlist .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;
  gap: 0.4rem;
  padding: 0.45rem 0;
}
.contact_info .innerbox .itemlist .rowline .item .icon {
  width: 0.48rem;
  height: 0.48rem;
}
.contact_info .innerbox .itemlist .rowline .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contact_info .innerbox .itemlist .rowline .item .data .title {
  font-size: var(--font22);
  color: #000;
      font-weight: bold;
    /*font-family: "OPPOSans40";*/
}
.contact_info .innerbox .itemlist .rowline .item .data .word {
  color: #666666;
  margin-top: 0.1rem;
  font-size: var(--font18);
}
.contact_info .innerbox .itemlist .rowline .item:nth-child(1) {
  flex: 2;
}
.contact_info .innerbox .itemlist .rowline .item:last-child {
  flex: 1;
}
.contact_info .innerbox .itemlist .rowline:nth-child(odd) {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
@media (max-width:480px) {
  .contact_info {
    padding-top: 0;
  }
  .contact_info .innerbox .itemlist {
    margin-top: 0.5rem;
  }
  .contact_info .innerbox .itemlist .rowline {
    flex-direction: column;
    gap: 0;
  }
  .contact_info .innerbox .itemlist .rowline .item {
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  }
  .contact_info .innerbox .itemlist .rowline:nth-child(odd) {
    border-bottom: none;
  }
}
.solution_wrap {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: var(--header-height);
}
.solution_wrap .innerbox {
  position: relative;
  width: 100%;
  height: 100%;
}
.solution_wrap .innerbox .videowrap {
  width: 100%;
  height: auto;
}
.solution_wrap .innerbox .videowrap video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.solution_wrap .innerbox .pointwrap {
  /*position: absolute;*/
  /*z-index: 2;*/
  /*top: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*left: 0;*/
}
.solution_wrap .innerbox .pointwrap .item {
  position: absolute;
  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;
  cursor: pointer;
}
.solution_wrap .innerbox .pointwrap .item .word {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #000000;
  font-size: var(--font18);
  padding: 0.1rem 0.2rem;
  line-height: 1;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DDDDDD;
  opacity: 0;
}
.solution_wrap .innerbox .pointwrap .item i {
  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.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  width: 0.42rem;
  height: 0.42rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.solution_wrap .innerbox .pointwrap .item:hover .word{
    -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
    opacity: 1;
}
.solution_wrap .innerbox .pointwrap .item i::before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  content: '';
  width: 47.6%;
  height: 47.6%;
  background-color: var(--active_red);
  border-radius: 50%;
}
.solution_wrap .innerbox .pointwrap .item i:after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: #fd0000;
  
  
  border-radius: 100px;
  transition: all 0.5sease;
  z-index: 1;
  opacity: 0.2;
  animation: grow33 linear infinite 4.8s;
}
.solution_wrap .innerbox .pointwrap .item:hover .word {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  background-color: var(--active_color);
  border: solid 1px var(--active_color);
}
.solution_wrap .innerbox .pointwrap .item:hover i {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0.2);
}
.solution_wrap .innerbox .pointwrap .item:hover i:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: var(--active_color);
}
.solution_wrap .innerbox .pointwrap .item:hover i:after{
 background-color: var(--active_color);   
}
.solution_wrap .innerbox .m_banner {
  display: none;
}

.solution_wrap .innerbox .m_pointwrap {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.solution_wrap .innerbox .m_pointwrap .item {
  position: absolute;
  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;
  cursor: pointer;
}
.solution_wrap .innerbox .m_pointwrap .item .word {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
  color: #000000;
  font-size: var(--font18);
  padding: 0.1rem 0.2rem;
  line-height: 1;
  background: #FFFFFF;
  border-radius: 20px;
  border: 1px solid #DDDDDD;
}
.solution_wrap .innerbox .m_pointwrap .item i {
  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.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  width: 0.42rem;
  height: 0.42rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.solution_wrap .innerbox .m_pointwrap .item i::before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  content: '';
  width: 47.6%;
  height: 47.6%;
  background-color: #fff;
  border-radius: 50%;
}
.solution_wrap .innerbox .m_pointwrap .item i:after {
  content: '';
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  background: rgba(49, 99, 247, 0.3);
  border-radius: 100px;
  transition: all 0.5sease;
  z-index: 1;
  opacity: 0.2;
  animation: grow33 linear infinite 4.8s;
}
.solution_wrap .innerbox .m_pointwrap .item:hover .word {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  background-color: var(--active_red);
  border: solid 1px var(--active_red);
}
.solution_wrap .innerbox .m_pointwrap .item:hover i {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: rgba(253, 0, 0, 0.2);
}
.solution_wrap .innerbox .m_pointwrap .item:hover i:before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: var(--active_red);
}


@media (max-width:480px) {
  .solution_wrap .innerbox .videowrap {
    display: none;
  }
  .solution_wrap .innerbox .pointwrap {
    display: none;
  }
  .solution_wrap .innerbox .m_banner {
    display: inline-block;
  }
  .solution_wrap .innerbox .m_pointwrap {
    display: inline-block;
  }
  .solution_wrap .innerbox .m_pointwrap .item .word {
    color: #fff;
    background-color: var(--active_red);
    border: solid 1px var(--active_red);
  }
  .solution_wrap .innerbox .m_pointwrap .item i {
    background-color: rgba(253, 0, 0, 0.2);
  }
  .solution_wrap .innerbox .m_pointwrap .item i:before {
    background-color: var(--active_red);
  }
}
.solution_section_banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  padding-top: var(--header-height);
}
.solution_section_banner .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;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  padding-top: var(--header-height);
  transform: translateY(36%);
}
.solution_section_banner .innerbox .w1600{
    position: relative;
}
.solution_section_banner .innerbox .numslide {
  color: #fff;
  background-color: rgba(255, 255, 255, 0);
  top: .04rem;
}
.solution_section_banner .innerbox .numslide::before {
  background-color: #fff;
  opacity: 0.2;
  height: 100vh;
}
.solution_section_banner .innerbox .info {
  color: #fff;
  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;
  position: relative;
  z-index: 1;
  width: 44%;
  height: 100%;
  padding-left: 0.6rem;
}
.solution_section_banner .innerbox .info .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font52);
  line-height: 1;
}
.solution_section_banner .innerbox .info .desc {
  font-size: var(--font18);
  margin-top: 0.2rem;
  line-height: 1.5;
}
.solution_section_banner .innerbox .itemlist {
  background-color: #fff;
  height: 3.42rem;
  margin-top: 0.72rem;
  margin-left: 0.6rem;
}
.solution_section_banner .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;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
  width: 100%;
  height: 100%;
}
.solution_section_banner .innerbox .itemlist .item .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.55rem;
  height: 0.55rem;
}
.solution_section_banner .innerbox .itemlist .item .word {
  text-align: center;
  font-size: var(--font20);
  padding: 0 0.3rem;
}
.solution_section_banner .innerbox .itemlist .idxPageHide {
  position: absolute;
  display: block;
  text-align: center;
  bottom: 0.25rem;
  z-index: 2;
}
@media (max-width:480px) {
  .solution_section_banner {
    padding-top: 50px;
  }
  .solution_section_banner .innerbox .info {
    width: 80%;
  }
  .solution_section_banner .innerbox .numslide{
      top: 0;
  }
}
.solution_intro {
  width: 100%;
  background: #F2F7FB;
  padding-top: 2.9rem;
  padding-bottom: 0.57rem;
  overflow: hidden;
}
.solution_intro .w1600{
    position: relative;
}
.solution_intro .innerbox {
  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;
  gap: 0.53rem;
  padding-left: 0.6rem;
}
.solution_intro .innerbox .numslide {
  color: #315EE4;
  left: -.6rem;
  top: .02rem;
  background-color: #F2F7FB;
}
.solution_intro .innerbox .numslide:before {
  background-color: var(--active_color);
}
.solution_intro .innerbox .left {
    position: relative;
  width: 57%;
  font-size: var(--font20);
  line-height: calc(36/20);
  text-align: justify;
}
.solution_intro .innerbox .right {
  width: 43%;
}
@media (max-width:768px) {
  .solution_intro .innerbox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .solution_intro .innerbox .left {
    width: 100%;
    height: auto;
    text-align: left;
  }
  .solution_intro .innerbox .right {
    width: 100%;
    height: auto;
  }
}

@media (max-width:480px) {
    .solution_intro{
        padding-top: 3.3rem;
    }

}
@media (max-width:360px) {
    .solution_intro{
        padding-top: 3.8rem;
    }

}
.solution_category {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.solution_category .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.9rem;
  position: relative;
  padding-left: 0.6rem;
}
.solution_category .innerbox .left {
  width: 69%;
  overflow: hidden;
}
.solution_category .innerbox .left .infocontent:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.solution_category .innerbox .left .infocontent .content {
  display: none;
}
.solution_category .innerbox .left .infocontent .content .idx_title {
  text-align: center;
  color: #fff;
  background-color: #fff;
}
.solution_category .innerbox .left .infocontent .content .idx_title .title {
  color: #FD0000;
}
.solution_category .innerbox .left .infocontent .content .idx_title .desc {
  color: #222222;
  max-height: 100px;
  overflow-y: scroll;
}
.solution_category .innerbox .left .infocontent .content .imgbox {
  margin-top: 0.55rem;
  background-color: #fff;
}
.solution_category .innerbox .left .infocontent .content .imgbox .img {
  height: 6rem;
}
.solution_category .innerbox .left .infocontent .content .imgbox .img img,
.solution_category .innerbox .left .infocontent .content .imgbox .img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.solution_category .innerbox .left .infocontent .content .related_products {
  margin-top: 0.84rem;
  background-color: #fff;
}
.solution_category .innerbox .left .infocontent .content .related_products .public_flex .t0 {
  font-size: var(--font32);
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist {
  margin-top: 0.68rem;
  overflow: hidden;
}

.solution_category .innerbox .left .infocontent .content .related_products .itemlist .swiper-slide{
    pointer-events: visible;
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item {
  background: url("../images/cod-deep.png") no-repeat;
  background-size: cover;
  padding: 0.28rem;
  border-radius: 0.1rem;
  width: 100%;
  height: 3.22rem;
  min-height: 270px;
  display: inline-block;
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item .img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 1.6rem;
  padding: 0 0.5rem;
  min-height: 140px;
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item .info {
  position: absolute;
  bottom: 0.35rem;
  width: calc(100% - 0.56rem);
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item .info .it0 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 500;
  font-size: var(--font22);
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item .info .idx_more_normal {
  color: #999999;
  font-size: var(--font16);
  margin-top: 0.1rem;
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item:hover {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #315EE4;
}
.solution_category .innerbox .left .infocontent .content .related_products .itemlist .item:hover .img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  scale: 1.05;
}
.solution_category .innerbox .left .infocontent .swiper-slide-active .content {
  display: block;
}
.solution_category .innerbox .left .active {
  display: block;
}
.solution_category .innerbox .right {
  width: 31%;
  background: #F2F7FB;
  border-radius: 0.16rem;
  padding-bottom: 1.5rem;
}
.solution_category .innerbox .right .title {
  font-weight: 600;
  color: #000000;
  font-size: var(--font36);
  padding: 0.5rem 0.45rem .2rem .45rem;
  letter-spacing: -1px;
}
.solution_category .innerbox .right .sol_ul .sol_li {
  position: relative;
  font-size: var(--font20);
  padding: 0.22rem 0.45rem;
  padding-left: 0.63rem;
  letter-spacing: -1px;
  cursor: pointer;
}
.solution_category .innerbox .right .sol_ul .sol_li:before {
  position: absolute;
  left: 0.47rem;
  content: '';
  width: 6px;
  top: 50%;
  transform: translateY(-50%);
  height: 6px;
  background: #555555;
  border-radius: 50%;
}
.solution_category .innerbox .right .sol_ul .active {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  background-color: var(--active_color);
}
.solution_category .innerbox .right .sol_ul .active:before {
  background-color: #fff;
}
.solution_category .mblock {
  display: none;
}
@media (max-width:768px) {
  .solution_category .innerbox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .solution_category .innerbox .left {
    width: 100%;
  }
  .solution_category .innerbox .right {
    width: 100%;
  }
  .solution_category .pcblock {
    display: none;
  }
  .solution_category .mblock {
    display: block;
  }
  .solution_category .mblock .item {
    margin-top: 0.1rem;
    background-color: #F2F7FB;
    padding: 0.22rem 0.25rem;
  }
  .solution_category .mblock .item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding-bottom: 0.22rem;
  }
  .solution_category .mblock .item .title .word {
    width: 90%;
    font-size: var(--font24);
    font-weight: 700;
  }
  .solution_category .mblock .item .title .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;
    width: 28px;
    height: 28px;
    background-color: var(--active_color);
    border-radius: 50%;
  }
  .solution_category .mblock .item .title .more img {
    width: 6px;
    transform: rotate(90deg);
  }
  .solution_category .mblock .item .info{
      text-align: center;
  }
   .solution_category .mblock .item .idx_more_normal{
      margin: auto;
      margin-top: .2rem;
  }
  
  .solution_category .mblock .item .content {
    padding-top: 0.37rem;
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    display: none;
  }
  .solution_category .mblock .item .content .desc {
    font-size: var(--font20);
    color: #666666;
  }
  .solution_category .mblock .item .content .pic {
    margin-top: 0.25rem;
        width: 100%;
        max-height: 3rem;
    
  }
  .solution_category .mblock .item .content .pic .img{
      width: 100%;
  }
   .solution_category .mblock .item .content .pic .img video{
      width: 100%;
  }
  .solution_category .mblock .item .content .pic .img img{
       width: 100%;
  }
  .solution_category .mblock .item .related_products {
    margin-top: 0.44rem;
    overflow: hidden;
  }
  .solution_category .mblock .item .related_products .btn{
          z-index: 2;
  }
  
  .solution_category .mblock .item .related_products .idx_more_normal {
    position: relative;
    z-index: 5;
  }
  .solution_category .mblock .active .content {
    display: block;
  }
  .solution_category .mblock .active .title .more img {
    transform: rotate(-90deg);
  }
  .solution_category .mblock .item .related_products .public_flex .t0{
      font-size: var(--font26);
  }
  .solution_category .mblock .item .related_products .public_flex{
      flex-direction: row;
  }
}
.key_figures {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F2F7FB;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.key_figures .w1600{
    position: relative;
}
.key_figures .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.key_figures .innerbox .numslide {
  color: #315EE4;
  left: 0;
  top: 0.14rem;
  background-color: #F2F7FB;
}
.key_figures .innerbox .numslide:before {
  background-color: var(--active_color);
}
.key_figures .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #dde5ed;
  z-index: 2;
}
.key_figures .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.key_figures .innerbox .idx_title .title {
  color: #FD0000;
}
.key_figures .innerbox .idx_title .desc {
  color: #222222;
}
.key_figures .innerbox .itemlist {
  margin-top: 1.15rem;
  gap: 1.17rem;
  overflow: hidden;
}
.key_figures .innerbox .itemlist .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.2rem;
}
.key_figures .innerbox .itemlist .item .icon {
  width: 0.55rem;
  height: 0.55rem;
}
.key_figures .innerbox .itemlist .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.key_figures .innerbox .itemlist .item .datas .num {
  font-weight: 600;
  font-family: "OPPOSans40";
  color: #315EE4;
  font-family: "CHAKRAPETCH";
  font-size: var(--font60);
  line-height: 1;
}
.key_figures .innerbox .itemlist .item .datas .detail {
  color: #666666;
  color: #315EE4;
  margin-top: 0.1rem;
}
.key_figures .innerbox .itemlist .swiper-slide .item {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.key_figures .innerbox .itemlist .swiper-slide-active .item {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  -webkit-justify-content: flex-start !important;
  justify-content: flex-start !important;
}
.key_figures .innerbox .itemlist .swiper-slide-next .item {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  -webkit-justify-content: center !important;
  justify-content: center !important;
}
.key_figures .innerbox .itemlist .idxPageHide {
  text-align: center;
  position: relative;
  width: 100%;
  margin-top: 0.88rem;
  display: block;
}
@media (max-width:768px) {
    .key_figures{
        padding: .8rem 0;
    }
  .key_figures .innerbox .pagination-operate {
    display: none;
  }
}
@media (max-width:480px) {
  .key_figures .innerbox {
    padding-left: 0.5rem;
  }
  .key_figures .innerbox .itemlist{
      margin-top: .5rem;
  }
}
.relevant_case {
  padding-top: 1.36rem;
  background: #F2F7FB;
  padding-bottom: 1.13rem;
}
.relevant_case .w1600{
    position: relative;
}
.relevant_case .innerbox {
  position: relative;
  padding-left: 0.6rem;
  /*overflow: hidden;*/
}
.relevant_case .innerbox:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 138%;
    top: -20%;
    left: 0;
    background-color: #ddd;
}

.relevant_case .innerbox .numslide {
  color: #315EE4;
  left: 0;
  top: 0.12rem;
  background: #F2F7FB;
}
.relevant_case .innerbox .numslide:before {
  background-color: var(--active_color);
}
.relevant_case .innerbox .swiperlist {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.relevant_case .innerbox .swiperlist .flexbox {
  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;
  margin-top: 0.7rem;
  background-color: #fff;
  border-radius: 0.16rem;
}
.relevant_case .innerbox .swiperlist .flexbox .info {
  width: 55%;
  padding: 0.7rem 0.8rem;
}
.relevant_case .innerbox .swiperlist .flexbox .info .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
  font-size: var(--font32);
  line-height: 1.2;
}
.relevant_case .innerbox .swiperlist .flexbox .info .desc {
  color: #666666;
  font-size: var(--font18);
  margin-top: 0.4rem;
  max-height: 80px;
  overflow-y: auto;
  padding-right: 0.2rem;
}
.relevant_case .innerbox .swiperlist .flexbox .info .idx_more {
  margin-top: 0.91rem;
}
.relevant_case .innerbox .swiperlist .flexbox .imgbg {
  width: 46.3%;
}
@media (max-width:990px) {
    .relevant_case .innerbox .public_flex{
        flex-direction: row;
    }
}

@media (max-width:480px) {
  .relevant_case .innerbox .swiperlist .flexbox {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .relevant_case .innerbox .swiperlist .flexbox .info {
    width: 100%;
    padding: 0.5rem;
  }
  .relevant_case .innerbox .swiperlist .flexbox .info .desc {
    max-height: inherit;
  }
  .relevant_case .innerbox .swiperlist .flexbox .imgbg {
    width: calc(100% - 1rem);
  }
}
.relevant_news {
  padding-top: 1.36rem;
  background: #fff;
  padding-bottom: 1.13rem;
}
.relevant_news .w1600{
    position: relative;
}
.relevant_news .innerbox {
  position: relative;
  padding-left: 0.6rem;
  /*overflow: hidden;*/
}

.relevant_news .innerbox:after{
    position: absolute;
    content: '';
    width: 1px;
    height: 134%;
    top: -20%;
    left: 0;
    background-color: #ddd;
}
.relevant_news .innerbox .numslide {
  color: #315EE4;
  left: 0;
  top: 0.14rem;
  background: #fff;
}
.relevant_news .innerbox .numslide:before {
  background-color: var(--active_color);
}
.relevant_news .innerbox .flexbox {
  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;
  margin-top: 0.7rem;
  background-color: #fff;
  border-radius: 0.16rem;
}
.relevant_news .innerbox .flexbox .info {
  width: 55%;
  padding: 0.7rem 0.8rem;
}
.relevant_news .innerbox .flexbox .info .title {
  font-weight: 500;
  font-family: "OPPOSans40";
  color: #222222;
  font-size: var(--font40);
}
.relevant_news .innerbox .flexbox .info .desc {
  color: #666666;
  font-size: var(--font18);
  margin-top: 0.4rem;
  max-height: 80px;
  overflow-y: auto;
  padding-right: 0.2rem;
}
.relevant_news .innerbox .flexbox .info .idx_more {
  margin-top: 0.91rem;
}
.relevant_news .innerbox .flexbox .imgbg {
  width: 46.3%;
}
.solution_tree {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.solution_tree .w1600{
    position: relative;
}
.solution_tree .numslide {
       top: .05rem;
    left: -.6rem;
}
.solution_tree .numslide::before{
    
}
.solution_tree .innerbox {
    position: relative;
  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;
  gap: 1.2rem;
  position: relative;
  padding-left: 0.6rem;
}
.solution_tree .innerbox:after{
        position: absolute;
    content: '';
    width: 1px;
    height: 120%;
    top: -10%;
    left: 0;
    background-color: #ddd;
}

.solution_tree .innerbox .itemlist {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.92rem;
}
.solution_tree .innerbox .itemlist .info{
    position: relative;
}
.solution_tree .innerbox .itemlist .info .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font42);
  line-height: 1.1;
 
}
.solution_tree .innerbox .itemlist .info .desc {
  font-weight: 500;
  font-family: "OPPOSans40";
  font-size: var(--font18);
  margin-top: 0.48rem;
  line-height: calc(36 / 22);
    
    padding-right: .01rem;
}
@media (max-width:480px) {
    .relevant_news{
        padding: .8rem 0;
    }
    .relevant_news .innerbox .pagination-operate{
        display: none;
    }
}

@media (max-width:480px) {
  .solution_tree .innerbox .itemlist {
    grid-template-columns: repeat(1, 1fr);
  }
  .solution_tree .innerbox .itemlist:nth-child(even) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
  }
}
.product_wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: var(--header-height);
}
.product_wrap .innerbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  gap: 0.63rem;
}
.product_wrap .innerbox .left {
  position: sticky;
  top: 1.5rem;
  width: 22.5%;
  min-width: 180px;
  background: #FFFFFF;
  border-radius: 10px;
  height: fit-content;
  padding-bottom: 1.2rem;
  margin-top: 0.98rem;
}
.product_wrap .innerbox .left .pdt_title {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font36);
}
.product_wrap .innerbox .left .itemlist {
  margin-top: 0.25rem;
}
.product_wrap .innerbox .left .itemlist .item .ft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  cursor: pointer;
  padding: 0.235rem 0;
  border-bottom: solid 1px #d1dbe4;
}
.product_wrap .innerbox .left .itemlist .item .ft .ft0 {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font18);
}
.product_wrap .innerbox .left .itemlist .item .ft .more img {
  filter: brightness(0) invert(0.5);
  transform: rotate(180deg);
}
.product_wrap .innerbox .left .itemlist .item .finfo {
  display: none;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful {
  border-bottom: solid 1px #d1dbe4;
  padding-bottom: 0.42rem;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli {
  cursor: pointer;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one {
  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.2rem;
  cursor: pointer;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .t2 {
  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: #666666;
  gap: 0.13rem;
  font-size: var(--font16);
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .t2 .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;
  filter: brightness(0) invert(0.3);
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .choose {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #D6D6D6;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .choose img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .on img {
  display: inline-block;
  border: none;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .f_one .on + .t2 {
  color: #315EE4;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul {
  padding-left: 0.18rem;
  font-size: var(--font14);
  margin-top: 0.15rem;
  line-height: calc(30/14);
  display: none;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .twoli {
  color: #333333;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .twoli:hover a {
  color: #315EE4;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .li_on {
  color: var(--active_color);
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .fli .twoul .li_on a {
  color: var(--active_color);
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .one_active .f_one {
  color: #315EE4;
}
.product_wrap .innerbox .left .itemlist .item .finfo .ful .one_active .f_one .t2 .more {
  transform: rotate(180deg);
  filter: inherit;
}
.product_wrap .innerbox .left .itemlist .item:last-child {
  border-bottom: none;
}
.product_wrap .innerbox .left .itemlist .active .ft .ft0 {
  color: #315EE4;
}
.product_wrap .innerbox .left .itemlist .active .ft .more img {
  filter: inherit;
  transform: rotate(0deg);
}
.product_wrap .innerbox .right {
  position: relative;
  width: 77.5%;
  background: #F5F9FD;
  padding-top: 1.39rem;
  padding-left: 0.5rem;
  padding-bottom: 2rem;
}
.product_wrap .innerbox .right:after {
  position: absolute;
  content: '';
  top: 0;
  right: -20%;
  width: 20%;
  height: 100%;
  background: #F5F9FD;
}
.product_wrap .innerbox .right .result_data {
  font-size: var(--font18);
  padding-bottom: 0.43rem;
  text-align: right;
}
.product_wrap .innerbox .right .result_data .data {
  color: #315EE4;
}
.product_wrap .innerbox .right .itemlist {
  gap: 0.51rem;
}
.product_wrap .innerbox .right .itemlist .item {
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: url("../images/cop.png") no-repeat;
  padding: 0.35rem;
  border-radius: 0.1rem;
  /*height: 3.8rem;*/
  /*min-height: 248px;*/
  background-size: cover;
}
.product_wrap .innerbox .right .itemlist .item .img {
  height: 2.2rem;
  padding: 0 0.5rem;
  min-height: 140px;
}
.product_wrap .innerbox .right .itemlist .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_wrap .innerbox .right .itemlist .item .info {
  /*position: absolute;*/
  /*bottom: 0.35rem;*/
  width: calc(100% - 0.7rem);
  margin-top: .3rem;
}
.product_wrap .innerbox .right .itemlist .item .info .it0 {
  font-weight: 600;
  font-family: "OPPOSans40";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: var(--font20);
}
.product_wrap .innerbox .right .itemlist .item .info .idx_more_normal {
  color: #999999;
  font-size: var(--font16);
  margin-top: 0.1rem;
}
.product_wrap .innerbox .right .itemlist .item::after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  content: '';
  width: 0;
  height: 0.05rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #3263F7;
  border-radius: 0.1rem;
}
.product_wrap .innerbox .right .itemlist .item:hover:after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}
.product_wrap .innerbox .right .itemlist .item:hover .info .it0 {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #315EE4;
}
.product_wrap .innerbox .right .itemlist .item:hover .info .idx_more_normal {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #315EE4;
}
.product_wrap .innerbox .right .itemlist .item:hover .info .idx_more_normal img {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  filter: inherit;
}
@media (max-width:768px) {
  .product_wrap .innerbox {
    flex-direction: column;
  }
  .product_wrap .innerbox .left {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
  }
  .product_wrap .innerbox .right {
    width: 100%;
    height: auto;
  }
  .product_wrap .innerbox .right:before {
    position: absolute;
    content: '';
    top: 0;
    left: -20%;
    width: 20%;
    height: 100%;
    background: #F5F9FD;
  }
}
@media (max-width:480px) {
  .product_wrap .innerbox .right {
    padding-left: 0;
  }
  .product_wrap .innerbox .right .result_list {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 0rem;
  }
  .product_wrap .innerbox .right .itemlist {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.3rem;
  }
  .product_wrap .innerbox .right .itemlist .item .img{
      padding: 0;
  }
  .product_wrap .innerbox .right .itemlist .item{
      min-height: inherit;
  }
  .product_wrap .innerbox .right .itemlist .item .info{
      margin-top: .2rem;
      text-align: center;
      width: 100%;
  }
  .product_wrap .innerbox .right .itemlist .item .info .idx_more_normal{
      margin: auto;
      margin-top:.1rem;
  }
}


.fcpage{
    padding: .8rem 0;
    text-align: center;
}
.fcpage .layui-laypage{
    display: inline-flex;
}
/*.fcpage .layui-laypage>a:first-child, .fcpage .layui-laypage>a:first-child em,.layui-laypage>a:last-child em, .fcpage .layui-laypage>a:last-child em{*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: center;*/
    
/*}*/
.layui-laypage a[data-page]{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*产品详情页--单独加类名修改样式*/
.productClass .idx_contactUS .innerbox .leftbox .people .numslide{
    color: var(--active_color);
    margin-top: -3px;
}
.productClass .idx_contactUS .innerbox .leftbox .people .idx_title .title{
    color: var(--active_color);
}
@media (max-width:480px) {
    .productClass .idx_contactUS .innerbox .leftbox .people .numslide{
        margin-top: 0;
    }
    .idx_contactUS .innerbox .leftbox .people{
        margin-left: .26rem;
    }
}

.join_section2 {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 0.83rem;
}
.join_section2 .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.join_section2 .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.join_section2 .innerbox .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0.65rem;
}
.join_section2 .innerbox .flexbox .left {
  width: 70%;
}
.join_section2 .innerbox .flexbox .idx_title {
  text-align: center;
  color: #fff;
}
.join_section2 .innerbox .flexbox .idx_title .title {
  color: #000000;
  font-weight: 600;
  font-size: var(--font46);
}
.join_section2 .innerbox .flexbox .idx_title .desc {
  color: #666666;
  font-family: "OPPOSans40";
  font-size: var(--font16);
  line-height: 1.5;
}
.join_section2 .innerbox .swiper_box {
  margin-top: 0.86rem;
  width: 62.025%;
  height: 5.2rem;
  position: relative;
}
.join_section2 .innerbox .swiper_box:before {
  position: absolute;
  content: '';
  width: 30%;
  height: 100%;
  background: #fff;
  top: 0;
  left: -30%;
  z-index: 2;
}
.join_section2 .innerbox .swiper_box .img {
  width: 100%;
  height: 100%;
}
.join_section2 .innerbox .swiper_box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width:480px) {
  .join_section2 {
    padding-top: 0.3rem;
  }
  .join_section2 .innerbox .swiper_box {
    width: 100%;
    height: auto;
  }
  .join_section2 .innerbox .flexbox .left {
    width: 100%;
    height: auto;
  }
  .join_section2 .innerbox .flexbox .right {
    display: none;
  }
}
.join_employ {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background-color: #E8EDF2;
  padding-top: 1.2rem;
  padding-bottom: 1.07rem;
}
.join_employ .numslide {
  color: #315EE4;
  background-color: #E8EDF2;
}
.join_employ .numslide:before {
  background-color: var(--active_color);
}
.join_employ .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.join_employ .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #dee2e6;
  z-index: 2;
}
.join_employ .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.join_employ .innerbox .idx_title .title {
  color: #000000;
  font-weight: 600;
  font-size: var(--font46);
}
.join_employ .innerbox .idx_title .desc {
  color: #666666;
  font-family: "OPPOSans40";
  font-size: var(--font16);
  margin-top: 0.24rem;
}
.join_employ .innerbox .empoly_wrap {
  margin-top: 0.55rem;
}
.join_employ .innerbox .empoly_wrap .itemlist {
  overflow: auto;
  margin-top: 0.42rem;
}
.join_employ .innerbox .empoly_wrap .itemlist .more {
  display: block;
  position: absolute;
  right: 0.5rem;
  transform: rotate(180deg);
  filter: brightness(0) invert(0.5);
  padding-left: 0 !important;
}
.join_employ .innerbox .empoly_wrap .itemlist ul {
  width: 100%;
  height: auto;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li {
  width: 100%;
  height: auto;
  background-color: #fff;
  margin-top: 0.13rem;
  padding: 0 0.42rem;
  cursor: pointer;
  margin-bottom: 0;
  border-bottom: solid 1px #E7EBEF;
}
.join_employ .innerbox .empoly_wrap .itemlist 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: #333333;
  border-radius: 0;
  background-color: #fff;
  padding: 0;
  height: 0.75rem;
  min-height: 52px;
  border-top: none;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .top .tab-box {
  width: 100%;
  grid-gap: 0;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .top .tab-box .tab-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .top .tab-box .tab-title .item {
  font-size: var(--font18);
  flex: 1;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .top .tab-box .tab-title .item .icon {
  display: inline-block;
  width: 17px;
  height: 17px;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .top .tab-box .tab-title .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .top .tab-box .addBox {
  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: 28px;
  max-width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: var(--active_color);
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .top .tab-box .addBox img {
  width: 8px;
  min-width: 8px;
  height: 4px;
  filter: brightness(0) invert(1);
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .bom {
  display: none;
  padding-bottom: 0.67rem;
  border-top: solid 1px rgba(49, 99, 247, 0.16);
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .bom .item {
  margin-top: 0.3rem;
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .bom .item .title {
  color: #222222;
  font-size: var(--font18);
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .bom .item .content {
  margin-top: 0.15rem;
  line-height: calc(26/14);
}
.join_employ .innerbox .empoly_wrap .itemlist ul li .bom .item .content p {
  color: #666666;
  font-size: var(--font14);
}
.join_employ .innerbox .empoly_wrap .itemlist ul .active .top {
  background-color: rgba(255, 255, 255, 0);
}
.join_employ .innerbox .empoly_wrap .itemlist ul .active .top .addBox img {
  filter: inherit;
}
.join_employ .innerbox .empoly_wrap .itemlist ul .active .bom {
  display: block;
}
@media (max-width:768px) {
  .join_employ .innerbox .itemlist {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.5rem;
  }
}
@media (max-width:480px) {
  .join_employ .innerbox {
    padding-left: 0.5rem;
  }
}
.join_fare {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: url("../images/about_map.png") no-repeat;
  background-position: 0 1rem;
  background-position: top 10%;
  background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 1.92rem;
}
.join_fare .innerbox {
  position: relative;
  padding-left: 0.6rem;
}
.join_fare .innerbox:after {
  position: absolute;
  content: '';
  left: 0;
  top: -50%;
  width: 1px;
  height: 200%;
  background-color: #f7f7f7;
  z-index: 2;
}
.join_fare .innerbox .idx_title {
  text-align: center;
  color: #fff;
}
.join_fare .innerbox .idx_title .title {
  color: #000000;
  font-weight: 600;
  font-size: var(--font46);
}
.join_fare .innerbox .idx_title .desc {
  color: #666666;
  font-family: "OPPOSans40";
  font-size: var(--font16);
}
.join_fare .innerbox .itemlist {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 0.71rem;
  row-gap: 0.76rem;
}
.join_fare .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;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.join_fare .innerbox .itemlist .item .icon {
  width: 1.61rem;
  height: 1.61rem;
}
.join_fare .innerbox .itemlist .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.join_fare .innerbox .itemlist .item .name {
  color: #000000;
  font-weight: 600;
  font-size: var(--font18);
  margin-top: 0.33rem;
}
@media (max-width:480px) {
  .join_fare .innerbox .itemlist {
    grid-template-columns: repeat(3, 1fr);
  }
}
@keyframes draw {
  from {
    stroke-dashoffset: 1920;
  }
  to {
    stroke-dashoffset: 0;
  }
}

.about_history {
  width: 100%;
  overflow: hidden;
  min-height: 7.43rem;
  position: relative;
  z-index: 1;
  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-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.about_history .innerbox {
  position: absolute;
  top: 0.72rem;
  height: 100%;
}
.about_history .innerbox .numslide {
  color: #FD0000;
  font-weight: 600;
  font-family: "OPPOSans40";
}
.about_history .innerbox .idx_title {
  padding-left: 0.6rem;
}
.about_history .innerbox .idx_title .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  color: var(--active_red);
}
.about_history .mapBox {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.about_history .mapBox .svgBox {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  transform: translateY(-0.9%) translateX(-0.3%);
  --dashoffset: 2138;
}
.about_history .mapBox .svgBox .af {
  width: 101%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.about_history .mapBox .svgBox .be {
  width: 101%;
  height: auto;
  stroke-dasharray: 2138;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}
.about_history .mapBox .svgBox .active {
  animation: draw 3s linear forwards;
}
.about_history .content {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  /*transform: translateY(-2.4rem);*/
  top: 1.505rem;
}
.about_history .content .w1600 {
  height: 100%;
}
.about_history .content .center_box {
    width: 94%;
    height: 100%;
    overflow: hidden;
    margin: auto;
  
}
.about_history .content .center_box .swiper_box {
  width: 100%;
  height: 100%;
  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;
  gap: 0.5rem;
  align-items: start;
}
.about_history .content .center_box .swiper_box .pagination-operate {
  z-index: 10;
}
.about_history .content .center_box .item_box {
  width: 90%;
  height: 100%;
  overflow: hidden;
}
.about_history .content .center_box .item_box .swiper-slide {
  width: fit-content;

}
.about_history .content .center_box .item_box .item {
  position: relative;
  cursor: pointer;
  padding: 0 0.5rem 0 0.2rem;
}
.about_history .content .center_box .item_box .item .word {
  width: max-content;
}
.about_history .content .center_box .item_box .item .word::before {
  position: absolute;
  content: '';
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #efefef;
}
.about_history .content .center_box .item_box .item .word .title {
  font-weight: 600;
  font-family: "OPPOSans40";
  font-size: var(--font30);
}
.about_history .content .center_box .item_box .item .word .desc {
  font-size: var(--font16);
  margin-top: 0.2rem;
}
.about_history .content .center_box .item_box .item .word .desc p {
  position: relative;
  padding-left: 0.15rem;
  line-height: calc(24 / 16);
}
.about_history .content .center_box .item_box .item .word .desc p:before {
  position: absolute;
  content: '';
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #222;
  top: 50%;
  transform: translateY(-50%);
}
.about_history .content .center_box .item_box .item:hover .word .title,.about_history .content .center_box .item_box .item:hover .word .desc  {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #315EE4;
}


@media (max-width:480px) {
  .about_history .content .center_box {
    overflow: visible;
  }
  .about_history .content .center_box .item_box {
    width: 100%;
    height: auto;
    overflow: visible;
  }
  .about_history .content .center_box .item_box .swiper-slide {
    padding-top: 0;
  }
  .about_history .content .center_box .item_box .idxPageHide {
    position: absolute;
    bottom: -1rem;
  }
  .about_history .content .center_box .swiper_box .pagination-operate {
    display: none;
  }
}