@charset "utf-8";
/* 公共响应变量 */
/* 初始化 */
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: calc(100vw / 19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
  position: relative;
  overflow-x: hidden;
  /*滚动条-滑块*/
  /*滚动条-背景*/
}
@media (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media (max-width:1024px) {
  html {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: calc(100vw / 7.5);
  }
}
html ::-webkit-scrollbar {
  width: 2px;
  /*滚动条整体样式*/
  height: 1px;
  /*高宽分别对应横竖滚动条的尺寸*/
}
html ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: var(--color);
}
html ::-webkit-scrollbar-track {
  border-radius: 3px;
  background: #E5E5E5;
}
body {
  min-height: 100%;
  font-family: 'PuHuiTi','PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}
#featureImgs{
  height: 0;
  overflow: hidden;
}
.Montserrat {
  font-family: 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.num{
  font-family: 'PuHuiTi', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important;
  font-weight: bold !important;
}
:root {
  --vh: 100vh;
  --header-height: 80px;
  --color: #85C02E;
  --rem: 16px;
  --vwMin: 1024;
  --vwMax: 1800;
  --font200-min: calc(var(--font200-max) / var(--vwMax) * var(--vwMin));
  --font200-max: 200;
  --font200: calc((var(--font200-min) * var(--rem)) + ((var(--font200-max) - var(--font200-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font180-min: calc(var(--font180-max) / var(--vwMax) * var(--vwMin));
  --font180-max: 180;
  --font180: calc((var(--font180-min) * var(--rem)) + ((var(--font180-max) - var(--font180-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font160-min: calc(var(--font160-max) / var(--vwMax) * var(--vwMin));
  --font160-max: 160;
  --font160: calc((var(--font160-min) * var(--rem)) + ((var(--font160-max) - var(--font160-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font150-min: calc(var(--font150-max) / var(--vwMax) * var(--vwMin));
  --font150-max: 150;
  --font150: calc((var(--font150-min) * var(--rem)) + ((var(--font150-max) - var(--font150-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font140-min: calc(var(--font140-max) / var(--vwMax) * var(--vwMin));
  --font140-max: 140;
  --font140: calc((var(--font140-min) * var(--rem)) + ((var(--font140-max) - var(--font140-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font130-min: calc(var(--font130-max) / var(--vwMax) * var(--vwMin));
  --font130-max: 130;
  --font130: calc((var(--font130-min) * var(--rem)) + ((var(--font130-max) - var(--font130-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font120-min: calc(var(--font120-max) / var(--vwMax) * var(--vwMin));
  --font120-max: 120;
  --font120: calc((var(--font120-min) * var(--rem)) + ((var(--font120-max) - var(--font120-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font100-min: calc(var(--font100-max) / var(--vwMax) * var(--vwMin));
  --font100-max: 100;
  --font100: calc((var(--font100-min) * var(--rem)) + ((var(--font100-max) - var(--font100-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font98-min: calc(var(--font98-max) / var(--vwMax) * var(--vwMin));
  --font98-max: 98;
  --font98: calc((var(--font98-min) * var(--rem)) + ((var(--font98-max) - var(--font98-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font96-min: calc(var(--font96-max) / var(--vwMax) * var(--vwMin));
  --font96-max: 96;
  --font96: calc((var(--font96-min) * var(--rem)) + ((var(--font96-max) - var(--font96-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font94-min: calc(var(--font94-max) / var(--vwMax) * var(--vwMin));
  --font94-max: 94;
  --font94: calc((var(--font94-min) * var(--rem)) + ((var(--font94-max) - var(--font94-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font92-min: calc(var(--font92-max) / var(--vwMax) * var(--vwMin));
  --font92-max: 92;
  --font92: calc((var(--font92-min) * var(--rem)) + ((var(--font92-max) - var(--font92-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font90-min: calc(var(--font90-max) / var(--vwMax) * var(--vwMin));
  --font90-max: 90;
  --font90: calc((var(--font90-min) * var(--rem)) + ((var(--font90-max) - var(--font90-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font88-min: calc(var(--font88-max) / var(--vwMax) * var(--vwMin));
  --font88-max: 88;
  --font88: calc((var(--font88-min) * var(--rem)) + ((var(--font88-max) - var(--font88-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font86-min: calc(var(--font86-max) / var(--vwMax) * var(--vwMin));
  --font86-max: 86;
  --font86: calc((var(--font86-min) * var(--rem)) + ((var(--font86-max) - var(--font86-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font84-min: calc(var(--font84-max) / var(--vwMax) * var(--vwMin));
  --font84-max: 84;
  --font84: calc((var(--font84-min) * var(--rem)) + ((var(--font84-max) - var(--font84-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font82-min: calc(var(--font82-max) / var(--vwMax) * var(--vwMin));
  --font82-max: 82;
  --font82: calc((var(--font82-min) * var(--rem)) + ((var(--font82-max) - var(--font82-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font80-min: calc(var(--font80-max) / var(--vwMax) * var(--vwMin));
  --font80-max: 80;
  --font80: calc((var(--font78-min) * var(--rem)) + ((var(--font78-max) - var(--font78-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font78-min: calc(var(--font78-max) / var(--vwMax) * var(--vwMin));
  --font78-max: 78;
  --font78: calc((var(--font78-min) * var(--rem)) + ((var(--font78-max) - var(--font78-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font76-min: calc(var(--font76-max) / var(--vwMax) * var(--vwMin));
  --font76-max: 76;
  --font76: calc((var(--font76-min) * var(--rem)) + ((var(--font76-max) - var(--font76-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font74-min: calc(var(--font74-max) / var(--vwMax) * var(--vwMin));
  --font74-max: 74;
  --font74: calc((var(--font74-min) * var(--rem)) + ((var(--font74-max) - var(--font74-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font72-min: calc(var(--font72-max) / var(--vwMax) * var(--vwMin));
  --font72-max: 72;
  --font72: calc((var(--font72-min) * var(--rem)) + ((var(--font72-max) - var(--font72-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font70-min: calc(var(--font70-max) / var(--vwMax) * var(--vwMin));
  --font70-max: 70;
  --font70: calc((var(--font70-min) * var(--rem)) + ((var(--font70-max) - var(--font70-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font68-min: calc(var(--font68-max) / var(--vwMax) * var(--vwMin));
  --font68-max: 68;
  --font68: calc((var(--font68-min) * var(--rem)) + ((var(--font68-max) - var(--font68-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font66-min: calc(var(--font66-max) / var(--vwMax) * var(--vwMin));
  --font66-max: 66;
  --font66: calc((var(--font66-min) * var(--rem)) + ((var(--font66-max) - var(--font66-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font64-min: calc(var(--font64-max) / var(--vwMax) * var(--vwMin));
  --font64-max: 64;
  --font64: calc((var(--font64-min) * var(--rem)) + ((var(--font64-max) - var(--font64-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font62-min: calc(var(--font62-max) / var(--vwMax) * var(--vwMin));
  --font62-max: 62;
  --font62: calc((var(--font62-min) * var(--rem)) + ((var(--font62-max) - var(--font62-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font60-min: calc(var(--font60-max) / var(--vwMax) * var(--vwMin));
  --font60-max: 60;
  --font60: calc((var(--font60-min) * var(--rem)) + ((var(--font60-max) - var(--font60-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font58-min: calc(var(--font58-max) / var(--vwMax) * var(--vwMin));
  --font58-max: 58;
  --font58: calc((var(--font58-min) * var(--rem)) + ((var(--font58-max) - var(--font58-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font56-min: calc(var(--font56-max) / var(--vwMax) * var(--vwMin));
  --font56-max: 56;
  --font56: calc((var(--font56-min) * var(--rem)) + ((var(--font56-max) - var(--font56-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font54-min: calc(var(--font54-max) / var(--vwMax) * var(--vwMin));
  --font54-max: 54;
  --font54: calc((var(--font54-min) * var(--rem)) + ((var(--font54-max) - var(--font54-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font52-min: calc(var(--font52-max) / var(--vwMax) * var(--vwMin));
  --font52-max: 52;
  --font52: calc((var(--font52-min) * var(--rem)) + ((var(--font52-max) - var(--font52-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font50-min: calc(var(--font50-max) / var(--vwMax) * var(--vwMin));
  --font50-max: 50;
  --font50: calc((var(--font50-min) * var(--rem)) + ((var(--font50-max) - var(--font50-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font48-min: calc(var(--font48-max) / var(--vwMax) * var(--vwMin));
  --font48-max: 48;
  --font48: calc((var(--font48-min) * var(--rem)) + ((var(--font48-max) - var(--font48-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font46-min: calc(var(--font46-max) / var(--vwMax) * var(--vwMin));
  --font46-max: 46;
  --font46: calc((var(--font46-min) * var(--rem)) + ((var(--font46-max) - var(--font46-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font44-min: calc(var(--font44-max) / var(--vwMax) * var(--vwMin));
  --font44-max: 44;
  --font44: calc((var(--font44-min) * var(--rem)) + ((var(--font44-max) - var(--font44-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font42-min: calc(var(--font42-max) / var(--vwMax) * var(--vwMin));
  --font42-max: 42;
  --font42: calc((var(--font42-min) * var(--rem)) + ((var(--font42-max) - var(--font42-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font40-min: calc(var(--font40-max) / var(--vwMax) * var(--vwMin));
  --font40-max: 40;
  --font40: calc((var(--font40-min) * var(--rem)) + ((var(--font40-max) - var(--font40-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font38-min: calc(var(--font38-max) / var(--vwMax) * var(--vwMin));
  --font38-max: 38;
  --font38: calc((var(--font38-min) * var(--rem)) + ((var(--font38-max) - var(--font38-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font36-min: calc(var(--font36-max) / var(--vwMax) * var(--vwMin));
  --font36-max: 36;
  --font36: calc((var(--font36-min) * var(--rem)) + ((var(--font36-max) - var(--font36-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font34-min: calc(var(--font34-max) / var(--vwMax) * var(--vwMin));
  --font34-max: 34;
  --font34: calc((var(--font34-min) * var(--rem)) + ((var(--font34-max) - var(--font34-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font32-min: calc(var(--font32-max) / var(--vwMax) * var(--vwMin));
  --font32-max: 32;
  --font32: calc((var(--font32-min) * var(--rem)) + ((var(--font32-max) - var(--font32-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font30-min: calc(var(--font30-max) / var(--vwMax) * var(--vwMin));
  --font30-max: 30;
  --font30: calc((var(--font30-min) * var(--rem)) + ((var(--font30-max) - var(--font30-min)) * ((100vw - var(--vwMin) * var(--rem)) / (var(--vwMax) - var(--vwMin)))));
  --font28-min: 20;
  --font28-max: 28;
  --font28: calc((var(--font28-min) * 1px) + ((var(--font28-max) - var(--font28-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font26-min: 19;
  --font26-max: 26;
  --font26: calc((var(--font26-min) * 1px) + ((var(--font26-max) - var(--font26-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font24-min: 18;
  --font24-max: 24;
  --font24: calc((var(--font24-min) * 1px) + ((var(--font24-max) - var(--font24-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font22-min: 16;
  --font22-max: 22;
  --font22: calc((var(--font22-min) * 1px) + ((var(--font22-max) - var(--font22-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font20-min: 16;
  --font20-max: 20;
  --font20: calc((var(--font20-min) * 1px) + ((var(--font20-max) - var(--font20-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font18-min: 15;
  --font18-max: 18;
  --font18: calc((var(--font18-min) * 1px) + ((var(--font18-max) - var(--font18-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font16-min: 14;
  --font16-max: 16;
  --font16: calc((var(--font16-min) * 1px) + ((var(--font16-max) - var(--font16-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font15-min: 13;
  --font15-max: 15;
  --font15: calc((var(--font15-min) * 1px) + ((var(--font15-max) - var(--font15-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
  --font14-min: 13;
  --font14-max: 14;
  --font14: calc((var(--font14-min) * 1px) + ((var(--font14-max) - var(--font14-min)) * ((100vw - var(--vwMin) * 1px) / (var(--vwMax) - var(--vwMin)))));
}
@media (min-width: 1800px) {
  :root {
    --font200: calc(var(--font200-max) * 1px);
    --font180: calc(var(--font180-max) * 1px);
    --font160: calc(var(--font160-max) * 1px);
    --font150: calc(var(--font150-max) * 1px);
    --font140: calc(var(--font140-max) * 1px);
    --font130: calc(var(--font130-max) * 1px);
    --font120: calc(var(--font120-max) * 1px);
    --font100: calc(var(--font100-max) * 1px);
    --font98: calc(var(--font98-max) * 1px);
    --font96: calc(var(--font96-max) * 1px);
    --font94: calc(var(--font94-max) * 1px);
    --font92: calc(var(--font92-max) * 1px);
    --font90: calc(var(--font90-max) * 1px);
    --font88: calc(var(--font88-max) * 1px);
    --font86: calc(var(--font86-max) * 1px);
    --font84: calc(var(--font84-max) * 1px);
    --font82: calc(var(--font82-max) * 1px);
    --font80: calc(var(--font80-max) * 1px);
    --font78: calc(var(--font78-max) * 1px);
    --font76: calc(var(--font76-max) * 1px);
    --font74: calc(var(--font74-max) * 1px);
    --font72: calc(var(--font72-max) * 1px);
    --font70: calc(var(--font70-max) * 1px);
    --font68: calc(var(--font68-max) * 1px);
    --font66: calc(var(--font66-max) * 1px);
    --font64: calc(var(--font64-max) * 1px);
    --font62: calc(var(--font62-max) * 1px);
    --font60: calc(var(--font60-max) * 1px);
    --font58: calc(var(--font58-max) * 1px);
    --font56: calc(var(--font56-max) * 1px);
    --font54: calc(var(--font54-max) * 1px);
    --font52: calc(var(--font52-max) * 1px);
    --font50: calc(var(--font50-max) * 1px);
    --font48: calc(var(--font48-max) * 1px);
    --font46: calc(var(--font46-max) * 1px);
    --font44: calc(var(--font44-max) * 1px);
    --font42: calc(var(--font42-max) * 1px);
    --font40: calc(var(--font40-max) * 1px);
    --font38: calc(var(--font38-max) * 1px);
    --font36: calc(var(--font36-max) * 1px);
    --font34: calc(var(--font34-max) * 1px);
    --font32: calc(var(--font32-max) * 1px);
    --font30: calc(var(--font30-max) * 1px);
    --font28: calc(var(--font28-max) * 1px);
    --font26: calc(var(--font26-max) * 1px);
    --font24: calc(var(--font24-max) * 1px);
    --font22: calc(var(--font22-max) * 1px);
    --font20: calc(var(--font20-max) * 1px);
    --font18: calc(var(--font18-max) * 1px);
    --font16: calc(var(--font16-max) * 1px);
    --font15: calc(var(--font15-max) * 1px);
    --font14: calc(var(--font14-max) * 1px);
  }
}
@media (max-width:1260px) {
  :root {
    --header-height: 70px;
  }
}
@media (max-width:1024px) {
  :root {
    --font200: calc(var(--font200-min) * 1px);
    --font180: calc(var(--font180-min) * 1px);
    --font160: calc(var(--font160-min) * 1px);
    --font150: calc(var(--font150-min) * 1px);
    --font140: calc(var(--font140-min) * 1px);
    --font130: calc(var(--font130-min) * 1px);
    --font120: calc(var(--font120-min) * 1px);
    --font100: calc(var(--font100-min) * 1px);
    --font98: calc(var(--font98-min) * 1px);
    --font96: calc(var(--font96-min) * 1px);
    --font94: calc(var(--font94-min) * 1px);
    --font92: calc(var(--font92-min) * 1px);
    --font90: calc(var(--font90-min) * 1px);
    --font88: calc(var(--font88-min) * 1px);
    --font86: calc(var(--font86-min) * 1px);
    --font84: calc(var(--font84-min) * 1px);
    --font82: calc(var(--font82-min) * 1px);
    --font80: calc(var(--font80-min) * 1px);
    --font78: calc(var(--font78-min) * 1px);
    --font76: calc(var(--font76-min) * 1px);
    --font74: calc(var(--font74-min) * 1px);
    --font72: calc(var(--font72-min) * 1px);
    --font70: calc(var(--font70-min) * 1px);
    --font68: calc(var(--font68-min) * 1px);
    --font66: calc(var(--font66-min) * 1px);
    --font64: calc(var(--font64-min) * 1px);
    --font62: calc(var(--font62-min) * 1px);
    --font60: calc(var(--font60-min) * 1px);
    --font58: calc(var(--font58-min) * 1px);
    --font56: calc(var(--font56-min) * 1px);
    --font54: calc(var(--font54-min) * 1px);
    --font52: calc(var(--font52-min) * 1px);
    --font50: calc(var(--font50-min) * 1px);
    --font48: calc(var(--font48-min) * 1px);
    --font46: calc(var(--font46-min) * 1px);
    --font44: calc(var(--font44-min) * 1px);
    --font42: calc(var(--font42-min) * 1px);
    --font40: calc(var(--font40-min) * 1px);
    --font38: calc(var(--font38-min) * 1px);
    --font36: calc(var(--font36-min) * 1px);
    --font34: calc(var(--font34-min) * 1px);
    --font32: calc(var(--font32-min) * 1px);
    --font30: calc(var(--font30-min) * 1px);
    --font28: calc(var(--font28-min) * 1px);
    --font26: calc(var(--font26-min) * 1px);
    --font24: calc(var(--font24-min) * 1px);
    --font22: calc(var(--font22-min) * 1px);
    --font20: calc(var(--font20-min) * 1px);
    --font18: calc(var(--font18-min) * 1px);
    --font16: calc(var(--font16-min) * 1px);
    --font15: calc(var(--font15-min) * 1px);
    --font14: calc(var(--font14-min) * 1px);
  }
}
@media (max-width:991px) {
  :root {
    --header-height: 60px;
  }
}
.font200 {
  font-size: var(--font200);
}
.font130 {
  font-size: var(--font130);
}
.font120 {
  font-size: var(--font120);
}
.font100 {
  font-size: var(--font100);
}
.font98 {
  font-size: var(--font98);
}
.font96 {
  font-size: var(--font96);
}
.font94 {
  font-size: var(--font94);
}
.font92 {
  font-size: var(--font92);
}
.font90 {
  font-size: var(--font90);
}
.font88 {
  font-size: var(--font88);
}
.font86 {
  font-size: var(--font86);
}
.font84 {
  font-size: var(--font84);
}
.font82 {
  font-size: var(--font82);
}
.font80 {
  font-size: var(--font80);
}
.font78 {
  font-size: var(--font78);
}
.font76 {
  font-size: var(--font76);
}
.font74 {
  font-size: var(--font74);
}
.font72 {
  font-size: var(--font72);
}
.font70 {
  font-size: var(--font70);
}
.font68 {
  font-size: var(--font68);
}
.font66 {
  font-size: var(--font66);
}
.font64 {
  font-size: var(--font64);
}
.font62 {
  font-size: var(--font62);
}
.font60 {
  font-size: var(--font60);
}
.font58 {
  font-size: var(--font58);
}
.font56 {
  font-size: var(--font56);
}
.font54 {
  font-size: var(--font54);
}
.font52 {
  font-size: var(--font52);
}
.font50 {
  font-size: var(--font50);
}
.font48 {
  font-size: var(--font48);
}
.font46 {
  font-size: var(--font46);
}
.font44 {
  font-size: var(--font44);
}
.font42 {
  font-size: var(--font42);
}
.font40 {
  font-size: var(--font40);
}
.font38 {
  font-size: var(--font38);
}
.font36 {
  font-size: var(--font36);
}
.font34 {
  font-size: var(--font34);
}
.font32 {
  font-size: var(--font32);
}
.font30 {
  font-size: var(--font30);
}
.font28 {
  font-size: var(--font28);
}
.font26 {
  font-size: var(--font26);
}
.font24 {
  font-size: var(--font24);
}
.font22 {
  font-size: var(--font22);
}
.font20 {
  font-size: var(--font20);
}
.font18 {
  font-size: var(--font18);
}
.font16 {
  font-size: var(--font16);
}
.font14 {
  font-size: var(--font14);
}
img {
  max-width: 100%;
  max-height: 100%;
  border: 0;
  vertical-align: top;
}
li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  color: #000000;
  text-decoration: none;
}
input,
button {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  appearance: button;
  cursor: pointer;
}
textarea {
  resize: none;
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
/* 公共浮动、清浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
/* Flex 布局 */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.f-column {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.f-column-right {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.f-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.f-row-right {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.j-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.j-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.j-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.j-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.j-around {
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.a-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.a-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.a-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.a-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.a-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.a-s-stretch {
  -webkit-box-self: stretch;
  -ms-align-self: stretch;
  -webkit-align-self: stretch;
  align-self: stretch;
}
.a-s-center {
  -webkit-box-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.a-s-end {
  -webkit-box-self: end;
  -ms-align-self: end;
  -webkit-align-self: end;
  align-self: end;
}
.flex-wrap {
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
}
/* 文字超出隐藏 */
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 动画 */
.dh {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.abimg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* 比例 */
.pb {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.ab {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
}
/* 1屏高度 */
/* 百分比计算 */
@keyframes growAni {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes circleAni {
  0% {
    stroke-dasharray: 0, 43.96;
  }
  100% {
    stroke-dasharray: 43.96, 43.96;
  }
}
@keyframes xzAni {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ----------------------- */
/* ----- 全局公共属性 ----- */
[active] svg {
  vertical-align: top;
}
[active] svg path {
  fill: currentColor;
}
.ani,
.wow {
  visibility: hidden;
}
/* 公共内容区 */
.container {
  width: 85%;
  margin: 0 auto;
  max-width: 1600px;
  position: relative;
  z-index: 5;
}
.container.active {
  max-width: 1600px;
}
@media (max-width:1260px) {
  .container {
    width: 100%;
    padding: 0 60px;
  }
}
@media (max-width:991px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
}
/* 公共内容 */
.public-content {
  font-size: var(--font18);
  color: #222222;
  line-height: 1.625;
  text-align: justify;
}
.public-content > * + * {
  margin-top: 1em;
}
.public-content a {
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-content a:hover {
  color: var(--green-color);
}
.public-content table {
  max-width: 100%;
}
.public-content table td,
.public-content table th {
  padding: 10px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.public-content li {
  margin: 0 0 0 1.2em;
}
.public-content img,
.public-content video {
  max-width: 100%;
  height: auto !important;
}
/* ie浏览器提示 */
#hi-upgrade {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
}
#hi-upgrade .hi-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -177px 0 0 -450px;
  width: 900px;
}
#hi-upgrade .hi-wrap .hi-title {
  font-size: 30px;
  line-height: 40px;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-close {
  margin: 10px 0;
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  color: var(--color);
}
#hi-upgrade .hi-wrap .hi-close:hover {
  text-decoration: underline;
}
#hi-upgrade .hi-wrap .hi-text1 {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-text1 span {
  color: var(--color);
}
#hi-upgrade .hi-wrap .hi-text2 {
  position: relative;
  margin: 60px 0;
  color: #333;
}
#hi-upgrade .hi-wrap .hi-text2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  border-top: 1px solid #ddd;
}
#hi-upgrade .hi-wrap .hi-text2 span {
  position: relative;
  z-index: 5;
  padding: 0 30px;
  background: #fff;
}
#hi-upgrade .hi-wrap .hi-list {
  overflow: hidden;
}
#hi-upgrade .hi-wrap .hi-list li {
  display: inline-block;
  width: 16%;
}
#hi-upgrade .hi-wrap .hi-list li div {
  margin: 0 auto 5px;
  width: 50px;
  height: 50px;
}
#hi-upgrade .hi-wrap .hi-list li a {
  color: #666;
}
#hi-upgrade .hi-wrap .hi-list li a:hover {
  color: var(--color);
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
  background: url(../images/hi-llq-1.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
  background: url(../images/hi-llq-2.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
  background: url(../images/hi-llq-3.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
  background: url(../images/hi-llq-4.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
  background: url(../images/hi-llq-5.jpg) no-repeat center / 100%;
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
  background: url(../images/hi-llq-6.jpg) no-repeat center / 100%;
}
/* 回到顶部 */
#c-go-top {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 999;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--color);
  cursor: pointer;
}
@media (max-width:991px) {
  #c-go-top {
    display: none !important;
  }
}
#c-go-top svg {
  width: 50%;
  height: 50%;
}
#c-go-top svg use {
  fill: #FFFFFF;
}
/* 二维码弹窗 */
#c-code-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#c-code-pop .c-img-box {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 20px;
  width: 200px;
  border-radius: 5px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#c-code-pop .c-img-box .c-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  bottom: -60px;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  transition: all 0.4s;
}
#c-code-pop .c-img-box .c-close img,
#c-code-pop .c-img-box .c-close svg {
  margin: 4px;
  width: 18px;
  height: 18px;
}
#c-code-pop .c-img-box .c-close img path,
#c-code-pop .c-img-box .c-close svg path {
  fill: #333;
  transition: all 0.4s;
}
#c-code-pop .c-img-box .c-close:hover {
  background-color: var(--color);
}
#c-code-pop .c-img-box .c-close:hover svg path {
  fill: #fff;
}
#c-code-pop .c-img-box > img {
  width: 100%;
}
#c-code-pop .c-img-box .c-text {
  padding-top: 10px;
  line-height: 1;
  text-align: center;
  color: #333;
}
.public-pc {
  display: block;
}
.public-mb {
  display: none;
}
/* 公共图片 */
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.public-img::before {
  content: "";
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}
.public-img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.8s;
}
@media (max-width:991px) {
  .public-pc {
    display: none;
  }
  .public-mb {
    display: block;
  }
}
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- 头部 */
header { width: 100%; height: 0; position: fixed; top: 0; left: 0; z-index: 100; transition: background 0.5s ease, transform 0.5s ease; }
header.active .header-box, header:hover .header-box { transform: translateZ(0); padding: 0;transition: all .3s 0s;}
header.active .header-box::after, header:hover .header-box::after { width: 100vw; border-radius: 0;transition: all .3s 0s;}
header .header-box { width: 100%; height: var(--header-height); position: relative; z-index: 10; margin: 0 auto; padding: 0 40px; transform: translateY(10px); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-transition: all 0.3s 0.3s ease; -o-transition: all 0.3s 0.3s ease; transition: all 0.3s 0.3s ease; }
header .header-box .logo-box { width: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }
header .header-box .logo-box .logo { width: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
header .header-box .logo-box .logo a { width: auto; max-width: 100%; height: 52%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; color: #FFFFFF; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box .logo-box .logo a svg { width: auto; min-width: 0; max-width: 100%; max-height: 100%; fill: currentColor; }
header .header-box .logo-box .stock-word { margin-left: 1.25em; text-align: center; font-size: var(--font16); color: #666666; line-height: 1.25; }
header .header-box nav { width: auto; height: 100%; position: relative; z-index: 1; font-size: 16px; --this-width: 0; --this-offset: 0; --this-opacity: 1; }
header .header-box nav ul { width: 100%; height: 100%; position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
header .header-box nav ul li { width: auto; height: 100%; }
header .header-box nav ul li > a { width: 100%; height: 100%; position: relative; z-index: 1; padding: 0 0.28rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; white-space: nowrap; line-height: 1; color: #222222; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box nav ul li .subnav-box { width: 100vw; max-width: 1920px; height: auto; position: absolute; left: 50%; top: 100%; background: #FFFFFF; transform: translate(-50%, 10px); display: grid; grid-template-columns: repeat(2, 1fr); pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
header .header-box nav ul li .subnav-box .subnav-main { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
header .header-box nav ul li .subnav-box .subnav-main .images-box { width: calc(534/960*100%); height: auto; overflow: hidden; }
header .header-box nav ul li .subnav-box .subnav-main .images-box .pb { padding-bottom: 0; height: 100%; min-height: 4rem; }
header .header-box nav ul li .subnav-box .subnav-main .images-box img { width: 100%; height: 100%; object-fit: cover; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info { width: 100%; min-width: 0; height: auto; flex: 1; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.6rem 0.4rem 0.4rem; overflow: hidden; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .info { width: 100%; height: auto; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .info .title { width: 100%; height: auto; font-weight: bold; font-size: var(--font24); color: #222222; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .info .line { width: 1em; height: 2px; margin: 0.4em 0; background: var(--color); font-size: var(--font40); }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .info .details { width: 100%; height: auto; margin-top: 5px; font-size: var(--font16); color: #666666; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .public-more { width: 100%; height: auto; margin-top: 0.4rem; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .public-more .more { padding: 0; background: transparent; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .public-more .more .word { padding: 0 1em 0 0; font-size: var(--font16); }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a .public-more .more .icon::after { background: #F4F4F4; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a:hover .public-more .more { color: var(--color); }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a:hover .public-more .more .icon { color: #FFFFFF; }
header .header-box nav ul li .subnav-box .subnav-main .subnav-info a:hover .public-more .more .icon::after { background: var(--color); }
header .header-box nav ul li .subnav-box .menu-box { width: 100%; height: auto; display: grid; grid-template-columns: repeat(3, 1fr); }
header .header-box nav ul li .subnav-box .menu-box .item { width: 100%; height: auto; position: relative; z-index: 1; border-left: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; overflow: hidden; }
header .header-box nav ul li .subnav-box .menu-box .item a { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.3rem 0.4rem 0.2rem; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
header .header-box nav ul li .subnav-box .menu-box .item a .info { width: 100%; height: auto; }
header .header-box nav ul li .subnav-box .menu-box .item a .info .title { width: 100%; height: auto; font-weight: bold; font-size: var(--font16); color: #222222; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box nav ul li .subnav-box .menu-box .item a .info .details { width: 100%; height: auto; margin-top: 5px; font-size: var(--font14); color: #CCCCCC; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box nav ul li .subnav-box .menu-box .item a .arrow-btn { width: 100%; height: auto; margin-top: 0.2rem; }
header .header-box nav ul li .subnav-box .menu-box .item a .arrow-btn .more { width: 14px; height: 14px; position: relative; z-index: 1; border-radius: 50%; font-size: 0; color: var(--color); }
header .header-box nav ul li .subnav-box .menu-box .item a .arrow-btn .more svg { width: 100%; height: 100%; position: relative; z-index: 5; fill: currentColor; }
header .header-box nav ul li .subnav-box .menu-box .item a .arrow-btn .more::after { content: ''; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); border-radius: 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box nav ul li .subnav-box .menu-box .item a:hover { background: var(--color); }
header .header-box nav ul li .subnav-box .menu-box .item a:hover .info .title, header .header-box nav ul li .subnav-box .menu-box .item a:hover .info .details { color: #FFFFFF; }
header .header-box nav ul li .subnav-box .menu-box .item a:hover .arrow-btn .more::after { width: 200%; height: 200%; background: #FFFFFF; }
header .header-box nav ul li .subnav-box::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: #DFDFDF; overflow: hidden; }
header .header-box nav ul li .menu { width: 220px; height: auto; border-radius: 0 0 0.1rem 0.1rem; position: absolute; left: 50%; top: 100%; z-index: 1; transform: translate(-50%, 10px); display: block; padding: 10px 0; background: #FFFFFF; filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.08)); opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box nav ul li .menu .one { width: 100%; height: auto; }
header .header-box nav ul li .menu .one a { width: 100%; height: auto; min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 0.25em 1em; font-size: var(--font14); color: #666666; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box nav ul li .menu .one a:hover { background: #F5F5F5; color: #000000; }
header .header-box nav ul li.active > a { color: #FFFFFF; }
header .header-box nav ul li:hover > a { color: #FFFFFF !important; }
header .header-box nav ul li:hover .subnav-box, header .header-box nav ul li:hover .menu { transform: translate(-50%, 0); opacity: 1; pointer-events: auto; visibility: visible; }
header .header-box nav.active ul li.active > a { color: var(--color) !important; }
header .header-box nav::after { content: ''; width: var(--this-width); height: 60%; box-sizing: content-box; position: absolute; left: var(--this-offset); top: 50%; z-index: 1; transform: translateY(-50%); border-radius: var(--header-height); background: var(--color); opacity: var(--this-opacity); pointer-events: none; }
header .header-box .column { width: auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; --value: calc(var(--header-height) * 0.625); --value: calc(var(--header-height) * 0.5); }
header .header-box .column .search-box { width: var(--value); height: var(--value); position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
header .header-box .column .search-box .block-link { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; border-radius: 50%; pointer-events: none; }
header .header-box .column .search-box form { width: auto; height: auto; border-radius: var(--header-height); background: var(--color); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }
header .header-box .column .search-box form input { width: 0; min-width: 0; flex: 1; font-size: var(--font16); color: #FFFFFF; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box .column .search-box form button { width: var(--value); height: var(--value); font-size: 0; color: #FFFFFF; line-height: 1; cursor: pointer; }
header .header-box .column .search-box form button svg { width: 100%; height: 100%; fill: currentColor; }
header .header-box .column .search-box form:hover input, header .header-box .column .search-box form:focus-within input { width: 100px; padding-left: 1em; }
header .header-box .column .lang-box {display: none; width: auto; height: 100%; position: relative; z-index: 10; margin-left: 10px; }
header .header-box .column .lang-box .headline { width: auto; height: 100%; padding: 0 10px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; color: #FFFFFF; transition: color 0.5s ease; }
header .header-box .column .lang-box .headline .word { width: var(--value); height: var(--value); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 50%; background: #FFFFFF; font-size: var(--font16); color: var(--color); }
header .header-box .column .lang-box .menu-box {
  /* width: 120px; height: auto; border-radius: 0.06rem; padding: 10px 4px; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 10px); filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.08)); background: #FFFFFF; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; */
  z-index: -99; width: 55px; height: auto; border-radius: 2rem; padding: 10px 4px; position: absolute; top: 1%; left: 50%; transform: translate(-50%, 10px); filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.08)); background: #85C02E; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding-top: 0.6rem; padding-bottom: 0.2rem; }
header .header-box .column .lang-box .menu-box .one { width: 100%; height: auto; }
header .header-box .column .lang-box .menu-box .one a { width: 100%; height: auto; border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 0.25em 1em; font-weight: normal; font-size: var(--font16);  /* color: #666666; */ color: #FFFFFF; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .header-box .column .lang-box .menu-box .one a:hover { background: var(--color); color: #FFFFFF; }
header .header-box .column .lang-box:hover .headline { color: var(--color); }
header .header-box .column .lang-box:hover .headline .arrow { transform: rotate(180deg); }
header .header-box .column .lang-box:hover .menu-box {  /* transform: translate(-50%, 0); */ opacity: 1; pointer-events: auto; visibility: visible; }
header .header-box .column .mobile-switch { width: auto; height: 100%; margin-left: 10px; padding: 0 20px; background: var(--blue-color); color: #FFFFFF; display: none; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
header .header-box .column .mobile-switch .icon { width: 20px; height: 15px; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
header .header-box .column .mobile-switch i { width: 100%; height: 1px; background: currentColor; transition: all 0.4s; }
header .header-box .column .mobile-switch i:first-child { position: absolute; top: 0; }
header .header-box .column .mobile-switch i:last-child { position: absolute; bottom: 0; }
header .header-box .column .mobile-switch.active i:nth-child(2) { opacity: 0; }
header .header-box .column .mobile-switch.active i:first-child { top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
header .header-box .column .mobile-switch.active i:last-child { bottom: 50%; -webkit-transform: translateY(50%) rotate(-45deg); transform: translateY(50%) rotate(-45deg); }
header .header-box .column .mobile-switch:hover::after { opacity: 0; }
header .header-box::after { content: ''; width: 100%; height: 100%; position: absolute; left: 50%; top: 0; z-index: -1; transform: translateX(-50%); border-radius: var(--header-height); background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); -webkit-transition: all 0.3s 0.3s ease; -o-transition: all 0.3s 0.3s ease; transition: all 0.3s 0.3s ease; }
header::after { content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.1); pointer-events: none; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
@media (max-width:1600px) {
  header .container { width: 95%; padding: 0 40px; }
  header .header-box { padding: 0 30px; }
  .pop-win1 .pop-right {
    width: 7rem;
  }
  header .header-box .column .lang-box .menu-box { padding-top: 0.9rem; }
  header .header-box nav ul li > a{padding: 0 .2rem;}
}
@media (max-width:1260px) {
  header .header-box { transform: translateZ(0); }
  header .header-box::after { width: 100vw; border-radius: 0; }
  header .container { width: 100%; padding: 0 20px; }
  header .header-box { padding: 0 20px; }
  header .header-box nav { font-size: 14px; }
}
@media (max-width:1200px) {
  header .container { width: 100%; padding: 0; }
  header .header-box { transform: translateZ(0); padding: 0 0 0 30px; }
  header .header-box::after { width: 100vw; border-radius: 0; }
  header .header-box nav { display: none; }
  header .header-box .column .mobile-switch { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background: var(--color); }
}
@media (max-width:991px) {
  header .header-box { padding: 0 0 0 20px; }
  header .header-box .column .search-box { pointer-events: auto; }
  header:hover .header-box, header.active .header-box, header.details-active .header-box { padding: 0 0 0 20px; }
}
@media (max-width:767px) {
  header .header-box .column .lang-box .menu-box { padding-top: 0.6rem; }
}
@media (max-width:480px) {
  header .header-box .column .search-box, header .header-box .column .lang-box { display: none; }
}


/* 移动端 */
.mobile-header { width: 100%; height: var(--vh); padding: var(--header-height) 0 20px; position: fixed; left: 0; top: 0; z-index: 99; background: #FFFFFF; opacity: 0; visibility: hidden; overflow: hidden; }
.mobile-header .mobile-main { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; overflow: hidden; }
.mobile-header .mobile-main .mobile-nav { width: 100%; height: 100%; flex: 1; overflow: hidden; overflow-y: auto; }
.mobile-header .mobile-main .mobile-nav ul { width: 100%; height: auto; overflow: hidden; }
.mobile-header .mobile-main .mobile-nav ul li { width: 100%; height: auto; }
.mobile-header .mobile-main .mobile-nav ul li .headline { width: 100%; height: auto; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.mobile-header .mobile-main .mobile-nav ul li .headline a { width: auto; max-width: 100%; flex: 1; height: auto; font-size: 16px; color: #000000; }
.mobile-header .mobile-main .mobile-nav ul li .headline .icon { width: 12px; height: 12px; font-size: 0; color: #000000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-sizing: content-box; padding: 5px 0 5px 20px; }
.mobile-header .mobile-main .mobile-nav ul li .headline .icon svg { width: 100%; height: 100%; fill: currentColor; }
.mobile-header .mobile-main .mobile-nav ul li ul { width: 100%; height: auto; padding: 14px 20px 14px 36px; display: none; background: #FAFAFA; }
.mobile-header .mobile-main .mobile-nav ul li ul li { width: 100%; height: auto; }
.mobile-header .mobile-main .mobile-nav ul li ul li > .headline { padding: 0; border: 0; }
.mobile-header .mobile-main .mobile-nav ul li ul li > .headline .icon { width: 12px; height: 12px; font-size: 0; color: #333333; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.mobile-header .mobile-main .mobile-nav ul li ul li > .headline .icon svg { width: 100%; height: 100%; fill: currentColor; }
.mobile-header .mobile-main .mobile-nav ul li ul li > .headline a, .mobile-header .mobile-main .mobile-nav ul li ul li > a { width: auto; max-width: 100%; display: block; padding: 10px 0; font-size: 14px; color: #333333; overflow: hidden; }
.mobile-header .mobile-main .mobile-nav ul li ul li.is-set > .headline::after { content: '+'; width: auto; height: auto; padding: 10px 0 10px 20px; text-align: right; line-height: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.mobile-header .mobile-main .mobile-nav ul li ul li.is-set.active > .headline::after { content: '-'; color: var(--color); }
.mobile-header .mobile-main .mobile-nav ul li ul li ul { padding: 0 0 10px 14px; }
.mobile-header .mobile-main .mobile-nav ul li ul li ul li > .headline a, .mobile-header .mobile-main .mobile-nav ul li ul li ul li a { padding: 6px 0; font-size: 12px; color: #999999; }
.mobile-header .mobile-main .mobile-nav ul li ul li { border: 0; }
.mobile-header .mobile-main .mobile-nav ul > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.mobile-header .mobile-main .mobile-nav ul li.active > a, .mobile-header .mobile-main .mobile-nav ul li.active > .headline a { color: var(--color); }
.mobile-header .mobile-main .mobile-nav ul li.is-set.active > .headline .icon { color: var(--color); }
.mobile-header .mobile-main .mobile-nav ul li.active > .headline .icon { color: var(--color); }
.mobile-header .mobile-main .mobile-info { width: 100%; height: auto; padding: 20px; overflow: hidden; }
.mobile-header .mobile-main .mobile-info .form-box { width: 100%; height: auto; }
.mobile-header .mobile-main .mobile-info .form-box form { width: 100%; height: 54px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; border-radius: 50px; border: 1px solid #DDDDDD; transition: all .5s ease; overflow: hidden; }
.mobile-header .mobile-main .mobile-info .form-box form input { width: 100%; min-width: 0; height: 100%; flex: 1; padding-left: 1em; font-size: var(--font18); color: #000000; }
.mobile-header .mobile-main .mobile-info .form-box form button { width: 54px; height: 54px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; color: var(--color); }
.mobile-header .mobile-main .mobile-info .form-box form button svg { width: 100%; height: 100%; fill: currentColor; }
.mobile-header .mobile-main .mobile-info .form-box form:focus-within { border-color: var(--color); }
.mobile-header .mobile-main .mobile-info .lang-box { width: 100%; height: auto; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; grid-gap: 10px; display: none; }
.mobile-header .mobile-main .mobile-info .lang-box .one { width: auto; height: auto; }
.mobile-header .mobile-main .mobile-info .lang-box .one a { width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 50%; background: #F5F5F5; font-size: var(--font16); color: var(--color); }
.mobile-header .mobile-main .mobile-info .lang-box .one.active a { background: var(--color); color: #FFFFFF; }

/* 导航占位 */
.header-nbsp { width: 100%; height: var(--header-height); }
/* ------------------------------- */
/* ------------------------------- 底部 */
footer { width: 100%; height: auto; position: relative; z-index: 10; background: #474747; overflow: hidden; }
footer .footer-box { width: 100%; height: auto; position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 0.9rem 0 0.7rem; }
footer .footer-box .contact-box { width: 30%; max-width: 450px; height: auto; font-size: 0; overflow: hidden; }
footer .footer-box .contact-box .logo { width: 100%; max-width: 1.6rem; min-width: 120px; height: auto; }
footer .footer-box .contact-box .logo a { width: auto; height: auto; }
footer .footer-box .contact-box .contact-details { width: 100%; height: auto; margin-top: 0.3rem; font-size: var(--font16); color: #dfdfdf; }
footer .footer-box .contact-box .contact-details p + p { margin-top: 0.75em; }
footer .footer-box .nav-box { width: 100%; min-width: 0; /* max-width: 800px; */ height: auto; flex: 1; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; grid-gap: 0.5rem; }
footer .footer-box .nav-box .item { width: auto; min-width: 5%; height: auto; }
footer .footer-box .nav-box .item .headline { width: 100%; height: auto; }
footer .footer-box .nav-box .item .headline a { width: auto; height: auto; position: relative; z-index: 1;  color: #dfdfdf; line-height: 1; white-space: nowrap; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer-box .nav-box .item .headline .icon { width: 8px; height: 8px; display: none; font-size: 0; color: var(--color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer-box .nav-box .item .headline .icon svg { width: 100%; height: 100%; fill: currentColor; }
footer .footer-box .nav-box .item .headline a:hover { color: var(--color); }
footer .footer-box .nav-box .item .menu { width: 100%; height: auto; margin-top: 0.2rem; }
footer .footer-box .nav-box .item .menu .one { width: 100%; height: auto; }
footer .footer-box .nav-box .item .menu .one a { width: auto; height: auto; position: relative; z-index: 1; font-size: var(--font14); color: #dfdfdf; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer-box .nav-box .item .menu .one a:hover { color: var(--color); }
footer .footer-box .nav-box .item .menu .one + .one { margin-top: 0.1rem; }
@media (max-width:991px) {
  footer .footer-box { display: block; }
  footer .footer-box .contact-box { width: 100%; max-width: 100%; }
  footer .footer-box .contact-box .contact-details { margin-top: 30px; }
  footer .footer-box .nav-box { max-width: 100%; display: block; margin: 50px 0 0; }
  footer .footer-box .nav-box .item { padding-bottom: 15px; border-bottom: 1px solid #D6D6D6; width: 100%; }
  footer .footer-box .nav-box .item .headline { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
  footer .footer-box .nav-box .item .headline a { width: 100%; min-width: 0; flex: 1; font-size: var(--font18); }
  footer .footer-box .nav-box .item .headline a::before { height: 100%; left: 0; transform-origin: left bottom; transform: rotate(20deg); }
  footer .footer-box .nav-box .item .headline .icon { display: block; }
  footer .footer-box .nav-box .item .headline::after { display: none; }
  footer .footer-box .nav-box .item .menu { margin-top: 20px; display: none; }
  footer .footer-box .nav-box .item .menu .one + .one { margin-top: 0.14rem; }
  footer .footer-box .nav-box .item.active .headline a .icon { transform: rotate(45deg); }
  footer .footer-box .nav-box .item.active .menu { display: none; }
  footer .footer-box .nav-box .item + .item { margin: 20px 0 0; }
}
footer .footer-info { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
footer .footer-info .links-box { width: 100%; min-width: 0; height: auto; flex: 1; margin: 0 40px -0.25em 0; -webkit-box-self: center; -ms-align-self: center; -webkit-align-self: center; align-self: center; }
footer .footer-info .links-box .links {  /* width: 100%; */
  height: auto; /* display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; */ display: -webkit-inline-flex; display: inline-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: var(--font14); color: #000000; line-height: 1.5;
  display: none;
}
footer .footer-info .links-box .links a { margin-right: 1.5em; color: #000000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer-info .links-box .links a:hover { color: var(--color); }
footer .footer-info .links-box .links + .links { margin-top: 0.5em; }
footer .footer-info .share-box { width: auto; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; }
footer .footer-info .share-box .item { width: auto; height: auto; margin: 0 0.1rem 0.06rem 0; position: relative; z-index: 1; }
footer .footer-info .share-box .item .icon-box { 
  width: 0.6rem; min-width: 40px; height: 0.6rem; min-height: 40px; position: relative; z-index: 1; 
  border: 1px solid #fff; 
  border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 0; 
  color: #fff; 
  line-height: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; 
}
footer .footer-info .share-box .item .icon-box img, footer .footer-info .share-box .item .icon-box svg { width: 35%; height: 35%; position: relative; z-index: 5; }
footer .footer-info .share-box .item .icon-box svg * { fill: currentColor; }
footer .footer-info .share-box .item .qrcode { width: 1rem; min-width: 80px; height: auto; position: absolute; left: 50%; bottom: 100%; z-index: 10; transform: translate(-50%, 0); filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1)); opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer-info .share-box .item .qrcode::after { content: ''; width: 0; height: 0; display: block; margin: 0 auto; border-width: 5px 4px 0 4px; border-style: solid; border-color: white transparent transparent transparent; }
footer .footer-info .share-box .item .qrcode .img { width: 100%; height: auto; padding: 2px; background: #FFFFFF; border-radius: 3px; overflow: hidden; }
footer .footer-info .share-box .item .qrcode .img img { width: 100%; }
footer .footer-info .share-box .item:hover .icon-box { border-color: var(--color); color: var(--color); }
footer .footer-info .share-box .item:hover .qrcode { transform: translate(-50%, -10px); opacity: 1; visibility: visible; pointer-events: auto; }
@media (max-width:991px) {
  footer .footer-info .links-box { margin: 0; }
}
footer .footer-copy { width: 100%; height: auto; margin-top: 0.25rem; border-top: 1px solid #acabab; }
footer .footer-copy .copy-box { width: 100%; height: auto; padding: 0.25rem 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
footer .footer-copy .copy-box .copy { width: auto; max-width: 50%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; grid-gap: 0.5em 1em; font-size: var(--font14); color: #ababab; line-height: 1.5; }
footer .footer-copy .copy-box .copy a { position: relative; z-index: 1; margin-right: 0.1rem; color: #ababab; white-space: nowrap; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer-copy .copy-box .copy a:hover { color: var(--color); }
footer .footer-copy .copy-box .links { width: auto; max-width: 50%; height: auto; margin-left: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; grid-gap: 0.5em 2.4em; text-align: right; font-size: var(--font14); color: #666666; line-height: 1.5; }
footer .footer-copy .copy-box .links a { position: relative; z-index: 1; color: #ababab; white-space: nowrap; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
footer .footer-copy .copy-box .links a::before { content: ''; width: 1px; height: 1em; position: absolute; left: 100%; top: 0.75em; z-index: 1; background: #666666; transform: translateX(1.2em) translateY(-55%) rotate(17.5deg); pointer-events: none; }
footer .footer-copy .copy-box .links a:hover { color: var(--color); }
footer .footer-copy .copy-box .links a:first-child { margin: 0; }
footer .footer-copy .copy-box .links a:last-child::before { display: none; }
@media (max-width:991px) {
  footer .footer-copy { border: 0; }
  footer .footer-copy .copy-box { display: block; padding: 0 0 30px; text-align: center; }
  footer .footer-copy .copy-box .links, footer .footer-copy .copy-box .copy { width: 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
  footer .footer-copy .copy-box .copy { margin: 6px 0 0; }
  footer .footer-copy .copy-box .links { margin: 0.5em 0 0; grid-gap: 0.5em 1.5em; }
  footer .footer-copy .copy-box .links a::before { display: none; }
}
/* ------------------------------- */
/* ------------------------------- 挂件 */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- 首页 => 公共样式 */
main { width: 100%; height: auto; position: relative; z-index: 1; }
.parallax-box { width: 100%; height: 120% !important; position: absolute; left: 0; top: 0; z-index: 5; will-change: transform; overflow: hidden; }
.parallax-box .parallax-main { width: 100%; height: 100%; overflow: hidden; }
.public-hidden { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }

/* 标题 */
.idx-title { width: 100%; height: auto; }
.idx-title .title { width: 100%; height: auto; font-weight: bold; font-size: var(--font36); color: #000000; line-height: 1.2; }
.idx-title .title span { color: var(--color); }
.idx-title .details { width: 100%; height: auto; margin-top: 1em; font-size: var(--font18); color: #666666; line-height: 1.67; }

/* 默认按钮 */
.public-more { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; grid-gap: 0.2rem; }
.public-more .more { width: auto; height: auto; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 50px; background: #EEEEEE; color: #000000; cursor: pointer; --value: 54px; }
.public-more .more .word { min-width: 0; flex: 1; position: relative; z-index: 5; padding: 0 1em 0 1.5em; font-size: var(--font16); color: currentColor; white-space: nowrap; line-height: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.public-more .more .icon { width: var(--value); height: var(--value); position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 0; color: #FFFFFF; transform: scale(0.63); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.public-more .more .icon svg { width: 100%; height: 100%; position: relative; z-index: 5; fill: currentColor; }
.public-more .more .icon::after { content: ''; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); border-radius: 50%; background: var(--color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
@media (max-width:1600px) {
  .public-more .more { --value: 50px; }
}
@media (max-width:1440px) {
  .public-more .more { --value: 48px; }
}
@media (max-width:1260px) {
  .public-more .more { --value: 44px; }
}
.public-more .more:hover .word { color: var(--color); transform: translateX(0.25em); }
.public-more .more:hover .icon { transform: rotate(45deg); }

/* 文字箭头按钮 */
.public-text-arrow { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;  /* 白色 */ }
.public-text-arrow .more { width: auto; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color: #000000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.public-text-arrow .more .word { font-size: var(--font16); color: currentColor; line-height: 1; white-space: nowrap; }
.public-text-arrow .more .icon { width: 10px; height: 10px; margin-left: 10px; font-size: 0; color: var(--color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.public-text-arrow .more .icon svg { width: 100%; height: 100%; fill: currentColor; }
.public-text-arrow .more:hover { color: var(--color); }
.public-text-arrow .more:hover .icon { transform: rotate(45deg); }
.public-text-arrow .more.white { color: #FFFFFF; }
.public-text-arrow .more.white .icon { color: #FFFFFF; }
.public-text-arrow .more.white:hover { color: #FFFFFF; }

/* 圆形按钮 */
.arrow-box { width: 100%; height: auto; overflow: hidden; }
.arrow-box .more { width: 0.5rem; height: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 50%; background: #F4F4F4; color: var(--color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.arrow-box .more svg { width: 100%; height: 100%; fill: currentColor; }
.arrow-box .more.white { background: #FFFFFF; color: #FFFFFF; }
.arrow-box .more.small { width: 0.4rem; height: 0.4rem; }

/* Swiper Btn */
.swiper-pager { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.swiper-pager .swiper-btn { width: 50px; height: 50px; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; border-radius: 50%; background: #FFFFFF; cursor: pointer; color: #999999; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; --r: 23; }
.swiper-pager .swiper-btn .circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; overflow: hidden; }
.swiper-pager .swiper-btn .circle svg { width: 100%; height: 100%; }
.swiper-pager .swiper-btn .circle svg circle { r: var(--r); fill: none; stroke-width: 2; }
.swiper-pager .swiper-btn .circle svg circle:first-child { stroke: #E8EAED; }
.swiper-pager .swiper-btn .circle svg circle:last-child { transform-origin: center; transform: rotate(-90deg); stroke: var(--color); stroke-dasharray: 0 calc(var(--r) * 2 * 3.14); transition: stroke-dasharray 0.3s linear; }
.swiper-pager .swiper-btn .icon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; }
.swiper-pager .swiper-btn .icon svg { width: 100%; height: 100%; fill: currentColor; }
.swiper-pager .swiper-btn.swiper-button-disabled { pointer-events: none; color: #DDDDDD; opacity: 0.5; }
.swiper-pager .swiper-btn:hover { color: var(--color); }
.swiper-pager .swiper-btn:hover .circle svg circle:last-child { stroke-dasharray: calc(var(--r) * 2 * 3.14) calc(var(--r) * 2 * 3.14); }
@media (max-width:1600px) {
  .swiper-pager .swiper-btn { width: 44px; height: 44px; -r: 21; }
}
@media (max-width:1260px) {
  .swiper-pager .swiper-btn { width: 40px; height: 40px; -r: 19; }
}
@media (max-width:768px) {
  .swiper-pager .swiper-btn { width: 36px; height: 36px; -r: 17; color: var(--color); }
  .swiper-pager .swiper-btn .circle { display: none; }
  .swiper-pager .swiper-btn::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 50%; border: 1px solid var(--color); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
  .swiper-pager .swiper-btn.swiper-button-disabled { color: #DDDDDD; }
  .swiper-pager .swiper-btn.swiper-button-disabled::after { border-color: #E8EAED; }
}
.swiper-pager .swiper-btn + .swiper-btn { margin-left: 0.1rem; }

/* 公共 - 左右结构 - 头部 */
.public-headline { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.public-headline .idx-title { min-width: 0; max-width: 1000px; flex: 1; -webkit-box-self: center; -ms-align-self: center; -webkit-align-self: center; align-self: center; }
.public-headline .public-more { width: auto; margin-left: 0.6rem; }
.public-headline .swiper-pager { width: auto; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-self: end; -ms-align-self: end; -webkit-align-self: end; align-self: end; }
@media (max-width:991px) {
  .public-headline { display: block; }
  .public-headline .public-more { margin: 25px 0 0; }
  .public-headline .swiper-pager { display: none; }
}

/* Swiper Pager */
.pager-box { width: 100%; height: auto; font-size: 0; text-align: center; }
.pager-box .pager { margin-top: 40px; }
.pager-box .pager span { width: 16px; height: 2px; margin: 0 5px !important; border-radius: 0; background: var(--color); opacity: 0.2; }
.pager-box .pager span.active { opacity: 1; }
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- 首页 */
/* Banner */
.idx-banner { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }
.idx-banner .swiper-box { width: 100%; height: auto; position: relative; z-index: 1; background: #000000; overflow: hidden; }
.idx-banner .swiper-box .swiper-slide { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }
.idx-banner .swiper-box .swiper-slide .banner-box { width: 100%; height: 100%; padding: var(--header-height) 0; position: absolute; left: 0; top: 0; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; }
.idx-banner .swiper-box .swiper-slide .banner-box .info-box { width: 100%; height: auto; }
.idx-banner .swiper-box .swiper-slide .banner-box .info-box .subtitle { width: 100%; height: auto; font-size: var(--font18); color: #FFFFFF; }
.idx-banner .swiper-box .swiper-slide .banner-box .info-box .title { width: 100%; height: auto; font-weight: bold; font-size: var(--font60); color: #FFFFFF; }
.idx-banner .swiper-box .swiper-slide .banner-box .info-box .line { width: 1em; height: 2px; margin: 0.4rem 0; background: var(--color); font-size: var(--font80); }
.idx-banner .swiper-box .swiper-slide .banner-box .info-box .details { width: 100%; height: auto; font-size: var(--font24); color: #FFFFFF; }
.idx-banner .swiper-box .swiper-slide .images-box { width: 100%; height: 100vh; height: 100dvh; height: 100svh; height: var(--init-vh); position: relative; z-index: 1; font-size: 0; overflow: hidden; }
.idx-banner .swiper-box .swiper-slide .images-box .images { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; will-change: transform; overflow: hidden; }
.idx-banner .swiper-box .swiper-slide .images-box .images picture { width: 100%; height: 100%; display: block; will-change: transform; transform: scale(1.1, 1.1); transition: transform 1s linear 2s; }
.idx-banner .swiper-box .swiper-slide .images-box .images video, .idx-banner .swiper-box .swiper-slide .images-box .images img { width: 100%; height: 100%; object-fit: cover; }
.idx-banner .swiper-box .swiper-slide .svg-box { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; z-index: 2; transform: translateY(7.5%); opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; }
.idx-banner .swiper-box .swiper-slide .svg-box svg { width: 100%; height: 100%; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .lord, .idx-banner .swiper-box .swiper-slide .svg-box svg .divide, .idx-banner .swiper-box .swiper-slide .svg-box svg .divide-active, .idx-banner .swiper-box .swiper-slide .svg-box svg .line-dotted { fill: none; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .lord, .idx-banner .swiper-box .swiper-slide .svg-box svg .divide, .idx-banner .swiper-box .swiper-slide .svg-box svg .divide-active, .idx-banner .swiper-box .swiper-slide .svg-box svg .dot-big, .idx-banner .swiper-box .swiper-slide .svg-box svg .dot-small { stroke: #FFFFFF; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .lord, .idx-banner .swiper-box .swiper-slide .svg-box svg .dot-big, .idx-banner .swiper-box .swiper-slide .svg-box svg .dot-small { stroke-width: 2px; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .lord, .idx-banner .swiper-box .swiper-slide .svg-box svg .divide, .idx-banner .swiper-box .swiper-slide .svg-box svg .divide-active, .idx-banner .swiper-box .swiper-slide .svg-box svg .petal, .idx-banner .swiper-box .swiper-slide .svg-box svg .petal-small { fill-rule: evenodd; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .divide, .idx-banner .swiper-box .swiper-slide .svg-box svg .divide-active { stroke-width: 1px; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .divide { opacity: 0.1; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .divide-active { opacity: 0.6; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .dot-big, .idx-banner .swiper-box .swiper-slide .svg-box svg .dot-small, .idx-banner .swiper-box .swiper-slide .svg-box svg .petal, .idx-banner .swiper-box .swiper-slide .svg-box svg .petal-small { fill: #FFFFFF; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .dot-big { opacity: 0.2; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .dot { opacity: 0; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .petals { opacity: 0; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .petal { fill-opacity: 0.2; }
.idx-banner .swiper-box .swiper-slide .svg-box svg .line-dotted { fill-opacity: 0; stroke: #FFFFFF; stroke-width: 1px; stroke-dasharray: 1 16; }
.idx-banner .swiper-box .swiper-slide .svg-box .brand-menu { width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; }
.idx-banner .swiper-box .swiper-slide .svg-box .brand-menu .item { width: auto; height: 0.2rem; position: absolute; transform: translate(-50%, -50%); opacity: 0; }
.idx-banner .swiper-box .swiper-slide .svg-box .brand-menu .item:nth-child(1) { left: 25.5%; top: 60%; }
.idx-banner .swiper-box .swiper-slide .svg-box .brand-menu .item:nth-child(2) { left: 47.5%; top: 61%; }
.idx-banner .swiper-box .swiper-slide .svg-box .brand-menu .item:nth-child(3) { left: 82.5%; top: 74%; }
.idx-banner .swiper-box .swiper-slide .svg-box .brand-menu .item:nth-child(4) { left: 87.2%; top: 24.5%; }
.idx-banner .swiper-box .swiper-slide.active-show .svg-box { opacity: 1; }
@media (max-width: 1260px) {
  .idx-banner { padding-top: var(--header-height); }
}
@media (max-width: 991px) {
  /* .idx-banner .swiper-box .swiper-slide .images-box { height: 0; padding-bottom: 56.25%; min-height: 350px; max-height: 100vh; } */
  .idx-banner .swiper-box .swiper-slide .svg-box { transform: translateY(0); }
}
@media (max-width:768px) {
  .idx-banner .swiper-box .swiper-slide .svg-box { bottom: 10vh; }
}
.idx-banner .pager-box { position: absolute; left: 0; bottom: 0.4rem; z-index: 10; }


/* 关于我们 */
.idx-about {
  width: 100%;
  height: auto;
}
.idx-about .sticky-box {
  width: 100%;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  overflow: hidden;
}
.idx-about .sticky-box .first-about {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background: #000000;
  overflow: hidden;
  -webkit-clip-path: circle(var(--value) at 50% 50%);
  clip-path: circle(var(--value) at 50% 50%);
  opacity: var(--opacity);
  --value: 100%;
  --opacity: 1;
}
.idx-about .sticky-box .first-about .about-box {
  width: 100%;
  height: 100vh;
  padding: 1.2rem 0;
  display: grid;
  grid-gap: 0.6rem;
}
.idx-about .sticky-box .first-about .about-box .item {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  opacity: 0.25;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.idx-about .sticky-box .first-about .about-box .item .info-box {
  width: 50%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  color: #FFFFFF;
}
.idx-about .sticky-box .first-about .about-box .item .info-box .info {
  width: auto;
  height: auto;
}
.idx-about .sticky-box .first-about .about-box .item .info-box .info .number {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 1;
}
.idx-about .sticky-box .first-about .about-box .item .info-box .info .number .num {
  font-family: 'Montserrat', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  font-size: var(--font100);
  line-height: 0.7;
}
.idx-about .sticky-box .first-about .about-box .item .info-box .info .number .word {
  margin-left: 0.5em;
  font-size: var(--font30);
}
.idx-about .sticky-box .first-about .about-box .item .info-box .info .number .unit {
  margin-left: 0.25em;
  font-size: var(--font50);
  line-height: 0.5;
}
.idx-about .sticky-box .first-about .about-box .item .info-box .info .title {
  width: 100%;
  height: auto;
  margin-top: 1em;
  font-size: var(--font24);
}
.idx-about .sticky-box .first-about .about-box .item.active {
  opacity: 1;
}
.idx-about .sticky-box .first-about .about-box .item:nth-child(4n - 3) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.idx-about .sticky-box .first-about .about-box .item:nth-child(4n - 2) .info-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx-about .sticky-box .first-about .about-box .item:nth-child(4n - 1) {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.idx-about .sticky-box .first-about .about-box .item:nth-child(4n - 1) .info-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx-about .sticky-box .first-about .about-box .item:nth-child(4n) .info-box {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.idx-about .sticky-box .first-about .images-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0.35;
  overflow: hidden;
}
.idx-about .sticky-box .first-about .images-box picture {
  width: 100%;
  height: 100%;
  display: block;
}
.idx-about .sticky-box .first-about .images-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx-about .sticky-box .last-about {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: #FFFFFF;
  overflow: hidden;
}
.idx-about .sticky-box .last-about .about-box {
  width: 100%;
  height: 100vh;
  padding: var(--header-height) 0 0;
  overflow: hidden;
}
.idx-about .sticky-box .last-about .about-box .logo {
  width: 100%;
  height: auto;
  margin-top: 1rem;
  text-align: center;
  font-size: 0;
}
.idx-about .sticky-box .last-about .about-box .idx-title {
  width: 100%;
  height: auto;
  margin-top: 0.3rem;
  text-align: center;
}
.idx-about .sticky-box .last-about .about-box .public-more {
  margin-top: 0.3rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.idx-about .sticky-box .last-about .images-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
.idx-about .sticky-box .last-about .images-box picture {
  width: 100%;
  height: 100%;
  display: block;
}
.idx-about .sticky-box .last-about .images-box img,
.idx-about .sticky-box .last-about .images-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.idx-about::after {
  content: '';
  width: 100%;
  height: 140vh;
  display: block;
}

/* 乘用车产品和解决方案 */
.idx-solution-passenger { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden }
.idx-solution-passenger .idx-title { position: absolute; left: 0; top: 1.35rem; z-index: 5; text-align: center }
.idx-solution-passenger .idx-title .title, .idx-solution-passenger .idx-title .details { color: #FFFFFF }
.idx-solution-passenger .images-box { width: 100%; height: auto; overflow: hidden }
.idx-solution-passenger .images-box .menu-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; pointer-events: none; display: none }
.idx-solution-passenger .images-box .menu-box .item { width: auto; height: auto; position: absolute; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; cursor: pointer; --value: 26px }
@media (max-width:1280px) {
	.idx-solution-passenger .images-box .menu-box .item { --value: 20px }
}
@media (max-width:768px) {
	.idx-solution-passenger .images-box .menu-box .item { --value: 16px }
}
.idx-solution-passenger .images-box .menu-box .item .info-box { width: auto; height: auto; position: absolute; left: 0; top: 50%; z-index: 10; transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
.idx-solution-passenger .images-box .menu-box .item .info-box .icon { width: var(--value); height: var(--value); position: absolute; left: calc((var(--value) * (40 / 26) - var(--value)) / 2); top: 50%; z-index: 5; transform: translateY(-50%); border-radius: 50%; background: rgba(255, 255, 255, 0.8) }
.idx-solution-passenger .images-box .menu-box .item .info-box .icon::after { content: ''; width: 38.5%; height: 38.5%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); border-radius: 50%; background: var(--color) }
.idx-solution-passenger .images-box .menu-box .item .info-box .word { width: auto; min-width: 0; height: calc(var(--value) * (40 / 26)); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-left: calc(var(--value) * (40 / 26)); background: rgba(255, 255, 255, 0.2); border-radius: 100px; flex-basis: 0; font-size: var(--font16); white-space: nowrap; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden }
.idx-solution-passenger .images-box .menu-box .item .info-box:hover .word { padding: 0 1em 0 calc(var(--value) * (40 / 26) + .25em); flex: 1; background: rgba(255, 255, 255, 0.8) }
.idx-solution-passenger .images-box .frame-box { width: 100%; height: 100vh; position: relative; z-index: 1; background: #000000; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; overflow: hidden }
.idx-solution-passenger .images-box .frame-box img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; object-fit: cover; pointer-events: none; visibility: hidden; }
.idx-solution-passenger .images-box .frame-box .on { visibility: visible; }
.idx-solution-passenger .images-box .thumbnail-box { width: auto; height: 60%; position: absolute; left: .4rem; top: 50%; z-index: 10; transform: translateY(-50%) }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main { width: fit-content; height: 100%; position: relative; z-index: 1 }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images { width: 100%; height: 100%; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: .25rem; padding: .2rem .4rem; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px) }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images::before, .idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; border-radius: .25rem; border: 2px solid #FFFFFF; opacity: .5 }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images::before { -webkit-mask: linear-gradient(125deg, black, transparent 50%); mask: linear-gradient(125deg, black, transparent 50%) }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images::after { -webkit-mask: linear-gradient(-65deg, black, transparent 50%); mask: linear-gradient(-65deg, black, transparent 50%) }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images img { height: 100%; object-fit: contain; }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10 }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one { width: 0; height: 0; position: absolute; z-index: 10; cursor: pointer; opacity: .75; --value: 20px }
@media (max-width:1280px) {
	.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one { --value: 18px }
}
@media (max-width:991px) {
	.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one { --value: 16px }
}
@media (max-width:768px) {
  .idx-solution-passenger .images-box .thumbnail-box .thumbnail-main { margin: 0 auto; }
  .idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images { height: auto; }
  .idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images img { max-height: 70vh; }
	.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one { --value: 20px }
}
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one .icon { width: var(--value); height: var(--value); position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); border-radius: 50%; background: #FFFFFF; color: var(--color); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one .icon::before, .idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one .icon::after { content: ''; width: 50%; height: 50%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%) scale(.75); background: currentColor }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one .icon::before { width: 2px }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one .icon::after { height: 2px }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one::before, .idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one::after { content: ''; width: var(--value); height: var(--value); position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%) scale(0); border-radius: 50%; pointer-events: none; background: #FFFFFF }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one::before { animation: carDotAni 3s ease-in-out infinite }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one::after { animation: carDotAni 3s ease-in-out 1s infinite }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(2n)::before { animation-delay: 1s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(2n)::after { animation-delay: 2s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(3n)::before { animation-delay: 1.6s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(3n)::after { animation-delay: 2.6s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(4n)::before { animation-delay: .5s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(4n)::after { animation-delay: 1.5s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(5n)::before { animation-delay: 1.5s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:nth-child(5n)::after { animation-delay: 3s }
.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .menu .one:hover .icon { background: var(--color); color: #FFFFFF }
.idx-solution-passenger .alert-car { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1000; padding: 0 .5rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-solution-passenger .alert-car.active { opacity: 1; visibility: visible }
.idx-solution-passenger .alert-car.active .alert-main { pointer-events: auto }
.idx-solution-passenger .alert-car .alert-main { width: 100%; min-width: 300px; max-width: 4.5rem; height: auto; max-height: 90vh; margin: auto 0; padding: .5rem; background: rgba(0, 0, 0, 0.26); backdrop-filter: blur(20px); border-radius: .25rem; border: 1px solid rgba(255, 255, 255, 0.1) }
.idx-solution-passenger .alert-car .alert-main .close { width: 18px; height: 18px; position: absolute; right: .2rem; top: .2rem; z-index: 10; transform: rotate(45deg); color: #FFFFFF; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden }
.idx-solution-passenger .alert-car .alert-main .close::before, .idx-solution-passenger .alert-car .alert-main .close::after { content: ''; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); background: currentColor }
.idx-solution-passenger .alert-car .alert-main .close::before { width: 2px }
.idx-solution-passenger .alert-car .alert-main .close::after { height: 2px }
.idx-solution-passenger .alert-car .alert-main .close:hover { transform: rotate(135deg) }
.idx-solution-passenger .alert-car .alert-main .headline { width: 100%; height: auto; font-weight: bold; font-size: var(--font24); color: #FFFFFF }
.idx-solution-passenger .alert-car .alert-main .details { width: 100%; height: auto; max-height: calc(4em * 1.875); margin-top: .2rem; font-size: var(--font14); color: #FFFFFF; line-height: 1.7145; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden }
.idx-solution-passenger .alert-car .alert-main .images { width: 100%; height: auto; margin-top: .3rem; border-radius: .1rem; border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden }
.idx-solution-passenger .alert-car .alert-main .images .pb { padding-bottom: 75% }
.idx-solution-passenger .alert-car .alert-main .public-more { margin-top: .75rem }
.idx-solution-passenger .alert-car .alert-main .public-more .more { background: rgba(255, 255, 255, 0.1); color: #FFFFFF }
.idx-solution-passenger .icon-360 { width: .6rem; min-width: 48px; height: .6rem; min-height: 48px; position: fixed; left: 0; top: 0; transform: translate(-50%, -50%); z-index: 1000; pointer-events: none; filter: opacity(.5); opacity: 0; visibility: hidden }
@media (max-width:1280px) {
	.idx-solution-passenger .alert-car .alert-main .public-more { margin-top: 30px }
}
@media (max-width:991px) {
	.idx-solution-passenger .images-box .frame-box { height: 0; padding-bottom: 56.25%; min-height: 600px }
	.idx-solution-passenger .images-box .thumbnail-box { top: auto; bottom: 40px; transform: translateZ(0) }
	.idx-solution-passenger .alert-car { padding: 0 .4rem }
}
@media (max-width:768px) {
	.idx-solution-passenger { padding: 1.2rem 0; background: #000000 linear-gradient(rgba(255, 255, 255, 0.15), black) }
	.idx-solution-passenger .idx-title { position: relative; top: 0 }
	.idx-solution-passenger .idx-title .details br { display: none }
	.idx-solution-passenger .images-box { margin-top: 40px; padding: 0 40px }
	.idx-solution-passenger .images-box .frame-box { height: 0; padding-bottom: 56.25%; min-height: 500px; display: none; visibility: hidden }
	.idx-solution-passenger .images-box .thumbnail-box { width: 100%; max-width: 300px; height: auto; position: relative; left: 0; top: 0; margin: 0 auto; transform: translateZ(0) }
	.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images { padding: 0; border-radius: 0; background: transparent; backdrop-filter: blur(0) }
	.idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images::before, .idx-solution-passenger .images-box .thumbnail-box .thumbnail-main .images::after { display: none }
	.idx-solution-passenger .alert-car { background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(10px) }
	.idx-solution-passenger .alert-car .alert-main { min-width: 0; max-width: 450px }
}
@keyframes carDotAni {
	0% { transform: translate(-50%, -50%) scale(0); opacity: 1 }
	100% { transform: translate(-50%, -50%) scale(2); opacity: 0 }
}


/* 商用车产品和解决方案 */

.idx-solution-commercial { width: 100%; height: auto }
.idx-solution-commercial .sticky-box { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden }
.idx-solution-commercial .sticky-box .container { pointer-events: none }
.idx-solution-commercial .sticky-box .solution-box { width: 100%; height: 100vh; position: relative; z-index: 1 }
.idx-solution-commercial .sticky-box .solution-box .solution-center { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; padding: 1.3rem 0 1.5rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between }
.idx-solution-commercial .sticky-box .solution-box .solution-center .idx-title { text-align: center; pointer-events: auto }
.idx-solution-commercial .sticky-box .solution-box .solution-center .idx-title .title, .idx-solution-commercial .sticky-box .solution-box .solution-center .idx-title .details { color: #FFFFFF }
.idx-solution-commercial .sticky-box .solution-box .solution-center .solution-main { width: 100%; min-width: 640px; height: auto; position: relative; left: 50%; z-index: 1; transform: translateX(-50%) }
.idx-solution-commercial .sticky-box .solution-box .solution-center .solution-main .svg-box { width: 100%; height: auto; font-size: 0; -webkit-mask: linear-gradient(90deg, transparent, black 40%, black, black 60%, transparent); mask: linear-gradient(90deg, transparent 5%, black 40%, black, black 60%, transparent 95%) }
.idx-solution-commercial .sticky-box .solution-box .solution-center .solution-main .svg-box svg { width: 100%; height: auto; overflow: visible }
.idx-solution-commercial .sticky-box .solution-box .solution-center .solution-main .svg-box svg path { fill: none; fill-rule: evenodd; stroke: #FFFFFF; stroke-width: 2 }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box { width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; z-index: 10; pointer-events: none; -webkit-mask: linear-gradient(90deg, transparent 5%, black 12.5%, black, black 87.5%, transparent 95%); mask: linear-gradient(90deg, transparent 5%, black 12.5%, black, black 87.5%, transparent 95%) }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item { width: 0; height: 0; position: relative; z-index: 1; pointer-events: auto; cursor: pointer }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item .info-box { width: .3rem; height: auto; position: absolute; left: 50%; transform: translate(-50%, -0.15rem); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item .info-box .icon-box { width: 100%; height: 0; padding-bottom: 100%; position: relative; z-index: 1; border-radius: 50%; background: #FFFFFF; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item .info-box .icon-box .img { width: 33.33%; height: 33.33%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); border-radius: 50%; background: var(--color); display: flex; align-items: center; justify-content: center; font-size: 0; color: #FFFFFF; overflow: hidden }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item .info-box .icon-box .img svg { width: 60%; height: 60%; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item .info-box .icon-box .img svg path { fill: currentColor }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item .info-box .word { width: 100%; height: auto; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 10px); text-align: center; font-weight: bold; font-size: var(--font20); color: #FFFFFF }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item.active .info-box { width: .8rem; transform: translate(-50%, -0.4rem) }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item.active .info-box .icon-box { background: transparent }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item.active .info-box .icon-box .img { width: 100%; height: 100%; }
.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box .item.active .info-box .icon-box .img svg { opacity: 1 }
.idx-solution-commercial .sticky-box .swiper-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #000000; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; overflow: hidden }
.idx-solution-commercial .sticky-box .swiper-box .swiper-slide { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden }
.idx-solution-commercial .sticky-box .swiper-box .swiper-slide.swiper-slide-active { z-index: 5 }
.idx-solution-commercial .sticky-box .swiper-box .swiper-slide.swiper-slide-active * { pointer-events: auto }
.idx-solution-commercial .sticky-box .swiper-box .swiper-slide .frame-box { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden }
.idx-solution-commercial .sticky-box .swiper-box .swiper-slide .frame-box img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; object-fit: cover; pointer-events: none; display: none }
.idx-solution-commercial .sticky-box .swiper-box .swiper-slide .frame-box .on { display: block }
.idx-solution-commercial .sticky-box .swiper-thumbnail { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; pointer-events: none }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide { width: 100%; height: 100%; position: relative; z-index: 1; padding: 40px .4rem; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; pointer-events: none }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide.swiper-slide-active .thumbnail-box { pointer-events: auto }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box { width: fit-content; height: 60%; position: relative; z-index: 1 }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images { width: 100%; height: 100%; position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: .25rem; padding: .2rem .4rem; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px) }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images::before, .idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; border-radius: .25rem; border: 2px solid #FFFFFF; opacity: .5 }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images::before { -webkit-mask: linear-gradient(125deg, black, transparent 50%); mask: linear-gradient(125deg, black, transparent 50%) }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images::after { -webkit-mask: linear-gradient(-65deg, black, transparent 50%); mask: linear-gradient(-65deg, black, transparent 50%) }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10 }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one { width: 0; height: 0; position: absolute; z-index: 10; cursor: pointer; opacity: .75; --value: 20px }
@media (max-width:1280px) {
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one { --value: 18px }
}
.idx-solution-commercial .sticky-box .icon-360 { width: .6rem; min-width: 48px; height: .6rem; min-height: 48px; position: fixed; left: 0; top: 0; transform: translate(-50%, -50%); z-index: 1000; pointer-events: none; opacity: 0; filter: opacity(.5); visibility: hidden }
@media (max-width:991px) {
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one { --value: 16px }
}
@media (max-width:768px) {
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one { --value: 20px }
}
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one .icon { width: var(--value); height: var(--value); position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); border-radius: 50%; background: #FFFFFF; color: var(--color); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one .icon::before, .idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one .icon::after { content: ''; width: 50%; height: 50%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%) scale(.75); background: currentColor }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one .icon::before { width: 2px }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one .icon::after { height: 2px }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one::before, .idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one::after { content: ''; width: var(--value); height: var(--value); position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%) scale(0); border-radius: 50%; pointer-events: none; background: #FFFFFF }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one::before { animation: carDotAni 3s ease-in-out infinite }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one::after { animation: carDotAni 3s ease-in-out 1s infinite }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(2n)::before { animation-delay: 1s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(2n)::after { animation-delay: 2s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(3n)::before { animation-delay: 1.6s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(3n)::after { animation-delay: 2.6s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(4n)::before { animation-delay: .5s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(4n)::after { animation-delay: 1.5s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(5n)::before { animation-delay: 1.5s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:nth-child(5n)::after { animation-delay: 3s }
.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .menu .one:hover .icon { background: var(--color); color: #FFFFFF }
.idx-solution-commercial .sticky-box .alert-car { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1000; padding: 0 .5rem; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; opacity: 0; pointer-events: none; visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-solution-commercial .sticky-box .alert-car.active { opacity: 1; visibility: visible }
.idx-solution-commercial .sticky-box .alert-car.active .alert-main { pointer-events: auto }
.idx-solution-commercial .sticky-box .alert-car .alert-main { width: 100%; min-width: 300px; max-width: 4.5rem; height: auto; max-height: 90vh; margin: auto 0; padding: .5rem; background: rgba(0, 0, 0, 0.26); backdrop-filter: blur(20px); border-radius: .25rem; border: 1px solid rgba(255, 255, 255, 0.1) }
.idx-solution-commercial .sticky-box .alert-car .alert-main .close { width: 18px; height: 18px; position: absolute; right: .2rem; top: .2rem; z-index: 10; transform: rotate(45deg); color: #FFFFFF; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; overflow: hidden }
.idx-solution-commercial .sticky-box .alert-car .alert-main .close::before, .idx-solution-commercial .sticky-box .alert-car .alert-main .close::after { content: ''; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); background: currentColor }
.idx-solution-commercial .sticky-box .alert-car .alert-main .close::before { width: 2px }
.idx-solution-commercial .sticky-box .alert-car .alert-main .close::after { height: 2px }
.idx-solution-commercial .sticky-box .alert-car .alert-main .close:hover { transform: rotate(135deg) }
.idx-solution-commercial .sticky-box .alert-car .alert-main .headline { width: 100%; height: auto; font-weight: bold; font-size: var(--font24); color: #FFFFFF }
.idx-solution-commercial .sticky-box .alert-car .alert-main .details { width: 100%; height: auto; max-height: calc(4em * 1.875); margin-top: .2rem; font-size: var(--font14); color: #FFFFFF; line-height: 1.7145; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden }
.idx-solution-commercial .sticky-box .alert-car .alert-main .images { width: 100%; height: auto; margin-top: .3rem; border-radius: .1rem; border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden }
.idx-solution-commercial .sticky-box .alert-car .alert-main .images .pb { padding-bottom: 75% }
.idx-solution-commercial .sticky-box .alert-car .alert-main .public-more { margin-top: .75rem }
.idx-solution-commercial .sticky-box .alert-car .alert-main .public-more .more { background: rgba(255, 255, 255, 0.1); color: #FFFFFF }
@media (max-width:1280px) {
	.idx-solution-commercial .sticky-box .alert-car .alert-main .public-more { margin-top: 30px }
}
.idx-solution-commercial .sticky-box .pager-box { width: 100%; height: auto }
@media (max-width:991px) {
	.idx-solution-commercial .sticky-box .solution-box { height: 0; padding-bottom: 56.25%; min-height: 600px }
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end }
	.idx-solution-commercial .sticky-box .alert-car { padding: 0 .4rem }
}
@media (max-width:768px) {
	.idx-solution-commercial .sticky-box { padding: 1.2rem 0; background: #000000 linear-gradient(rgba(255, 255, 255, 0.15), black) }
	.idx-solution-commercial .sticky-box .solution-box { height: auto; padding: 0; min-height: 0 }
	.idx-solution-commercial .sticky-box .solution-box .solution-center { height: auto; position: relative; padding: 0; display: block }
	.idx-solution-commercial .sticky-box .solution-box .solution-center .solution-main { display: none }
	.idx-solution-commercial .sticky-box .solution-box .solution-center .menu-box { display: none }
	.idx-solution-commercial .sticky-box .swiper-box { visibility: hidden }
	.idx-solution-commercial .sticky-box .swiper-thumbnail { margin-top: 40px; height: 70vh; position: relative }
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide { height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; padding: 0 40px }
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box { width: 100%; max-width: 300px; height: 100%; min-height: 0; position: relative; left: 0; top: 0; margin: 0 auto; transform: translateZ(0) }
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images { padding: 0; border-radius: 0; background: transparent; backdrop-filter: blur(0); text-align: center; display: block }
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images::before, .idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images::after { display: none }
	.idx-solution-commercial .sticky-box .swiper-thumbnail .swiper-slide .thumbnail-box .images img { width: auto }
	.idx-solution-commercial .sticky-box .alert-car { background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(10px) }
	.idx-solution-commercial .sticky-box .alert-car .alert-main { min-width: 0; max-width: 450px }
}


/* 新闻资讯 */
.idx-news { width: 100%; height: auto; overflow: hidden }
.idx-news .news-box { width: 100%; height: auto; padding: 1.2rem 0 }
.idx-news .news-box .public-headline { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-bottom: .5rem; border-bottom: 1px solid #DFDFDF }
.idx-news .news-box .public-headline .idx-title { min-width: 0; flex: 1 }
.idx-news .news-box .public-headline .swiper-pager { width: auto; margin-left: 40px }
.idx-news .news-box .swiper-box { width: 100%; height: auto; margin-top: .6rem; transition: margin .5s ease }
.idx-news .news-box .swiper-box .swiper-slide { width: calc(50% * .5675); height: auto; transition: width .5s ease; overflow: hidden }
.idx-news .news-box .swiper-box .swiper-slide a { width: 100%; height: auto; position: relative; z-index: 1; border-radius: .3rem; display: block; overflow: hidden }
.idx-news .news-box .swiper-box .swiper-slide a .images { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden }
.idx-news .news-box .swiper-box .swiper-slide a .images::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; background: linear-gradient(transparent 25%, black); opacity: .75 }
.idx-news .news-box .swiper-box .swiper-slide a .images .pb { height: 6rem; padding-bottom: 0 }
.idx-news .news-box .swiper-box .swiper-slide a .images img { width: 100%; height: 100%; object-fit: cover }
.idx-news .news-box .swiper-box .swiper-slide a .info-box { width: 100%; height: auto; position: absolute; left: 0; bottom: 0; z-index: 10; padding: .3rem .4rem; transform: translateY(100%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-news .news-box .swiper-box .swiper-slide a .info-box .info { width: 100%; height: auto; transform: translateY(-100%) translateY(-0.3rem); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.idx-news .news-box .swiper-box .swiper-slide a .info-box .info .time { width: 100%; height: auto; display: block; font-size: var(--font18); color: #FFFFFF }
.idx-news .news-box .swiper-box .swiper-slide a .info-box .info .title { width: 100%; height: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: .5em 0 .2rem; font-size: var(--font24); color: #FFFFFF }
.idx-news .news-box .swiper-box .swiper-slide a .info-box .details { width: 100%; height: auto; margin-top: .2rem; font-size: var(--font16); color: #FFFFFF; line-height: 1.75; overflow: hidden }
.idx-news .public-more{justify-content: center;margin-top: .4rem;}
@media (min-width:1024px) {
	.idx-news .news-box .swiper-box .swiper-slide:hover { width: 50% !important }
	.idx-news .news-box .swiper-box:has(.swiper-slide-next ~ .swiper-slide:hover) { margin-left: -18% }
}
.idx-news .news-box .swiper-box .swiper-slide:hover a .info-box { transform: translateZ(0) }
.idx-news .news-box .swiper-box .swiper-slide:hover a .info-box .info { transform: translateZ(0) }
@media (min-width:769px) {
	.idx-news .news-box .swiper-box .swiper-slide.active { width: 50% }
}
@media (max-width:768px) {
  .idx-news .news-box .swiper-box .swiper-wrapper { display: block; }
  .idx-news .news-box .swiper-box .swiper-slide { width: 100%; }
	.idx-news .news-box .swiper-box .swiper-slide a .images .pb { height: auto; padding-bottom: calc(600/800*100%) }
  .idx-news .news-box .swiper-box .swiper-slide + .swiper-slide { margin-top: 20px; }
}


/* 股票 */
.public-stock {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  border-top: 1px solid #DFDFDF;
  background: #FFFFFF;
  overflow: hidden;
}
.public-stock .idx-title .title {
  font-weight: normal;
}
.public-stock .idx-title .details {
  margin-top: 0.5em;
  font-size: var(--font16);
}
.public-stock .stock-head {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 9;
}
.public-stock .stock-head .stock-box {
  width: 100%;
  height: auto;
  padding: 1.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.public-stock .stock-head .stock-box .stock-info {
  width: 50%;
  max-width: 570px;
  height: auto;
}
.public-stock .stock-head .stock-box .stock-info .info-box {
  width: 100%;
  height: auto;
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.public-stock .stock-head .stock-box .stock-info .info-box .info {
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
  margin-right: 0.5rem;
}
.public-stock .stock-head .stock-box .stock-info .info-box .info .number {
  width: auto;
  height: auto;
  font-weight: bold;
  font-size: var(--font60);
  color: #222222;
  line-height: 1;
}
.public-stock .stock-head .stock-box .stock-info .info-box .info .details {
  width: 100%;
  height: auto;
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 1em;
  font-size: var(--font18);
  color: #222222;
}
.public-stock .stock-head .stock-box .stock-info .info-box .info .details i {
  width: 1.11em;
  height: 1.11em;
  border-radius: 50%;
  background: red;
  color: #FFFFFF;
  line-height: 1;
}
.public-stock .stock-head .stock-box .stock-info .info-box .info .details i svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.public-stock .stock-head .stock-box .stock-info .info-box .info .details i.down {
  transform: rotate(180deg);
  background: green;
}
.public-stock .stock-head .stock-box .stock-info .info-box .details-box {
  width: 45%;
  max-width: 270px;
  height: auto;
  border-radius: 0.15rem;
  border: 1px solid rgba(223, 223, 223, 0.4);
  background: rgba(255, 255, 255, 0.15);
  display: table;
  padding: 0.2rem 0.1rem 0.25rem;
}
.public-stock .stock-head .stock-box .stock-info .info-box .details-box .one {
  width: 100%;
  height: auto;
  display: table-row;
}
.public-stock .stock-head .stock-box .stock-info .info-box .details-box .one .label,
.public-stock .stock-head .stock-box .stock-info .info-box .details-box .one .word {
  display: table-cell;
  padding: 0.05rem 0.1rem;
  font-size: var(--font16);
  color: #666666;
}
.public-stock .stock-head .stock-box .stock-info .info-box .details-box .one .label {
  width: 100%;
}
.public-stock .stock-head .stock-box .stock-info .info-box .details-box .one .word {
  width: auto;
}
.public-stock .stock-head .stock-box .stock-share {
  width: 31.25%;
  height: auto;
}
.public-stock .stock-head .stock-box .stock-share .share {
  width: auto;
  height: auto;
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.public-stock .stock-head .stock-box .stock-share .share .item {
  width: auto;
  height: auto;
  margin: 0 0.1rem 0.06rem 0;
  position: relative;
  z-index: 1;
}
.public-stock .stock-head .stock-box .stock-share .share .item .icon-box {
  width: 0.5rem;
  min-width: 36px;
  height: 0.5rem;
  min-height: 36px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(223, 223, 223, 0.75);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0;
  line-height: 1;
  overflow: hidden;
}
.public-stock .stock-head .stock-box .stock-share .share .item .icon-box img,
.public-stock .stock-head .stock-box .stock-share .share .item .icon-box svg {
  width: 70%;
  height: 40%;
  position: relative;
  z-index: 5;
  filter: brightness(0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-stock .stock-head .stock-box .stock-share .share .item .icon-box svg * {
  fill: currentColor;
}
.public-stock .stock-head .stock-box .stock-share .share .item .qrcode {
  width: 1.64rem;
  min-width: 80px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 10;
  transform: translate(-50%, 0);
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.1));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-stock .stock-head .stock-box .stock-share .share .item .qrcode::before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto;
  border-width: 0 4px 5px 4px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}
.public-stock .stock-head .stock-box .stock-share .share .item .qrcode .img {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  overflow: hidden;
}
.public-stock .stock-head .stock-box .stock-share .share .item .qrcode .img img {
  width: 100%;
}
.public-stock .stock-head .stock-box .stock-share .share .item:hover .icon-box img {
  filter: brightness(1);
}
.public-stock .stock-head .stock-box .stock-share .share .item:hover .qrcode {
  transform: translate(-50%, 10px);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (max-width:768px) {
  .public-stock .stock-head .stock-box {
    display: block;
  }
  .public-stock .stock-head .stock-box .stock-info {
    width: 100%;
    max-width: 100%;
  }
  .public-stock .stock-head .stock-box .stock-share {
    width: 100%;
    margin-top: 1.2rem;
  }
}
@media (max-width:480px) {
  .public-stock .stock-head .stock-box .stock-info .info-box {
    display: block;
  }
  .public-stock .stock-head .stock-box .stock-info .info-box .info {
    margin: 0;
  }
  .public-stock .stock-head .stock-box .stock-info .info-box .details-box {
    width: 100%;
    max-width: 100%;
    margin: 20px 0 0;
  }
}
.public-stock .stock-foot {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  border-top: 1px solid #DFDFDF;
  overflow: hidden;
}
.public-stock .stock-foot .stock-box {
  width: 100%;
  height: auto;
  padding: 0.7rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.public-stock .stock-foot .stock-box .headline {
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
  font-size: var(--font36);
  color: #000000;
}
.public-stock .stock-foot .stock-box .public-more {
  width: auto;
  margin-left: 1rem;
}
@media (max-width:768px) {
  .public-stock .stock-foot .stock-box {
    display: block;
  }
  .public-stock .stock-foot .stock-box .headline {
    text-align: center;
  }
  .public-stock .stock-foot .stock-box .public-more {
    width: 100%;
    margin: 0.3rem 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
.public-stock .images-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
@media (max-width:768px) {
  .public-stock .images-box {
    opacity: 0.5;
  }
}
/* ------------------------------- 首页结束 */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- 内页公共 => 样式 */
.inner-title {
  width: 100%;
  height: auto;
  text-align: center;
}
.inner-title .title {
  font-weight: 500;
  font-size: var(--font40);
  color: #222222;
}
/* 面包屑导航 */
.breadcrumb-nav {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
  padding-top: 15px;
}
.breadcrumb-nav .nav-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.breadcrumb-nav .nav-box,
.breadcrumb-nav .nav-box a {
  font-size: var(--font16);
  color: #999999;
  line-height: 1.5;
}
.breadcrumb-nav .nav-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.breadcrumb-nav .nav-box i {
  width: 0.08rem;
  height: 0.12rem;
  margin: 0 1.5em;
}
.breadcrumb-nav .nav-box i svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.breadcrumb-nav .nav-box a:hover {
  color: var(--color);
}
@media (max-width:768px) {
  .breadcrumb-nav .nav-box,
  .breadcrumb-nav .nav-box a {
    font-size: 12px;
  }
  .breadcrumb-nav .nav-box i {
    margin: 0 8px;
  }
}
/* ------------------------------- 内页公共 => 板块 */
/* Banner */
.inner-banner {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}
.inner-banner .banner-box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 10;
}
.inner-banner .banner-box .banner-main {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.inner-banner .banner-box .banner-main .container {
  min-height: 0;
  flex: 1;
}
.inner-banner .banner-box .banner-main .banner-info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-bottom: var(--header-height);
}
.inner-banner .banner-box .banner-main .banner-info .breadcrumb-nav {
  padding: 30px 0;
}
.inner-banner .banner-box .banner-main .banner-info .breadcrumb-nav .nav-box,
.inner-banner .banner-box .banner-main .banner-info .breadcrumb-nav .nav-box a,
.inner-banner .banner-box .banner-main .banner-info .breadcrumb-nav .nav-box a:hover,
.inner-banner .banner-box .banner-main .banner-info .breadcrumb-nav .nav-box i {
  color: #FFFFFF;
}
.inner-banner .banner-box .banner-main .banner-info .breadcrumb-nav .nav-box i {
  opacity: 0.5;
}
.inner-banner .banner-box .banner-main .banner-info .info-box {
  width: 100%;
  height: auto;
  min-height: 0;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inner-banner .banner-box .banner-main .banner-info .info-box .info {
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
}
.inner-banner .banner-box .banner-main .banner-info .info-box .info .subtitle {
  width: 100%;
  height: auto;
  font-size: var(--font24);
  color: #FFFFFF;
}
.inner-banner .banner-box .banner-main .banner-info .info-box .info .headline {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: var(--font58);
  color: #FFFFFF;
}
.inner-banner .banner-box .banner-main .banner-info .info-box .info .line {
  width: 1em;
  height: 2px;
  margin-top: 0.3rem;
  background: var(--color);
  font-size: var(--font80);
}
.inner-banner .banner-box .banner-main .banner-info .info-box .info .details {
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
  font-size: var(--font24);
  color: #FFFFFF;
}
.inner-banner .banner-box .banner-main .banner-info .info-box .info .line + .details {
  margin-top: 0.4rem;
}
.inner-banner .banner-box .banner-main .banner-info .info-box .img-box {
  width: 50%;
}
.inner-banner .banner-box .banner-main .banner-info .info-box .img-box .img {
  width: 80vw;
  max-width: 11.41rem;
  position: relative;
  z-index: 1;
  left: 50%;
  transform: translate(-55%);
}
.inner-banner .banner-box .banner-main .banner-info .info-box.active .info {
  -webkit-box-self: end;
  -ms-align-self: end;
  -webkit-align-self: end;
  align-self: end;
  padding-bottom: 1rem;
}
.inner-banner .banner-box .banner-main .banner-info .info-box.active .info .subtitle {
  font-size: var(--font36);
}
.inner-banner .banner-box .banner-main .banner-info .info-box.active .info .headline {
  font-size: var(--font80);
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .subnav {
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 0.2rem;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .subnav .one {
  width: auto;
  height: auto;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .subnav .one a {
  width: auto;
  min-width: 1.4rem;
  height: 0.56rem;
  min-height: 44px;
  padding: 0 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50px;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .subnav .one.active a,
.inner-banner .banner-box .banner-main .banner-info .subnav-box .subnav .one:hover a {
  border-color: transparent;
  background: var(--color);
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box {
  width: 50%;
  max-width: 7rem;
  height: auto;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form {
  width: 100%;
  height: auto;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select {
  width: 100%;
  height: 100%;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select .layui-select-title {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select .layui-select-title .layui-input {
  width: 100%;
  height: 0.56rem;
  min-height: 44px;
  padding: 0 40px 0 20px;
  border-radius: 50px;
  border: 0;
  background: #FFFFFF;
  font-size: var(--font16);
  color: #222222;
  overflow: hidden;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select .layui-select-title .layui-input::placeholder {
  color: #666666;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select .layui-select-title .layui-input:focus {
  box-shadow: none !important;
  border-color: var(--color) !important;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select .layui-select-title .layui-edge {
  width: 0.4rem;
  min-width: 31px;
  height: 0.4rem;
  min-height: 31px;
  top: 50%;
  right: 0.08rem;
  margin: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: var(--color);
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select .layui-select-title .layui-edge::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../svg/icon-select.svg) no-repeat center / cover;
  filter: brightness(0) invert(1);
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select dl {
  width: 100%;
  height: auto;
  top: 50% !important;
  z-index: 1;
  padding: 30px 0 10px;
  border-radius: 0 0 0.2rem 0.2rem;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select dl dd {
  padding: 0.1rem 1em !important;
  font-weight: normal;
  font-size: var(--font16);
  color: #999999;
  line-height: 1.2;
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select dl .layui-this {
  background: transparent;
  color: var(--color);
}
.inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box .layui-form .layui-form-select.layui-form-selected .layui-select-title .layui-edge {
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width:1260px) {
  .inner-banner .banner-box .banner-main .banner-info .info-box .img-box .img {
    max-width: 10rem;
  }
}
@media (max-width:991px) {
  .inner-banner .banner-box .banner-main .banner-info .breadcrumb-nav {
    padding-top: 20px;
  }
  .inner-banner .banner-box .banner-main .banner-info .info-box .img-box .img {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
}
@media (max-width:768px) {
  .inner-banner .banner-box .banner-main .banner-info {
    padding-bottom: 40px;
  }
  .inner-banner .banner-box .banner-main .banner-info .info-box {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .inner-banner .banner-box .banner-main .banner-info .info-box .info {
    flex: 0 0 auto;
    text-align: center;
  }
  .inner-banner .banner-box .banner-main .banner-info .info-box .info .line {
    margin: 0.2em auto 0;
  }
  .inner-banner .banner-box .banner-main .banner-info .info-box .img-box {
    width: 100%;
    margin-top: 40px;
  }
  .inner-banner .banner-box .banner-main .banner-info .info-box .img-box .img {
    margin: 0 auto;
  }
  .inner-banner .banner-box .banner-main .banner-info .subnav-box {
    display: block;
  }
  .inner-banner .banner-box .banner-main .banner-info .subnav-box .subnav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .inner-banner .banner-box .banner-main .banner-info .subnav-box .subnav .one a {
    height: 40px;
    min-height: 40px;
    font-size: var(--font16);
  }
  .inner-banner .banner-box .banner-main .banner-info .subnav-box .form-box {
    width: 100%;
    margin: 20px auto 0;
  }
}
.inner-banner .banner-box .images-box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-clip-path: ellipse(140% 100% at 50% 0);
  clip-path: ellipse(140% 100% at 50% 0);
}
.inner-banner .banner-box .images-box picture {
  width: 100%;
  height: auto;
  display: block;
  will-change: transform;
}
.inner-banner .banner-box .images-box img {
  width: 100%;
  min-height: 350px;
  object-fit: cover;
}
.inner-banner .banner-box.active {
  padding-top: var(--header-height);
  background: #062A25;
}
.inner-banner .banner-box.active .banner-main {
  position: relative;
}
.inner-banner .banner-box.active::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: linear-gradient(transparent, #01834F);
}
/* 内页 => 公共样式 => 分页 */
.public-pager {
  width: 100%;
  height: auto;
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  --value: 50px;
}
.public-pager * + * {
  margin-left: 0.2rem;
}
.public-pager a {
  width: auto;
  min-width: var(--value);
  height: var(--value);
  position: relative;
  z-index: 1;
  padding: 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-weight: bold;
  font-size: var(--font16);
  color: #666666;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-pager a::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  border-radius: 50%;
  border: 1px solid transparent;
  background: #F4F4F4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-pager a svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.public-pager span {
  padding: 0 10px;
  font-weight: bold;
  font-size: 10px;
  color: #000000;
}
.public-pager .prev,
.public-pager .next {
  width: var(--value);
  height: var(--value);
  padding: 0;
  font-size: 0;
  color: var(--color);
}
.public-pager .prev:hover,
.public-pager .next:hover {
  color: var(--color);
}
.public-pager .prev:hover::after,
.public-pager .next:hover::after {
  border-color: var(--color);
  background: rgba(0, 151, 88, 0.2);
}
.public-pager .prev svg {
  transform: scaleX(-1);
}
.public-pager a.active,
.public-pager a.active:hover {
  color: #FFFFFF;
}
.public-pager a.active::after,
.public-pager a.active:hover::after {
  border-color: transparent;
  background: var(--color);
}
.public-pager a:hover {
  color: #FFFFFF;
}
.public-pager a:hover::after {
  background: var(--color);
}
@media (max-width:1440px) {
  .public-pager {
    --value: 44px;
  }
}
@media (max-width:1024px) {
  .public-pager {
    --value: 40px;
  }
}
@media (max-width:768px) {
  .public-pager {
    --value: 36px;
  }
  .public-pager a {
    font-size: 12px;
  }
  .public-pager * + * {
    margin-left: 5px;
  }
}
/* 二级导航 */
.anchor-subnav {
  width: 100%;
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  z-index: 10;
  transition: top 0.5s ease;
}
.anchor-subnav .subnav-box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  background: #FFFFFF;
}
.anchor-subnav .subnav-box .subnav-main {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
}
.anchor-subnav .subnav-box .subnav-main .swiper-box {
  width: 100%;
  min-width: 0;
  height: calc(var(--header-height) * (80 / 90));
  flex: 1;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.anchor-subnav .subnav-box .subnav-main .swiper-box .swiper-slide {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
}
.anchor-subnav .subnav-box .subnav-main .swiper-box .swiper-slide a {
  width: auto;
  min-width: 1.2rem;
  height: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  font-size: var(--font18);
  color: #222222;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.anchor-subnav .subnav-box .subnav-main .swiper-box .swiper-slide a::after {
  content: '';
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: var(--color);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.anchor-subnav .subnav-box .subnav-main .swiper-box .swiper-slide.active a::after {
  width: 100%;
}
.anchor-subnav .subnav-box::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: #E5E5E5;
}
@media (max-width:991px) {
  .anchor-subnav .subnav-box .container {
    padding: 0;
  }
  .anchor-subnav .subnav-box .subnav-main {
    width: 100%;
    height: auto;
  }
  .anchor-subnav .subnav-box .subnav-main .swiper-box {
    width: 100%;
    padding: 0 20px;
  }
}
header.is-show ~ main .anchor-subnav {
  top: 0;
}
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- 其他页面 */
/* 搜索 */
.inner-search-box {
  width: 100%;
  height: auto;
  background: linear-gradient(#E4ECF5, #FFFFFF 75vh);
  overflow: hidden;
}
.inner-search-box .search-box {
  width: 100%;
  height: auto;
  margin: 1rem 0;
}
.inner-search-box .search-box .form-box {
  width: 100%;
  max-width: 6.34rem;
  height: auto;
  margin: 0 auto;
}
.inner-search-box .search-box .form-box .layui-form {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: #FFFFFF;
  border-radius: 50px;
  padding-left: 0.1rem;
}
.inner-search-box .search-box .form-box .layui-form button {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #999999;
}
.inner-search-box .search-box .form-box .layui-form button svg {
  width: 34%;
  height: 34%;
  fill: currentColor;
}
.inner-search-box .search-box .form-box .layui-form input {
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
  font-size: var(--font16);
  color: #222222;
}
.inner-search-box .search-box .form-box .layui-form input::placeholder {
  color: #222222;
}
@media (max-width:768px) {
  .inner-search-box .search-box .form-box {
    max-width: 100%;
  }
  .inner-search-box .search-box .form-box .layui-form button {
    width: 50px;
    height: 50px;
  }
}
.inner-search-box .search-box .subnav-box {
  width: 100%;
  height: auto;
  margin-top: 1.1rem;
}
.inner-search-box .search-box .subnav-box .headline {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: bold;
  font-size: var(--font24);
  color: #222222;
}
.inner-search-box .search-box .subnav-box .headline span {
  width: auto;
  height: auto;
  box-sizing: content-box;
  padding-bottom: 0.5em;
  position: relative;
  z-index: 5;
}
.inner-search-box .search-box .subnav-box .headline span::after {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: var(--color);
}
.inner-search-box .search-box .subnav-box .headline::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: #DFDFDF;
}
.inner-search-box .search-box .subnav-box .subnav {
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  grid-gap: 0.2rem;
}
.inner-search-box .search-box .subnav-box .subnav .one {
  width: auto;
  height: auto;
}
.inner-search-box .search-box .subnav-box .subnav .one a {
  width: auto;
  min-width: 1.4rem;
  height: 0.56rem;
  min-height: 44px;
  padding: 0 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50px;
  border: 1px solid var(--color);
  color: var(--color);
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inner-search-box .search-box .subnav-box .subnav .one a.active,
.inner-search-box .search-box .subnav-box .subnav .one:hover a {
  border-color: transparent;
  background: var(--color);
  color: #FFFFFF;
}
@media (max-width:768px) {
  .inner-search-box .search-box .subnav-box .headline span::after {
    height: 2px;
  }
  .inner-search-box .search-box .subnav-box .subnav .one a {
    min-height: 40px;
    font-size: var(--font14);
  }
}
.inner-search-box .search-box .menu-box {
  width: 100%;
  height: auto;
  margin-top: 0.6rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.2rem;
}
.inner-search-box .search-box .menu-box .item {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.inner-search-box .search-box .menu-box .item a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: #F4F4F4;
  overflow: hidden;
}
.inner-search-box .search-box .menu-box .item a .images {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.inner-search-box .search-box .menu-box .item a .images .label {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 0.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.inner-search-box .search-box .menu-box .item a .images .label span {
  width: auto;
  height: 0.4rem;
  min-height: 30px;
  margin: 0 10px 5px 0;
  padding: 0 1.2em;
  border-radius: 50px;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: var(--font16);
  color: #222222;
}
.inner-search-box .search-box .menu-box .item a .images .pb {
  padding-bottom: calc(293/520*100%);
}
.inner-search-box .search-box .menu-box .item a .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.inner-search-box .search-box .menu-box .item a .info-box {
  width: 100%;
  height: auto;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.4rem 0.35rem;
}
.inner-search-box .search-box .menu-box .item a .info-box .title {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: var(--font18);
  color: #222222;
}
.inner-search-box .search-box .menu-box .item a .info-box .info {
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.inner-search-box .search-box .menu-box .item a .info-box .info .time {
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
  font-size: var(--font16);
  color: #666666;
  opacity: 0.7;
}
.inner-search-box .search-box .menu-box .item a .info-box .info .public-more {
  width: auto;
}
.inner-search-box .search-box .menu-box .item a .info-box .info .public-more .more {
  padding: 0;
}
.inner-search-box .search-box .menu-box .item a .info-box .info .public-more .more .word {
  font-size: var(--font16);
}
.inner-search-box .search-box .menu-box .item a:hover .images img {
  transform: scale(1.05);
}
.inner-search-box .search-box .menu-box .item a:hover .info-box .info .public-more .more {
  color: var(--color);
}
.inner-search-box .search-box .menu-box .item a:hover .info-box .info .public-more .more .icon {
  color: #FFFFFF;
}
.inner-search-box .search-box .menu-box .item a:hover .info-box .info .public-more .more .icon::after {
  background: var(--color);
}
@media (max-width:991px) {
  .inner-search-box .search-box .menu-box {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:640px) {
  .inner-search-box .search-box .menu-box {
    grid-template-columns: 1fr;
  }
}
/* ------------------------------- */
.public-active-box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: linear-gradient(#E4ECF5, transparent 75vh);
  overflow: hidden;
}
.public-active-box .airplane-box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.public-active-box .airplane-box svg {
  width: 100%;
}
.public-active-box .airplane-box svg path {
  fill: none;
  stroke: #D1DDDA;
  stroke-width: 1px;
  stroke-dasharray: 7 5;
  fill-rule: evenodd;
}
.public-active-box .airplane-box .icon-airplane {
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0;
  filter: drop-shadow(0 10px 2px rgba(0, 0, 0, 0.1));
  transform: translate(-50%, -50%);
}
.public-active-box .info-box {
  width: 100%;
  height: auto;
  padding: 1.2rem 0;
}
.public-active-box .info-box .black-title {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-weight: bold;
  font-size: var(--font24);
  color: #222222;
}
.public-active-box .info-box .black-title span {
  width: auto;
  height: auto;
  box-sizing: content-box;
  padding-bottom: 0.15rem;
  position: relative;
  z-index: 5;
}
.public-active-box .info-box .black-title span::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: var(--color);
}
.public-active-box .info-box .black-title::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: #DFDFDF;
}
.public-active-box .info-box .black-title + .public-content {
  margin-top: 0.4rem;
}
.public-active-box .info-box .public-content {
  font-size: var(--font16);
  color: #666666;
  line-height: 1.75;
}
.public-active-box .info-box .public-content * + * {
  margin-top: 0.4em;
}
.public-active-box .info-box .public-content h1,
.public-active-box .info-box .public-content h2,
.public-active-box .info-box .public-content h3,
.public-active-box .info-box .public-content h4,
.public-active-box .info-box .public-content h5,
.public-active-box .info-box .public-content h6 {
  margin-top: 1em;
  color: #000000;
  line-height: 1.5;
}
.public-active-box .info-box .public-content h1,
.public-active-box .info-box .public-content h2,
.public-active-box .info-box .public-content h3,
.public-active-box .info-box .public-content h4 {
  font-weight: bold;
}
.public-active-box .info-box .public-content h5,
.public-active-box .info-box .public-content h6 {
  font-weight: 600;
}
.public-active-box .info-box .public-content h1 {
  font-weight: 600;
  font-size: var(--font60);
}
.public-active-box .info-box .public-content h2 {
  font-weight: 600;
  font-size: var(--font48);
}
.public-active-box .info-box .public-content h3 {
  font-weight: 600;
  font-size: var(--font42);
}
.public-active-box .info-box .public-content h4 {
  font-weight: 600;
  font-size: var(--font30);
}
.public-active-box .info-box .public-content h5 {
  font-weight: 600;
  font-size: var(--font24);
}
.public-active-box .info-box .public-content h6 {
  font-weight: 600;
  font-size: var(--font18);
}
.public-active-box .info-box .public-content > * + table,
.public-active-box .info-box .public-content > * + .details {
  margin-top: 0.2rem;
}
.public-active-box .info-box .public-content table {
  width: 100%;
  height: auto;
  border: 1px solid #DDDDDD;
}
.public-active-box .info-box .public-content table tr {
  text-align: left;
}
.public-active-box .info-box .public-content table tr th {
  background: #FFFFFF;
  padding: 1em 0.4rem;
  border-color: var(--color);
  font-weight: 600;
  font-size: var(--font18);
  color: #FFFFFF;
  background: var(--color);
}
.public-active-box .info-box .public-content table tr th[colSpan] {
  border-color: #DDDDDD;
  border: 0.1rem 0.1rem 0 0;
  font-weight: bold;
  text-align: center;
  background: #FFFFFF !important;
  color: #000000;
}
.public-active-box .info-box .public-content table tr td {
  background: #FFFFFF;
  padding: 0.8em 0.4rem;
  border: 0;
  font-size: var(--font18);
  color: #666666;
}
.public-active-box .info-box .public-content table tr:nth-child(odd) td {
  background: #F9F9F9;
}
.public-active-box .info-box .public-content .details,
.public-active-box .info-box .public-content ol {
  padding-left: 0.2rem;
  border-left: 3px solid var(--color);
  font-style: italic;
  font-weight: 600;
  color: #000000;
  list-style: none;
}
.public-active-box .info-box .public-content .details * + *,
.public-active-box .info-box .public-content ol * + * {
  margin-top: 0.8em;
}
.public-active-box .info-box .public-content .details + * {
  margin-top: 0.2rem;
}
@media (max-width:1024px) {
  .public-active-box .info-box .public-content h5::after,
  .public-active-box .info-box .public-content h6::after {
    width: 7px;
    height: 7px;
    border-width: 1px;
  }
  .public-active-box .info-box .public-content table tr th {
    font-size: var(--font16);
  }
  .public-active-box .info-box .public-content table tr td {
    font-size: var(--font14);
  }
  .public-active-box .info-box .public-content > * + h6 {
    margin-top: 1em;
  }
  .public-active-box .info-box .public-content .details {
    border-left-width: 2px;
  }
}
@media (max-width:768px) {
  .public-active-box .info-box .public-content table {
    width: 100%;
    display: block;
    overflow-x: auto;
    border: 0;
  }
}
.public-active-box .images-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
/* 404 */
.public-404 {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: linear-gradient(#E4ECF5, transparent 75vh);
  overflow: hidden;
}
.public-404 svg {
  width: 100%;
  height: auto;
}
.public-404 svg .path,
.public-404 svg .text {
  fill: none;
  stroke: #ACB6B3;
  stroke-width: 1px;
  stroke-dasharray: 7 5;
  fill-rule: evenodd;
}
.public-404 .icon-airplane {
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0;
  filter: drop-shadow(0 10px 2px rgba(0, 0, 0, 0.1));
  transform: translate(-50%, -50%);
}
.public-404 .more-box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.public-404 .more-box::before {
  content: '';
  width: 100%;
  height: 0;
  display: block;
  padding-bottom: calc(970/1920*100%);
}
.public-404 .more-box .more {
  width: auto;
  min-width: 2rem;
  height: 0.56rem;
  min-height: 40px;
  position: absolute;
  left: 50%;
  top: 75%;
  transform: translateX(-50%);
  padding: 0 1em;
  border-radius: 50px;
  border: 1px solid transparent;
  background: var(--color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: var(--font16);
  color: #FFFFFF;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-404 .more-box .more:hover {
  border-color: var(--color);
  background: #FFFFFF;
  color: var(--color);
}
@media (max-width:768px) {
  .public-404 svg {
    min-width: 768px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .public-404 .more-box {
    width: 768px;
  }
  .public-404 .more-box .more {
    min-width: 120px;
  }
}
/* 网站地图 */
.public-sitemap {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  background: linear-gradient(#E4ECF5, transparent 75vh);
  overflow: hidden;
}
.public-sitemap .airplane-box {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.public-sitemap .airplane-box svg {
  width: 100%;
}
.public-sitemap .airplane-box svg path {
  fill: none;
  stroke: #D1DDDA;
  stroke-width: 1px;
  stroke-dasharray: 7 5;
  fill-rule: evenodd;
}
.public-sitemap .airplane-box .icon-airplane {
  width: 0.44rem;
  height: 0.44rem;
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0;
  filter: drop-shadow(0 10px 2px rgba(0, 0, 0, 0.1));
  transform: translate(-50%, -50%);
}
.public-sitemap .sitemap-box {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 1.2rem 0;
  overflow: hidden;
}
.public-sitemap .sitemap-box .title-details {
  width: 100%;
  height: auto;
  padding-bottom: 0.25rem;
  text-align: center;
  border-bottom: 1px solid #DFDFDF;
}
.public-sitemap .sitemap-box .title-details .title {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: var(--font36);
  color: #000000;
}
.public-sitemap .sitemap-box .map-menu {
  width: 100%;
  height: auto;
  margin-top: 0.9rem;
}
.public-sitemap .sitemap-box .map-menu .item {
  width: 100%;
  height: auto;
  padding: 0.45rem 0;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border-bottom: 1px solid #DFDFDF;
}
.public-sitemap .sitemap-box .map-menu .item .headline {
  width: 100%;
  height: auto;
}
.public-sitemap .sitemap-box .map-menu .item .headline a {
  font-weight: bold;
  font-size: var(--font18);
  color: #333333;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-sitemap .sitemap-box .map-menu .item .headline a:hover {
  color: var(--color);
}
.public-sitemap .sitemap-box .map-menu .item .menu {
  width: 100%;
  height: auto;
  grid-column: span 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  grid-gap: 0.4rem 0.8rem;
}
.public-sitemap .sitemap-box .map-menu .item .menu .one {
  width: auto;
  height: auto;
}
.public-sitemap .sitemap-box .map-menu .item .menu .one a {
  position: relative;
  z-index: 1;
  font-size: var(--font16);
  color: #666666;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.public-sitemap .sitemap-box .map-menu .item .menu .one a:hover {
  color: var(--color);
}
.public-sitemap .sitemap-box .map-menu .item:first-child {
  padding-top: 0;
}
@media (max-width:991px) {
  .public-sitemap .sitemap-box .map-menu .item {
    display: block;
  }
  .public-sitemap .sitemap-box .map-menu .item .menu {
    margin-top: 0.3rem;
    grid-gap: 0.2rem 0.4rem;
  }
}
@media (max-width:768px) {
  .public-sitemap .sitemap-box .map-menu .item .menu {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:480px) {
  .public-sitemap .sitemap-box .map-menu .item .menu {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 客服 */
.fixed-pendant {
  width: 0.8rem;
  height: auto;
  position: fixed;
  right: 0.35rem;
  bottom: 10vh;
  z-index: 20;
  opacity: 0;
  filter: drop-shadow(5px 10px 18px rgba(128, 142, 174, 0.2));
  visibility: hidden;
}
.fixed-pendant .item {
  width: 100%;
  height: 0;
  margin-top: 14px;
  padding-bottom: 100%;
  position: relative;
  z-index: 1;
  font-size: 0;
  border-radius: 50%;
  background: #FFFFFF;
  cursor: pointer;
  overflow: hidden;
}
.fixed-pendant .item a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fixed-pendant .item a .icon {
  width: 25%;
  height: 25%;
  position: relative;
  z-index: 5;
  margin: 0 auto;
  color: var(--color);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fixed-pendant .item a .icon::before {
  content: '';
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  display: block;
}
.fixed-pendant .item a .icon svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  fill: currentColor;
}
.fixed-pendant .item a .word {
  width: 100%;
  height: auto;
  margin: 5px 0 0;
  text-align: center;
  font-size: 12px;
  color: #999999;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fixed-pendant .item a:hover {
  background: var(--color);
}
.fixed-pendant .item a:hover .icon {
  color: #FFFFFF;
}
.fixed-pendant .item a:hover .word {
  color: #FFFFFF;
}
@media (max-width:991px) {
  .fixed-pendant {
    display: none !important;
  }
}
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- 组件 */
.alert-box {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  /* 您是否到达当地的法定饮酒年龄 */
  /* 投递简历 */
}
.alert-box.active {
  opacity: 1;
  visibility: visible;
}
.alert-box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.alert-box .alert-main {
  width: 100%;
  height: auto;
  max-height: 100%;
  padding: 20px 0;
  position: relative;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  overflow: hidden;
  overflow-y: auto;
}
.alert-box .is-box {
  width: 90%;
  max-width: 518px;
  height: auto;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 1rem 0.4rem 1.2rem;
  background: #FFFFFF;
  overflow: hidden;
}
.alert-box .is-box .headline {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  text-align: center;
  font-weight: bold;
  font-size: var(--font26);
}
.alert-box .is-box .details {
  width: 100%;
  max-width: 310px;
  height: auto;
  margin: 0.2rem auto 0;
  position: relative;
  z-index: 5;
  text-align: center;
  font-size: var(--font14);
  line-height: 1.5;
}
.alert-box .is-box .form-box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 5;
  margin-top: 0.4rem;
}
.alert-box .is-box .form-box .date-menu {
  width: 100%;
  height: 48px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.alert-box .is-box .form-box .date-menu .one {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.alert-box .is-box .form-box .date-menu .one input {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--font18);
}
.alert-box .is-box .form-box .date-menu .one::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
  border: 1px solid #DDDDDD;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .is-box .form-box .date-menu .one:focus-within {
  z-index: 5;
}
.alert-box .is-box .form-box .date-menu .one:focus-within::after {
  border-color: #000000;
}
.alert-box .is-box .form-box .date-menu .one + .one::after {
  width: calc(100% + 1px);
  left: auto;
  right: 0;
}
.alert-box .is-box .form-box .tips-text {
  width: 100%;
  height: auto;
  margin-top: 0.15rem;
  font-size: 12px;
  color: #999999;
}
.alert-box .is-box .form-box .radio-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 0.2rem;
}
.alert-box .is-box .form-box .radio-box .icon {
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
}
.alert-box .is-box .form-box .radio-box .icon input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.alert-box .is-box .form-box .radio-box .icon i {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 1;
  border: 1px solid #666666;
  /* &::after { content: ''; width: 50%; height: 50%; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); background: #666666; opacity: 0; .dh; } */
}
.alert-box .is-box .form-box .radio-box .icon i::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../images/icon-yes.png) no-repeat center / cover;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .is-box .form-box .radio-box .icon input:checked + i {
  border-color: var(--color);
}
.alert-box .is-box .form-box .radio-box .icon input:checked + i::before {
  opacity: 1;
}
.alert-box .is-box .form-box .radio-box .word {
  width: 100%;
  min-width: 0;
  height: auto;
  flex: 1;
  margin-left: 0.5em;
  font-size: var(--font14);
  color: #666666;
  line-height: 1.2;
}
.alert-box .is-box .form-box .submit-box {
  width: 100%;
  height: auto;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.alert-box .is-box .form-box .submit-box .more {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.alert-box .is-box .form-box .submit-box .more .word {
  width: auto;
  height: auto;
  font-size: var(--font16);
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .is-box .form-box .submit-box .more .icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 0.2rem;
  border-radius: 50%;
  border: 1px solid #000000;
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.alert-box .is-box .form-box .submit-box .more .icon svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
}
.alert-box .is-box .form-box .submit-box .more:hover .word {
  color: var(--color);
}
.alert-box .is-box .form-box .submit-box .more:hover .icon {
  border-color: transparent;
  background: var(--color);
  color: #FFFFFF;
}
.alert-box .is-box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url(../svg/BAI.svg) no-repeat bottom / 100%;
  opacity: 0.3;
  -webkit-mask: linear-gradient(black 80%, transparent);
  mask: linear-gradient(black 80%, transparent);
}
.alert-box .join-box {
  width: 90%;
  max-width: 760px;
  height: auto;
  position: relative;
  z-index: 1;
  margin: auto;
  padding: 0.6rem;
  background: #FFFFFF;
  overflow: hidden;
}
.alert-box .join-box .close-box {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  z-index: 20;
  border-radius: 50%;
  transform: rotate(45deg);
  cursor: pointer;
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .join-box .close-box::before,
.alert-box .join-box .close-box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: currentColor;
}
.alert-box .join-box .close-box::before {
  width: 2px;
}
.alert-box .join-box .close-box::after {
  height: 2px;
}
.alert-box .join-box .close-box:hover {
  transform: rotate(135deg);
  color: var(--color);
}
.alert-box .join-box .title-box {
  width: 100%;
  height: auto;
}
.alert-box .join-box .title-box .title {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: var(--font26);
  color: #000000;
}
.alert-box .join-box .title-box .details {
  width: 100%;
  height: auto;
  margin-top: 10px;
  font-size: var(--font14);
  color: #000000;
}
.alert-box .join-box .form-box {
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
}
.alert-box .join-box .form-box .layui-form {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.3rem 0.4rem;
}
.alert-box .join-box .form-box .layui-form .item {
  width: 100%;
  min-width: 0;
  height: auto;
  position: relative;
  z-index: 1;
}
.alert-box .join-box .form-box .layui-form .item .label {
  width: 100%;
  height: auto;
  font-size: var(--font14);
  color: #444444;
}
.alert-box .join-box .form-box .layui-form .item .label span {
  color: red;
}
.alert-box .join-box .form-box .layui-form .item .input {
  width: 100%;
  height: auto;
  margin-top: 10px;
}
.alert-box .join-box .form-box .layui-form .item .input input {
  width: 100%;
  height: 40px;
  padding-bottom: 1.3em;
  line-height: 1;
  font-size: var(--font14);
  color: #000000;
  border-bottom: 1px solid #EEEEEE;
  box-shadow: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .join-box .form-box .layui-form .item .input input::placeholder {
  color: #999999;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select {
  margin-top: 10px;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select .layui-select-title {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select .layui-select-title .layui-input {
  height: 40px;
  padding: 0 30px 1.3em 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #EEEEEE;
  line-height: 1;
  font-size: var(--font14);
  color: #000000;
  box-shadow: none;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select .layui-select-title .layui-input:focus {
  box-shadow: none;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select .layui-select-title .layui-edge {
  width: 10px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  background: url(../svg/select-down.svg) no-repeat center / cover;
  border: 0;
  filter: brightness(0) invert(0.8);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select dl {
  top: 100%;
  border: 0;
  padding: 10px 0;
  background: #FFFFFF;
  border-radius: 0.1rem;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select dl dd {
  padding: 0.8em 0.2rem !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: var(--font14);
  color: #999999;
  line-height: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select dl dd:first-child {
  display: none;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select dl dd.layui-this,
.alert-box .join-box .form-box .layui-form .item .layui-form-select dl dd:hover {
  background: transparent;
  color: #000000;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select.layui-form-selected {
  pointer-events: auto;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select.layui-form-selected .layui-select-title .layui-input {
  border-color: #000000 !important;
  background: transparent;
}
.alert-box .join-box .form-box .layui-form .item .layui-form-select.layui-form-selected .layui-select-title .layui-edge {
  margin: 0;
  transform: translateY(-50%) rotate(180deg);
  filter: brightness(0);
}
.alert-box .join-box .form-box .layui-form .item .file-box {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  margin-top: 10px;
}
.alert-box .join-box .form-box .layui-form .item .file-box input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
  overflow: hidden;
}
.alert-box .join-box .form-box .layui-form .item .file-box .info {
  width: 100%;
  height: auto;
  padding: 0.3rem;
  background: #F9F9F9;
}
.alert-box .join-box .form-box .layui-form .item .file-box .info .icon {
  width: 0.2rem;
  min-width: 14px;
  height: 0.2rem;
  min-height: 14px;
  margin: 0 auto;
  color: #000000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .join-box .form-box .layui-form .item .file-box .info .icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.alert-box .join-box .form-box .layui-form .item .file-box .info .word {
  width: 100%;
  height: auto;
  margin-top: 0.2rem;
  text-align: center;
  font-size: var(--font14);
  color: #999999;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alert-box .join-box .form-box .layui-form .item .file-box.active .info .icon {
  color: #AAAAAA;
}
.alert-box .join-box .form-box .layui-form .item .file-box.active .info .word {
  color: #000000;
}
.alert-box .join-box .form-box .layui-form .item .qrcode {
  width: 100%;
  height: auto;
  margin-top: 10px;
  border-bottom: 1px solid #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.alert-box .join-box .form-box .layui-form .item .qrcode input {
  width: 100%;
  min-width: 0;
  height: 40px;
  flex: 1;
  margin-right: 0.5rem;
  padding-bottom: 1.3em;
  font-size: var(--font14);
  color: #000000;
  box-shadow: none;
}
.alert-box .join-box .form-box .layui-form .item .qrcode input::placeholder {
  color: #999999;
}
.alert-box .join-box .form-box .layui-form .item .qrcode img {
  height: auto;
}
.alert-box .join-box .form-box .layui-form .item:focus-within {
  z-index: 10;
}
.alert-box .join-box .form-box .layui-form .item:focus-within .input input {
  border-color: #000000;
}
.alert-box .join-box .form-box .layui-form .item:focus-within .qrcode {
  border-color: #000000;
}
.alert-box .join-box .form-box .layui-form .active {
  grid-column: 1 / -1;
}
@media (max-width:768px) {
  .alert-box .join-box {
    padding: 1rem 0.3rem 0.6rem;
  }
  .alert-box .join-box .close-box {
    right: 15px;
    top: 15px;
  }
  .alert-box .join-box .form-box .layui-form {
    grid-template-columns: 1fr;
    grid-gap: 0.4rem;
  }
}
/* ------------------------------- */
/* ------------------------------- */

@font-face {font-family: "lib";src: url('../fonts/iconfont.woff2?t=1726120562890') format('woff2'), url('../fonts/iconfont.woff?t=1726120562890') format('woff'), url('../fonts/iconfont.ttf?t=1726120562890') format('truetype');}.lib {font-family: "lib" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.swi-shouye:before {content: "\e6ca";}.swi-xiazai:before {content: "\e789";}.swi-douyin:before {content: "\e601";}.swi-wangwang:before {content: "\e6ac";}.swi-baidu0:before {content: "\e681";}.swi-baidutieba:before {content: "\e682";}.swi-diandian:before {content: "\e687";}.swi-douban:before {content: "\e688";}.swi-facebook:before {content: "\e689";}.swi-fisocialyahoo:before {content: "\e68b";}.swi-google:before {content: "\e68e";}.swi-huaban:before {content: "\e690";}.swi-kaixinwang:before {content: "\e693";}.swi-kongjian:before {content: "\e695";}.swi-linkedin:before {content: "\e697";}.swi-meilishuo:before {content: "\e699";}.swi-pengyouquan0:before {content: "\e69b";}.swi-pengyouquanyin0:before {content: "\e69d";}.swi-pinterest0:before {content: "\e69f";}.swi-qq0:before {content: "\e6a1";}.swi-renren0:before {content: "\e6a3";}.swi-sina:before {content: "\e6a4";}.swi-taobao:before {content: "\e6a6";}.swi-tianya0:before {content: "\e6a9";}.swi-twitter:before {content: "\e6aa";}.swi-wangyi0:before {content: "\e6ae";}.swi-weibo:before {content: "\e6af";}.swi-weixin0:before {content: "\e6b2";}.swi-xin:before {content: "\e6b3";}.swi-yixin0:before {content: "\e6b5";}.swi-youjian0:before {content: "\e6b7";}.swi-zhifubao0:before {content: "\e6b9";}.swi-zhihu:before {content: "\e6ba";}.swi-tuite:before {content: "\e6c8";}.swi-kuaishou:before {content: "\e657";}.swi-yutobe:before {content: "\e71e";}.swi-bilibiliBzhanbilibili:before {content: "\e6c9";}.swi-home-o-hover:before {content: "\e60c";}.swi-renminhao:before {content: "\e7f3";}.swi-toutiao:before {content: "\e6cb";}.swi-baijiahao:before {content: "\e81d";}.swi-kuaishou1:before {content: "\e6cd";}.swi-skype:before {content: "\e7f2";}.swi-xiaohongshu:before {content: "\e605";}.swi-shipinhao:before {content: "\e6c7";}.swi-uniE611:before {content: "\e6fd";}.swi-uniE617:before {content: "\e6fe";}.swi-uniE622:before {content: "\e6ff";}.swi-uniE803:before {content: "\e700";}.swi-uniE806:before {content: "\e701";}.swi-uniE902:before {content: "\e702";}.swi-uniE918:before {content: "\e703";}.swi-uniE911:before {content: "\e704";}.swi-uniE920:before {content: "\e705";}.swi-uniE927:before {content: "\e706";}.swi-uniE929:before {content: "\e707";}.swi-uniE923:before {content: "\e708";}.swi-uniE931:before {content: "\e709";}.swi-uniE933:before {content: "\e70a";}.swi-uniE932:before {content: "\e70b";}.swi-uniE937:before {content: "\e70c";}.swi-uniE942:before {content: "\e70d";}.swi-uniE938:before {content: "\e70e";}.swi-uniE947:before {content: "\e70f";}.swi-uniE949:before {content: "\e710";}.swi-uniE948:before {content: "\e711";}.swi-uniE959:before {content: "\e712";}.swi-uniE961:before {content: "\e713";}.swi-uniE960:before {content: "\e714";}.swi-uniE963:before {content: "\e715";}.swi-uniE962:before {content: "\e716";}.swi-uniE968:before {content: "\e717";}.swi-uniE967:before {content: "\e718";}.swi-uniE966:before {content: "\e719";}.swi-uniE971:before {content: "\e71a";}.swi-uniE965:before {content: "\e71b";}.swi-uniE973:before {content: "\e71c";}.swi-uniE976:before {content: "\e71d";}.swi-uniE972:before {content: "\e71f";}.swi-uniE977:before {content: "\e720";}.swi-uniE982:before {content: "\e721";}.swi-uniE987:before {content: "\e722";}.swi-uniE989:before {content: "\e723";}.swi-uniE978:before {content: "\e724";}.swi-uniE974:before {content: "\e725";}.swi-uniE996:before {content: "\e726";}.swi-uniE975:before {content: "\e727";}.swi-uniE986:before {content: "\e728";}.swi-uniE9A1:before {content: "\e729";}.swi-uniE985:before {content: "\e72a";}.swi-uniE9A0:before {content: "\e72b";}.swi-saoyisao:before {content: "\e72c";}.swi-denglu-fill:before {content: "\e72d";}.swi-tongyong:before {content: "\e72e";}.swi-caiwu-fill:before {content: "\e72f";}.swi-jiaofei:before {content: "\e730";}.swi-denglu:before {content: "\e731";}.swi-yonghu:before {content: "\e732";}.swi-caiwu:before {content: "\e733";}.swi-suoding:before {content: "\e734";}.swi-jiesuo:before {content: "\e735";}.swi-shanchu:before {content: "\e736";}.swi-yuyin:before {content: "\e737";}.swi-yuyin-fill:before {content: "\e738";}.swi-kaquan:before {content: "\e739";}.swi-kaquan-fill:before {content: "\e73a";}.swi-xuexiao:before {content: "\e73b";}.swi-biaoqian-fill:before {content: "\e73c";}.swi-biaoqian:before {content: "\e73d";}.swi-tongji:before {content: "\e73e";}.swi-shezhi-fill:before {content: "\e73f";}.swi-shezhi:before {content: "\e740";}.swi-xiaoli:before {content: "\e741";}.swi-youjian:before {content: "\e742";}.swi-xinwen:before {content: "\e744";}.swi-shengji:before {content: "\e745";}.swi-tianxie:before {content: "\e746";}.swi-jiaowu:before {content: "\e747";}.swi-kebiao:before {content: "\e748";}.swi-ziliao:before {content: "\e749";}.swi-zhangdan-fill:before {content: "\e74a";}.swi-zhangdan:before {content: "\e74b";}.swi-xunzhang:before {content: "\e74c";}.swi-xunzhang-fill:before {content: "\e74d";}.swi-fuli:before {content: "\e74e";}.swi-shoucang:before {content: "\e74f";}.swi-biji:before {content: "\e750";}.swi-shouji:before {content: "\e751";}.swi-chat-circle:before {content: "\e606";}.swi-continue:before {content: "\e60a";}.swi-course-content:before {content: "\e60b";}.swi-cooperation:before {content: "\e60e";}.swi-clock:before {content: "\e60f";}.swi-data:before {content: "\e610";}.swi-document-small:before {content: "\e611";}.swi-elite:before {content: "\e612";}.swi-data-interface:before {content: "\e613";}.swi-feedback:before {content: "\e6cc";}.swi-file-export:before {content: "\e6cf";}.swi-management:before {content: "\e6d1";}.swi-message:before {content: "\e6d3";}.swi-people:before {content: "\e6d4";}.swi-phone-number:before {content: "\e6d5";}.swi-phone2:before {content: "\e6d6";}.swi-org-tutor:before {content: "\e6d7";}.swi-preview:before {content: "\e6d8";}.swi-secure-number:before {content: "\e6d9";}.swi-seal:before {content: "\e6da";}.swi-sign-up:before {content: "\e6db";}.swi-test:before {content: "\e6dc";}.swi-teach-bussiness:before {content: "\e6dd";}.swi-angle-double-right:before {content: "\e6de";}.swi-angle-double-left:before {content: "\e6df";}.swi-arrow-left:before {content: "\e6e0";}.swi-answer-question:before {content: "\e6e2";}.swi-uniE60F:before {content: "\e6e3";}.swi-uniE90B:before {content: "\e6e4";}.swi-uniE61F:before {content: "\e6e5";}.swi-uniE92A:before {content: "\e6e6";}.swi-uniE91B:before {content: "\e6e9";}.swi-uniE91E:before {content: "\e6ea";}.swi-uniE91F:before {content: "\e6eb";}.swi-uniE92F:before {content: "\e6ec";}.swi-uniE93B:before {content: "\e6ed";}.swi-uniE94A:before {content: "\e6ee";}.swi-uniE94E:before {content: "\e6ef";}.swi-uniE95F:before {content: "\e6f0";}.swi-uniE95E:before {content: "\e6f1";}.swi-uniE96A:before {content: "\e6f2";}.swi-uniE97A:before {content: "\e6f3";}.swi-uniE96B:before {content: "\e6f4";}.swi-uniE96C:before {content: "\e6f5";}.swi-uniE96F:before {content: "\e6f6";}.swi-uniE97B:before {content: "\e6f7";}.swi-uniE97C:before {content: "\e6f8";}.swi-uniE98E:before {content: "\e6f9";}.swi-uniE99D:before {content: "\e6fa";}.swi-uniE99E:before {content: "\e6fb";}.swi-uniE99F:before {content: "\e6fc";}.swi-sousuo:before {content: "\e6d2";}.swi-earth-full:before {content: "\e9ee";}.swi-arrow-down-s-line:before {content: "\e743";}.swi-xueyefudao:before {content: "\e607";}.swi-zixun1:before {content: "\e6ce";}.swi-icon_jiantou:before {content: "\e608";}.swi-playfill:before {content: "\e604";}.swi-youshangjiantou:before {content: "\e60d";}.swi-plus-circle-outlined:before {content: "\e631";}.swi-minus-circle-outlined:before {content: "\e632";}.swi-check-circle-outlined:before {content: "\e633";}.swi-close-circle-outlined:before {content: "\e634";}.swi-play-circle-outlined:before {content: "\e635";}.swi-pause-circle-outlined:before {content: "\e636";}.swi-exit-outlined:before {content: "\e637";}.swi-login-outlined:before {content: "\e638";}.swi-logout-outlined:before {content: "\e639";}.swi-info-circle-outlined:before {content: "\e63a";}.swi-exclamation-circle-outlined:before {content: "\e63b";}.swi-info-outlined:before {content: "\e63c";}.swi-exclamation-outlined:before {content: "\e647";}.swi-ellipsis-outlined:before {content: "\e648";}.swi-more-outlined:before {content: "\e649";}.swi-time-normal-outlined:before {content: "\e64a";}.swi-time-wait-outlined:before {content: "\e64b";}.swi-refresh-outlined:before {content: "\e64c";}.swi-refresh-double-outlined:before {content: "\e64d";}.swi-barchart-outlined:before {content: "\e64e";}.swi-linechart-outlined:before {content: "\e650";}.swi-piechart-outlined:before {content: "\e651";}.swi-histogram-outlined:before {content: "\e652";}.swi-screen-outlined:before {content: "\e653";}.swi-download-outlined:before {content: "\e654";}.swi-upload-outlined:before {content: "\e655";}.swi-download-cloud-outlined:before {content: "\e656";}.swi-upload-cloud-outlined:before {content: "\e658";}.swi-menu-outlined:before {content: "\e659";}.swi-control-outlined:before {content: "\e65a";}.swi-book-outlined:before {content: "\e65b";}.swi-editor-outlined:before {content: "\e65c";}.swi-fullscreen-outlined:before {content: "\e65d";}.swi-scan-outlined:before {content: "\e65e";}.swi-form-outlined:before {content: "\e65f";}.swi-edit-outlined:before {content: "\e660";}.swi-delete-a-outlined:before {content: "\e661";}.swi-delete-b-outlined:before {content: "\e662";}.swi-label-a-outlined:before {content: "\e663";}.swi-label-b-outlined:before {content: "\e664";}.swi-link-outlined:before {content: "\e665";}.swi-link-break-outlined:before {content: "\e666";}.swi-problem-outlined:before {content: "\e667";}.swi-copy-outlined:before {content: "\e668";}.swi-lock-outlined:before {content: "\e669";}.swi-unlock-outlined:before {content: "\e66a";}.swi-mobile-outlined:before {content: "\e66b";}.swi-user-outlined:before {content: "\e66c";}.swi-user-add-outlined:before {content: "\e66d";}.swi-user-minus-outlined:before {content: "\e66e";}.swi-user-adjust-outlined:before {content: "\e66f";}.swi-date-outlined:before {content: "\e670";}.swi-calendar-outlined:before {content: "\e671";}.swi-eye-open-outlined:before {content: "\e672";}.swi-warn-outlined:before {content: "\e673";}.swi-service-outlined:before {content: "\e674";}.swi-map-outlined:before {content: "\e675";}.swi-sound-outlined:before {content: "\e676";}.swi-bulb-outlined:before {content: "\e677";}.swi-hot-outlined:before {content: "\e678";}.swi-collect-outlined:before {content: "\e679";}.swi-like-outlined:before {content: "\e67a";}.swi-picture-outlined:before {content: "\e67b";}.swi-search-outlined:before {content: "\e67c";}.swi-set-outlined:before {content: "\e67d";}.swi-mail-outlined:before {content: "\e67e";}.swi-id-outlined:before {content: "\e67f";}.swi-contacts-outlined:before {content: "\e680";}.swi-ibankcard-outlined:before {content: "\e683";}.swi-home-outlined:before {content: "\e684";}.swi-member-outlined:before {content: "\e685";}.swi-model-outlined:before {content: "\e686";}.swi-folder-outlined:before {content: "\e68a";}.swi-phone-outlined:before {content: "\e68c";}.swi-network-outlined:before {content: "\e68d";}.swi-lightning-outlined:before {content: "\e68f";}.swi-organization-outlined:before {content: "\e691";}.swi-architecture-outlined:before {content: "\e692";}.swi-server-outlined:before {content: "\e694";}.swi-technology-outlined:before {content: "\e696";}.swi-develop-outlined:before {content: "\e698";}.swi-monitor-outlined:before {content: "\e69a";}.swi-risk-outlined:before {content: "\e69c";}.swi-openness-outlined:before {content: "\e69e";}.swi-scene-outlined:before {content: "\e6a0";}.swi-application-outlined:before {content: "\e6a2";}.swi-application-add-outlined:before {content: "\e6a5";}.swi-file-outlined:before {content: "\e6a7";}.swi-file-exclamation-outlined:before {content: "\e6a8";}.swi-list-outlined:before {content: "\e6ab";}.swi-profile-outlined:before {content: "\e6ad";}.swi-supervise-outlined:before {content: "\e6b0";}.swi-data-outlined:before {content: "\e6b1";}.swi-distributed-outlined:before {content: "\e6b4";}.swi-file-refresh-outlined:before {content: "\e6b6";}.swi-file-search-outlined:before {content: "\e6b8";}.swi-file-problem-outlined:before {content: "\e6bb";}.swi-file-examine-outlined:before {content: "\e6bc";}.swi-save-outlined:before {content: "\e6bd";}.swi-bank-outlined:before {content: "\e6be";}.swi-share-a-outlined:before {content: "\e6bf";}.swi-share-b-outlined:before {content: "\e6c0";}.swi-module-outlined:before {content: "\e6c1";}.swi-key-outlined:before {content: "\e6c2";}.swi-colors-outlined:before {content: "\e6c3";}.swi-skin-outlined:before {content: "\e6c4";}.swi-node-index-outlined:before {content: "\e6c5";}.swi-flowpath-outlined:before {content: "\e6c6";}.swi-arrowup:before {content: "\e609";}.swi-chevrondown:before {content: "\e61c";}.swi-chevronleft:before {content: "\e61e";}.swi-chevronright:before {content: "\e620";}.swi-chevronup:before {content: "\e622";}.swi-left_line:before {content: "\e6e7";}.swi-right_line:before {content: "\e6e8";}.swi-Left:before {content: "\e61f";}.swi-Right:before {content: "\e621";}.swi-up-arrow-circle:before {content: "\e888";}.swi-right-square:before {content: "\e889";}.swi-right-circle:before {content: "\e88a";}.swi-up-circle:before {content: "\e88b";}.swi-left-circle:before {content: "\e88c";}.swi-up-square:before {content: "\e88d";}.swi-left-square:before {content: "\e88e";}.swi-right-arrow-circle:before {content: "\e88f";}.swi-down-circle:before {content: "\e890";}.swi-down-arrow-circle:before {content: "\e891";}.swi-down-square:before {content: "\e892";}.swi-double-right-arrow:before {content: "\e893";}.swi-double-left-arrow:before {content: "\e894";}.swi-double-down-arrow:before {content: "\e895";}.swi-add-circle:before {content: "\e896";}.swi-double-up-arrow:before {content: "\e897";}.swi-close-circle:before {content: "\e898";}.swi-outdent:before {content: "\e899";}.swi-app-store:before {content: "\e89a";}.swi-chat:before {content: "\e89b";}.swi-mobile-phone:before {content: "\e89c";}.swi-danjiantou:before {content: "\e600";}.swi-shangjiantou:before {content: "\e63d";}.swi-youjiantou:before {content: "\e63e";}.swi-xiajiantou:before {content: "\e63f";}.swi-youxiajiaojiantou:before {content: "\e640";}.swi-zuoshangjiaojiantou:before {content: "\e641";}.swi-zuoxiajiaojiantou:before {content: "\e642";}.swi-youshangjiaojiantou:before {content: "\e643";}.swi-zuojiantou:before {content: "\e644";}.swi-gengduo-1:before {content: "\e645";}.swi-gengduo-2:before {content: "\e646";}.swi-fenxiang:before {content: "\e64f";}.swi-jtz:before {content: "\e602";}.swi-jty-copy:before {content: "\e603";}.swi-up-outlined:before {content: "\e614";}.swi-down-outlined:before {content: "\e615";}.swi-left-outlined:before {content: "\e616";}.swi-right-outlined:before {content: "\e617";}.swi-arrow-up-outlined:before {content: "\e618";}.swi-arrow-down-outlined:before {content: "\e619";}.swi-swap-left-outlined:before {content: "\e61a";}.swi-arrow-right-outlined:before {content: "\e61b";}.swi-arrow-left-outlined:before {content: "\e61d";}.swi-swap-right-outlined:before {content: "\e623";}.swi-swap-lr-outlined:before {content: "\e624";}.swi-swap-ud-outlined:before {content: "\e625";}.swi-up-double-outlined:before {content: "\e626";}.swi-down-double-outlined:before {content: "\e627";}.swi-right-double-outlined:before {content: "\e628";}.swi-left-double-outlined:before {content: "\e629";}.swi-shrink-outlined:before {content: "\e62a";}.swi-amplify-outlined:before {content: "\e62b";}.swi-retract-outlined:before {content: "\e62c";}.swi-expand-outlined:before {content: "\e62d";}.swi-plus-outlined:before {content: "\e62e";}.swi-minus-outlined:before {content: "\e62f";}.swi-close-outlined:before {content: "\e630";}