@charset "utf-8";

/* CSS Document */
@font-face {
  font-family: swis;
  src: url(../font/tt0173m.ttf);
}
@font-face {
  font-family: twcen;
  src: url(../font/TwCenMT.ttf);
}
@font-face {
  font-family: abril;
  src: url(../font/AbrilFatface-Regular.ttf);
}
@font-face {
  font-family: arialB;
  src: url(../font/ariblk.ttf);
}
@font-face {
  font-family: roboto;
  src: url(../font/Roboto-Regular-14.ttf);
}
.sys_heavy {
  font-family: SourceHanSerifsC Heavy;
}
.sys_bold {
  font-family: SourceHanSerifsC Bold;
}
button,
input,
textarea,
select {
  outline: none;
  background: none;
  border: none;
  font-family: roboto, menk, "PingFang SC", Source Han Sans CN, Arial,
    "SOURCEHANSANSCN-REGULAR", "Microsoft Yahei", "Source Han Sans", SimSun,
    "Noto Sans CJK SC", "Noto Sans CJK", source-han-sans-simplified-c,
    sans-serif;
  box-shadow: none;
  -webkit-appearance: none;
  border-radius: 0;
}
a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.iconfont:before {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.center_box {
  width: var(--centerWidth);
  margin: 0 auto;
}
.clear {
  clear: both;
}
.fl {
  float: left;
}

.fr {
  float: right;
}

.pd_150 {
  padding: calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_tb150 {
  padding: calc(20px + 130 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t150 {
  padding-top: calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_b150 {
  padding-bottom: calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.pd_120 {
  padding: calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_tb120 {
  padding: calc(20px + 100 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t120 {
  padding-top: calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_b120 {
  padding-bottom: calc(20px + 100 / var(--invarPx) * var(--centerWidth));
}
.pd_100 {
  padding: calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_tb100 {
  padding: calc(20px + 80 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t100 {
  padding-top: calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_b100 {
  padding-bottom: calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.pd_80 {
  padding: calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_tb80 {
  padding: calc(20px + 60 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t80 {
  padding-top: calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_b80 {
  padding-bottom: calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.pd_tb70 {
  padding: calc(20px + 50 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t70 {
  padding-top: calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.pd_b70 {
  padding-bottom: calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.pd_60 {
  padding: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_tb60 {
  padding: calc(20px + 40 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t60 {
  padding-top: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_b60 {
  padding-bottom: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.pd_50 {
  padding: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_tb50 {
  padding: calc(20px + 30 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t50 {
  padding-top: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_b50 {
  padding-bottom: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.pd_40 {
  padding: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_tb40 {
  padding: calc(20px + 20 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t40 {
  padding-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_b40 {
  padding-bottom: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.pd_30 {
  padding: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_tb30 {
  padding: calc(15px + 15 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t30 {
  padding-top: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_b30 {
  padding-bottom: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.pd_20 {
  padding: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_tb20 {
  padding: calc(10px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t20 {
  padding-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_b20 {
  padding-bottom: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_15 {
  padding: calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_tb15 {
  padding: calc(5px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t15 {
  padding-top: calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_b15 {
  padding-bottom: calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.pd_10 {
  padding: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_tb10 {
  padding: calc(5px + 5 / var(--invarPx) * var(--centerWidth)) 0;
}
.pd_t10 {
  padding-top: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_b10 {
  padding-bottom: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.pd_tb0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pd_t0 {
  padding-top: 0 !important;
}
.pd_b0 {
  padding-bottom: 0 !important;
}
.pd_lr0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.pd_l0 {
  padding-left: 0 !important;
}
.pd_r0 {
  padding-right: 0 !important;
}
.mg_t150 {
  margin-top: calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.mg_b150 {
  margin-bottom: calc(20px + 130 / var(--invarPx) * var(--centerWidth));
}
.mg_t100 {
  margin-top: calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.mg_b100 {
  margin-bottom: calc(20px + 80 / var(--invarPx) * var(--centerWidth));
}
.mg_tb80 {
  margin: calc(20px + 60 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t80 {
  margin-top: calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.mg_b80 {
  margin-bottom: calc(20px + 60 / var(--invarPx) * var(--centerWidth));
}
.mg_tb70 {
  margin: calc(20px + 50 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t70 {
  margin-top: calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.mg_b70 {
  margin-bottom: calc(20px + 50 / var(--invarPx) * var(--centerWidth));
}
.mg_tb60 {
  margin: calc(20px + 40 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t60 {
  margin-top: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.mg_b60 {
  margin-bottom: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
}
.mg_tb50 {
  margin: calc(20px + 30 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t50 {
  margin-top: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.mg_b50 {
  margin-bottom: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.mg_tb40 {
  margin: calc(20px + 20 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t40 {
  margin-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_b40 {
  margin-bottom: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.mg_tb30 {
  margin: calc(15px + 15 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t30 {
  margin-top: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_b30 {
  margin-bottom: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.mg_tb20 {
  margin: calc(10px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t20 {
  margin-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_b20 {
  margin-bottom: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_tb15 {
  margin: calc(5px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t15 {
  margin-top: calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_b15 {
  margin-bottom: calc(5px + 10 / var(--invarPx) * var(--centerWidth));
}
.mg_tb10 {
  margin: calc(5px + 5 / var(--invarPx) * var(--centerWidth)) 0;
}
.mg_t10 {
  margin-top: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.mg_b10 {
  margin-bottom: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
body {
  font-size: medium !important;
  font-family: roboto, menk, "PingFang SC", Source Han Sans CN, Arial,
    "SOURCEHANSANSCN-REGULAR", "Microsoft Yahei", "Source Han Sans", SimSun,
    "Noto Sans CJK SC", "Noto Sans CJK", source-han-sans-simplified-c,
    sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  color: #333;
  overflow-x: hidden;
}
.sys_bold {
  font-family: "Noto Serif SC", roboto, "宋体", serif, "PingFang SC",
    Source Han Sans CN;
  font-weight: bold;
}
.songFont {
  font-family: roboto, "宋体", serif, "PingFang SC", Source Han Sans CN;
}
.flex_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.inflex_box {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.items_center {
  -webkit-align-items: center;
  align-items: center;
}
.items_start {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.items_end {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.items_baseline {
  -webkit-align-items: baseline;
  align-items: baseline;
}
.justify_end {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.justify_center {
  -webkit-justify-content: center;
  justify-content: center;
}
.justify_between {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.justify_around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.justify_evenly {
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
}
.flex_wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex_col {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex_1 {
  -webkit-flex: 1;
  flex: 1;
}

:root {
  --curColor: #82308e;
  --subColor: #90369e;
  --ligColor: #fbf8fb;
  --hotColor: #ff475a;
  --rgb1: 130, 48, 142;
  --rgb_a: 0.8;
  --fullPx: 1920;
  --invarPx: 1560;
  --centerPx: 1560;
  --invarPx2: 1400;
  --centerPx2: 1400;
  --centerWidth: max(1100px, calc(var(--centerPx) / var(--fullPx) * 100vw));
  --centerWidth2: max(1100px, calc(var(--centerPx2) / var(--fullPx) * 100vw));
  --centerWidthDef: max(1100px, calc(var(--centerPx) / var(--fullPx) * 100vw));
  --headerCenter: max(1100px, calc(1760 / 1920 * 100vw));
  --headerHeight: calc(60px + 40 / var(--invarPx) * var(--centerWidth));
  --headerHeight2: calc(60px + 20 / var(--invarPx) * var(--centerWidth));
  --headerHeightDef: calc(60px + 40 / var(--invarPx) * var(--centerWidth));
  --swbtnSize: 50px;
  --swdotHeight: calc(3px + 2 / var(--centerPx) * var(--centerWidth));
  --swdotBeishu: 2;
  --clampRows: 2;
  --moreHeight: calc(40px + 10 / var(--centerPx) * var(--centerWidth));
  --gdtWidth: 17px;
  --radius: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.wow_list li {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.wow_list li:nth-of-type(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.wow_list li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.wow_list li:nth-of-type(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.wow_list li:nth-of-type(4) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.wow_list li:nth-of-type(5) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.wow_list li:nth-of-type(6) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.wow_list li:nth-of-type(7) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.wow_list li:nth-of-type(7) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.wow_list li:nth-of-type(8) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.wow_list li:nth-of-type(9) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.wow_list li:nth-of-type(10) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.swiper-container {
  overflow: hidden;
  position: relative;
}
.clamp_txt {
  overflow: hidden;
  -webkit-line-clamp: var(--clampRows);
  -moz-line-clamp: var(--clampRows);
  -o-line-clamp: var(--clampRows);
  line-clamp: var(--clampRows);
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: box;
}
.hidden {
  display: none;
}

/* 常规文字 */
.article_w {
  --font1: 14;
  --font2: 16;
  color: #333;
  line-height: 1.625;
}
.article_w sup {
  vertical-align: super;
}
.article_w sub {
  vertical-align: sub;
}
.article_w img {
  max-width: 100% !important;
  height: auto !important;
  vertical-align: top;
}
.article_w strong {
  font-weight: bold;
}
.article_w *:not(strong) {
  font-weight: inherit;
}
.article_w li {
  list-style: disc;
}
.article_w table {
  border-collapse: collapse;
  border: solid 1px rgba(0, 0, 0, 0.2);
  width: 100%;
  table-layout: fixed;
}
.article_w table caption {
  font-size: 1.15em;
  font-weight: bold;
  padding: 0.8em 1em;
  background: #dedede;
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.article_w table th,
.article_w table td {
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 0.8em 1em;
  word-break: break-all;
  vertical-align: middle;
}
.article_w table th {
  background: #ececec;
  font-weight: bold;
}
.article_w video {
  width: min(100%, 800px) !important;
  height: auto !important;
  margin: 0 auto;
}
.article_w > * ~ * {
  margin-top: 0.5em;
}

.txt_center {
  text-align: center;
}
.iw_poi_title {
  color: var(--curColor);
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  padding-right: 13px;
  white-space: nowrap;
}
.iw_poi_content {
  font: 14px arial, sans-serif;
  overflow: visible;
  padding-top: 4px;
  white-space: -moz-pre-wrap;
  word-wrap: break-word;
}

.pswp .pswp__bg {
  background: rgba(0, 0, 0, 0.8);
}
.pswp .pswp__caption__center {
  color: #fff;
}

.xFont {
  --font1: 12;
  font-size: calc(
    var(--font1) * 1px + (var(--font2) - var(--font1)) / var(--invarPx) *
      var(--centerWidthDef)
  );
}

/* 经过图片 */
.pic_hvr {
  overflow: hidden;
  position: relative;
  display: block;
}
.pic_hvr:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.pic_hvr img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
@keyframes gradient-rectangle {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    background: linear-gradient(
      to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6)
    );
    background: -webkit-linear-gradient(
      to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6)
    );
    opacity: 1;
  }

  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    transform-origin: top;
    background: linear-gradient(
      to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6)
    );
    background: -webkit-linear-gradient(
      to top,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.6)
    );
    opacity: 0;
  }
}
.pic_ss:hover .pic_hvr:before {
  animation: gradient-rectangle 1s 1;
  animation-delay: 0s;
  -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}
.pic_ss:hover .pic_hvr img {
  transform: scale(1.1);
}

@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

/* 滚动条 */
.gdt_view::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.gdt_view::-webkit-scrollbar-track-piece {
  background-color: rgba(var(--rgb1), 0.3);
  -webkit-border-radius: 6px;
}

.gdt_view::-webkit-scrollbar-thumb:vertical {
  height: 3px;
  background-color: var(--curColor);
  -webkit-border-radius: 6px;
}

.gdt_view::-webkit-scrollbar-thumb:horizontal {
  width: 3px;
  background-color: var(--curColor);
  -webkit-border-radius: 6px;
}

/* 更多1 */
.bz_more1 {
  --font2: 18;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
}
.bz_more1 .bz_icon {
  position: relative;
  margin-left: 0.8em;
}
.bz_more1 .bz_icon .iconfont {
  display: block;
  font-size: 1em;
}
.bz_more1 .bz_icon .icon2 {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
  opacity: 0;
}
.bz_more1.cur_color {
  color: var(--curColor);
}
.bz_more1.sub_color {
  color: var(--subColor);
}
.bz_more1.white_color {
  color: #fff;
}
.bz_more1.gray_color {
  color: #999;
}
.bz_more1.cur_bg,
.bz_more1.cur_bor,
.bz_more1.sub_bg,
.bz_more1.sub_bor,
.bz_more1.white_bg,
.bz_more1.gray_bg,
.bz_more1.gray_bor,
.bz_more1.white_bor {
  width: 9.375em;
  height: 2.78em;
  border-radius: 200px;
}
.bz_more1.only_icon {
  --onlySize: calc(30px + 10 / var(--invarPx) * var(--centerWidth));
  width: var(--onlySize) !important;
  height: var(--onlySize) !important;
}
.bz_more1.only_icon.no_border {
  width: auto !important;
  height: auto !important;
}
.bz_more1.only_icon .bz_icon {
  margin-left: 0 !important;
}

.bz_more1.cur_bg {
  background: var(--curColor);
  color: #fff;
}
.bz_more1.cur_bor {
  color: var(--curColor);
  border: solid 1px var(--curColor);
}
.bz_more1.sub_bg {
  background: var(--subColor);
  color: #fff;
}
.bz_more1.sub_bor {
  color: var(--subColor);
  border: solid 1px var(--subColor);
}
.bz_more1.white_bor {
  color: white;
  border: solid 1px white;
}
.bz_more1.gray_bor {
  color: #333;
  border: solid 1px rgba(0, 0, 0, 0.2);
}
.bz_more1.white_bg {
  background: #fff;
  color: var(--curColor);
}
.bz_more1.gray_bg {
  background: #eee;
  color: var(--curColor);
}
.bz_more1:hover .bz_icon .iconfont {
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.bz_more1:hover .bz_icon .icon1 {
  transform: translateX(100%);
  opacity: 0;
}
.bz_more1:hover .bz_icon .icon2 {
  transform: translateX(0);
  opacity: 1;
}
.bz_more1.cur_color:hover {
  color: var(--subColor);
}
.bz_more1.gray_color:hover {
  color: var(--curColor);
}
.bz_more1.cur_bg:hover {
  background: var(--subColor);
}
.bz_more1.sub_bg:hover {
  background: var(--subColor);
}
.bz_more1.cur_bor:hover,
.bz_more1.white_bg:hover,
.bz_more1.gray_bg:hover,
.bz_more1.gray_bor:hover {
  background: var(--curColor);
  border-color: var(--curColor);
  color: #fff;
}
.bz_more1.sub_bor:hover {
  background: var(--subColor);
  border-color: var(--subColor);
  color: #fff;
}
.bz_more1.sub_color:hover {
  color: var(--gradColor2);
}
.bz_more1.white_bor:hover {
  background: var(--curColor);
  border-color: var(--curColor);
}
.bz_more1.bz_more_fan {
  background: #eee;
  color: var(--curColor);
}
.bz_more1.bz_more_fan .bz_icon {
  margin-left: 0;
  margin-right: 0.625em;
}
.bz_more1.bz_more_fan .bz_icon .icon2 {
  transform: translateX(50%);
}
.bz_more1.bz_more_fan:hover {
  color: #fff;
  background: var(--curColor);
}
.bz_more1.bz_more_fan:hover .bz_icon .icon1 {
  transform: translateX(-100%);
}
.bz_more1.bz_more_fan:hover .bz_icon .icon2 {
  transform: translateX(0);
}

/* 视频弹出窗 */
.pop_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  z-index: 990;
  pointer-events: none;
  transition: all 0.8s;
}
.pop_mask.is-open {
  opacity: 0.5;
  pointer-events: auto;
}
.pop_box {
  --width: 71vw;
  --closePos: 15px;
  width: var(--width);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 992;
  transform: translate(-50%, 100%);
  visibility: hidden;
  pointer-events: none;
  transition: all 0.8s;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: #000;
}
.pop_box.is-open {
  transform: translate(-50%, -50%);
  visibility: visible;
  pointer-events: auto;
}
.pop_box .pop_close {
  position: absolute;
  right: var(--closePos);
  top: var(--closePos);
  cursor: pointer;
  z-index: 5;
  color: #fff;
  padding: 8px 20px;
  background: var(--curColor);
  border-radius: 200px;
  -webkit-align-items: center;
  align-items: center;
  transition: background-color 0.35s, opacity 0.35s;
}
.pop_box .pop_close i {
  width: 20px;
  height: 20px;
  position: relative;
  margin-right: 5px;
}
.pop_box .pop_close i:before,
.pop_box .pop_close i:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
  margin-top: 0;
  border-radius: 20px;
}
.pop_box .pop_close i:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.pop_box .pop_close i:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.pop_box .pop_close span {
  font-size: 18px;
}
.pop_box video {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(var(--width) * 9 / 16);
  object-fit: contain;
}
.pop_box:hover .pop_close {
  opacity: 1;
}
.pop_box .pop_close:hover {
  background: var(--subColor);
}
.pop_box .pop_close:hover i:before {
  transform: translate(-50%, -50%) rotate(30deg);
}
.pop_box .pop_close:hover i:after {
  transform: translate(-50%, -50%) rotate(-30deg);
}

/* 当前位置、二级导航 */
.locnav_box {
  position: relative;
  background:#fff;
}
.locnav_box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(var(--rgb1), 0.3);
  display: none;
}
.locnav_box .center_box {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
}
.locnav_box .inner_loc {
  width: 100%;
}
.locnav_box .isub_nav ~ .inner_loc {
  width: auto;
}

/* 当前位置 */
.inner_loc,
.inner_loc a {
  color: #666;
  font-size: 14px !important;
}
.inner_loc a,
.inner_loc span {
  padding: 0 3px;
  display: inline-block;
  vertical-align: middle;
}
.inner_loc .iconfont {
  display: block;
  font-size: 18px;
  width: 21px;
  height: 18px;
  padding-right: 4px;
  color: #333;
}
.inner_loc a:hover {
  color: var(--curColor);
}
.inner_loc span {
  max-width: calc(var(--centerWidth) - 14em);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inner_loc span ~ span {
  color: var(--curColor);
}
.inner_loc .inner_loc_tit {
  transform: translateY(-0.1em);
}

/* 内页-二级导航 */
.isub_nav {
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --font2: 18;
  --pdLeft: 0.5em;
  --dot: 4px;
  margin-left: calc(-1 * var(--gap));
}
.isub_nav .swiper-slide {
  width: auto;
  margin-left: var(--gap);
}
.isub_nav .swiper-slide a {
  display: block;
  color: #333;
  position: relative;
  padding-left: calc(var(--pdLeft) + var(--dot));
  transition: color 0.35s;
}
.isub_nav .swiper-slide a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: calc(-0.5 * var(--dot));
  width: var(--dot);
  height: var(--dot);
  border-radius: 50%;
  background: #aaa;
  transition: background-color 0.35s;
}
.isub_nav .swiper-slide.current a {
  color: var(--curColor);
  font-weight: bold;
}
.isub_nav .swiper-slide.current a::before {
  background: var(--curColor);
}
.isub_nav .swiper-slide a:hover {
  color: var(--curColor);
}
.isub_nav .swiper-slide a:hover::before {
  background: var(--curColor);
}

/* 列表翻页 */
.list_pages .pagination {
  --width: 40px;
  --height: calc(30 / 40 * var(--width));
  --borWidth: 1px;
  font-size: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.list_pages .pagination li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 6px 10px;
}
.list_pages .pagination li a,
.list_pages .pagination li span {
  display: block;
  font-size: 14px;
  color: #333;
  width: var(--width);
  height: var(--height);
  text-align: center;
  line-height: calc(var(--height) - 1 * var(--borWidth));
  overflow: hidden;
  border: solid var(--borWidth) #e5e5e5;
  border-radius: 3px;
}
.list_pages .pagination li.pg_prev a,
.list_pages .pagination li.pg_next a {
  background: none !important;
  /* color:var(--curColor); */
  width: auto;
  padding: 0 calc(0.5 * var(--width));
}
.list_pages .pagination li.active a,
.list_pages .pagination li.active span {
  background: var(--curColor);
  border-color: var(--curColor);
  color: #fff;
}
.list_pages .pagination li.active a:hover,
.list_pages .pagination li.active span:hover {
  color: #fff !important;
}
.list_pages .pagination li:not(.disabled) a:hover {
  color: #fff;
  background-color: var(--curColor);
  border-color: var(--curColor);
}
.list_pages .pagination li.pg_prev:not(.disabled) a:hover,
.list_pages .pagination li.pg_next:not(.disabled) a:hover {
  color: #fff;
  background-color: var(--curColor) !important;
  border-color: var(--curColor);
}
.list_pages .pagination li.disabled a {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 内容翻页 */
.ipn_page {
  --font2: 14;
  --btnWidth: 8.5em;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-top: solid 1px rgba(var(--rgb1), 0.3);
}
.ipn_page .inner_pnpage {
  overflow: hidden;
  width: calc(100% - var(--btnWidth) - 2em);
}
.ipn_page .inner_pnpage > a {
  display: block;
  overflow: hidden;
  line-height: 21px;
  width: 100%;
  pointer-events: none;
}
.ipn_page .inner_pnpage > a span,
.ipn_page .inner_pnpage > a p {
  float: left;
  color: #333;
  pointer-events: auto;
}
.ipn_page .inner_pnpage > a span {
  font-weight: bold;
}
.ipn_page .inner_pnpage > a p {
  color: #666;
  max-width: calc(100% - 4em);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.35s;
}
.ipn_page .inner_pnpage > a:hover p {
  color: var(--curColor);
}

.ipn_page .inner_pnpage > a + a {
  margin-top: 0.7em;
}
.ipn_page .ipn_return {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--curColor);
  padding: 0.65em 0;
  width: var(--btnWidth);
  border: solid 1px var(--curColor);
  border-radius: 200px;
}
.ipn_page .ipn_return .iconfont {
  font-size: 1.2em;
  margin-right: 0.3em;
}
.ipn_page .ipn_return:hover {
  background: var(--curColor);
  border-color: var(--curColor);
  color: #fff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~首页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* header */
#hamburger {
  display: none;
}
.header_box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 950;
  width: 100%;
  color: #fff;
  transition: background-color 0.35s, color 0.35s, box-shadow 0.35s;
}
.header_box > .center_box {
  height: var(--headerHeight);
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  transition: height 0.35s;
}
.header_box .logo img {
  height: calc(40 / 100 * var(--headerHeightDef));
  width: auto;
}
.header_box .logo .logo_white {
  display: block;
}
.header_box .logo .logo_color {
  display: none;
}
.header_box .header_r {
  --navGap: calc(25 / var(--invarPx) * var(--centerWidth));
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_r > * ~ * {
  margin: 0 var(--navGap);
}
.header_box .header_r > *:nth-last-child(1) {
  margin-right: 0;
}
.header_box .header_tel {
  --font2: 20;
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_tel .tel_icon {
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_tel .tel_icon .iconfont {
  font-size: 1em;
}
.header_box .header_tel .tel_w {
  font-weight: bold;
  font-style: italic;
  margin-left: 0.3em;
}
.header_box .header_search {
  --font2: 24;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
}
.header_box .header_search .iconfont {
  font-size: 1em;
}
.header_box .header_lan {
  position: relative;
}
.header_box .header_lan .header_lan_def {
  --font2: 30;
  --lanWidth: calc(274 / 240 * 1em);
  width: var(--lanWidth);
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.header_box .header_lan .header_lan_def img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.35s;
}
.header_box .header_lan .header_lan_hide {
  --width: calc(100px + 40 / var(--invarPx) * var(--centerWidth));
  --iconSize: calc(15px + 10 / var(--invarPx) * var(--centerWidth));
  --font2: 14;
  --sj: 7px;
  --pdTop: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  position: absolute;
  top: 100%;
  left: 50%;
  width: var(--width);
  margin-left: calc(-0.5 * var(--width));
  padding-top: calc(var(--pdTop) + var(--sj));
  transform: translateY(-1em);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.35s, opacity 0.35s;
}
.header_box .header_lan .header_lan_hide ol {
  background: #fff;
  border-radius: var(--radius);
  position: relative;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.header_box .header_lan .header_lan_hide ol::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: calc(-1 * var(--sj));
  border-left: solid var(--sj) transparent;
  border-right: solid var(--sj) transparent;
  border-bottom: solid var(--sj) #fff;
}
.header_box .header_lan .header_lan_hide ol li a {
  color: #333;
  padding: 0.5em 0;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.header_box .header_lan .header_lan_hide .header_lan_icon {
  width: var(--iconSize);
  height: var(--iconSize);
}
.header_box .header_lan .header_lan_hide .header_lan_w {
  min-width: 3.5em;
  margin-left: 0.5em;
}
.header_box .header_login {
  --font2: 14;
  padding: 0.3em 0.8em;
  border-radius: 200px;
  border: solid 1px currentColor;
}

.header_box.header_box2,
.header_box.header_color,
.header_box.header_nav_hover {
  background: #fff;
  color: #333;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}
.header_box.header_box2 .logo .logo_white,
.header_box.header_color .logo .logo_white,
.header_box.header_nav_hover .logo .logo_white {
  display: none;
}
.header_box.header_box2 .logo .logo_color,
.header_box.header_color .logo .logo_color,
.header_box.header_nav_hover .logo .logo_color {
  display: block;
}
.header_box.header_box2 .nav_box > ul > li > a::before,
.header_box.header_color .nav_box > ul > li > a::before,
.header_box.header_nav_hover .nav_box > ul > li > a::before {
  background: var(--curColor);
}
.header_box.header_box2 .header_tel .tel_icon,
.header_box.header_box2 .header_search,
.header_box.header_color .header_tel .tel_icon,
.header_box.header_color .header_search,
.header_box.header_nav_hover .header_tel .tel_icon,
.header_box.header_nav_hover .header_search {
  color: var(--curColor);
}
.header_box.header_box2 .header_lan .header_lan_def img,
.header_box.header_color .header_lan .header_lan_def img,
.header_box.header_nav_hover .header_lan .header_lan_def img {
  opacity: 0;
}
.header_box.header_box2 .header_lan .header_lan_def,
.header_box.header_color .header_lan .header_lan_def,
.header_box.header_nav_hover .header_lan .header_lan_def {
  background: url(../img/icon_lan_color.gif) no-repeat center center;
  background-size: auto 100%;
}
.header_box.header_box2 .header_login,
.header_box.header_color .header_login,
.header_box.header_nav_hover .header_login {
  border-color: var(--curColor);
  color: var(--curColor);
}

/* 搜索 */
.search_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 980;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
}
.search_mask.is-open {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.35s;
}
.search_box.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  transition: opacity 0.35s, transform 0.35s;
}
.search_box {
  --pdTop: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
  --pdLeft: calc(50% - 600px);
  --iconSize: calc(30px + 12 / var(--invarPx) * var(--centerWidth));
  position: fixed;
  top: 0;
  left: 0;
  z-index: 982;
  width: 100%;
  background: #fff;
  padding: var(--pdTop) var(--pdLeft);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-20%);
}
.search_box .search_inp {
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  position: relative;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.search_box .search_inp input {
  --font2: 16;
  display: block;
  color: #333;
  width: calc(100% - var(--gap) - var(--iconSize));
  height: var(--iconSize);
  padding-left: calc(var(--iconSize) + 0.5em);
  border-bottom: solid 1px var(--curColor);
}
.search_box .search_icon,
.search_box .search_close {
  width: var(--iconSize);
  height: var(--iconSize);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.search_box .search_icon {
  --font2: 20;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--curColor);
}
.search_box .search_close {
  --font2: 24;
  transition: all 0.35s;
}
.search_box .search_icon .iconfont,
.search_box .search_close .iconfont {
  font-size: 1em;
}
.search_box .search_icon .iconfont {
  transform: translateY(-0.1em);
}
.search_box .search_tj {
  --font2: 14;
  --gapLeft: 0.8em;
  --gapTop: 0.5em;
  margin-top: calc(15px + 25 / var(--invarPx) * var(--centerWidth));
}
.search_box .search_tj .search_sh {
  display: block;
  color: #8f8f8f;
}
.search_box .search_tj .search_link ul {
  overflow: hidden;
  padding-top: 0.5em;
  margin-left: calc(-1 * var(--gapLeft));
}
.search_box .search_tj .search_link ul li {
  float: left;
  margin-top: var(--gapTop);
  margin-left: var(--gapLeft);
}
.search_box .search_tj .search_link a {
  display: block;
  line-height: 2;
  border: solid 1px rgba(0, 0, 0, 0.08);
  border-radius: 200px;
  padding: 0 0.8em;
}

/* 导航 */
.nav_box {
  --font2: 18;
}
.nav_box > ul > li > a {
  --headerHeight: calc(60px + 20 / var(--invarPx) * var(--centerWidth));
  height: var(--headerHeight);
  padding: 0 var(--navGap);
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.nav_box > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--navGap);
  right: var(--navGap);
  height: 2px;
  background: #fff;
  transform: scaleX(0);
}
.nav_box > ul > li.active > a {
  font-weight: bold;
}
.nav_box > ul > li.active > a::before {
  transform: scaleX(1);
}

/* 下拉导航（默认） */
nav ul > li .subnav {
  --font2: 16;
}
nav ul > li .subnav li a {
  display: block;
  padding: 10px 0;
  text-align: center;
}
nav ul > li .subnav {
  position: absolute;
  width: 180px;
  left: 50%;
  margin-left: -90px;
  top: 100%;
  transform: perspective(300px) scaleY(0) translateZ(30px);
  visibility: hidden;
  opacity: 0;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05);
  transform-origin: top;
  visibility: hidden;
  z-index: 1000;
}
nav ul > li .subnav ol {
  background: #fff;
  position: relative;
  color: #333;
}
nav ul > li .subnav ol li {
  position: relative;
  z-index: 3;
}

/* 下拉导航1 */
.xla_nav {
  --pdTop: calc(10px + 50 / var(--invarPx) * var(--centerWidth));
  --titWidth: calc(0.23 * var(--centerWidth));
  --secondWidth: calc(0.5 * var(--centerWidth) - var(--titWidth));
  --thirdWidth: calc(var(--centerWidth) - var(--titWidth) - var(--secondWidth));
  color: #333;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: solid 1px #eee;
  transform: scaleY(0);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05);
  transform-origin: top;
  visibility: hidden;
}
.xla_nav::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #f5f7f8;
}
.xla_nav .center_box {
  position: relative;
  z-index: 3;
}
.xla_nav .xla_l {
  width: var(--titWidth);
  border-right: solid 1px #eee;
  padding-left: calc(80 / var(--invarPx) * var(--centerWidth));
}
.xla_nav .xla_l,
.xla_nav .xla_c {
  padding-top: var(--pdTop);
  padding-bottom: var(--pdTop);
}
.xla_nav .xla_c {
  --font2: 16;
  --itemH: calc(48 / 16 * 1em);
  --rows: 5;
  --minHeight: calc(var(--itemH) * var(--rows));
  --pdLeft: calc(80 / var(--invarPx) * var(--centerWidthDef));
  width: var(--secondWidth);
}
.xla_nav .xla_c > ol {
  min-width: 75%;
  min-height: var(--minHeight);
  position: relative;
}
.xla_nav .xla_c .xla_cs {
  height: var(--itemH);
  padding: 0 1.25em;
  transition: color 0.35s, background-color 0.35s;
}
.xla_nav .xla_c .xla_cs .xla_sw {
  font-weight: 500;
}
.xla_nav .xla_c .xla_cs .xla_icon {
  font-size: 1em;
  width: 1em;
  height: 1em;
  transform: translateX(-100%);
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
}
.xla_nav .xla_c .xla_cs .xla_icon .iconfont {
  font-size: 1em;
}
.xla_nav .xla_c .xla_r {
  position: absolute;
  left: 100%;
  top: 0;
  width: var(--thirdWidth);
  height: 100%;
  display: none;
}
.xla_nav .xla_c .xla_r ol li {
  overflow: hidden;
}
.xla_nav .xla_c .xla_r ol li a {
  float: left;
  line-height: var(--itemH);
  margin-left: var(--pdLeft);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - var(--pdLeft));
}

.xla_nav .xla_c li.active .xla_cs {
  background: var(--curColor);
  color: #fff;
}
.xla_nav .xla_c li.active .xla_cs .xla_sw {
  font-weight: bold;
}
.xla_nav .xla_c li.active .xla_cs .xla_icon {
  transform: translateX(0);
  opacity: 1;
}
.xla_nav .xla_c li.active .xla_r {
  display: block;
}

/* 下拉导航（默认） */
nav ul > li .subnav {
  --font1: 16;
  transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
}
nav ul > li:hover .subnav {
  transform: perspective(300px) scaleY(1) translateZ(0);
  visibility: visible;
  opacity: 1;
}
nav ul > li .subnav li a:hover {
  background-color: var(--curColor);
  color: #fff;
}

/* banner */
.banner_box {
  --swPos: 2%;
  --lWidth: calc(710 / var(--invarPx) * var(--centerWidth));
  position: relative;
}
.banner_box .banner_pics .swiper-slide {
  position: relative;
}
.banner_box .banner_pics .banner_img {
  display: block;
  overflow: hidden;
}
.banner_box .banner_pics .banner_img img {
  display: block;
  width: 100%;
}
.banner_box .banner_pics .banner_txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webki-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.banner_box .banner_pics .banner_txt .banner_tl {
  width: var(--lWidth);
}
.banner_box .banner_pics .banner_txt .banner_tl .banner_sh {
  --font2: 50;
  font-weight: bold;
}
.banner_box .banner_pics .banner_txt .banner_tl .banner_sh ~ .banner_xh {
  margin-top: calc(20 / var(--invarPx) * var(--centerWidth));
}
.banner_box .banner_pics .banner_txt .banner_tl .banner_xh {
  --font2: 64;
  font-weight: bold;
  display: block;
}
.banner_box .banner_pics .banner_txt .banner_tl .banner_xh img {
  display: block;
  max-width: 100%;
  height: 1em;
}
.banner_box .banner_pics .banner_txt .banner_tl .banner_w {
  --font2: 20;
  line-height: 1.9;
  margin-top: calc(30 / var(--invarPx) * var(--centerWidth));
}
.banner_box .banner_pics .banner_txt .bz_more1 {
  margin-top: calc(50 / var(--invarPx) * var(--centerWidth));
}
.banner_box .banner_words {
  --font2: 18;
  --lineHeight: 2.1;
  --rows: 1;
  --rows2: 3;
  position: absolute;
  left: 0;
  bottom: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
  z-index: 3;
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
}
.banner_box .banner_words .banner_wl {
  width: var(--lWidth);
  height: calc(1em * var(--lineHeight) * var(--rows2));
  overflow: hidden;
  position: relative;
}
.banner_box .banner_words .swiper-container {
  height: calc(1em * var(--lineHeight) * var(--rows));
  overflow: visible;

  width: 100% !important;
}
.banner_box .banner_words .banner_wl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
}
.banner_box .banner_words .swiper-slide {
  line-height: var(--lineHeight);
  padding-left: 1.12em;
  height: calc(1em * var(--lineHeight)) !important;
}
.banner_box .banner_words .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: var(--curColor);
  border-radius: 200px;
  transform-origin: top;
  transform: scaleY(0);
}
.banner_box .banner_words .swiper-slide-thumb-active .banner_ss {
  color: #fff;
  font-weight: bold;
}
.banner_box .banner_words .banner_ss {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

.banner_box .banner_words .swiper-slide-thumb-active::before {
  transform: scaleY(1);
  transition: transform var(--i-animation-duration);
}
.swiper-button.swiper-button-prev,
.swiper-button.swiper-button-next {
  --swPos: 0;
  width: var(--swbtnSize);
  height: var(--swbtnSize);
  top: 50%;
  margin-top: calc(-0.5 * var(--swbtnSize));
  transition: all 0.35s;
}
.swiper-button.swiper-button-prev {
  left: var(--swPos);
}
.swiper-button.swiper-button-next {
  right: var(--swPos);
}
.swiper-button.swiper-button-prev::after,
.swiper-button.swiper-button-next::after {
  font-size: calc(40 / 50 * var(--swbtnSize));
}
.swiper-button.white_color {
  color: #fff;
}
.swiper-button.white_color:hover {
  opacity: 0.8;
}
.swiper-button.gray_color {
  color: #666;
}
.swiper-button.gray_color:hover {
  color: var(--curColor);
}
.swiper-button.cur_color {
  color: var(--curColor);
}
.swiper-button.cur_color:hover {
  opacity: 0.6;
}

/* 标题1 */
.bz_tit1 {
  text-align: center;
}
.bz_tit1 .bz_en {
  --font2: 24;
  display: block;
  text-transform: uppercase;
  color: #999;
}
.bz_tit1 .bz_h {
  --font2: 40;
  font-weight: bold;
}
.bz_tit1 .bz_exp {
  --font2: 18;
  color: #666;
  line-height: 1.65;
  margin-top: calc(10 / 18 * 1em);
}
.bz_tit1 .bz_line {
  --font2: 30;
  width: 1em;
  height: 3px;
  background: var(--curColor);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(10 / 30 * 1em);
}
.bz_tit1 .bz_exp ~ .bz_line {
  display: none;
}
.bz_tit1.white_tit .bz_en {
  color: rgba(255, 255, 255, 0.6);
}
.bz_tit1.white_tit .bz_h {
  color: #fff;
}
.bz_tit1.white_tit .bz_exp {
  color: rgba(255, 255, 255, 0.8);
}
.bz_tit1.left_tit {
  text-align: left;
}
.bz_tit1.left_tit .bz_line {
  margin-left: 0;
  margin-right: 0;
}

/* 标题2 */
.bz_tit2 .bz_h {
  --font2: 36;
  font-weight: bold;
  padding-bottom: 0.42em;
  border-bottom: solid 1px #ddd;
}

/* 核心产品 */
.gray_bg {
  background: #f7f7f7;
}
.hxcp_box {
  overflow: hidden;
}
.hxcp_box .center_box {
  overflow: hidden;
}
.hxcp_swiper {
  --gap: 10px;
  --col: 5;
  --initialWidth: calc(
    (var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col)
  );
  --bigWidth: calc(560 / 304 * var(--initialWidth));
  --smallWidth: calc(
    (var(--centerWidth) - var(--bigWidth) - (var(--col) - 1) * var(--gap)) /
      (var(--col) - 1)
  );
}
.hxcp_swiper .swiper-container {
  overflow: visible;
  pointer-events: none;
}
.hxcp_swiper .swiper-slide {
  height: 400px;
  background: #000;
  color: #fff;
  font-size: 80px;
  pointer-events: auto !important;
  transition: all 0.3s ease;
  transform-origin: center center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hxcp_swiper .swiper-slide:hover {
  width: var(--bigWidth) !important;
}
.hxcp_swiper .swiper-container:hover .swiper-slide:not(:hover) {
  width: var(--smallWidth) !important;
}
.hxcp_sz {
  --gap: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
  --stHeight: calc(300px + 160 / var(--invarPx) * var(--centerWidth));
  --imgHeight: calc(280 / 460 * var(--stHeight));
  --imgWidth: calc(240 / 280 * var(--imgHeight));
  --pd: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
  will-change: contents;
}
.hxcp_sz > ul {
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
  width: calc(100% + var(--gap));
}
.hxcp_sz > ul > li {
  margin-top: var(--gap);
  flex: 1;
  min-width: 0;
  will-change: flex;
  transition: all 0.4s;
}
.hxcp_sz .hxcp_ss {
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
  background: #fff;
  overflow: hidden;
  border-radius: var(--radius);
}
.hxcp_sz .hxcp_ss .hxcp_st {
  width: 100%;
  height: var(--stHeight);
  overflow: hidden;
  position: relative;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  background: url(../img/hxcp_bg1.jpg) no-repeat center center;
  background-size: 100% 100%;
}
.hxcp_sz > ul > li:nth-of-type(2) .hxcp_ss .hxcp_st {
  background-image: url(../img/hxcp_bg2.jpg);
}
.hxcp_sz > ul > li:nth-of-type(3) .hxcp_ss .hxcp_st {
  background-image: url(../img/hxcp_bg3.jpg);
}
.hxcp_sz > ul > li:nth-of-type(4) .hxcp_ss .hxcp_st {
  background-image: url(../img/hxcp_bg4.jpg);
}
.hxcp_sz > ul > li:nth-of-type(5) .hxcp_ss .hxcp_st {
  background-image: url(../img/hxcp_bg5.jpg);
}
.hxcp_sz > ul > li:nth-of-type(6) .hxcp_ss .hxcp_st {
  background-image: url(../img/hxcp_bg6.jpg);
}
.hxcp_sz > ul > li:nth-of-type(7) .hxcp_ss .hxcp_st {
  background-image: url(../img/hxcp_bg7.jpg);
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt {
  --font2: 18;
  --lineHeight: 1.6;
  --dot: 6px;
  --y: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
  padding: var(--pd);
  height: var(--stHeight);
  overflow-wrap: break-word;
  overflow: hidden;
  will-change: opacity, transform;
  pointer-events: auto;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: none;
}
@keyframes hxcpTxt {
  0% {
    opacity: 0;
    transform: translateY(var(--y));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_item ~ .hxcp_item {
  margin-top: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_sh {
  --font2: 20;
  font-weight: bold;
  color: var(--curColor);
  margin-bottom: 0.5em;
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_ted,
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_xil {
  line-height: var(--lineHeight);
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_ted > * {
  padding-left: calc(0.5em + var(--dot));
  position: relative;
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_ted > *::before {
  content: "";
  position: absolute;
  width: var(--dot);
  height: var(--dot);
  border-radius: 50%;
  background: var(--curColor);
  left: 0;
  top: calc((var(--lineHeight) * 1em - var(--dot)) / 2);
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_xil ol li {
  overflow: hidden;
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_xil ol li a {
  float: left;
}

.hxcp_sz .hxcp_ss .hxcp_st .hxcp_img {
  width: 100%;
  margin-left: -100%;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_img span {
  width: var(--imgWidth);
  height: var(--imgHeight);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  right: 50%;
  transform: translateX(50%);
  transition: all 0.4s;
  will-change: right, transform;
}
.hxcp_sz .hxcp_ss .hxcp_st .hxcp_img span img {
  display: block;
  max-width: 70%;
  max-height: 67%;
}
.hxcp_sz .hxcp_ss .hxcp_sd {
  padding: var(--pd);
  width: 100%;
  flex: 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.hxcp_sz .hxcp_ss .hxcp_sd .hxcp_sdt {
  position: relative;
  width: 100%;
  display: flex;
}
.hxcp_sz .hxcp_ss .hxcp_sd .hxcp_sdt .bz_more1 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-20px, -50%);
  width: 8em;
  opacity: 0;
  pointer-events: none;
}
.hxcp_sz .hxcp_ss .hxcp_sd .hxcp_sdt .hxcp_sh {
  --font2: 24;
  font-weight: bold;
  color: var(--curColor);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: left 0.4s, transform 0.4s;
  will-change: left, transform;
}
.hxcp_sz .hxcp_ss .hxcp_sd .hxcp_sdd {
  text-align: center;
  margin-top: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
}
.hxcp_sz .hxcp_ss .hxcp_sd .hxcp_sdt .bz_more1,
.hxcp_sz .hxcp_ss .hxcp_sd .hxcp_sdd .bz_more1 {
  will-change: opacity, transform;
}

/* 解决方案 */
.jjfa_box {
  position: relative;
  overflow: hidden;
}
.jjfa_box .jjfa_tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}
.jjfa_swiper {
  --txtTl: calc(540 / var(--invarPx) * var(--centerWidth));
  --y: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
  overflow: hidden;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.jjfa_swiper .jjfa_pics,
.jjfa_swiper .jjfa_words {
  width: 100%;
  color: #fff;
}
.jjfa_swiper .jjfa_pics {
  position: relative;
}
.jjfa_swiper .jjfa_pics .swiper-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.jjfa_swiper .jjfa_pics .swiper-slide {
  overflow: hidden;
}
.jjfa_swiper .jjfa_pics .jjfa_ss {
  position: relative;
}
.jjfa_swiper .jjfa_pics .jjfa_ss .jjfa_img {
  display: block;
  overflow: hidden;
  height: calc(900 / var(--fullPx) * 100vw);
}
.jjfa_swiper .jjfa_pics .jjfa_ss .jjfa_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.jjfa_swiper .jjfa_pics .jjfa_txts {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.jjfa_swiper .jjfa_pics .jjfa_txts .center_box > ul > li {
  display: none;
  opacity: 0;
}
.jjfa_swiper .jjfa_pics .jjfa_txts .center_box > ul > li.is-active {
  display: block;
  opacity: 1;
  transition: all 0.35s;
}
.jjfa_swiper
  .jjfa_pics
  .jjfa_txts
  .center_box
  > ul
  > li.is-active
  .jjfa_txt
  .jjfa_sh,
.jjfa_swiper
  .jjfa_pics
  .jjfa_txts
  .center_box
  > ul
  > li.is-active
  .jjfa_txt
  .jjfa_sw,
.jjfa_swiper .jjfa_pics .jjfa_txts .center_box > ul > li.is-active .bz_more1 {
  animation: o-upfade-top 1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.jjfa_swiper
  .jjfa_pics
  .jjfa_txts
  .center_box
  > ul
  > li.is-active
  .jjfa_txt
  .jjfa_sw {
  animation-delay: 0.1s;
}
.jjfa_swiper .jjfa_pics .jjfa_txts .center_box > ul > li.is-active .bz_more1 {
  animation-delay: 0.2s;
}
.jjfa_swiper .jjfa_pics .jjfa_txt .jjfa_tl {
  width: min(var(--txtTl), 100%);
}

.jjfa_swiper .jjfa_pics .jjfa_txt .jjfa_sh {
  --font2: 36;
  font-weight: bold;
}
.jjfa_swiper .jjfa_pics .jjfa_txt .jjfa_sw {
  --font2: 18;
  line-height: 1.66;
  margin-top: calc(15 / 18 * 1em);
}
.jjfa_swiper .jjfa_pics .bz_more1 {
  margin-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
@keyframes o-upfade-top {
  0% {
    opacity: 0;
    transform: translateY(var(--y));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.jjfa_swiper .jjfa_words {
  --pdLeft: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --pdTop: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
  --pdBot: calc(100 / var(--invarPx) * var(--centerWidth));
  --lineWidth: calc(1px + 2 / var(--invarPx) * var(--centerWidth));
  --radius: 5px;
  position: relative;
  z-index: 3;
  margin-left: -100%;
  margin-bottom: var(--pdBot);
}
.jjfa_swiper .jjfa_words .jjfa_ss {
  border-bottom: solid var(--lineWidth);
  padding: var(--pdTop) var(--pdLeft);
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  cursor: pointer;
  border-radius: var(--radius) var(--radius) 0 0;
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sl {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sl .jjfa_icon {
  --font2: 37;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sl .jjfa_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sl .jjfa_icon svg path {
  fill: currentColor !important;
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sl .jjfa_sw {
  --font2: 24;
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sl .jjfa_icon ~ .jjfa_sw {
  margin-left: 0.8em;
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sr {
  --font2: 18;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  right: var(--pdLeft);
  transform: translateX(-1em);
  opacity: 0;
}
.jjfa_swiper .jjfa_words .jjfa_ss .jjfa_sr .iconfont {
  font-size: 1em;
}
.jjfa_swiper .jjfa_words .swiper-slide-thumb-active .jjfa_ss {
  background: rgba(255, 255, 255, 0.2);
}
.jjfa_swiper .jjfa_words .swiper-slide-thumb-active .jjfa_ss .jjfa_sl {
  left: 0;
  transform: translateX(0);
  transition: all 0.5s;
}
.jjfa_swiper .jjfa_words .swiper-slide-thumb-active .jjfa_ss .jjfa_sr {
  transform: translateX(0);
  opacity: 1;
  transition: all 0.5s 0.2s;
}
.jjfa_swiper .swiper-button.swiper-button-prev,
.jjfa_swiper .swiper-button.swiper-button-next {
  --swPos: calc(50% + 0.5 * var(--centerWidth) + 50 / 1920 * 100vw);
}
.jjfa_swiper .swiper-button.swiper-button-prev {
  left: auto;
  right: var(--swPos);
}
.jjfa_swiper .swiper-button.swiper-button-next {
  right: auto;
  left: var(--swPos);
}

/* 服务支持 */
.fwzc_box {
  background: url(../img/fwzc_bg.jpg) no-repeat center center;
  background-size: cover;
}
.fwzc_box .fwzc_con ul {
  --col: 3;
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --pdTop: calc(10px + 80 / var(--invarPx) * var(--centerWidth));
  --pdLeft: calc(10px + 50 / var(--invarPx) * var(--centerWidth));
  --iconSize: calc(30px + 20 / var(--invarPx) * var(--centerWidth));
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: calc(-1 * var(--gap));
  margin-top: calc(-1 * var(--gap));
}
.fwzc_box .fwzc_con ul li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.fwzc_box .fwzc_con .fwzc_ss {
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
  background: #fff;
  padding: var(--pdTop) var(--pdLeft);
  border-radius: var(--radius);
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  transition: box-shadow 0.35s;
}
.fwzc_box .fwzc_con .fwzc_ss .fwzc_st {
  width: 100%;
  text-align: center;
}
.fwzc_box .fwzc_con .fwzc_ss .fwzc_st .fwzc_icon {
  width: var(--iconSize);
  height: var(--iconSize);
  margin-left: auto;
  margin-right: auto;
  color: var(--curColor);
}
.fwzc_box .fwzc_con .fwzc_ss .fwzc_st .fwzc_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.fwzc_box .fwzc_con .fwzc_ss .fwzc_st .fwzc_icon svg path {
  fill: currentColor !important;
}
.fwzc_box .fwzc_con .fwzc_ss .fwzc_st .fwzc_sh {
  --font2: 24;
  font-weight: bold;
}
.fwzc_box .fwzc_con .fwzc_ss .fwzc_st .fwzc_sw {
  --font2: 16;
  line-height: 1.55;
  color: #666;
}
.fwzc_box .fwzc_con .bz_more1.cur_bor {
  border: none;
}

/* 新闻中心 */
.xw_box .xw_more {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.xw_box .xw_con {
  --gap: 10px;
  --xwWidth: calc(440 / var(--invarPx) * var(--centerWidth));
  --xwItemHeight: calc(100px + 46 / var(--invarPx) * var(--centerWidth));
  --row: 3;
  --rowOneHeight: calc(
    (var(--row) - 1) * var(--gap) + var(--row) * var(--xwItemHeight)
  );
  --rowOneWidth: calc(700 / var(--invarPx) * var(--centerWidth));
  --rowTwoHeight: calc((var(--rowOneHeight) - var(--gap)) / 2);
  --rowTwoWidth: calc(
    var(--centerWidth) - 2 * var(--gap) - var(--xwWidth) - var(--rowOneWidth)
  );
  --pd: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.xw_box .xw_con > * {
  margin-left: var(--gap);
  margin-top: var(--gap);
}
.xw_box .xw_con .xw_l {
  width: var(--rowOneWidth);
  position: relative;
}
.xw_box .xw_con .xw_l .xw_pics_ss .xw_img {
  height: var(--rowOneHeight);
}
.xw_box .xw_con .xw_l .xw_pics_ss .xw_mask .xw_txt .xw_sh {
  --font2: 36;
}
.xw_box .xw_con .xw_l .xw_pics_ss .xw_mask .xw_txt .xw_exp {
  --font2: 24;
}
.xw_box .xw_con .xw_pics_ss {
  position: relative;
  overflow: hidden;
  display:block;
}
.xw_box .xw_con .xw_pics_ss .xw_img {
  display: block;
  width: 100%;
  height: var(--rowTwoHeight);
  background: #222;
  position: relative;
  overflow: hidden;
}
.xw_box .xw_con .xw_pics_ss .xw_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.xw_box .xw_con .xw_pics_ss .xw_img img {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: all 0.35s;
}
.xw_box .xw_con .xw_pics_ss .xw_mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: var(--pd);
  color: #fff;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_tag {
  --font2: 14;
  -webkit-align-items: center;
  align-items: center;
  background: var(--curColor);
  border-radius: 200px;
  padding: 0.35em 1em;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_tag .xw_icon {
  font-size: 1.15em;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_tag .xw_icon .iconfont {
  font-size: 1em;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_tag .xw_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_tag .xw_icon svg path {
  fill: currentColor !important;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_tag .xw_icon ~ .xw_sw {
  margin-left: 0.4em;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_txt .xw_sh {
  --font2: 24;
  font-weight: bold;
  margin-top: 0.85em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_txt .xw_exp {
  --font2: 18;
  --lineHeight: 1.55;
  --lineH: 2px;
  padding-left: 1.625em;
  position: relative;
  line-height: var(--lineHeight);
  margin-top: 0.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_txt .xw_exp::before {
  content: "";
  position: absolute;
  width: 1em;
  height: var(--lineH);
  background: currentColor;
  left: 0;
  top: calc((var(--lineHeight) * 1em - var(--lineH)) / 2);
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_txt .xw_time {
  --font2: 16;
  margin-top: 1em;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_txt .xw_date {
  --font2: 16;
  line-height: 1;
  padding-top: 1em;
  margin-top: 1em;
  border-top: solid 1px rgba(255, 255, 255, 0.3);
  -webkit-align-items: baseline;
  align-items: baseline;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_txt .xw_date span {
  --font2: 30;
  font-weight: bold;
}
.xw_box .xw_con .xw_pics_ss .xw_mask .xw_txt .xw_date p {
  margin-left: 0.6em;
}
.sp_bofang {
  --bofangSize: calc(40px + 50 / var(--invarPx) * var(--centerWidth));
  font-size: var(--bofangSize);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  margin-left: -0.5em;
  margin-top: -0.5em;
  cursor: pointer;
}
.sp_bofang .sp_icon {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  color: #fff;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  z-index: 3;
  transition: all 0.35s;
}
.sp_bofang::before,
.sp_bofang::after {
  --sc1: 1;
  --op1: 0.9;
  --op2: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  background: rgba(var(--rgb1), 0.5);
  opacity: 0;
  pointer-events: none;
}
.sp_bofang::before {
  --sc2: 1.5;
}
.sp_bofang::after {
  --sc2: 2;
}
.sp_bofang .iconfont {
  font-size: 0.4em;
  transform: translateX(0.1em);
}
@keyframes YQscale {
  0% {
    transform: scale(var(--sc1));
    opacity: var(--op1);
  }
  100% {
    transform: scale(var(--sc2));
    opacity: var(--op2);
  }
}
.xw_box .xw_con .xw_c {
  width: var(--rowTwoWidth);
}
.xw_box .xw_con .xw_c ul li + li,
.xw_box .xw_con .xw_r ul li + li {
  margin-top: var(--gap);
}
.xw_box .xw_con .xw_r {
  --dateW: 24%;
  width: var(--xwWidth);
}
.xw_box .xw_con .xw_r .xw_ss {
  background: #f7f7f7;
  -webkit-align-items: center;
  align-items: center;
}
.xw_box .xw_con .xw_r .xw_ss .xw_date {
  --font2: 16;
  width: var(--dateW);
  -webkit-justify-content: center;
  justify-content: center;
}
.xw_box .xw_con .xw_r .xw_ss .xw_date span {
  --font2: 30;
  font-weight: bold;
  color: #333;
  display: block;
}
.xw_box .xw_con .xw_r .xw_ss .xw_date i {
  display: block;
  width: 1em;
  height: 2px;
  background: var(--curColor);
  margin-top: 0.125em;
}
.xw_box .xw_con .xw_r .xw_ss .xw_date p {
  color: #666;
  margin-top: 0.9em;
}
.xw_box .xw_con .xw_r .xw_ss .xw_txt {
  width: calc(100% - var(--dateW));
  height: var(--xwItemHeight);
  padding: var(--pd);
  position: relative;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.xw_box .xw_con .xw_r .xw_ss .xw_txt::before {
  content: "";
  position: absolute;
  top: var(--pd);
  bottom: var(--pd);
  left: 0;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.xw_box .xw_con .xw_r .xw_ss .xw_txt .xw_date2 {
  display: none;
}
.xw_box .xw_con .xw_r .xw_ss .xw_txt .xw_sh {
  --font2: 18;
  font-weight: bold;
}
.xw_swiper .swiper-container {
  height: var(--rowOneHeight);
}

.bz-pagination.swiper-pagination {
  position: relative;
  bottom: auto;
}
.bz-pagination.swiper-pagination .swiper-pagination-bullet-active {
  background: var(--curColor);
}

/* 页脚 */
.footer_box {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.6);
  background: var(--curColor);
}
.footer_box .footer_top {
  position: relative;
  z-index: 3;
}
.footer_box .footer_top .center_box {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.footer_box .footer_top .footer_logo img {
  display: block;
  width: auto;
  height: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.footer_box .footer_top .footer_fri {
  --font2: 16;
  --width: 190px;
  --pd: 15px;
  --height: 50px;
  --height2: 30px;
  --pd2: 10px;
  --num: 8;
  --borWidth: 2px;
  color: #333;
  width: var(--width);
  position: relative;
}
.footer_box .footer_top .footer_fri .footer_ft {
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  height: var(--height);
  padding: 0 var(--pd);
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.footer_box .footer_top .footer_fri .footer_ft .iconfont {
  font-weight: bold;
  color: rgba(255, 255, 255, 0.6);
  transition: all 0.35s;
}
.footer_box .footer_top .footer_fri .footer_fd {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform-origin: top;
  transform: scaleY(0);
  opacity: 0;
  max-height: calc(var(--num) * var(--height2) + 2 * var(--pd2));
  overflow-y: auto;
  border-top: solid var(--borWidth) var(--curColor);
}
.footer_box .footer_top .footer_fri .footer_fd ol {
  background: #fff;
  font-size: calc(1em - 1px);
  padding: var(--pd2) 0;
}
.footer_box .footer_top .footer_fri .footer_fd ol li {
  height: var(--height2);
  -webkit-align-items: center;
  align-items: center;
  padding: 0 var(--pd);
}
.footer_box .footer_top .footer_fri.is-open .footer_ft {
  background: #fff;
  color: #333;
}
.footer_box .footer_top .footer_fri.is-open .footer_fd {
  transform: scaleY(1);
  opacity: 1;
}
.footer_box .footer_top .footer_fri.is-open .footer_ft .iconfont {
  color: var(--curColor);
  transform: rotate(180deg);
}
.footer_box .footer_mid {
  --qrSize: calc(80px + 60 / var(--invarPx) * var(--centerWidth));
  --qrNum: 1;
  --qrGap: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --font2: 15;
}
.footer_box .footer_mid .center_box,
.footer_box .footer_bot .center_box {
  border-top: solid 1px rgba(255, 255, 255, 0.3);
}
.footer_box .footer_mid .center_box {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.footer_box .footer_mid .footer_nav dt,
.footer_box .footer_mid .footer_info .footer_tit {
  font-size: calc(18 / 15 * 1em);
}
.footer_box .footer_mid .footer_nav dt,
.footer_box .footer_mid .footer_info .footer_tit {
  font-weight: bold;
  color: #fff;
  min-height: 1.5em;
}
.footer_box .footer_mid .footer_nav dt *,
.footer_box .footer_mid .footer_info .footer_tit * {
  font-weight: inherit;
}
.footer_box .footer_mid .footer_nav ul > li + li,
.footer_box .footer_mid .footer_info {
  margin-left: calc(60 / var(--invarPx) * var(--centerWidth));
}
.footer_box .footer_mid .footer_nav dt,
.footer_box .footer_mid .footer_nav dd {
  overflow: hidden;
}
.footer_box .footer_mid .footer_nav dt > a,
.footer_box .footer_mid .footer_nav dd > a {
  float: left;
}
.footer_box .footer_mid .footer_nav ol li,
.footer_box .footer_mid .footer_info .footer_scon ul > li + li {
  margin-top: 0.5em;
}
.footer_box .footer_mid .footer_info {
  max-width: 25em;
}
.footer_box .footer_mid .footer_info .footer_scon ul > li > * {
  display: inline;
}
.footer_box .footer_mid .footer_nav .flex_dl {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 200px;
}
.footer_box .footer_mid .footer_nav ol {
  --gap: 2em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 190px;
  margin-left: calc(-1 * var(--gap));
}
.footer_box .footer_mid .footer_nav ol li {
  margin-left: var(--gap);
}

.footer_box .footer_mid .footer_qr li {
  width: var(--qrSize);
}
.footer_box .footer_mid .footer_qr li span {
  display: block;
  height: var(--qrSize);
}
.footer_box .footer_mid .footer_qr li span img {
  display: block;
  width: 100%;
  height: 100%;
}
.footer_box .footer_mid .footer_qr li p {
  color: #fff;
  margin-top: 0.6em;
  text-align: center;
}
.footer_box .footer_bot {
  --font2: 14;
  --lGap: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --rGap: calc(10px + 40 / var(--invarPx) * var(--centerWidth));
  color: #fff;
  line-height: 1.7;
}
.footer_box .footer_bot .footer_bl {
  margin-left: calc(-1 * var(--lGap));
}
.footer_box .footer_bot .footer_bl > * {
  margin-left: var(--lGap);
  display: inline-block;
}
.footer_box .footer_bot .footer_br > a ~ a {
  margin-left: 1em;
}
.footer_box .footer_bot .footer_br .footer_by {
  margin-left: var(--rGap);
}

/* 侧边栏 */
.fix_bar {
  --boxSize: calc(50px + 20 / var(--invarPx) * var(--centerWidth));
  --gap: calc(3px + 2 / var(--invarPx) * var(--centerWidth));
  --hideWidth: 285px;
  --hidePd: 20px;
  --hideOver: 0px;
  position: fixed;
  right: var(--gap);
  top: 50%;
  z-index: 920;
  opacity: 0;
  transform: translate(100%, -50%);
  pointer-events: none;
  transition: opacity 0.35s, transform 0.35s;
}
.fix_bar > ul > li {
  position: relative;
}
.fix_bar > ul > li + li {
  margin-top: var(--gap);
}
.fix_bar .fix_ss {
  width: var(--boxSize);
  height: var(--boxSize);
  border: solid 1px rgba(var(--rgb1), 0.5);
  border-radius: calc(0.5 * var(--radius));
  background: #fff;
  color: #999;
  cursor: pointer;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  transition: all 0.35s;
}
.fix_bar .fix_ss .fix_icon {
  --font2: 26;
  width: 1em;
  height: 1em;
  color: var(--curColor);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.fix_bar .fix_ss .fix_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.fix_bar .fix_ss .fix_icon svg path {
  fill: currentColor !important;
}
.fix_bar .fix_ss .fix_sw {
  --font2: 13;
  text-align: center;
  margin-top: 0.4em;
}
.fix_bar .fix_ss.goto_top {
  /* opacity:0;
	pointer-events:none; */
}
.fix_bar ul li .fix_hide {
  position: absolute;
  top: calc(-1 * var(--hideOver));
  right: 100%;
  font-size: 15px;
  color: #333;
  padding-right: 20px;
  display: none;
}
.fix_bar ul li .fix_hide .fix_wrap {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  width: var(--hideWidth);
  padding: var(--hidePd);
  position: relative;
}
.fix_bar ul li .fix_hide .fix_wrap:before {
  content: "";
  position: absolute;
  top: calc((var(--boxSize) - 10px) / 2 + var(--hideOver));
  right: 0;
  width: 10px;
  height: 10px;
  background: #fff;
  transform: translate(50%, 0) rotate(45deg);
}
.fix_bar ul li .fix_hide.fix_hide_tel > * ~ * {
  margin-top: 0.5em;
}
.fix_bar ul li .fix_hide.fix_hide_tel em {
  font-size: 24px;
  font-weight: bold;
  color: var(--curColor);
}
.fix_bar ul li:hover .fix_hide {
  display: block;
}

/* 内页-banner1 */
.inner_banner1 {
  overflow: hidden;
  height: calc(320 / 1920 * 100vw);
  position: relative;
}
.inner_banner1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner_banner1 .inner_txt,
.inner_banner1 .inner_search {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
}
.inner_banner1 .inner_txt {
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.inner_banner1 .inner_txt .inner_h {
  --font2: 48;
  font-weight: bold;
}
.inner_banner1 .inner_txt .inner_w {
  --font2: 20;
  --lineClamp: 3;
  margin-top: 0.75em;
  display: -webkit-box;
  display: box;
  -webkit-line-clamp: var(--lineClamp);
  line-clamp: var(--lineClamp);
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
}
.inner_search {
  --inpW: calc(300px + 200 / var(--invarPx) * var(--centerWidth));
  --inpH: calc(40px + 10 / var(--invarPx) * var(--centerWidth));
  --btnW: calc(100px + 20 / var(--invarPx) * var(--centerWidth));
  --radius: 200px;
}
.inner_search .inner_search_top {
  --font2: 16;
}
.inner_search .inner_search_top input {
  font-size: 1em;
  display: block;
  width: var(--inpW);
  height: var(--inpH);
  background: #fff;
  color: #333;
  border-radius: var(--radius) 0 0 var(--radius);
  padding: 0 1.25em;
  transition: all 0.35s;
}
.inner_search .inner_search_top .inner_st_btn {
  font-size: 1em;
  width: var(--btnW);
  height: var(--inpH);
  background: var(--curColor);
  color: #fff;
  border-radius: 0 var(--radius) var(--radius) 0;
  text-align: center;
  cursor: pointer;
  transition: all 0.35s;
}
.inner_search .inner_search_bot {
  --font2: 14;
  --shW: 4.5em;
  padding-top: 1em;
  width: 100%;
  -webkit-justify-content: center;
  justify-content: center;
}
.inner_search .inner_search_bot .inner_sb_wrap {
  min-width: calc(var(--inpW) + var(--btnW));
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.inner_search .inner_search_bot .inner_sb_sh,
.inner_search .inner_search_bot .inner_sb_list li {
  margin-top: 0.5em;
}
.inner_search .inner_search_bot .inner_sb_sh,
.inner_search .inner_search_bot .inner_sb_list li a {
  padding: 0.4em 0;
}
.inner_search .inner_search_bot .inner_sb_sh {
  width: 4.5em;
}
.inner_search .inner_search_bot .inner_sb_list {
  width: calc(100% - 4.5em);
  overflow: hidden;
}
.inner_search .inner_search_bot .inner_sb_list li {
  float: left;
  margin-left: 0.72em;
}
.inner_search .inner_search_bot .inner_sb_list li a {
  display: block;
  padding-left: 1em;
  padding-right: 1em;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 200px;
}

/* 资料下载页-查找资料 */
.xz_sousuo .xz_tree {
  --font1: 16;
  --font2: 16;
  --inpHeight: 48px;
  --gap: 10px;
  --firstW: 350px;
  --secondW: 550px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: calc(-1 * var(--gap));
}
.xz_sousuo .xz_tree > * {
  margin-left: var(--gap);
  margin-top: var(--gap);
}
.xz_tree .select-wrapper {
  position: relative;
  width: var(--firstW);
}
.xz_tree .select-wrapper.second-select {
  width: var(--secondW);
}
.xz_tree .opacity-0 {
  opacity: 0 !important;
}
.xz_tree .second-select .dropdown-menu .opacity-0 {
  display: none;
}
.xz_tree .xz-tree-btn {
  --font1: 16;
  --font2: 16;
  background: var(--curColor);
  border-radius: 6px;
  color: #fff;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 0.6em;
  cursor: pointer;
  transition: all 0.35s;
}
.xz_tree .xz-tree-btn .xz-tree-icon {
  font-size: 1.25em;
  width: 1em;
  height: 1em;
  margin-right: 0.3em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.xz_tree .xz-tree-btn .xz-tree-icon .iconfont {
  font-size: 1em;
}

/* 选择框触发区域 */
.select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 15px;
  height: var(--inpHeight);
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.select-trigger:hover {
  border-color: #888;
}

.select-trigger.active {
  border-color: var(--curColor);
  box-shadow: 0 0 0 2px rgba(var(--rgb1), 0.2);
}

/* 选择框内容 */
.select-value {
  --font1: 16;
  --font2: 16;
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}

.select-value.placeholder {
  color: #999;
}

/* 清除按钮 */
.clear-btn {
  margin-right: 10px;
  color: #999;
  cursor: pointer;
  transition: all 0.2s ease;
  opacity: 0;
  transform: translateX(-5px);
}

.clear-btn.visible {
  opacity: 1;
  transform: translateX(0);
}

.clear-btn:hover {
  color: #f5222d;
}

/* 下拉箭头 */
.caret-icon {
  color: #666;
  transition: transform 0.2s ease;
}

.caret-icon.rotated {
  transform: rotate(180deg);
}

/* 下拉菜单 */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 5;
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-height: 300px;
  overflow-y: auto;
  display: none;
}

.dropdown-menu.open {
  display: block;
}

/* 树形节点样式 */
.tree-node {
  align-items: center;
  /* padding: 10px 15px; */
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.tree-node.selected {
  background-color: #fbf4ff;
  color: var(--curColor);
}

.node-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.node-content .iconfont {
  color: #ccc;
  font-size: 0.9em;
}

/* 三角图标 */
.node-caret {
  display: inline-block;
  width: 16px;
  text-align: center;
  transition: transform 0.2s ease;
  margin-right: 10px;
  cursor: pointer;
}

.node-caret.expanded {
  transform: rotate(90deg);
}

.node-text {
  flex: 1;
  font-weight: bold;
}

.node-text:hover {
  background-color: rgba(208, 203, 225, 0.2);
}

/* 节点缩进 - 每级增加20px */
.level-1 {
  padding-left: 0;
}
.level-2,
.level-3,
.level-4,
.level-5,
.level-6 {
  /* padding-left: 20px; */
}
.level-1 .node-content {
  padding: 5px 15px;
}
.level-2 .node-content {
  padding-left: 30px;
}
.level-3 .node-content {
  padding-left: 50px;
}
.level-4 .node-content {
  padding-left: 70px;
}
.level-5 .node-content {
  padding-left: 90px;
}
.level-6 .node-content {
  padding-left: 110px;
}
/* 节点子项容器 */
.node-children {
  transition: all 0.2s ease;
}

/* 资料下载页-搜索结果 */
.md_rel {
  position: relative;
}
.md_rel .md_abs {
  position: absolute;
  left: 0;
  top: 0;
}

/* 无结果 */
.xz_jieguo_nodata {
  --imgWidth: calc(200px + 200 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_nodata .xz_img {
  -webkit-justify-content: center;
  justify-content: center;
}
.xz_jieguo_nodata .xz_img img {
  display: block;
  max-width: var(--imgWidth);
}
.xz_jieguo_nodata .xz_jw {
  --font2: 20;
  text-align: center;
}

/* 有结果 */
.xz_jieguo_data {
  --lWidth: calc(150px + 30 / var(--invarPx) * var(--centerWidth));
  --lrGap: calc(40px + 30 / var(--invarPx) * var(--centerWidth));
  --rWidth: calc(100% - var(--lWidth) - var(--lrGap));
}
.xz_jieguo_data .xz_lr {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.xz_jieguo_data .xz_lr .xz_jl {
  --font2: 16;
  --lineW: calc(3px + 2 / var(--invarPx) * var(--centerWidth));
  --pdLeft: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
  --elHeight: calc(40 / 16 * 1em);
  width: var(--lWidth);
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--headerHeight) + 10px);
}

.xz_jieguo_data .xz_lr .xz_jl .xz_line .xz_current_line {
  display: block;
  width: 100%;
  height: var(--elHeight);
  background: var(--curColor);
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav {
  position: relative;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--lineW);
  height: 100%;
  background: #ddd;
  border-radius: 50px;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav li {
  position: relative;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav li::before {
  content: "";
  width: var(--lineW);
  height: var(--elHeight);
  background: var(--curColor);
  border-radius: 50px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav li.current::before {
  display: block;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav li a {
  display: flex;
  align-items: center;
  padding-left: calc(var(--lineW) + var(--pdLeft));
  height: var(--elHeight);
  pointer-events: none;
  color: #666;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav li.current a {
  color: var(--curColor);
  font-weight: bold;
}
.xz_jieguo_data .xz_lr .xz_jl #PageNav li a > * {
  pointer-events: auto;
  font-weight: inherit;
}
.xz_jieguo_data .xz_lr .xz_jr {
  width: var(--rWidth);
}
.xz_jieguo_data .xz_lr .xz_jr .xz_item ~ .xz_item {
  margin-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_data .xz_lr .xz_jr .md_rel .md_abs {
  top: calc(-1 * var(--headerHeight) - 10px);
}
.xz_jieguo_data .xz_lr .xz_jr .xz_itop {
  -webkit-align-items: center;
  align-items: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_itop .xz_h {
  --font2: 26;
  font-weight: bold;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_itop .xz_h ~ .xz_download_btn {
  margin-left: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_data .xz_lr .xz_jr .xz_download_btn {
  --font2: 14;
  color: var(--curColor);
  border: solid 1px var(--curColor);
  border-radius: 200px;
  padding: 0.3em 1em;
  cursor: pointer;
  transition: all 0.35s;
  display: none;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_download_btn .xz_d_con {
  -webkit-align-items: center;
  align-items: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_download_btn span {
  font-size: 1.2em;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_download_btn span .iconfont {
  font-size: 1em;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_download_btn .xz_bw {
  margin-left: 0.3em;
}

.xz_jieguo_data .xz_lr .xz_jr .xz_tabs {
  --font2: 16;
  overflow-x: auto;
  width: 100%;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_tabs ul {
  white-space: nowrap;
  padding-bottom: 0.8em;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_tabs ul li {
  padding: 0.35em 1.25em;
  border: solid 1px transparent;
  border-radius: 200px;
  cursor: pointer;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_tabs ul li.active {
  background: var(--curColor);
  border-color: var(--curColor);
  color: #fff !important;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content {
  --dlJt: 50px;
  --dlXk: 50px;
  --btnsW: 190px;
  --gap: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --dlWz: calc(100% - var(--dlJt) - var(--dlXk));
  --pdTopB: calc(10px + 5 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_el {
  display: none;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_el:nth-child(1) {
  display: block;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_el .xz_more {
  overflow: hidden;
  display: none;
}
.xz_more.bz_more1{
    color:var(--curColor);
    margin-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_el .bz_more1 {
  margin-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_el .bz_more1 .bz_sw {
  font-size: 14px;
}

.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def {
  padding: var(--pdTopB) 0;
  border-bottom: solid 1px #ddd;
  -webkit-align-items: center;
  align-items: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_dl1 {
  width: var(--dlJt);
  -webkit-justify-content: center;
  justify-content: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_xl_icon {
  --font2: 18;
  color: #666;
  cursor: pointer;
  transition: all 0.35s;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_xl_icon .iconfont {
  font-size: 1em;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_dl2 {
  width: var(--dlXk);
  -webkit-justify-content: center;
  justify-content: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_dl2 label input {
  display: none;
}
.xz_jieguo_data
  .xz_lr
  .xz_jr
  .xz_content
  .xz_def
  .xz_dl2
  label
  input:checked
  ~ .xz_state {
  border-color: var(--curColor);
  background: var(--curColor);
  color: #fff;
}
.xz_jieguo_data
  .xz_lr
  .xz_jr
  .xz_content
  .xz_def
  .xz_dl2
  label
  input:checked
  ~ .xz_state
  .iconfont {
  opacity: 1;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_state {
  --font2: 18;
  width: 1em;
  height: 1em;
  border: solid 1px #ddd;
  border-radius: 3px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_state .iconfont {
  font-size: 12px;
  opacity: 0;
  transform: scale(0.8);
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_dl3 {
  --font2: 14;
  width: var(--dlWz);
  padding-left: var(--gap);
  position: relative;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_sh {
  --font2: 18;
  font-weight: bold;
  width: calc(100% - var(--btnsW));
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_info {
  color: #8f8f8f;
  margin-top: 0.7em;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_info > * {
  margin-right: 1.25em;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_btns {
  position: absolute;
  top: 0;
  right: 0;
  width: var(--btnsW);
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_btns {
  color: var(--curColor);
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_btns .xz_d_btn {
  display: flex;
  align-items: center;
  transition: color 0.35s;
}
.xz_jieguo_data
  .xz_lr
  .xz_jr
  .xz_content
  .xz_def
  .xz_btns
  .xz_d_btn
  ~ .xz_d_btn {
  margin-left: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_hide .xz_btns .xz_d_btn {
  margin-right: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.xz_jieguo_data
  .xz_lr
  .xz_jr
  .xz_content
  .xz_hide
  .xz_btns
  .xz_d_btn:nth-last-child(1) {
  margin-right: 0;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_btns .xz_icon {
  font-size: 1.2em;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_btns .xz_icon .iconfont {
  font-size: 1em;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_btns .xz_dw {
  margin-left: 0.5em;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_preview {
  display: none !important;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_li.is-pdf .xz_preview {
  display: flex !important;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_li.is-open .xz_def .xz_xl_icon {
  transform: rotate(90deg);
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_li.is-open .xz_hide {
  display: block;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_hide {
  --pdLeft: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
  padding: 0 var(--pdLeft);
  overflow: hidden;
  display: none;
}
.xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_hide .xz_table_scroll {
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  position: relative;
  max-height: calc(var(--rows) * var(--tdHeight) + var(--thHeight) + 2px);
  margin: calc(10px + 10 / var(--invarPx) * var(--centerWidth)) 0;
}
.xz_table_scroll {
  --pdLeft: calc(20 / var(--invarPx) * var(--centerWidth));
  --pdTop: calc(10px + 5 / var(--invarPx) * var(--centerWidth));
  --thName: 20%;
  --thNum: 9.7%;
  --thModel: 13.8%;
  --thVer: 7.8%;
  --thSize: 9%;
  --thDataNum: 15.625%;
  --thDate: 10.625%;
  --thBtns: 180px;
  --thHeight: calc(40px + 20 / var(--invarPx) * var(--centerWidth));
  --tdHeight: calc(44 / 60 * var(--thHeight));
  --rows: 8;
}
.xz_table_head,
.xz_table_body {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  border-bottom: dashed 1px #ddd;
  min-width: 1130px;
  border-bottom: dashed 1px #ddd;
}
.xz_table_head {
  --font2: 16;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 4;
}

.xz_table_scroll .xz_table_scroll_y {
  --font2: 14;
  width: 100%;
}
.xz_table_scroll th,
.xz_table_scroll td {
  padding: 0 var(--pdLeft);
  vertical-align: middle;
}
.xz_table_scroll th {
  font-weight: bold;
  height: var(--thHeight);
}
.xz_table_scroll td {
  height: var(--tdHeight);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xz_table_scroll th *,
.xz_table_scroll td * {
  font-weight: inherit;
}

.xz_table_scroll .th_name,
.xz_table_scroll .td_name {
  width: var(--thName);
}
.xz_table_scroll .th_num,
.xz_table_scroll .td_num {
  width: var(--thNum);
}
.xz_table_scroll .th_model,
.xz_table_scroll .td_model {
  width: var(--thModel);
}
.xz_table_scroll .th_ver,
.xz_table_scroll .td_ver {
  width: var(--thVer);
}
.xz_table_scroll .th_size,
.xz_table_scroll .td_size {
  width: var(--thSize);
}
.xz_table_scroll .th_data_num,
.xz_table_scroll .td_data_num {
  width: var(--thDataNum);
}
.xz_table_scroll .th_date,
.xz_table_scroll .td_date {
  width: var(--thDate);
}
.xz_table_scroll .th_btns,
.xz_table_scroll .td_btns {
  width: var(--thBtns);
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  z-index: 3;
  background: linear-gradient(to left, #fff 90%, rgba(255, 255, 255, 0) 100%);
}

/* 左右结构布局 */
.bz_radius {
  border-radius: var(--radius);
  overflow: hidden;
}
.layout_lr {
  --leftWidth: calc(150px + 170 / var(--invarPx) * var(--centerWidth));
  --lrGap: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
  --rightWidth: calc(var(--centerWidth) - var(--lrGap) - var(--leftWidth));
}
.layout_lr .center_box {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.layout_lr .layout_l {
  width: var(--leftWidth);
}
.layout_lr .layout_l > * ~ * {
  margin-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.layout_lr .layout_r {
  width: var(--rightWidth);
}
.side_nav {
  --iconSize: calc(30px + 30 / var(--invarPx) * var(--centerWidth));
  --elHeight: calc(40px + 20 / var(--invarPx) * var(--centerWidth));
  --pos: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
  box-shadow: 0 0 calc(10px + 5 / var(--invarPx) * var(--centerWidth))
    rgba(0, 0, 0, 0.1);
}
.side_nav .side_st {
  background: var(--curColor) url(../img/side_nav_st_bg.png) no-repeat right
    bottom;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.side_nav .side_st .side_icon {
  font-size: var(--iconSize);
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.side_nav .side_st .side_icon svg {
  display: block;
  max-width: 46%;
  max-height: 46%;
}
.side_nav .side_st .side_icon svg path {
  fill: currentColor !important;
}
.side_nav .side_st .side_h {
  --font2: 24;
  font-weight: bold;
}
.side_nav .side_sd ul > li {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.side_nav .side_sd ul > li a {
  display: block;
  padding-left: var(--iconSize);
  height: var(--elHeight);
  line-height: var(--elHeight);
}
.side_nav .side_sd .side_def {
  --font2: 18;
  position: relative;
}
.side_nav .side_sd .side_def::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  bottom: 25%;
  width: calc(3px + 2 / var(--invarPx) * var(--centerWidth));
  background: var(--curColor);
  border-radius: 20px;
  opacity: 0;
  pointer-events: none;
}
.side_nav .side_sd .side_def a {
  font-weight: bold;
  color: #666;
}
.side_nav .side_sd .side_def .side_jt {
  display: none;
  cursor: pointer;
  transition: all 0.35s;
}
.side_nav .side_sd .side_def .side_jt.jt_rotate {
  transform: rotate(180deg);
}
.side_nav .side_sd .side_def .side_jt,
.side_nav .side_sd .side_sub .side_icon {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.6;
  width: var(--elHeight);
  height: var(--elHeight);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.side_nav .side_sd .iconfont {
  font-size: 1em;
}
.side_nav .side_sd .side_sub {
  --font2: 16;
  display: none;
}
.side_nav .side_sd .side_sub ~ .side_def .side_jt {
  display: flex;
}
.side_nav .side_sd .side_sub ~ .side_def a {
  pointer-events: none;
}
.side_nav .side_sd .side_sub ol {
  position: relative;
}
.side_nav .side_sd .side_sub ol::before {
  content: "";
  position: absolute;
  left: var(--pos);
  right: var(--pos);
  top: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}
.side_nav .side_sd .side_sub .side_ss {
  position: relative;
}
.side_nav .side_sd .side_sub .side_icon {
  opacity: 0;
  transform: translateX(-30%);
}

.side_nav .side_sd ul > li.active,
.side_nav .side_sd ul > li.current {
  background: var(--ligColor);
}
.side_nav .side_sd ul > li.active .side_jt {
  transform: rotate(180deg);
}
.side_nav .side_sd ul > li.active .side_sub {
  display: block;
}
.side_nav .side_sd ul > li.active .side_def::before,
.side_nav .side_sd ul > li.current .side_def::before {
  opacity: 1;
}
.side_nav .side_sd ul > li.active .side_def a,
.side_nav .side_sd ul > li.current .side_def a {
  color: var(--curColor);
}
.side_nav .side_sd .side_sub .active .side_ss {
  color: var(--curColor);
}
.side_nav .side_sd .side_sub .active .side_icon {
  opacity: 1;
  transform: translateX(0);
}
.side_adv {
  --pd: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
  display: block;
  position: relative;
}
.side_adv img {
  display: block;
  width: 100%;
}
.side_adv .side_txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--pd);
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}
.side_adv .side_txt .side_sh {
  --font2: 24;
  font-weight: bold;
  color: var(--curColor);
}

/* 产品列表页 */
.cp_box1 .cp_item ~ .cp_item {
  margin-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.cp_box1 .cp_tit {
  --font2: 18;
  padding-bottom: 0.9em;
  margin-bottom: 0.9em;
  border-bottom: solid 1px #eee;
  -webkit-align-items: center;
  align-items: center;
}
.cp_box1 .cp_tit .cp_icon {
  font-size: 1.2em;
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  color: var(--curColor);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.cp_box1 .cp_tit .cp_icon .iconfont {
  font-size: 1em;
}
.cp_box1 .cp_tit .cp_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.cp_box1 .cp_tit .cp_icon svg path {
  fill: currentColor !important;
}
.cp_box1 .cp_tit .cp_h {
  font-weight: bold;
}
.cp_list {
  --col: 2;
  --pd: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --imgWidth: calc(140px + 80 / var(--invarPx) * var(--centerWidth));
  --imgGap: var(--gap);
  --txtWidth: calc(100% - var(--imgWidth) - var(--imgGap));
}
.cp_list ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.cp_list ul li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.cp_list .cp_ss {
  margin-left: var(--gap);
  padding: var(--pd);
  box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(0, 0, 0, 0.1);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cp_list .cp_ss .cp_img {
  width: var(--imgWidth);
  height: var(--imgWidth);
  background-color: var(--ligColor);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.cp_list .cp_ss .cp_img img {
  display: block;
  max-width: 84%;
  max-height: 84%;
}
.cp_list .cp_ss .cp_txt {
  padding: calc(1.5 * var(--pd)) 0;
  width: var(--txtWidth);
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cp_list .cp_ss .cp_txt .cp_st {
  --font2: 16;
  width: 100%;
}
.cp_list .cp_ss .cp_txt .cp_sh {
  --font2: 18;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cp_list .cp_ss .cp_txt .cp_sw {
  line-height: 1.5;
  color: #666;
  margin-top: 0.6em;
}
.cp_list .cp_ss .cp_sd {
  --font2: 14;
  overflow: hidden;
}
.cp_list .cp_ss .cp_more {
  float: left;
  padding: 0.5em 1.42em;
  color: #fff;
  border-radius: 200px;
  background: var(--curColor);
  transition: background-color 0.35s;
}

/* 产品详情页 */
.cpx_box1 {
  --cpNavHeight: calc(40px + 30 / var(--invarPx) * var(--centerWidth));
}
.cpx_s1 .center_box {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cpx_swiper {
  --imgWidthB: calc(400px + 200 / var(--invarPx) * var(--centerWidth));
  --imgHeightB: calc(360 / 600 * var(--imgWidthB));
  --gap: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
  --txtWidth: calc(100% - var(--gap) - var(--imgWidthB));
  --btnW: 30px;
  --imgGap: 10px;
  --col: 5;
  --imgWidthS: calc(
    (var(--imgWidthB) - 2 * var(--btnW) - (var(--col) - 1) * var(--imgGap)) /
      var(--col)
  );
  --imgHeightS: calc(360 / 600 * var(--imgWidthS));
}
.cpx_swiper .cpx_l {
  width: var(--imgWidthB);
}
.cpx_swiper .gallery-top .cpx_img {
  display: block;
  width: 100%;
  height: var(--imgHeightB);
  overflow: hidden;
}
.cpx_swiper .swiper-container .cpx_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.cpx_swiper .cpx_bot {
  margin-top: var(--imgGap);
  padding: 0 var(--btnW);
  position: relative;
}
.cpx_swiper .cpx_bot .swiper-slide {
  width: var(--imgWidthS);
  margin-right: var(--imgGap);
}
.cpx_swiper .gallery-thumbs .cpx_img {
  display: block;
  width: 100%;
  height: var(--imgHeightS);
  overflow: hidden;
  position: relative;
  background: #000;
}
.cpx_swiper .gallery-thumbs .cpx_img img {
  opacity: 0.8;
}
.cpx_swiper .gallery-thumbs .cpx_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 2px var(--curColor);
  opacity: 0;
  z-index: 2;
}
.cpx_swiper .gallery-thumbs .swiper-slide-thumb-active .cpx_img::before {
  opacity: 1;
  transition: all 0.35s;
}
.cpx_swiper .gallery-thumbs .swiper-slide-thumb-active .cpx_img img {
  opacity: 1;
  transition: all 0.35s;
}
.cpx_swiper .swiper-button {
  width: var(--btnsW);
  height: var(--imgHeightS);
}
.cpx_swiper .swiper-button::after {
  font-size: calc(14px + 6 / var(--invarPx) * var(--centerWidth));
}
.cpx_s1 .cpx_r {
  --font2: 16;
  width: var(--txtWidth);
  -webkit-align-items: center;
  align-items: center;
}
.cpx_s1 .cpx_r .cpx_wrap {
  min-height: 88%;
  width: 100%;
}
.cpx_s1 .cpx_r .cpx_h {
  --font2: 30;
  font-weight: bold;
}
.cpx_s1 .cpx_r .cpx_exp {
  --font2: 20;
  font-weight: bold;
  color: var(--curColor);
}
.cpx_s1 .cpx_r .cpx_sw {
  line-height: 1.625;
  color: #666;
}
.cpx_s1 .cpx_r .cpx_btns {
  --font2: 14;
  --gap: 1.42em;
}
.cpx_s1 .cpx_r .cpx_btns .cpx_btn {
  padding: 0.5em 1.42em;
  background: var(--curColor);
  border-radius: 200px;
  color: #fff;
  cursor: pointer;
  transition: all 0.35s;
}
.cpx_s1 .cpx_r .cpx_btns .cpx_btn ~ .cpx_btn {
  margin-left: var(--gap);
}
.cpx_nav {
  --font2: 24;
  --gap: calc(10px + 70 / var(--invarPx) * var(--centerWidth));
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: calc(20px + 2 * (10px + 10 / var(--invarPx) * var(--centerWidth)) + var(--headerHeight2));
  z-index: 8;
}
.cpx_nav .center_box {
  position: relative;
}
.cpx_nav .center_box::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eee;
}
.cpx_nav ul {
  margin-left: calc(-1 * var(--gap));
}
.cpx_nav ul li a {
  display: block;
  margin-left: var(--gap);
  line-height: var(--cpNavHeight);
  font-weight: bold;
  position: relative;
}
.cpx_nav ul li a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: -1px;
  background: var(--curColor);
  transform: scaleX(0);
}
.cpx_nav ul li.current a::before {
  transform: scaleX(1);
  transition: all 0.5s;
}
.cpx_box1 .md_rel .md_abs {
  top: calc(-1 * (var(--headerHeight2) + var(--cpNavHeight)));
}
.cpx_box1 .cpx_container > *:nth-child(even) {
  background: #f7f7f7;
}
.cpx_s2 .cpx_con {
  --imgWidth: calc(400px + 200 / var(--invarPx) * var(--centerWidth));
  --gap: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
  --txtWidth: calc(100% - var(--gap) - var(--imgWidth));
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.cpx_s2 .cpx_con .cpx_cl {
  width: var(--imgWidth);
}
.cpx_s2 .cpx_con .cpx_img {
  width: 100%;
  height: var(--imgWidth);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.cpx_s2 .cpx_con .cpx_img img {
  display: block;
  max-width: 82%;
  max-height: 82%;
}
.cpx_s2 .cpx_con .cpx_cr {
  width: var(--txtWidth);
  -webkit-align-items: center;
  align-items: center;
}
.cpx_s2 .cpx_con .cpx_cr .cpx_wrap {
  width: 100%;
  min-height: 86%;
}
.cpx_s2 .cpx_con .cpx_cr .cpx_item ~ .cpx_item {
  margin-top: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.cpx_s2 .cpx_con .cpx_cr .cpx_h {
  --font2: 20;
  font-weight: bold;
}
.cpx_s2 .cpx_con .cpx_cr .cpx_sw {
  color: #666;
}
.cpx_s2 .cpx_con .cpx_cr .cpx_h ~ .cpx_sw {
  margin-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.cpx_s4 .cpx_tab {
  --font1: 16;
  --font2: 16;
  --gap: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
  position: relative;
  overflow-x: auto;
}
.cpx_s4 .cpx_tab::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #eee;
}
.cpx_s4 .cpx_tab ul {
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: calc(-1 * var(--gap));
  white-space: nowrap;
}
.cpx_s4 .cpx_tab ul li span {
  display: block;
  padding-bottom: 1em;
  margin-left: var(--gap);
  color: #666;
  position: relative;
  cursor: pointer;
  transition: all 0.35s;
}
.cpx_s4 .cpx_tab ul li span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--curColor);
  opacity: 0;
}
.cpx_s4 .cpx_tab ul li.active span {
  color: var(--curColor);
  font-weight: bold;
}
.cpx_s4 .cpx_tab ul li.active span::before {
  opacity: 1;
}
.cpx_s4 .cpx_content {
  --font1: 14;
  --font2: 14;
}
.cpx_s4 .cpx_itop {
  --selNum: 2;
  --inpNum: 1;
  --btnNum: 1;
  --gap: 10px;
  --inpH: 40px;
  --btnW: 9em;
  --inpBeishu: 1.5;
  --selW: calc(
    (
        var(--centerWidth) - (var(--selNum) + var(--inpNum) + var(--btnNum) - 1) *
          var(--gap) - var(--btnW)
      ) / (var(--selNum) + var(--inpBeishu) * var(--inpNum) * var(--selNum))
  );
  --inpW: calc(var(--inpBeishu) * var(--selW));
  margin-left: calc(-1 * var(--gap));
}
.cpx_s4 .cpx_itop .cpx_sel {
  width: var(--selW);
  position: relative;
}
.cpx_s4 .cpx_itop .cpx_sel label {
  display: block;
}
.cpx_s4 .cpx_itop .cpx_sel select,
.cpx_s4 .cpx_itop .cpx_inp input {
  display: block;
  width: 100%;
  height: var(--inpH);
  border: solid 1px #ddd;
  border-radius: var(--inpH);
  font-size: 1em;
  padding: 0 1em;
  color: #333;
}
.cpx_s4 .cpx_itop .cpx_sel .cpx_icon {
  height: var(--inpH);
  position: absolute;
  right: 1em;
  top: 0;
  pointer-events: none;
  opacity: 0.5;
}
.cpx_s4 .cpx_itop .cpx_inp {
  width: var(--inpW);
  position: relative;
}
.cpx_s4 .cpx_itop .cpx_inp .cpx_btn {
  width: calc(1.5 * var(--inpH));
  height: var(--inpH);
  position: absolute;
  top: 0;
  right: 0;
  color: #8f8f8f;
  transition: all 0.35s;
}
.cpx_s4 .cpx_itop .cpx_inp .cpx_btn .iconfont {
  font-size: calc(0.45 * var(--inpH));
}
.cpx_s4 .cpx_itop .cpx_itops > *,
.cpx_s4 .cpx_download_all {
  margin-left: var(--gap);
}
.cpx_download_all {
  display: none;
}
.cpx_download_all .cpx_download_all_btn {
  font-size: 1em;
  width: var(--btnW);
  height: var(--inpH);
  border: solid 1px var(--curColor);
  border-radius: var(--inpH);
  color: var(--curColor);
  cursor: pointer;
  transition: all 0.35s;
}
.cpx_download_all .cpx_download_all_btn .iconfont {
  margin-right: 0.3em;
}
.cpx_s4 .cpx_table {
  --check: 80px;
  --checkSize: 16px;
  --fl: calc(160 / var(--invarPx) * var(--centerWidth));
  --bbh: calc(120 / var(--invarPx) * var(--centerWidth));
  --dx: calc(130 / var(--invarPx) * var(--centerWidth));
  --bh: calc(240 / var(--invarPx) * var(--centerWidth));
  --rq: calc(164 / var(--invarPx) * var(--centerWidth));
  --cz: calc(150px + 50 / var(--invarPx) * var(--centerWidth));
  --wjm: calc(
    var(--centerWidth) - var(--check) - var(--fl) - var(--bbh) - var(--dx) -
      var(--bh) - var(--rq) - var(--cz)
  );
  --pdLeft: calc(5px + 15 / var(--invarPx) * var(--centerWidth));
  --pdTop: calc(5px + 10 / var(--invarPx) * var(--centerWidth));
  width: 100%;
  table-layout: fixed;
}
.cpx_s4 .cpx_table th,
.cpx_s4 .cpx_table td {
  text-align: left;
  vertical-align: middle;
  padding: var(--pdTop) var(--pdLeft);
}
.cpx_s4 .cpx_table th {
  border-bottom: solid 1px #ddd;
  font-size: calc(16 / 14 * 1em);
  font-weight: bold;
}
.cpx_s4 .cpx_table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpx_s4 .cpx_table .cpx_check {
  width: var(--check);
}

.cpx_s4 .cpx_table .cpx_check label input {
  display: none;
}
.cpx_s4 .cpx_table .cpx_check .cpx_icon {
  width: var(--checkSize);
  height: var(--checkSize);
  border: solid 1px #ddd;
  border-radius: 3px;
}
.cpx_s4 .cpx_table .cpx_check .cpx_icon .iconfont {
  font-size: 10px;
  color: #fff;
  opacity: 0;
}
.cpx_s4 .cpx_table .cpx_check label input:checked ~ .cpx_icon {
  border-color: var(--curColor);
  background: var(--curColor);
}
.cpx_s4 .cpx_table .cpx_check label input:checked ~ .cpx_icon .iconfont {
  opacity: 1;
}
.cpx_s4 .cpx_table .cpx_wjm {
  width: var(--wjm);
  padding-left: 0;
}
.cpx_s4 .cpx_table .cpx_fl {
  width: var(--fl);
}
.cpx_s4 .cpx_table .cpx_bbh {
  width: var(--bbh);
}
.cpx_s4 .cpx_table .cpx_dx {
  width: var(--dx);
}
.cpx_s4 .cpx_table .cpx_bh {
  width: var(--bh);
}
.cpx_s4 .cpx_table .cpx_rq {
  width: var(--rq);
}
.cpx_s4 .cpx_table .cpx_cz {
  width: var(--cz);
  padding-right: 0;
}
.cpx_s4 .cpx_table .cpx_cz_btns .cpx_cz_btn {
  color: var(--curColor);
  margin-right: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
}

.cpx_s4 .cpx_table .is-pdf .cpx_cz_btns .cpx_cz_btn.cpx_preview {
  display: flex;
}
.cpx_s4 .cpx_table .cpx_cz_btns > *:nth-last-child(1) {
  margin-right: 0;
}
.cpx_s4 .cpx_table .cpx_cz_btns .cpx_cz_btn .cpx_icon {
  margin-right: 0.3em;
}
.cpx_s4 .cpx_content .cpx_item {
  display: none;
}
.cpx_s4 .cpx_content .cpx_item.item_show {
  display: block;
}

/* 样机申请弹窗 */
.pop_yjsq {
  --pdLeft: calc(20px + 40 / var(--invarPx) * var(--centerWidth));
  --pdTop: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
  --popWidth: calc(400px + 200 / var(--invarPx) * var(--centerWidth));
  --closeSize: calc(30px + 20 / var(--invarPx) * var(--centerWidth));
  position: fixed;
  z-index: 992;
  width: var(--popWidth);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: var(--pdTop) var(--pdLeft);
  display: none;
}
.pop_yjsq.is-open {
  display: block;
}
.pop_yjsq .pop_close {
  position: absolute;
  right: 0;
  top: 0;
  width: var(--closeSize);
  height: var(--closeSize);
  color: #ddd;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.35s;
}
.pop_yjsq .pop_close:hover {
  color: var(--curColor);
}
.pop_yjsq .pop_close .iconfont {
  font-size: 20px;
}
.pop_yjsq .pop_h {
  --font2: 30;
  font-weight: bold;
  text-align: center;
}
.pop_yjsq .pop_h * {
  font-weight: inherit;
}
.pop_yjsq .pop_form {
  --font2: 16;
  --gap: 10px;
  --slWidth: 5.5em;
  --srWidth: calc(100% - var(--slWidth));
  --inpH: 40px;
  --radius: 200px;
}
.pop_yjsq .pop_form .pop_li ~ .pop_li {
  margin-top: var(--gap);
}
.pop_yjsq .pop_form .pop_li {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.pop_yjsq .pop_form .pop_sl {
  width: var(--slWidth);
  line-height: var(--inpH);
  overflow: hidden;
}
.pop_yjsq .pop_form .pop_sl .pop_name {
  float: left;
  width: 4em;
  font-weight: 500;
  text-align: justify;
  text-align-last: justify;
}
.pop_yjsq .pop_form .pop_sl .pop_star {
  float: left;
  color: red;
  position: relative;
  top: -0.2em;
  left: 0.3em;
}
.pop_yjsq .pop_form .pop_sr {
  width: var(--srWidth);
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: calc(-1 * var(--gap));
}
.pop_yjsq .pop_form .pop_sr > * {
  margin-top: var(--gap);
}
.pop_yjsq .pop_form .pop_sr .pop_inp {
  width: 100%;
}
.pop_yjsq .pop_form .pop_sr .pop_inp input,
.pop_yjsq .pop_form .pop_sr .pop_sel select {
  display: block;
  width: 100%;
  font-size: 1em;
  color: #333;
  padding: 0 1em;
  background: #f7f7f7;
  border-radius: var(--radius);
  height: var(--inpH);
  transition: all 0.35s;
}
.pop_yjsq .pop_form .pop_sr .pop_sel select {
  cursor: pointer;
}
.pop_yjsq .pop_form .pop_sr .pop_inp input:focus,
.pop_yjsq .pop_form .pop_sr .pop_sel select:focus {
  background: var(--ligColor);
}
.pop_yjsq .pop_form .pop_sel {
  position: relative;
  width: calc(50% - 0.5 * var(--gap));
}
.pop_yjsq .pop_form .pop_sel .iconfont {
  position: absolute;
  font-size: 1em;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.3;
  pointer-events: none;
}
.pop_yjsq .pop_form .pop_yzm {
  --sendW: 9.5em;
  --inpW: calc(100% - var(--gap) - var(--sendW));
}
.pop_yjsq .pop_form .pop_yzm .pop_sr .pop_inp {
  width: var(--inpW);
}
.pop_yjsq .pop_form .pop_yzm .pop_sr .pop_send {
  width: var(--sendW);
  line-height: var(--inpH);
  text-align: center;
  border-radius: var(--radius);
  background: var(--curColor);
  color: #fff;
  cursor: pointer;
  transition: all 0.35s;
}
.pop_yjsq .pop_form .pop_yzm .pop_sr .pop_send:hover {
  background: var(--subColor);
}
.pop_yjsq .pop_form .pop_yzm2 .pop_sr {
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.pop_yjsq .pop_form .pop_yzm2 .pop_inp {
  width: auto;
  flex: 1;
}
.pop_yjsq .pop_form .pop_yzm2 .pop_img {
  overflow: hidden;
  border-radius: 8px;
  margin-left: var(--gap);
}
.pop_yjsq .pop_form .pop_yzm2 .pop_img img {
  display: block;
  width: auto !important;
  height: var(--inpH) !important;
}
.pop_yjsq .pop_form .pop_sc .pop_sr {
  --btnW: 42%;
  position: relative;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
}
.pop_yjsq .pop_form .pop_sc .pop_upload {
  width: var(--btnW);
}
.pop_yjsq .pop_form .pop_sc .pop_upload label {
  height: var(--inpH);
  border: solid 1px var(--curColor);
  border-radius: var(--radius);
  color: var(--curColor);
  cursor: pointer;
}
.pop_yjsq .pop_form .pop_sc .pop_upload .pop_icon {
  transform: rotate(45deg);
  margin-right: 0.5em;
}
.pop_yjsq .pop_form .pop_sc .pop_upload .pop_icon .iconfont {
  font-size: 1em;
  font-weight: bold;
}
.pop_yjsq .pop_form .pop_sc .pop_upload #up_file {
  position: absolute;
  left: calc(var(--btnW) - 80px);
  top: calc(var(--gap) * 0.5 + 50%);
  transform: translateY(-50%);
  clip-path: polygon(86px 0, 100% 0, 100% 100%, 86px 100%);
  color: #8f8f8f;
  display: none;
}
.pop_yjsq .pop_form .pop_submit {
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth)) !important;
}
.pop_yjsq .pop_form .pop_submit_btn {
  padding: 0 2em;
  min-width: 9.5em;
  text-align: center;
  line-height: var(--inpH);
  border-radius: var(--radius);
  background: var(--curColor);
  color: #fff;
  cursor: pointer;
  transition: all 0.35s;
}
.pop_yjsq .pop_form .pop_submit_btn:hover {
  background: var(--subColor);
}
.pop_yjsq .pop_form .pop_sc .pop_upload label:hover {
  box-shadow: 0 0 6px rgba(var(--rgb1), 0.5) inset;
  transition: all 0.2s;
}

/* 解决方案页 */
.jjfa_box1 .jjfa_jj {
  --imgWidth: calc(300px + 300 / var(--invarPx) * var(--centerWidth));
  --gap: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
  --txtWidth: calc(100% - var(--gap) - var(--imgWidth));
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.jjfa_box1 .jjfa_jj .jjfa_jl {
  width: var(--imgWidth);
}
.jjfa_box1 .jjfa_jj .jjfa_jl .jjfa_img {
  display: block;
  max-height: calc(400 / 600 * var(--centerWidth));
  overflow: hidden;
}
.jjfa_box1 .jjfa_jj .jjfa_jl .jjfa_img img {
  display: block;
  width: 100%;
}
.jjfa_box1 .jjfa_jj .jjfa_jr {
  --font2: 16;
  width: var(--txtWidth);
  -webkit-align-items: center;
  align-items: center;
}
.jjfa_box1 .jjfa_jj .jjfa_jr .jjfa_wrap {
  width: 100%;
  min-height: 74%;
}
.jjfa_box1 .jjfa_jj .jjfa_jr .jjfa_h {
  --font2: 30;
  font-weight: bold;
}
.jjfa_box1 .jjfa_jj .jjfa_jr .jjfa_sw {
  color: #666;
  line-height: 1.5;
}
.jjfa_box1 .jjfa_jj ~ .jjfa_list {
  margin-top: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
}
.jjfa_list {
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --col: 3;
  --pd: 10px;
  --imgWidth: calc(
    (var(--rightWidth) - (var(--col) - 1) * var(--gap)) / var(--col) - 2 *
      var(--pd)
  );
  --imgHeight: calc(240 / 360 * var(--imgWidth));
}
.jjfa_list ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--gap));
  margin-top: calc(-1 * var(--gap));
}
.jjfa_list ul li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.jjfa_list .jjfa_ss {
  display: block;
  margin-left: var(--gap);
  padding: var(--pd) var(--pd) 0;
  box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(0, 0, 0, 0.1);
}
.jjfa_list .jjfa_ss .jjfa_img {
  display: block;
  height: var(--imgHeight);
  overflow: hidden;
}
.jjfa_list .jjfa_ss .jjfa_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.jjfa_list .jjfa_ss .jjfa_txt {
  padding: calc(2 * var(--pd)) 0;
  text-align: center;
}
.jjfa_list .jjfa_ss .jjfa_txt .jjfa_sh {
  --font2: 18;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.jjfa_list .jjfa_ss .bz_more1 .bz_sw {
  font-size: 14px;
}

/* 解决方案详情页 */
.main_box .inner_banner1 {
  background: #000;
}
.main_box .inner_banner1 img {
  opacity: 0.7;
}
.jjfax_box1 .jjfax_floor ~ .jjfax_floor .center_box {
  border-top: solid 1px #ddd;
}
.jjfax_s1 {
  --imgWidth: calc(400px + 180 / var(--invarPx) * var(--centerWidth));
  --gap: calc(20px + 50 / var(--invarPx) * var(--centerWidth));
  --txtWidth: calc(100% - var(--gap) - var(--imgWidth));
}
.jjfax_s1 .center_box {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.jjfax_s1 .jjfax_r {
  width: var(--imgWidth);
  -webkit-justify-content: center;
  justify-content: center;
}
.jjfax_s1 .jjfax_r img {
  display: block;
  max-width: 80%;
}
.jjfax_s1 .jjfax_l {
  width: var(--txtWidth);
}
.jjfax_s1 .jjfax_l .jjfax_w {
  color: #666;
  line-height: 1.5;
}
.jjfax_btns {
  --font2: 16;
}
.jjfax_btns .jjfax_btn {
  padding: 0.5em 1.5em;
  border: solid 1px transparent;
  border-radius: 200px;
  -webkit-align-items: center;
  align-items: center;
  transition: all 0.35s;
}
.jjfax_btns .jjfax_btn .jjfax_icon {
  font-size: 1.2em;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.jjfax_btns .jjfax_btn .jjfax_icon .iconfont {
  font-size: 1em;
}
.jjfax_btns .jjfax_btn .jjfax_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.jjfax_btns .jjfax_btn .jjfax_icon svg path {
  fill: currentColor !important;
}
.jjfax_btns .jjfax_btn .jjfax_icon ~ .jjfax_sw {
  margin-left: 0.5em;
}
.jjfax_btns .jjfax_btn.cur_bor {
  color: var(--curColor);
  border-color: var(--curColor);
}
.jjfax_btns .jjfax_btn.cur_bor:hover {
  color: #fff;
  background: var(--curColor);
}
.jjfax_box1 .jjfax_ys {
  --col: 3;
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --pd: calc(40 / 30 * var(--gap));
}
.jjfax_box1 .jjfax_ys ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.jjfax_box1 .jjfax_ys ul li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.jjfax_box1 .jjfax_ys .jjfax_ss {
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
  background: #f7f7f7;
  padding: var(--pd);
}
.jjfax_box1 .jjfax_ys .jjfax_ss .jjfax_sh {
  --font2: 20;
  font-weight: bold;
  color: var(--curColor);
}
.jjfax_box1 .jjfax_ys .jjfax_ss .jjfax_sw {
  color: #666;
  margin-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.fanhui_top {
  --font2: 16;
  background: #f3f3f3;
  text-align: center;
}
.fanhui_top .goto_top {
  display: inline-block;
  color: #666;
  padding: 1em 0;
  cursor: pointer;
  transition: all 0.35s;
}

/* 相关产品推荐 */
.cptj_swiper {
  --col: 4;
  --gap: 30px;
  --pd: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --cover: calc(0.5 * var(--gap));
  --imgWidth: calc(
    (var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col) - 2 *
      var(--pd)
  );
}
.cptj_swiper .cptj_top {
  position: relative;
}
.cptj_swiper .cptj_top .swiper-button.swiper-button-prev {
  left: auto;
  right: calc(var(--swbtnSize) + 20 / var(--invarPx) * var(--centerWidth));
}
.cptj_swiper .cptj_top .swiper-button.swiper-button-prev::after,
.cptj_swiper .cptj_top .swiper-button.swiper-button-next::after {
  font-size: calc(34 / 50 * var(--swbtnSize));
}
.cptj_swiper .cptj_bot {
  margin-left: calc(-1 * var(--cover));
  margin-right: calc(-1 * var(--cover));
}
.cptj_swiper .cptj_bot .swiper-container {
  padding: var(--cover);
}
.cptj_swiper .cptj_bot .swiper-slide {
  width: calc(var(--imgWidth) + 2 * var(--pd));
  margin-right: var(--gap);
}
.cptj_swiper .cptj_bot .cptj_ss {
  display: block;
  padding: var(--pd) var(--pd) 0;
  box-shadow: 0 0 var(--cover) rgba(0, 0, 0, 0.1);
}
.cptj_swiper .cptj_bot .cptj_ss .cptj_img {
  height: var(--imgWidth);
  background: var(--ligColor);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.cptj_swiper .cptj_bot .cptj_ss .cptj_img img {
  display: block;
  max-width: 86%;
  max-height: 86%;
}
.cptj_swiper .cptj_bot .cptj_txt {
  padding: var(--pd) 0;
}
.cptj_swiper .cptj_bot .cptj_txt .cptj_sh {
  --font2: 20;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cptj_swiper .cptj_bot .bz_more1 .bz_sw {
  font-size: 14px;
}

/* 视频教学页 */
.spjx_list {
  --col: 4;
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --imgWidth: calc(
    (var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col)
  );
  --imgHeight: calc(207 / 367 * var(--imgWidth));
}
.spjx_list ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.spjx_list ul li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.spjx_list .spjx_ss {
  display: block;
  margin-left: var(--gap);
  cursor: pointer;
  transition: all 0.35s;
}
.spjx_list .spjx_ss .spjx_st {
  position: relative;
}
.spjx_list .spjx_ss .spjx_img {
  display: block;
  overflow: hidden;
  height: var(--imgHeight);
}
.spjx_list .spjx_ss .spjx_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.spjx_list .spjx_ss .spjx_sd {
  --font2: 14;
  padding-top: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.spjx_list .spjx_ss .spjx_sd .spjx_sh {
  --font2: 18;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.spjx_list .spjx_ss .spjx_sd .spjx_date {
  display: block;
  color: #999;
  margin-top: 0.5em;
}
.spjx_list .sp_bofang .sp_icon {
  background: rgba(0, 0, 0, 0.35);
}

/* 样机申请页 */
.yjsq_s1 {
  overflow: hidden;
}
.yjsq_s1 .center_box {
  overflow: hidden;
}
.yjsq_s1 .yjsq_con {
  --col: 5;
  --slWidth: calc(100px + 80 / var(--invarPx) * var(--centerWidth));
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --pdTop: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --pdLeft: var(--pdTop);
  --cirSize: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.yjsq_s1 .yjsq_con {
  -webkit-justify-content: center;
  justify-content: center;
}
.yjsq_s1 .yjsq_con .yjsq_wrap {
  width: 100%;
}
.yjsq_s1 .yjsq_con ul {
  margin-top: calc(-1 * var(--gap));
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.yjsq_s1 .yjsq_con ul li {
  margin-top: var(--gap);
  flex: 1;
}
.yjsq_s1 .yjsq_con ul li:nth-last-child(1) .yjsq_sr {
  opacity: 0 !important;
  pointer-events: none;
  display: none;
}
.yjsq_s1 .yjsq_con .yjsq_sl {
  width: var(--slWidth);
  background: var(--ligColor);
  padding: var(--pdTop) var(--pdLeft);
  text-align: center;
  border-radius: var(--radius);
  transition: all 0.35s;
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_icon,
.yjsq_s1 .yjsq_con .yjsq_sr,
.yjsq_s1 .yjsq_con .yjsq_sr .yjsq_icon {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_icon {
  --font2: 46;
  width: 1em;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  color: var(--curColor);
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_icon::before {
  content: "";
  font-size: var(--cirSize);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: absolute;
  bottom: -0.2em;
  right: -0.2em;
  background: rgba(var(--rgb1), 0.2);
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_icon svg {
  position: relative;
  z-index: 3;
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_icon svg path {
  fill: currentColor !important;
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_txt {
  --font2: 16;
  margin-top: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_txt .yjsq_num {
  --font2: 24;
  color: #999;
}
.yjsq_s1 .yjsq_con .yjsq_sl .yjsq_txt .yjsq_sh {
  margin-top: 0.6em;
}
.yjsq_s1 .yjsq_con .yjsq_sr {
  width: 100%;
}
.yjsq_s1 .yjsq_con .yjsq_sr .yjsq_icon {
  --font2: 20;
  width: 1em;
  height: 1em;
  color: var(--curColor);
}
.yjsq_s1 .yjsq_con .yjsq_sr .yjsq_icon .iconfont {
  font-size: 1em;
}
@keyframes yjsqCir {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* 样机申请表单 */
.yjsq_form {
  --font2: 16;
  --borW: calc(5px + 5 / var(--invarPx) * var(--centerWidth));
  --pdLeft: calc(10px + 60 / var(--invarPx) * var(--centerWidth));
  --pdTop: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
  --inpH: 40px;
  --lWidth: 5.5em;
  --gap: 10px;
  --liGap: calc(2 * var(--gap));
  --selW: calc(50px + 230 / var(--invarPx) * var(--centerWidth));
  --sendW: 10em;
  padding: var(--pdTop) var(--pdLeft);
  border: solid var(--borW) #eee;
}
.yjsq_form ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: calc(-1 * var(--liGap));
}
.yjsq_form ul li {
  width: 100%;
  margin-top: var(--liGap);
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.yjsq_form ul li.c2 {
  width: 42%;
}
.yjsq_form .yjsq_sl {
  width: var(--lWidth);
  overflow: hidden;
  line-height: var(--inpH);
}
.yjsq_form .yjsq_sl > * {
  float: left;
}
.yjsq_form .yjsq_sl .yjsq_name {
  width: 4em;
  text-align: justify;
  text-align-last: justify;
}
.yjsq_form .yjsq_sl .yjsq_star {
  color: red;
  position: relative;
  left: 0.2em;
  top: -0.2em;
}
.yjsq_form .yjsq_sr {
  width: calc(100% - var(--lWidth));
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.yjsq_form .yjsq_sr > * ~ * {
  margin-left: var(--gap);
}
.yjsq_form .yjsq_sr .yjsq_inp,
.yjsq_form .yjsq_sr .yjsq_area {
  width: 100%;
  position: relative;
}
.yjsq_form .yjsq_sr .yjsq_inp input,
.yjsq_form .yjsq_sr .yjsq_sel select,
.yjsq_form .yjsq_sr .yjsq_area textarea {
  display: block;
  color: #333;
  font-size: 1em;
  padding: 0 1em;
  border: solid 1px #ddd;
  width: 100%;
  transition: all 0.35s;
}
.yjsq_form .yjsq_sr .yjsq_inp input,
.yjsq_form .yjsq_sr .yjsq_sel select {
  height: var(--inpH);
}
.yjsq_form .yjsq_sr .yjsq_area textarea {
  resize: none;
  line-height: var(--inpH);
}
.yjsq_form .yjsq_sr .yjsq_inp input:focus,
.yjsq_form .yjsq_sr .yjsq_sel select:focus,
.yjsq_form .yjsq_sr .yjsq_area textarea:focus {
  border-color: rgba(var(--rgb1), 0.5);
}
.yjsq_form .yjsq_sr .yjsq_sel {
  position: relative;
  width: var(--selW);
}
.yjsq_form .yjsq_sr .yjsq_sel .iconfont,
.yjsq_form .yjsq_sr .yjsq_inp .iconfont {
  position: absolute;
  font-size: 1em;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.yjsq_form .yjsq_sr .yjsq_sel .iconfont {
  opacity: 0.3;
}
.yjsq_form .yjsq_sr .yjsq_inp .iconfont {
  color: var(--curColor);
}
.yjsq_form .yjsq_dz .yjsq_sr .yjsq_inp,
.yjsq_form .yjsq_yzm .yjsq_sr .yjsq_inp {
  flex: 1;
}
.yjsq_form .yjsq_yzm .yjsq_sr .yjsq_send {
  width: var(--sendW);
  text-align: center;
  line-height: var(--inpH);
  background: var(--curColor);
  color: #fff;
  cursor: pointer;
  transition: all 0.35s;
}
.yjsq_form .yjsq_yzm_tx {
  position: relative;
}
.yjsq_form .yjsq_yzm_tx .yjsq_yzm_tz {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
}
.yjsq_form .yjsq_yzm_tx .yjsq_yzm_tz .yjsq_yzm_img {
  height: var(--inpH);
  border: solid 1px #ddd;
}
.yjsq_form .yjsq_yzm_tx .yjsq_yzm_tz .yjsq_yzm_img img {
  display: block;
  width: auto !important;
  height: 100% !important;
}
.yjsq_form .yjsq_yzm_tx .yjsq_yzm_tz .yjsq_yzm_w {
  color: var(--curColor);
}
.yjsq_form .yjsq_yzm_tx .yjsq_yzm_tz .yjsq_yzm_img ~ .yjsq_yzm_w {
  margin-left: var(--gap);
}
.yjsq_form .yjsq_yzm_tx .yjsq_yzm_tz .yjsq_yzm_w:hover {
  text-decoration: underline;
}
.yjsq_submit {
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: calc(2 * var(--liGap)) !important;
}
.yjsq_submit.xFont {
  --font2: 16;
}
.yjsq_submit .yjsq_btn {
  min-width: var(--sendW);
  padding: 0 2em;
  line-height: var(--inpH);
  border: solid 1px var(--curColor);
  text-align: center;
  border-radius: 200px;
  cursor: pointer;
  transition: all 0.35s;
}
.yjsq_submit .yjsq_btn ~ .yjsq_btn {
  margin-left: 1.25em;
}
.yjsq_submit .yjsq_btn.cur_bg {
  background: var(--curColor);
  color: #fff;
}
.yjsq_submit .yjsq_btn.cur_bor {
  color: var(--curColor);
}
.yjsq_form .yjsq_itop {
  --cover: calc(-40 / 70 * var(--pdLeft));
  margin-left: var(--cover);
  margin-right: var(--cover);
  position: relative;
  top: calc(-10 / 40 * var(--pdTop));
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.yjsq_form .yjsq_itop .yjsq_del_btn {
  color: #fff;
  background: #ff9f49;
  cursor: pointer;
  border-radius: 200px;
  padding: 0.35em 1.25em;
  transition: all 0.35s;
}
.yjsq_form .yjsq_itop .yjsq_sh {
  --font2: 18;
  --pdLeft: 0.5em;
  --lineW: 3px;
  --pos: 0.2em;
  font-weight: bold;
  padding-left: calc(var(--pdLeft) + var(--lineW));
  position: relative;
}
.yjsq_form .yjsq_itop .yjsq_sh::before {
  content: "";
  position: absolute;
  width: var(--lineW);
  top: var(--pos);
  bottom: var(--pos);
  left: 0;
  background: var(--curColor);
  border-radius: var(--lineW);
}
.yjsq_form .yjsq_itop .yjsq_sh .yjsq_num {
  font-weight: inherit;
}
.yjsq_form .yjsq_container .yjsq_item ~ .yjsq_item {
  margin-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}

/* 维修申请页 */
.wxsq_s2 {
  --imgWidth: calc(650 / var(--invarPx) * var(--centerWidth));
  --imgHeight: calc(460 / 650 * var(--imgWidth));
  --gap: calc(10px + 40 / var(--invarPx) * var(--centerWidth));
  --txtWidth: calc(100% - var(--gap) - var(--imgWidth));
}
.wxsq_s2 .center_box {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.wxsq_s2 .wxsq_img {
  width: var(--imgWidth);
  min-height: var(--imgHeight);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.wxsq_s2 .wxsq_img img {
  display: none;
}
.wxsq_s2 .wxsq_txt {
  width: var(--txtWidth);
  -webkit-align-items: center;
  align-items: center;
}
.wxsq_s2 .wxsq_txt .wxsq_wrap {
  width: 100%;
  min-width: 80%;
}
.wxsq_s3 .wxsq_con {
  --font2: 16;
  --col: 3;
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --pdLeft: var(--gap);
  --pdTop: calc(40 / 30 * var(--pdLeft));
  --imgWidth: calc(60px + 100 / var(--invarPx) * var(--centerWidth));
  --imgHeight: calc(134 / 160 * var(--imgWidth));
  --iconSize: 1.625em;
  -webkit-justify-content: center;
  justify-content: center;
}
.wxsq_s3 .wxsq_con ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.wxsq_s3 .wxsq_con ul > li {
  width: calc(var(--centerWidth) / var(--col));
  margin-top: var(--gap);
}
.wxsq_s3 .wxsq_con .wxsq_ss {
  background: #fff;
  padding: var(--pdTop) 0;
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.wxsq_s3 .wxsq_con .wxsq_ss .wxsq_txt {
  position: relative;
  z-index: 3;
  padding: 0 var(--pdLeft);
  width: 100%;
}
.wxsq_s3 .wxsq_con .wxsq_ss .wxsq_txt .wxsq_sh {
  --font2: 24;
  font-weight: bold;
}
.wxsq_info li {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.wxsq_info li ~ li {
  margin-top: 0.6em;
}
.wxsq_info .wxsq_icon,
.wxsq_s3 .wxsq_con .wxsq_ss .wxsq_img {
  -webkit-align-items: center;
  align-items: center;
}
.wxsq_info .wxsq_icon {
  width: var(--iconSize);
  height: var(--iconSize);
  color: var(--curColor);
}
.wxsq_info .wxsq_icon svg {
  display: block;
  max-width: 77%;
  max-height: 77%;
}
.wxsq_info .wxsq_icon svg path {
  fill: currentColor !important;
}
.wxsq_info .wxsq_sw {
  width: calc(100% - var(--iconSize));
  line-height: var(--iconSize);
}
.wxsq_s3 .wxsq_con .wxsq_ss .wxsq_img {
  width: var(--imgWidth);
  height: var(--imgHeight);
  margin-left: calc(-1 * var(--imgWidth));
  -webkit-justify-content: center;
  justify-content: center;
}
.wxsq_s3 .wxsq_con .wxsq_ss .wxsq_img img {
  display: block;
  max-width: 67%;
  max-height: 100%;
}
.wxsq_s4 .wxsq_bot .bz_tit1 .bz_h {
  --sjHeight: calc(6px + 4 / var(--invarPx) * var(--centerWidth));
  --sjWidth: calc(2 * var(--sjHeight));
  --pd: calc(10px + 5 / var(--invarPx) * var(--centerWidth));
  position: relative;
  padding-bottom: calc(var(--sjHeight) + var(--pd));
}
.wxsq_s4 .wxsq_bot .bz_tit1 .bz_h::before {
  content: "";
  position: absolute;
  width: var(--sjWidth);
  height: var(--sjHeight);
  background: #eee;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  bottom: -1px;
  left: 50%;
  margin-left: calc(-0.5 * var(--sjWidth));
}

/* 产品公告页 */
.cpgg_box1 {
  --pdLeft: calc(80 / var(--invarPx) * var(--centerWidth));
}
.cpgg_list {
  --font2: 14;
}
.cpgg_list .cpgg_ss {
  display: block;
  border-bottom: solid 1px #eee;
}
.cpgg_list .cpgg_ss .cpgg_sh {
  --font2: 18;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpgg_list .cpgg_ss .cpgg_sd {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.cpgg_list .cpgg_ss .cpgg_date {
  color: #666;
}

/* 新闻详情页 */
.xqy_container .xqy_tit {
  text-align: center;
}
.xqy_container .xqy_tit .xqy_h {
  --font2: 32;
  font-weight: bold;
}
.xqy_container .xqy_tit .xqy_info {
  --font2: 14;
  --gap: calc(10px + 70 / var(--invarPx) * var(--centerWidth));
  margin-left: calc(-1 * var(--gap));
  color: #999;
  -webkit-justify-content: center;
  justify-content: center;
}
.xqy_container .xqy_tit .xqy_info span {
  margin-left: var(--gap);
}

/* 新闻综合页 */
.xwz_box1 .xwz_top {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.xwz_box1 .xwz_bot {
  position: relative;
}
.xwz_box1 .swiper-button.swiper-button-prev,
.xwz_box1 .swiper-button.swiper-button-next {
  --swPos: calc(-40 / var(--invarPx) * var(--centerWidth) - var(--swbtnSize));
}
.xwz_box1 {
  overflow: hidden;
}

/* 直播视频列表页 */
.zbsp_list {
  --font2: 14;
  --col: 3;
  --gap: 30px;
  --cover: calc(0.5 * var(--gap));
  --imgWidth: calc(
    (var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col)
  );
  --imgHeight: calc(300 / 500 * var(--imgWidth));
  --pd: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
}
.zbsp_list > ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--gap));
  margin-top: calc(-1 * var(--gap));
}
.zbsp_list > ul > li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.zbsp_list > ul > li .zbsp_ss {
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
}
.zbsp_list .zbsp_ss {
  display: block;
  background: #f7f7f7;
  border-radius: var(--radius);
  overflow: hidden;
  transition: background-color 0.35s, color 0.35s, box-shadow 0.35s;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.zbsp_list .zbsp_ss.flex_box {
  display: flex;
  width: 100%;
}
.zbsp_list .zbsp_ss .zbsp_st {
  position: relative;
  width: 100%;
}
.zbsp_list .zbsp_ss .zbsp_img {
  display: block;
  height: var(--imgHeight);
  overflow: hidden;
}
.zbsp_list .zbsp_ss .zbsp_img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.35s;
}
.zbsp_list .zbsp_ss .zbsp_st .zbsp_tag {
  position: absolute;
  top: var(--pd);
  left: var(--pd);
  background: var(--curColor);
  color: #fff;
  padding: 0.35em 1em;
  border-radius: 200px;
  -webkit-align-items: center;
  align-items: center;
}
.zbsp_list .zbsp_ss .zbsp_st .zbsp_tag .zbsp_icon,
.zbsp_list .zbsp_ss .zbsp_date .zbsp_icon {
  font-size: 1.2em;
  width: 1em;
  height: 1em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-right: 0.3em;
}
.zbsp_list .zbsp_ss .zbsp_st .zbsp_tag .zbsp_icon .iconfont,
.zbsp_list .zbsp_ss .zbsp_date .zbsp_icon .iconfont {
  font-size: 1em;
}
.zbsp_list .zbsp_ss .zbsp_st .zbsp_tag .zbsp_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.zbsp_list .zbsp_ss .zbsp_st .zbsp_tag .zbsp_icon svg path {
  fill: currentColor !important;
}
.zbsp_list .zbsp_ss .zbsp_sd {
  padding: var(--pd);
  width: 100%;
  flex: 1;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.zbsp_list .zbsp_ss .zbsp_sh,
.zbsp_list .zbsp_ss .zbsp_exp {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zbsp_list .zbsp_ss .zbsp_sh {
  --font2: 20;
  font-weight: bold;
}
.zbsp_list .zbsp_ss .zbsp_exp {
  --font2: 16;
  --lineHeight: 1.5;
  --lineH: 2px;
  position: relative;
  padding-left: 1.375em;
  color: #666;
  line-height: var(--lineHeight);
}
.zbsp_list .zbsp_ss .zbsp_sh ~ .zbsp_exp {
  margin-top: var(--pd);
}
.zbsp_list .zbsp_ss .zbsp_exp ~ .zbsp_sh {
  margin-top: calc(0.5 * var(--pd));
}
.zbsp_list .zbsp_ss .zbsp_exp::before {
  content: "";
  position: absolute;
  width: 0.875em;
  height: var(--lineH);
  left: 0;
  top: calc((var(--lineHeight) * 1em - var(--lineH)) / 2);
  background: var(--curColor);
}
.zbsp_list .zbsp_ss .zbsp_bot {
  color: #999;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.zbsp_list .zbsp_ss .zbsp_date {
  -webkit-align-items: center;
  align-items: center;
}
.zbsp_more {
  --font1: 28;
  --font2: 34;
  width: 1em;
  height: 1em;
  border: solid 1px #e5e5e5;
  border-radius: 50%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  transition: border-color 0.35s, color 0.35s, background-color 0.35s;
}
.zbsp_more .iconfont {
  font-size: calc(10px + 6 / var(--invarPx) * var(--centerWidth));
  transform: rotate(-30deg);
  transition: transform 0.35s;
}
.zbsp_swiper .zbsp_list,
.zh_swiper .zbsp_list {
  margin-left: calc(-1 * var(--cover));
  margin-right: calc(-1 * var(--cover));
}
.zbsp_swiper .swiper-container,
.zh_swiper .swiper-container {
  padding: var(--cover);
}
.zbsp_swiper .swiper-slide,
.zh_swiper .swiper-slide {
  width: var(--imgWidth);
  margin-right: var(--gap);
}

/* 展会列表页 */
.zh_list.zbsp_list .zbsp_exp {
  padding-left: 0;
  color: var(--curColor);
}
.zh_list.zbsp_list .zbsp_exp::before {
  display: none;
}
.zh_list.zbsp_list .zbsp_sh {
  text-overflow: clip;
  white-space: normal;
}

/* 新闻列表页 */
.xw_list2 {
  --font2: 16;
  --gap: 0;
  --imgWidth: calc(100px + 250 / var(--centerPx) * var(--centerWidth));
  --imgHeight: calc(210 / 350 * var(--imgWidth));
  --dateWidth: calc(170 / var(--centerPx) * var(--centerWidth));
  --lrGap: calc(10px + 20 / var(--centerPx) * var(--centerWidth));
  --txtPd: calc(10px + 90 / var(--centerPx) * var(--centerWidth));
}
.xw_list2 ul li {
  margin-top: var(--gap);
}
.xw_list2 .xw_ss {
  padding-right: 0;
  border-bottom: solid 1px #e5e5e5;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.xw_list2 .xw_ss .xw_img {
  display: block;
  width: var(--imgWidth);
  height: var(--imgHeight);
  overflow: hidden;
}
.xw_list2 .xw_ss .xw_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.xw_list2 .xw_ss .xw_txt {
  width: calc(100% - var(--imgWidth) - var(--lrGap));
}
.xw_list2 .xw_ss .xw_txt .xw_tl {
  width: calc(100% - var(--dateWidth));
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding-right: var(--txtPd);
}
.xw_list2 .xw_ss .xw_txt .xw_st {
  width: 100%;
}
.xw_list2 .xw_ss .xw_txt .xw_sh {
  --font2: 20;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xw_list2 .xw_ss .xw_txt .xw_date2 {
  display: none;
}
.xw_list2 .xw_ss .xw_txt .xw_sw {
  color: #666;
  line-height: 1.5;
  height: calc(1.5em * 2);
  margin-top: 1em;
}
.xw_list2 .xw_ss .xw_txt .bz_more1 {
  margin-top: calc(40 / 1560 * var(--centerWidth));
}
.xw_list2 .xw_ss .xw_txt .xw_tr {
  width: var(--dateWidth);
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  position: relative;
}
.xw_list2 .xw_ss .xw_txt .xw_tr:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  pointer-events: none;
}
.xw_list2 .xw_ss .xw_txt .xw_tr span {
  --font2: 36;
  display: block;
  font-weight: bold;
  color: var(--curColor);
}
.xw_list2 .xw_ss .xw_txt .xw_tr p {
  font-size: 16px;
  color: #666;
  margin-top: 0.25em;
}
.xw_list2 .xw_ss .xw_txt .bz_more1 {
  font-size: 14px;
}
.xw_list2 .xw_ss:hover {
  color: var(--curColor);
}

/* 直播视频详情页 */
.zbspx_s1 {
  background: url(../img/zbspx_s1_bg.png) no-repeat center center;
  background-size: 100%;
}
.zbspx_s1 .zbspx_top .zbspx_video {
  --height: calc(9 / 16 * var(--centerWidth));
  width: 100%;
  height: var(--height);
  background: #000;
  border-radius: var(--radius);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.zbspx_s1 .zbspx_top .zbspx_video video {
  display: block;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.zbtj_swiper {
  --font2: 14;
  --col: 3;
  --gap: 20px;
  --imgWidth: calc(
    (var(--centerWidth) - 2 * var(--swbtnSize) - (var(--col) - 1) * var(--gap)) /
      var(--col)
  );
  --imgHeight: calc(233 / 350 * var(--imgWidth));
  position: relative;
  padding: 0 var(--swbtnSize);
}
.zbtj_swiper .swiper-slide {
  width: var(--imgWidth);
  margin-right: var(--gap);
}
.zbtj_swiper .zbtj_ss {
  display: block;
}
.zbtj_swiper .zbtj_ss .zbtj_img {
  background: var(--ligColor);
  width: 100%;
  height: var(--imgHeight);
  overflow: hidden;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.zbtj_swiper .zbtj_ss .zbtj_img img {
  display: block;
  max-width: 80%;
  max-height: 80%;
}
.zbtj_swiper .zbtj_ss .zbtj_txt .zbtj_sh,
.zbtj_swiper .zbtj_ss .zbtj_txt .zbtj_sw {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zbtj_swiper .zbtj_ss .zbtj_txt .zbtj_sh {
  --font2: 18;
  font-weight: bold;
  color: var(--curColor);
}
.zbtj_swiper .zbtj_ss .zbtj_txt .zbtj_sw {
  color: #666;
  margin-top: 0.5em;
}
.zbtj_swiper .swiper-button-prev {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.zbtj_swiper .swiper-button-next {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.zbspx_s2 .yjsq_form {
  border-color: #dec7e1;
}
.zbspx_s2 .yjsq_submit {
  --sendW: 9.375em;
  --inpH: 40px;
  margin-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth)) !important;
}

/* 展会详情页 */
.zhx_s1 {
  overflow: hidden;
}
.zhx_s1 img {
  display: block;
  width: 100%;
}
.zhx_s2 .zbtj_swiper {
  --imgHeight: calc(210 / 350 * var(--imgWidth));
}
.zhx_s2 .zbtj_swiper .zbtj_ss {
  background: #f7f7f7;
  border-radius: 10px;
  overflow: hidden;
}
.zhx_s2 .zbtj_swiper .zbtj_ss .zbtj_img {
  display: block;
}
.zhx_s2 .zbtj_swiper .zbtj_ss .zbtj_img img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  transition: all 0.35s;
}
.zhx_s2 .zbtj_swiper .zbtj_ss .zbtj_txt {
  padding: calc(10px + 10 / var(--invarPx) * var(--centerWidthDef));
}
.zhx_s2 .zbtj_swiper .zbtj_ss .zbtj_txt .zbtj_sh {
  color: #333;
  text-overflow: clip;
  white-space: normal;
  line-height: 1.5;
  transition: color 0.35s;
}
.zhx_s3 .zhx_con {
  --imgWidth: calc(700 / 1200 * var(--centerWidth));
  --gap: calc(50 / 1200 * var(--centerWidth));
  --txtWidth: calc(100% - var(--gap) - var(--imgWidth));
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.zhx_s3 .zhx_con .zhx_l {
  width: var(--imgWidth);
}
.zhx_s3 .zhx_con .zhx_img {
  display: block;
}
.zhx_s3 .zhx_con .zhx_img img {
  display: block;
  width: 100%;
}
.zhx_s3 .zhx_con .zhx_r {
  width: var(--txtWidth);
  -webkit-align-items: center;
  align-items: center;
}
.zhx_s3 .zhx_con .zhx_wrap {
  width: 100%;
  min-height: 90%;
}
.zhx_s3 .zhx_con .zhx_wrap dl dt {
  --font2: 24;
  font-weight: bold;
  padding-bottom: 0.5em;
}
.zhx_s3 .zhx_con .zhx_wrap dl dd {
  --font2: 18;
  margin-top: 0.5em;
}
.zhx_s3 .zhx_con .zhx_qr {
  --font2: 14;
  --gap: 2em;
  --qrSize: calc(70px + 50 / 1200 * var(--centerWidth));
  margin-top: 2em;
}
.zhx_s3 .zhx_con .zhx_qr ul {
  overflow: hidden;
  margin-left: calc(-1 * var(--gap));
  overflow: hidden;
}
.zhx_s3 .zhx_con .zhx_qr ul li {
  float: left;
  width: var(--qrSize);
  margin-left: var(--gap);
  text-align: center;
}
.zhx_s3 .zhx_con .zhx_qr span {
  display: block;
  height: var(--qrSize);
}
.zhx_s3 .zhx_con .zhx_qr span img {
  display: block;
  width: 100%;
  height: 100%;
}
.zhx_s3 .zhx_con .zhx_qr p {
  margin-top: 0.6em;
}

/* 公司概况页 */
.gywm_s1 .center_box {
  --imgWidth: calc(100px + 620 / var(--invarPx) * var(--centerWidth));
  --imgHeight: calc(450 / 720 * var(--imgWidth));
  --gap: calc(10px + 70 / var(--invarPx) * var(--centerWidth));
  --txtWidth: calc(100% - var(--gap) - var(--imgWidth));
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.gywm_s1 .gywm_l {
  width: var(--imgWidth);
}
.gywm_s1 .gywm_l .gywm_video {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
}
.gywm_s1 .gywm_l .gywm_img {
  display: block;
  height: var(--imgHeight);
}
.gywm_s1 .gywm_l .gywm_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.gywm_s1 .sp_bofang {
  --bofangSize: calc(40px + 60 / var(--invarPx) * var(--centerWidth));
  --pos: 15%;
}
.gywm_s1 .sp_bofang .sp_icon {
  background: #fff;
  color: var(--curColor);
  box-shadow: 0 0 calc(0.2 * var(--bofangSize)) rgba(0, 0, 0, 0.1);
}
.gywm_s1 .sp_bofang .sp_icon::before {
  content: "";
  position: absolute;
  top: var(--pos);
  right: var(--pos);
  bottom: var(--pos);
  left: var(--pos);
  border-radius: 50%;
  border: solid 1px currentColor;
}
.gywm_s1 .sp_bofang .iconfont {
  font-size: 0.34em;
}
.gywm_s1 .sp_bofang::before,
.gywm_s1 .sp_bofang::after {
  background: rgba(255, 255, 255, 0.8);
}
.gywm_s1 .gywm_r {
  width: var(--txtWidth);
  -webkit-align-items: center;
  align-items: center;
}
.gywm_s1 .gywm_r .gywm_wrap {
  width: 100%;
  min-height: 84%;
}
.gywm_s1 .gywm_r .gywm_txt > * ~ * {
  margin-top: 0;
}
.gywm_s2,
.gywm_s4 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.gywm_s2 .gywm_mask,
.gywm_s2 .gywm_mask #particles-js3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gywm_s2 .gywm_mask #particles-js3 {
  object-fit: cover;
}
.gywm_s2 .gywm_mask #particles-js3 canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max(100%, 1920px) !important;
  height: max(100%, 1080px) !important;
}
.gywm_box1 .bz_tit1.white_tit .bz_line {
  background: #fff;
}
.gywm_s2 .center_box,
.gywm_s4 .center_box {
  position: relative;
  z-index: 3;
}
.gywm_s2 .gywm_con {
  --font2: 18;
  --col: 3;
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --pdTop: var(--gap);
  --pdLeft: calc(40 / 30 * var(--pdTop));
  color: #fff;
}
.gywm_s2 .gywm_con > ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.gywm_s2 .gywm_con > ul > li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.gywm_s2 .gywm_con .gywm_ss {
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
  padding: var(--pdTop) var(--pdLeft);
  background: rgba(255, 255, 255, 0.2);
  border-radius: var(--radius);
  -webkit-align-items: center;
  align-items: center;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_l {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_st {
  -webkit-align-items: baseline;
  align-items: baseline;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_st em {
  --font2: 60;
  font-weight: bold;
  line-height: 1;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_st em ~ .gywm_dy {
  margin-left: 0.5em;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_sd {
  line-height: 1.6;
  margin-top: 1em;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_r {
  --font2: 80;
  margin-left: -1em;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_r .iconfont {
  font-size: 1em;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_r svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.gywm_s2 .gywm_con .gywm_ss .gywm_r svg path {
  fill: currentColor;
}
.gywm_s3 .gywm_con {
  --font2: 18;
  --col: 3;
  --gap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --imgWidth: calc(
    (var(--centerWidth) - (var(--col) - 1) * var(--gap)) / var(--col)
  );
  --imgHeight: calc(200 / 500 * var(--imgWidth));
}
.gywm_s3 .gywm_con > ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.gywm_s3 .gywm_con > ul > li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.gywm_s3 .gywm_con .gywm_ss {
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
  background: #f7f7f7;
  transition: background 0.35s, box-shadow 0.35s;
}
.gywm_s3 .gywm_con .gywm_ss .gywm_img {
  display: block;
  overflow: hidden;
  height: var(--imgHeight);
}
.gywm_s3 .gywm_con .gywm_ss .gywm_img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.35s;
}
.gywm_s3 .gywm_con .gywm_ss .gywm_txt {
  line-height: 1.7;
}
.gywm_s4::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(52, 4, 59, 0.7);
}
.gywm_s4 .center_box {
  overflow: hidden;
}
.gywm_s5 {
  overflow: hidden;
  position: relative;
}
.gywm_s5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../img/gywm_s5_bg.png) no-repeat center bottom;
  background-size: 100%;
}
.gywm_s5 .center_box {
  position: relative;
  z-index: 3;
}
.gywm_s5 .gywm_logo {
  --logoSize: calc(41px + 600 / var(--invarPx) * var(--centerWidth));
  display: block;
  width: var(--logoSize);
  position: absolute;
  bottom: 20%;
  left: 50%;
  margin-left: calc(-0.5 * var(--logoSize));
  opacity: 0.1;
}
.gywm_s5 .gywm_logo img {
  display: block;
  width: 100%;
  transform: translateY(80%);
}

/* 资质证书 */
.zzzs_swiper {
  --font2: 18;
  --col: 5;
  --gap: 0px;
  --cover: calc(140 / var(--invarPx) * var(--centerWidth));
  --imgWidth: calc(
    (var(--centerWidth) + 2 * var(--cover) - (var(--col) - 1) * var(--gap)) /
      var(--col)
  );
  --imgHeight: calc(0.956 * var(--imgWidth));
  color: #fff;
}
.zzzs_swiper .swiper-container {
  margin-left: calc(-1 * var(--cover));
  margin-right: calc(-1 * var(--cover));
}
.zzzs_swiper .swiper-slide {
  width: var(--imgWidth);
  margin-right: var(--gap);
}
.zzzs_swiper .zzzs_ss {
  display: block;
}
.zzzs_swiper .zzzs_ss .zzzs_img {
  width: 100%;
  height: var(--imgHeight);
  overflow: hidden;
  border-radius: var(--radius);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
.zzzs_swiper .zzzs_ss .zzzs_img img {
  display: block;
  max-width: 90%;
  max-height: 90%;
}
.zzzs_swiper .zzzs_ss .zzzs_sh {
  text-align: center;
  font-weight: bold;
}
.zzzs_swiper .swiper-slide-active .zzzs_ss .zzzs_img {
  background: #fff;
}

/* 发展历程 */
.fzlc_swiper .fzlc_top {
  position: relative;
  padding: 0 var(--swbtnSize);
  --imgWidth: 360px;
  --imgHeight: calc(240 / 360 * var(--imgWidth));
  --imgGap: calc(10px + 40 / var(--invarPx) * var(--centerWidth));
  --srWidth: 540px;
}

.fzlc_swiper .fzlc_top .fzlc_ss {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.fzlc_swiper .fzlc_top .fzlc_ss .fzlc_sl {
  width: var(--imgWidth);
}
.fzlc_swiper .fzlc_top .fzlc_ss .fzlc_img {
  display: block;
  width: 100%;
  height: var(--imgHeight);
  overflow: hidden;
}
.fzlc_swiper .fzlc_top .fzlc_ss .fzlc_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.fzlc_swiper .fzlc_top .fzlc_ss .fzlc_sr {
  width: var(--srWidth);
  margin-left: var(--imgGap);
}
.fzlc_swiper .fzlc_top .fzlc_ss .fzlc_sr .fzlc_num {
  --font2: 48;
  font-weight: bold;
  display: block;
  color: var(--curColor);
}
.fzlc_swiper .fzlc_top .fzlc_ss .fzlc_sr .fzlc_sw {
  color: currentColor;
  margin-top: 0.75em;
}

.fzlc_swiper .fzlc_bot {
  position: relative;
}
.fzlc_swiper .fzlc_top .gallery-top,
.fzlc_swiper .fzlc_bot .gallery-thumbs {
  --beforeWidth: 45px;
  --cirSize: 14px;
  --viewNum: 9;
  --width: calc(
    ((var(--beforeWidth) + 1vw) * 2 + var(--cirSize)) * var(--viewNum)
  );
  width: var(--width);
  margin-left: auto;
  margin-right: auto;
}
.fzlc_swiper1 .fzlc_top .gallery-top {
  width: calc(var(--imgWidth) + var(--imgGap) + var(--srWidth));
}
.fzlc_swiper .fzlc_bot .gallery-thumbs {
  --font2: 24;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss {
  text-align: center;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss em {
  display: block;
  padding-top: 0.5em;
  color: #999;
  transition: all 0.5s;
  cursor: pointer;
  transform-origin: bottom;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss > span {
  padding: 0 calc(var(--beforeWidth) + 1vw);
  position: relative;
  display: block;
  width: calc((var(--beforeWidth) + 1vw) * 2 + var(--cirSize));
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss > span:before,
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss > span:after {
  content: "";
  position: absolute;
  width: var(--beforeWidth);
  height: 4px;
  top: 50%;
  margin-top: -2px;
  background: url(../img/fzlc_dot.png) repeat-x left center;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss > span:before {
  left: 0;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss > span:after {
  right: 0;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .fzlc_ss > span > i {
  display: block;
  font-size: var(--cirSize);
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: solid 1px #999;
  cursor: pointer;
  position: relative;
  transition: all 0.5s;
}
.fzlc_swiper .fzlc_bot .gallery-thumbs .swiper-slide-thumb-active .fzlc_ss em {
  transform: scale(1.25);
  font-weight: bold;
  color: var(--curColor);
}
.fzlc_swiper
  .fzlc_bot
  .gallery-thumbs
  .swiper-slide-thumb-active
  .fzlc_ss
  > span
  > i {
  border-color: var(--curColor);
}

/* 子公司介绍页 */
.zgs_list {
  --font2: 16;
  --col: 2;
  --pd: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --imgWidth: calc(100px + 160 / var(--invarPx) * var(--centerWidth));
  --gap: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
  --imgGap: calc(30 / 20 * var(--pd));
  --txtWidth: calc(100% - var(--imgWidth) - var(--imgGap));
}
.zgs_list > ul {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--gap));
}
.zgs_list > ul > li {
  width: calc(100% / var(--col));
  margin-top: var(--gap);
}
.zgs_list .zgs_ss {
  margin-left: var(--gap);
  width: calc(100% - var(--gap));
  padding: var(--pd);
  background: #f7f7f7;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.zgs_list .zgs_ss .zgs_img {
  display: block;
  width: var(--imgWidth);
  height: var(--imgWidth);
  overflow: hidden;
}
.zgs_list .zgs_ss .zgs_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.zgs_list .zgs_ss .zgs_txt {
  width: var(--txtWidth);
  -webkit-align-items: center;
  align-items: center;
}
.zgs_list .zgs_ss .zgs_txt .zgs_wrap {
  width: 100%;
  min-height: 84.6%;
}
.zgs_list .zgs_ss .zgs_txt .zgs_sh {
  --font2: 24;
  --clampRows: 1;
  font-weight: bold;
}
.zgs_list .zgs_ss .zgs_txt .zgs_sw {
  --lineHeight: 1.75;
  color: #666;
  height: calc(var(--lineHeight) * 1em * var(--clampRows));
  line-height: var(--lineHeight);
}

/* 招贤纳士页 */
.zp_box1 {
  --lWidth: calc(120px + 180 / var(--invarPx) * var(--centerWidth));
  --gap: calc(10px + 40 / var(--invarPx) * var(--centerWidth));
  --rWidth: var(--lWidth);
  --cWidth: calc(100% - var(--lWidth) - var(--rWidth) - 2 * var(--gap));
}
.zp_box1 .zp_left,
.zp_box1 .zp_right {
  position: -webkit-sticky;
  position: sticky;
  top: calc(var(--headerHeight) + 10px);
}
.zp_box1 .zp_left {
  width: var(--lWidth);
}
.zp_box1 .zp_filter .zp_top {
  --font2: 16;
  padding-bottom: 0.75em;
  border-bottom: solid 1px #eee;
}
.zp_box1 .zp_filter .zp_top .zp_sl {
  --font2: 24;
  font-weight: bold;
}
.zp_box1 .zp_filter .zp_top .zp_sr {
  line-height: 1;
}
.zp_box1 .zp_filter .zp_top .zp_sr .zp_tj {
  padding-right: 1em;
  margin-right: 1em;
  border-right: solid 1px #eee;
}
.zp_box1 .zp_filter .zp_top .zp_sr .zp_tj .zp_count {
  font-weight: bold;
  padding: 0 0.2em;
}
.zp_box1 .zp_filter .zp_top .zp_sr .zp_clear.disabled {
  color: #bfbfbf;
  cursor: not-allowed;
}
.zp_box1 .zp_filter .zp_top .zp_sr .zp_clear {
  color: var(--curColor);
  cursor: pointer;
  transition: all 0.35s;
}
.zp_box1 .zp_filter .zp_bot .zp_item ~ .zp_item {
  margin-top: 5px;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_tit {
  --font2: 18;
  padding: 1em 0;
  cursor: pointer;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_tit .zp_sh {
  font-weight: bold;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_tit .zp_jt {
  width: 1em;
  height: 1em;
  color: #999;
  transition: all 0.35s;
}
.zp_box1 .zp_filter .zp_bot .zp_item.is-close .zp_tit .zp_jt {
  transform: rotate(-90deg);
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_tit .zp_jt .iconfont {
  font-size: 1em;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_options {
  --font2: 16;
  --checkSize: 15px;
  --radioSize: 16px;
}
.zp_box1 .zp_filter .zp_bot .zp_item.is-close .zp_options {
  height: 0;
  overflow: hidden;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_options li ~ li {
  margin-top: 0.5em;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_options label {
  cursor: pointer;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_options label input {
  display: none;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_options .zp_icon {
  border: solid 1px #ddd;
  overflow: hidden;
  position: relative;
  transition: all 0.1s;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_checkbox .zp_icon {
  border-radius: 3px;
  width: var(--checkSize);
  height: var(--checkSize);
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_checkbox .zp_icon .iconfont {
  font-size: 12px;
  opacity: 0;
  color: #fff;
  transform: scale(0.9);
}
.zp_box1
  .zp_filter
  .zp_bot
  .zp_item
  .zp_checkbox
  label
  input:checked
  ~ .zp_icon {
  background: var(--curColor);
  border-color: var(--curColor);
}
.zp_box1
  .zp_filter
  .zp_bot
  .zp_item
  .zp_checkbox
  label
  input:checked
  ~ .zp_icon
  .iconfont {
  opacity: 1;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_radio .zp_icon {
  border-radius: 50%;
  width: var(--radioSize);
  height: var(--radioSize);
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_radio .zp_icon::before {
  content: "";
  width: calc(0.5 * var(--radioSize));
  height: calc(0.5 * var(--radioSize));
  background: var(--curColor);
  border-radius: 50%;
  display: none;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_radio label input:checked ~ .zp_icon {
  border-color: var(--curColor);
}
.zp_box1
  .zp_filter
  .zp_bot
  .zp_item
  .zp_radio
  label
  input:checked
  ~ .zp_icon::before {
  display: block;
}
.zp_box1 .zp_filter .zp_bot .zp_item .zp_options .zp_sw {
  margin-left: 0.9em;
}
.no_job {
  --imgWidth: calc(100px + 190 / var(--invarPx) * var(--centerWidth));
}
.no_job .no_job_img {
  width: var(--imgWidth);
}
.no_job .no_job_img img {
  display: block;
  max-width: 100%;
}
.no_job .no_job_sw {
  --font2: 14;
  color: #999;
}
.zp_box1 .zp_center {
  --pdLeft1: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  width: var(--cWidth);
}
.zp_box1 .inner_search .inner_search_top input {
  border: solid 1px #ddd;
}
.zp_box1 .zp_center .zp_tj2 {
  --font2: 16;
  padding: 0 0 1em var(--pdLeft1);
  border-bottom: solid 1px #eee;
}
.zp_list {
  --font2: 16;
  --pdLeft: var(--pdLeft1);
  --pdTop: calc(10px + 15 / var(--invarPx) * var(--centerWidth));
  --hotIcon: 1em;
  --hotGap: 0.6em;
}
.zp_list .zp_def {
  padding: var(--pdTop) var(--pdLeft);
  border-bottom: solid 1px #eee;
  cursor: pointer;
  transition: all 0.2s;
}
.zp_list .zp_def .zp_st .zp_sl {
  --font2: 20;
  width: calc(100% - 40px);
}
.zp_list .zp_def .zp_st .zp_sl .zp_sh {
  --clampRows: 1;
  font-weight: bold;
  width: 100%;
}
.zp_list .zp_def .zp_st .zp_sl .zp_icon {
  display: none;
  width: var(--hotIcon);
  height: var(--hotIcon);
  color: var(--hotColor);
  margin-right: var(--hotGap);
}
.zp_list .zp_def .zp_st .zp_sl .zp_icon .iconfont,
.zp_list .zp_def .zp_st .zp_sr .iconfont,
.zp_list .zp_def .zp_sd .zp_info .zp_icon .iconfont {
  font-size: 1em;
}
.zp_list .hot .zp_def .zp_st .zp_sl .zp_icon {
  display: flex;
}
.zp_list .hot .zp_def .zp_st .zp_sl .zp_sh {
  width: calc(100% - var(--hotIcon) - var(--hotGap));
}
.zp_list .zp_def .zp_st .zp_sr {
  --font2: 18;
  color: #999;
  transition: all 0.35s;
}
.zp_list .zp_def .zp_sd {
  --font2: 14;
  overflow: hidden;
  margin-top: 0.78em;
}
.zp_list .zp_def .zp_sd .zp_info {
  --pd: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --gap: calc(0.5 * var(--pd));
  color: #666;
  width: calc(100% - 10em);
}
.zp_list .zp_def .zp_sd .zp_info ol {
  margin-top: calc(-1 * var(--gap));
  margin-left: calc(-1 * var(--pd));
}
.zp_list .zp_def .zp_sd .zp_info ol li {
  padding: 0 var(--pd);
  margin-top: var(--gap);
  position: relative;
}
.zp_list .zp_def .zp_sd .zp_info ol li::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 1em;
  background: #ddd;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
}
.zp_list .zp_def .zp_sd .zp_info .zp_icon {
  width: 1em;
  height: 1em;
  color: #ccc;
  margin-right: 0.4em;
}
.zp_list .zp_def .zp_sd .zp_date {
  color: #999;
}
.zp_list .zp_hide {
  overflow: hidden;
  display: none;
}
.zp_list .zp_hide .zp_wrap {
  background: #f7f7f7;
  border-radius: 0 0 var(--radius) var(--radius);
  padding: var(--pdLeft1);
}
.zp_list .zp_hide .zp_btn {
  display: inline-block;
  padding: 0.5em 2em;
  background: var(--curColor);
  color: #fff;
  border-radius: 200px;
}
.zp_list .is-open .zp_hide {
  display: block;
}
.zp_list .is-open .zp_def {
  border-color: transparent;
}
.zp_list .is-open .zp_def .zp_st .zp_sr {
  transform: rotate(180deg);
}
.zp_box1 .zp_right {
  width: var(--rWidth);
}
.zptj_side .zptj_tit {
  --font2: 24;
  padding-bottom: 0.5em;
  border-bottom: solid 1px #eee;
}
.zptj_side .zptj_tit .zptj_icon {
  width: 1em;
  height: 1em;
  color: var(--hotColor);
  margin-right: 0.4em;
}
.zptj_side .zptj_tit .zptj_icon .iconfont {
  font-size: 1em;
}
.zptj_side .zptj_tit .zptj_h {
  font-weight: bold;
}
.zptj_list {
  --font2: 14;
}
.zptj_list .zptj_ss {
  display: block;
  border-bottom: solid 1px #eee;
}
.zptj_list .zptj_ss .zptj_sh {
  --font2: 18;
  --clampRows: 1;
  font-weight: bold;
}
.zptj_list .zptj_ss .zptj_date {
  display: block;
  color: #999;
  margin-top: 0.5em;
}

/* 招聘详情页 */
.zpx_box1 .center_box {
  width: min(1200px, 90vw);
}
.zpx_box1 .zp_list .zp_def {
  padding: 0 0 calc(14px + 10 / var(--invarPx) * var(--centerWidth));
  cursor: auto;
}
.zpx_box1 .zp_list .zp_def .zp_st .zp_sl {
  --font2: 28;
  width: 100%;
}
.zpx_box1 .zp_list .zp_hide {
  display: block;
}
.zpx_box1 .zp_list .zp_hide .zp_wrap {
  background: none;
  padding: calc(15px + 15 / var(--invarPx) * var(--centerWidth)) 0 0;
}

/* 荣誉资质 */
.ryzz_box1 .ryzz_wrap {
  --imgWidth: calc(140px + 400 / var(--invarPx) * var(--centerWidth));
  --imgHeight: calc(360 / 540 * var(--imgWidth));
  --gap: calc(10px + 100 / var(--invarPx) * var(--centerWidth));
  --txtWidth: calc(100% - var(--imgWidth) - var(--gap));
  --datePd: 1.25em;
  --pd: calc(15px + 15 / var(--invarPx) * var(--centerWidth));
  --minHeight: calc(50 / 16 * 1em);
}
.ryzz_box1 .ryzz_wrap .ryzz_txt ul {
  margin-top: calc(-1 * var(--pd));
}
.ryzz_box1 .ryzz_wrap .ryzz_txt ul li {
  padding: var(--pd) 0;
  border-bottom: solid 1px #eee;
  cursor: pointer;
  transition: all 0.2s;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt ul li.active {
  color: var(--curColor);
}
.ryzz_box1 .ryzz_wrap .ryzz_txt {
  --font2: 16;
  width: var(--txtWidth);
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_ss {
  min-height: var(--minHeight);
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_date {
  padding-right: var(--datePd);
  margin-right: var(--datePd);
  position: relative;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_date:before {
  content: "";
  position: absolute;
  width: 1px;
  height: var(--minHeight);
  background: #ddd;
  right: 0;
  top: 50%;
  margin-top: calc(-0.5 * var(--minHeight));
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_date span {
  --font2: 36;
  font-weight: bold;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_date span ~ p {
  margin-left: 0.2em;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_sr {
  --font2: 20;
  transition: all 0s;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_sr .ryzz_sh {
  display: inline;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_sr .ryzz_icon {
  width: 1em;
  height: 1em;
  color: #aaa;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt li.active .ryzz_sr .ryzz_icon {
  color: currentColor;
}
.ryzz_box1 .ryzz_wrap .ryzz_txt .ryzz_sr .ryzz_icon .iconfont {
  font-size: 1em;
}
.ryzz_box1 .ryzz_wrap .ryzz_img {
  width: var(--imgWidth);
  position: -webkit-sticky;
  position: sticky;
  top: calc(
    var(--headerHeight) + 10px + 30 / var(--invarPx) * var(--centerWidth)
  );
}
.ryzz_box1 .ryzz_wrap .ryzz_img ul li.active {
  display: block;
}
.ryzz_box1 .ryzz_wrap .ryzz_img ul li {
  display: none;
}
.ryzz_box1 .ryzz_wrap .ryzz_img ul li img {
  display: block;
  width: 100%;
}
.ryzz_box1 .gallery-top {
  overflow: visible;
}
.ryzz_box1 .gallery-top .swiper-slide .ryzz_wrap {
  opacity: 0;
  pointer-events: none;
}
.ryzz_box1 .gallery-top .swiper-slide-active .ryzz_wrap {
  opacity: 1;
  pointer-events: auto;
}

/* 地图 */
#dituContent .BMap_bubble_pop {
  box-sizing: border-box !important;
  border-color: #999 !important;
}
#dituContent .BMap_bubble_pop > img {
  top: auto !important;
  bottom: -31px !important;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top {
  height: 0 !important;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top .BMap_bubble_buttons {
  font-weight: bold;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top .BMap_bubble_buttons * {
  font-size: 26px !important;
  font-weight: inherit !important;
}
#dituContent .BMap_bubble_pop .BMap_bubble_top .BMap_bubble_buttons *:hover {
  color: var(--curColor) !important;
  transition: all 0.1s;
}
#dituContent .BMap_bubble_pop {
  width: 300px !important;
}
#dituContent .BMap_bubble_pop .ditu_txt {
  padding: 15px 10px;
}
#dituContent .BMap_bubble_pop .ditu_sh {
  --font2: 18;
  font-weight: bold;
  color: var(--curColor);
}
#dituContent .BMap_bubble_pop .ditu_sw {
  --font2: 16;
  margin-top: 0.3em;
}
#dituContent .BMap_bubble_pop .BMap_bubble_content {
  width: 290px !important;
}

/* 联系我们页 */
.lxwm_s1 {
  overflow: hidden;
}
.lxwm_s1 #dituContent {
  height: calc(200px + 300 / var(--invarPx) * var(--centerWidth));
}
.lxwm_s1 .lxwm_l {
  width: 100%;
  padding-bottom: calc(10px + 50 / var(--invarPx) * var(--centerWidth));
}
.lxwm_s1 .lxwm_r {
  --pd: calc(10px + 30 / var(--invarPx) * var(--centerWidth));
  --borWidth: calc(2px + 3 / var(--invarPx) * var(--centerWidth));
  --rlWidth: calc(150px + 350 / var(--invarPx) * var(--centerWidth));
  position: relative;
  z-index: 10;
  width: 100%;
  margin-left: -100%;
  pointer-events: none;
}
.lxwm_s1 .lxwm_r .lxwm_rl {
  width: var(--rlWidth);
  padding: var(--pd);
  background: #fff;
  border-top: solid var(--borWidth) var(--curColor);
  pointer-events: auto;
}
.lxwm_s1 .lxwm_r .lxwm_rl .lxwm_h {
  --font2: 30;
  font-weight: bold;
}
.lxwm_box1 .wxsq_info {
  --font2: 16;
  --iconSize: 1.625em;
  color: #444;
}
.lxwm_box1 .wxsq_info li ~ li {
  margin-top: 1em;
}
.lxwm_s1 .lxwm_qr {
  --font2: 16;
  --gapLeft: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --gapTop: calc(10px + 10 / var(--invarPx) * var(--centerWidth));
  --qrSize: calc(70px + 40 / var(--invarPx) * var(--centerWidth));
}
.lxwm_s1 .lxwm_qr ul {
  margin-top: calc(-1 * var(--gapTop));
  margin-left: calc(-1 * var(--gapLeft));
}
.lxwm_s1 .lxwm_qr ul li {
  width: var(--qrSize);
  margin-left: var(--gapLeft);
  margin-top: var(--gapTop);
  text-align: center;
}
.lxwm_s1 .lxwm_qr ul li span {
  display: block;
  height: var(--qrSize);
  overflow: hidden;
  border: solid 1px #ddd;
}
.lxwm_s1 .lxwm_qr ul li span img {
  display: block;
  width: 100%;
  height: 100%;
}
.lxwm_s1 .lxwm_qr ul li p {
  color: #666;
  margin-top: 0.4em;
}
.lxwm_list {
  --col: 3;
  --colGap: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --pd: var(--colGap);
  --sector: var(--pd);
}
.lxwm_list > ul {
  margin-left: calc(-1 * var(--colGap));
  margin-top: calc(-1 * var(--colGap));
}
.lxwm_list > ul > li {
  width: calc(100% / var(--col));
  margin-top: var(--colGap);
}
.lxwm_list .lxwm_ss {
  display: block;
  margin-left: var(--colGap);
  width: calc(100% - var(--colGap));
  background: #fff;
  padding: var(--pd);
  position: relative;
  transition: all 0.35s;
}
.lxwm_list .lxwm_ss::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--sector);
  height: var(--sector);
  clip-path: circle(var(--sector) at 0 0);
  background: var(--curColor);
}
.lxwm_list .lxwm_ss .lxwm_sh {
  --font2: 24;
  font-weight: bold;
}

/* 搜索结果页 */
.result_box1 .center_box {
  width: min(90vw, 1200px);
}
.result_box1 .res_tit {
  --font2: 16;
  padding-bottom: 1.25em;
  border-bottom: solid 1px #eee;
}
.result_box1 .res_tit .res_h {
  --font2: 36;
  font-weight: bold;
  margin-right: 0.5em;
}
.result_box1 .res_tit .res_exp strong {
  color: var(--hotColor);
}
.result_list {
  --font2: 16;
  --pd: calc(10px + 20 / var(--invarPx) * var(--centerWidth));
  --jtWidth: calc(12px + 18 / var(--invarPx) * var(--centerWidth));
}
.result_list .res_ss {
  display: block;
  padding: var(--pd) 0;
  border-bottom: solid 1px #eee;
}
.result_list .res_ss .res_st {
  --font2: 20;
  --lineHeight: 1.55;
}
.result_list .res_ss .res_st .res_icon {
  width: 1em;
  height: calc(var(--lineHeight) * 1em);
  color: #333;
}
.result_list .res_ss .res_st .res_icon .iconfont {
  font-size: 1em;
}
.result_list .res_ss .res_st .res_sh {
  width: calc(100% - var(--jtWidth));
  line-height: var(--lineHeight);
}
.result_list .res_ss .res_sw {
  --clampRows: 1;
  color: #8f8f8f;
  margin-top: 0.8em;
}
.result_list .keyWord {
  color: var(--hotColor);
  font-weight: inherit;
}
.result_list .res_ss .res_st:hover {
  color: var(--curColor);
}

/* 条款页 */
.tk_box1 .center_box {
  width: min(1000px, 100vw);
}
.tk_box1 .tk_container {
  background: #f5f7f8;
  min-height: 100vh;
}
.tk_container .tk_h {
  --font2: 30;
  font-weight: bold;
  text-align: center;
}

/* 登录 */
.user_main {
  --fotH: calc(40px + 10 / var(--invarPx) * var(--centerWidth));
  --fullPageH: calc(100vh - var(--headerHeight) - var(--fotH));
  --dlWidth: calc(300px + 150 / var(--invarPx) * var(--centerWidth));
  --zcWidth: calc(300px + 250 / var(--invarPx) * var(--centerWidth));
  --pd: calc(20px + 30 / var(--invarPx) * var(--centerWidth));
  --radius1: calc(3 * var(--radius));
  background: url(../img/dl_bg.jpg) no-repeat center center fixed;
  background-size: cover;
  min-height: var(--fullPageH);
  position: relative;
}
.user_main .footer_cpr {
  --font2: 14;
  text-align: center;
  height: var(--fotH);
}
.user_main .footer_cpr > * {
  padding: 0 0.3em;
}
.dz_box1 {
  min-height: var(--fullPageH);
}
.dz_container {
  --font1: 14;
  --font2: 14;
  --tbGap: calc(20 / 14 * 1em);
  --lrGap: calc(0.5 * var(--tbGap));
  --inpH: 40px;
  --inpPd: 15px;
  --checkSize: calc(16 / 14 * 1em);
  padding: var(--pd);
  border-radius: var(--radius1);
  background: #fff;
}
.dz_container {
  width: var(--zcWidth);
}
.dz_container.dl_container {
  width: var(--dlWidth);
}
.dz_container .dz_h {
  --font2: 30;
  font-weight: bold;
  text-align: center;
}
.dz_container .dz_list > ul > li ~ li {
  margin-top: var(--tbGap);
}
.dz_container .dz_list .dz_sl {
  width: var(--inpH);
  height: var(--inpH);
  color: var(--curColor);
}
.dz_container .dz_list .dz_sl .iconfont {
  font-size: calc(0.7 * var(--inpH));
}
.dz_container .dz_list .dz_sl svg {
  display: block;
  max-width: 70%;
  max-height: 70%;
}
.dz_container .dz_list .dz_sl svg path {
  fill: currentColor !important;
}
.dz_container .dz_list .dz_sr {
  width: 100%;
  margin-top: calc(-1 * var(--tbGap));
}
.dz_container .dz_list .dz_sl ~ .dz_sr {
  width: calc(100% - var(--inpH) - var(--lrGap));
}
.dz_container .dz_list .dz_sr > * {
  margin-top: var(--tbGap);
}
.dz_container .dz_list .dz_sr .c1 {
  width: 100%;
}
.dz_container .dz_list .dz_sr .c2 {
  width: calc((100% - var(--lrGap)) / 2);
}
.dz_container .dz_list .dz_inp,
.dz_container .dz_list .dz_sel,
.dz_container .dz_list .dz_area {
  position: relative;
}
.dz_container .dz_list .dz_inp input,
.dz_container .dz_list .dz_sel select,
.dz_container .dz_list .dz_area textarea {
  display: block;
  font-size: 1em;
  width: 100%;
  padding: 0 var(--inpPd);
  background: #f5f7f8;
  border: solid 1px #f5f7f8;
  border-radius: var(--inpH);
  color: #333;
}
.dz_container .dz_list .dz_inp input,
.dz_container .dz_list .dz_sel select {
  height: var(--inpH);
}
.dz_container .dz_list .dz_inp input:focus,
.dz_container .dz_list .dz_sel select:focus,
.dz_container .dz_list .dz_area textarea:focus {
  border-color: var(--curColor);
}
.dz_container .dz_list .dz_area textarea {
  resize: none;
}
.dz_container .dz_list .dz_sel {
  position: relative;
}
.dz_container .dz_list .dz_sel .dz_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--inpPd);
  color: #aaa;
  pointer-events: none;
}
.dz_container .dz_list .error_message {
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 12px;
  width: 100%;
  color: var(--hotColor);
  padding-top: 2px;
  display: none;
}
.dz_container .dz_list .error_message.show {
  display: block;
}
.dz_container .dz_list .dz_sr_captcha .dz_img img {
  display: block;
  height: var(--inpH);
  margin-left: var(--lrGap);
}
.dz_container .dz_list .dz_sr_sms .dz_send {
  text-align: center;
  line-height: var(--inpH);
  width: 11em;
  background: var(--curColor);
  color: #fff;
  border-radius: var(--inpH);
  margin-left: var(--lrGap);
  cursor: pointer;
  transition: all 0.35s;
}
.dz_container .dz_list .dz_btns {
  margin-top: calc(var(--tbGap) + 20 / var(--invarPx) * var(--centerWidth));
  font-size: calc(18 / 14 * 1em);
}
.dz_container .dz_list .dz_submit_btn {
  font-size: 1em;
  width: 100%;
  text-align: center;
  padding: 0 2em;
  height: var(--inpH);
  background: var(--curColor);
  border-radius: var(--inpH);
  color: #fff;
  cursor: pointer;
  transition: all 0.35s;
}
.dz_container.dl_container .dz_list .dz_submit_btn {
  width: 57%;
}
.dz_container .dz_list .dz_tip {
  margin-top: calc(var(--tbGap) + 10 / var(--invarPx) * var(--centerWidth));
  color: #666;
}
.dz_container .dz_list .dz_tip a {
  color: var(--curColor);
}
.dz_container .dz_list .dz_tk {
  --width: calc(var(--checkSize) + var(--lrGap));
}
.dz_container .dz_list .dz_tk .dz_sl {
  width: var(--width);
  height: var(--width);
}
.dz_container .dz_list .dz_tk .dz_sl label {
  cursor: pointer;
}
.dz_container .dz_list .dz_tk .dz_sl label input {
  display: none;
}
.dz_container .dz_list .dz_tk .dz_sl .dz_check_icon {
  width: var(--checkSize);
  height: var(--checkSize);
  border: solid 1px var(--curColor);
  color: #fff;
}
.dz_container .dz_list .dz_tk .dz_sl .dz_check_icon .iconfont {
  font-size: 12px;
  opacity: 0;
}
.dz_container .dz_list .dz_tk .dz_sl label input:checked ~ .dz_check_icon {
  background: var(--curColor);
}
.dz_container
  .dz_list
  .dz_tk
  .dz_sl
  label
  input:checked
  ~ .dz_check_icon
  .iconfont {
  opacity: 1;
}
.dz_container .dz_list .dz_tk .dz_sr {
  width: calc(100% - var(--width));
  color: #666;
  line-height: var(--width);
}
.dz_container .dz_list .dz_tk .dz_sr a {
  color: var(--curColor);
}

/* 个人中心页 */
.grzx_box1 {
  --lWidth: 240px;
  --rWidth: calc(100% - var(--lWidth));
  min-height: var(--fullPageH);
}
.grzx_box1 .center_box {
  width: min(90vw, calc(1000px + 400 / var(--invarPx) * var(--centerWidth)));
}
.grzx_box1 .grzx_lr {
  overflow: hidden;
  border-radius: var(--radius);
}
.grzx_box1 .grzx_l {
  --txSize: calc(110 / 240 * var(--lWidth));
  width: var(--lWidth);
  background: var(--curColor);
  min-height: calc(0.8 * var(--fullPageH));
}
.grzx_box1 .grzx_l .grzx_tx .grzx_img {
  display: block;
  width: var(--txSize);
  height: var(--txSize);
  overflow: hidden;
  border-radius: 50%;
  margin: 0 auto;
}
.grzx_box1 .grzx_l .grzx_tx .grzx_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.grzx_box1 .grzx_l .grzx_tx .grzx_sw {
  --font2: 18;
  text-align: center;
  color: #fff;
  margin-top: 0.6em;
  padding: 0 1em;
}
.grzx_box1 .grzx_l .grzx_nav {
  --font2: 16;
  color: #fff;
}
.grzx_box1 .grzx_l .grzx_nav .grzx_ss {
  height: calc(60 / 16 * 1em);
  padding-left: 20%;
  position: relative;
  cursor: pointer;
  transition: all 0.2s;
}
.grzx_box1 .grzx_l .grzx_nav .grzx_ss::before {
  content: "";
  position: absolute;
  left: 0;
  top: 25%;
  bottom: 25%;
  width: 3px;
  background: var(--curColor);
  border-radius: 20px;
}
.grzx_box1 .grzx_l .grzx_nav .grzx_ss .grzx_icon {
  font-size: 1.3em;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
}
.grzx_box1 .grzx_l .grzx_nav .grzx_ss .grzx_icon .iconfont {
  font-size: 1em;
}
.grzx_box1 .grzx_l .grzx_nav .grzx_ss .grzx_icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.grzx_box1 .grzx_l .grzx_nav .grzx_ss .grzx_icon svg path {
  fill: currentColor !important;
}
.grzx_box1 .grzx_l .grzx_nav li.active .grzx_ss {
  background: #fff;
  color: var(--curColor);
}
.grzx_box1 .grzx_r {
  --pdLeft: calc(15px + 35 / var(--invarPx) * var(--centerWidth));
  --pdRight: calc(2 * var(--pdLeft));
  background: #fff;
  padding-left: var(--pdLeft);
  padding-right: var(--pdRight);
  width: var(--rWidth);
}
.grzx_box1 .grzx_r .grzx_h {
  --font2: 24;
  font-weight: bold;
  padding: 0.6em 0;
  border-bottom: solid 1px var(--curColor);
}
.grzx_box1 .grzx_r .grzx_con {
  --font2: 16;
}
.grzx_box1 .grzx_r .grzx_form {
  --slWidth: 8.5em;
  --sGap: calc(30 / 16 * 1em);
  --srWidth: calc(100% - var(--sGap) - var(--slWidth));
  --inpH: 40px;
  --btnH: 50px;
}
.grzx_box1 .grzx_r .grzx_form.xgmm_form {
  --slWidth: 5em;
  --sGap: calc(20 / 16 * 1em);
  --inpH: 48px;
}
.grzx_box1 .grzx_r .grzx_form ul > li ~ li {
  margin-top: 0.8em;
}
.grzx_box1 .grzx_r .grzx_form .grzx_sl {
  line-height: var(--inpH);
  text-align: right;
  width: var(--slWidth);
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr {
  width: var(--srWidth);
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_inp,
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_sel,
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_area {
  position: relative;
  width: 100%;
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_inp input,
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_sel select,
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_area textarea {
  display: block;
  font-size: 1em;
  width: 100%;
  padding: 0 0.8em;
  border-bottom: solid 1px #bbb;
  color: #333;
  transition: all 0.2s;
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_inp input,
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_sel select {
  height: var(--inpH);
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_inp input:focus,
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_sel select:focus,
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_area textarea:focus {
  border-color: var(--curColor) !important;
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_area textarea {
  resize: none;
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_inp input[readonly] {
  border-color: transparent !important;
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_sel {
  position: relative;
}
.grzx_box1 .grzx_r .grzx_form .grzx_sr .grzx_sel .dz_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--inpPd);
  color: #aaa;
  pointer-events: none;
}
.grzx_box1 .grzx_r .grzx_form .grzx_btns {
  margin-top: calc(20px + 20 / var(--invarPx) * var(--centerWidth));
}
.grzx_box1 .grzx_r .grzx_form .grzx_btns button {
  font-size: 1em;
}
.grzx_box1 .grzx_r .grzx_form .grzx_btns .grzx_btn {
  padding: 0 2em;
  height: var(--btnH);
  border: solid 1px var(--curColor);
  border-radius: var(--btnH);
  color: var(--curColor);
  min-width: calc(200 / 16 * 1em);
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
.grzx_box1 .grzx_r .grzx_form .grzx_btns .grzx_btn ~ .grzx_btn {
  margin-left: 1em;
}
.grzx_box1 .grzx_r .grzx_form .grzx_btns .grzx_btn.cur_bg {
  background: var(--curColor);
  color: #fff;
}
.grzx_box1 .grzx_r .grzx_form.xgmm_form .grzx_sr .grzx_inp input,
.grzx_box1 .grzx_r .grzx_form.xgmm_form .grzx_sr .grzx_sel select,
.grzx_box1 .grzx_r .grzx_form.xgmm_form .grzx_sr .grzx_area textarea {
  border: solid 1px #eee;
  border-radius: 5px;
}

/* 个人中心页 */
.grzx_box1 .grzx_l .grzx_tx .grzx_sw {
  --font1: 18;
}
.grzx_box1 .grzx_l .grzx_nav,
.grzx_box1 .grzx_r .grzx_con {
  --font1: 16;
}
.grzx_box1 .grzx_l .grzx_nav li:not(.active) .grzx_ss:hover {
  background: rgba(255, 255, 255, 0.1);
}
.grzx_box1 .grzx_r .grzh_h {
  --font1: 24;
}
.grzx_box1 .grzx_r .grzx_form .grzx_btns .grzx_btn:hover {
  border-color: var(--subColor);
  color: var(--subColor);
}
.grzx_box1 .grzx_r .grzx_form .grzx_btns .grzx_btn.cur_bg:hover {
  background: var(--subColor);
  color: #fff;
}

@media screen and (max-width: 1680px) {
  .header_box .header_r {
    --navGap: calc(20 / var(--invarPx) * var(--centerWidth));
  }
}

@media screen and (min-width: 1200px) {
  /* 公用 */
  .main_box * {
    scrollbar-color: hsla(0, 0%, 75.7%, 0.5) #fafafa;
    scrollbar-width: thin;
  }

  /* header */
  .menu,
  .menu_bg {
    display: none;
  }
  .header_box .center_box {
    --invarPx: 1780;
    --centerWidth: max(1140px, calc(var(--invarPx) / var(--fullPx) * 100vw));
  }
  .header_box .header_search:hover {
    opacity: 0.8;
  }
  .header_box .header_lan .header_lan_hide ol li a:hover {
    background: rgba(var(--rgb1), 0.08);
  }
  .header_box .header_lan:hover .header_lan_hide {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }
  .header_box .header_login:hover {
    background: var(--curColor);
    border-color: var(--curColor) !important;
    color: #fff !important;
  }
  .header_box.header_box2 .center_box,
  .header_box.header_color .center_box,
  .nav_box > ul > li > a {
    --headerHeight: calc(60px + 20 / var(--invarPx) * var(--centerWidth));
  }
  .header_box.header_color ~ .header_height {
    height: var(--headerHeight2);
  }

  /* 搜索 */
  .search_box .center_box {
    width: 100%;
  }
  .search_box .search_tj .search_link a:hover {
    color: #fff;
    background: var(--curColor);
    border-color: var(--curColor);
  }
  .search_box .search_close:hover {
    color: var(--curColor);
  }

  /* 导航 */
  .nav_box > ul > li:not(.active) > a:hover::before {
    transform: scaleX(1);
    transition: transform 0.5s;
  }

  /* banner */
  .banner_box .center_box {
    padding: 0 calc(60 / var(--invarPx) * var(--centerWidth));
  }
  .banner_box .swiper-pagination {
    opacity: 0 !important;
    pointer-events: none !important;
  }
  .m_banner {
    height: 0;
    overflow: hidden;
    pointer-events: none;
  }

  /* 服务支持 */
  .fwzc_box .fwzc_con .fwzc_ss:hover {
    box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(var(--rgb1), 0.3);
  }

  /* 核心产品 */
  .hxcp_sz > ul > li {
    pointer-events: none;
    overflow: hidden;
  }
  .hxcp_sz .hxcp_ss {
    pointer-events: auto;
    overflow: hidden;
  }
  .hxcp_sz .hxcp_ss .hxcp_st .hxcp_txt .hxcp_xil ol li a:hover {
    color: var(--curColor);
  }
  .hxcp_sz > ul > li:hover {
    flex: 2.33;
  }
  .hxcp_sz .hxcp_ss:hover .hxcp_st .hxcp_txt {
    display: block;
    animation: hxcpTxt 0.5s linear;
    transition: all 0.4s 0.5s;
  }
  .hxcp_sz .hxcp_ss:hover .hxcp_st .hxcp_img span {
    right: 0;
    transform: translateX(0);
  }
  .hxcp_sz .hxcp_ss:hover .hxcp_sd .hxcp_sdt .hxcp_sh {
    left: 0;
    transform: translateX(0);
    max-width: calc(100% - 8em);
  }
  .hxcp_sz .hxcp_ss:hover .hxcp_sd .hxcp_sdt .bz_more1 {
    opacity: 1;
    pointer-events: auto;
    transform: translate(0, -50%);
    transition: opacity 0.4s 0.3s, transform 0.4s 0.3s;
  }
  .hxcp_sz .hxcp_ss:hover .hxcp_sd .hxcp_sdd .bz_more1 {
    opacity: 0;
    pointer-events: none;
    transform: translate(
      200%,
      calc(-1 * (5px + 15 / var(--invarPx) * var(--centerWidth)))
    );
    transition: opacity 0.4s, transform 0.4s;
  }

  /* 新闻中心 */
  .sp_bofang:hover::before,
  .sp_bofang:hover::after,
  .spjx_list .spjx_ss:hover .sp_bofang::before,
  .spjx_list .spjx_ss:hover .sp_bofang::after {
    animation: YQscale 2s infinite;
  }
  .xw_box .xw_con .sp_bofang:hover .sp_icon {
    background: rgba(255, 255, 255, 0.6);
    color: var(--curColor);
  }
  .xw_box .xw_con .xw_l:hover .xw_pics_ss .xw_img img,
  .xw_box .xw_con .xw_c ul li:hover .xw_pics_ss .xw_img img {
    transform: scale(1.08);
    transition: all 0.5s;
  }
  .xw_box .xw_con .xw_r .xw_ss:hover {
    color: var(--curColor);
    background: #fafafa;
  }
  .xw_swiper .bz-pagination {
    display: none;
  }

  /* 页脚 */
  .footer_box .footer_top .footer_fri .footer_ft .iconfont:hover {
    color: var(--curColor);
  }
  .footer_box .footer_top .footer_fri .footer_fd ol li a:hover {
    color: var(--curColor);
  }
  .footer_box .footer_top .footer_fri .footer_fd::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .footer_box
    .footer_top
    .footer_fri
    .footer_fd::-webkit-scrollbar-track-piece {
    background-color: #fff;
  }
  .footer_box
    .footer_top
    .footer_fri
    .footer_fd::-webkit-scrollbar-thumb:vertical {
    height: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
  }
  .footer_box
    .footer_top
    .footer_fri
    .footer_fd::-webkit-scrollbar-thumb:horizontal {
    width: 4px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
  }
  .footer_box .footer_bot a:hover {
    color: rgba(255, 255, 255, 0.8);
  }
  .footer_box .footer_mid a:hover {
    color: #fff;
  }

  /* 内页-banner1 */
  .inner_search .inner_search_top .inner_st_btn:hover {
    background: var(--subColor);
  }
  .inner_search .inner_search_bot .inner_sb_list li a:hover {
    background: rgba(255, 255, 255, 0.38);
  }

  /* 侧边栏 */
  .fix_bar .fix_ss:hover {
    background: var(--curColor);
    color: #fff;
  }
  .fix_bar .fix_ss:hover .fix_icon {
    color: #fff;
  }

  /* 资料下载页 */
  .xz_jieguo_data .xz_lr .xz_jr .xz_download_btn:hover {
    background: var(--curColor);
    color: #fff;
  }
  .xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def .xz_btns .xz_d_btn:hover {
    color: var(--subColor);
  }
  .xz_jieguo_data .xz_lr .xz_jr .xz_tabs ul li:hover {
    color: var(--curColor);
  }
  .xz_table_body tr:hover,
  .xz_jieguo_data .xz_lr .xz_jr .xz_content .xz_def:hover {
    background: #f7f7f7;
  }
  .xz_table_body tr:hover .td_btns {
    background: linear-gradient(
      to left,
      #f7f7f7 90%,
      rgba(247, 247, 247, 0) 100%
    );
  }
  .level-1 .node-content:hover {
    background: #f7f7f7;
  }
  .xz_tree .xz-tree-btn:hover {
    background: var(--subColor);
  }

  /* 左侧导航 */
  .side_nav .side_sd ul > li:hover .side_def::before {
    opacity: 1;
    transition: all 0.35s;
  }
  .side_nav .side_sd ul > li:hover .side_def a,
  .side_nav .side_sd .side_sub .side_ss:hover {
    color: var(--curColor);
  }
  .side_nav .side_sd .side_sub .side_ss:hover .side_icon {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.35s;
  }

  .side_adv:hover {
    box-shadow: 0 0 4px rgba(var(--rgb1), 1);
  }

  /* 产品列表页 */
  .cp_list .cp_ss:hover {
    color: var(--curColor);
    box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(var(--rgb1), 0.2);
  }
  .cp_list .cp_ss .cp_more:hover {
    background: var(--subColor);
  }

  /* 产品详情页 */
  .cpx_s1 .cpx_r .cpx_btns .cpx_btn:hover {
    background: var(--subColor);
  }
  .cpx_box1 .bz_tit1 .bz_h {
    --font2: 36;
  }
  .cpx_s4 .cpx_tab ul li span:hover {
    color: var(--curColor);
    font-weight: bold;
  }
  .cpx_s4 .cpx_itop .cpx_inp .cpx_btn:hover {
    color: var(--curColor);
  }
  .cpx_download_all .cpx_download_all_btn:hover {
    background: var(--curColor);
    color: #fff;
  }
  .cpx_s4 .cpx_content .cpx_ibot {
    overflow-x: auto;
  }
  .cpx_s4 .cpx_content .cpx_table {
    min-width: 1130px;
  }
  .cpx_s4 .cpx_table .cpx_cz_btns .cpx_cz_btn:hover {
    opacity: 0.8;
  }

  /* 解决方案页 */
  .jjfa_list .jjfa_ss:hover {
    color: var(--curColor);
    box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(var(--rgb1), 0.2);
  }

  /* 解决方案详情页 */
  .fanhui_top .goto_top:hover {
    color: var(--curColor);
  }
  .jjfax_box1 .bz_tit1 .bz_h {
    --font2: 26;
  }

  /* 相关产品推荐 */
  .cptj_swiper .cptj_bot .cptj_ss:hover {
    color: var(--curColor);
    box-shadow: 0 0 var(--cover) rgba(var(--rgb1), 0.2);
  }

  /* 视频教学页 */
  .spjx_list .sp_bofang {
    --bofangSize: calc(30px + 20 / var(--invarPx) * var(--centerWidth));
  }
  .spjx_list .spjx_ss:hover {
    color: var(--curColor);
  }
  .spjx_list .spjx_ss:hover .sp_bofang .sp_icon {
    background: var(--curColor);
  }

  /* 样机申请页 */
  .yjsq_s1 .yjsq_con .yjsq_sl:hover {
    color: var(--curColor);
    background: rgba(var(--rgb1), 0.1);
  }
  .yjsq_s1 .yjsq_con .yjsq_sl:hover .yjsq_icon::before {
    animation: yjsqCir 2s linear infinite;
  }
  .yjsq_form .yjsq_yzm .yjsq_sr .yjsq_send:hover,
  .yjsq_submit .yjsq_submit_btn.cur_bg:hover {
    background: var(--subColor);
  }
  .yjsq_submit .yjsq_btn.cur_bg:hover {
    border-color: var(--curColor);
  }
  .yjsq_submit .yjsq_btn.cur_bor:hover {
    border-color: var(--subColor);
    color: var(--subColor);
  }
  .yjsq_form .yjsq_itop .yjsq_del_btn:hover {
    filter: saturate(150%);
  }

  /* 维修申请页 */
  .wxsq_box1 .yjsq_s1 .yjsq_con {
    --slWidth: calc(160 / var(--invarPx) * var(--centerWidth));
    --pdLeft: calc(20 / var(--invarPx) * var(--centerWidth));
  }
  .wxsq_s4 .wxsq_bot .bz_tit1 .bz_h {
    --font2: 24;
  }

  /* 产品公告页 */
  .cpgg_box1 .center_box {
    padding-left: var(--pdLeft);
    padding-right: var(--pdLeft);
  }
  .cpgg_list .cpgg_ss:hover {
    color: var(--curColor);
  }

  /* 新闻详情页 */
  .xqy_box1 .center_box {
    width: min(84%, 1200px);
  }

  /* 直播视频列表页 */
  .zbsp_list .zbsp_ss:hover {
    color: var(--curColor);
    background: #fff;
    box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(var(--rgb1), 0.2);
  }
  .zbsp_list .zbsp_ss:hover .zbsp_img img {
    transform: scale(1.06);
    transition: all 0.5s;
  }
  .zbsp_list .zbsp_ss:hover .zbsp_more {
    border-color: var(--curColor);
    color: var(--curColor);
  }
  .zbsp_list .zbsp_ss:hover .zbsp_more .iconfont {
    transform: rotate(0deg);
  }
  .zbsp_more:hover {
    background: var(--curColor);
    color: #fff !important;
  }

  /* 直播视频详情页 */
  .zbspx_box1,
  .zhx_box1 {
    --centerWidth: min(90vw, 1200px);
  }
  .zbspx_box1 .bz_tit1 .bz_h,
  .zhx_box1 .bz_tit1 .bz_h {
    --font2: 32;
  }
  .zhx_s2 .zbtj_swiper .zbtj_ss:hover {
    background: var(--ligColor);
  }
  .zhx_s2 .zbtj_swiper .zbtj_ss:hover .zbtj_img img {
    transform: scale(1.06);
    transition: all 0.5s;
  }
  .zhx_s2 .zbtj_swiper .zbtj_ss:hover .zbtj_txt .zbtj_sh {
    color: var(--curColor);
  }

  /* 公司概况页 */
  .gywm_s3 .gywm_con .gywm_ss:hover {
    background: #fff;
    box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(var(--rgb1), 0.2);
  }
  .gywm_s3 .gywm_con .gywm_ss:hover .gywm_img img {
    transform: scale(1.06);
    transition: all 0.5s;
  }

  /* 子公司介绍 */
  .zgs_list .zgs_ss:hover {
    background: #fff;
    color: var(--curColor);
    box-shadow: 0 0 calc(0.5 * var(--gap)) rgba(var(--rgb1), 0.2);
  }

  /* 招聘页 */
  .zp_box1 .zp_filter .zp_top .zp_sr .zp_clear:not(.disabled):hover {
    color: var(--subColor);
  }
  .zp_box1 .zp_filter .zp_bot .zp_item .zp_options label:hover .zp_icon {
    border-color: var(--curColor);
  }
  .zp_box1 .zp_filter .zp_bot .zp_item .zp_tit .zp_jt:hover {
    color: var(--curColor);
  }
  .zp_box1 .inner_search .inner_search_top input:focus {
    border-color: #aaa;
  }
  .zp_list .zp_hide .zp_btn:hover {
    background: var(--subColor);
  }
  .zp_list .zp_def:hover {
    color: var(--curColor);
    background: var(--ligColor);
  }
  .zp_list .zp_def:hover .zp_st .zp_sr {
    color: var(--curColor);
  }
  .zptj_list .zptj_ss:hover {
    color: var(--curColor);
  }

  /* 招聘详情页 */
  .zpx_box1 .zp_list .zp_def:hover {
    color: currentColor;
    background: transparent;
  }

  /* 荣誉资质 */
  .ryzz_box1 .ryzz_wrap .ryzz_txt ul li:hover,
  .ryzz_box1 .ryzz_wrap .ryzz_txt li:hover .ryzz_sr .ryzz_icon {
    color: var(--curColor);
  }

  /* 联系我们 */
  .lxwm_list .lxwm_ss:hover {
    color: var(--curColor);
    box-shadow: 0 0 calc(0.5 * var(--colGap)) rgba(var(--rgb1), 0.2);
  }

  /* 登录 */
  .user_main {
    --headerHeight: calc(60px + 20 / var(--invarPx) * var(--centerWidth));
    --dlWidth: 450px;
    --zcWidth: 550px;
  }
  .user_main .footer_cpr a:hover,
  .dz_container .dz_list .dz_tip a:hover,
  .dz_container .dz_list .dz_tk .dz_sr a:hover {
    opacity: 0.8;
  }
  .dz_container .dz_list .dz_submit_btn:hover,
  .dz_container .dz_list .dz_sr_sms .dz_send:hover {
    background: var(--subColor);
  }
  .user_main .footer_cpr {
    padding-bottom: 0;
  }

  /* 下拉导航1 */
  .nav_box ul li:hover .xla_nav {
    transform: scaleY(1);
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
  }
  .xla_nav {
    top: calc(50% + (60px + 20 / var(--invarPx) * var(--centerWidth)) * 0.5);
  }
  .xla_nav .xla_c {
    --font1: 16;
  }
  .xla_nav .xla_c .xla_r ol {
    position: absolute;
    top: 0;
    left: 0;
    width: 66%;
    height: 100%;
  }
  .xla_nav .xla_c .xla_r ol li {
    width: calc(0.33 * var(--thirdWidth));
  }
  .xla_nav .xla_c .xla_r ol li a:hover {
    color: var(--curColor);
  }

  /* 1201 */
}

.hover-pro-img {
  transition: transform 0.3s ease-in-out;
}

.hover-pro-img:hover {
  transform: scale(1.5);
}
[v-cloak] {
  display: none;
}

.xqy_content video {
  display: block;
  margin: 0 auto;
}

.jjfax_btn:hover {
  color: #fff !important;
}

.zhx_wrap .sub-content img {
  width: 120px !important;
  height: 120px !important;
}

.hxcp_ss a:hover {
  color: #82308e !important;
}

.hxcp_ss .bz_more1:hover {
  color: #fff !important;
}