@charset "UTF-8";
/* 全局样式变量 */
:root {
  --sk-global-color: #E60012;
  /* -------------- 主题色 ---------------*/
  --scrollBarColor: #D7DFE2;
  --borderLine: #DEDEDE;
  --topPadding: 1.91rem;
  --fcolor:white;
  --fcolor01:#000000;
  --fcolor02:#333333;
  --fcolor03:#666666;
  --fcolor04:#999999;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
 * 栅格布局
 * @param $col 栅格数
 * @param $gap 栅格间隔
 * @param $colPhone 手机端栅格数
 * @param $gapPhone 手机端栅格间隔
 */
/*
 * 富文本初始化
 */
body.show a,
body.show .transition,
body.show :before,
body.show img {
  -webkit-transition: All 0.3s ease;
  transition: All 0.3s ease;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 100px;
  overflow-x: hidden;
}

body {
  font-size: 12px;
  font-family: "fontFamily-R";
  color: #1E1E1E;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  opacity: 0;
  background-color: white;
}
body.show {
  opacity: 1;
}

a {
  color: #1E1E1E;
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
a:active {
  star: expression(this.onFocus=this.blur());
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
  outline: none;
}
a:hover {
  text-decoration: none;
  outline: none;
}

li {
  list-style: outside none;
}

li {
  list-style-type: none;
}

h2,
h3,
h4,
h5 {
  font-weight: 400;
  font-family: "fontFamily-B";
}

textarea,
input {
  background: transparent;
  color: #1E1E1E;
  outline: none;
  border: 0;
}

em {
  font-style: normal;
}

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0;
  object-fit: cover;
}

.ctl {
  text-transform: capitalize;
}

.phone-show {
  display: none;
}

/*foot*/
.topA {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  z-index: 45;
  right: 0.6rem;
  bottom: 0.6rem;
  border-radius: 50%;
  border: 0.02rem solid #E6E6E6;
  width: 0.56rem;
  height: 0.56rem;
  background: white;
  color: #000;
  font-weight: bold;
  opacity: 0;
  visibility: hidden;
}
.topA:after {
  display: block;
  content: "";
  font-family: "iconfont";
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #a6a6a6;
  font-size: 12px;
}
.topA:hover {
  background-color: var(--sk-global-color);
  border: 0.02rem solid var(--sk-global-color);
  box-shadow: 0 0 10px 0 var(--sk-global-color);
}
.topA:hover::after {
  color: white;
  font-size: 12px;
}
.topA.show {
  opacity: 1;
  visibility: visible;
}

.bgc_w {
  background-color: rgba(225, 225, 225, 0.02) !important;
  color: #25489c !important;
  border: 1.2px solid #25489c !important;
}

.bgc_b {
  background-color: rgba(225, 225, 225, 0.02) !important;
  color: #fff !important;
  border: 1.2px solid #fff !important;
}

@font-face {
  font-family: "fontFamily-R";
  src: url("https://wwwdata.kehuasz.com/shenzhenkehua/fonts/abroad/OpenSans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fontFamily-M";
  src: url("https://wwwdata.kehuasz.com/shenzhenkehua/fonts/abroad/OpenSansBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fontFamily-B";
  src: url("https://wwwdata.kehuasz.com/shenzhenkehua/fonts/abroad/OpenSansBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fontFamily-NUM";
  src: url("https://wwwdata.kehuasz.com/shenzhenkehua/fonts/Montserrat-Bold-3.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
 * 栅格布局
 * @param $col 栅格数
 * @param $gap 栅格间隔
 * @param $colPhone 手机端栅格数
 * @param $gapPhone 手机端栅格间隔
 */
/*
 * 富文本初始化
 */
.swiper-pagination-bullet {
  opacity: 1 !important;
}

@-webkit-keyframes scalepulse {
  20% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
    transform: translate3d(-50%, -50%, 0) scale(1.15);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}

@keyframes scalepulse {
  20% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
    transform: translate3d(-50%, -50%, 0) scale(1.15);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}
.hry-footer {
  color: var(--fcolor02);
  background: #F5F7F9;
}
.hry-footer .cookie-box {
  position: fixed;
  z-index: 20;
  right: 0.2rem;
  bottom: 0.2rem;
  padding: 0.4rem 0.4rem 0.43rem;
  border-radius: 0.2rem;
  background: #FFFFFF;
  box-shadow: 0 0 14px rgba(43, 31, 31, 0.1);
  width: 4.72rem;
  display: none;
}
@media screen and (max-width: 800px) {
  .hry-footer .cookie-box {
    bottom: 0;
    right: 0;
    width: 100%;
    border-radius: 0.36rem 0.36rem 0rem 0rem;
    padding: 0.64rem 0.5rem;
  }
}
.hry-footer .cookie-box.show {
  display: block;
}
.hry-footer .cookie-box .tit {
  font-family: "fontFamily-B";
  font-size: 0.2rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .cookie-box .tit {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
}
.hry-footer .cookie-box .con-text {
  margin-top: 0.24rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
@media screen and (max-width: 800px) {
  .hry-footer .cookie-box .con-text {
    margin-top: 0.22rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.hry-footer .cookie-box .btns {
  margin-top: 0.47rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .hry-footer .cookie-box .btns {
    margin-top: 0.74rem;
  }
}
.hry-footer .cookie-box .btns .btn-refuse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.8rem;
  height: 0.54rem;
  border-radius: 0.36rem;
  color: #999999;
  font-size: 0.16rem;
  line-height: 0.24rem;
  background: #ECEEEF;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media screen and (max-width: 800px) {
  .hry-footer .cookie-box .btns .btn-refuse {
    width: calc(50% - 0.15rem);
    height: 0.9rem;
    border-radius: 0.45rem 0.45rem 0.45rem 0.45rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.hry-footer .cookie-box .btns .btn-refuse:hover {
  color: #ffffff;
  background: var(--sk-global-color);
}
.hry-footer .cookie-box .btns .btn-accept {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.8rem;
  height: 0.54rem;
  border-radius: 0.36rem;
  color: #ffffff;
  font-size: 0.16rem;
  line-height: 0.24rem;
  background: var(--sk-global-color);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media screen and (max-width: 800px) {
  .hry-footer .cookie-box .btns .btn-accept {
    width: calc(50% - 0.15rem);
    height: 0.9rem;
    border-radius: 0.45rem 0.45rem 0.45rem 0.45rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.hry-footer .cookie-box .btns .btn-accept:hover {
  background: #FF0010;
}
.hry-footer .back-top {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  right: 0.2rem;
  bottom: 0.2rem;
  padding: 0.06rem;
  border-radius: 0.3rem;
  box-shadow: 0rem 0rem 0.1rem 0rem rgba(153, 153, 153, 0.25);
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 80;
}
.hry-footer .back-top.on {
  opacity: 1;
  visibility: visible;
}
.hry-footer .back-top .svg {
  width: 0.2rem;
}
.hry-footer .back-top .svg path {
  stroke: var(--fcolor03);
}
.hry-footer .back-top .btn {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
}
@media screen and (min-width: 800px) {
  .hry-footer .back-top .btn:hover {
    background: #E60012;
  }
  .hry-footer .back-top .btn:hover .-tips {
    display: block;
  }
  .hry-footer .back-top .btn:hover .svg path {
    stroke: #ffffff;
  }
  .hry-footer .back-top .btn:hover .svg mask {
    fill: #ffffff;
  }
  .hry-footer .back-top .btn:hover .svg #path-1-inside-1_1904_3509--inject-3 {
    fill: #ffffff;
  }
}
.hry-footer .back-top .btn.on {
  background: #E60012;
}
.hry-footer .back-top .btn.on .svg path {
  stroke: #ffffff;
}
.hry-footer .back-top .btn.on .svg mask {
  fill: #ffffff;
}
.hry-footer .back-top .btn.on .svg #path-1-inside-1_1904_3509--inject-3 {
  fill: #ffffff;
}
.hry-footer .back-top .btn .-tips {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  padding-right: 0.16rem;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  z-index: 10;
}
.hry-footer .back-top .btn .-tips .-wrapper {
  padding: 0.2rem;
  background: white;
  border-radius: 0.08rem;
  box-shadow: 0rem 0rem 0.1rem 0rem rgba(153, 153, 153, 0.25);
}
.hry-footer .back-top .btn .-tips .-wrapper .-text {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor02);
  white-space: nowrap;
}
.hry-footer .back-top .btn .-tips .-wrapper .-code {
  width: 1.2rem;
  height: 1.2rem;
}
.hry-footer .back-top .btn .-tips .-wrapper .-code img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.hry-footer .back-top .hr {
  margin-top: 0.1rem;
  width: 0.48rem;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
}
.hry-footer .back-top .top {
  cursor: pointer;
  text-align: center;
  padding: 0.2rem 0 0.24rem;
}
.hry-footer .back-top .top .svg {
  width: 0.13rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .back-top {
    padding: 0.08rem;
    border-radius: 0.6rem;
  }
  .hry-footer .back-top .svg {
    width: 0.32rem;
  }
  .hry-footer .back-top .btn {
    width: 0.64rem;
    height: 0.64rem;
  }
  .hry-footer .back-top .btn:hover .-tips {
    display: block;
  }
  .hry-footer .back-top .btn.app {
    display: none;
  }
  .hry-footer .back-top .btn .-tips {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    padding-right: 0.24rem;
    -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    z-index: 10;
  }
  .hry-footer .back-top .btn .-tips .-wrapper {
    padding: 0.26rem;
    border-radius: 0.16rem;
  }
  .hry-footer .back-top .btn .-tips .-wrapper .-text {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .hry-footer .back-top .hr {
    width: 0.64rem;
  }
  .hry-footer .back-top .top .svg {
    width: 0.2rem;
  }
}
.hry-footer .footer-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1.35rem;
  padding-bottom: 1.42rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0.99rem;
    padding-bottom: 0.95rem;
  }
}
.hry-footer .footer-nav .nav-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: 1.1rem;
     -moz-column-gap: 1.1rem;
          column-gap: 1.1rem;
  row-gap: 0.56rem;
  font-size: 0.14rem;
  line-height: 0.14rem;
  min-height: 3.16rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .nav-flex {
    row-gap: 0;
    min-height: auto;
  }
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .nav-flex .cell-box {
    border-bottom: 0.02rem solid #E8E8E8;
  }
  .hry-footer .footer-nav .nav-flex .cell-box .class-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.39rem 0;
  }
  .hry-footer .footer-nav .nav-flex .cell-box .class-name a {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .hry-footer .footer-nav .nav-flex .cell-box .class-name .img-box img {
    width: 0.24rem;
    object-fit: contain;
  }
  .hry-footer .footer-nav .nav-flex .cell-box .class-name .img-box .retract {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .nav-flex .cell-box .chi-box-wrapper {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    height: 0;
    overflow: hidden;
  }
}
.hry-footer .footer-nav .nav-flex .cell-box .chi-box-wrapper .chi-box {
  padding-top: 0.05rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.hry-footer .footer-nav .nav-flex .cell-box .chi-box-wrapper .chi-box .a {
  font-size: 0.14rem;
  line-height: 0.14rem;
  color: var(--fcolor04);
  padding-top: 0.23rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .nav-flex .cell-box .chi-box-wrapper .chi-box .a {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.hry-footer .footer-nav .nav-flex .cell-box .chi-box-wrapper .chi-box .a:hover {
  color: var(--fcolor02);
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .nav-flex .cell-box.on .class-name .open {
    display: none;
  }
  .hry-footer .footer-nav .nav-flex .cell-box.on .class-name .retract {
    display: block;
  }
  .hry-footer .footer-nav .nav-flex .cell-box.on .chi-box-wrapper {
    margin-bottom: 0.28rem;
  }
}
.hry-footer .footer-nav .contact-us {
  width: 4.77rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us {
    width: 100%;
    margin-top: 0.39rem;
  }
}
.hry-footer .footer-nav .contact-us .email-box .key {
  font-size: 0.14rem;
  line-height: 0.14rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .email-box .key {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.hry-footer .footer-nav .contact-us .email-box .input-box {
  margin-top: 0.42rem;
  height: 0.7rem;
  border-radius: 0.35rem;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .email-box .input-box {
    margin-top: 0.3rem;
    height: 1rem;
    border-radius: 0.5rem;
  }
}
.hry-footer .footer-nav .contact-us .email-box .input-box input {
  width: calc(100% - 0.7rem);
  font-size: 0.16rem;
  line-height: 0.19rem;
  position: absolute;
  left: 0.3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .email-box .input-box input {
    width: calc(100% - 1rem);
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.hry-footer .footer-nav .contact-us .email-box .input-box input::-webkit-input-placeholder {
  color: var(--fcolor02);
  opacity: 0.3;
}
.hry-footer .footer-nav .contact-us .email-box .input-box input::-moz-placeholder {
  color: var(--fcolor02);
  opacity: 0.3;
}
.hry-footer .footer-nav .contact-us .email-box .input-box input:-ms-input-placeholder {
  color: var(--fcolor02);
  opacity: 0.3;
}
.hry-footer .footer-nav .contact-us .email-box .input-box input::placeholder {
  color: var(--fcolor02);
  opacity: 0.3;
}
.hry-footer .footer-nav .contact-us .email-box .input-box .btn {
  cursor: pointer;
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  bottom: 0.1rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .email-box .input-box .btn {
    height: 0.8rem;
    width: 0.8rem;
  }
}
.hry-footer .footer-nav .contact-us .email-box .input-box .btn::before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 150%;
  height: 300%;
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: 0 0;
  background-image: conic-gradient(#aaa700, #aaa700);
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
}
.hry-footer .footer-nav .contact-us .email-box .-messges {
  position: relative;
  margin-top: 0.21rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: var(--fcolor04);
  padding-left: 0.26rem;
}
.hry-footer .footer-nav .contact-us .email-box .-messges.on .-icon {
  background: url(../../image/abroad/footer/check-on.svg) center center no-repeat;
  background-size: contain;
}
.hry-footer .footer-nav .contact-us .email-box .-messges .-icon {
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  top: 0.03rem;
  left: 0;
  width: 0.16rem;
  height: 0.16rem;
  background: url(../../image/abroad/footer/check.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hry-footer .footer-nav .contact-us .email-box .-messges a {
  position: relative;
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: var(--fcolor02);
}
.hry-footer .footer-nav .contact-us .email-box .-messges a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.01rem;
  width: 100%;
  height: 1px;
  background-color: var(--fcolor02);
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .email-box .-messges {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-top: 0.39rem;
    padding-left: 0.5rem;
  }
  .hry-footer .footer-nav .contact-us .email-box .-messges a {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .hry-footer .footer-nav .contact-us .email-box .-messges .-icon {
    top: 0;
    width: 0.3rem;
    height: 0.3rem;
  }
}
.hry-footer .footer-nav .contact-us .link-box {
  margin-top: 0.53rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.2rem;
}
.hry-footer .footer-nav .contact-us .link-box .a {
  position: relative;
}
.hry-footer .footer-nav .contact-us .link-box .a:hover .svg path {
  fill: var(--sk-global-color);
}
.hry-footer .footer-nav .contact-us .link-box .a:hover .-layer {
  display: block;
}
.hry-footer .footer-nav .contact-us .link-box .a .svg path {
  fill: var(--fcolor04);
}
.hry-footer .footer-nav .contact-us .link-box .a .svg.wx {
  width: 0.28rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .link-box .a .svg.wx {
    width: 0.46rem;
  }
}
.hry-footer .footer-nav .contact-us .link-box .a .svg.wxsp {
  width: 0.24rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .link-box .a .svg.wxsp {
    width: 0.39rem;
  }
}
.hry-footer .footer-nav .contact-us .link-box .a .svg.wb {
  width: 0.3rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .link-box .a .svg.wb {
    width: 0.49rem;
  }
}
.hry-footer .footer-nav .contact-us .link-box .a .-layer {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  padding-top: 0.15rem;
  z-index: 10;
}
.hry-footer .footer-nav .contact-us .link-box .a .-layer .-inner {
  width: 1.2rem;
  height: 1.2rem;
  padding: 0.05rem;
  background-color: white;
}
.hry-footer .footer-nav .contact-us .link-box .a .-layer .-inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 800px) {
  .hry-footer .footer-nav .contact-us .link-box .a:first-child .-layer {
    left: 0;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  .hry-footer .footer-nav .contact-us .link-box .a .-layer {
    padding-top: 0.15rem;
    z-index: 10;
  }
  .hry-footer .footer-nav .contact-us .link-box .a .-layer .-inner {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0.1rem;
  }
}
.hry-footer .page-footer {
  border-top: 0.01rem solid #E8E8E8;
  padding-top: 0.34rem;
  padding-bottom: 0.41rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .hry-footer .page-footer {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0.9rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    color: var(--fcolor03);
  }
}
.hry-footer .page-footer .left {
  color: #1E1E1E;
  font-size: 0.14rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .page-footer .left {
    color: var(--fcolor03);
    font-size: 0.26rem;
    line-height: 0.24rem;
  }
  .hry-footer .page-footer .left a {
    color: var(--fcolor03);
  }
}
.hry-footer .page-footer .left .copyright {
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .hry-footer .page-footer .left .copyright {
    padding: 0.39rem 0;
    line-height: 0.36rem;
  }
}
.hry-footer .page-footer .left .record {
  text-decoration: underline;
  margin-left: 0.49rem;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .hry-footer .page-footer .left .record {
    margin-left: 0;
  }
}
.hry-footer .page-footer .left .kgu {
  text-decoration: underline;
  margin-left: 0.44rem;
  display: inline-block;
}
@media screen and (max-width: 800px) {
  .hry-footer .page-footer .left .kgu {
    margin-left: 0;
  }
}
.hry-footer .page-footer .right {
  font-size: 0.16rem;
  line-height: 0.19rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .page-footer .right a {
    color: var(--fcolor03);
    font-size: 0.26rem;
    line-height: 0.24rem;
  }
}
.hry-footer .page-footer .right .privacy-policy {
  margin-left: 0.48rem;
}
@media screen and (max-width: 800px) {
  .hry-footer .page-footer .right .privacy-policy {
    position: relative;
  }
  .hry-footer .page-footer .right .privacy-policy::after {
    content: "";
    position: absolute;
    left: -0.24rem;
    height: 100%;
    top: 0;
    width: 1px;
    background-color: var(--fcolor03);
  }
}
.hry-footer.white {
  background: #fff;
}
.hry-footer.white .footer-nav .contact-us .email-box .input-box {
  border: 1px solid #F5F7F9;
  background: #F5F7F9;
}

.product-list {
  color: var(--fcolor02);
}
.product-list .banner-box {
  position: relative;
  height: 6.4rem;
}
@media screen and (max-width: 800px) {
  .product-list .banner-box {
    padding-top: 128%;
    height: 0;
  }
}
.product-list .banner-box .position {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.product-list .banner-box .bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.product-list .banner-box .bg img {
  height: 100%;
  width: 100%;
}
.product-list .banner-box .wal {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .product-list .banner-box .wal {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.product-list .banner-box .wal .h1 {
  font-family: "fontFamily-B";
  color: #ffffff;
  font-size: 0.56rem;
  line-height: 0.72rem;
}
@media screen and (max-width: 800px) {
  .product-list .banner-box .wal .h1 {
    margin-top: 2.72rem;
    text-align: center;
    font-size: 0.64rem;
    line-height: 0.96rem;
  }
}
.product-list .pro-list {
  background: #F5F7F9;
  padding-top: 0.8rem;
  padding-bottom: 0.83rem;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list {
    padding-top: 1.21rem;
    padding-bottom: 0.9rem;
  }
}
.product-list .pro-list .pro-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.product-list .pro-list .pro-box .pro-ul {
  width: 12.5rem;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul {
    width: 100%;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.product-list .pro-list .pro-box .pro-ul .pro-li .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-list .pro-list .pro-box .pro-ul .pro-li .tit .icon {
  height: 0.46rem;
}
.product-list .pro-list .pro-box .pro-ul .pro-li .tit .tit {
  font-family: "fontFamily-B";
  margin-left: 0.25rem;
  line-height: 0.49rem;
  font-size: 0.42rem;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul .pro-li .tit .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul {
  margin-top: 0.34rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.25rem;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul .pro-li .product-ul {
    margin-top: 0.4rem;
    gap: 0.3rem;
    row-gap: 0.6rem;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4rem;
  min-height: 4.47rem;
  background: -webkit-linear-gradient(#FFFFFF 58%, #ffffff 100%);
  background: linear-gradient(#FFFFFF 58%, #ffffff 100%);
  border-radius: 0.2rem;
  padding: 0.4rem 0 0.31rem;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li {
    width: calc(50% - 0.15rem);
    min-height: auto;
    padding: 0;
    background: none;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .pro-img-box {
  height: 2.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .pro-img-box {
    height: auto;
    background: #FFFFFF;
    padding: 0.58rem;
    padding: 0.4rem;
    border-radius: 0.24rem;
    margin-bottom: 0.2rem;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .pro-img-box .pro-img {
  width: 2.6rem;
  max-height: 2.6rem;
  mix-blend-mode: multiply;
  object-fit: contain;
  max-width: 100%;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .pro-img-box .pro-img {
    max-width: 100%;
    max-height: 100%;
    width: 2.4rem;
    height: 2.4rem;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .tag {
  margin-top: 0.54rem;
  margin-bottom: 0.089rem;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.19rem;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .tag {
    margin-top: 0;
    margin-bottom: 0.08rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .name {
  margin-top: auto;
  font-size: 0.2rem;
  line-height: 0.23rem;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li .name {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li:hover {
  background: -webkit-linear-gradient(#FFFFFF 58%, #FDF2F2 100%);
  background: linear-gradient(#FFFFFF 58%, #FDF2F2 100%);
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li:hover .pro-img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li:hover .tag {
  color: var(--sk-global-color);
}
.product-list .pro-list .pro-box .pro-ul .pro-li .product-ul .product-li:hover .name {
  color: var(--sk-global-color);
}
.product-list .pro-list .cell-box-werr {
  margin-top: 0.6rem;
  position: -webkit-sticky;
  position: sticky;
  top: 1.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .cell-box-werr {
    background: #F5F7F9;
    margin-top: 0;
    padding: 0.2rem 0;
    top: var(--headH);
  }
  .product-list .pro-list .cell-box-werr.hide {
    top: -0.01rem;
  }
  .product-list .pro-list .cell-box-werr::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0.3rem, -50%);
        -ms-transform: translate(0.3rem, -50%);
            transform: translate(0.3rem, -50%);
    background-image: url(../../image/shenzhenkehua/hry/svg82.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 0.11rem;
    height: 0.33rem;
  }
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .cell-box-werr .cell-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .product-list .pro-list .cell-box-werr .cell-box::-webkit-scrollbar {
    display: none;
  }
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li {
  cursor: pointer;
  width: 2.4rem;
  height: 0.64rem;
  border-radius: 0.32rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.19rem;
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.18rem;
  line-height: 0.21rem;
  color: var(--fcolor04);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  --dasharray: 0;
  --w: 100%;
  --height: 100%;
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li a::after {
  display: none;
}
@media screen and (min-width: 800px) {
  .product-list .pro-list .cell-box-werr .cell-box .cell-li a:hover {
    --dasharray: 360.5;
  }
  .product-list .pro-list .cell-box-werr .cell-box .cell-li a:hover .out-border {
    visibility: visible;
  }
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li a .out-border {
  width: 100%;
  visibility: hidden;
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li a .out-border rect {
  rx: 0.32rem;
  ry: 0.32rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li a span {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .cell-box-werr .cell-box .cell-li {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-bottom: 0;
    height: 0.8rem;
    width: auto;
    padding: 0.19rem 0.68rem;
    border-radius: 0.4rem;
  }
  .product-list .pro-list .cell-box-werr .cell-box .cell-li a {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li:last-child {
  margin-bottom: 0;
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li.on {
  background: var(--sk-global-color);
  box-shadow: 0rem 0.1rem 0.3rem 0rem rgba(230, 0, 18, 0.2);
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li.on a {
  color: #ffffff;
}
@media screen and (max-width: 800px) {
  .product-list .pro-list .cell-box-werr .cell-box .cell-li.on {
    box-shadow: none;
  }
}
.product-list .pro-list .cell-box-werr .cell-box .cell-li.on:hover {
  border: 0.01rem solid var(--sk-global-color);
}

.solution-page {
  color: var(--fcolor02);
}
.solution-page .banner-box {
  height: 9.6rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .solution-page .banner-box {
    padding-top: 128%;
    height: 0;
  }
}
.solution-page .banner-box .position {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.solution-page .banner-box .bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.solution-page .banner-box .bg img {
  height: 100%;
  width: 100%;
}
.solution-page .banner-box .h1 {
  padding-top: 2.52rem;
  font-family: "fontFamily-B";
  color: #FFFFFF;
  font-size: 0.56rem;
  line-height: 0.6rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .solution-page .banner-box .h1 {
    font-size: 0.64rem;
    padding-top: 2.93rem;
    line-height: 0.72rem;
  }
}
.solution-page .com-main .challenge {
  padding-top: 1.45rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge {
    padding-top: 1.6rem;
    padding-bottom: 1.8rem;
    overflow: hidden;
  }
}
.solution-page .com-main .challenge .wal .tit {
  text-align: center;
  font-size: 0.42rem;
  line-height: 0.49rem;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box {
  margin-top: 0.62rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box {
    margin-top: 0.59rem;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.35rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 0;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li {
  width: calc(33.33333% - 0.23333333rem);
  padding: 0.5rem 0.4rem 0.4rem;
  background: #F5F7F9;
  border: 0.01rem solid #F5F7F9;
  border-radius: 0.2rem;
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li {
    padding: 0.61rem 0.4rem 0.67rem;
    border-radius: 0.36rem;
    background: #F5F7F9;
    border: none;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .index {
  position: absolute;
  top: 0.17rem;
  right: 0.23rem;
  font-family: "fontFamily-B";
  font-size: 1.2rem;
  line-height: 1.46rem;
  background-image: -webkit-linear-gradient(top, rgba(202, 202, 202, 0.4) 0%, rgba(202, 202, 202, 0.2) 50%, rgba(0, 0, 0, 0) 75%);
  background-image: linear-gradient(to bottom, rgba(202, 202, 202, 0.4) 0%, rgba(202, 202, 202, 0.2) 50%, rgba(0, 0, 0, 0) 75%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .index {
    top: 0.18rem;
    right: 0.03rem;
    line-height: 1.95rem;
    font-size: 1.6rem;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .name {
  font-family: "fontFamily-M";
  font-size: 0.24rem;
  line-height: 0.36rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .name {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .ul {
  margin-top: 0.59rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .ul {
    margin-top: 0.81rem;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .ul .li {
  padding-left: 0.18rem;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.32rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .ul .li {
    padding-left: 0.31rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.2rem;
  }
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .ul .li:first-child {
    margin-top: 0;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .ul .li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.05rem;
  width: 0.05rem;
  background-color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li .ul .li::before {
    height: 0.11rem;
    width: 0.11rem;
  }
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li:hover {
  background: #FFFFFF;
  box-shadow: 0rem 0rem 1rem 0rem rgba(153, 153, 153, 0.25);
  border: 0.01rem solid #E6E6E6;
}
.solution-page .com-main .challenge .wal .chall-ul-box .chall-ul .chall-li:hover .index {
  background-image: -webkit-linear-gradient(top, rgba(230, 0, 18, 0.4) 0%, rgba(230, 0, 18, 0.2) 50%, rgba(0, 0, 0, 0) 75%);
  background-image: linear-gradient(to bottom, rgba(230, 0, 18, 0.4) 0%, rgba(230, 0, 18, 0.2) 50%, rgba(0, 0, 0, 0) 75%);
}
.solution-page .com-main .challenge .wal .swiper-pagination {
  position: absolute;
  bottom: 1.4rem;
  height: 0.02rem;
}
.solution-page .com-main .challenge .wal .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  height: 0.02rem;
  width: 0.84rem;
  background: #DEDEDE;
}
.solution-page .com-main .challenge .wal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.solution-page .com-main .why {
  padding-top: 1.5rem;
  padding-bottom: 1.96rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why {
    padding-top: 0;
    padding-bottom: 1.59rem;
  }
}
.solution-page .com-main .why .tit {
  font-size: 0.42rem;
  line-height: 0.49rem;
  text-align: center;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.solution-page .com-main .why .text {
  margin: 0.28rem auto 0;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
  width: 8.48rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .text {
    width: 100%;
    line-height: 0.39rem;
    font-size: 0.26rem;
  }
}
.solution-page .com-main .why .card-box {
  height: 5.44rem;
  margin-top: 0.6rem;
  border-radius: 0.2rem;
  box-shadow: 0rem 0rem 0.5rem 0rem rgba(207, 207, 207, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    border-radius: 0.36rem;
  }
}
.solution-page .com-main .why .card-box .left-con-swiper {
  width: 38.75%;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .left-con-swiper {
    width: 100%;
  }
}
.solution-page .com-main .why .card-box .left-con {
  padding: 1.13rem 1rem 0 0.6rem;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .left-con {
    width: 100%;
    padding: 0.61rem 0.34rem 0.64rem 0.4rem;
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}
.solution-page .com-main .why .card-box .left-con.on {
  visibility: visible;
  opacity: 1;
  position: relative;
}
.solution-page .com-main .why .card-box .left-con .why-tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.14rem;
  color: var(--fcolor02);
  font-size: 0.24rem;
  line-height: 0.28rem;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .left-con .why-tit {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
}
.solution-page .com-main .why .card-box .left-con .why-tit img {
  height: 0.62rem;
  width: 0.62rem;
}
.solution-page .com-main .why .card-box .left-con .ul {
  margin-top: 0.4rem;
}
.solution-page .com-main .why .card-box .left-con .ul .li {
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-bottom: 0.24rem;
  padding-left: 0.16rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .left-con .ul .li {
    font-size: 0.26rem;
    line-height: 0.39rem;
    padding-left: 0.31rem;
  }
}
.solution-page .com-main .why .card-box .left-con .ul .li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.12rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 0.05rem;
  width: 0.05rem;
  background-color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .left-con .ul .li::before {
    width: 0.11rem;
    height: 0.11rem;
    top: 0.18rem;
  }
}
.solution-page .com-main .why .card-box .left-con .ul .li:last-child {
  margin-bottom: 0;
}
.solution-page .com-main .why .card-box .left-con .ul .li span {
  color: var(--fcolor02);
}
.solution-page .com-main .why .card-box .right-img {
  width: 61.25%;
  position: relative;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img {
    width: 100%;
    height: 3.6rem;
  }
}
.solution-page .com-main .why .card-box .right-img .mc-img-box {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.solution-page .com-main .why .card-box .right-img .mc-img-box img {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.solution-page .com-main .why .card-box .right-img .mc-img-box img.on {
  opacity: 1;
}
.solution-page .com-main .why .card-box .right-img .mc-list {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li {
  position: relative;
  display: inline-block;
  height: 100%;
  width: 33.33333%;
  border-right: 0.01rem solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.2);
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li:last-child {
  border-right: none;
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center {
  padding: 0 0.15rem;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco::before {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 100%;
  height: 0.5rem;
  width: 0.5rem;
  background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.26) 60%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0.5) 100%);
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.26) 60%, rgba(255, 255, 255, 0.8) 90%, rgba(255, 255, 255, 0.5) 100%);
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco::before {
    height: 0.64rem;
    width: 0.64rem;
  }
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco i {
  border-radius: 50%;
  height: 0.07rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 0.07rem;
  background: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco i {
    width: 0.1rem;
    height: 0.1rem;
  }
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 100%;
  height: 0.06rem;
  width: 0.06rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .deco::after {
    width: 0.1rem;
    height: 0.1rem;
  }
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .name {
  margin-top: 0.29rem;
  line-height: 0.27rem;
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  padding: 0 0.2rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li .pos-center .name {
    margin-top: 0.39rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #fff;
  }
}
@media screen and (min-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li:hover .pos-center .deco::before {
    -webkit-animation: scalepulse 1.3s linear 0.3s infinite both;
            animation: scalepulse 1.3s linear 0.3s infinite both;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
  }
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li:hover .pos-center .deco i {
    -webkit-animation: scalepulse 1.3s linear 0s infinite both;
            animation: scalepulse 1.3s linear 0s infinite both;
    height: 0.16rem;
    width: 0.16rem;
  }
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li:hover .pos-center .deco::after {
    -webkit-animation: scalepulse 1.3s linear 0.15s infinite both;
            animation: scalepulse 1.3s linear 0.15s infinite both;
    width: 0.86rem;
    height: 0.86rem;
    background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.15) 100%);
    background: radial-gradient(circle, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.15) 100%);
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li:hover .pos-center .deco::after {
    width: 1rem;
    height: 1rem;
  }
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li.on .pos-center .deco::before {
  -webkit-animation: scalepulse 1.3s linear 0.3s infinite both;
          animation: scalepulse 1.3s linear 0.3s infinite both;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
          transform: translate3d(-50%, -50%, 0) scale(1);
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li.on .pos-center .deco::before {
    width: 0.56rem;
    height: 0.56rem;
  }
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li.on .pos-center .deco i {
  -webkit-animation: scalepulse 1.3s linear 0s infinite both;
          animation: scalepulse 1.3s linear 0s infinite both;
  height: 0.16rem;
  width: 0.16rem;
}
.solution-page .com-main .why .card-box .right-img .mc-list .mc-li.on .pos-center .deco::after {
  -webkit-animation: scalepulse 1.3s linear 0.15s infinite both;
          animation: scalepulse 1.3s linear 0.15s infinite both;
  width: 0.86rem;
  height: 0.86rem;
  background: -webkit-radial-gradient(circle, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.15) 100%);
  background: radial-gradient(circle, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0.1) 80%, rgba(255, 255, 255, 0.15) 100%);
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .why .card-box .right-img .mc-list .mc-li.on .pos-center .deco::after {
    width: 1rem;
    height: 1rem;
  }
}
.solution-page .com-main .topology {
  background: #F5F7F9;
  padding-top: 1.51rem;
  padding-bottom: 1.3rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .topology {
    padding-top: 1.4rem;
    padding-bottom: 1.61rem;
  }
}
.solution-page .com-main .topology .topology-wal {
  position: relative;
}
.solution-page .com-main .topology .img-amplify {
  position: absolute;
  top: -0.04rem;
  right: 0.4rem;
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.solution-page .com-main .topology .img-amplify .se {
  height: 0.36rem;
  width: 0.36rem;
}
.solution-page .com-main .topology .img-amplify .topology-dialog-wrapper {
  display: none;
  z-index: 150;
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.solution-page .com-main .topology .img-amplify .topology-dialog-wrapper .pinch-zoom-container {
  width: 100%;
}
.solution-page .com-main .topology .img-amplify .topology-dialog-wrapper .dialog-box {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
  top: 0;
}
.solution-page .com-main .topology .img-amplify .topology-dialog-wrapper .dialog-box .img {
  background: #F5F7F9;
  min-width: 9.8rem;
  min-height: 80vh;
}
.solution-page .com-main .topology .img-amplify .topology-dialog-wrapper.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.solution-page .com-main .topology .img-amplify .topology-dialog-wrapper.show .dialog-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.solution-page .com-main .topology .title {
  text-align: center;
  font-family: "fontFamily-B";
  font-size: 0.42rem;
  line-height: 0.49rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .topology .title {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.solution-page .com-main .topology .map-box {
  width: 11.11rem;
  margin: 0.62rem auto 0;
  position: relative;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .topology .map-box {
    width: 100%;
  }
}
.solution-page .com-main .topology .map-box .anchor {
  position: absolute;
  z-index: 10;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.solution-page .com-main .topology .map-box .anchor .deco {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  opacity: 1;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
}
.solution-page .com-main .topology .map-box .anchor .deco::before {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 100%;
  height: 0.36rem;
  width: 0.36rem;
  background: -webkit-radial-gradient(circle, rgba(255, 0, 16, 0) 15%, rgba(255, 0, 16, 0.26) 60%, rgba(255, 0, 16, 0.6) 90%, rgba(255, 0, 16, 0.4) 100%);
  background: radial-gradient(circle, rgba(255, 0, 16, 0) 15%, rgba(255, 0, 16, 0.26) 60%, rgba(255, 0, 16, 0.6) 90%, rgba(255, 0, 16, 0.4) 100%);
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .topology .map-box .anchor .deco::before {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.solution-page .com-main .topology .map-box .anchor .deco i {
  border-radius: 50%;
  height: 0.07rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 0.07rem;
  background: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .topology .map-box .anchor .deco i {
    height: 0.12rem;
    width: 0.12rem;
  }
}
.solution-page .com-main .topology .map-box .anchor .deco::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 100%;
  height: 0.06rem;
  width: 0.06rem;
}
.solution-page .com-main .topology .map-box .anchor .yele-box {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 20;
  background: #fff;
  border-radius: 0.16rem;
  width: 4.2rem;
  height: 3.68rem;
  border-radius: 0.16rem;
  padding: 0.24rem 0.24rem 0.3rem;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  overflow: hidden;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  box-shadow: 0rem 0rem 0.5rem 0rem rgba(153, 153, 153, 0.25);
}
.solution-page .com-main .topology .map-box .anchor .yele-box:hover .name .ri-top img {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.solution-page .com-main .topology .map-box .anchor .yele-box:hover::before {
  width: 100%;
}
.solution-page .com-main .topology .map-box .anchor .yele-box.left {
  top: -0.36rem;
  right: 0.42rem;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.solution-page .com-main .topology .map-box .anchor .yele-box.right {
  top: -0.36rem;
  left: 0.42rem;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.solution-page .com-main .topology .map-box .anchor .yele-box.bottom {
  top: 0.42rem;
  left: 50%;
}
.solution-page .com-main .topology .map-box .anchor .yele-box.top {
  bottom: 0.42rem;
  left: 50%;
}
.solution-page .com-main .topology .map-box .anchor .yele-box::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0.04rem;
  background-color: var(--sk-global-color);
  width: 0%;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.solution-page .com-main .topology .map-box .anchor .yele-box img {
  height: 2.8rem;
  object-fit: contain;
}
.solution-page .com-main .topology .map-box .anchor .yele-box .name {
  font-size: 0.18rem;
  line-height: 0.21rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.12rem;
}
.solution-page .com-main .topology .map-box .anchor .yele-box .name .ri-top {
  height: 0.24rem;
  width: 0.24rem;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.solution-page .com-main .topology .map-box .anchor .yele-box .name .ri-top img {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 0.24rem;
}
@media screen and (min-width: 800px) {
  .solution-page .com-main .topology .map-box .anchor:hover .yele-box {
    opacity: 1;
    visibility: visible;
  }
  .solution-page .com-main .topology .map-box .anchor:hover .deco::before {
    -webkit-animation: scalepulse 1.3s linear 0.3s infinite both;
            animation: scalepulse 1.3s linear 0.3s infinite both;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
  }
  .solution-page .com-main .topology .map-box .anchor:hover .deco i {
    -webkit-animation: scalepulse 1.3s linear 0s infinite both;
            animation: scalepulse 1.3s linear 0s infinite both;
    height: 0.08rem;
    width: 0.08rem;
  }
  .solution-page .com-main .topology .map-box .anchor:hover .deco::after {
    -webkit-animation: scalepulse 1.3s linear 0.15s infinite both;
            animation: scalepulse 1.3s linear 0.15s infinite both;
    width: 0.57rem;
    height: 0.57rem;
    background: -webkit-radial-gradient(circle, rgba(255, 0, 16, 0) 51%, rgba(255, 0, 16, 0.2) 80%, rgba(255, 0, 16, 0.6) 100%);
    background: radial-gradient(circle, rgba(255, 0, 16, 0) 51%, rgba(255, 0, 16, 0.2) 80%, rgba(255, 0, 16, 0.6) 100%);
  }
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .topology .map-box .anchor.on .deco::before {
    -webkit-animation: scalepulse 1.3s linear 0.3s infinite both;
            animation: scalepulse 1.3s linear 0.3s infinite both;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
            transform: translate3d(-50%, -50%, 0) scale(1);
  }
  .solution-page .com-main .topology .map-box .anchor.on .deco i {
    -webkit-animation: scalepulse 1.3s linear 0s infinite both;
            animation: scalepulse 1.3s linear 0s infinite both;
    height: 0.12rem;
    width: 0.12rem;
  }
  .solution-page .com-main .topology .map-box .anchor.on .deco::after {
    -webkit-animation: scalepulse 1.3s linear 0.15s infinite both;
            animation: scalepulse 1.3s linear 0.15s infinite both;
    width: 1rem;
    height: 1rem;
    background: -webkit-radial-gradient(circle, rgba(255, 0, 16, 0) 51%, rgba(255, 0, 16, 0.2) 80%, rgba(255, 0, 16, 0.6) 100%);
    background: radial-gradient(circle, rgba(255, 0, 16, 0) 51%, rgba(255, 0, 16, 0.2) 80%, rgba(255, 0, 16, 0.6) 100%);
  }
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .topology .pro-boom-box {
    margin-top: 0.6rem;
  }
  .solution-page .com-main .topology .pro-boom-box .yele-box {
    margin: 0 auto;
    display: none;
    position: relative;
    background: #fff;
    border-radius: 0.36rem;
    height: 6.21rem;
    padding: 0.53rem 0.52rem 0.56rem;
    overflow: hidden;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    box-shadow: 0 0 14px rgba(43, 31, 31, 0.1);
    width: 5.4rem;
  }
  .solution-page .com-main .topology .pro-boom-box .yele-box.on {
    display: block;
  }
  .solution-page .com-main .topology .pro-boom-box .yele-box::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0.07rem;
    background-color: var(--sk-global-color);
    width: 100%;
    left: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .solution-page .com-main .topology .pro-boom-box .yele-box img {
    height: calc(100% - 0.42rem);
    object-fit: contain;
  }
  .solution-page .com-main .topology .pro-boom-box .yele-box .name {
    font-family: "fontFamily-B";
    font-size: 0.28rem;
    line-height: 0.42rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.12rem;
  }
  .solution-page .com-main .topology .pro-boom-box .yele-box .name .ri-top {
    height: 0.36rem;
    width: 0.36rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .solution-page .com-main .topology .pro-boom-box .yele-box .name .ri-top img {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 0.36rem;
  }
}
.solution-page .com-main .application-cases-hry {
  padding-bottom: 0;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .application-cases-hry {
    padding-bottom: 0;
  }
  .solution-page .com-main .application-cases-hry .application-hry-pagination {
    margin-top: 0.61rem;
    position: static;
  }
}
.solution-page .com-main .contact-us-hry {
  padding-top: 0.84rem;
}
@media screen and (max-width: 800px) {
  .solution-page .com-main .contact-us-hry {
    padding-top: 1.2rem;
  }
}

.application-cases-hry {
  color: var(--fcolor02);
  padding-top: 1.17rem;
  padding-bottom: 1.65rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .application-cases-hry {
    padding-top: 1.4rem;
    padding-bottom: 2.36rem;
  }
}
.application-cases-hry .title {
  font-family: "fontFamily-B";
  font-size: 0.42rem;
  line-height: 0.63rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .title {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.application-cases-hry .swiper-box {
  margin-top: 0.59rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .swiper-box {
    margin-top: 0.61rem;
  }
}
.application-cases-hry .swiper-box .swiper-wrapper .swiper-slide {
  border-radius: 0.2rem;
  overflow: hidden;
  background: #F5F7F9;
  height: 4.6rem;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .swiper-box .swiper-wrapper .swiper-slide {
    height: auto;
  }
}
.application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .img-box {
  height: 2.86rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .img-box {
    padding-top: 56%;
    position: relative;
  }
}
.application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .img-box img {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .img-box img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .con-box {
  padding: 0.39rem 0.33rem 0 0.4rem;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .con-box {
    padding: 0.48rem 0.4rem 0.69rem;
  }
}
.application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .con-box .tit {
  font-family: "fontFamily-M";
  font-size: 0.24rem;
  line-height: 0.32rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .con-box .tit {
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
}
.application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .con-box .text {
  margin-top: 0.2rem;
  color: var(--fcolor03);
  line-height: 0.24rem;
  font-size: 0.16rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .swiper-box .swiper-wrapper .swiper-slide .con-box .text {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
@media screen and (min-width: 800px) {
  .application-cases-hry .swiper-box .swiper-wrapper .swiper-slide:hover .img-box img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.application-cases-hry .swiper-box .swiper-button-nexts {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 10;
  top: 40%;
  left: 0.2rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
}
.application-cases-hry .swiper-box .swiper-button-nexts img {
  height: 0.15rem;
}
.application-cases-hry .swiper-box .swiper-button-nexts:hover {
  background: rgba(0, 0, 0, 0.4);
}
.application-cases-hry .swiper-box .swiper-button-prevs {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 10;
  top: 40%;
  right: 0.2rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  cursor: pointer;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.application-cases-hry .swiper-box .swiper-button-prevs img {
  height: 0.15rem;
}
.application-cases-hry .swiper-box .swiper-button-prevs:hover {
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 800px) {
  .application-cases-hry .swiper-box:hover .swiper-button-nexts {
    opacity: 1;
    visibility: visible;
  }
  .application-cases-hry .swiper-box:hover .swiper-button-prevs {
    opacity: 1;
    visibility: visible;
  }
}
.application-cases-hry .application-hry-pagination {
  text-align: center;
  position: absolute;
  bottom: 1.6rem !important;
}
.application-cases-hry .application-hry-pagination .swiper-pagination-bullet {
  background: #E8E8E8;
}
.application-cases-hry .application-hry-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.application-cases-hry .dialog-wrapper {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  z-index: 150;
  position: fixed;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.application-cases-hry .dialog-wrapper.show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.application-cases-hry .dialog-wrapper .pinch-zoom-container {
  width: 100%;
}
.application-cases-hry .dialog-wrapper .dialog-box {
  max-width: 9.8rem;
  max-height: 80vh;
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 800px) {
  .application-cases-hry .dialog-wrapper .dialog-box .img {
    min-width: 9.8rem;
    min-height: 80vh;
  }
}
.application-cases-hry .dialog-wrapper .dialog-box .clone-btn {
  position: absolute;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 10;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .dialog-wrapper .dialog-box .clone-btn {
    display: none;
  }
}
.application-cases-hry .dialog-wrapper .dialog-box .clone-btn:hover {
  background: rgba(0, 0, 0, 0.4);
}
.application-cases-hry .dialog-wrapper .dialog-box .con {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  left: 0;
  color: #FFFFFF;
}
@media screen and (max-width: 800px) {
  .application-cases-hry .dialog-wrapper .dialog-box .con {
    display: none;
  }
}
.application-cases-hry .dialog-wrapper .dialog-box .con .tit {
  font-family: "fontFamily-B";
  margin-bottom: 0.13rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.application-cases-hry .dialog-wrapper .dialog-box .con .text {
  font-size: 0.16rem;
  line-height: 0.24rem;
  padding-bottom: 0.33rem;
}

.contact-us-hry {
  color: var(--fcolor02);
  padding-bottom: 0.84rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry {
    padding-bottom: 1.2rem;
  }
}
.contact-us-hry .card-box {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box {
    border-radius: 0.36rem 0.36rem 0.36rem 0.36rem;
  }
}
.contact-us-hry .card-box .bg-img {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.contact-us-hry .card-box .con-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.73rem 0.8rem 0.73rem 0.8rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box {
    padding: 0.8rem 0.39rem 0.9rem 0.41rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-us-hry .card-box .con-box .left-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contact-us-hry .card-box .con-box .left-info .tit {
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .left-info .tit {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.contact-us-hry .card-box .con-box .left-info .text {
  margin-top: 0.28rem;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .left-info .text {
    font-size: 0.26rem;
    line-height: 0.39rem;
    text-align: center;
  }
}
.contact-us-hry .card-box .con-box .left-info .info-list {
  margin-top: 0.66rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.29rem;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .left-info .info-list {
    margin-top: 0.58rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.contact-us-hry .card-box .con-box .left-info .info-list .infor-li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.12rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .left-info .info-list .infor-li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0.2rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.contact-us-hry .card-box .con-box .left-info .info-list .infor-li .key {
  width: 0.3rem;
}
.contact-us-hry .card-box .con-box .left-info .info-list .infor-li .value {
  margin-top: 0.03rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .left-info .info-list .infor-li .value {
    margin-top: 0;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .contact-us-hry .card-box .con-box .left-info .info-list .infor-li .value span {
    display: block;
  }
}
.contact-us-hry .card-box .con-box .right-from {
  width: 8.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  row-gap: 0.2rem;
  -webkit-column-gap: 0.16rem;
     -moz-column-gap: 0.16rem;
          column-gap: 0.16rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from {
    width: 100%;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item {
  height: 0.58rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item {
    height: 0.9rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item.row2 {
  width: 4rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item.row2 {
    width: 100%;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item.row1 {
  width: 100%;
  height: 1.6rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item.row1 {
    height: 2rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 0.06rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item .input-box {
    border-radius: 0.12rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box.select input {
  cursor: pointer;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box.select::after {
  content: "";
  width: 0.18rem;
  height: 0.18rem;
  position: absolute;
  right: 0.15rem;
  top: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  background-image: url(../../image/shenzhenkehua/hry/svg19.svg);
  background-size: 100%;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item .input-box.select::after {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box.select .select-box {
  height: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  z-index: 20;
  width: 100%;
  top: calc(100% + 0.08rem);
  left: 0;
  background: #FFFFFF;
  border-radius: 0.06rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0rem 0.1rem 0.5rem 0rem rgba(165, 165, 165, 0.25);
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item .input-box.select .select-box {
    border-radius: 0.12rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box.select .select-box .select-item {
  cursor: pointer;
  padding: 0.065rem 0.2rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item .input-box.select .select-box .select-item {
    padding: 0.13rem 0.4rem;
    line-height: 0.39rem;
    font-size: 0.26rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box.select .select-box .select-item:hover {
  color: var(--fcolor02);
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box.select.show::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box.select.show .select-box {
  padding: 0.145rem 0;
  height: auto;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input {
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 100%;
  width: 100%;
  padding: 0.15rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item .input-box input {
    padding: 0.26rem 0.2rem;
    line-height: 0.39rem;
    font-size: 0.26rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input::-webkit-input-placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input::-moz-placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input:-ms-input-placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input::placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input.required::-webkit-input-placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input.required::-moz-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input.required:-ms-input-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box input.required::placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box textarea {
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 100%;
  width: 100%;
  padding: 0.17rem 0.15rem;
  resize: none;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .right-from .form-item .input-box textarea {
    padding: 0.17rem 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box textarea::-webkit-input-placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box textarea::-moz-placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box textarea:-ms-input-placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .right-from .form-item .input-box textarea::placeholder {
  color: #757575;
}
.contact-us-hry .card-box .con-box .qr-code {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .qr-code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-us-hry .card-box .con-box .qr-code .code-input {
  width: 4rem;
  height: 0.54rem;
  border-radius: 0.06rem;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .qr-code .code-input {
    height: 0.9rem;
    width: 100%;
    border-radius: 0.12rem;
  }
}
.contact-us-hry .card-box .con-box .qr-code .code-input input {
  height: 100%;
  width: calc(100% - 1.26rem);
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 100%;
  width: 100%;
  padding: 0.15rem;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .qr-code .code-input input {
    width: calc(100% - 2.44rem);
    padding: 0.26rem 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.contact-us-hry .card-box .con-box .qr-code .code-input input.required::-webkit-input-placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .qr-code .code-input input.required::-moz-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .qr-code .code-input input.required:-ms-input-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .qr-code .code-input input.required::placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-hry .card-box .con-box .qr-code .code-input .code-img {
  position: absolute;
  width: 1.26rem;
  height: 0.38rem;
  right: 0.08rem;
  top: 0.08rem;
  object-fit: fill;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .qr-code .code-input .code-img {
    height: 0.74rem;
    width: 2.44rem;
  }
}
.contact-us-hry .card-box .con-box .qr-code .hry-btn {
  min-width: 2.2rem;
  height: 0.54rem;
  padding: 0 0.3rem;
  border-radius: 0.44rem;
  background-color: var(--sk-global-color);
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .contact-us-hry .card-box .con-box .qr-code .hry-btn {
    margin-top: 0.4rem;
    width: 100%;
    height: 0.9rem;
    border-radius: 0.45rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    font-family: "fontFamily-M";
  }
}
.contact-us-hry .card-box .con-box .qr-code .hry-btn:hover {
  background: #FF0010;
}

.research-innovation {
  color: var(--fcolor02);
}
.research-innovation .banner-box {
  position: relative;
  height: 6.4rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .banner-box {
    padding-top: 128%;
    height: 0;
  }
}
.research-innovation .banner-box .position {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.research-innovation .banner-box .bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.research-innovation .banner-box .bg img {
  height: 100%;
  width: 100%;
}
.research-innovation .banner-box .wal {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .research-innovation .banner-box .wal {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.research-innovation .banner-box .wal .h1 {
  font-family: "fontFamily-B";
  color: #ffffff;
  font-size: 0.56rem;
  line-height: 0.72rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .banner-box .wal .h1 {
    margin-top: 2.72rem;
    font-size: 0.64rem;
    line-height: 0.96rem;
    text-align: center;
  }
}
.research-innovation .banner-box .wal .info-text {
  margin-top: 0.48rem;
  width: 5rem;
  color: #FFFFFF;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .banner-box .wal .info-text {
    margin-top: 0.28rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    width: 100%;
    text-align: center;
  }
}
.research-innovation .com-strength {
  padding-top: 1.32rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength {
    padding-top: 1.38rem;
    overflow: hidden;
  }
}
.research-innovation .com-strength .tit {
  font-family: "fontFamily-B";
  line-height: 0.63rem;
  font-size: 0.42rem;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.research-innovation .com-strength .main-box {
  margin-top: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.05rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 2.71rem;
    gap: 0.38rem;
  }
}
.research-innovation .com-strength .main-box .left-hr {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  height: 6.45rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .left-hr {
    height: auto;
  }
}
.research-innovation .com-strength .main-box .left-hr .bg-bl {
  width: 10.94rem;
  position: absolute;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .left-hr .bg-bl {
    width: calc(100% + 0.8rem);
    max-width: none;
    left: -0.4rem;
    position: relative;
  }
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li {
  position: absolute;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(1) .con-txt {
  -webkit-transform: translateY(1.78rem);
      -ms-transform: translateY(1.78rem);
          transform: translateY(1.78rem);
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(2) .con-txt {
  -webkit-transform: translateY(2.78rem);
      -ms-transform: translateY(2.78rem);
          transform: translateY(2.78rem);
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(3) .con-txt {
  -webkit-transform: translateY(1.14rem);
      -ms-transform: translateY(1.14rem);
          transform: translateY(1.14rem);
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li .con-txt {
  -webkit-transition: 2s ease-out;
  transition: 2s ease-out;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .left-hr .count-list .count-li .con-txt {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li .num {
  font-size: 0.64rem;
  line-height: 0.44rem;
  color: var(--sk-global-color);
  font-family: "fontFamily-B";
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li .name {
  margin-top: 0.28rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li .pro-bar {
  position: absolute;
  left: -0.2rem;
  bottom: -1.05rem;
  width: 0.02rem;
  background-color: var(--sk-global-color);
  height: 0;
  -webkit-transition: height 2s ease-out;
  transition: height 2s ease-out;
  background: -webkit-linear-gradient(top, var(--sk-global-color), rgba(52, 152, 219, 0));
  background: linear-gradient(to bottom, var(--sk-global-color), rgba(52, 152, 219, 0));
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li .pro-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.005rem;
  background-color: var(--sk-global-color);
  -webkit-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  height: 0.06rem;
  width: 0.06rem;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li.loaded .con-txt {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li.loaded .pro-bar {
  height: 1.78rem;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(1) {
  top: 0.44rem;
  left: 0.8rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(1) {
    top: -1.32rem;
    left: 0.68rem;
  }
  .research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(1) .pro-bar {
    height: 1.54rem;
    bottom: -0.8rem;
  }
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(1).loaded .pro-bar {
  height: 1.78rem;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(2) {
  top: -0.14rem;
  left: 3.2rem;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(2) .pro-bar {
  bottom: -2.06rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(2) {
    top: -1.94rem;
    left: 2.68rem;
  }
  .research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(2) .pro-bar {
    height: 2.6rem;
    bottom: -1.9rem;
  }
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(2).loaded .pro-bar {
  height: 2.73rem;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(3) {
  top: 0.98rem;
  left: 5.95rem;
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(3) .pro-bar {
  bottom: -0.42rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(3) {
    top: -1.64rem;
    left: 5.2rem;
  }
  .research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(3) .pro-bar {
    height: 1.13rem;
    bottom: -0.5rem;
  }
}
.research-innovation .com-strength .main-box .left-hr .count-list .count-li:nth-child(3).loaded .pro-bar {
  height: 1.14rem;
}
.research-innovation .com-strength .main-box .right-list {
  width: 5.43rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .right-list {
    width: 100%;
  }
}
.research-innovation .com-strength .main-box .right-list .li-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0.5rem;
  padding-top: 0.4rem;
  border-bottom: 0.01rem solid #E3E5EA;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .right-list .li-box {
    padding-bottom: 0.41rem;
    padding-top: 0.42rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.research-innovation .com-strength .main-box .right-list .li-box:first-child {
  padding-top: 0;
}
.research-innovation .com-strength .main-box .right-list .li-box:last-child {
  border-bottom: none;
}
.research-innovation .com-strength .main-box .right-list .li-box .left-i-num {
  width: 2.24rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.29rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .right-list .li-box .left-i-num {
    gap: 0.2rem;
    width: 2.6rem;
  }
}
.research-innovation .com-strength .main-box .right-list .li-box .left-i-num img {
  width: 0.35rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .right-list .li-box .left-i-num img {
    width: 0.48rem;
  }
}
.research-innovation .com-strength .main-box .right-list .li-box .left-i-num .num {
  font-family: "fontFamily-B";
  font-size: 0.36rem;
  line-height: 0.44rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .right-list .li-box .left-i-num .num {
    font-size: 0.48rem;
    line-height: 0.44rem;
  }
}
.research-innovation .com-strength .main-box .right-list .li-box .right-txt .txt {
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .com-strength .main-box .right-list .li-box .right-txt .txt {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.research-innovation .com-strength .main-box .right-list .li-box .right-txt .txt .col {
  color: var(--sk-global-color);
}
.research-innovation .cutting-edge-technology {
  padding-top: 0.88rem;
  padding-bottom: 0.49rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology {
    padding-top: 1.22rem;
    padding-bottom: 0;
    overflow: hidden;
  }
}
.research-innovation .cutting-edge-technology .tit {
  text-align: center;
  font-family: "fontFamily-B";
  line-height: 0.63rem;
  font-size: 0.42rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.research-innovation .cutting-edge-technology .overflow {
  margin-top: 0.6rem;
  color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow {
    border-radius: 0.36rem;
    overflow: visible;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer {
  height: 6.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer {
    height: 9.53rem;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li {
  height: 100%;
  position: relative;
  width: calc(100% / 6);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transition: all 0.36s;
  transition: all 0.36s;
}
@media screen and (min-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li {
    -webkit-flex-shrink: inherit;
        -ms-flex-negative: inherit;
            flex-shrink: inherit;
  }
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li {
    width: 100%;
    visibility: visible !important;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .bg-img {
  position: absolute;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .bg-img {
    border-radius: 0.36rem;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box {
  position: relative;
  z-index: 10;
  padding: 0.4rem 0.4rem 0.56rem;
  text-align: center;
  -webkit-transition: all 0.4s 0.4s;
  transition: all 0.4s 0.4s;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box {
    display: none;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box .icon {
  width: 0.35rem;
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box .name {
  margin-top: 0.17rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: "fontFamily-M";
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover {
  z-index: 10;
  position: absolute;
  padding: 0.4rem 0.4rem 0.56rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.36s;
  transition: all 0.36s;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover {
    padding: 0.66rem 0.34rem 0.55rem 0.4rem;
    opacity: 1;
    visibility: visible;
    background: rgba(5, 39, 49, 0.1);
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
    border-radius: 0 0 0.36rem 0.36rem;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover .icon {
  width: 0.35rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover .icon {
    width: 0.52rem;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover .name {
  margin-top: 0.31rem;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: "fontFamily-M";
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover .name {
    font-size: 0.36rem;
    line-height: 0.54rem;
    display: inline-block;
    margin-top: 0;
    vertical-align: bottom;
    margin-left: 0.23rem;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover .text {
  margin-top: 0.18rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li .con-box-hover .text {
    margin-top: 0.27rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
@media screen and (min-width: 800px) {
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li:hover {
    width: 28%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li:hover::before {
    z-index: 5;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(5, 39, 49, 0.1);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li:hover .con-box {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.36s;
    transition: all 0.36s;
  }
  .research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-wer .box-li:hover .con-box-hover {
    -webkit-transition: all 0.2s 0.2s;
    transition: all 0.2s 0.2s;
    visibility: visible;
    opacity: 1;
  }
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-swiper-pagination {
  margin-top: 0.5rem;
  text-align: center;
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.05rem;
  background: #E8E8E8;
  height: 0.16rem;
  width: 0.16rem;
  border-radius: 50%;
}
.research-innovation .cutting-edge-technology .overflow .main-box .cutting-edge-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--sk-global-color);
}
.research-innovation .pro-qual {
  padding-top: 1.21rem;
  padding-bottom: 1.59rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual {
    padding-top: 1.59rem;
  }
}
.research-innovation .pro-qual .top-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.research-innovation .pro-qual .top-box .left-in-box {
  width: 10.35rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box .left-in-box {
    width: 100%;
  }
}
.research-innovation .pro-qual .top-box .left-in-box .tit {
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box .left-in-box .tit {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.research-innovation .pro-qual .top-box .left-in-box .info {
  color: var(--fcolor03);
  margin-top: 0.28rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box .left-in-box .info {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.research-innovation .pro-qual .top-box .right-nav {
  text-align: right;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box .right-nav {
    margin-top: 0.7rem;
  }
}
.research-innovation .pro-qual .top-box .right-nav .nav-list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box .right-nav .nav-list {
    gap: 0.8rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.research-innovation .pro-qual .top-box .right-nav .nav-list .nav-li {
  cursor: pointer;
  padding-bottom: 0.28rem;
  color: var(--fcolor04);
  font-size: 0.2rem;
  line-height: 0.3rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box .right-nav .nav-list .nav-li {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.research-innovation .pro-qual .top-box .right-nav .nav-list .nav-li.on {
  color: var(--sk-global-color);
}
.research-innovation .pro-qual .top-box .right-nav .nav-list .nav-li:hover {
  color: var(--sk-global-color);
}
.research-innovation .pro-qual .top-box .right-nav .nav-list .line {
  position: absolute;
  bottom: 0;
  height: 0.02rem;
  background-color: var(--sk-global-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .top-box .right-nav .nav-list .line {
    height: 0.03rem;
  }
}
.research-innovation .pro-qual .top-box .right-nav .logo-list {
  margin-top: 0.06rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
}
.research-innovation .pro-qual .top-box .right-nav .logo-list .logo-li {
  width: 1rem;
  height: 1rem;
}
.research-innovation .pro-qual .top-box .right-nav .logo-list .logo-li img {
  height: 100%;
  width: 100%;
}
.research-innovation .pro-qual .main-box {
  margin-top: 0.91rem;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .main-box {
    margin-top: 0.79rem;
  }
}
.research-innovation .pro-qual .main-box.on {
  position: relative;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .main-box .swiper-certificate {
    overflow: hidden;
  }
}
.research-innovation .pro-qual .main-box .swiper-certificate .swiper-wrapper .swiper-slide {
  width: calc((100% - 230px) / 6);
  margin-right: 46px;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .main-box .swiper-certificate .swiper-wrapper .swiper-slide {
    width: calc((100% - 90px) / 2);
    margin-right: 15px;
  }
}
.research-innovation .pro-qual .main-box .swiper-certificate .swiper-wrapper .swiper-slide .img-box {
  padding-top: 143%;
  position: relative;
  overflow: hidden;
}
.research-innovation .pro-qual .main-box .swiper-certificate .swiper-wrapper .swiper-slide .img-box img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.research-innovation .pro-qual .main-box .swiper-certificate .swiper-wrapper .swiper-slide .name {
  margin-top: 0.16rem;
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.27rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .main-box .swiper-certificate .swiper-wrapper .swiper-slide .name {
    margin-top: 0.24rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    height: 0.48rem;
  }
}
@media screen and (min-width: 800px) {
  .research-innovation .pro-qual .main-box .swiper-certificate .swiper-wrapper .swiper-slide:hover .img-box img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.research-innovation .pro-qual .main-box .operate-box {
  margin: 0.9rem auto 0;
  width: 3.2rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .research-innovation .pro-qual .main-box .operate-box {
    width: 3rem;
    top: -0.01rem;
  }
}
.research-innovation .pro-qual .main-box .operate-box .swiper-pagination {
  position: relative;
  left: 0;
  top: 0;
  height: 0.01rem;
  background-color: #DEDEDE;
}
.research-innovation .pro-qual .main-box .operate-box .swiper-pagination .my-pagination-progressbar-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--sk-global-color);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.research-innovation .pro-qual .main-box .operate-box .swiper-btn {
  position: absolute;
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.research-innovation .pro-qual .main-box .operate-box .swiper-btn .svg {
  height: 0.1rem;
}
.research-innovation .pro-qual .main-box .operate-box .swiper-btn:hover {
  border: 0.01rem solid var(--sk-global-color);
}
.research-innovation .pro-qual .main-box .operate-box .swiper-btn.swiper-next {
  right: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.research-innovation .pro-qual .main-box .operate-box .swiper-btn.swiper-prev {
  left: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.research-innovation .laboratory {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding-top: 1.34rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory {
    padding-top: 0.8rem;
  }
}
.research-innovation .laboratory .bg-img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.research-innovation .laboratory .top-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.research-innovation .laboratory .top-box .left-box {
  width: 10.34rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory .top-box .left-box {
    width: 100%;
  }
}
.research-innovation .laboratory .top-box .left-box .tit {
  font-family: "fontFamily-B";
  line-height: 0.63rem;
  font-size: 0.42rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory .top-box .left-box .tit {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.research-innovation .laboratory .top-box .left-box .text {
  margin-top: 0.28rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  padding-bottom: 0.11rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory .top-box .left-box .text {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.research-innovation .laboratory .top-box .right-logo {
  text-align: right;
}
.research-innovation .laboratory .top-box .right-logo .logo-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
}
.research-innovation .laboratory .top-box .right-logo .logo-box .logo-li {
  width: 1rem;
  height: 1rem;
}
.research-innovation .laboratory .main-box {
  margin-top: 0.57rem;
  padding-bottom: 0.54rem;
  overflow: hidden;
}
.research-innovation .laboratory .main-box .swiper-laboratory .swiper-wrapper .swiper-slide {
  display: block;
  border-radius: 0.16rem;
  overflow: hidden;
  background: #F5F7F9;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory .main-box .swiper-laboratory .swiper-wrapper .swiper-slide {
    border-radius: 0.28rem;
  }
}
.research-innovation .laboratory .main-box .swiper-laboratory .swiper-wrapper .swiper-slide .img-box {
  padding-top: 66.6%;
  position: relative;
  overflow: hidden;
}
.research-innovation .laboratory .main-box .swiper-laboratory .swiper-wrapper .swiper-slide .img-box img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.research-innovation .laboratory .main-box .swiper-laboratory .swiper-wrapper .swiper-slide .name {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: "fontFamily-B";
  text-align: center;
  padding: 0.33rem 0 0.44rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory .main-box .swiper-laboratory .swiper-wrapper .swiper-slide .name {
    padding: 0.54rem 0 0.52rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
}
@media screen and (min-width: 800px) {
  .research-innovation .laboratory .main-box .swiper-laboratory .swiper-wrapper .swiper-slide:hover .img-box img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box {
  margin: 0.9rem auto 0;
  width: 3.2rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory .main-box .swiper-laboratory .operate-box {
    margin: 0.56rem auto 0;
  }
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-pagination {
  position: relative;
  left: 0;
  top: 0;
  height: 0.01rem;
  background-color: #DEDEDE;
}
@media screen and (max-width: 800px) {
  .research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-pagination {
    height: auto;
    background-color: unset;
  }
  .research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-pagination .swiper-pagination-bullet {
    background: #E8E8E8;
  }
  .research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--sk-global-color);
  }
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-pagination .my-pagination-progressbar-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--sk-global-color);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-btn {
  position: absolute;
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-btn .svg {
  height: 0.1rem;
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-btn:hover {
  border: 0.01rem solid var(--sk-global-color);
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-btn.swiper-next {
  right: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.research-innovation .laboratory .main-box .swiper-laboratory .operate-box .swiper-btn.swiper-prev {
  left: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.research-innovation .contact-us-hry {
  margin-top: 1.36rem;
}
@media screen and (max-width: 800px) {
  .research-innovation .contact-us-hry {
    margin-top: 1rem;
  }
}

.intelli-mfg {
  color: var(--fcolor02);
}
.intelli-mfg .banner-box {
  position: relative;
  height: 6.4rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .banner-box {
    padding-top: 128%;
    height: 0;
  }
}
.intelli-mfg .banner-box .position {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.intelli-mfg .banner-box .bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.intelli-mfg .banner-box .bg img {
  height: 100%;
  width: 100%;
}
.intelli-mfg .banner-box .wal {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .banner-box .wal {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.intelli-mfg .banner-box .wal .h1 {
  font-family: "fontFamily-B";
  color: #ffffff;
  font-size: 0.56rem;
  line-height: 0.72rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .banner-box .wal .h1 {
    text-align: center;
    margin-top: 2.92rem;
    font-size: 0.64rem;
    height: 0.96rem;
    text-align: center;
  }
}
.intelli-mfg .banner-box .wal .info-text {
  margin-top: 0.48rem;
  width: 5rem;
  color: #FFFFFF;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .banner-box .wal .info-text {
    width: 100%;
    margin-top: 0.28rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    text-align: center;
  }
}
.intelli-mfg .prod-cap-map {
  height: 8.73rem;
  background: -webkit-linear-gradient(237deg, #FFFFFF 0%, #F5F7F9 58%);
  background: linear-gradient(213deg, #FFFFFF 0%, #F5F7F9 58%);
  position: relative;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map {
    height: auto;
    overflow: hidden;
    padding-bottom: 1.3rem;
  }
}
.intelli-mfg .prod-cap-map .tit {
  padding-top: 1.55rem;
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .tit {
    padding-top: 1.4rem;
    font-size: 0.48rem;
    line-height: 0.72rem;
    text-align: center;
  }
}
.intelli-mfg .prod-cap-map .map-box {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .map-box {
    position: relative;
  }
}
.intelli-mfg .prod-cap-map .map-box .map-img {
  width: 13.49rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .map-box .map-img {
    width: 12.11rem;
    max-width: none;
    margin-left: -2.3rem;
  }
}
.intelli-mfg .prod-cap-map .map-box .anchor-point {
  position: absolute;
  top: 50%;
  left: 70%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.intelli-mfg .prod-cap-map .map-box .anchor-point .not-sel {
  width: 0.35rem;
  height: 0.42rem;
  display: block;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .map-box .anchor-point .not-sel {
    width: 0.45rem;
    height: 0.5rem;
  }
}
.intelli-mfg .prod-cap-map .map-box .anchor-point .yes-sel {
  width: 0.53rem;
  height: 0.64rem;
  display: none;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .map-box .anchor-point .yes-sel {
    width: 0.7rem;
    height: 0.9rem;
  }
}
.intelli-mfg .prod-cap-map .map-box .anchor-point.on {
  z-index: 10;
}
.intelli-mfg .prod-cap-map .map-box .anchor-point.on .not-sel {
  display: none;
}
.intelli-mfg .prod-cap-map .map-box .anchor-point.on .yes-sel {
  display: block;
}
.intelli-mfg .prod-cap-map .count-list {
  position: absolute;
  bottom: 0.78rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .count-list {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    padding: 0;
    margin-top: 0.6rem;
  }
}
.intelli-mfg .prod-cap-map .count-list .count-li {
  padding: 0 0.7rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .count-list .count-li {
    width: 33.33333333%;
    padding: 0 0.12rem;
  }
}
.intelli-mfg .prod-cap-map .count-list .count-li .num {
  font-family: "fontFamily-B";
  font-size: 0.56rem;
  line-height: 0.84rem;
  color: var(--sk-global-color);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .count-list .count-li .num {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.intelli-mfg .prod-cap-map .count-list .count-li .label {
  margin-top: 0.08rem;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .count-list .count-li .label {
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.intelli-mfg .prod-cap-map .count-list .count-li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0.11rem;
  height: 0.89rem;
  border-right: 0.01rem solid #DEDEDE;
}
.intelli-mfg .prod-cap-map .count-list .count-li:last-child::before {
  display: none;
}
.intelli-mfg .prod-cap-map .cell-ad-box {
  position: absolute;
  top: 1.86rem;
  right: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.69rem;
  right: 0;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box {
    position: relative;
    top: -1.2rem;
    gap: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box {
  width: 4rem;
  height: 5rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box .left-card-box {
    width: 5rem;
    height: auto;
  }
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card {
  border-radius: 0.2rem;
  box-shadow: 0rem 0rem 1rem 0rem rgba(153, 153, 153, 0.25);
  display: none;
  background: #FFFFFF;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card {
    border-radius: 0.28rem;
    display: block;
  }
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card.on {
  display: block;
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .img-box {
  height: 3.15rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .img-box {
    height: 3.94rem;
  }
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .img-box img {
  height: 100%;
  width: 100%;
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .txt-con {
  padding: 0.35rem 0.32rem 0.52rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .txt-con {
    padding: 0.49rem 0.4rem 0.51rem;
  }
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .txt-con .name {
  font-size: 0.24rem;
  line-height: 0.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .txt-con .name {
    font-family: "fontFamily-M";
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
}
.intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .txt-con .in-txt {
  margin-top: 0.14rem;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card .txt-con .in-txt {
    margin-top: 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
@media screen and (min-width: 800px) {
  .intelli-mfg .prod-cap-map .cell-ad-box .left-card-box .left-card:hover .img-box img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.intelli-mfg .prod-cap-map .cell-ad-box .card-box-swiper-pagination {
  margin-top: 0.5rem;
  text-align: center;
}
.intelli-mfg .prod-cap-map .cell-ad-box .card-box-swiper-pagination .swiper-pagination-bullet {
  background: #E8E8E8;
}
.intelli-mfg .prod-cap-map .cell-ad-box .card-box-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--sk-global-color);
}
.intelli-mfg .prod-cap-map .cell-ad-box .right-li {
  width: 2.1rem;
  padding-top: 0.26rem;
}
.intelli-mfg .prod-cap-map .cell-ad-box .right-li .li-a {
  cursor: default;
  top: 0.66rem;
  margin-bottom: 0.34rem;
  line-height: 0.27rem;
  font-size: 0.18rem;
  color: var(--fcolor04);
  font-family: "fontFamily-M";
  position: relative;
}
.intelli-mfg .prod-cap-map .cell-ad-box .right-li .li-a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0.01rem;
  background-color: var(--sk-global-color);
  top: 50%;
  right: 2.22rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.intelli-mfg .prod-cap-map .cell-ad-box .right-li .li-a.on {
  color: var(--sk-global-color);
  font-size: 0.28rem;
}
.intelli-mfg .prod-cap-map .cell-ad-box .right-li .li-a.on::before {
  width: 0.72rem;
}
.intelli-mfg .imp-eq {
  padding-top: 1.37rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .imp-eq {
    overflow: hidden;
    padding-top: 1.41rem;
    padding-bottom: 0.8rem;
  }
}
.intelli-mfg .imp-eq .tit {
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
  text-align: center;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .imp-eq .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.intelli-mfg .imp-eq .switch-eq {
  width: 10.8rem;
  margin: 0.6rem auto 0;
  position: relative;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .imp-eq .switch-eq {
    width: 100%;
  }
}
.intelli-mfg .imp-eq .switch-eq .swiper-wrapper .swiper-slide {
  height: 5.4rem;
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .imp-eq .switch-eq .swiper-wrapper .swiper-slide {
    height: 8rem;
    border-radius: 0.36rem;
    padding: 0.73rem 0.4rem;
  }
}
.intelli-mfg .imp-eq .switch-eq .swiper-wrapper .swiper-slide .bg-img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.intelli-mfg .imp-eq .switch-eq .swiper-wrapper .swiper-slide .name {
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: "fontFamily-M";
  margin-top: 0.55rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .imp-eq .switch-eq .swiper-wrapper .swiper-slide .name {
    margin-top: 0;
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
}
.intelli-mfg .imp-eq .switch-eq .swiper-wrapper .swiper-slide .text {
  margin-top: 0.18rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .imp-eq .switch-eq .swiper-wrapper .swiper-slide .text {
    font-size: 0.26rem;
    line-height: 0.39rem;
    text-align: left;
  }
}
.intelli-mfg .imp-eq .switch-eq .swiper-pagination {
  bottom: 0.2rem;
}
.intelli-mfg .imp-eq .switch-eq .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
  margin: 0 0.05rem;
}
.intelli-mfg .imp-eq .switch-eq .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFFFFF;
}
.intelli-mfg .mgmt-sys {
  padding-top: 0.93rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys {
    padding-top: 0.8rem;
  }
}
.intelli-mfg .mgmt-sys .tit {
  text-align: center;
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.intelli-mfg .mgmt-sys .text {
  width: 9.6rem;
  text-align: center;
  margin: 0.26rem auto 0.72rem;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .text {
    width: 100%;
    margin: 0.28rem auto 0.6rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    text-align: left;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box {
  padding: 0.1rem;
  padding-bottom: 1.23rem;
  width: calc(100% + 0.2rem);
  overflow: hidden;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide {
  position: relative;
  box-shadow: 0 0 14px rgba(43, 31, 31, 0.1);
  border-radius: 0.16rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide {
    border-radius: 0.36rem;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .ba-img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .ba-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box {
  padding: 0.26rem 0.31rem 0.27rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.56rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box {
    padding: 0.36rem 0.4rem 0.37rem;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .authen {
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: "fontFamily-M";
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .authen {
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .authen span {
  color: var(--sk-global-color);
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .mgmt-text {
  margin-top: 0.19rem;
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: var(--fcolor03);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .mgmt-text {
    margin-top: 0.25rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .logo {
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  bottom: 0.2rem;
  left: 0.31rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .logo {
    bottom: 0.37rem;
    left: 0.4rem;
    height: 1rem;
    width: 1rem;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .left-box .logo img {
  height: 100%;
  width: 100%;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .right-img {
  width: 1.7rem;
  height: 2.55rem;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .right-img {
    width: 2.38rem;
    height: 3.57rem;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .swiper-wrapper .swiper-slide .con-box .right-img .certificate {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box {
  margin: 0.9rem auto 0;
  width: 3.2rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box {
    width: auto;
    margin: 0.5rem auto 0;
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-pagination {
  position: relative;
  left: 0;
  top: 0;
  height: 0.01rem;
  background-color: #DEDEDE;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-pagination {
    background-color: unset;
  }
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-pagination .swiper-pagination-bullet {
    background: #E8E8E8;
    margin: 0 0.05rem;
  }
  .intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--sk-global-color);
  }
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-pagination .my-pagination-progressbar-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--sk-global-color);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-btn {
  position: absolute;
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-btn .svg {
  height: 0.1rem;
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-btn:hover {
  border: 0.01rem solid var(--sk-global-color);
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-btn.swiper-next {
  right: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.intelli-mfg .mgmt-sys .swiper-mgmt-box .swiper-mgmt .operate-box .swiper-btn.swiper-prev {
  left: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.intelli-mfg .lean-intell-mfg {
  padding-top: 0.13rem;
  padding-bottom: 1.23rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg {
    padding-top: 0.6rem;
  }
}
.intelli-mfg .lean-intell-mfg .tit {
  text-align: center;
  font-family: "fontFamily-B";
  font-size: 0.42rem;
  line-height: 0.63rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.intelli-mfg .lean-intell-mfg .text {
  text-align: center;
  width: 9.48rem;
  margin: 0.28rem auto 0;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .text {
    font-size: 0.26rem;
    line-height: 0.39rem;
    width: 100%;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box {
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.6rem auto 0;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box {
    margin: 2.18rem auto 1.68rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-img {
  width: 6.21rem;
  height: 6.21rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .disc-img {
    width: 100%;
    height: auto;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .kps-box {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.intelli-mfg .lean-intell-mfg .disc-box .kps-box .center-kps {
  font-size: 0.64rem;
  line-height: 0.78rem;
  color: var(--sk-global-color);
  font-family: "fontFamily-B";
}
.intelli-mfg .lean-intell-mfg .disc-box .kps-box .center-text {
  margin-top: 0.08rem;
  line-height: 0.24rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .kps-box .center-text {
    margin-top: 0;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li {
  position: absolute;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li .icon {
  width: 0.24rem;
  height: 0.24rem;
  display: block;
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li .label {
  margin-top: 0.07rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: "fontFamily-M";
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li .label {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li:nth-child(1) {
  left: 35%;
  top: 23.5%;
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li:nth-child(2) {
  left: 58%;
  top: 23.5%;
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li:nth-child(3) {
  left: 72%;
  top: 45%;
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li:nth-child(4) {
  left: 58%;
  top: 68%;
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li:nth-child(5) {
  left: 35%;
  top: 68%;
}
.intelli-mfg .lean-intell-mfg .disc-box .disc-drop .drop-li:nth-child(6) {
  left: 21%;
  top: 45%;
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box {
  text-align: left;
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box {
  position: absolute;
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box .con-txt {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(0.1rem);
      -ms-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
  -webkit-transition: all 1s 1s;
  transition: all 1s 1s;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box .con-txt {
    opacity: 1;
    visibility: visible;
    text-align: center;
    width: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box .con-txt .value {
  font-size: 0.36rem;
  line-height: 0.44rem;
  color: var(--sk-global-color);
  font-family: "fontFamily-B";
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box .con-txt .value {
    font-size: 0.36rem;
    line-height: 0.44rem;
    white-space: nowrap;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box .con-txt .label {
  margin-top: 0.06rem;
  font-size: 0.14rem;
  line-height: 0.21rem;
  padding-bottom: 0.14rem;
  color: var(--fcolor03);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box .con-txt .label {
    font-size: 0.22rem;
    line-height: 0.33rem;
    padding-bottom: 0;
    white-space: nowrap;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0.02rem;
  background-color: #F1F1F1;
  -webkit-transition: all 0.46s 1s;
  transition: all 0.46s 1s;
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box.load .con-txt {
  visibility: visible;
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box::before {
  content: "";
  position: absolute;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  border: 0.02rem solid #F1F1F1;
  -webkit-transform: translate(50%, 50%);
      -ms-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
  background-color: #fff;
  z-index: 10;
  bottom: 0.01rem;
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(1) {
  top: 0.81rem;
  left: -2.9rem;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(1) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: -0.9rem;
    left: 0.7rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(1).load::after {
  right: 0;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(1)::after {
    width: 0.02rem;
    left: 50%;
    height: 0.73rem;
    bottom: -0.9rem;
    background: #F1F1F1;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(1)::before {
  right: 0;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(1)::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -1.06rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(2) {
  top: 2.25rem;
  left: -2.9rem;
  width: 2.96rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(2) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: -1.76rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(2).load::after {
  right: 0;
  width: 2.96rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(2)::after {
    width: 0.02rem;
    left: 50%;
    height: 0.73rem;
    bottom: -0.9rem;
    background: #F1F1F1;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(2)::before {
  right: 0;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(2)::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -1.1rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(3) {
  top: 3.7rem;
  left: -2.9rem;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(3) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: -0.9rem;
    left: auto;
    right: 0.7rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(3).load::after {
  right: 0;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(3)::after {
    width: 0.02rem;
    left: 50%;
    height: 0.73rem;
    bottom: -0.9rem;
    background: #F1F1F1;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(3)::before {
  right: 0;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(3)::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -1.06rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(4) {
  text-align: right;
  top: 0.81rem;
  right: -2.9rem;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(4) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: auto;
    bottom: -0.9rem;
    left: 0.7rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(4).load::after {
  left: 0;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(4)::after {
    width: 0.02rem;
    left: 50%;
    height: 0.73rem;
    top: -0.9rem;
    background: #F1F1F1;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(4)::before {
  left: 0;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(4)::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -1.1rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(5) {
  text-align: right;
  top: 2.25rem;
  right: -2.9rem;
  width: 2.96rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(5) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: -1.76rem;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(5).load::after {
  left: 0;
  width: 2.96rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(5)::after {
    width: 0.02rem;
    left: 50%;
    height: 0.73rem;
    top: -0.9rem;
    bottom: auto;
    background: #F1F1F1;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(5)::before {
  left: 0;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(5)::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -1.1rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(6) {
  text-align: right;
  top: 3.7rem;
  right: -2.9rem;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(6) {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    bottom: -0.9rem;
    top: auto;
    left: auto;
    right: 0.7rem;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(6).load::after {
  left: 0;
  width: 3.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(6)::after {
    width: 0.02rem;
    left: 50%;
    height: 0.73rem;
    top: -0.9rem;
    bottom: auto;
    background: #F1F1F1;
  }
}
.intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(6)::before {
  left: 0;
  -webkit-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .lean-intell-mfg .disc-box .line-list-box .line-box:nth-child(6)::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -1.06rem;
    bottom: auto;
  }
}
.intelli-mfg .section_application_scenarios {
  padding-top: 39%;
  position: relative;
  color: white;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios {
    margin-top: 1.54rem;
    padding-top: 0;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container {
    position: relative;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-clip-path: polygon(15% 15%, 84% 15%, 84% 84%, 15% 83%);
          clip-path: polygon(15% 15%, 84% 15%, 84% 84%, 15% 83%);
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .bg-img {
    -webkit-clip-path: none;
            clip-path: none;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .title {
  font-family: "fontFamily-B";
  margin-top: 1.65rem;
  font-size: 0.42rem;
  line-height: 0.63rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .title {
    margin-top: 0;
    padding-top: 1.02rem;
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .context {
  max-width: 6.5rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin: 0.28rem auto 0;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .context {
    font-size: 0.26rem;
    line-height: 0.39rem;
    text-align: left;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box {
  margin-top: 1.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translate(0, 0.4rem);
      -ms-transform: translate(0, 0.4rem);
          transform: translate(0, 0.4rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.39rem;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box {
    margin: 1.51rem 0 0;
    padding-bottom: 1.2rem;
    opacity: 1;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    row-gap: 0.4rem;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon {
  width: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon {
    width: 1rem;
  }
  .intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon:nth-child(1) {
    margin-left: 2.12rem;
  }
  .intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon:nth-child(2) {
    margin-right: 2.12rem;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon .icon-box {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-backdrop-filter: blur(0.15rem);
          backdrop-filter: blur(0.15rem);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  opacity: 0;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon .icon-box {
    opacity: 1;
    height: 1rem;
    width: 1rem;
    border-radius: 0.24rem;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon .icon-box .icon-img {
  width: 0.36rem;
  height: 0.36rem;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon .icon-box .icon-img {
    width: 0.47rem;
    height: auto;
  }
}
.intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon .name {
  margin-top: 0.14rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: "fontFamily-M";
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}
@media screen and (max-width: 800px) {
  .intelli-mfg .section_application_scenarios .application_scenarios-container .icon-list-box .card-icon .name {
    opacity: 1;
    margin-top: 0.2rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.intelli-mfg .contact-us-hry {
  padding-top: 1.62rem;
}

.investor-relations {
  color: var(--fcolor02);
}
.investor-relations .banner-box {
  position: relative;
  height: 6.4rem;
}
.investor-relations .banner-box .bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.investor-relations .banner-box .bg img {
  height: 100%;
  width: 100%;
}
.investor-relations .banner-box .wal {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.investor-relations .banner-box .wal .h1 {
  font-family: "fontFamily-B";
  color: #ffffff;
  font-size: 0.56rem;
  line-height: 0.72rem;
}
.investor-relations .banner-box .wal .info-text {
  margin-top: 0.48rem;
  width: 5rem;
  color: #FFFFFF;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.investor-relations .why-invest .tit {
  padding-top: 1.2rem;
  text-align: center;
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
}
.investor-relations .why-invest .con-text {
  text-align: center;
  width: 7.77rem;
  margin: 0.28rem auto 0.48rem;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.investor-relations .why-invest .btn-more {
  text-align: center;
}
.investor-relations .why-invest .card-box {
  margin-top: 1.44rem;
  background: #F5F7F9;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  padding: 0.62rem 0 0.46rem 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.investor-relations .why-invest .card-box .left-tol .code {
  font-family: "fontFamily-M";
  font-size: 0.24rem;
  line-height: 0.36rem;
}
.investor-relations .why-invest .card-box .left-tol .count-tol {
  margin-top: 0.38rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.investor-relations .why-invest .card-box .left-tol .count-tol .num {
  color: var(--sk-global-color);
  font-size: 0.64rem;
  line-height: 0.78rem;
  font-family: "fontFamily-B";
}
.investor-relations .why-invest .card-box .left-tol .count-tol .rmb {
  font-size: 0.16rem;
  line-height: 0.2rem;
  font-family: "fontFamily-M";
  margin-bottom: 0.12rem;
  margin-left: 0.04rem;
}
.investor-relations .why-invest .card-box .left-tol .count-tol .top-img {
  margin-left: 0.27rem;
  margin-bottom: 0.09rem;
}
.investor-relations .why-invest .card-box .left-tol .count-tol .top-img img {
  height: 0.24rem;
  width: 0.24rem;
}
.investor-relations .why-invest .card-box .left-tol .count-tol .percentage {
  margin-left: 0.05rem;
  margin-bottom: 0.05rem;
  color: var(--fcolor03);
  font-size: 0.2rem;
  line-height: 0.32rem;
  font-family: "fontFamily-M";
}
.investor-relations .why-invest .card-box .rigth-list-box .prompt {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: var(--fcolor04);
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.29rem;
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li {
  width: 2.24rem;
  position: relative;
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li .label {
  font-size: 0.16rem;
  line-height: 0.32rem;
  color: var(--fcolor03);
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li .value {
  margin-top: 0.11rem;
  font-size: 0.36rem;
  line-height: 0.48rem;
  font-family: "fontFamily-B";
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li::after {
  content: "";
  position: absolute;
  right: 0.22rem;
  top: 0.03rem;
  height: 0.88rem;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li:last-child::after {
  display: none;
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li:nth-child(1) .value {
  color: var(--sk-global-color);
}
.investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li:nth-child(2) .value {
  color: #1BC62F;
}
.investor-relations .notice-annual-report {
  margin-top: 1.1rem;
  width: 10rem;
  margin: 1.1rem auto 1.59rem;
}
.investor-relations .notice-annual-report .tabs-box {
  margin: 0 auto 0.47rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.26rem;
}
.investor-relations .notice-annual-report .tabs-box .tab-li {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: "fontFamily-B";
  padding-bottom: 0.17rem;
  color: var(--fcolor04);
  border-bottom: 0.02rem solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  .investor-relations .notice-annual-report .tabs-box .tab-li:hover {
    color: var(--sk-global-color);
  }
}
.investor-relations .notice-annual-report .tabs-box .tab-li.on {
  color: var(--sk-global-color);
  border-bottom: 0.02rem solid var(--sk-global-color);
}
.investor-relations .notice-annual-report .list-box {
  display: none;
}
.investor-relations .notice-annual-report .list-box.on {
  display: block;
}
.investor-relations .notice-annual-report .list-box .li-a {
  padding: 0.27rem 0;
  border-top: 1px solid #EBEBEB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.24rem;
}
.investor-relations .notice-annual-report .list-box .li-a .data {
  color: var(--fcolor04);
  font-size: 0.14rem;
  line-height: 0.17rem;
  display: inline-block;
}
.investor-relations .notice-annual-report .list-box .li-a .txt {
  font-size: 0.18rem;
  line-height: 0.26rem;
  font-family: "fontFamily-M";
}
.investor-relations .notice-annual-report .list-box .li-a:last-child {
  border-bottom: 1px solid #EBEBEB;
}
.investor-relations .notice-annual-report .list-box .li-a .downloadBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--fcolor03);
  margin-left: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.investor-relations .notice-annual-report .list-box .li-a .downloadBtn svg {
  height: 0.2rem;
  width: 0.2rem;
  margin-right: 0.07rem;
}
.investor-relations .notice-annual-report .list-box .li-a .downloadBtn span {
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.investor-relations .notice-annual-report .list-box .li-a .downloadBtn:hover {
  color: var(--sk-global-color);
}
.investor-relations .notice-annual-report .list-box .li-a .downloadBtn:hover svg path {
  fill: var(--sk-global-color);
}
.investor-relations .notice-annual-report .more-box {
  margin: 0.6rem auto 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
}
.investor-relations .notice-annual-report .more-box.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.investor-relations .notice-annual-report .more-box .more-anno {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.07rem;
}
.investor-relations .notice-annual-report .more-box .more-anno .txt {
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.investor-relations .notice-annual-report .more-box .more-anno .img-box {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
}
.investor-relations .notice-annual-report .more-box .more-anno .img-box .hover {
  display: none;
}
.investor-relations .notice-annual-report .more-box .more-anno:hover .img-box .cur {
  display: none;
}
.investor-relations .notice-annual-report .more-box .more-anno:hover .img-box .hover {
  display: block;
}
.investor-relations .sustain-develop {
  color: #fff;
  height: 6.5rem;
  position: relative;
}
.investor-relations .sustain-develop .bg-img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.investor-relations .sustain-develop .con-box {
  position: relative;
}
.investor-relations .sustain-develop .con-box .tit {
  padding-top: 1.56rem;
  text-align: center;
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
}
.investor-relations .sustain-develop .con-box .con-txt {
  text-align: center;
  margin: 0.28rem auto 0;
  width: 7.19rem;
  font-size: 0.16rem;
  line-height: 0.28rem;
}
.investor-relations .env-soc-gove {
  padding-top: 1rem;
}
.investor-relations .env-soc-gove .card-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.35rem;
}
.investor-relations .env-soc-gove .card-list .card-box {
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  width: calc((100% - .7rem) / 3);
  overflow: hidden;
  background: #F5F7F9;
}
.investor-relations .env-soc-gove .card-list .card-box .img-box {
  padding-top: 66.862745098%;
  overflow: hidden;
  position: relative;
}
.investor-relations .env-soc-gove .card-list .card-box .img-box img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.investor-relations .env-soc-gove .card-list .card-box .con-text-box {
  padding: 0.33rem 0.3rem 0.48rem 0.4rem;
}
.investor-relations .env-soc-gove .card-list .card-box .con-text-box .name {
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: "fontFamily-M";
}
.investor-relations .env-soc-gove .card-list .card-box .con-text-box .text {
  margin-top: 0.14rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.investor-relations .env-soc-gove .card-list .card-box:hover .img-box img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.investor-relations .investor-contact {
  padding-bottom: 1.37rem;
}
.investor-relations .investor-contact .tit {
  margin-top: 1.52rem;
  font-size: 0.42rem;
  line-height: 0.63rem;
  text-align: center;
  font-family: "fontFamily-B";
}
.investor-relations .investor-contact .contact-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2.22rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.62rem;
}
.investor-relations .investor-contact .contact-info .info-li {
  width: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.investor-relations .investor-contact .contact-info .info-li .icon-box {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background: #F5F7F9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.investor-relations .investor-contact .contact-info .info-li .icon-box img:nth-child(1) {
  width: 0.41rem;
}
.investor-relations .investor-contact .contact-info .info-li .icon-box img:nth-child(2) {
  width: 0.38rem;
}
.investor-relations .investor-contact .contact-info .info-li .icon-box img:nth-child(3) {
  width: 0.42rem;
}
.investor-relations .investor-contact .contact-info .info-li .icon-box img:nth-child(4) {
  width: 0.35rem;
}
.investor-relations .investor-contact .contact-info .info-li .key {
  margin-top: 0.28rem;
  font-size: 0.2rem;
  line-height: 0.28rem;
  font-family: "fontFamily-M";
}
.investor-relations .investor-contact .contact-info .info-li .value {
  margin-top: 0.12rem;
  max-width: 2.45rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: var(--fcolor03);
}

.service-support,
.contact-us-page {
  color: var(--fcolor02);
}
.service-support .banner-box,
.contact-us-page .banner-box {
  position: relative;
  height: 6.4rem;
}
@media screen and (max-width: 800px) {
  .service-support .banner-box,
.contact-us-page .banner-box {
    padding-top: 128%;
    height: 0;
  }
}
.service-support .banner-box .position,
.contact-us-page .banner-box .position {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.service-support .banner-box .bg,
.contact-us-page .banner-box .bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.service-support .banner-box .bg img,
.contact-us-page .banner-box .bg img {
  height: 100%;
  width: 100%;
}
.service-support .banner-box .wal,
.contact-us-page .banner-box .wal {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .service-support .banner-box .wal,
.contact-us-page .banner-box .wal {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.service-support .banner-box .wal .h1,
.contact-us-page .banner-box .wal .h1 {
  font-family: "fontFamily-B";
  color: #ffffff;
  font-size: 0.56rem;
  line-height: 0.72rem;
}
@media screen and (max-width: 800px) {
  .service-support .banner-box .wal .h1,
.contact-us-page .banner-box .wal .h1 {
    margin-top: 2.92rem;
    font-size: 0.64rem;
    line-height: 0.96rem;
  }
}
.service-support .banner-box .wal .info-text,
.contact-us-page .banner-box .wal .info-text {
  margin-top: 0.48rem;
  width: 5rem;
  color: #FFFFFF;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 800px) {
  .service-support .banner-box .wal .info-text,
.contact-us-page .banner-box .wal .info-text {
    width: 100%;
    text-align: center;
    margin-top: 0.28rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.service-support .service-network,
.contact-us-page .service-network {
  position: relative;
  padding-top: 1.17rem;
  z-index: 1;
}
@media screen and (max-width: 800px) {
  .service-support .service-network,
.contact-us-page .service-network {
    padding-top: 1.39rem;
  }
}
.service-support .service-network .top-box,
.contact-us-page .service-network .top-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  border-bottom: 1px solid #DEDEDE;
  position: relative;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .top-box,
.contact-us-page .service-network .top-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.service-support .service-network .top-box .tit,
.contact-us-page .service-network .top-box .tit {
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
  padding-bottom: 0.32rem;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .top-box .tit,
.contact-us-page .service-network .top-box .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
    padding-bottom: 0.8rem;
  }
}
.service-support .service-network .top-box .rigth-nav-box,
.contact-us-page .service-network .top-box .rigth-nav-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .top-box .rigth-nav-box,
.contact-us-page .service-network .top-box .rigth-nav-box {
    gap: 0.8rem;
  }
}
.service-support .service-network .top-box .rigth-nav-box .tas-li,
.contact-us-page .service-network .top-box .rigth-nav-box .tas-li {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: "fontFamily-M";
  color: var(--fcolor04);
  cursor: pointer;
  padding-bottom: 0.32rem;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .top-box .rigth-nav-box .tas-li,
.contact-us-page .service-network .top-box .rigth-nav-box .tas-li {
    font-size: 0.28rem;
    line-height: 0.42rem;
    padding-bottom: 0.25rem;
  }
}
.service-support .service-network .top-box .rigth-nav-box .tas-li.on,
.contact-us-page .service-network .top-box .rigth-nav-box .tas-li.on {
  color: var(--sk-global-color);
}
.service-support .service-network .top-box .rigth-nav-box .line,
.contact-us-page .service-network .top-box .rigth-nav-box .line {
  position: absolute;
  height: 0.02rem;
  bottom: -0.01rem;
  background-color: var(--sk-global-color);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .top-box .rigth-nav-box .line,
.contact-us-page .service-network .top-box .rigth-nav-box .line {
    height: 0.03rem;
  }
}
.service-support .service-network .-title,
.contact-us-page .service-network .-title {
  font-size: 0.42rem;
  line-height: 0.63rem;
  text-align: center;
  font-family: "fontFamily-B";
}
@media screen and (max-width: 800px) {
  .service-support .service-network .-title,
.contact-us-page .service-network .-title {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.service-support .service-network .phone-part-text,
.contact-us-page .service-network .phone-part-text {
  margin-top: 0.29rem;
  text-align: right;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: var(--fcolor04);
}
.service-support .service-network .main-box,
.contact-us-page .service-network .main-box {
  display: none;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.service-support .service-network .main-box.on,
.contact-us-page .service-network .main-box.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.service-support .service-network .main-box .left-map-box,
.contact-us-page .service-network .main-box .left-map-box {
  margin-top: 0.49rem;
  position: relative;
}
.service-support .service-network .main-box .left-map-box .map-img,
.contact-us-page .service-network .main-box .left-map-box .map-img {
  width: 100%;
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point {
  position: absolute;
  height: 0.12rem;
  width: 0.12rem;
  border-radius: 50%;
  border: 0.02rem solid #E60012;
  background: #FFFFFF;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point {
    height: 0.14rem;
    width: 0.14rem;
  }
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point .text {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--fcolor03);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point .text {
    line-height: 1;
    font-size: 0.14rem;
    line-height: 0.21rem;
  }
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco {
  display: none;
  width: 0.54rem;
  height: 0.54rem;
  opacity: 1;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco i,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco i {
  border-radius: 50%;
  height: 0.13rem;
  width: 0.13rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background: var(--sk-global-color);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco::before,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco::before {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 100%;
  height: 0.3rem;
  width: 0.3rem;
  background: -webkit-radial-gradient(circle, rgba(255, 0, 16, 0) 15%, rgba(255, 0, 16, 0.26) 40%, rgba(255, 0, 16, 0.6) 90%, rgba(255, 0, 16, 0.4) 100%);
  background: radial-gradient(circle, rgba(255, 0, 16, 0) 15%, rgba(255, 0, 16, 0.26) 40%, rgba(255, 0, 16, 0.6) 90%, rgba(255, 0, 16, 0.4) 100%);
  -webkit-animation: scalepulse 1.3s linear 0.3s infinite both;
          animation: scalepulse 1.3s linear 0.3s infinite both;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
          transform: translate3d(-50%, -50%, 0) scale(1);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco::after,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point .deco::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 100%;
  height: 0.06rem;
  width: 0.06rem;
  -webkit-animation: scalepulse 1.3s linear 0.15s infinite both;
          animation: scalepulse 1.3s linear 0.15s infinite both;
  width: 0.54rem;
  height: 0.54rem;
  background: -webkit-radial-gradient(circle, rgba(255, 0, 16, 0) 30%, rgba(255, 0, 16, 0.2) 60%, rgba(255, 0, 16, 0.6) 100%);
  background: radial-gradient(circle, rgba(255, 0, 16, 0) 30%, rgba(255, 0, 16, 0.2) 60%, rgba(255, 0, 16, 0.6) 100%);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.on,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.on {
  border: none;
  background: none;
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.on .deco,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.on .deco {
  display: block;
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.on .text {
  color: var(--sk-global-color);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.right .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.right .text {
  left: calc(100% + 0.06rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.right.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.right.on .text {
  left: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.top .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.top .text {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(100% + 0.06rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.top.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.top.on .text {
  bottom: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.left .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.left .text {
  right: calc(100% + 0.06rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.left.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.left.on .text {
  right: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.bottom .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.bottom .text {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: calc(100% + 0.06rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .anchor-point.bottom.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .anchor-point.bottom.on .text {
  top: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office {
  position: absolute;
  height: 0.16rem;
  width: 0.16rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office .five-star,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office .five-star {
  width: 0.16rem;
  position: absolute;
  top: 0;
  left: 0;
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office .text {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--fcolor03);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.right .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.right .text {
  left: calc(100% + 0.05rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.right.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.right.on .text {
  left: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.top .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.top .text {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: calc(100% + 0.05rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.top.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.top.on .text {
  bottom: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.left .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.left .text {
  right: calc(100% + 0.05rem);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.left.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.left.on .text {
  right: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.bottom .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.bottom .text {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: calc(100% + 0.05rem);
}
.service-support .service-network .main-box .left-map-box .anchor-point-list .head-office.bottom.on .text,
.contact-us-page .service-network .main-box .left-map-box .anchor-point-list .head-office.bottom.on .text {
  top: calc(100% + 0.24rem);
}
.service-support .service-network .main-box .-select,
.contact-us-page .service-network .main-box .-select {
  margin-top: 0.79rem;
}
.service-support .service-network .main-box .rigth-list-box,
.contact-us-page .service-network .main-box .rigth-list-box {
  margin-top: 0.8rem;
  margin-bottom: 1.6rem;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box,
.contact-us-page .service-network .main-box .rigth-list-box {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.service-support .service-network .main-box .rigth-list-box .part-text,
.contact-us-page .service-network .main-box .rigth-list-box .part-text {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: var(--fcolor04);
  text-align: right;
}
.service-support .service-network .main-box .rigth-list-box .info-list,
.contact-us-page .service-network .main-box .rigth-list-box .info-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box {
  width: calc((100% - .35rem * 2) / 3);
  margin-right: 0.35rem;
  margin-top: 0.4rem;
  padding: 0.41rem 0.5rem 0.41rem 0.4rem;
  background: #FFFFFF80;
  border: 0.01rem solid #E6E6E6;
  border-radius: 0.16rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box {
    width: 100%;
    border-radius: 0.36rem;
    padding: 0.55rem 0.4rem 0.59rem;
    margin-right: 0;
  }
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box:first-child,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box:nth-child(3n),
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box:nth-child(3n) {
    margin-right: 0;
  }
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box:nth-child(-n+3),
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box:nth-child(-n+3) {
    margin-top: 0;
  }
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .name,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .name {
  font-size: 0.24rem;
  line-height: 0.36rem;
  letter-spacing: 0.02rem;
  font-family: "fontFamily-M";
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box .name,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .name {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box {
  margin-top: 0.34rem;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box {
    margin-top: 0.36rem;
  }
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.11rem;
  margin-bottom: 0.22rem;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box {
    gap: 0.17rem;
    margin-bottom: 0.28rem;
  }
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box:last-child,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box:last-child {
  margin-bottom: 0;
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .key-icon,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .key-icon {
  height: 0.24rem;
  width: 0.24rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .key-icon,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .key-icon {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .key-icon img,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .key-icon img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-top: -0.11rem;
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value span,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value span {
  margin: 0.11rem 0.42rem 0 0;
}
.service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value span:last-child,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value span:last-child {
  margin-right: 0;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value span,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value span {
    margin: 0.14rem 0.72rem 0 0;
  }
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value,
.contact-us-page .service-network .main-box .rigth-list-box .info-list .info-box .form-box .item-box .value {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: -0.14rem;
  }
}
.service-support .service-network .main-box.abroad .left-map-box,
.contact-us-page .service-network .main-box.abroad .left-map-box {
  margin-top: 0.6rem;
  background-color: #f5f7f9;
  padding: 0.33rem 0;
  border-radius: 0.2rem;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box.abroad .left-map-box,
.contact-us-page .service-network .main-box.abroad .left-map-box {
    padding: 0.49rem 0.26rem;
    border-radius: 0.36rem;
  }
}
.service-support .service-network .main-box.abroad .left-map-box .-inner,
.contact-us-page .service-network .main-box.abroad .left-map-box .-inner {
  position: relative;
  width: 11.42rem;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box.abroad .left-map-box .-inner,
.contact-us-page .service-network .main-box.abroad .left-map-box .-inner {
    width: 100%;
  }
}
.service-support .good-service,
.contact-us-page .good-service {
  padding-top: 1.03rem;
  padding-bottom: 0.97rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service,
.contact-us-page .good-service {
    padding-top: 1.2rem;
    padding-bottom: 2.67rem;
  }
}
.service-support .good-service .tit,
.contact-us-page .good-service .tit {
  text-align: center;
  font-family: "fontFamily-B";
  font-size: 0.42rem;
  line-height: 0.63rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .tit,
.contact-us-page .good-service .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.service-support .good-service .text,
.contact-us-page .good-service .text {
  text-align: center;
  width: 9.48rem;
  margin: 0.28rem auto 0;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .text,
.contact-us-page .good-service .text {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.service-support .good-service .disc-box,
.contact-us-page .good-service .disc-box {
  text-align: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0.64rem auto 0;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box,
.contact-us-page .good-service .disc-box {
    margin: 3.17rem auto 0;
  }
}
.service-support .good-service .disc-box .disc-img,
.contact-us-page .good-service .disc-box .disc-img {
  width: 6.21rem;
  height: 6.21rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .disc-img,
.contact-us-page .good-service .disc-box .disc-img {
    width: 100%;
    height: auto;
  }
}
.service-support .good-service .disc-box .disc-drop .drop-li,
.contact-us-page .good-service .disc-box .disc-drop .drop-li {
  position: absolute;
  text-align: center;
}
.service-support .good-service .disc-box .disc-drop .drop-li .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li .icon {
  width: 0.5rem;
  position: absolute;
}
.service-support .good-service .disc-box .disc-drop .drop-li .label,
.contact-us-page .good-service .disc-box .disc-drop .drop-li .label {
  width: 1.1rem;
  font-size: 0.2rem;
  line-height: 0.29rem;
  font-family: "fontFamily-M";
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(1),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(1) {
  left: 21%;
  top: 29%;
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(1) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(1) .icon {
  right: -0.6rem;
  top: -0.6rem;
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(1) .label,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(1) .label {
  color: #fff;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(1),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(1) {
    left: 60%;
    right: auto;
    top: 30%;
    bottom: auto;
  }
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(1) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(1) .icon {
    right: -0.26rem;
    left: auto;
    bottom: -0.8rem;
    top: auto;
  }
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(2),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(2) {
  left: 60%;
  top: 30%;
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(2) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(2) .icon {
  right: -0.26rem;
  bottom: -0.8rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(2),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(2) {
    left: 61%;
    right: auto;
    top: 66%;
    bottom: auto;
  }
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(2) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(2) .icon {
    left: -0.6rem;
    right: auto;
    bottom: -0.6rem;
    top: auto;
  }
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(3),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(3) {
  left: 61%;
  top: 66%;
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(3) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(3) .icon {
  left: -0.6rem;
  bottom: -0.6rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(3),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(3) {
    left: 23%;
    right: auto;
    top: 66%;
    bottom: auto;
  }
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(3) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(3) .icon {
    left: -0.13rem;
    right: auto;
    top: -0.8rem;
    bottom: auto;
  }
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(4),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(4) {
  left: 23%;
  top: 66%;
}
.service-support .good-service .disc-box .disc-drop .drop-li:nth-child(4) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(4) .icon {
  left: -0.13rem;
  top: -0.8rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(4),
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(4) {
    left: 21%;
    right: auto;
    top: 29%;
    bottom: auto;
  }
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(4) .icon,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(4) .icon {
    right: -0.6rem;
    left: auto;
    top: -0.6rem;
    bottom: auto;
  }
  .service-support .good-service .disc-box .disc-drop .drop-li:nth-child(4) .label,
.contact-us-page .good-service .disc-box .disc-drop .drop-li:nth-child(4) .label {
    color: #fff;
  }
}
.service-support .good-service .disc-box .line-list-box,
.contact-us-page .good-service .disc-box .line-list-box {
  text-align: left;
}
.service-support .good-service .disc-box .line-list-box .line-box,
.contact-us-page .good-service .disc-box .line-list-box .line-box {
  position: absolute;
  height: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box,
.contact-us-page .good-service .disc-box .line-list-box .line-box {
    height: auto;
    width: 0.8rem;
  }
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(n+5) .con-txt .value,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(n+5) .con-txt .value {
    position: absolute;
    top: 0.94rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box .con-txt,
.contact-us-page .good-service .disc-box .line-list-box .line-box .con-txt {
  width: 2.8rem;
  -webkit-transition: all 1s 0.6s;
  transition: all 1s 0.6s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.1rem;
  overflow: hidden;
  background: #F5F7F9;
  border-radius: 0.5rem;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(0.6rem);
      -ms-transform: translateX(0.6rem);
          transform: translateX(0.6rem);
  -webkit-transition: 1.1s;
  transition: 1.1s;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box .con-txt,
.contact-us-page .good-service .disc-box .line-list-box .line-box .con-txt {
    opacity: 1;
    visibility: visible;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    width: 0.8rem;
    background: none;
    overflow: visible;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box .con-txt .value,
.contact-us-page .good-service .disc-box .line-list-box .line-box .con-txt .value {
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: "fontFamily-M";
  color: var(--fcolor03);
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box .con-txt .value,
.contact-us-page .good-service .disc-box .line-list-box .line-box .con-txt .value {
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: 0.88rem;
    margin-top: 0.14rem;
    height: 0.66rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box .con-txt .img-box,
.contact-us-page .good-service .disc-box .line-list-box .line-box .con-txt .img-box {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 0.8rem;
  width: 0.8rem;
  border-radius: 50%;
  background: #FFFFFF;
  box-shadow: 0rem 0rem 0.3rem 0rem rgba(153, 153, 153, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-support .good-service .disc-box .line-list-box .line-box .con-txt .img-box img,
.contact-us-page .good-service .disc-box .line-list-box .line-box .con-txt .img-box img {
  width: 0.36rem;
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(n+5) .con-txt,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(n+5) .con-txt {
  -webkit-transform: translateX(-0.6rem);
      -ms-transform: translateX(-0.6rem);
          transform: translateX(-0.6rem);
}
.service-support .good-service .disc-box .line-list-box .line-box::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box::before {
  content: "";
  position: absolute;
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 50%;
  border: 0.02rem solid #F1F1F1;
  background-color: #fff;
  z-index: 10;
  top: 50%;
  right: 0;
}
.service-support .good-service .disc-box .line-list-box .line-box::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 0.02rem;
  background-color: #F1F1F1;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  width: 0;
}
.service-support .good-service .disc-box .line-list-box .line-box.load .con-txt,
.contact-us-page .good-service .disc-box .line-list-box .line-box.load .con-txt {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(1),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1) {
  top: 0.9rem;
  left: -3.04rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(1),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1) {
    right: 0.55rem;
    left: auto;
    top: -1.3rem;
    bottom: auto;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(1)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1)::after {
  -webkit-transform: translateX(1.25rem);
      -ms-transform: translateX(1.25rem);
          transform: translateX(1.25rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(1)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1)::after {
    -webkit-transform: translateX(-0.4rem);
        -ms-transform: translateX(-0.4rem);
            transform: translateX(-0.4rem);
    top: auto;
    bottom: -1.3rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(1).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1).load::after {
  right: 0;
  width: 1.25rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(1).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1).load::after {
    height: 1.27rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(1)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1)::before {
  right: 0;
  -webkit-transform: translate(1.25rem, -50%);
      -ms-transform: translate(1.25rem, -50%);
          transform: translate(1.25rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(1)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(1)::before {
    -webkit-transform: translate(-0.32rem, 2.24rem);
        -ms-transform: translate(-0.32rem, 2.24rem);
            transform: translate(-0.32rem, 2.24rem);
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(2),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2) {
  top: 2.4rem;
  left: -3.58rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(2),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2) {
    right: 2.05rem;
    top: -1.8rem;
    bottom: auto;
    left: auto;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(2)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2)::after {
  -webkit-transform: translateX(0.89rem);
      -ms-transform: translateX(0.89rem);
          transform: translateX(0.89rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(2)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2)::after {
    -webkit-transform: translateX(-0.4rem);
        -ms-transform: translateX(-0.4rem);
            transform: translateX(-0.4rem);
    top: auto;
    bottom: -1rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(2).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2).load::after {
  right: 0;
  width: 0.89rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(2).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2).load::after {
    height: 1rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(2)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2)::before {
  -webkit-transform: translate(0.95rem, -50%);
      -ms-transform: translate(0.95rem, -50%);
          transform: translate(0.95rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(2)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(2)::before {
    -webkit-transform: translate(-0.32rem, 1.84rem);
        -ms-transform: translate(-0.32rem, 1.84rem);
            transform: translate(-0.32rem, 1.84rem);
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(3),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3) {
  top: 3.8rem;
  left: -3.58rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(3),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3) {
    left: 2.05rem;
    right: auto;
    top: -1.8rem;
    bottom: auto;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(3)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3)::after {
  -webkit-transform: translateX(0.89rem);
      -ms-transform: translateX(0.89rem);
          transform: translateX(0.89rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(3)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3)::after {
    -webkit-transform: translateX(-0.4rem);
        -ms-transform: translateX(-0.4rem);
            transform: translateX(-0.4rem);
    top: auto;
    bottom: -1rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(3).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3).load::after {
  right: 0;
  width: 0.89rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(3).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3).load::after {
    height: 1rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(3)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3)::before {
  -webkit-transform: translate(0.95rem, -50%);
      -ms-transform: translate(0.95rem, -50%);
          transform: translate(0.95rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(3)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(3)::before {
    -webkit-transform: translate(-0.32rem, 1.84rem);
        -ms-transform: translate(-0.32rem, 1.84rem);
            transform: translate(-0.32rem, 1.84rem);
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(4),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4) {
  top: 5.32rem;
  left: -3.04rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(4),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4) {
    left: 0.55rem;
    right: auto;
    top: -1.3rem;
    bottom: auto;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(4)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4)::after {
  -webkit-transform: translateX(1.25rem);
      -ms-transform: translateX(1.25rem);
          transform: translateX(1.25rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(4)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4)::after {
    -webkit-transform: translateX(-0.4rem);
        -ms-transform: translateX(-0.4rem);
            transform: translateX(-0.4rem);
    top: auto;
    bottom: -1.3rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(4).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4).load::after {
  right: 0;
  width: 1.25rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(4).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4).load::after {
    height: 1.27rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(4)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4)::before {
  right: 0;
  -webkit-transform: translate(1.25rem, -50%);
      -ms-transform: translate(1.25rem, -50%);
          transform: translate(1.25rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(4)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(4)::before {
    -webkit-transform: translate(-0.32rem, 2.24rem);
        -ms-transform: translate(-0.32rem, 2.24rem);
            transform: translate(-0.32rem, 2.24rem);
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(5),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5) {
  top: 0.9rem;
  right: -3.04rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(5),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5) {
    right: 0.55rem;
    left: auto;
    top: auto;
    bottom: -1.8rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(5)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5)::after {
  -webkit-transform: translateX(-1.25rem);
      -ms-transform: translateX(-1.25rem);
          transform: translateX(-1.25rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(5)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5)::after {
    -webkit-transform: translateX(0.4rem);
        -ms-transform: translateX(0.4rem);
            transform: translateX(0.4rem);
    bottom: auto;
    top: -1.3rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(5).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5).load::after {
  left: 0;
  right: auto;
  width: 1.25rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(5).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5).load::after {
    height: 1.27rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(5)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5)::before {
  right: auto;
  left: 0;
  -webkit-transform: translate(-1.25rem, -50%);
      -ms-transform: translate(-1.25rem, -50%);
          transform: translate(-1.25rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(5)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(5)::before {
    -webkit-transform: translate(0.32rem, -1.9rem);
        -ms-transform: translate(0.32rem, -1.9rem);
            transform: translate(0.32rem, -1.9rem);
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(6),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6) {
  top: 2.4rem;
  right: -3.58rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(6),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6) {
    right: 2.05rem;
    left: auto;
    bottom: -2.4rem;
    top: auto;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(6)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6)::after {
  -webkit-transform: translateX(-0.89rem);
      -ms-transform: translateX(-0.89rem);
          transform: translateX(-0.89rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(6)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6)::after {
    -webkit-transform: translateX(0.4rem);
        -ms-transform: translateX(0.4rem);
            transform: translateX(0.4rem);
    bottom: auto;
    top: -1rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(6).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6).load::after {
  left: 0;
  right: auto;
  width: 0.89rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(6).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6).load::after {
    height: 1rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(6)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6)::before {
  right: auto;
  left: 0;
  -webkit-transform: translate(-0.95rem, -50%);
      -ms-transform: translate(-0.95rem, -50%);
          transform: translate(-0.95rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(6)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(6)::before {
    -webkit-transform: translate(0.32rem, -1.6rem);
        -ms-transform: translate(0.32rem, -1.6rem);
            transform: translate(0.32rem, -1.6rem);
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(7),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7) {
  top: 3.8rem;
  right: -3.58rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(7),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7) {
    left: 2.05rem;
    right: auto;
    top: auto;
    bottom: -2.4rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(7)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7)::after {
  -webkit-transform: translateX(-0.89rem);
      -ms-transform: translateX(-0.89rem);
          transform: translateX(-0.89rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(7)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7)::after {
    -webkit-transform: translateX(0.4rem);
        -ms-transform: translateX(0.4rem);
            transform: translateX(0.4rem);
    bottom: auto;
    top: -1rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(7).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7).load::after {
  left: 0;
  right: auto;
  width: 0.89rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(7).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7).load::after {
    height: 1rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(7)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7)::before {
  right: auto;
  left: 0;
  -webkit-transform: translate(-0.95rem, -50%);
      -ms-transform: translate(-0.95rem, -50%);
          transform: translate(-0.95rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(7)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(7)::before {
    -webkit-transform: translate(0.32rem, -1.6rem);
        -ms-transform: translate(0.32rem, -1.6rem);
            transform: translate(0.32rem, -1.6rem);
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(8),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8) {
  top: 5.32rem;
  right: -3.04rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(8),
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8) {
    left: 0.55rem;
    right: auto;
    top: auto;
    bottom: -1.8rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(8)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8)::after {
  -webkit-transform: translateX(-1.25rem);
      -ms-transform: translateX(-1.25rem);
          transform: translateX(-1.25rem);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(8)::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8)::after {
    -webkit-transform: translateX(0.4rem);
        -ms-transform: translateX(0.4rem);
            transform: translateX(0.4rem);
    bottom: auto;
    top: -1.3rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(8).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8).load::after {
  left: 0;
  right: auto;
  width: 1.25rem;
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(8).load::after,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8).load::after {
    height: 1.27rem;
    width: 0.01rem;
  }
}
.service-support .good-service .disc-box .line-list-box .line-box:nth-child(8)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8)::before {
  right: auto;
  left: 0;
  -webkit-transform: translate(-1.25rem, -50%);
      -ms-transform: translate(-1.25rem, -50%);
          transform: translate(-1.25rem, -50%);
}
@media screen and (max-width: 800px) {
  .service-support .good-service .disc-box .line-list-box .line-box:nth-child(8)::before,
.contact-us-page .good-service .disc-box .line-list-box .line-box:nth-child(8)::before {
    -webkit-transform: translate(0.32rem, -1.9rem);
        -ms-transform: translate(0.32rem, -1.9rem);
            transform: translate(0.32rem, -1.9rem);
  }
}
.service-support .contact-us-hry,
.contact-us-page .contact-us-hry {
  margin-top: 0.96rem;
}

.service-support .service-network .main-box .rigth-list-box {
  margin-bottom: 0.67rem;
}
@media screen and (max-width: 800px) {
  .service-support .service-network .main-box .rigth-list-box {
    width: 100%;
    margin-bottom: 0rem;
  }
}

@media screen and (max-width: 800px) {
  .contact-us-page .banner-box .position .h1 {
    margin-top: 3.45rem;
  }
}
.contact-us-page .good-service {
  display: none;
}
.contact-us-page .good-service.on {
  display: block;
}
.contact-us-page .contact-us-form-box {
  display: none;
}
.contact-us-page .contact-us-form-box.on {
  display: block;
}
.contact-us-page .service-network .main-box.map-box-wer {
  padding-top: 0.6rem;
  padding-bottom: 1.6rem;
}
.contact-us-page .service-network .main-box.map-box-wer.on {
  display: block;
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box {
  height: 5.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.2rem;
  overflow: hidden;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    border-radius: 0.36rem;
    border: 0.01rem solid #E6E6E6;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .left-map {
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .left-map {
    width: 100%;
    height: 4.36rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .left-map .tdt-control-copyright {
  display: none;
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .left-map .tdt-label {
  background: none;
  box-shadow: none;
  border: none;
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .left-map .tdt-label .hry-text {
  position: absolute;
  bottom: -72px;
  left: calc(50% - 20px);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #FFFFFF;
  padding: 0.05rem 0.12rem;
  border-radius: 0.16rem;
  box-shadow: 0rem 0rem 0.2rem 0rem rgba(54, 54, 54, 0.25);
  font-size: 0.14rem;
  line-height: 0.21rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .left-map .tdt-label .hry-text {
    font-size: 0.28rem;
    border-radius: 0.32rem;
    line-height: 0.42rem;
    color: var(--fcolor03);
    bottom: -1.24rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info {
  background: rgba(255, 255, 255, 0.8);
  width: 50%;
  border: 0.01rem solid #E6E6E6;
  border-left: none;
  position: relative;
  padding: 0.81rem 0.75rem 0 0.75rem;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info {
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 0.6rem 0.35rem 1.63rem 0.4rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .bg-ch-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 7.52rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .bg-ch-img {
    width: 100%;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .name {
  font-size: 0.36rem;
  line-height: 0.56rem;
  font-family: "fontFamily-M";
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .name {
    font-size: 0.4rem;
    line-height: 0.6rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .address {
  margin-top: 0.18rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .address {
    margin-top: 0.22rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box {
  margin-top: 0.5rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box {
    margin-top: 0.45rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box .fomr-item {
  margin-bottom: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.11rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box .fomr-item {
    gap: 0.12rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box .fomr-item .key {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 0.24rem;
  width: 0.24rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box .fomr-item .key {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box .fomr-item .key img {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box .fomr-item .value {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor01);
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .map-card-box .right-info .form-box .fomr-item .value {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.03rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box {
  margin-top: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box {
    margin-top: 0.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box {
  width: calc(50% - 0.1rem);
  padding: 0.49rem 0.62rem 0.51rem;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  background: rgba(255, 255, 255, 0.8);
  border: 0.01rem solid #E6E6E6;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box {
    width: 100%;
    margin-bottom: 0.4rem;
    border-radius: 0.36rem;
    padding: 0.62rem 0.4rem 0.57rem;
  }
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box:last-child {
    margin-bottom: 0;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .name {
  font-family: "fontFamily-M";
  font-size: 0.28rem;
  line-height: 0.42rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .name {
    font-size: 0.4rem;
    line-height: 0.6rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .address {
  margin-top: 0.22rem;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.18rem;
  line-height: 0.27rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .address {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box {
  margin-top: 0.44rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-column-gap: 0.53rem;
     -moz-column-gap: 0.53rem;
          column-gap: 0.53rem;
  row-gap: 0.12rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 0.24rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box .fomr-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.08rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box .fomr-item {
    gap: 0.12rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box .fomr-item .key {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 0.24rem;
  width: 0.24rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box .fomr-item .key {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box .fomr-item .key img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box .fomr-item .value {
  color: var(--fcolor01);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .service-network .main-box.map-box-wer .card-list-box .card-box .form-box .fomr-item .value {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.03rem;
  }
}
.contact-us-page .online-message {
  display: none;
}
.contact-us-page .online-message.on {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contact-us-page .online-message {
  color: var(--fcolor02);
}
.contact-us-page .online-message .card-box {
  position: relative;
  background: #F5F7F9;
}
.contact-us-page .online-message .card-box .con-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-us-page .online-message .card-box .con-box .left-tit-img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .left-tit-img {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: 100%;
    height: 5rem;
  }
}
.contact-us-page .online-message .card-box .con-box .left-tit-img::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3.38rem;
  top: 0;
  left: 0;
  z-index: 5;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .left-tit-img::before {
    height: 100%;
  }
}
.contact-us-page .online-message .card-box .con-box .left-tit-img .bg-img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.contact-us-page .online-message .card-box .con-box .left-tit-img .text-con {
  padding-top: 1.05rem;
  padding-left: 1.63rem;
  color: #fff;
  z-index: 10;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .left-tit-img .text-con {
    padding: 0;
    text-align: center;
    padding: 1.41rem 0.4rem 0;
  }
}
.contact-us-page .online-message .card-box .con-box .left-tit-img .text-con .tit {
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-M";
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .left-tit-img .text-con .tit {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
}
.contact-us-page .online-message .card-box .con-box .left-tit-img .text-con .info-text {
  margin-top: 0.28rem;
  font-size: 0.16rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .left-tit-img .text-con .info-text {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from {
  padding: 1.02rem 1.6rem 1.02rem 1.34rem;
  width: 54%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  row-gap: 0.2rem;
  -webkit-column-gap: 0.16rem;
     -moz-column-gap: 0.16rem;
          column-gap: 0.16rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from {
    width: 100%;
    padding: 1rem 0.4rem 1.2rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item {
  height: 0.58rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item {
    height: 0.9rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item.row2 {
  width: calc(50% - 0.1rem);
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item.row2 {
    width: 100%;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item.row1 {
  width: 100%;
  height: 1.6rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item.row1 {
    height: 2rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box {
  height: 100%;
  width: 100%;
  background-color: #fff;
  border-radius: 0.06rem;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box {
    border-radius: 0.12rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select input {
  cursor: pointer;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select::after {
  content: "";
  width: 0.18rem;
  height: 0.18rem;
  position: absolute;
  right: 0.15rem;
  top: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  background-image: url(../../image/shenzhenkehua/hry/svg19.svg);
  background-size: 100%;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select::after {
    width: 0.24rem;
    height: 0.24rem;
    right: 0.2rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select .select-box {
  height: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
  z-index: 20;
  width: 100%;
  top: calc(100% + 0.08rem);
  left: 0;
  background: #FFFFFF;
  border-radius: 0.06rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0rem 0.1rem 0.5rem 0rem rgba(165, 165, 165, 0.25);
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select .select-box {
    border-radius: 0.12rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select .select-box .select-item {
  cursor: pointer;
  padding: 0.065rem 0.2rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select .select-box .select-item {
    padding: 0.12rem 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select .select-box .select-item:hover {
  color: var(--fcolor02);
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select.show::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box.select.show .select-box {
  padding: 0.145rem 0;
  height: auto;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input {
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 100%;
  width: 100%;
  padding: 0.15rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input {
    padding: 0.26rem 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input::-webkit-input-placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input::-moz-placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input:-ms-input-placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input::placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input.required::-webkit-input-placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input.required::-moz-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input.required:-ms-input-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box input.required::placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box textarea {
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 100%;
  width: 100%;
  padding: 0.17rem 0.15rem;
  resize: none;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box textarea {
    padding: 0.17rem 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box textarea::-webkit-input-placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box textarea::-moz-placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box textarea:-ms-input-placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .right-from .form-item .input-box textarea::placeholder {
  color: #757575;
}
.contact-us-page .online-message .card-box .con-box .qr-code {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .qr-code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-us-page .online-message .card-box .con-box .qr-code .code-input {
  width: 4rem;
  height: 0.54rem;
  border-radius: 0.06rem;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .qr-code .code-input {
    width: 100%;
    height: 0.9rem;
    border-radius: 0.12rem;
  }
}
.contact-us-page .online-message .card-box .con-box .qr-code .code-input input {
  height: 100%;
  width: calc(100% - 1.26rem);
  font-size: 0.16rem;
  line-height: 0.24rem;
  height: 100%;
  width: 100%;
  padding: 0.15rem;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .qr-code .code-input input {
    padding: 0.26rem 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
}
.contact-us-page .online-message .card-box .con-box .qr-code .code-input input.required::-webkit-input-placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .qr-code .code-input input.required::-moz-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .qr-code .code-input input.required:-ms-input-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .qr-code .code-input input.required::placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.contact-us-page .online-message .card-box .con-box .qr-code .code-input .code-img {
  position: absolute;
  width: 1.26rem;
  height: 0.38rem;
  right: 0.08rem;
  top: 0.08rem;
  object-fit: fill;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .qr-code .code-input .code-img {
    top: 0.08rem;
    right: 0.08rem;
    height: 0.74rem;
    width: 2.26rem;
  }
}
.contact-us-page .online-message .card-box .con-box .qr-code .hry-btn {
  min-width: 2.2rem;
  height: 0.54rem;
  padding: 0 0.3rem;
  border-radius: 0.44rem;
  background-color: var(--sk-global-color);
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .contact-us-page .online-message .card-box .con-box .qr-code .hry-btn {
    margin-top: 0.4rem;
    width: 100%;
    height: 0.9rem;
    border-radius: 0.45rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
}
.contact-us-page .online-message .card-box .con-box .qr-code .hry-btn:hover {
  background: #FF0010;
}
.contact-us-page .hry-footer {
  background-color: #fff;
}
.contact-us-page .hry-footer .footer-nav .contact-us .email-box .input-box {
  border: 1px solid #E8E8E8;
}
.contact-us-page .hry-footer.fff {
  background-color: #F5F7F9;
}
.contact-us-page .hry-footer.fff .footer-nav .contact-us .email-box .input-box {
  border: none;
}

.join-us-page {
  color: var(--fcolor02);
}
.join-us-page .banner-box {
  color: #fff;
  height: 100vh;
  position: relative;
}
.join-us-page .banner-box .bg_video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.join-us-page .banner-box .bg_video video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.join-us-page .banner-box .con-txt {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.join-us-page .banner-box .con-txt .tit {
  padding-bottom: 0.48rem;
  font-family: "fontFamily-M";
  font-size: 0.56rem;
  line-height: 0.6rem;
}
.join-us-page .invite-to-job {
  padding-top: 1.8rem;
  padding-bottom: 1.53rem;
}
.join-us-page .invite-to-job .job-a-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.4rem;
  padding-bottom: 2.14rem;
}
.join-us-page .invite-to-job .job-a-list .job-box {
  display: block;
  width: calc(50% - 0.2rem);
  color: #fff;
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  overflow: hidden;
  position: relative;
}
.join-us-page .invite-to-job .job-a-list .job-box .bg-img {
  height: 100%;
  width: 100%;
}
.join-us-page .invite-to-job .job-a-list .job-box .ri-top {
  position: absolute;
  height: 0.24rem;
  width: 0.24rem;
  right: 0.45rem;
  bottom: 0.4rem;
  -webkit-transform: translateY(0.6rem) scale(0);
      -ms-transform: translateY(0.6rem) scale(0);
          transform: translateY(0.6rem) scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.join-us-page .invite-to-job .job-a-list .job-box .ri-top img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.join-us-page .invite-to-job .job-a-list .job-box:hover .bg-img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.join-us-page .invite-to-job .job-a-list .job-box:hover .ri-top {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.join-us-page .invite-to-job .job-a-list .job-box .text-con {
  position: absolute;
  bottom: 0.32rem;
  left: 0.4rem;
}
.join-us-page .invite-to-job .job-a-list .job-box .text-con .name {
  font-family: "fontFamily-M";
  font-size: 0.24rem;
  line-height: 0.4rem;
}
.join-us-page .invite-to-job .job-a-list .job-box .text-con .inx-text {
  margin-top: 0.15rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.join-us-page .invite-to-job .training-tit {
  text-align: center;
  font-size: 0.42rem;
  line-height: 0.63rem;
  font-family: "fontFamily-B";
}
.join-us-page .invite-to-job .science-class-plan {
  border-radius: 0.2rem;
  overflow: hidden;
  position: relative;
  margin-top: 0.5rem;
}
.join-us-page .invite-to-job .science-class-plan .bg-box {
  width: 100%;
}
.join-us-page .invite-to-job .science-class-plan .txt-con {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0.08rem;
  padding-left: 0.6rem;
}
.join-us-page .invite-to-job .science-class-plan .txt-con .tit {
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: "fontFamily-M";
}
.join-us-page .invite-to-job .science-class-plan .txt-con .txt {
  margin-top: 0.2rem;
  width: 5.74rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.join-us-page .invite-to-job .science-class-ner {
  margin-top: 0.34rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2.53rem;
  overflow: hidden;
  border: 0.01rem solid #EBEBEB;
  border-radius: 0.2rem;
}
.join-us-page .invite-to-job .science-class-ner .class-li {
  width: 20%;
  height: 100%;
  padding-bottom: 0.05rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 0.01rem solid #EBEBEB;
  position: relative;
}
.join-us-page .invite-to-job .science-class-ner .class-li:last-child {
  border-right: none;
}
.join-us-page .invite-to-job .science-class-ner .class-li .index {
  position: relative;
  font-size: 0.48rem;
  line-height: 0.72rem;
  color: var(--sk-global-color);
  font-family: "fontFamily-B";
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.join-us-page .invite-to-job .science-class-ner .class-li .text {
  position: relative;
  margin-top: 0.05rem;
  color: var(--fcolor03);
  font-size: 0.18rem;
  line-height: 0.27rem;
  font-family: "fontFamily-M";
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.join-us-page .invite-to-job .science-class-ner .class-li .bg-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.join-us-page .invite-to-job .science-class-ner .class-li:hover .index {
  color: rgba(255, 255, 255, 0.5);
}
.join-us-page .invite-to-job .science-class-ner .class-li:hover .text {
  color: #FFFFFF;
}
.join-us-page .invite-to-job .science-class-ner .class-li:hover .bg-img {
  opacity: 1;
}
.join-us-page .employee-welfare {
  padding-top: 1.25rem;
  padding-bottom: 2.02rem;
  background: #F5F7F9;
}
.join-us-page .employee-welfare .wal {
  overflow: hidden;
}
.join-us-page .employee-welfare .tit {
  text-align: center;
  font-family: "fontFamily-B";
  font-size: 0.42rem;
  line-height: 0.55rem;
}
.join-us-page .employee-welfare .ck-list-box {
  margin-top: 0.76rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: 0.25rem;
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
}
.join-us-page .employee-welfare .ck-list-box .ck-li {
  width: calc((100% - 1rem) / 5);
  height: 1.8rem;
  background: #FFFFFF;
  border-radius: 0.16rem 0.16rem 0.16rem 0.16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.join-us-page .employee-welfare .ck-list-box .ck-li img {
  width: 0.5rem;
}
.join-us-page .employee-welfare .ck-list-box .ck-li .name {
  margin-top: 0.24rem;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-family: "fontFamily-M";
}
.join-us-page .employee-welfare .swper-team {
  margin: 1.63rem auto 0;
  width: 8.8rem;
  position: relative;
}
.join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide .text {
  color: #fff;
  z-index: 50;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.32rem;
  left: 0;
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.24rem;
  font-family: "fontFamily-M";
}
.join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7);
}
.join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide.swiper-slide-active::after {
  display: none;
}
.join-us-page .employee-welfare .swper-team .swiper-pagination {
  bottom: -0.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.join-us-page .employee-welfare .swper-team .swiper-pagination .swiper-pagination-bullet {
  width: 1.06rem;
  border-radius: 0;
  height: 0.01rem;
  background: #DEDEDE;
}
.join-us-page .employee-welfare .swper-team .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--sk-global-color);
}
.join-us-page .staff-style {
  padding-top: 1.6rem;
}
.join-us-page .staff-style .tit {
  text-align: center;
  font-family: "fontFamily-B";
  font-size: 0.42rem;
  line-height: 0.55rem;
}
.join-us-page .staff-style .swiper-staff-styleb-box {
  padding: 0.1rem;
  padding-top: 0.7rem;
  padding-bottom: 1.7rem;
  width: calc(100% + 0.2rem);
  overflow: hidden;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide {
  position: relative;
  box-shadow: 0 0 14px rgba(43, 31, 31, 0.1);
  border-radius: 0.2rem;
  overflow: hidden;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-box .top-img {
  padding-top: 56.2745098039%;
  position: relative;
  overflow: hidden;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-box .top-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: 100%;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide:hover .con-box .top-img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne {
  text-align: center;
  padding: 0.34rem 0.3rem 0.92rem;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .name {
  font-size: 0.28rem;
  line-height: 0.37rem;
  color: var(--fcolor01);
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .job {
  margin-top: 0.12rem;
  font-size: 0.16rem;
  line-height: 0.21rem;
  color: var(--fcolor04);
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .message {
  margin: 0.39rem auto 0;
  width: 4.03rem;
  font-size: 0.2rem;
  line-height: 0.29rem;
  position: relative;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .message .marks-left-img {
  position: absolute;
  width: 0.52rem;
  left: -0.35rem;
  top: -0.33rem;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .message .marks-right-img {
  position: absolute;
  width: 0.52rem;
  right: -0.12rem;
  bottom: -0.35rem;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box {
  margin: 0.9rem auto 0;
  width: 3.2rem;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box .swiper-pagination {
  position: relative;
  left: 0;
  top: 0;
  height: 0.01rem;
  background-color: #DEDEDE;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box .swiper-pagination .my-pagination-progressbar-fill {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: var(--sk-global-color);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box .swiper-btn {
  position: absolute;
  height: 0.6rem;
  width: 0.6rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box .swiper-btn .svg {
  height: 0.1rem;
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box .swiper-btn:hover {
  border: 0.01rem solid var(--sk-global-color);
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box .swiper-btn.swiper-next {
  right: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box .swiper-btn.swiper-prev {
  left: -1.1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

:root {
  --totalH: 1.1rem;
  --headH: 1.1rem;
  --sk-global-color: #e60012;
  /* -------------- 主题色 ---------------*/
  --scrollBarColor: #d7dfe2;
  --borderLine: #dedede;
  --topPadding: 1.91rem;
  --fcolor: white;
  --fcolor01: #000000;
  --fcolor02: #333333;
  --fcolor03: #666666;
  --fcolor04: #999999;
}

@-webkit-keyframes fillProgressLeft {
  from {
    left: 0;
    width: 0;
  }
  to {
    left: 0;
    width: 100%;
  }
}

@keyframes fillProgressLeft {
  from {
    left: 0;
    width: 0;
  }
  to {
    left: 0;
    width: 100%;
  }
}
@-webkit-keyframes clearProgressRight {
  from {
    right: 0;
    width: 100%;
  }
  to {
    right: 0;
    width: 0;
  }
}
@keyframes clearProgressRight {
  from {
    right: 0;
    width: 100%;
  }
  to {
    right: 0;
    width: 0;
  }
}
.filling-left {
  -webkit-animation: fillProgressLeft 0.6s forwards;
          animation: fillProgressLeft 0.6s forwards;
}

.clearing-right {
  -webkit-animation: clearProgressRight 0.6s forwards;
          animation: clearProgressRight 0.6s forwards;
}

.search-result-page .search-input .wal-1000 {
  padding-top: var(--topPadding);
}
.search-result-page .search-input .wal-1000 .section-title {
  font-size: 0.56rem;
  line-height: 0.6rem;
  text-align: center;
}
.search-result-page .search-input .wal-1000 .search-input-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.41rem;
  padding: 0.16rem 0;
}
.search-result-page .search-input .wal-1000 .search-input-box .search-icon {
  width: 0.2rem;
  height: 0.2rem;
}
.search-result-page .search-input .wal-1000 .search-input-box .search-icon path {
  fill: #171a20;
}
.search-result-page .search-input .wal-1000 .search-input-box input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.18rem;
  font-size: 0.2rem;
  color: var(--fcolor02);
  line-height: 0.3rem;
}
.search-result-page .search-input .wal-1000 .search-input-box .search {
  font-size: 0.16rem;
  color: var(--fcolor04);
  line-height: 0.24rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.search-result-page .search-input .wal-1000 .search-input-box .search:hover {
  color: var(--fcolor02);
}
.search-result-page .search-input .wal-1000 .search-input-box .prog-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.01rem;
  background-color: #b8b8b8;
}
.search-result-page .search-input .wal-1000 .search-input-box .prog-line .line-inner {
  height: 100%;
  width: 0;
  background: -webkit-linear-gradient(left, #ffffff, #ff0010);
  background: linear-gradient(to right, #ffffff, #ff0010);
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  position: absolute;
}
.search-result-page .search-result-con .wal-1280 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1.2rem;
  padding-bottom: 1.4rem;
}
.search-result-page .search-result-con .wal-1280 .left-tab {
  width: calc(220 / 1280 * 100%);
}
.search-result-page .search-result-con .wal-1280 .left-tab .tab-item {
  width: 100%;
  padding: 0.14rem 0;
  font-size: 0.18rem;
  color: var(--fcolor03);
  line-height: 0.26rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.06rem;
}
.search-result-page .search-result-con .wal-1280 .left-tab .tab-item.active {
  background-color: rgba(230, 0, 18, 0.05);
  color: var(--sk-global-color);
}
.search-result-page .search-result-con .wal-1280 .right-con {
  width: calc(960 / 1280 * 100%);
}
.search-result-page .search-result-con .wal-1280 .right-con .result-count {
  padding-bottom: 0.21rem;
  font-size: 0.16rem;
  color: var(--fcolor03);
  line-height: 0.24rem;
  text-align: right;
}
.search-result-page .search-result-con .wal-1280 .right-con .result-count .key {
  color: var(--sk-global-color);
}
.search-result-page .search-result-con .wal-1280 .right-con .-pagination {
  margin-top: 0.41rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .empty-result {
  width: 100%;
  padding: 0.29rem 0 0.45rem 0;
}
.search-result-page .search-result-con .wal-1280 .right-con .empty-result .center {
  position: relative;
  width: 2.3rem;
  height: 2.3rem;
  margin: 0 auto;
}
.search-result-page .search-result-con .wal-1280 .right-con .empty-result .center img {
  width: 100%;
  height: 100%;
}
.search-result-page .search-result-con .wal-1280 .right-con .empty-result .center .text {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 500;
  font-family: "fontFamily-M";
  font-size: 0.2rem;
  color: #c2c2c2;
  line-height: 0.23rem;
  white-space: nowrap;
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item {
  width: calc((100% - 0.3rem * 2) / 3);
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item:not(:nth-child(3n)) {
  margin-right: 0.3rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item .pcon {
  padding-top: 100%;
  position: relative;
  background-color: #fafbfc;
  border-radius: 0.2rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item .pcon .img-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.46rem;
  overflow: hidden;
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item .pcon .img-con img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item .name {
  padding: 0.18rem 0;
  font-weight: 500;
  font-family: "fontFamily-M";
  font-size: 0.18rem;
  color: #333333;
  line-height: 0.27rem;
  letter-spacing: 0.01rem;
  text-align: center;
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item:hover .pcon .img-con img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item:hover .name {
  color: var(--sk-global-color);
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0;
  border-bottom: 0.01rem solid #ddd;
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .left-con {
  width: calc(300 / 960 * 100%);
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .left-con .pcon {
  padding-top: calc(168 / 300 * 100%);
  position: relative;
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .left-con .pcon .img-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.16rem;
  overflow: hidden;
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .left-con .pcon .img-con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .right-con {
  padding: 0 0.41rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .right-con .title {
  font-weight: 500;
  font-family: "fontFamily-M";
  font-size: 0.2rem;
  color: var(--fcolor02);
  line-height: 0.3rem;
  letter-spacing: 0.01rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .right-con .time {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  color: var(--fcolor04);
  line-height: 0.21rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a:hover .left-con .pcon .img-con img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a:hover .right-con .title {
  color: var(--sk-global-color);
}
.search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item:first-child a {
  border-top: 0.01rem solid #ddd;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2rem 0;
  border-bottom: 0.01rem solid #ddd;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item:first-child {
  border-top: 0.01rem solid #ddd;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .left-con {
  width: calc(300 / 960 * 100%);
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .left-con .pcon {
  padding-top: calc(168 / 300 * 100%);
  position: relative;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .left-con .pcon .img-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.16rem;
  overflow: hidden;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .left-con .pcon .img-con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con {
  padding-left: 0.4rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .title {
  font-weight: 500;
  font-family: "fontFamily-M";
  font-size: 0.2rem;
  color: var(--fcolor02);
  line-height: 0.3rem;
  letter-spacing: 0.01rem;
  text-align: left;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .loca {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.1rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .loca .loca-icon {
  width: 0.24rem;
  height: 0.24rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .loca .loca-icon path {
  stroke: var(--fcolor04);
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .loca .loca-text {
  margin-left: 0.08rem;
  font-size: 0.16rem;
  color: var(--fcolor04);
  line-height: 0.24rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .desc {
  margin-top: 0.19rem;
  font-size: 0.16rem;
  color: var(--fcolor04);
  line-height: 0.24rem;
}
.search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item:hover .left-con .pcon .img-con img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.search-result-page .search-result-con .wal-1280 .right-con .question .question-list .question-item a {
  display: block;
  padding: 0.35rem 0;
  border-bottom: 0.01rem solid #ddd;
}
.search-result-page .search-result-con .wal-1280 .right-con .question .question-list .question-item a .title {
  font-size: 0.2rem;
  color: var(--fcolor02);
  line-height: 0.3rem;
  text-align: left;
}
.search-result-page .search-result-con .wal-1280 .right-con .question .question-list .question-item a:hover .title {
  color: var(--sk-global-color);
}
.search-result-page .search-result-con .wal-1280 .right-con .question .question-list .question-item:first-child a {
  border-top: 0.01rem solid #ddd;
}

.legal-statement-page .legal-statement .wal-1000 {
  padding-top: 1.67rem;
  padding-bottom: 0.92rem;
}
.legal-statement-page .legal-statement .wal-1000 .article {
  margin-top: 0.51rem;
}
.legal-statement-page .legal-statement .wal-1000 .article h2 {
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 500;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
  margin-bottom: 0.24rem;
}
.legal-statement-page .legal-statement .wal-1000 .article p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  margin-bottom: 0.26rem;
}

.privacy-policy-page .privacy-policy .wal-1000 {
  padding-top: 1.67rem;
  padding-bottom: 1.4rem;
}
.privacy-policy-page .privacy-policy .wal-1000 .article {
  margin-top: 0.51rem;
}
.privacy-policy-page .privacy-policy .wal-1000 .article h2 {
  font-size: 0.2rem;
  line-height: 0.24rem;
  font-weight: 500;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
  margin-bottom: 0.24rem;
}
.privacy-policy-page .privacy-policy .wal-1000 .article p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  margin-bottom: 0.26rem;
}
.privacy-policy-page .privacy-policy .wal-1000 .article li {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  list-style: decimal;
  list-style-position: inside;
}
.privacy-policy-page .privacy-policy .wal-1000 .article .list-con {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  margin-bottom: 0.26rem;
  padding-left: 0.32rem;
}

@media screen and (max-width: 800px) {
  :root {
    --totalH: 1.2rem;
    --headH: 1.2rem;
    --topPadding: 2.12rem;
  }

  .search-result-page .search-input .wal-1000 .section-title {
    font-size: 0.64rem;
    line-height: 0.96rem;
  }
  .search-result-page .search-input .wal-1000 .search-input-box {
    margin-top: 0.48rem;
    padding: 0.32rem 0;
  }
  .search-result-page .search-input .wal-1000 .search-input-box .search-icon {
    width: 0.36rem;
    height: 0.36rem;
  }
  .search-result-page .search-input .wal-1000 .search-input-box input {
    padding: 0 0.24rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .search-result-page .search-input .wal-1000 .search-input-box .search {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .search-result-page .search-input .wal-1000 .search-input-box .prog-line {
    height: 0.02rem;
  }
  .search-result-page .search-result-con .wal-1280 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 0.6rem;
    padding-bottom: 1.6rem;
  }
  .search-result-page .search-result-con .wal-1280 .top-tab .-select .-front,
.search-result-page .search-result-con .wal-1280 .top-tab .-select .-layer {
    color: var(--fcolor02);
  }
  .search-result-page .search-result-con .wal-1280 .right-con {
    width: 100%;
    margin-top: 0.87rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .result-count {
    padding-bottom: 0.52rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    text-align: left;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .-pagination {
    margin-top: 0.36rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .empty-result {
    padding: 0.98rem 0 0.98rem 0;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .empty-result .center {
    width: 4rem;
    height: 4rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .empty-result .center .text {
    font-size: 0.32rem;
    line-height: 0.38rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item {
    width: calc((100% - 0.28rem) / 2);
  }
  .search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item:not(:nth-child(2n)) {
    margin-right: 0.28rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item .pcon {
    padding-top: 100%;
    border-radius: 0.24rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item .pcon .img-con {
    padding: 0.4rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .product-center .product-list .product-item .name {
    padding: 0.24rem 0;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.4rem 0;
    border-bottom: 0.02rem solid #ddd;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .left-con {
    width: 100%;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .left-con .pcon {
    padding-top: calc(377 / 670 * 100%);
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .left-con .pcon .img-con {
    border-radius: 0.36rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .right-con {
    padding: 0.4rem 0;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .right-con .title {
    font-size: 0.36rem;
    line-height: 0.42rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item a .right-con .time {
    margin-top: 0.24rem;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .news-trends .news-list .news-item:first-child a {
    border-top: 0.02rem solid #ddd;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.4rem 0;
    border-bottom: 0.02rem solid #ddd;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item:first-child {
    border-top: 0.02rem solid #ddd;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .left-con {
    width: 100%;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .left-con .pcon {
    padding-top: calc(375 / 670 * 100%);
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .left-con .pcon .img-con {
    border-radius: 0.36rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con {
    padding-left: 0;
    margin-top: 0.37rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .title {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .loca {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.24rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .loca .loca-icon {
    width: 0.4rem;
    height: 0.4rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .loca .loca-text {
    margin-left: 0.08rem;
    font-size: 0.24rem;
    line-height: 0.24rem;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .application-case .case-list .case-item .right-con .desc {
    margin-top: 0.36rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
  }
  .search-result-page .search-result-con .wal-1280 .right-con .question .question-list .question-item a {
    display: block;
    padding: 0.42rem 0;
    border-bottom: 0.02rem solid #ddd;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .question .question-list .question-item a .title {
    font-size: 0.32rem;
    color: var(--fcolor02);
    line-height: 0.48rem;
    text-align: left;
  }
  .search-result-page .search-result-con .wal-1280 .right-con .question .question-list .question-item:first-child a {
    border-top: 0.02rem solid #ddd;
  }

  .legal-statement-page .legal-statement .wal-1000 {
    padding-top: 2.5rem;
    padding-bottom: 1.6rem;
  }
  .legal-statement-page .legal-statement .wal-1000 .article {
    margin-top: 0.48rem;
  }
  .legal-statement-page .legal-statement .wal-1000 .article h2 {
    font-size: 0.28rem;
    line-height: 0.32rem;
    font-weight: 500;
    margin-bottom: 0.26rem;
  }
  .legal-statement-page .legal-statement .wal-1000 .article p {
    font-size: 0.26rem;
    line-height: 0.36rem;
    margin-bottom: 0.28rem;
  }

  .privacy-policy-page .privacy-policy .wal-1000 {
    padding-top: 2.5rem;
    padding-bottom: 1.6rem;
  }
  .privacy-policy-page .privacy-policy .wal-1000 .article {
    margin-top: 0.48rem;
  }
  .privacy-policy-page .privacy-policy .wal-1000 .article h2 {
    font-size: 0.28rem;
    line-height: 0.32rem;
    font-weight: 500;
    margin-bottom: 0.26rem;
  }
  .privacy-policy-page .privacy-policy .wal-1000 .article p {
    font-size: 0.26rem;
    line-height: 0.36rem;
    margin-bottom: 0.28rem;
  }
  .privacy-policy-page .privacy-policy .wal-1000 .article li {
    font-size: 0.26rem;
    line-height: 0.36rem;
  }
  .privacy-policy-page .privacy-policy .wal-1000 .article .list-con {
    font-size: 0.26rem;
    line-height: 0.36rem;
    margin-bottom: 0.26rem;
    padding-left: 0.32rem;
  }
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
 * 栅格布局
 * @param $col 栅格数
 * @param $gap 栅格间隔
 * @param $colPhone 手机端栅格数
 * @param $gapPhone 手机端栅格间隔
 */
/*
 * 富文本初始化
 */
:root {
  --totalH: 1.1rem;
  --headH: 1.1rem;
  --sk-global-color: #E60012;
  /* -------------- 主题色 ---------------*/
  --scrollBarColor: #D7DFE2;
  --borderLine: #DEDEDE;
  --topPadding: 1.91rem;
  --fcolor:white;
  --fcolor01:#000000;
  --fcolor02:#333333;
  --fcolor03:#666666;
  --fcolor04:#999999;
}

.blocker {
  z-index: 100 !important;
}

.modal {
  width: 100% !important;
  max-width: 11rem !important;
  padding: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

.modal-video video {
  width: 100%;
}
.modal-video iframe {
  width: 100%;
  height: 6.18rem;
}
.modal-video iframe html body video {
  width: 100% !important;
  height: 100% !important;
}

@-webkit-keyframes qsacle {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes qsacle {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes scrollRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes scrollRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@-webkit-keyframes rotateStroke {
  0% {
    stroke-dasharray: 0, 360.5;
  }
  99% {
    stroke-dashoffset: 360.5, 360.5;
  }
  100% {
    stroke-dasharray: 0, 360.5;
  }
}
@keyframes rotateStroke {
  0% {
    stroke-dasharray: 0, 360.5;
  }
  99% {
    stroke-dashoffset: 360.5, 360.5;
  }
  100% {
    stroke-dasharray: 0, 360.5;
  }
}
@-webkit-keyframes fadeInUpSmall {
  from {
    -webkit-transform: translate3d(0, 0.4rem, 0);
            transform: translate3d(0, 0.4rem, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes fadeInUpSmall {
  from {
    -webkit-transform: translate3d(0, 0.4rem, 0);
            transform: translate3d(0, 0.4rem, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@media screen and (min-width: 800px) {
  .fadeInUpSmall {
    opacity: 0;
    -webkit-animation-name: fadeInUpSmall;
            animation-name: fadeInUpSmall;
  }
}

.loading-animate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: white;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.loading-animate.animated {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.loading-animate .-container {
  position: relative;
  width: 100%;
  height: 2.48rem;
}
.loading-animate .-container .-svg svg {
  width: 100%;
  height: 100%;
}
.loading-animate .-container .-svg .-fill {
  --x: 0%;
}
.loading-animate .-container .-svg .-fill rect {
  width: var(--x);
  height: 100%;
}
.loading-animate .-container .-progress {
  position: absolute;
  font-size: 0.32rem;
  line-height: 0.44rem;
  left: 0.75rem;
  bottom: 0.15rem;
  color: var(--sk-global-color);
  font-family: "fontFamily-B";
}

.svg-ctx {
  object-fit: contain;
}
.svg-ctx path {
  fill: currentColor;
}
.svg-ctx ellipse {
  stroke: currentColor;
}

.-phone-dots {
  display: none;
}

.section-title {
  --fcolor: #333333;
  font-size: 0.42rem;
  line-height: 0.63rem;
  color: var(--fcolor);
  font-family: "fontFamily-B";
}
.section-title.-white {
  --fcolor: #ffffff;
}
.section-title[data-align=center] {
  text-align: center;
}
.section-title em {
  color: var(--sk-global-color);
}

.section-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.section-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.-button {
  --bordercolor: rgba(0, 0, 0, 0.15);
  --bgc: transparent;
  --fcolor: #666666;
  --fz: .16rem;
  --lh: 0.18rem;
  --h: .65rem;
  --dasharray: 0;
  --r: .32rem;
}
.-button[data-size=small] a, .-button[data-size=small] .a {
  --fz: 0.14rem;
  --lh: 0.14rem;
  padding: 0.09rem 0.21rem;
  height: auto;
  min-width: auto;
  font-family: "fontFamily-R";
}
.-button[data-size=small] a::after, .-button[data-size=small] .a::after {
  display: none;
}
.-button[data-size=small] a span, .-button[data-size=small] .a span {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.-button[data-size=small] a svg, .-button[data-size=small] .a svg {
  display: none;
}
.-button.-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.-button.-white {
  --bordercolor: rgba(255, 255, 255, 0.50);
  --bgc: transparent;
  --fcolor: white;
}
@media screen and (min-width: 800px) {
  .-button.-white a:hover, .-button.-white .a:hover {
    --bordercolor: var(--sk-global-color);
    --bgc: var(--sk-global-color);
  }
}
.-button.-red {
  --bordercolor: var(--sk-global-color);
  --bgc: var(--sk-global-color);
  --fcolor: white;
}
@media screen and (min-width: 800px) {
  .-button.-red a:hover, .-button.-red .a:hover {
    --bordercolor: #ff0010;
    --bgc: #ff0010;
  }
}
.-button.-grey {
  --bordercolor: #ECEEEF;
  --bgc: #ECEEEF;
  --fcolor: var(--fcolor04);
}
@media screen and (min-width: 800px) {
  .-button.-grey a:hover, .-button.-grey .a:hover {
    --bordercolor: var(--sk-global-color);
    --bgc: var(--sk-global-color);
    --fcolor: white;
  }
}
.-button a, .-button .a {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: var(--fz);
  line-height: var(--lh);
  color: var(--fcolor);
  border-radius: calc(var(--h) / 2);
  min-width: 1.76rem;
  text-align: center;
  height: var(--h);
  padding: 0.15rem 0.36rem;
  background-color: var(--bgc);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 800px) {
  .-button a:hover, .-button .a:hover {
    --bordercolor: var(--sk-global-color);
    --bgc: var(--sk-global-color);
    --fcolor: white;
  }
  .-button a:hover::after, .-button .a:hover::after {
    opacity: 1;
  }
  .-button a:hover span, .-button .a:hover span {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .-button a:hover svg, .-button .a:hover svg {
    opacity: 0;
  }
  .-button a:hover svg rect, .-button .a:hover svg rect {
    stroke: var(--bordercolor);
  }
}
.-button a svg, .-button .a svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.-button a svg rect, .-button .a svg rect {
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  rx: calc((var(--h) - 2px) / 2);
  ry: calc((var(--h) - 2px) / 2);
}
.-button a svg rect.-border, .-button .a svg rect.-border {
  stroke: var(--bordercolor);
}
.-button a svg rect.-border-02, .-button .a svg rect.-border-02 {
  stroke-dasharray: var(--dasharray), 360.5;
}
@media screen and (min-width: 800px) {
  .-button a::after, .-button .a::after {
    content: "";
    opacity: 0;
    display: inline-block;
    width: 0.15rem;
    height: 0.15rem;
    background: url(../../image/shenzhenkehua/icon/button-arrow.svg) center center no-repeat;
    background-size: contain;
    margin-left: 0.05rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .-button a span, .-button .a span {
    -webkit-transform: translate(calc(.1rem), 0);
        -ms-transform: translate(calc(.1rem), 0);
            transform: translate(calc(.1rem), 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
}

.-circle-btn {
  --w: .6rem;
  --dasharray: 0;
  --bordercolor: rgba(0, 0, 0, 0.15);
  --bg: transparent;
  border: 0 !important;
}
.-circle-btn:hover {
  --dasharray: 360.5;
}
.-circle-btn .-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(var(--w));
  height: calc(var(--w));
  background-color: var(--bg);
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-circle-btn .-inner .out-border {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--w) + 1px) !important;
  height: calc(var(--w) + 1px) !important;
}
.-circle-btn .-inner .out-border rect {
  width: calc(var(--w) - 3px);
  height: calc(var(--w) - 3px);
  rx: calc((var(--w) - 3px) / 2);
  ry: calc((var(--w) - 3px) / 2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-circle-btn .-inner .out-border rect.-border {
  stroke: var(--bordercolor);
}
.-circle-btn .-inner .out-border rect.-border-02 {
  stroke-dasharray: var(--dasharray), 360.5;
}
.-circle-btn .-inner .svg-ctx {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.06rem;
  height: 0.1rem;
  color: var(--fcolor02);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.-circle-btn[data-size=small] {
  --w: .5rem;
}
@media screen and (max-width: 800px) {
  .-circle-btn[data-size=small] {
    --w: .8rem;
    display: block;
  }
  .-circle-btn[data-size=small] .-inner .svg-ctx {
    width: 0.12rem;
    height: 0.16rem;
  }
}
@media screen and (max-width: 800px) {
  .-circle-btn {
    display: none;
  }
}

.-select {
  position: relative;
}
.-select.-white .-front,
.-select.-white .-layer {
  background-color: white;
}
.-select.on .-front::after {
  -webkit-transform: translate(0, -50%) rotate(0deg);
      -ms-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.-select.on .-layer {
  padding: 0.21rem 0 0.23rem;
  height: auto;
}
.-select .-front {
  cursor: pointer;
  padding: 0.2rem 0.48rem 0.2rem 0.25rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  border-radius: 0.06rem;
  color: var(--fcolor04);
  background-color: #F5F7F9;
}
.-select .-front.on {
  color: var(--fcolor02);
}
.-select .-front::after {
  content: "";
  display: block;
  position: absolute;
  right: 0.18rem;
  top: 50%;
  width: 0.18rem;
  height: 0.18rem;
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
  background: url(../../image/shenzhenkehua/hry/svg19.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-select .-layer {
  display: block;
  position: absolute;
  bottom: -0.08rem;
  width: 100%;
  height: 0;
  max-height: 2rem;
  left: 0;
  -webkit-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
          transform: translate(0, 100%);
  background-color: #F5F7F9;
  border-radius: 0.06rem;
  overflow: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 10;
  box-shadow: 0rem 0.1rem 0.5rem 0rem rgba(165, 165, 165, 0.25);
}
.-select .-layer::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
}
.-select .-layer::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: #D7DFE2;
}
.-select .-layer::-webkit-scrollbar-thumb:vertical {
  background-color: #D7DFE2;
}
.-select .-layer::-webkit-scrollbar-width {
  width: 0.04rem;
}
.-select .-layer::-webkit-scrollbar-track {
  border-radius: 0.04rem;
  background-color: none;
}
.-select .-layer .-wrapper {
  width: 100%;
  padding: 0 0.2rem;
}
.-select .-layer .-wrapper dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.-select .-layer .-wrapper dl dd {
  cursor: pointer;
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-bottom: 0.13rem;
  color: var(--fcolor02);
}
.-select .-layer .-wrapper dl dd:last-child {
  margin-bottom: 0;
}

.-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.76rem;
  --w: .56rem;
}
.-pagination .prev, .-pagination .next, .-pagination a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: var(--w);
  height: var(--w);
  color: #A2A1A1;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0.01rem solid #E6E6E6;
  border-radius: 0.08rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
@media screen and (min-width: 800px) {
  .-pagination .prev:hover, .-pagination .next:hover, .-pagination a:hover {
    color: white;
    border-color: var(--sk-global-color);
    background-color: var(--sk-global-color);
  }
}
.-pagination .prev svg, .-pagination .next svg, .-pagination a svg {
  width: 0.24rem;
  height: 0.24rem;
}
.-pagination .prev svg path, .-pagination .next svg path, .-pagination a svg path {
  fill: none;
  stroke: currentColor;
}
.-pagination dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0.08rem;
}
.-pagination dl dd {
  margin-right: 0.08rem;
}
.-pagination dl dd:last-child {
  margin-right: 0;
}
.-pagination dl dd.on a {
  color: white;
  border-color: var(--sk-global-color);
  background-color: var(--sk-global-color);
}

.sk_nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 0.54rem;
  border-bottom: 0.01rem solid #E6E6E6;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: blur(0.08rem);
          backdrop-filter: blur(0.08rem);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 20;
}
.sk_nav.bottomHead {
  top: 0.64rem;
}
.sk_nav[data-type=type2] .wal .-left .title {
  font-family: "fontFamily-R";
}
.sk_nav .wal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.sk_nav .wal .-left .title {
  font-size: 0.16rem;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
}
.sk_nav .wal .-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-left: auto;
}
.sk_nav .wal .-right dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.sk_nav .wal .-right dl dd {
  position: relative;
  height: 100%;
  margin-right: 0.48rem;
}
.sk_nav .wal .-right dl dd:last-child {
  margin-right: 0;
}
.sk_nav .wal .-right dl dd::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.01rem;
  width: 100%;
  height: 0.02rem;
  background-color: var(--sk-global-color);
  opacity: 0;
}
.sk_nav .wal .-right dl dd:hover a {
  color: var(--fcolor02);
}
.sk_nav .wal .-right dl dd.on::after {
  opacity: 1;
}
.sk_nav .wal .-right dl dd a {
  color: var(--fcolor03);
  font-size: 0.14rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.sk_nav .wal .-right .-button {
  margin-left: 0.62rem;
}

.fit-img {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.fit-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.-arrow-hover .-arrow .prev, .-arrow-hover .-arrow .next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 50%;
  left: 0.2rem;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 10;
  color: white;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(0.3rem);
          backdrop-filter: blur(0.3rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.-arrow-hover .-arrow .prev:hover, .-arrow-hover .-arrow .next:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.-arrow-hover .-arrow .prev svg, .-arrow-hover .-arrow .next svg {
  width: 0.09rem;
  height: 0.15rem;
  -webkit-transform: translate(-10%);
      -ms-transform: translate(-10%);
          transform: translate(-10%);
}
.-arrow-hover .-arrow .next {
  left: auto;
  right: 0.2rem;
}
.-arrow-hover .-arrow .next svg {
  -webkit-transform: translate(10%);
      -ms-transform: translate(10%);
          transform: translate(10%);
}
.-arrow-hover:hover .-arrow .prev, .-arrow-hover:hover .-arrow .next {
  opacity: 1;
  visibility: visible;
}

.play-video {
  cursor: pointer;
}

.common__banner {
  overflow: hidden;
}
.common__banner .banner_wrapper .banner_main {
  position: relative;
  width: 100%;
}
.common__banner .banner_wrapper .banner_main .banner_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100vh);
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item {
  width: 100%;
  height: 100%;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_img,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_video,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_img,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_img::before,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_video::before,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_img::before,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_video::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.12);
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_img img,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_img video,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_video img,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_video video,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_img img,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_img video,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_video img,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .bg_video,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .bg_video {
  z-index: 1;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 2.2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 2;
  color: white;
  padding-bottom: 0;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 10rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .title,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .title {
  font-family: "fontFamily-B";
  font-size: 0.78rem;
  line-height: 1.17rem;
  text-align: center;
}
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .sub-title,
.common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .sub-title {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin-top: 0.23rem;
}

header {
  --fcolor: white;
  --fcolor01: white;
  --fcolor02: #666666;
  --fcolor03: #999999;
  width: 100%;
  height: var(--totalH);
  background-color: transparent;
  z-index: 99;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
header.hide {
  z-index: -1;
}
header.hide .top-head_nav,
header.hide .g-head {
  top: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}
header.hide .layer {
  display: none;
}
header .g-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--headH);
  z-index: 99;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-bottom: 1px solid transparent;
}
header .g-head > .wal {
  max-width: 100%;
  padding: 0 0.8rem;
}
header .g-head > .wal .g-head-main {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--headH);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
header .g-head > .wal .g-head-main .logo-box {
  z-index: 1;
  margin-right: 0.57rem;
}
header .g-head > .wal .g-head-main .logo-box .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 0.4rem;
}
header .g-head > .wal .g-head-main .logo-box .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .g-head > .wal .g-head-main .logo-box .img img._hover {
  display: none;
}
header .g-head > .wal .g-head-main .center-nav {
  height: 100%;
}
header .g-head > .wal .g-head-main .center-nav > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  margin-left: -0.26rem;
}
header .g-head > .wal .g-head-main .center-nav > ul > .nav-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  height: 100%;
  padding: 0 0.26rem;
  border-bottom: 0.03rem solid transparent;
}
header .g-head > .wal .g-head-main .center-nav > ul > .nav-item.active > a {
  opacity: 1;
}
header .g-head > .wal .g-head-main .center-nav > ul > .nav-item > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: var(--fcolor01);
  font-size: 0.16rem;
  line-height: 0.14rem;
  height: var(--headH);
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.6;
}
header .g-head > .wal .g-head-main .center-nav .nav__line {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  bottom: 0;
  left: 0;
  height: 0.02rem;
  width: 0.52rem;
  background-color: var(--sk-global-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
}
header .g-head > .wal .g-head-main .center-nav .nav__line.show {
  opacity: 1;
}
header .g-head > .wal .g-head-main .g-head-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
header .g-head > .wal .g-head-main .g-head-right .-lang {
  position: relative;
}
header .g-head > .wal .g-head-main .g-head-right .-lang:hover .-layer {
  box-shadow: 0 0.1rem 0.13rem rgba(0, 0, 0, 0.05);
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-front {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  color: var(--fcolor01);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-front .-icon {
  margin-right: 0.09rem;
  width: 0.21rem;
  height: 0.21rem;
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-layer {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 0;
  padding-top: 0.19rem;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0.16rem;
  overflow: hidden;
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-layer .-layer-wrapper {
  width: 1.8rem;
  padding: 0.22rem 0.25rem;
  background-color: white;
  border-radius: 0.16rem;
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-layer .-layer-wrapper ul {
  margin-top: -0.24rem;
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-layer .-layer-wrapper ul li {
  margin-top: 0.24rem;
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-layer .-layer-wrapper ul li.on a, header .g-head > .wal .g-head-main .g-head-right .-lang .-layer .-layer-wrapper ul li:hover a {
  color: var(--sk-global-color);
}
header .g-head > .wal .g-head-main .g-head-right .-lang .-layer .-layer-wrapper ul li a {
  font-size: 0.16rem;
  line-height: 0.14rem;
  color: var(--fcolor02);
}
header .g-head > .wal .g-head-main .g-head-right .search {
  position: relative;
  z-index: 1;
  margin-left: 0.45rem;
}
@media screen and (min-width: 800px) {
  header .g-head > .wal .g-head-main .g-head-right .search:hover .search-input {
    width: 3.12rem;
    opacity: 1;
  }
}
header .g-head > .wal .g-head-main .g-head-right .search .search-btn {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
header .g-head > .wal .g-head-main .g-head-right .search .search-btn .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--fcolor01);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-btn .icon svg {
  width: 0.24rem;
  height: 0.24rem;
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: -0.18rem;
  top: 50%;
  width: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-radius: 0.21rem;
  border: 0.01rem solid var(--sk-global-color);
  height: 0.42rem;
  padding: 0 0.56rem 0 0.18rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  background-color: white;
  overflow: hidden;
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input input::-webkit-input-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input input::-moz-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input input:-moz-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input input:-ms-input-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea::-webkit-input-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea::-moz-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea:-moz-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea:-ms-input-placeholder {
  color: var(--fcolor03);
}
header .g-head > .wal .g-head-main .g-head-right .search .search-input input {
  width: 100%;
  font-size: 0.14rem;
  line-height: 0.16rem;
  color: var(--fcolor01);
}
header .layer {
  position: fixed;
  width: 100%;
  height: 0;
  top: var(--totalH);
  left: 0;
  z-index: 10;
  overflow: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 0 0 0.2rem 0.2rem;
  box-shadow: 0 0.1rem 0.13rem rgba(0, 0, 0, 0.05);
  background-color: white;
  left: 0;
}
header .layer.layer__text .layer__wp {
  padding: 0.24rem 0;
}
header .layer.layer__text .layer__wp ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
header .layer.layer__text .layer__wp ul li {
  margin-right: 1.2rem;
}
header .layer.layer__text .layer__wp ul li:last-child {
  margin-right: 0;
}
header .layer.layer__text .layer__wp ul li a {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.14rem;
  color: var(--fcolor02);
}
header .layer.layer__text .layer__wp ul li a:hover {
  color: var(--sk-global-color);
}
header .layer.layer__text .layer__wp ul li a:hover::after {
  opacity: 1;
  visibility: visible;
}
header .layer.layer__text .layer__wp ul li a::after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  right: -0.08rem;
  top: 50%;
  width: 0.07rem;
  height: 0.11rem;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background: url(../../image/shenzhenkehua/icon/arrow01.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .layer.layer__solution .layer__wp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2.62rem;
}
header .layer.layer__solution .layer__wp .-left {
  width: 41.9%;
  padding: 0.5rem 0;
  border-right: 0.01rem solid #EBEBEB;
}
header .layer.layer__solution .layer__wp .-left ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -0.3rem;
}
header .layer.layer__solution .layer__wp .-left ul li {
  width: 50%;
  margin-top: 0.2rem;
}
header .layer.layer__solution .layer__wp .-left ul li.on a {
  color: var(--sk-global-color);
}
header .layer.layer__solution .layer__wp .-left ul li.on a::after {
  opacity: 1;
  visibility: visible;
}
header .layer.layer__solution .layer__wp .-left ul li a {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor02);
}
header .layer.layer__solution .layer__wp .-left ul li a::after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  right: -0.08rem;
  top: 50%;
  width: 0.07rem;
  height: 0.11rem;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background: url(../../image/shenzhenkehua/icon/arrow01.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .layer.layer__solution .layer__wp .-right {
  width: 58.1%;
  padding: 0.5rem 0 0.5rem 0.88rem;
}
header .layer.layer__solution .layer__wp .-right ul {
  position: relative;
  width: 100%;
  height: 2rem;
}
header .layer.layer__solution .layer__wp .-right ul li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .layer.layer__solution .layer__wp .-right ul li.on {
  opacity: 1;
  visibility: visible;
}
header .layer.layer__solution .layer__wp .-right ul li .-img {
  width: 3.56rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 0.16rem;
  overflow: hidden;
}
header .layer.layer__solution .layer__wp .-right ul li .-img .-inner {
  position: relative;
  width: 100%;
  padding-top: 56.17%;
}
header .layer.layer__solution .layer__wp .-right ul li .-img .-inner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
header .layer.layer__solution .layer__wp .-right ul li .-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  margin-left: 0.64rem;
}
header .layer.layer__solution .layer__wp .-right ul li .-content .-text {
  color: var(--fcolor03);
  font-size: 0.14rem;
  line-height: 0.21rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
header .layer.layer__solution .layer__wp .-right ul li .-content .-tag {
  margin-top: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
header .layer.layer__solution .layer__wp .-right ul li .-content .-tag .-tag-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
header .layer.layer__solution .layer__wp .-right ul li .-content .-tag .-tag-item .-icon {
  width: 0.39rem;
  height: 0.39rem;
}
header .layer.layer__solution .layer__wp .-right ul li .-content .-tag .-tag-item .-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .layer.layer__solution .layer__wp .-right ul li .-content .-tag .-tag-item .-name {
  color: var(--fcolor03);
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-top: 0.09rem;
}
header .layer.layer__product {
  padding: 0 2.62rem;
}
header .layer.layer__product .g-text-hover {
  --color: rgba(215, 25, 33, 1);
}
header .layer.layer__product .layer__wp {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
header .layer.layer__product .layer__wp .layer_v1 {
  --widthV1: 1.67rem;
  --widthV2: 3.93rem;
  --widthV3: calc(14rem - var(--widthV1) - var(--widthV2));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: static;
  width: var(--widthV1);
  left: 0;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid #E6E6E6;
  padding: 0.5rem 0.2rem 0.5rem 0;
  min-height: 3.04rem;
  max-height: 5rem;
  overflow: auto;
}
header .layer.layer__product .layer__wp .layer_v1::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
}
header .layer.layer__product .layer__wp .layer_v1::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: #e6e6e6;
}
header .layer.layer__product .layer__wp .layer_v1::-webkit-scrollbar-thumb:vertical {
  background-color: #e6e6e6;
}
header .layer.layer__product .layer__wp .layer_v1::-webkit-scrollbar-width {
  width: 0.04rem;
}
header .layer.layer__product .layer__wp .layer_v1::-webkit-scrollbar-track {
  border-radius: 0.04rem;
  background-color: none;
}
header .layer.layer__product .layer__wp .layer_v1 > li {
  cursor: pointer;
  width: 100%;
  background-size: cover;
  margin-top: 0.2rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li:first-child {
  margin-top: 0;
}
header .layer.layer__product .layer__wp .layer_v1 > li.on > ._inner .name {
  color: var(--sk-global-color);
}
header .layer.layer__product .layer__wp .layer_v1 > li.on > ._inner .name::after {
  opacity: 1;
  visibility: visible;
}
header .layer.layer__product .layer__wp .layer_v1 > li.on > .layer_v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .layer.layer__product .layer__wp .layer_v1 > li.-all > ._inner .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
header .layer.layer__product .layer__wp .layer_v1 > li.-all > ._inner .name:hover {
  color: var(--sk-global-color);
}
header .layer.layer__product .layer__wp .layer_v1 > li.-all > ._inner .name .-icon {
  width: 0.17rem;
  height: 0.17rem;
  margin-right: 0.13rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ._inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ._inner .name {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor02);
}
header .layer.layer__product .layer__wp .layer_v1 > li > ._inner .name::after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  right: -0.08rem;
  top: 50%;
  width: 0.07rem;
  height: 0.11rem;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background: url(../../image/shenzhenkehua/icon/arrow01.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 {
  display: none;
  position: fixed;
  width: var(--widthV2);
  height: 100%;
  left: var(--widthV1);
  top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem 0.2rem 0.5rem 0.7rem;
  border-right: 1px solid #E6E6E6;
  overflow: auto;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: #e6e6e6;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2::-webkit-scrollbar-thumb:vertical {
  background-color: #e6e6e6;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2::-webkit-scrollbar-width {
  width: 0.04rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2::-webkit-scrollbar-track {
  border-radius: 0.04rem;
  background-color: none;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li {
  margin-bottom: 0.2rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li.on > ._inner .name {
  color: var(--sk-global-color);
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li.on > ._inner .name::after {
  opacity: 1;
  visibility: visible;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li.on > .layer_v3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li:last-child {
  margin-bottom: 0;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ._inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ._inner .name {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor02);
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ._inner .name::after {
  content: "";
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  right: -0.08rem;
  top: 50%;
  width: 0.07rem;
  height: 0.11rem;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background: url(../../image/shenzhenkehua/icon/arrow01.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 {
  display: none;
  position: fixed;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: var(--widthV3);
  height: 100%;
  left: calc(var(--widthV1) + var(--widthV2));
  top: 0;
  padding: 0.5rem 0 0.5rem 0.32rem;
  overflow: auto;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3::-webkit-scrollbar {
  width: 0.04rem;
  height: 0.04rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3::-webkit-scrollbar-thumb {
  border-radius: 0.04rem;
  background: #e6e6e6;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3::-webkit-scrollbar-thumb:vertical {
  background-color: #e6e6e6;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3::-webkit-scrollbar-width {
  width: 0.04rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3::-webkit-scrollbar-track {
  border-radius: 0.04rem;
  background-color: none;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li {
  width: 33.33%;
  margin-top: 0.32rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li:nth-child(2n) {
  margin-right: 0;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li:nth-child(-n+3) {
  margin-top: 0;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li > ._inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li > ._inner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--fcolor02);
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li > ._inner a:hover {
  color: var(--sk-global-color);
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li > ._inner a .-img {
  height: 1.66rem;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li > ._inner a .-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .layer.layer__product .layer__wp .layer_v1 > li > ul.layer_v2 > li > ul.layer_v3 > li > ._inner a .name {
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  margin-top: 0.11rem;
}
header.JsFixed {
  position: fixed;
  top: 0;
}
header.JsFixed .g-head .wal .g-head-main .center-nav .nav__line.show {
  opacity: 0;
}
@media screen and (min-width: 800px) {
  header._black {
    --fcolor01: #000000;
    --fcolor02: #666666;
    --fcolor03: #999999;
    position: fixed;
    top: 0;
  }
  header._black .g-head {
    background: transparent;
  }
  header._black .g-head .wal .g-head-main .center-nav .nav__line.show {
    opacity: 0;
  }
  header.isScroll, header.show-layer, header._hover {
    --totalH: .64rem;
    --headH: .64rem;
    --fcolor01: #000000;
    --fcolor02: #666666;
    --fcolor03: #999999;
  }
  header.isScroll .g-head, header.show-layer .g-head, header._hover .g-head {
    background: white;
    border-bottom: 1px solid #E6E6E6;
  }
  header.isScroll .g-head .wal .g-head-main .center-nav > ul > .nav-item > a, header.show-layer .g-head .wal .g-head-main .center-nav > ul > .nav-item > a, header._hover .g-head .wal .g-head-main .center-nav > ul > .nav-item > a {
    opacity: 1;
  }
  header.isScroll .g-head .wal .g-head-main .center-nav .nav__line.show, header.show-layer .g-head .wal .g-head-main .center-nav .nav__line.show, header._hover .g-head .wal .g-head-main .center-nav .nav__line.show {
    opacity: 1 !important;
  }
  header.isScroll .g-head {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(0.08rem);
            backdrop-filter: blur(0.08rem);
  }
  header.isScroll:hover .g-head {
    background: white;
    -webkit-backdrop-filter: blur(0);
            backdrop-filter: blur(0);
  }
}

.common-dialog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(0.5rem);
          backdrop-filter: blur(0.5rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.common-dialog.show {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}
.common-dialog.show .-container {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.common-dialog .-container {
  position: relative;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.common-dialog .-container .-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 11.8rem;
  min-height: 6rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.common-dialog .-container .-wrapper .-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 3.6rem;
      -ms-flex: 1 0 3.6rem;
          flex: 1 0 3.6rem;
}
.common-dialog .-container .-wrapper .-left .img {
  width: 100%;
  height: 100%;
}
.common-dialog .-container .-wrapper .-left .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.common-dialog .-container .-wrapper .-right {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 8.2rem;
      -ms-flex: 1 0 8.2rem;
          flex: 1 0 8.2rem;
  background: white;
  padding: 0.61rem 0.46rem 0.6rem 0.5rem;
}
.common-dialog .-container .-wrapper .-right .close {
  cursor: pointer;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.36rem;
  height: 0.36rem;
  z-index: 1;
}
.common-dialog .-container .-wrapper .-right .close .svg-ctx {
  width: 100%;
  height: 100%;
  color: var(--fcolor03);
}
.common-dialog .-container .-wrapper .-right .-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.common-dialog .-container .-wrapper .-right .-content .-title {
  font-size: 0.28rem;
  line-height: 0.42rem;
  text-align: center;
  font-family: "fontFamily-M";
}
.common-dialog .-container .-wrapper .-right .-content .-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.36rem;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.2rem;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-inner {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item:first-child {
  margin-top: 0;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.2rem;
  background-color: #F5F7F9;
  border-radius: 0.06rem;
  padding: 0.15rem;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input:first-child {
  margin-left: 0;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input::-webkit-input-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input::-moz-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input:-moz-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input:-ms-input-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea::-webkit-input-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea::-moz-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea:-moz-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea:-ms-input-placeholder {
  color: #757575;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input::-webkit-input-placeholder {
  background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input::-moz-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input:-moz-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input:-ms-input-placeholder {
  background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input, .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea {
  width: 100%;
  font-size: 0.16rem;
  line-height: 0.24rem;
  resize: none;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.-code {
  padding-right: 1.6rem;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.-code img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0.1rem;
  width: 1.52rem;
  object-fit: contain;
}
@media screen and (max-width: 800px) {
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.-code {
    padding-right: 2.8rem;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.-code img {
    width: 2.7rem;
    padding: 0.15rem;
  }
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input .-upload {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.2rem;
}
.common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input .-upload label {
  cursor: pointer;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--sk-global-color);
}
.common-dialog .-container .-wrapper .-right .-content > .-button {
  margin-top: 0.45rem;
  text-align: center;
}

.apply-dialog .-container .-wrapper .-right .-content .-form .form-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.apply-dialog .-container .-wrapper .-right .-content .-form .form-item .-inner {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.apply-dialog .-container .-wrapper .-right .-content .-form .form-item .-tips {
  font-size: 0.14rem;
  line-height: 0.21rem;
  color: var(--fcolor04);
  text-align: right;
  margin-left: auto;
  margin-top: 0.13rem;
}

@media screen and (min-width: 800px) {
  .download-dialog .-container {
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .download-dialog .-container .-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 8.2rem;
    max-height: 6.6rem;
    border-radius: 0.2rem;
    overflow: hidden;
  }
  .download-dialog .-container .-wrapper .-right {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: white;
    padding: 0.61rem 0.46rem 0.6rem 0.5rem;
  }
  .download-dialog .-container .-wrapper .-right .close {
    cursor: pointer;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.36rem;
    height: 0.36rem;
    background: url(../../image/shenzhenkehua/icon/close.svg) center center no-repeat;
    background-size: contain;
    z-index: 1;
  }
  .download-dialog .-container .-wrapper .-right .-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .download-dialog .-container .-wrapper .-right .-content .-title {
    font-size: 0.28rem;
    line-height: 0.42rem;
    text-align: center;
    font-family: "fontFamily-M";
  }
  .download-dialog .-container .-wrapper .-right .-content .-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.36rem;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.2rem;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item:first-child {
    margin-top: 0;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0.2rem;
    background-color: #F5F7F9;
    border-radius: 0.06rem;
    padding: 0.15rem;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input:first-child {
    margin-left: 0;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input::-webkit-input-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input::-moz-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input:-moz-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input:-ms-input-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea::-webkit-input-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea::-moz-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea:-moz-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea:-ms-input-placeholder {
    color: #757575;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input::-webkit-input-placeholder {
    background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input::-moz-placeholder {
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input:-moz-placeholder {
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input:-ms-input-placeholder {
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.-nobg {
    background: none;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input, .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea {
    width: 100%;
    font-size: 0.16rem;
    line-height: 0.24rem;
    resize: none;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-button a {
    padding: 0.17rem 0.36rem;
  }
  .download-dialog .-container .-wrapper .-right .-content > .-button {
    margin-top: 0;
    text-align: center;
  }

  .apply-dialog .-container .-wrapper .-right {
    width: 8.2rem;
  }
  .apply-dialog .-container .-wrapper .-right .-content > .-button {
    --h: .54rem;
  }
}
.index-page .-solution {
  position: relative;
  overflow: hidden;
}
.index-page .-solution .section-background::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../image/shenzhenkehua/index/solution-mask.png) center center no-repeat;
  background-size: cover;
  z-index: 1;
}
.index-page .-solution .-img {
  width: 100%;
  height: 100%;
}
.index-page .-solution .-path {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 10.02rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.index-page .-solution .-path svg {
  width: 100%;
  height: 100%;
}
.index-page .-solution .-path svg path {
  width: 100%;
  height: 100%;
}
.index-page .-solution .-car {
  position: absolute;
  top: 0;
  left: 0;
}
.index-page .-solution .-car.reversed svg {
  -webkit-transform: translate(0, 0.05rem) rotate(180deg);
      -ms-transform: translate(0, 0.05rem) rotate(180deg);
          transform: translate(0, 0.05rem) rotate(180deg);
}
.index-page .-solution .-car svg {
  width: 1.71rem;
  height: 1.15rem;
  -webkit-transform: translate(0, 0.05rem);
      -ms-transform: translate(0, 0.05rem);
          transform: translate(0, 0.05rem);
}
.index-page .-solution .-solution-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 7.58rem;
  padding: 1.38rem 0;
}
.index-page .-solution .-solution-wrapper .-solution-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.index-page .-solution .-solution-wrapper .-solution-body .-solution-title {
  font-size: 0.42rem;
  line-height: 0.6rem;
  color: #333333;
  font-family: "fontFamily-B";
}
.index-page .-solution .-solution-wrapper .-solution-body .-solution-context {
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #666666;
  margin-top: 0.28rem;
  max-width: 5.15rem;
}
.index-page .long-section .-about {
  --opacity: 0;
  position: relative;
  height: 100vh;
}
.index-page .long-section .-about .section-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-page .long-section .-about .section-background .-circle {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: white;
  --clip: 100%;
  --clip-Y: 30vh;
  overflow-clip-margin: content-box;
  overflow: clip;
  -webkit-clip-path: circle(var(--clip) at 50% var(--clip-Y));
          clip-path: circle(var(--clip) at 50% var(--clip-Y));
}
.index-page .long-section .-about .section-background .-circle .-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.index-page .long-section .-about .section-background .-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.index-page .long-section .-about .section-background .-path .-mask {
  position: absolute;
  left: 0;
  top: 10%;
  width: 100%;
  height: 90%;
  background: url(../../image/shenzhenkehua/index/about-mask.png) center center no-repeat;
  background-size: cover;
  z-index: 1;
}
.index-page .long-section .-about .section-background .-path .path-road svg {
  position: absolute;
  top: 25vh;
  left: -5vw;
  width: 60vw;
  height: 64vh;
}
.index-page .long-section .-about .section-background .-path .-car {
  position: absolute;
  top: 0;
  right: 0;
}
.index-page .long-section .-about .section-background .-path .-car.reversed svg {
  -webkit-transform: translate(0, 0.05rem) rotate(180deg);
      -ms-transform: translate(0, 0.05rem) rotate(180deg);
          transform: translate(0, 0.05rem) rotate(180deg);
}
.index-page .long-section .-about .section-background .-path .-car svg {
  width: 1.71rem;
  height: 1.15rem;
  -webkit-transform: translate(0, 0.05rem);
      -ms-transform: translate(0, 0.05rem);
          transform: translate(0, 0.05rem);
}
.index-page .long-section .-about .section-background .color-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(../../image/shenzhenkehua/index/section-long_bg.png) center center no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: var(--opacity);
}
.index-page .long-section .-about .-about-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 2.04rem;
  padding-bottom: 2.04rem;
  z-index: 2;
}
.index-page .long-section .-about .-about-wrapper .about-body {
  margin-left: auto;
}
.index-page .long-section .-about .-about-wrapper .about-body .-title {
  font-size: 0.42rem;
  line-height: 0.6rem;
  color: #333333;
  font-family: "fontFamily-B";
}
.index-page .long-section .-about .-about-wrapper .about-body .-context {
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #666666;
  margin-top: 0.28rem;
  max-width: 5.15rem;
}
.index-page .long-section .-about .-about-wrapper .about-body .-button {
  margin-top: 0.45rem;
}
.index-page .long-section .-process {
  --opacity: 0;
  position: relative;
  height: 100vh;
}
.index-page .long-section .-process .-process-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
}
.index-page .long-section .-process .-process-wrapper .-process-body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.index-page .long-section .-process .-process-wrapper .-process-body .color-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url(../../image/shenzhenkehua/index/section-long_bg.png) center center no-repeat;
  background-size: cover;
  z-index: 0;
  opacity: var(--opacity);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner {
  position: relative;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-mask::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4rem;
  height: 4rem;
  z-index: 2;
  background: -webkit-linear-gradient(0, rgba(255, 255, 255, 0) 0%, white 60%);
  background: linear-gradient(0, rgba(255, 255, 255, 0) 0%, white 60%);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-mask::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 4rem;
  height: 5rem;
  z-index: 2;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 60%);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .path-road {
  position: relative;
  width: 29.38rem;
  height: 11.26rem;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .path-road svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .m-path-road {
  display: none;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car.reversed .small-car {
  -webkit-transform: translate(0, 0.02rem) rotate(180deg);
      -ms-transform: translate(0, 0.02rem) rotate(180deg);
          transform: translate(0, 0.02rem) rotate(180deg);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg {
  width: 1.71rem;
  height: 1.15rem;
  -webkit-transform: translate(0, 0.05rem);
      -ms-transform: translate(0, 0.05rem);
          transform: translate(0, 0.05rem);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg.-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg.-circle.circle-small {
  -webkit-transform: translate(-50%, -50%) scale(0.1);
      -ms-transform: translate(-50%, -50%) scale(0.1);
          transform: translate(-50%, -50%) scale(0.1);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg.-battery-line {
  position: absolute;
  top: -90%;
  right: 0.4rem;
  width: 0.39rem;
  height: 1.48rem;
  z-index: -1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(180deg);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list {
  position: relative;
  z-index: 2;
  padding: 0 5.7rem 0 4.12rem;
  min-width: 47.74rem;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li {
  --titleColor: #999999;
  --textColor: #666666;
  --bgc: #F2F6F8;
  position: relative;
  width: 3.3rem;
  height: 1.85rem;
  padding: 0.44rem 0.4rem 0.2rem 0.4rem;
  border-radius: 0.16rem;
  background-color: var(--bgc);
  margin-right: 3rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active {
  --titleColor: #E60012;
  --bgc: white;
  box-shadow: 0px 0px 1.5rem 0px #DBE6ED;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active .-charge,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active .-charge {
  background-color: #f0f5f7;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active .-charge .-inner .-battery,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active .-charge .-inner .-battery {
  color: #15E943;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active-after,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active-after {
  --bgc: #F2F6F8;
  box-shadow: none;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active-after .-charge,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active-after .-charge {
  background-color: #ffffff;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active-after .-charge .-inner .-battery,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active-after .-charge .-inner .-battery {
  color: #CED8DD;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li:last-child,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li:last-child {
  margin-right: 0;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-content .-title,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-content .-title {
  font-family: "fontFamily-B";
  font-size: 0.36rem;
  line-height: 0.56rem;
  color: var(--titleColor);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-content .-text,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-content .-text {
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-top: 0.1rem;
  color: var(--textColor);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0 0.16rem 0.16rem;
  border-radius: 0 0.16rem 0 0.16rem;
  background-color: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.94rem;
  height: 0.65rem;
  background-color: var(--bgc);
  border-radius: 0 0.16rem 0 0.08rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery {
  width: 0.39rem;
  height: 0.4rem;
  color: #CED8DD;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /*  */
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery svg,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery svg {
  width: 0.39rem;
  height: 0.4rem;
  object-fit: contain;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery svg path,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery svg path {
  fill: currentColor;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery-line,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery-line {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  -webkit-transform: translate(0.3rem, -0.9rem);
      -ms-transform: translate(0.3rem, -0.9rem);
          transform: translate(0.3rem, -0.9rem);
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery-line svg.-line,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery-line svg.-line {
  width: 0.39rem;
  height: 1.48rem;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery-line svg.-light,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery-line svg.-light {
  position: absolute;
  left: 0;
  top: 0;
  width: 0.08rem;
  height: 0.31rem;
}
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom {
  margin-top: 2.36rem;
  margin-left: 3.12rem;
}
.index-page .-news {
  --fcolor01: #333333;
  --fcolor02: #000000;
  --fcolor03: #666666;
  --fcolor04: #ffffff;
  --fcolor05: #999999;
  --buttonbg01: #F2F2F2;
}
.index-page .-news .wal {
  padding-top: 1.09rem;
  padding-bottom: 1.51rem;
}
.index-page .-news .wal .-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.index-page .-news .wal .-head .-more-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -0.5rem;
}
.index-page .-news .wal .-head .-more-active a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--fcolor01);
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-right: 0.5rem;
}
.index-page .-news .wal .-head .-more-active a:hover {
  --fcolor01: var(--sk-global-color);
  --buttonbg01: var(--sk-global-color);
}
.index-page .-news .wal .-head .-more-active a:hover .-icon {
  color: var(--fcolor04);
}
.index-page .-news .wal .-head .-more-active a .-icon {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  color: var(--fcolor05);
  background-color: var(--buttonbg01);
  margin-left: 0.07rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .-news .wal .-head .-more-active a .-icon .svg-ctx {
  width: 0.25rem;
  height: 0.25rem;
}
.index-page .-news .wal .-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.54rem;
}
.index-page .-news .wal .-body .-left ul {
  width: 9.9rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.3rem;
}
.index-page .-news .wal .-body .-left ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0.3rem;
  border-radius: 0.16rem;
  height: auto;
  overflow: hidden;
}
.index-page .-news .wal .-body .-left ul li a {
  --tagbg: rgba(0,0,0,0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.index-page .-news .wal .-body .-left ul li a:hover {
  --tagbg: var(--sk-global-color);
  --fcolor03: var(--sk-global-color);
}
.index-page .-news .wal .-body .-left ul li a:hover .-img img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.index-page .-news .wal .-body .-left ul li a .-img {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.index-page .-news .wal .-body .-left ul li a .-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.index-page .-news .wal .-body .-left ul li a .-img .-tag {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  padding: 0.08rem 0.19rem;
  background: var(--tagbg);
  -webkit-backdrop-filter: blur(0.3rem);
          backdrop-filter: blur(0.3rem);
  color: var(--fcolor04);
  border-radius: 0.06rem;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .-news .wal .-body .-left ul li a .-content {
  padding: 0.3rem;
  background-color: #f5f7f9;
  height: 100%;
}
.index-page .-news .wal .-body .-left ul li a .-content .-title {
  color: var(--fcolor01);
  line-height: 0.32rem;
  font-size: 0.2rem;
  margin-bottom: auto;
  font-family: "fontFamily-M";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.index-page .-news .wal .-body .-left ul li a .-content .-time {
  color: var(--fcolor02);
  opacity: 0.4;
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-top: 0.18rem;
}
.index-page .-news .wal .-body .-left ul li a .-content .-go {
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-top: 0.28rem;
  color: var(--fcolor03);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .-news .wal .-body .-left ul li a .-content .-go .svg-ctx {
  width: 0.07rem;
  height: 0.11rem;
  margin-left: 0.06rem;
}
.index-page .-news .wal .-body .-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  width: 100%;
  margin-left: 0.78rem;
}
.index-page .-news .wal .-body .-right .-title {
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: var(--fcolor02);
  margin-bottom: 0.3rem;
}
.index-page .-news .wal .-body .-right .-list {
  --scrollheight: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.index-page .-news .wal .-body .-right .-list .-scrollbar {
  content: "";
  display: block;
  position: absolute;
  right: -0.8rem;
  top: 0;
  width: 0.07rem;
  height: 100%;
  border-radius: 0.04rem;
  overflow: hidden;
}
.index-page .-news .wal .-body .-right .-list .-scrollbar .-thumb {
  content: "";
  display: block;
  position: absolute;
  cursor: -webkit-grab;
  cursor: grab;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--scrollheight);
  border-radius: 0.04rem;
}
.index-page .-news .wal .-body .-right .-list .-scrollbar .-thumb .thumb-inner {
  width: 100%;
  height: 0;
  background-color: var(--scrollBarColor);
}
.index-page .-news .wal .-body .-right .-list .-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: hidden;
}
.index-page .-news .wal .-body .-right .-list .-inner ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.index-page .-news .wal .-body .-right .-list .-inner ul li {
  padding: 0.3rem 0;
  position: relative;
  border-bottom: 0.01rem solid rgba(0, 0, 0, 0.09);
}
.index-page .-news .wal .-body .-right .-list .-inner ul li:hover {
  --fcolor03: var(--fcolor02);
}
.index-page .-news .wal .-body .-right .-list .-inner ul li:hover::after {
  width: 100%;
}
.index-page .-news .wal .-body .-right .-list .-inner ul li:first-child {
  border-top: 0.01rem solid rgba(0, 0, 0, 0.09);
}
.index-page .-news .wal .-body .-right .-list .-inner ul li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.01rem;
  left: 0;
  width: 0%;
  height: 0.01rem;
  background: -webkit-linear-gradient(left, #ffffff, var(--sk-global-color));
  background: linear-gradient(to right, #ffffff, var(--sk-global-color));
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .-news .wal .-body .-right .-list .-inner ul li a .-time {
  color: var(--fcolor02);
  opacity: 0.4;
  font-size: 0.14rem;
  line-height: 0.21rem;
}
.index-page .-news .wal .-body .-right .-list .-inner ul li a .-name {
  font-size: 0.18rem;
  line-height: 0.28rem;
  color: var(--fcolor03);
  margin-top: 0.08rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.index-page .-contact {
  position: relative;
}
.index-page .-contact .wal .-body {
  --fcolor: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 6.5rem;
  padding: 1.59rem 0;
}
.index-page .-contact .wal .-body .-title {
  text-align: center;
}
.index-page .-contact .wal .-body .-button {
  margin-top: 0.4rem;
}

.news-page .-banner > .wal {
  padding-top: var(--topPadding);
  overflow: hidden;
}
.news-page .-banner > .wal .-body .-title {
  text-align: center;
}
.news-page .-banner > .wal .-body .-swiper {
  position: relative;
  margin-top: 0.64rem;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide {
  background-color: #F5F7F9;
  border-radius: 0.2rem;
  overflow: hidden;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a:hover .-left img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-left {
  position: relative;
  width: 8rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-left .-tag {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--fcolor);
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(0.3rem);
          backdrop-filter: blur(0.3rem);
  padding: 0.08rem 0.1rem;
  border-radius: 0.06rem;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-left .-tag span {
  opacity: 0.7;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.6rem 0.87rem 0.6rem 0.8rem;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-name {
  font-size: 0.32rem;
  line-height: 0.48rem;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-time {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-top: 0.18rem;
  color: var(--fcolor04);
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-text {
  font-size: 0.16rem;
  line-height: 0.28rem;
  margin-top: 0.32rem;
  color: var(--fcolor03);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.28rem;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.18rem;
  line-height: 0.24rem;
  margin-top: 0.2rem;
  color: var(--fcolor03);
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd:first-child {
  margin-top: 0;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd img, .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd svg {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
  margin-right: 0.1rem;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd img path, .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd svg path {
  fill: none;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-button {
  margin-top: 0.44rem;
}
.news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-button.-enroll {
  margin-top: 0.78rem;
}
.news-page .-banner > .wal .-body .-swiper .-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 8rem;
  bottom: 0.3rem;
  z-index: 10;
}
.news-page .-banner > .wal .-body .-swiper .-dots span {
  width: 0.12rem;
  height: 0.02rem;
  background-color: rgba(255, 255, 255, 0.6);
  margin-right: 0.06rem;
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-page .-banner > .wal .-body .-swiper .-dots span:last-child {
  margin-right: 0;
}
.news-page .-banner > .wal .-body .-swiper .-dots span.swiper-pagination-bullet-active {
  background-color: var(--sk-global-color);
}
.news-page .-banner > .wal .-body .-swiper .-arrow {
  display: none;
}
.news-page .-foot {
  margin-top: 1.2rem;
  padding-bottom: 1.4rem;
}
.news-page .-foot .-nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.6rem;
  border-bottom: 0.01rem solid var(--borderLine);
}
.news-page .-foot .-nav ul li {
  position: relative;
  padding-bottom: 0.17rem;
  margin-right: 0.6rem;
}
.news-page .-foot .-nav ul li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.01rem;
  width: 100%;
  height: 0.01rem;
  background-color: var(--sk-global-color);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-page .-foot .-nav ul li.on {
  --fcolor04: var(--sk-global-color);
}
.news-page .-foot .-nav ul li.on::after {
  opacity: 1;
}
.news-page .-foot .-nav ul li a {
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: var(--fcolor04);
}
.news-page .-foot .-nav ul li a:hover {
  --fcolor04: var(--sk-global-color);
}
.news-page .-foot .-filters {
  position: relative;
  z-index: 1;
  margin-top: 0.6rem;
}
.news-page .-foot .-filters ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.news-page .-foot .-filters ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 0.35rem;
}
.news-page .-foot .-filters ul li:first-child {
  margin-left: 0;
}
.news-page .-foot .-filters ul li .-select {
  position: relative;
}
.news-page .-foot .-list {
  margin-top: 0.6rem;
}
.news-page .-foot .-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: -0.68rem;
}
.news-page .-foot .-list ul li {
  margin-top: 0.68rem !important;
}
@media screen and (min-width: 800px) {
  .news-page .-foot .-list ul li {
    width: calc((100% - ((3 - 1) * 0.35rem)) / 3);
    margin-right: 0.35rem;
    margin-top: 0.35rem;
  }
  .news-page .-foot .-list ul li:nth-child(3n) {
    margin-right: 0;
  }
  .news-page .-foot .-list ul li:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .news-page .-foot .-list ul li {
    width: calc((100% - ((1 - 1) * 0.8rem)) / 1);
    margin-right: 0.8rem;
    margin-top: 0.8rem;
  }
  .news-page .-foot .-list ul li:nth-child(1n) {
    margin-right: 0;
  }
  .news-page .-foot .-list ul li:nth-child(-n+1) {
    margin-top: 0;
  }
}
.news-page .-foot .-list ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.news-page .-foot .-list ul li a:hover {
  --fcolor02: var(--sk-global-color);
}
.news-page .-foot .-list ul li a:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.news-page .-foot .-list ul li a .-img {
  border-radius: 0.16rem;
  overflow: hidden;
}
.news-page .-foot .-list ul li a .-name {
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin-top: 0.28rem;
  margin-bottom: auto;
  color: var(--fcolor02);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-page .-foot .-list ul li a .-time {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-top: 0.15rem;
  color: var(--fcolor04);
}
.news-page .-foot .-list ul li a .ico-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.news-page .-foot .-list ul li a .ico-content dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-top: 0.14rem;
  margin-right: 0.22rem;
  color: var(--fcolor04);
}
.news-page .-foot .-list ul li a .ico-content dd img, .news-page .-foot .-list ul li a .ico-content dd svg {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
  margin-right: 0.1rem;
}
.news-page .-foot .-list ul li a .ico-content dd img path, .news-page .-foot .-list ul li a .ico-content dd svg path {
  fill: none;
  stroke: currentColor;
}
.news-page .-foot .-list ul li a .-text {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-top: 0.24rem;
  color: var(--fcolor04);
}
.news-page.-cases .-banner > .wal {
  overflow: visible;
}
.news-page.-cases .-foot {
  margin-top: 0.8rem;
}
.news-page.-cases .-foot .-list {
  margin-top: 0.4rem;
}
.news-page.-cases .-foot .-list ul li a:hover {
  cursor: default;
  --fcolor02: #333333;
}
.news-page.-cases .-foot .-list ul li a:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.news_detail-page .-container .wal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.84rem;
  padding-bottom: 1.04rem;
}
.news_detail-page .-container .-recommend {
  position: -webkit-sticky;
  position: sticky;
  top: var(--headH);
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 4.6rem;
      -ms-flex: 0 1 4.6rem;
          flex: 0 1 4.6rem;
  height: 100%;
  padding-top: 0.12rem;
}
.news_detail-page .-container .-recommend .-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.36rem 0.4rem 0.57rem;
  background-color: #F5F7F9;
  border-radius: 0.2rem;
  overflow: hidden;
}
.news_detail-page .-container .-recommend .-content .-head {
  border-bottom: 0.02rem solid #DEDEDE;
}
.news_detail-page .-container .-recommend .-content .-head .-title {
  position: relative;
  display: inline-block;
  font-size: 0.2rem;
  line-height: 0.3rem;
  padding-bottom: 0.22rem;
}
.news_detail-page .-container .-recommend .-content .-head .-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -0.02rem;
  width: 100%;
  border-top: 0.01rem solid var(--sk-global-color);
  border-bottom: 0.01rem solid var(--sk-global-color);
}
.news_detail-page .-container .-recommend .-content .-body {
  margin-top: 0.41rem;
  width: 100%;
}
.news_detail-page .-container .-recommend .-content .-body dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news_detail-page .-container .-recommend .-content .-body dl dd {
  width: 100%;
  margin-top: 0.2rem;
}
.news_detail-page .-container .-recommend .-content .-body dl dd:first-child {
  margin-top: 0;
}
.news_detail-page .-container .-recommend .-content .-body dl dd a {
  width: 100%;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.news_detail-page .-container .-recommend .-content .-body dl dd a:hover {
  color: var(--fcolor02);
}
.news_detail-page .-container .-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 10rem;
      -ms-flex: 0 1 10rem;
          flex: 0 1 10rem;
  margin-left: auto;
}
.news_detail-page .-container .-right .-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news_detail-page .-container .-right .-box .-head .-title {
  font-size: 0.36rem;
  line-height: 0.54rem;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
}
.news_detail-page .-container .-right .-box .-head .-other {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.24rem;
}
.news_detail-page .-container .-right .-box .-head .-other .-time {
  font-size: 0.18rem;
  line-height: 0.37rem;
  color: var(--fcolor03);
}
.news_detail-page .-container .-right .-box .-head .-other .-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.news_detail-page .-container .-right .-box .-head .-other .-share .-label {
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-right: 0.24rem;
  color: var(--fcolor04);
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd {
  margin-right: 0.2rem;
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd:last-child {
  margin-right: 0;
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd a {
  position: relative;
  color: var(--fcolor04);
}
@media screen and (min-width: 800px) {
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a:hover {
    color: var(--sk-global-color);
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a:hover .-layer {
    display: block;
  }
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .icon {
  width: 0.28rem;
  height: 0.24rem;
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .icon svg {
  width: 100%;
  height: 100%;
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .-layer {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  padding-top: 0.15rem;
  z-index: 10;
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .-layer .-inner {
  width: 1.2rem;
  height: 1.2rem;
  padding: 0.08rem;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}
.news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .-layer .-inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 800px) {
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a:first-child .-layer {
    left: 0;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .-layer {
    padding-top: 0.15rem;
    z-index: 10;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .-layer .-inner {
    width: 1.6rem;
    height: 1.6rem;
    padding: 0.1rem;
  }
}
.news_detail-page .-container .-right .-box .-content {
  margin-top: 0.7rem;
}
.news_detail-page .-container .-right .-box .-content h1 {
  font-size: 28px;
}
.news_detail-page .-container .-right .-box .-content h2 {
  font-size: 24px;
}
.news_detail-page .-container .-right .-box .-content h3 {
  font-size: 18.72px;
}
.news_detail-page .-container .-right .-box .-content h4 {
  font-size: 16px;
}
.news_detail-page .-container .-right .-box .-content p:has(video) {
  text-align: center;
}
.news_detail-page .-container .-right .-box .-content video,
.news_detail-page .-container .-right .-box .-content img {
  max-width: 100%;
}
.news_detail-page .-container .-right .-box .-content p {
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: var(--fcolor03);
}
.news_detail-page .-container .-right .-box .-foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.58rem;
  padding-top: 0.34rem;
  border-top: 0.01rem solid #E3E5EA;
}
.news_detail-page .-container .-right .-box .-foot .-go {
  max-width: 70%;
}
.news_detail-page .-container .-right .-box .-foot .-go .-prev,
.news_detail-page .-container .-right .-box .-foot .-go .-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.news_detail-page .-container .-right .-box .-foot .-go .-prev span,
.news_detail-page .-container .-right .-box .-foot .-go .-next span {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.news_detail-page .-container .-right .-box .-foot .-go .-prev a,
.news_detail-page .-container .-right .-box .-foot .-go .-next a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--fcolor03);
}
.news_detail-page .-container .-right .-box .-foot .-go .-prev a:hover,
.news_detail-page .-container .-right .-box .-foot .-go .-next a:hover {
  color: var(--fcolor02);
}
.news_detail-page .-container .-right .-box .-foot .-go .-next {
  margin-top: 0.14rem;
}
.news_detail-page .-container .-right .-box .-foot .-back {
  margin-left: auto;
}
.news_detail-page .-container .-right .-box .-foot .-back a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  padding: 0.15rem 0.4rem;
  background-color: #ECEEEF;
  color: var(--fcolor04);
  border-radius: 0.44rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news_detail-page .-container .-right .-box .-foot .-back a svg {
  color: var(--fcolor04);
  width: 0.17rem;
  height: 0.17rem;
  margin-right: 0.11rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news_detail-page .-container .-right .-box .-foot .-back a:hover {
  background-color: var(--sk-global-color);
  color: white;
}
.news_detail-page .-container .-right .-box .-foot .-back a:hover svg {
  color: white;
}

.product_detail-page .-top-section {
  background: -webkit-linear-gradient(top, #EBEFF3 22%, #FFFFFF 72%);
  background: linear-gradient(180deg, #EBEFF3 22%, #FFFFFF 72%);
  padding-top: 0.25rem;
}
.product_detail-page .-top-section .wal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}
.product_detail-page .-top-section .wal .-stacked-bottom,
.product_detail-page .-top-section .wal .-info,
.product_detail-page .-top-section .wal .-imgs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.product_detail-page .-top-section .wal .-stacked-bottom {
  font-family: "fontFamily-B";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.6rem;
  line-height: 4.39rem;
  z-index: -1;
}
.product_detail-page .-top-section .wal .-stacked-bottom span {
  background: -webkit-linear-gradient(330deg, #EAECED 0%, #ECF0F3 70%, rgba(253, 253, 253, 0) 100%);
  background: linear-gradient(120deg, #EAECED 0%, #ECF0F3 70%, rgba(253, 253, 253, 0) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product_detail-page .-top-section .wal .-info {
  z-index: 1;
  max-width: 5.89rem;
  height: auto;
  padding-top: 2rem;
  opacity: 0;
  -webkit-transform: translate(0, 0.64rem);
      -ms-transform: translate(0, 0.64rem);
          transform: translate(0, 0.64rem);
}
.product_detail-page .-top-section .wal .-info .-sku {
  font-size: 0.32rem;
  line-height: 0.64rem;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
}
.product_detail-page .-top-section .wal .-info .-name {
  font-size: 0.48rem;
  line-height: 0.64rem;
  color: var(--fcolor02);
  font-family: "fontFamily-B";
}
.product_detail-page .-top-section .wal .-info .-context {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  margin-top: 0.44rem;
}
.product_detail-page .-top-section .wal .-info .-icons {
  margin-top: 0.68rem;
}
.product_detail-page .-top-section .wal .-info .-icons dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product_detail-page .-top-section .wal .-info .-icons dl dd {
  text-align: center;
}
.product_detail-page .-top-section .wal .-info .-icons dl dd img {
  width: 0.6rem;
  height: 0.6rem;
  object-fit: contain;
}
.product_detail-page .-top-section .wal .-info .-icons dl dd .-text {
  text-align: center;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: var(--fcolor02);
  margin-top: 0.09rem;
}
.product_detail-page .-top-section .wal .-info .-button {
  margin-top: 0.75rem;
}
.product_detail-page .-top-section .wal .-imgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.product_detail-page .-top-section .wal .-imgs .-bigImg-swiper {
  width: 7.2rem;
  height: 6.4rem;
  overflow: hidden;
  margin-left: calc(.72rem + .58rem);
  opacity: 0;
}
.product_detail-page .-top-section .wal .-imgs .-bigImg-swiper .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.product_detail-page .-top-section .wal .-imgs .-bigImg-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.product_detail-page .-top-section .wal .-imgs .-bigImg-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper {
  position: relative;
  width: 0.72rem;
  height: 3.18rem;
  margin-left: 0.58rem;
  opacity: 0;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide {
  cursor: pointer;
  width: 100%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-bottom: 0.1rem;
  padding: 0.08rem;
  width: 100%;
  height: 0.72rem;
  border: 0.01rem solid #ECECEC;
  border-radius: 0.08rem;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide:last-child {
  margin-bottom: 0;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide.on {
  border: 0.01rem solid var(--sk-global-color);
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .prev,
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next {
  position: absolute;
  top: -0.16rem;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  color: #D8D8D8;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .prev:hover,
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next:hover {
  color: var(--fcolor02);
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .prev svg,
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next svg {
  width: 0.32rem;
  height: 0.1rem;
}
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next {
  top: auto;
  bottom: -0.16rem;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.product_detail-page .-highlights .wal {
  padding-top: 1.5rem;
  padding-bottom: 1.57rem;
}
.product_detail-page .-highlights .wal .-list {
  margin-top: 0.6rem;
}
.product_detail-page .-highlights .wal .-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.product_detail-page .-highlights .wal .-list ul li {
  width: calc((100% - .27rem * 3) / 4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.2rem;
  height: auto;
  border: 0.01rem solid #E6E6E6;
  margin-right: 0.27rem;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_detail-page .-highlights .wal .-list ul li:last-child {
  margin-right: 0;
}
@media screen and (min-width: 800px) {
  .product_detail-page .-highlights .wal .-list ul li:hover {
    box-shadow: 0px 0px 1rem 0px rgba(153, 153, 153, 0.25);
  }
  .product_detail-page .-highlights .wal .-list ul li:hover .-top {
    background: -webkit-linear-gradient(294deg, #F8E9E9 13%, #F5F7F9 66%);
    background: linear-gradient(156deg, #F8E9E9 13%, #F5F7F9 66%);
  }
  .product_detail-page .-highlights .wal .-list ul li:hover .-top .-icon img.-default {
    opacity: 0;
  }
  .product_detail-page .-highlights .wal .-list ul li:hover .-top .-icon img.-hover {
    opacity: 1;
  }
  .product_detail-page .-highlights .wal .-list ul li:hover .-top .-num {
    background-color: var(--sk-global-color);
  }
}
.product_detail-page .-highlights .wal .-list ul li .-top {
  position: relative;
  width: 100%;
  padding: 0.27rem 0.3rem 0.22rem;
  background: #F5F7F9;
}
.product_detail-page .-highlights .wal .-list ul li .-top .-icon {
  position: absolute;
  right: 0;
  top: 0.2rem;
  width: 1.6rem;
  height: 1.6rem;
}
.product_detail-page .-highlights .wal .-list ul li .-top .-icon img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail-page .-highlights .wal .-list ul li .-top .-icon img.-default {
  opacity: 1;
}
.product_detail-page .-highlights .wal .-list ul li .-top .-icon img.-hover {
  opacity: 0;
}
.product_detail-page .-highlights .wal .-list ul li .-top .-num {
  font-family: "fontFamily-NUM";
  font-size: 0.48rem;
  line-height: 0.59rem;
  background: -webkit-linear-gradient(top, rgba(230, 0, 18, 0.5) 0%, rgba(230, 0, 18, 0) 75%);
  background: linear-gradient(to bottom, rgba(230, 0, 18, 0.5) 0%, rgba(230, 0, 18, 0) 75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.16rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_detail-page .-highlights .wal .-list ul li .-top .-text {
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: var(--fcolor02);
  margin-top: auto;
}
.product_detail-page .-highlights .wal .-list ul li .-content {
  padding: 0.3rem 0.31rem 0.32rem 0.47rem;
  height: 100%;
}
.product_detail-page .-highlights .wal .-list ul li .-content p {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  margin-bottom: 0.14rem;
}
.product_detail-page .-highlights .wal .-list ul li .-content p:last-child {
  margin-bottom: 0;
}
.product_detail-page .-highlights .wal .-list ul li .-content p::before {
  content: "";
  display: block;
  position: absolute;
  width: 0.06rem;
  height: 0.06rem;
  top: 0.09rem;
  left: -0.11rem;
  background-color: var(--sk-global-color);
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.product_detail-page .-curve {
  background-color: #F5F7F9;
}
.product_detail-page .-curve .wal {
  max-width: 12rem;
  padding-top: 1.53rem;
  padding-bottom: 0.56rem;
}
.product_detail-page .-curve .wal .-list {
  margin-top: 0.6rem;
}
.product_detail-page .-curve .wal .-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 800px) {
  .product_detail-page .-curve .wal .-list ul li {
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 800px) and (min-width: 800px) {
  .product_detail-page .-curve .wal .-list ul li {
    width: calc((100% - ((2 - 1) * 0.54rem)) / 2);
    margin-right: 0.54rem;
    margin-top: 0.54rem;
  }
  .product_detail-page .-curve .wal .-list ul li:nth-child(2n) {
    margin-right: 0;
  }
  .product_detail-page .-curve .wal .-list ul li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 800px) and (max-width: 800px) {
  .product_detail-page .-curve .wal .-list ul li {
    width: calc((100% - ((1 - 1) * 0.27rem)) / 1);
    margin-right: 0.27rem;
    margin-top: 0.27rem;
  }
  .product_detail-page .-curve .wal .-list ul li:nth-child(1n) {
    margin-right: 0;
  }
  .product_detail-page .-curve .wal .-list ul li:nth-child(-n+1) {
    margin-top: 0;
  }
}
.product_detail-page .-curve .wal .-list ul li .img {
  position: relative;
  width: 100%;
  padding-top: 78.53%;
  background-color: white;
  border-radius: 0.2rem;
  overflow: hidden;
}
.product_detail-page .-curve .wal .-list ul li .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail-page .-curve .wal .-list ul li .-name {
  font-family: "fontFamily-M";
  font-size: 0.22rem;
  line-height: 0.24rem;
  margin-top: 0.28rem;
  text-align: center;
}
.product_detail-page .-parameter {
  background: -webkit-linear-gradient(top, #F5F7F9 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #F5F7F9 0%, #FFFFFF 100%);
}
.product_detail-page .-parameter .wal {
  max-width: 12rem;
  padding-top: 1.31rem;
  padding-bottom: 0;
}
.product_detail-page .-parameter .wal .-table {
  width: 100%;
  margin-top: 0.6rem;
  border-radius: 0.16rem;
  border: 0.01rem solid #E6E6E6;
  overflow: hidden;
}
.product_detail-page .-parameter .wal .-table table {
  width: 100%;
  border-collapse: collapse;
}
.product_detail-page .-parameter .wal .-table table tr {
  border: 0.01rem solid #E6E6E6;
  background-color: white;
  border-right: 0;
  border-left: 0;
}
.product_detail-page .-parameter .wal .-table table tr:first-child {
  border-top: 0;
}
.product_detail-page .-parameter .wal .-table table tr:first-child td {
  border-top: 0;
}
.product_detail-page .-parameter .wal .-table table tr:last-child {
  border-bottom: 0;
}
.product_detail-page .-parameter .wal .-table table tr:last-child td {
  border-bottom: 0;
}
.product_detail-page .-parameter .wal .-table table tr:nth-child(2n+1) {
  background-color: #F5F7F9;
}
.product_detail-page .-parameter .wal .-table table tr td {
  padding: 0.17rem 0.3rem 0.15rem;
  text-align: center;
  color: var(--fcolor03);
  font-size: 0.16rem;
  line-height: 0.24rem;
  border: 0.01rem solid #E6E6E6;
}
.product_detail-page .-parameter .wal .-table table tr td:first-child {
  text-align: left;
  border-left: 0;
  color: var(--fcolor02);
  width: 20%;
}
.product_detail-page .-parameter .wal .-table table tr td:last-child {
  border-right: 0;
}
.product_detail-page .-parameter .wal .-button {
  text-align: center;
  margin-top: 0.6rem;
}
.product_detail-page .-button-box {
  margin-top: 0.6rem;
}
.product_detail-page .-button-box .wal .-button {
  text-align: center;
}
.product_detail-page .-scene .wal {
  padding-top: 1.41rem;
  padding-bottom: 0.73rem;
}
.product_detail-page .-scene .wal .-body {
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.product_detail-page .-scene .wal .-body .-left-swiper {
  width: calc(50% - .27rem);
  height: 6rem;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-right: 0.27rem;
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem;
  margin-right: 0.27rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-content {
  color: white;
  margin-top: auto;
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-content .-name {
  font-size: 0.28rem;
  line-height: 0.42rem;
  font-family: "fontFamily-B";
}
.product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-content .-text {
  font-size: 0.16rem;
  line-height: 0.21rem;
  margin-top: 0.2rem;
}
.product_detail-page .-scene .wal .-body .-right-swiper {
  width: calc(50% - .27rem);
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.product_detail-page .-scene .wal .-body .-right-swiper .swiper-wrapper {
  width: 100%;
  height: 5rem;
}
.product_detail-page .-scene .wal .-body .-right-swiper .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: calc((100% - .54rem) / 3);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.27rem;
  border-radius: 0.2rem;
  overflow: hidden;
  padding: 0.33rem 0.2rem;
}
.product_detail-page .-scene .wal .-body .-right-swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.product_detail-page .-scene .wal .-body .-right-swiper .swiper-wrapper .swiper-slide .-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.product_detail-page .-scene .wal .-body .-right-swiper .swiper-wrapper .swiper-slide .-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product_detail-page .-scene .wal .-body .-right-swiper .swiper-wrapper .swiper-slide .-content {
  color: white;
  margin-top: auto;
}
.product_detail-page .-scene .wal .-body .-right-swiper .swiper-wrapper .swiper-slide .-content .-name {
  font-size: 0.2rem;
  line-height: 0.26rem;
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot {
  width: 100%;
  height: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-progress {
  --w: 0%;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.01rem;
  background-color: #DEDEDE;
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-progress::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: var(--w);
  height: 100%;
  background-color: var(--sk-global-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0.35rem;
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow .prev,
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow .next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow .prev:hover,
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow .next:hover {
  border-color: var(--sk-global-color);
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow .prev svg,
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow .next svg {
  width: 0.06rem;
  height: 0.1rem;
  color: var(--fcolor02);
}
.product_detail-page .-scene .wal .-body .-right-swiper .-foot .-swiper-arrow .next {
  margin-left: 0.21rem;
}
.product_detail-page .application-cases-hry {
  padding-bottom: 0.69rem;
}
.product_detail-page .-hots .wal {
  padding-top: 1.01rem;
  padding-bottom: 0;
}
.product_detail-page .-hots .wal .-list {
  position: relative;
  z-index: 1;
  margin-top: 0.6rem;
}
.product_detail-page .-hots .wal .-list .-container {
  overflow: hidden;
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide {
  width: calc((100% - .7rem) / 3);
  height: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 0.2rem;
  margin-right: 0.35rem;
  background: #FAFAFA;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide:hover {
  background: -webkit-linear-gradient(top, #F5F7F9 58%, #FDF2F2 100%);
  background: linear-gradient(to bottom, #F5F7F9 58%, #FDF2F2 100%);
  --fcolor02: var(--sk-global-color);
  --fcolor03: var(--sk-global-color);
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.4rem;
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .img {
  width: 100%;
  height: 3.47rem;
  margin-bottom: 0.54rem;
  overflow: hidden;
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .-sku {
  font-size: 0.16rem;
  line-height: 0.18rem;
  margin-top: auto;
  text-align: center;
  color: var(--fcolor03);
}
.product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .-name {
  font-size: 0.24rem;
  line-height: 0.28rem;
  text-align: center;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
}
.product_detail-page .-hots .wal .-list .swiper-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.2rem;
  height: 0.01rem;
  margin: 0.9rem auto 0;
}
.product_detail-page .-hots .wal .-list .swiper-control .-progress {
  --w: 0%;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #DEDEDE;
}
.product_detail-page .-hots .wal .-list .swiper-control .-progress .swiper-pagination-progressbar-fill {
  background: var(--sk-global-color);
}
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .prev,
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: -0.51rem;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .prev:hover,
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next:hover {
  border-color: var(--sk-global-color);
}
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .prev svg,
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next svg {
  width: 0.06rem;
  height: 0.1rem;
  color: var(--fcolor02);
}
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next {
  left: auto;
  right: -0.51rem;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
}
.product_detail-page .contact-us-hry {
  padding-top: 1.76rem;
}

.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item {
  width: 100%;
  height: 100%;
}
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content,
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content {
  padding: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .title,
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .title {
  font-family: "fontFamily-B";
  font-size: 0.56rem;
  line-height: 0.84rem;
  text-align: center;
}
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .-button,
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .-button {
  margin-top: 0.32rem;
}
.about-page .-introduce {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.about-page .-introduce .-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.about-page .-introduce .-bg::before {
  content: "";
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
  background: -webkit-linear-gradient(104deg, rgba(255, 255, 255, 0) 0%, #F6F8FA 44%, #EDF2F6 72%);
  background: linear-gradient(346deg, rgba(255, 255, 255, 0) 0%, #F6F8FA 44%, #EDF2F6 72%);
}
.about-page .-introduce .wal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.about-page .-introduce .wal .-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 6.22rem;
  height: 100vh;
  margin-right: 2.54rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.about-page .-introduce .wal .-left .-context {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  margin-top: 0.28rem;
}
.about-page .-introduce .wal .-year {
  position: relative;
  padding-top: calc(50vh + calc(-2.62rem / 2));
  padding-bottom: calc(50vh + calc(-2.62rem / 2));
  padding-left: 0.72rem;
  -webkit-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
          transform: translate(0%, 0);
}
.about-page .-introduce .wal .-year ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: rgba(51, 51, 51, 0.3);
  height: 2.62rem;
  padding: 0.2rem 0;
}
.about-page .-introduce .wal .-year ul li.active {
  color: var(--sk-global-color) !important;
}
.about-page .-introduce .wal .-year ul li .data-num {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "fontFamily-B";
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.about-page .-introduce .wal .-year ul li .data-unit {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.about-page .-introduce .wal .-right {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
  margin-left: auto;
  z-index: -1;
}
.about-page .-introduce .wal .-right::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 2.2rem;
  height: 100%;
  -webkit-transform: translate(-170%, -50%);
      -ms-transform: translate(-170%, -50%);
          transform: translate(-170%, -50%);
  background: url(../../image/shenzhenkehua/about/line.svg) center center no-repeat;
  background-size: contain;
}
.about-page .-introduce .wal .-right .-background {
  width: 7.4rem;
  height: 100%;
  -webkit-transform: translate(-30%, 0);
      -ms-transform: translate(-30%, 0);
          transform: translate(-30%, 0);
  margin-right: calc(8rem - 50vw + 10px);
  overflow: hidden;
}
.about-page .-introduce .wal .-right .-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-page .-culture .wal {
  padding-top: 1.22rem;
  padding-bottom: 0.42rem;
}
.about-page .-culture .wal .-list {
  margin-top: 0.6rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about-page .-culture .wal .-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.04rem;
}
.about-page .-culture .wal .-list ul li {
  width: 33.33%;
  height: 6rem;
  padding: 0 0.04rem;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}
.about-page .-culture .wal .-list ul li .-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.about-page .-culture .wal .-list ul li .-inner .-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 100%;
  bottom: 0.54rem;
  left: 50%;
  padding: 0 0.2rem;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: white;
  overflow: hidden;
}
.about-page .-culture .wal .-list ul li .-inner .-content .-tit {
  --pb: 0;
  text-align: center;
  width: 100%;
  font-size: 0.2rem;
  line-height: 0.32rem;
  padding-bottom: var(--pb);
}
.about-page .-culture .wal .-list ul li .-inner .-content .-text {
  font-size: 0.32rem;
  line-height: 0.48rem;
  height: 0;
  letter-spacing: 0.06rem;
  font-family: "fontFamily-B";
}
.about-page .-culture .wal .-list ul li.active {
  width: 200%;
}
.about-page .-culture .wal .-list ul li.active .-inner .-content {
  padding: 0 0.6rem;
}
.about-page .-culture .wal .-list ul li.active .-inner .-content .-tit {
  text-align: left;
  margin-right: auto;
}
.about-page .-history {
  background: -webkit-linear-gradient(top, #FFFFFF 54%, #F5F7F9 100%);
  background: linear-gradient(180deg, #FFFFFF 54%, #F5F7F9 100%);
  overflow: hidden;
}
.about-page .-history .wal {
  padding-top: 1.13rem;
  padding-bottom: 0.84rem;
}
.about-page .-history .wal .-body {
  margin-top: 0.57rem;
}
.about-page .-history .wal .-body .year-swiper {
  margin: -0.57rem;
}
.about-page .-history .wal .-body .year-swiper .swiper-container {
  overflow: hidden;
  position: relative;
  padding: 0.57rem;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide {
  --c: rgba(51, 51, 51, 0.20);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 33.33%;
  min-height: 4.55rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.58rem 0.3rem;
  border-radius: 0.2rem;
  color: var(--c);
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.2;
  border: 0.01rem solid #e0e0e0;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 0px 1rem 0px rgba(153, 153, 153, 0.25);
  border-radius: 0.2rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-year {
  font-family: "fontFamily-B";
  font-size: 0.96rem;
  line-height: 1.44rem;
  -webkit-transform: scale(0.6651);
      -ms-transform: scale(0.6651);
          transform: scale(0.6651);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.33rem;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text p {
  position: relative;
  font-size: 0.18rem;
  line-height: 0.36rem;
  padding-left: 0.16rem;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text p:last-child {
  margin-bottom: 0;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text p::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.16rem;
  width: 0.06rem;
  height: 0.06rem;
  background-color: var(--c);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
  --c: var(--sk-global-color);
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active::after {
  opacity: 0.2;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .-year {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .-text {
  color: rgba(0, 0, 0, 0.7);
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .prev,
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 0.01rem solid #D8D8D8;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .prev:hover,
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next:hover {
  border-color: var(--sk-global-color);
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .prev svg,
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next svg {
  width: 0.06rem;
  height: 0.1rem;
  color: var(--fcolor02);
}
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.about-page .-history .wal .-body .mark-year {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  margin: 1.17rem 0 0;
  padding: 0 0.32rem;
}
.about-page .-history .wal .-body .mark-year .left-fixed .mark-year-item {
  position: relative;
}
.about-page .-history .wal .-body .mark-year .left-fixed .mark-year-item .-mark {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-transform: translate(0%, 0);
      -ms-transform: translate(0%, 0);
          transform: translate(0%, 0);
  padding-left: 0;
}
.about-page .-history .wal .-body .mark-year .left-fixed .mark-year-item .-mark span {
  margin-right: 0.13rem;
}
.about-page .-history .wal .-body .mark-year .right-scroll {
  width: 100%;
  padding: 0 0.32rem;
  overflow: hidden;
}
.about-page .-history .wal .-body .mark-year .right-scroll .swiper-container {
  width: 100%;
}
.about-page .-history .wal .-body .mark-year .right-scroll .swiper-container ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.about-page .-history .wal .-body .mark-year li, .about-page .-history .wal .-body .mark-year .mark-year-item {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-bottom: 0.4rem;
  width: 1.78rem;
}
.about-page .-history .wal .-body .mark-year li.active .-mark span, .about-page .-history .wal .-body .mark-year .mark-year-item.active .-mark span {
  background-color: var(--sk-global-color);
}
.about-page .-history .wal .-body .mark-year li.on .-year, .about-page .-history .wal .-body .mark-year .mark-year-item.on .-year {
  color: var(--sk-global-color);
}
.about-page .-history .wal .-body .mark-year li .-year, .about-page .-history .wal .-body .mark-year .mark-year-item .-year {
  cursor: pointer;
  width: 0.46rem;
  font-size: 0.2rem;
  line-height: 0.3rem;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  color: var(--fcolor02);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "fontFamily-M";
}
.about-page .-history .wal .-body .mark-year li .-mark, .about-page .-history .wal .-body .mark-year .mark-year-item .-mark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  bottom: 0;
  left: 0;
  padding-left: 0.13rem;
  pointer-events: none;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.about-page .-history .wal .-body .mark-year li .-mark span, .about-page .-history .wal .-body .mark-year .mark-year-item .-mark span {
  width: 0.01rem;
  height: 0.16rem;
  background-color: #DBDBDB;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-history .wal .-body .mark-year li .-mark span:last-child, .about-page .-history .wal .-body .mark-year .mark-year-item .-mark span:last-child {
  height: 0.31rem;
}
.about-page .-honors {
  background: -webkit-linear-gradient(top, #F5F7F9 0%, #DDEBF5 100%);
  background: linear-gradient(180deg, #F5F7F9 0%, #DDEBF5 100%);
}
.about-page .-honors .wal {
  padding-top: 0.94rem;
  padding-bottom: 0.78rem;
}
.about-page .-honors .wal .-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 6.14rem;
  margin-top: 0.6rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about-page .-honors .wal .-body .-left {
  width: 8.8rem;
}
.about-page .-honors .wal .-body .-left img {
  width: 100%;
  height: 100%;
}
.about-page .-honors .wal .-body .-list {
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
  padding: 0.8rem 0.77rem 0.8rem 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.5);
}
.about-page .-honors .wal .-body .-list::after {
  content: "";
  display: block;
  position: absolute;
  right: 0.77rem;
  top: 50%;
  width: 0.02rem;
  height: calc(100% - 1rem);
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: #E0E0E0;
}
.about-page .-honors .wal .-body .-list::before {
  content: "";
  display: block;
  position: absolute;
  right: 0.77rem;
  top: 50%;
  width: 0.02rem;
  height: 0.64rem;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background-color: var(--sk-global-color);
  z-index: 1;
}
.about-page .-honors .wal .-body .-list .-list-inner {
  height: 100%;
}
.about-page .-honors .wal .-body .-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.about-page .-honors .wal .-body .-list ul li {
  font-family: "fontFamily-M";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.28rem;
  height: auto;
  line-height: 0.42rem;
  padding: 0.2rem 0.32rem;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* 标准浏览器 */
}
.about-page .-honors .wal .-body .-list ul li.active span, .about-page .-honors .wal .-body .-list ul li.swiper-slide-active span {
  color: var(--sk-global-color);
}
.about-page .-honors .wal .-body .-list ul li span {
  color: var(--fcolor03);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  text-align: center;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.about-page .-layout {
  background: -webkit-linear-gradient(top, #DDEBF5 4%, #FFFFFF 97%);
  background: linear-gradient(180deg, #DDEBF5 4%, #FFFFFF 97%);
}
.about-page .-layout .-wrapper {
  max-width: 100%;
  padding-top: 1.09rem;
  padding-bottom: 0.29rem;
}
.about-page .-layout .-wrapper .num-list {
  margin-top: 0.82rem;
}
.about-page .-layout .-wrapper .num-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about-page .-layout .-wrapper .num-list ul li {
  padding: 0 0.6rem;
}
.about-page .-layout .-wrapper .num-list ul li .data-num {
  font-family: "fontFamily-B";
  font-size: 0.56rem;
  line-height: 0.44rem;
  color: var(--sk-global-color);
  text-align: center;
}
.about-page .-layout .-wrapper .num-list ul li .data-text {
  text-align: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  margin-top: 0.24rem;
  color: var(--fcolor03);
}
.about-page .-layout .-wrapper .-map {
  position: relative;
  margin-top: 0.4rem;
  min-height: 5.83rem;
}
.about-page .-layout .-wrapper .-map .-bg {
  width: 100%;
}
.about-page .-layout .-wrapper .-map .-bg img {
  width: 100%;
}
.about-page .-layout .-wrapper .-map .-dots ul li {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  -webkit-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.about-page .-layout .-wrapper .-map .-dots ul li.hasAnimate .animate-dot {
  display: block;
}
.about-page .-layout .-wrapper .-map .-dots ul li[dot-layout=right] .animate-dot {
  -webkit-transform: translate(-50%, -50%) rotateX(40deg) rotateY(20deg);
          transform: translate(-50%, -50%) rotateX(40deg) rotateY(20deg);
}
.about-page .-layout .-wrapper .-map .-dots ul li[dot-layout=left] .animate-dot {
  -webkit-transform: translate(-50%, -50%) rotateX(40deg) rotateY(-20deg);
          transform: translate(-50%, -50%) rotateX(40deg) rotateY(-20deg);
}
.about-page .-layout .-wrapper .-map .-dots ul li .animate-dot {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  display: none;
  width: 1.74rem;
  height: 1.74rem;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotateX(40deg);
          transform: translate(-50%, -50%) rotateX(40deg);
  z-index: -1;
}
.about-page .-layout .-wrapper .-map .-dots ul li .animate-dot::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  width: 1.74rem;
  height: 1.74rem;
  top: 0;
  left: 0;
  background: url(../../image/shenzhenkehua/about/dot_after.svg) center center no-repeat;
  background-size: contain;
  -webkit-animation: qsacle 3s linear infinite;
          animation: qsacle 3s linear infinite;
  z-index: -1;
}
.about-page .-layout .-wrapper .-map .-dots ul li .animate-dot::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  width: 1.74rem;
  height: 1.74rem;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  background: url(../../image/shenzhenkehua/about/dot_after.svg) center center no-repeat;
  background-size: contain;
  -webkit-animation: qsacle 3s 1.5s linear infinite;
          animation: qsacle 3s 1.5s linear infinite;
  z-index: -1;
}
.about-page .-layout .-wrapper .-map .-dots ul li:hover {
  z-index: 11;
}
.about-page .-layout .-wrapper .-map .-dots ul li:hover .-name {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.2s 0.2s;
  transition: 0.2s 0.2s;
}
.about-page .-layout .-wrapper .-map .-dots ul li:hover .-icon {
  -webkit-transform: scale(1.75);
      -ms-transform: scale(1.75);
          transform: scale(1.75);
}
.about-page .-layout .-wrapper .-map .-dots ul li .-icon {
  width: 0.4rem;
  height: 0.48rem;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-layout .-wrapper .-map .-dots ul li .-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-page .-layout .-wrapper .-map .-dots ul li .-name {
  position: absolute;
  top: -0.4rem;
  left: 50%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 1rem;
  text-align: center;
  -webkit-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
}
.about-page .-partner {
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
}
.about-page .-partner .-wrapper {
  max-width: 100%;
  padding-top: 1.22rem;
  padding-bottom: 1.01rem;
}
.about-page .-partner .-wrapper .-body {
  position: relative;
  margin-top: 0.7rem;
}
.about-page .-partner .-wrapper .-body::before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  width: 4.75rem;
  height: 100%;
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
  z-index: 1;
}
.about-page .-partner .-wrapper .-body::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 0;
  width: 4.75rem;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
  z-index: 1;
}
.about-page .-partner .-wrapper .-body .-box {
  --dur: 30s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-top: 0.2rem;
}
.about-page .-partner .-wrapper .-body .-box:first-child {
  margin-top: 0;
}
.about-page .-partner .-wrapper .-body .-box:nth-child(2) {
  --dur: 30s;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.about-page .-partner .-wrapper .-body .-box:nth-child(2) .box-wrapper {
  -webkit-animation-name: scrollRight;
          animation-name: scrollRight;
}
.about-page .-partner .-wrapper .-body .-box:hover .box-wrapper {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.about-page .-partner .-wrapper .-body .-box .box-wrapper {
  -webkit-animation-name: scrollLeft;
          animation-name: scrollLeft;
  -webkit-animation-duration: var(--dur);
          animation-duration: var(--dur);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.about-page .-partner .-wrapper .-body .-box .box-wrapper ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.about-page .-partner .-wrapper .-body .-box .box-wrapper ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2.8rem;
  height: 1.6rem;
  padding: 0.3rem;
  border-radius: 0.16rem;
  border: 0.01rem solid #EFEFEF;
  margin-right: 0.2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.about-page .-partner .-wrapper .-body .-box .box-wrapper ul li:hover {
  box-shadow: 0px 0px 1rem 0px rgba(187, 187, 187, 0.55);
  background-color: rgba(255, 255, 255, 0.6);
}
.about-page .-partner .-wrapper .-body .-box .box-wrapper ul li img {
  max-width: 80%;
  max-height: 100%;
}
.about-page .-development {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 8.5rem;
  overflow: hidden;
}
.about-page .-development .section-background .-svg {
  position: absolute;
  bottom: 0.3rem;
  left: 0;
  width: 100%;
  height: 2.73rem;
}
.about-page .-development .section-background .-svg svg {
  width: 100%;
  height: 2.73rem;
}
.about-page .-development .section-background .-svg svg path {
  opacity: 0.3;
}
.about-page .-development .section-background .-svg svg .-fill {
  --x: 0%;
}
.about-page .-development .section-background .-svg svg .-fill rect {
  width: var(--x);
  height: 100%;
}
.about-page .-development .wal {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 1.5rem;
  padding-bottom: 1.01rem;
}
.about-page .-development .wal .-list {
  margin-top: 0.6rem;
}
.about-page .-development .wal .-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.about-page .-development .wal .-list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 3.6rem;
  min-height: 2.26rem;
  margin-right: 0.3rem;
  padding: 0.48rem 0.3rem 0.3rem;
  border-radius: 0.16rem;
  background: -webkit-linear-gradient(122deg, #82c89c -179%, #f2f6f8 69%);
  background: linear-gradient(328deg, #82c89c -179%, #f2f6f8 69%);
  -webkit-backdrop-filter: blur(0.2rem);
          backdrop-filter: blur(0.2rem);
}
.about-page .-development .wal .-list ul li:last-child {
  margin-right: 0;
}
.about-page .-development .wal .-list ul li .-text {
  font-size: 0.18rem;
  line-height: 0.28rem;
  color: var(--fcolor02);
}
.about-page .-development .wal .-list ul li .-content {
  margin-top: 0.36rem;
}
.about-page .-development .wal .-list ul li .-content .data-num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.56rem;
  line-height: 0.84rem;
  color: var(--sk-global-color);
  font-family: "fontFamily-B";
}
.about-page .-development .wal .-list ul li .-content .data-num .unit {
  font-family: "fontFamily-R";
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: var(--fcolor03);
  opacity: 0.7;
  margin: auto 0 0.13rem 0.08rem;
}
.about-page .-development .wal .-list ul li .-content .icon {
  position: absolute;
  bottom: 0.18rem;
  right: 0.18rem;
}
.about-page .-development .wal .-list ul li .-content .icon img {
  height: 1.17rem;
  object-fit: contain;
}

.downloads-page .-container .wal {
  max-width: 14rem;
  padding-top: var(--topPadding);
  padding-bottom: 1.4rem;
}
.downloads-page .-container .wal .-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.18rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.downloads-page .-container .wal .-box .-left {
  position: -webkit-sticky;
  position: sticky;
  top: var(--headH);
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 3.2rem;
      -ms-flex: 0 1 3.2rem;
          flex: 0 1 3.2rem;
  height: 100%;
}
.downloads-page .-container .wal .-box .-left ul li {
  margin-bottom: 0.32rem;
}
.downloads-page .-container .wal .-box .-left ul li:last-child {
  margin-bottom: 0;
}
.downloads-page .-container .wal .-box .-left ul li.on .-front::after {
  -webkit-transform: translate(0, -50%) rotate(0deg);
      -ms-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
}
.downloads-page .-container .wal .-box .-left ul li .-front {
  cursor: pointer;
  position: relative;
  padding-right: 0.24rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: var(--fcolor02);
}
.downloads-page .-container .wal .-box .-left ul li .-front::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.18rem;
  height: 0.18rem;
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
  background: url(../../image/shenzhenkehua/hry/svg19.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.downloads-page .-container .wal .-box .-left ul li .-sub {
  display: none;
  padding-top: 0.24rem;
}
.downloads-page .-container .wal .-box .-left ul li .-sub dl dd {
  margin-bottom: 0.06rem;
  border-radius: 0.06rem;
  overflow: hidden;
}
.downloads-page .-container .wal .-box .-left ul li .-sub dl dd:last-child {
  margin-bottom: 0;
}
.downloads-page .-container .wal .-box .-left ul li .-sub dl dd.on a {
  color: var(--sk-global-color);
  background-color: rgba(230, 0, 18, 0.05);
}
@media screen and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-left ul li .-sub dl dd:hover a {
    color: var(--sk-global-color);
  }
}
.downloads-page .-container .wal .-box .-left ul li .-sub dl dd a {
  display: block;
  padding: 0.12rem 0.2rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.downloads-page .-container .wal .-box .-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 9.6rem;
      -ms-flex: 0 1 9.6rem;
          flex: 0 1 9.6rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item {
  display: none;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item.on {
  display: block;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .select-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.44rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .select-box .-select {
  width: 50%;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info .-title {
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: "fontFamily-M";
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info .-count {
  margin-left: auto;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info .-count em {
  color: var(--sk-global-color);
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list {
  margin-top: 0.25rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.3rem 0 0.25rem 0.14rem;
  border-top: 0.01rem solid #E7E7E7;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li:last-child {
  border-bottom: 0.01rem solid #E7E7E7;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0.32rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .icon {
  width: 0.25rem;
  height: 0.28rem;
  margin-right: 0.16rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .icon svg {
  width: 100%;
  height: 100%;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .-info .-tit {
  cursor: pointer;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: var(--fcolor02);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .-info .-tit:hover {
  color: var(--sk-global-color);
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .-info .-time {
  font-size: 0.14rem;
  line-height: 0.21rem;
  margin-top: 0.12rem;
  color: var(--fcolor04);
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
  margin-right: 0.32rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a:last-child {
  margin-right: 0;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a:hover {
  color: var(--sk-global-color);
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a svg {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.07rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li {
    width: calc((100% - ((3 - 1) * 0.3rem)) / 3);
    margin-right: 0.3rem;
    margin-top: 0.3rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li:nth-child(3n) {
    margin-right: 0;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li {
    width: calc((100% - ((1 - 1) * 0.6rem)) / 1);
    margin-right: 0.6rem;
    margin-top: 0.6rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li:nth-child(1n) {
    margin-right: 0;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li:nth-child(-n+1) {
    margin-top: 0;
  }
}
@media screen and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li {
    margin-top: 0.48rem;
  }
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a {
  cursor: default;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a:hover .img .hover-content {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img {
  width: 100%;
  position: relative;
  padding-top: 62.33%;
  border-radius: 0.16rem;
  overflow: hidden;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img .hover-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(0.2rem);
          backdrop-filter: blur(0.2rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img .hover-content .-play-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: white;
  color: var(--sk-global-color);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img .hover-content .-play-btn:hover {
  background-color: var(--sk-global-color);
  color: white;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img .hover-content .-play-btn .svg-ctx {
  width: 0.08rem;
  height: 0.14rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .-name {
  margin-top: 0.24rem;
  font-size: 0.18rem;
  line-height: 0.28rem;
  text-align: center;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li {
  cursor: default;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li {
    width: calc((100% - ((3 - 1) * 0.3rem)) / 3);
    margin-right: 0.3rem;
    margin-top: 0.3rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li:nth-child(3n) {
    margin-right: 0;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li {
    width: calc((100% - ((2 - 1) * 0.36rem)) / 2);
    margin-right: 0.36rem;
    margin-top: 0.36rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li:nth-child(2n) {
    margin-right: 0;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li {
    margin-top: 0.56rem;
  }
}
@media screen and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li:hover .img .hover-content {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img {
  width: 100%;
  position: relative;
  padding-top: 133.33%;
  border-radius: 0.16rem;
  overflow: hidden;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(0.2rem);
          backdrop-filter: blur(0.2rem);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 1.4rem;
  padding: 0.12rem 0.24rem;
  color: var(--sk-global-color);
  background-color: white;
  font-size: 0.16rem;
  line-height: 0.24rem;
  border-radius: 0.24rem;
  margin-bottom: 0.1rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a:last-child {
  margin-bottom: 0;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a:hover {
  color: white;
  background-color: var(--sk-global-color);
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a .svg-ctx {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.09rem;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .-name {
  margin-top: 0.24rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  text-align: center;
}
.downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list .-pagination {
  margin-top: 0.56rem;
}

.faq-page .-container .wal {
  max-width: 14rem;
  padding-top: var(--topPadding);
  padding-bottom: 1.4rem;
}
.faq-page .-container .wal .search-input-box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.7rem auto 0;
  padding: 0.16rem 0;
  max-width: 8rem;
}
.faq-page .-container .wal .search-input-box input::-webkit-input-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box input::-moz-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box input:-moz-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box input:-ms-input-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box textarea::-webkit-input-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box textarea::-moz-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box textarea:-moz-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box textarea:-ms-input-placeholder {
  color: #999999;
}
.faq-page .-container .wal .search-input-box .search-icon {
  width: 0.2rem;
  height: 0.2rem;
}
.faq-page .-container .wal .search-input-box .search-icon path {
  fill: #171a20;
}
.faq-page .-container .wal .search-input-box input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 0.18rem;
  font-size: 0.2rem;
  color: var(--fcolor02);
  line-height: 0.3rem;
}
.faq-page .-container .wal .search-input-box .search {
  font-size: 0.16rem;
  color: #999999;
  line-height: 0.24rem;
  cursor: pointer;
}
.faq-page .-container .wal .search-input-box .prog-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.01rem;
  background-color: #b8b8b8;
}
.faq-page .-container .wal .search-input-box .prog-line .line-inner {
  height: 100%;
  width: 0;
  background: -webkit-linear-gradient(left, #ffffff, #ff0010);
  background: linear-gradient(to right, #ffffff, #ff0010);
  -webkit-transition: width 0.5s ease-in-out;
  transition: width 0.5s ease-in-out;
  position: absolute;
}
.faq-page .-container .wal .-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.15rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.faq-page .-container .wal .-box .-left {
  position: -webkit-sticky;
  position: sticky;
  top: var(--headH);
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 3.2rem;
      -ms-flex: 0 1 3.2rem;
          flex: 0 1 3.2rem;
  height: 100%;
}
.faq-page .-container .wal .-box .-left ul li {
  margin-bottom: 0.32rem;
}
.faq-page .-container .wal .-box .-left ul li:last-child {
  margin-bottom: 0;
}
.faq-page .-container .wal .-box .-left ul li .-front {
  cursor: pointer;
  position: relative;
  padding-right: 0.24rem;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: var(--fcolor02);
}
.faq-page .-container .wal .-box .-left ul li .-sub {
  padding-top: 0.24rem;
}
.faq-page .-container .wal .-box .-left ul li .-sub dl dd {
  margin-bottom: 0.06rem;
  border-radius: 0.06rem;
  overflow: hidden;
}
.faq-page .-container .wal .-box .-left ul li .-sub dl dd:last-child {
  margin-bottom: 0;
}
.faq-page .-container .wal .-box .-left ul li .-sub dl dd.on a {
  color: var(--sk-global-color);
  background-color: rgba(230, 0, 18, 0.05);
}
.faq-page .-container .wal .-box .-left ul li .-sub dl dd:hover a {
  color: var(--sk-global-color);
}
.faq-page .-container .wal .-box .-left ul li .-sub dl dd a {
  display: block;
  padding: 0.12rem 0.2rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.faq-page .-container .wal .-box .-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 9.6rem;
      -ms-flex: 0 1 9.6rem;
          flex: 0 1 9.6rem;
}
.faq-page .-container .wal .-box .-right .-list ul li {
  padding: 0.32rem 0;
  border-top: 0.01rem solid #EBEBEB;
}
.faq-page .-container .wal .-box .-right .-list ul li:last-child {
  border-bottom: 0.01rem solid #EBEBEB;
}
.faq-page .-container .wal .-box .-right .-list ul li.on .-front .-btn .svg-ctx {
  display: none;
}
.faq-page .-container .wal .-box .-right .-list ul li.on .-front .-btn .svg-ctx._off {
  display: block;
}
.faq-page .-container .wal .-box .-right .-list ul li .-front {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: var(--fcolor02);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "fontFamily-M";
}
.faq-page .-container .wal .-box .-right .-list ul li .-front .-btn {
  width: 0.36rem;
  height: 0.36rem;
  margin-left: auto;
}
.faq-page .-container .wal .-box .-right .-list ul li .-front .-btn .svg-ctx {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.faq-page .-container .wal .-box .-right .-list ul li .-front .-btn .svg-ctx._off {
  display: none;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content {
  display: none;
  padding-top: 0.36rem;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content .-inner {
  background-color: #F5F7F9;
  border-radius: 0.2rem;
  padding: 0.43rem 0.31rem;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row {
  margin-top: 0.36rem;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row:first-child {
  margin-top: 0;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-head img {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
  margin-right: 0.06rem;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-body {
  margin-top: 0.14rem;
}
.faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-body .-text p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.faq-page .-container .wal .-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 2.8rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.58rem 0;
  margin-top: 1rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.faq-page .-container .wal .-contact .-content .tit {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: white;
  font-family: "fontFamily-B";
}
.faq-page .-container .wal .-contact .-content .-button {
  margin-top: 0.31rem;
  text-align: center;
}

.join-us-page .-recruitment {
  padding: 1.24rem 0 0;
}
.join-us-page .-recruitment .-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.6rem;
}
.join-us-page .-recruitment .-body .-left {
  position: -webkit-sticky;
  position: sticky;
  top: var(--headH);
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 4rem;
      -ms-flex: 0 1 4rem;
          flex: 0 1 4rem;
  height: 100%;
  min-height: 8rem;
  background-color: #F5F7F9;
  padding: 0.4rem 0.3rem;
  border-radius: 0.2rem;
}
.join-us-page .-recruitment .-body .-left .-row {
  padding: 0.4rem 0;
  border-bottom: 0.01rem solid #EBEBEB;
}
.join-us-page .-recruitment .-body .-left .-row:first-child {
  padding-top: 0;
}
.join-us-page .-recruitment .-body .-left .-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-label {
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: var(--fcolor02);
  font-family: "fontFamily-M";
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 0.23rem;
  padding: 0.15rem 0.2rem;
  background-color: white;
  border-radius: 0.04rem;
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input input::-webkit-input-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input input::-moz-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input input:-moz-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input input:-ms-input-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input textarea::-webkit-input-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input textarea::-moz-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input textarea:-moz-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input textarea:-ms-input-placeholder {
  color: var(--fcolor04);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.16rem;
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input .-search-btn {
  cursor: pointer;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 0.12rem;
  color: #171A2030;
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input .-search-btn:hover {
  color: var(--fcolor02);
}
.join-us-page .-recruitment .-body .-left .-row .search-box .-input .-search-btn img, .join-us-page .-recruitment .-body .-left .-row .search-box .-input .-search-btn svg {
  width: 0.2rem;
  height: 0.2rem;
  object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.join-us-page .-recruitment .-body .-left .-row .filter-box .-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor02);
}
.join-us-page .-recruitment .-body .-left .-row .filter-box .-label .-reset {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor04);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.join-us-page .-recruitment .-body .-left .-row .filter-box .-label .-reset:hover {
  color: var(--fcolor02);
}
.join-us-page .-recruitment .-body .-left .-row .filter-box .-label .-reset img, .join-us-page .-recruitment .-body .-left .-row .filter-box .-label .-reset svg {
  width: 0.15rem;
  height: 0.15rem;
  object-fit: contain;
  margin-right: 0.07rem;
}
.join-us-page .-recruitment .-body .-left .-row .filter-box ul {
  margin-top: 0.25rem;
}
.join-us-page .-recruitment .-body .-left .-row .filter-box ul li {
  margin-top: 0.2rem;
}
.join-us-page .-recruitment .-body .-left .-row .filter-box ul li:first-child {
  margin-top: 0;
}
.join-us-page .-recruitment .-body .-right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 11.19rem;
      -ms-flex: 0 1 11.19rem;
          flex: 0 1 11.19rem;
}
.join-us-page .-recruitment .-body .-right .-list ul li {
  padding: 0.32rem 0;
  border-top: 0.01rem solid #EBEBEB;
}
.join-us-page .-recruitment .-body .-right .-list ul li:last-child {
  border-bottom: 0.01rem solid #EBEBEB;
}
.join-us-page .-recruitment .-body .-right .-list ul li.on .-front .-btn .svg-ctx {
  display: none;
}
.join-us-page .-recruitment .-body .-right .-list ul li.on .-front .-btn .svg-ctx._off {
  display: block;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.22rem;
  line-height: 0.33rem;
  color: var(--fcolor02);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: "fontFamily-M";
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front > span {
  width: 5.38rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag dl dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor04);
  margin-right: 0.34rem;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag dl dd:last-child {
  margin-right: 0;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag dl dd img {
  width: 0.24rem;
  height: 0.24rem;
  object-fit: contain;
  margin-right: 0.08rem;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front .-btn {
  width: 0.36rem;
  height: 0.36rem;
  margin-left: auto;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front .-btn .svg-ctx {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-front .-btn .svg-ctx._off {
  display: none;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content {
  display: none;
  padding-top: 0.66rem;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner {
  padding-bottom: 0.17rem;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row {
  margin-top: 0.36rem;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row:first-child {
  margin-top: 0;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row .row-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.18rem;
  line-height: 0.27rem;
  color: var(--fcolor02);
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row .row-body {
  margin-top: 0.11rem;
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row .row-body .-text p {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: var(--fcolor03);
}
.join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-button {
  margin-top: 0.49rem;
  cursor: pointer;
}
.join-us-page .-recruitment .-body .-right .-list .-pagination {
  margin-top: 0.6rem;
}

.error-page .-container {
  width: 100%;
  height: 100vh;
}
.error-page .-container .wal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.error-page .-container .wal .img img {
  height: 1.74rem;
  object-fit: contain;
}
.error-page .-container .wal .-msg {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.36rem;
  margin-top: 0.37rem;
  color: var(--fcolor02);
}
.error-page .-container .wal .-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.65rem;
}
.error-page .-container .wal .-btns .-button {
  margin-left: 0.32rem;
}
.error-page .-container .wal .-btns .-button:first-child {
  margin-left: 0;
}
.error-page .-container .wal .-btns .-button a, .error-page .-container .wal .-btns .-button .a {
  min-width: 1.8rem;
  padding: 0.15rem 0.32rem;
}

@media screen and (max-width: 800px) {
  :root {
    --totalH: 1.2rem;
    --headH: 1.2rem;
    --topPadding: 2.12rem;
  }

  body.jsShowNav header .g-head {
    --fcolor01: #333333;
    --fcolor02: #666666;
    --fcolor03: #999999;
    background-color: white;
  }
  body.jsShowNav header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon ._open {
    display: none;
  }
  body.jsShowNav header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon ._close {
    display: block;
  }
  body.jsShowNav header .g-head > .wal .g-head-main .mb-sidebar {
    left: 0;
  }
  body.jsShowNav header .g-head > .wal .g-head-main .g-head-right .search {
    display: none;
  }
  body.jsShowNav header .g-head > .wal .g-head-main .g-head-right .phone-lang {
    display: none;
  }
  body.jsShowLangNav header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider {
    left: 0;
  }
  body.jsShowLangNav header .g-head {
    --fcolor01: #333333;
    --fcolor02: #666666;
    --fcolor03: #999999;
    background-color: white;
  }
  body.jsShowLangNav header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon ._open {
    display: none;
  }
  body.jsShowLangNav header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon ._close {
    display: block;
  }
  body.jsShowLangNav header .g-head > .wal .g-head-main .g-head-right .search {
    display: none;
  }
  body.jsShowLangNav header .g-head > .wal .g-head-main .g-head-right .phone-lang .-icon {
    display: none;
  }

  body.jsShowSearch header .g-head {
    --fcolor01: #333333;
    --fcolor02: #666666;
    --fcolor03: #999999;
    background-color: white;
  }
  body.jsShowSearch header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon ._open {
    display: none;
  }
  body.jsShowSearch header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon ._close {
    display: block;
  }
  body.jsShowSearch header .g-head > .wal .g-head-main .g-head-right .phone-lang {
    display: none;
  }

  header {
    width: 100%;
    height: var(--totalH);
    background-color: transparent;
    z-index: 99;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  header.hide {
    z-index: -1;
  }
  header.hide .top-head_nav,
header.hide .g-head {
    top: 0;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  header.hide .layer {
    display: none;
  }
  header .g-head {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--headH);
    z-index: 99;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-bottom: 0;
  }
  header .g-head > .wal {
    max-width: 100%;
    padding: 0 0.4rem;
  }
  header .g-head > .wal .g-head-main {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: var(--headH);
    -webkit-transition: 0s;
    transition: 0s;
  }
  header .g-head > .wal .g-head-main .logo-box {
    z-index: 1;
    margin-right: 0.57rem;
  }
  header .g-head > .wal .g-head-main .logo-box .img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.81rem;
    height: 0.58rem;
  }
  header .g-head > .wal .g-head-main .logo-box .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  header .g-head > .wal .g-head-main .logo-box .img img._hover {
    display: none;
  }
  header .g-head > .wal .g-head-main .center-nav {
    display: none;
  }
  header .g-head > .wal .g-head-main .g-head-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
  }
  header .g-head > .wal .g-head-main .g-head-right .-lang {
    display: none;
  }
  header .g-head > .wal .g-head-main .g-head-right .search {
    position: relative;
    z-index: 1;
    margin-left: 0;
  }
  header .g-head > .wal .g-head-main .g-head-right .search.on {
    --fcolor01: #333333;
  }
  header .g-head > .wal .g-head-main .g-head-right .search.on .search-input {
    width: 85vw;
    opacity: 1;
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-btn {
    cursor: pointer;
    position: relative;
    z-index: 1;
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-btn .icon {
    width: 0.4rem;
    height: 0.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-btn .icon svg {
    width: 0.4rem;
    height: 0.4rem;
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: -0.2rem;
    top: 50%;
    width: 0;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    border-radius: 0.4rem;
    border: 0.02rem solid var(--sk-global-color);
    height: 0.8rem;
    padding: 0 0.8rem 0 0.35rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    background-color: white;
    overflow: hidden;
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input input::-webkit-input-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input input::-moz-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input input:-moz-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input input:-ms-input-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea::-webkit-input-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea::-moz-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea:-moz-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input textarea:-ms-input-placeholder {
    color: var(--fcolor03);
  }
  header .g-head > .wal .g-head-main .g-head-right .search .search-input input {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.32rem;
    color: var(--fcolor01);
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang {
    width: 0.36rem;
    height: 0.36rem;
    margin-left: 0.34rem;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-icon {
    width: 0.36rem;
    height: 0.36rem;
    color: var(--fcolor01);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-icon path {
    fill: currentColor;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider {
    position: fixed;
    width: 100%;
    height: 100%;
    height: calc(100% - var(--headH));
    top: var(--headH);
    left: 100%;
    background-color: white;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider .-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.75rem 0 0.61rem;
    height: 100%;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider .-wrapper .-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #999999;
    font-size: 0.28rem;
    line-height: 0.42rem;
    padding: 0 0.4rem;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider .-wrapper .-list {
    padding: 0.5rem 0.4rem;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider .-wrapper .-list ul li {
    margin-bottom: 0.65rem;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider .-wrapper .-list ul li a {
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-family: "fontFamily-M";
    color: #333333;
  }
  header .g-head > .wal .g-head-main .g-head-right .phone-lang .-lang-sider .-wrapper .-list ul li.active a {
    color: var(--sk-global-color);
  }
  header .g-head > .wal .g-head-main .g-head-right .sidebar-btn {
    position: relative;
    margin-left: 0.34rem;
    overflow: hidden;
    width: 0.36rem;
    height: 0.36rem;
  }
  header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon {
    width: 0.36rem;
    height: 0.36rem;
  }
  header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon .svg-ctx {
    width: 0.36rem;
    height: 0.36rem;
    color: var(--fcolor01);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .g-head > .wal .g-head-main .g-head-right .sidebar-btn .-icon .svg-ctx._close {
    display: none;
  }
  header .g-head > .wal .g-head-main .mb-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 100%;
    top: var(--headH);
    width: 100%;
    height: calc(100% - var(--headH));
    background-color: white;
    z-index: 999;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.75rem 0 0.61rem;
    height: 100%;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-bottom: 0.32rem;
    overflow: auto;
    padding: 0 0.4rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li {
    width: 100%;
    margin-top: 0.65rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li:first-child {
    margin-top: 0;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li.active a {
    color: var(--sk-global-color);
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li.on > a::after {
    -webkit-transform: translate(0, -50%) rotate(90deg);
        -ms-transform: translate(0, -50%) rotate(90deg);
            transform: translate(0, -50%) rotate(90deg);
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li.on > .-sub-list {
    display: block;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li.noArrow a::after {
    display: none;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    width: 100%;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #333333;
    padding-right: 0.32rem;
    font-family: "fontFamily-M";
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li a::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 0.14rem;
    height: 0.23rem;
    background: url(../../image/shenzhenkehua/head/arrow-right.svg) center center no-repeat;
    background-size: contain;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li a .svg-ctx {
    width: 0.36rem;
    height: 0.36rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 0.16rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li a span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list {
    --r: .32rem;
    --pr: calc(.32rem * 2);
    display: none;
    padding-top: 0.42rem;
    padding-left: 0.2rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list._v3 {
    padding-left: 0.3rem;
    --r: calc(.32rem * 2);
    --pr: calc(.32rem * 3);
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list._v4 {
    padding-left: 0.3rem;
    --r: calc(.32rem * 3);
    --pr: calc(.32rem * 4);
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list._v4 a::after {
    display: none;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list ul li {
    margin-top: 0.42rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list ul li:first-child {
    margin-top: 0;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list ul li a {
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #666666;
    padding-right: var(--pr);
    font-family: "fontFamily-R";
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-list ul li .-sub-list ul li a::after {
    right: var(--r);
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot {
    margin-top: auto;
    padding: 0 0.4rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #999999;
    font-family: "fontFamily-M";
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-inner .-img {
    width: 0.46rem;
    height: 0.46rem;
    margin-right: 0.16rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-inner .-img img {
    width: 100%;
    height: 100%;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-lang-sider {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    background-color: white;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-lang-sider .-wrapper .-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #999999;
    font-size: 0.26rem;
    line-height: 0.39rem;
    padding: 0 0.4rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-lang-sider .-wrapper .-back .svg-ctx {
    width: 0.14rem;
    height: 0.23rem;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-lang-sider .-wrapper .-back span {
    margin-left: 0.16rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-lang-sider .-wrapper .-list {
    margin-bottom: 0;
    margin-top: 0.57rem;
  }
  header .g-head > .wal .g-head-main .mb-sidebar .-wrapper .-foot .-lang-sider .-wrapper .-list ul li a::after {
    display: none;
  }
  header.JsFixed {
    position: fixed;
    top: 0;
  }
  header.JsFixed .g-head .wal .g-head-main .center-nav .nav__line.show {
    opacity: 0;
  }
  header._black {
    --fcolor01: #333333;
    --fcolor02: #666666;
    --fcolor03: #999999;
    position: fixed;
    top: 0;
  }
  header._black .g-head {
    background: transparent;
  }
  header._black .g-head .wal .g-head-main .center-nav .nav__line.show {
    opacity: 0;
  }
  header.isScroll {
    --totalH: 1.2rem;
    --headH: 1.2rem;
    --fcolor01: #333333;
    --fcolor02: #666666;
    --fcolor03: #999999;
  }
  header.isScroll .g-head {
    border-bottom: 0;
  }
  header.isScroll .g-head::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(0.08rem);
            backdrop-filter: blur(0.08rem);
  }

  .-arrow-hover .-arrow {
    display: none;
  }

  .section-title {
    font-size: 0.64rem;
    line-height: 0.6rem;
  }
  .section-title[data-size=small] {
    font-size: 0.48rem;
    line-height: 0.72rem;
  }

  .-button {
    --bordercolor: rgba(0, 0, 0, 0.15);
    --bgc: transparent;
    --fcolor: #666666;
    --fz: .28rem;
    --lh: 0.42rem;
    --h: 1.02rem;
    --r: .5rem;
  }
  .-button[data-size=small] a, .-button[data-size=small] .a {
    --fz: 0.28rem;
    --lh: 0.42rem;
    padding: 0.16rem 0.32rem;
    min-width: 1.8rem;
    font-family: "fontFamily-R";
  }
  .-button.-disabled {
    opacity: 0.3;
    pointer-events: none;
  }
  .-button.-white {
    --bordercolor: rgba(255, 255, 255, 0.50);
    --bgc: transparent;
    --fcolor: white;
  }
  .-button.-red {
    --bordercolor: var(--sk-global-color);
    --bgc: var(--sk-global-color);
    --fcolor: white;
  }
  .-button.-grey {
    --bordercolor: #ECEEEF;
    --bgc: #ECEEEF;
    --fcolor: var(--fcolor04);
  }
  .-button a, .-button .a {
    font-size: var(--fz);
    line-height: var(--lh);
    color: var(--fcolor);
    border-radius: 0.5rem;
    min-width: 2.82rem;
    text-align: center;
    padding: 0.29rem 0.6rem;
    background-color: var(--bgc);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .-button a svg rect, .-button .a svg rect {
    width: calc(100% - 3px);
    height: calc(100% - 3px);
  }

  .-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.8rem;
    --w: .85rem;
  }
  .-pagination .prev, .-pagination .next, .-pagination a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: var(--w);
    height: var(--w);
    color: var(--fcolor02);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 0.01rem solid #E6E6E6;
    border-radius: 0.16rem;
    font-size: 0.28rem;
    line-height: 0.24rem;
  }
  .-pagination .prev svg, .-pagination .next svg, .-pagination a svg {
    width: 0.36rem;
    height: 0.36rem;
    color: #a2a1a1;
  }
  .-pagination .prev svg path, .-pagination .next svg path, .-pagination a svg path {
    fill: none;
    stroke: currentColor;
  }
  .-pagination dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0.13rem;
  }
  .-pagination dl dd {
    margin-right: 0.13rem;
  }
  .-pagination dl dd:last-child {
    margin-right: 0;
  }
  .-pagination dl dd.on a {
    color: white;
    border-color: var(--sk-global-color);
    background-color: var(--sk-global-color);
  }

  .-select {
    position: relative;
  }
  .-select.on .-front::after {
    -webkit-transform: translate(0, -50%) rotate(0deg);
        -ms-transform: translate(0, -50%) rotate(0deg);
            transform: translate(0, -50%) rotate(0deg);
  }
  .-select.on .-layer {
    padding: 0.28rem 0;
    height: auto;
  }
  .-select .-front {
    cursor: pointer;
    padding: 0.26rem 0.48rem 0.26rem 0.2rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    border-radius: 0.12rem;
    color: var(--fcolor04);
    background-color: #F5F7F9;
  }
  .-select .-front.on {
    color: var(--fcolor02);
  }
  .-select .-front::after {
    content: "";
    display: block;
    position: absolute;
    right: 0.18rem;
    top: 50%;
    width: 0.24rem;
    height: 0.24rem;
    -webkit-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
    background: url(../../image/shenzhenkehua/hry/svg19.svg) center center no-repeat;
    background-size: contain;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .-select .-layer {
    position: absolute;
    bottom: -0.08rem;
    width: 100%;
    max-height: 4rem;
    left: 0;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
    background-color: #F5F7F9;
    border-radius: 0.12rem;
    overflow: auto;
    z-index: 10;
  }
  .-select .-layer::-webkit-scrollbar {
    width: 0.04rem;
    height: 0.04rem;
  }
  .-select .-layer::-webkit-scrollbar-thumb {
    border-radius: 0.04rem;
    background: #D7DFE2;
  }
  .-select .-layer::-webkit-scrollbar-thumb:vertical {
    background-color: #D7DFE2;
  }
  .-select .-layer::-webkit-scrollbar-width {
    width: 0.04rem;
  }
  .-select .-layer::-webkit-scrollbar-track {
    border-radius: 0.04rem;
    background-color: none;
  }
  .-select .-layer .-wrapper {
    width: 100%;
    padding: 0 0.2rem;
  }
  .-select .-layer .-wrapper dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .-select .-layer .-wrapper dl dd {
    cursor: pointer;
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-bottom: 0.2rem;
    color: var(--fcolor02);
  }
  .-select .-layer .-wrapper dl dd:last-child {
    margin-bottom: 0;
  }

  .sk_nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 1rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .sk_nav.bottomHead {
    top: 1.2rem;
  }
  .sk_nav[data-type=type2] .wal .-left .title {
    font-family: "fontFamily-R";
  }
  .sk_nav .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 0;
  }
  .sk_nav .wal .-left {
    display: none;
  }
  .sk_nav .wal .-left .title {
    font-size: 0.26rem;
    color: var(--fcolor02);
    font-family: "fontFamily-M";
  }
  .sk_nav .wal .-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    margin-left: 0;
    padding: 0 0.4rem;
    overflow: auto;
  }
  .sk_nav .wal .-right dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: 100%;
  }
  .sk_nav .wal .-right dl dd {
    position: relative;
    height: 100%;
    margin-right: 0.64rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .sk_nav .wal .-right dl dd:last-child {
    margin-right: 0.64rem;
  }
  .sk_nav .wal .-right dl dd::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.02rem;
    background-color: var(--sk-global-color);
    opacity: 0;
  }
  .sk_nav .wal .-right dl dd:hover a {
    color: var(--fcolor02);
  }
  .sk_nav .wal .-right dl dd.on::after {
    opacity: 1;
  }
  .sk_nav .wal .-right dl dd a {
    color: var(--fcolor03);
    font-size: 0.26rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  .sk_nav .wal .-right .-button {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-left: 0;
  }

  .loading-animate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: white;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .loading-animate.animated {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
  }
  .loading-animate .-container {
    position: relative;
    width: 100%;
    height: 1.81rem;
  }
  .loading-animate .-container .-svg svg {
    width: 100%;
    height: 100%;
  }
  .loading-animate .-container .-svg .-fill {
    --x: 0%;
  }
  .loading-animate .-container .-svg .-fill rect {
    width: var(--x);
    height: 100%;
  }
  .loading-animate .-container .-progress {
    position: absolute;
    font-size: 0.36rem;
    line-height: 0.49rem;
    left: 0.37rem;
    bottom: 0.23rem;
    color: var(--sk-global-color);
    font-family: "fontFamily-B";
  }

  .common-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backdrop-filter: blur(0.5rem);
            backdrop-filter: blur(0.5rem);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .common-dialog.show {
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
  .common-dialog.show .-container {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .common-dialog .-container {
    position: relative;
    width: 100%;
    margin-top: auto;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .common-dialog .-container .-wrapper {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: auto;
    max-height: 90vh;
    border-radius: 0.36rem 0.36rem 0 0;
    overflow: auto;
  }
  .common-dialog .-container .-wrapper .-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .common-dialog .-container .-wrapper .-left .img {
    width: 100%;
    height: 4.23rem;
  }
  .common-dialog .-container .-wrapper .-left .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .common-dialog .-container .-wrapper .-right {
    position: static;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: white;
    padding: 0.8rem 0.4rem 0.9rem;
  }
  .common-dialog .-container .-wrapper .-right .close {
    cursor: pointer;
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    width: 0.5rem;
    height: 0.5rem;
    z-index: 1;
  }
  .common-dialog .-container .-wrapper .-right .close .svg-ctx {
    width: 100%;
    height: 100%;
    color: white;
  }
  .common-dialog .-container .-wrapper .-right .-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .common-dialog .-container .-wrapper .-right .-content .-title {
    font-size: 0.4rem;
    line-height: 0.6rem;
    text-align: center;
    font-family: "fontFamily-M";
  }
  .common-dialog .-container .-wrapper .-right .-content .-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.4rem;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.2rem;
    margin-bottom: -0.2rem;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item:first-child {
    margin-top: 0;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0;
    margin-bottom: 0.2rem;
    background-color: #F5F7F9;
    border-radius: 0.12rem;
    padding: 0.25rem 0.2rem;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input:first-child {
    margin-left: 0;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input::-webkit-input-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input::-moz-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input:-moz-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input:-ms-input-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea::-webkit-input-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea::-moz-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea:-moz-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea:-ms-input-placeholder {
    color: #757575;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input::-webkit-input-placeholder {
    background: -webkit-linear-gradient(left, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input::-moz-placeholder {
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input:-moz-placeholder {
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.require input:-ms-input-placeholder {
    background: linear-gradient(to right, var(--sk-global-color) 0, var(--sk-global-color) 0.1rem, #757575 0.1rem, #757575 1rem);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input input, .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input textarea {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.39rem;
    resize: none;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input > input {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .common-dialog .-container .-wrapper .-right .-content .-form .form-item .-input .-upload label {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .common-dialog .-container .-wrapper .-right .-content > .-button {
    margin-top: 0.4rem;
    text-align: center;
  }
  .common-dialog .-container .-wrapper .-right .-content > .-button a, .common-dialog .-container .-wrapper .-right .-content > .-button .a {
    width: 100%;
  }

  .download-dialog .-container .-wrapper .-right {
    padding: 0.84rem 0.4rem 0.8rem;
  }
  .download-dialog .-container .-wrapper .-right .close .svg-ctx {
    width: 100%;
    height: 100%;
    color: var(--fcolor03);
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input.-nobg {
    background: none;
    padding: 0;
    margin-bottom: 0;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input .-button {
    margin-top: 0.2rem;
    text-align: center;
  }
  .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input .-button a, .download-dialog .-container .-wrapper .-right .-content .-form .form-item .-input .-button .a {
    width: 100%;
  }

  .apply-dialog .-container .-wrapper {
    height: 90vh;
  }
  .apply-dialog .-container .-wrapper .-right .close .svg-ctx {
    width: 100%;
    height: 100%;
    color: var(--fcolor03);
  }
  .apply-dialog .-container .-wrapper .-right .-content {
    height: 100%;
  }
  .apply-dialog .-container .-wrapper .-right .-content .-form {
    margin-bottom: 0.4rem;
  }
  .apply-dialog .-container .-wrapper .-right .-content .-form .form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .apply-dialog .-container .-wrapper .-right .-content .-form .form-item .-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .apply-dialog .-container .-wrapper .-right .-content .-form .form-item .-tips {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-top: 0;
  }
  .apply-dialog .-container .-wrapper .-right .-content > .-button {
    margin-top: auto;
  }

  .news-page .-banner > .wal {
    padding-top: var(--topPadding);
    overflow: hidden;
  }
  .news-page .-banner > .wal .-body .-title {
    text-align: center;
  }
  .news-page .-banner > .wal .-body .-swiper {
    position: relative;
    margin-top: 0.8rem;
    overflow: hidden;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide {
    background-color: #F5F7F9;
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a:hover .-left img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-left {
    position: relative;
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-left .-tag {
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
    color: var(--fcolor);
    padding: 0.14rem 0.19rem;
    border-radius: 0.16rem;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-left .-tag span {
    opacity: 0.7;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0.6rem 0.4rem 0.65rem;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-name {
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: var(--fcolor02);
    font-family: "fontFamily-M";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-time {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-top: 0.24rem;
    color: var(--fcolor04);
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-text {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.36rem;
    color: var(--fcolor03);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.39rem;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.24rem;
    line-height: 0.32rem;
    margin-top: 0.2rem;
    color: var(--fcolor03);
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd:first-child {
    margin-top: 0;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd img, .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd svg {
    width: 0.4rem;
    height: 0.4rem;
    object-fit: contain;
    margin-right: 0.1rem;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd img path, .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .ico-content dd svg path {
    fill: none;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-button {
    margin-top: 0.63rem;
    text-align: center;
  }
  .news-page .-banner > .wal .-body .-swiper .swiper-wrapper .swiper-slide a .-right .-content .-button.-enroll {
    margin-top: 0.78rem;
  }
  .news-page .-banner > .wal .-body .-swiper .-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    bottom: auto;
    top: 3.45rem;
    z-index: 10;
  }
  .news-page .-banner > .wal .-body .-swiper .-dots span {
    width: 0.17rem;
    height: 0.03rem;
    background-color: rgba(255, 255, 255, 0.6);
    margin-right: 0.06rem;
    opacity: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .news-page .-banner > .wal .-body .-swiper .-dots span:last-child {
    margin-right: 0;
  }
  .news-page .-banner > .wal .-body .-swiper .-dots span.swiper-pagination-bullet-active {
    background-color: var(--sk-global-color);
  }
  .news-page .-foot {
    margin-top: 1.2rem;
    padding-bottom: 1.6rem;
  }
  .news-page .-foot .-nav {
    width: 100%;
    overflow: auto;
  }
  .news-page .-foot .-nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 0.02rem solid var(--borderLine);
  }
  .news-page .-foot .-nav ul li {
    position: relative;
    padding-bottom: 0.24rem;
    margin-right: 0.6rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .news-page .-foot .-nav ul li:last-child {
    margin-right: 0;
  }
  .news-page .-foot .-nav ul li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.02rem;
    width: 100%;
    height: 0.04rem;
    background-color: var(--sk-global-color);
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .news-page .-foot .-nav ul li.on {
    --fcolor04: var(--sk-global-color);
  }
  .news-page .-foot .-nav ul li.on::after {
    opacity: 1;
  }
  .news-page .-foot .-nav ul li a {
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor04);
  }
  .news-page .-foot .-nav ul li a:hover {
    --fcolor04: var(--sk-global-color);
  }
  .news-page .-foot .-filters {
    position: relative;
    z-index: 1;
    margin-top: 0.6rem;
  }
  .news-page .-foot .-filters ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news-page .-foot .-filters ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0;
    margin-top: 0.2rem;
  }
  .news-page .-foot .-filters ul li:first-child {
    margin: 0;
  }
  .news-page .-foot .-list {
    margin-top: 0.6rem;
  }
  .news-page .-foot .-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: -0.8rem;
  }
  .news-page .-foot .-list ul li {
    margin-top: 0.8rem !important;
  }
  .news-page .-foot .-list ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .news-page .-foot .-list ul li a:hover {
    --fcolor02: var(--sk-global-color);
  }
  .news-page .-foot .-list ul li a:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .news-page .-foot .-list ul li a .-img {
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .news-page .-foot .-list ul li a .-name {
    font-size: 0.36rem;
    line-height: 0.54rem;
    margin-top: 0.4rem;
    margin-bottom: auto;
    color: var(--fcolor02);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .news-page .-foot .-list ul li a .-time {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-top: 0.24rem;
    color: var(--fcolor04);
  }
  .news-page .-foot .-list ul li a .ico-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .news-page .-foot .-list ul li a .ico-content dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.24rem;
    line-height: 0.32rem;
    margin-top: 0.3rem;
    margin-right: 0.36rem;
    color: var(--fcolor04);
  }
  .news-page .-foot .-list ul li a .ico-content dd img, .news-page .-foot .-list ul li a .ico-content dd svg {
    width: 0.4rem;
    height: 0.4rem;
    object-fit: contain;
    margin-right: 0.1rem;
  }
  .news-page .-foot .-list ul li a .ico-content dd img path, .news-page .-foot .-list ul li a .ico-content dd svg path {
    fill: none;
    stroke: currentColor;
  }
  .news-page .-foot .-list ul li a .-text {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.36rem;
    color: var(--fcolor04);
  }
  .news-page.-cases .-banner > .wal {
    overflow: visible;
  }
  .news-page.-cases .-foot {
    margin-top: 0.8rem;
  }
  .news-page.-cases .-foot .-list {
    margin-top: 0.4rem;
  }
  .news-page.-cases .-foot .-list ul li a:hover {
    cursor: default;
    --fcolor02: #333333;
  }
  .news-page.-cases .-foot .-list ul li a:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }

  .-phone-dots {
    margin-top: 0.61rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .-phone-dots span {
    background-color: #E8E8E8;
    width: 0.16rem;
    height: 0.16rem;
    border-radius: 50%;
    margin-right: 0.1rem !important;
    opacity: 1 !important;
  }
  .-phone-dots span:last-child {
    margin-right: 0;
  }
  .-phone-dots span.swiper-pagination-bullet-active {
    background-color: var(--sk-global-color);
  }

  .news_detail-page .-container .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-top: 2.5rem;
    padding-bottom: 1.6rem;
  }
  .news_detail-page .-container .-recommend {
    position: static;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
    padding-top: 0;
    margin-top: 1rem;
  }
  .news_detail-page .-container .-recommend .-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.39rem 0.4rem 0.56rem;
    background-color: #F5F7F9;
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .news_detail-page .-container .-recommend .-content .-head {
    border-bottom: 0.02rem solid #DEDEDE;
  }
  .news_detail-page .-container .-recommend .-content .-head .-title {
    position: relative;
    display: inline-block;
    font-size: 0.32rem;
    line-height: 0.48rem;
    padding-bottom: 0.33rem;
    color: var(--fcolor02);
  }
  .news_detail-page .-container .-recommend .-content .-head .-title::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.02rem;
    width: 0.8;
    border-top: 0.01rem solid var(--sk-global-color);
    border-bottom: 0.01rem solid var(--sk-global-color);
  }
  .news_detail-page .-container .-recommend .-content .-body {
    margin-top: 0.54rem;
    width: 100%;
  }
  .news_detail-page .-container .-recommend .-content .-body dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news_detail-page .-container .-recommend .-content .-body dl dd {
    width: 100%;
    margin-top: 0.25rem;
  }
  .news_detail-page .-container .-recommend .-content .-body dl dd:first-child {
    margin-top: 0;
  }
  .news_detail-page .-container .-recommend .-content .-body dl dd a {
    width: 100%;
    color: var(--fcolor03);
    font-size: 0.26rem;
    line-height: 0.39rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .news_detail-page .-container .-recommend .-content .-body dl dd a:hover {
    color: var(--fcolor02);
  }
  .news_detail-page .-container .-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0;
  }
  .news_detail-page .-container .-right .-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .news_detail-page .-container .-right .-box .-head .-title {
    font-size: 0.56rem;
    line-height: 0.84rem;
  }
  .news_detail-page .-container .-right .-box .-head .-other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 0.24rem;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-time {
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
    margin-top: 0.5rem;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share .-label {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-right: 0.42rem;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd {
    margin-right: 0.42rem;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd:last-child {
    margin-right: 0;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a {
    color: var(--fcolor04);
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a:hover {
    color: var(--sk-global-color);
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .icon {
    width: 0.5rem;
    height: 0.36rem;
  }
  .news_detail-page .-container .-right .-box .-head .-other .-share dl dd a .icon svg {
    width: 100%;
    height: 100%;
  }
  .news_detail-page .-container .-right .-box .-content {
    margin-top: 0.76rem;
  }
  .news_detail-page .-container .-right .-box .-content h1 {
    font-size: 28px;
  }
  .news_detail-page .-container .-right .-box .-content h2 {
    font-size: 24px;
  }
  .news_detail-page .-container .-right .-box .-content h3 {
    font-size: 18.72px;
  }
  .news_detail-page .-container .-right .-box .-content h4 {
    font-size: 16px;
  }
  .news_detail-page .-container .-right .-box .-content p:has(video) {
    text-align: center;
  }
  .news_detail-page .-container .-right .-box .-content video,
.news_detail-page .-container .-right .-box .-content img {
    max-width: 100%;
  }
  .news_detail-page .-container .-right .-box .-content p {
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
  }
  .news_detail-page .-container .-right .-box .-foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.6rem;
    padding-top: 0.45rem;
    border-top: 0.01rem solid #E3E5EA;
  }
  .news_detail-page .-container .-right .-box .-foot .-go {
    max-width: 100%;
  }
  .news_detail-page .-container .-right .-box .-foot .-go .-prev,
.news_detail-page .-container .-right .-box .-foot .-go .-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
  }
  .news_detail-page .-container .-right .-box .-foot .-go .-prev span,
.news_detail-page .-container .-right .-box .-foot .-go .-next span {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .news_detail-page .-container .-right .-box .-foot .-go .-prev a,
.news_detail-page .-container .-right .-box .-foot .-go .-next a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--fcolor03);
  }
  .news_detail-page .-container .-right .-box .-foot .-go .-prev a:hover,
.news_detail-page .-container .-right .-box .-foot .-go .-next a:hover {
    color: var(--fcolor02);
  }
  .news_detail-page .-container .-right .-box .-foot .-go .-next {
    margin-top: 0.23rem;
  }
  .news_detail-page .-container .-right .-box .-foot .-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
    margin-top: 0.6rem;
  }
  .news_detail-page .-container .-right .-box .-foot .-back a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.26rem;
    min-width: 3rem;
    line-height: 0.38rem;
    padding: 0.3rem 0.6rem;
    background-color: #ECEEEF;
    color: var(--fcolor04);
    border-radius: 0.5rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .news_detail-page .-container .-right .-box .-foot .-back a svg {
    color: var(--fcolor04);
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.11rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .news_detail-page .-container .-right .-box .-foot .-back a:hover {
    background-color: var(--sk-global-color);
    color: white;
  }
  .news_detail-page .-container .-right .-box .-foot .-back a:hover svg {
    color: white;
  }

  .downloads-page .-container .wal {
    max-width: 100%;
    padding-top: 2.02rem;
    padding-bottom: 1.6rem;
  }
  .downloads-page .-container .wal .-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.5rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .downloads-page .-container .wal .-box .-left {
    position: static;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
  }
  .downloads-page .-container .wal .-box .-left ul li {
    margin-bottom: 0;
    padding: 0.39rem 0;
    border-bottom: 0.02rem solid #E8E8E8;
  }
  .downloads-page .-container .wal .-box .-left ul li:last-child {
    margin-bottom: 0;
  }
  .downloads-page .-container .wal .-box .-left ul li.on .-front::after {
    -webkit-transform: translate(0, -50%) rotate(0deg);
        -ms-transform: translate(0, -50%) rotate(0deg);
            transform: translate(0, -50%) rotate(0deg);
  }
  .downloads-page .-container .wal .-box .-left ul li .-front {
    cursor: pointer;
    position: relative;
    padding-right: 0.32rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor02);
  }
  .downloads-page .-container .wal .-box .-left ul li .-front::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0.24rem;
    height: 0.24rem;
    -webkit-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg);
    background: url(../../image/shenzhenkehua/hry/svg19.svg) center center no-repeat;
    background-size: contain;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .downloads-page .-container .wal .-box .-left ul li .-sub {
    display: none;
    padding-top: 0.43rem;
    padding-left: 0.35rem;
  }
  .downloads-page .-container .wal .-box .-left ul li .-sub dl dd {
    margin-bottom: 0.39rem;
    border-radius: 0;
    overflow: hidden;
  }
  .downloads-page .-container .wal .-box .-left ul li .-sub dl dd:last-child {
    margin-bottom: 0;
  }
  .downloads-page .-container .wal .-box .-left ul li .-sub dl dd.on a {
    color: var(--sk-global-color);
    background-color: transparent;
  }
  .downloads-page .-container .wal .-box .-left ul li .-sub dl dd a {
    display: block;
    padding: 0;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor03);
  }
  .downloads-page .-container .wal .-box .-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item {
    display: none;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item.on {
    display: block;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .select-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
    margin-top: 0.5rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .select-box .-select {
    width: 100%;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body {
    margin-top: 0.8rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info .-title {
    font-size: 0.36rem;
    line-height: 0.54rem;
    color: var(--fcolor02);
    font-family: "fontFamily-M";
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info .-count {
    margin-left: auto;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body > .-info .-count em {
    color: var(--sk-global-color);
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list {
    margin-top: 0.4rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.4rem 0;
    border-top: 0.01rem solid #E7E7E7;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li:last-child {
    border-bottom: 0.01rem solid #E7E7E7;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 0;
    padding-left: 0.14rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .icon {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.23rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .icon svg {
    width: 100%;
    height: 100%;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .-info .-tit {
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor02);
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-content .-info .-time {
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-top: 0.12rem;
    color: var(--fcolor04);
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 0;
    margin-top: 0.42rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-left: 0.77rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
    margin-right: 0.48rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a:last-child {
    margin-right: 0;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a:hover {
    color: var(--sk-global-color);
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-common ul li .-btns a svg {
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.15rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media screen and (max-width: 800px) and (min-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li {
    margin-top: 0.48rem;
  }
}
@media screen and (max-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a {
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a:hover .img .hover-content {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img {
    width: 100%;
    position: relative;
    padding-top: 62.33%;
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img .hover-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    -webkit-backdrop-filter: none;
            backdrop-filter: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img .hover-content .-play-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    color: white;
    -webkit-backdrop-filter: blur(0.2rem);
            backdrop-filter: blur(0.2rem);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .img .hover-content .-play-btn .svg-ctx {
    width: 0.32rem;
    height: 0.24rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-video ul li a .-name {
    margin-top: 0.24rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li {
    margin-top: 0.6rem;
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li:hover .img .hover-content {
    opacity: 1;
    visibility: visible;
    z-index: 10;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img {
    width: 100%;
    position: relative;
    padding-top: 133.33%;
    border-radius: 0.16rem;
    overflow: hidden;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(0.2rem);
            backdrop-filter: blur(0.2rem);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 1.8rem;
    padding: 0.14rem 0.24rem;
    color: var(--sk-global-color);
    background-color: white;
    font-size: 0.24rem;
    line-height: 0.42rem;
    border-radius: 0.5rem;
    margin-bottom: 0.1rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a:last-child {
    margin-bottom: 0;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a:hover {
    color: white;
    background-color: var(--sk-global-color);
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .img .hover-content a .svg-ctx {
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.1rem;
  }
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list.-report ul li .-name {
    margin-top: 0.24rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  .downloads-page .-container .wal .-box .-right .tab-list .tab-item .-body .-list .-pagination {
    margin-top: 0.56rem;
  }
}
@media screen and (max-width: 800px) {
  .faq-page .-container .wal {
    max-width: 100%;
    padding-top: 2.02rem;
    padding-bottom: 1.6rem;
  }
  .faq-page .-container .wal .search-input-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0.87rem auto 0;
    padding: 0 0 0.32rem;
    max-width: 100%;
  }
  .faq-page .-container .wal .search-input-box .search-icon {
    width: 0.4rem;
    height: 0.4rem;
  }
  .faq-page .-container .wal .search-input-box .search-icon path {
    fill: #999999;
  }
  .faq-page .-container .wal .search-input-box input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 0 0.25rem;
    font-size: 0.32rem;
    color: var(--fcolor02);
    line-height: 0.48rem;
  }
  .faq-page .-container .wal .search-input-box .search {
    font-size: 0.26rem;
    color: #999999;
    line-height: 0.39rem;
    cursor: pointer;
  }
  .faq-page .-container .wal .search-input-box .prog-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.02rem;
    background-color: #b8b8b8;
  }
  .faq-page .-container .wal .search-input-box .prog-line .line-inner {
    height: 100%;
    width: 0;
    background: -webkit-linear-gradient(left, #ffffff, #ff0010);
    background: linear-gradient(to right, #ffffff, #ff0010);
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    position: absolute;
  }
  .faq-page .-container .wal .-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.6rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .faq-page .-container .wal .-box .-left {
    position: static;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%;
    height: auto;
  }
  .faq-page .-container .wal .-box .-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0.8rem;
  }
  .faq-page .-container .wal .-box .-right .-list ul li {
    padding: 0.4rem 0;
    border-top: 0.02rem solid #EBEBEB;
  }
  .faq-page .-container .wal .-box .-right .-list ul li:last-child {
    border-bottom: 0.02rem solid #EBEBEB;
  }
  .faq-page .-container .wal .-box .-right .-list ul li.on .-front .-btn .svg-ctx {
    display: none;
  }
  .faq-page .-container .wal .-box .-right .-list ul li.on .-front .-btn .svg-ctx._off {
    display: block;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-front {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor02);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "fontFamily-M";
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-front .-btn {
    width: 0.6rem;
    height: 0.6rem;
    margin-left: auto;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-front .-btn .svg-ctx {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-front .-btn .svg-ctx._off {
    display: none;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content {
    display: none;
    padding-top: 0.47rem;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content .-inner {
    background-color: #F5F7F9;
    border-radius: 0.36rem;
    padding: 0.53rem 0.42rem 0.56rem;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row {
    margin-top: 0.68rem;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row:first-child {
    margin-top: 0;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-head img {
    width: 0.4rem;
    height: 0.4rem;
    object-fit: contain;
    margin-right: 0.2rem;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-body {
    margin-top: 0.2rem;
  }
  .faq-page .-container .wal .-box .-right .-list ul li .-content .-inner .-row .row-body .-text p {
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
  }
  .faq-page .-container .wal .-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 5.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.6rem;
    margin-top: 0.8rem;
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .faq-page .-container .wal .-contact .-content .tit {
    text-align: center;
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: white;
    font-family: "fontFamily-B";
  }
  .faq-page .-container .wal .-contact .-content .-button {
    margin-top: 0.48rem;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  .product_detail-page .-top-section {
    position: relative;
    background: -webkit-linear-gradient(top, #EBEFF3 22%, #FFFFFF 72%);
    background: linear-gradient(180deg, #EBEFF3 22%, #FFFFFF 72%);
    padding-top: 0;
    overflow: hidden;
  }
  .product_detail-page .-top-section .-puppet {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
  }
  .product_detail-page .-top-section .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: auto;
    padding-top: 2.14rem;
  }
  .product_detail-page .-top-section .wal .-stacked-bottom,
.product_detail-page .-top-section .wal .-info,
.product_detail-page .-top-section .wal .-imgs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .product_detail-page .-top-section .wal .-info {
    position: static;
    z-index: 1;
    max-width: 100%;
    height: auto;
    padding-top: 0;
    opacity: 0;
    -webkit-transform: translate(0, 0.6rem);
        -ms-transform: translate(0, 0.6rem);
            transform: translate(0, 0.6rem);
  }
  .product_detail-page .-top-section .wal .-info .-sku {
    text-align: center;
    font-size: 0.36rem;
    line-height: 0.42rem;
    color: var(--fcolor02);
    font-family: "fontFamily-M";
  }
  .product_detail-page .-top-section .wal .-info .-name {
    text-align: center;
    font-size: 0.56rem;
    line-height: 0.66rem;
    color: var(--fcolor02);
    font-family: "fontFamily-B";
  }
  .product_detail-page .-top-section .wal .-info .-context,
.product_detail-page .-top-section .wal .-info .-icons {
    display: none;
  }
  .product_detail-page .-top-section .wal .-info .-button {
    display: none;
  }
  .product_detail-page .-top-section .wal .-imgs {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.4rem;
  }
  .product_detail-page .-top-section .wal .-imgs .-bigImg-swiper {
    width: 5rem;
    height: 4.4rem;
    overflow: hidden;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-left: calc(.8rem + .9rem);
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    z-index: 2;
  }
  .product_detail-page .-top-section .wal .-imgs .-bigImg-swiper .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .product_detail-page .-top-section .wal .-imgs .-bigImg-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .product_detail-page .-top-section .wal .-imgs .-bigImg-swiper .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper {
    position: relative;
    width: 0.8rem;
    height: 3.68rem;
    margin-left: 0.9rem;
    opacity: 0;
    z-index: 2;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide {
    cursor: pointer;
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-bottom: 0.16rem;
    padding: 0.08rem;
    width: 100%;
    height: 0.8rem;
    border: 0.02rem solid #ECECEC;
    border-radius: 0.16rem;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide:last-child {
    margin-bottom: 0;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide.on {
    border: 0.02rem solid var(--sk-global-color);
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .prev,
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next {
    position: absolute;
    top: -0.16rem;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    color: #D8D8D8;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .prev:hover,
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next:hover {
    color: var(--fcolor02);
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .prev svg,
.product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next svg {
    width: 0.32rem;
    height: 0.1rem;
  }
  .product_detail-page .-top-section .wal .-imgs .-smallImg-swiper .swiper-arrow .next {
    top: auto;
    bottom: -0.16rem;
    -webkit-transform: translate(-50%, 100%);
        -ms-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
  }
  .product_detail-page .-top-section .wal .-imgs .-stacked-bottom {
    font-family: "fontFamily-B";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2rem;
    line-height: 2.34rem;
  }
  .product_detail-page .-top-section .wal .-mb_info {
    opacity: 0;
    -webkit-transform: translate(0, 0.6rem);
        -ms-transform: translate(0, 0.6rem);
            transform: translate(0, 0.6rem);
  }
  .product_detail-page .-top-section .wal .-mb_info .-context {
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
    margin-top: 0.5rem;
    text-align: justify;
  }
  .product_detail-page .-top-section .wal .-mb_info .-icons {
    margin-top: 0.65rem;
  }
  .product_detail-page .-top-section .wal .-mb_info .-icons dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: -0.73rem;
  }
  .product_detail-page .-top-section .wal .-mb_info .-icons dl dd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.73rem;
  }
  .product_detail-page .-top-section .wal .-mb_info .-icons dl dd img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
  }
  .product_detail-page .-top-section .wal .-mb_info .-icons dl dd .-text {
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor02);
    margin-top: 0.12rem;
  }
  .product_detail-page .-top-section .wal .-mb_info .-button {
    margin-top: 0.94rem;
    text-align: center;
  }
  .product_detail-page .-highlights {
    margin-bottom: 1.59rem;
  }
  .product_detail-page .-highlights .wal {
    padding-top: 1.6rem;
    padding-bottom: 0;
  }
  .product_detail-page .-highlights .wal .-list {
    margin-top: 0.6rem;
    overflow: hidden;
  }
  .product_detail-page .-highlights .wal .-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .product_detail-page .-highlights .wal .-list ul li {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0.36rem;
    border: 0.02rem solid #E6E6E6;
    overflow: hidden;
    margin-right: 0.27rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .product_detail-page .-highlights .wal .-list ul li:last-child {
    margin-right: 0.27rem;
  }
  .product_detail-page .-highlights .wal .-list ul li .-top {
    position: relative;
    width: 100%;
    padding: 0.48rem 0.53rem 0.42rem;
    background: -webkit-linear-gradient(279deg, #F8E9E9 26%, #F5F7F9 100%);
    background: linear-gradient(171deg, #F8E9E9 26%, #F5F7F9 100%);
  }
  .product_detail-page .-highlights .wal .-list ul li .-top .-icon {
    position: absolute;
    right: 0;
    top: 0.4rem;
    width: 2.64rem;
    height: 2.64rem;
  }
  .product_detail-page .-highlights .wal .-list ul li .-top .-icon img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .product_detail-page .-highlights .wal .-list ul li .-top .-icon img.-default {
    opacity: 0;
  }
  .product_detail-page .-highlights .wal .-list ul li .-top .-icon img.-hover {
    opacity: 1;
  }
  .product_detail-page .-highlights .wal .-list ul li .-top .-num {
    font-family: "fontFamily-NUM";
    font-size: 0.84rem;
    line-height: 1.02rem;
    background-color: var(--sk-global-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.32rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .product_detail-page .-highlights .wal .-list ul li .-top .-text {
    font-size: 0.36rem;
    line-height: 0.54rem;
    color: var(--fcolor02);
    margin-top: auto;
  }
  .product_detail-page .-highlights .wal .-list ul li .-content {
    padding: 0.5rem 0.4rem 0.5rem 0.71rem;
    height: 100%;
  }
  .product_detail-page .-highlights .wal .-list ul li .-content p {
    position: relative;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
    margin-bottom: 0.28rem;
  }
  .product_detail-page .-highlights .wal .-list ul li .-content p:last-child {
    margin-bottom: 0;
  }
  .product_detail-page .-highlights .wal .-list ul li .-content p::before {
    content: "";
    display: block;
    position: absolute;
    width: 0.11rem;
    height: 0.11rem;
    top: 0.13rem;
    left: -0.2rem;
    background-color: var(--sk-global-color);
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  .product_detail-page .-curve {
    background-color: #F5F7F9;
  }
  .product_detail-page .-curve .wal {
    max-width: 12rem;
    padding-top: 1.41rem;
    padding-bottom: 0.32rem;
  }
  .product_detail-page .-curve .wal .-list {
    margin-top: 0.6rem;
    overflow: hidden;
  }
  .product_detail-page .-curve .wal .-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .product_detail-page .-curve .wal .-list ul li {
    width: 100%;
    height: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-right: 0.2rem;
  }
  .product_detail-page .-curve .wal .-list ul li .img {
    position: relative;
    width: 100%;
    padding-top: 78.5%;
    background-color: white;
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .product_detail-page .-curve .wal .-list ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .product_detail-page .-curve .wal .-list ul li .-name {
    font-family: "fontFamily-M";
    font-size: 0.32rem;
    line-height: 0.48rem;
    margin-top: 0.28rem;
    text-align: center;
  }
  .product_detail-page .-parameter {
    background: -webkit-linear-gradient(top, #F5F7F9 0%, #FFFFFF 100%);
    background: linear-gradient(180deg, #F5F7F9 0%, #FFFFFF 100%);
  }
  .product_detail-page .-parameter .wal {
    max-width: 100%;
    padding-top: 1.4rem;
    padding-bottom: 0;
  }
  .product_detail-page .-parameter .wal .-table {
    width: 100%;
    margin-top: 0;
    border-radius: 0.28rem;
    border: 0.02rem solid #E6E6E6;
    overflow: hidden;
  }
  .product_detail-page .-parameter .wal .-table table {
    width: 100%;
    border-collapse: collapse;
  }
  .product_detail-page .-parameter .wal .-table table tr {
    border: 0.02rem solid #E6E6E6;
    background-color: white;
    border-right: 0;
    border-left: 0;
  }
  .product_detail-page .-parameter .wal .-table table tr:first-child {
    border-top: 0;
  }
  .product_detail-page .-parameter .wal .-table table tr:first-child td {
    border-top: 0;
  }
  .product_detail-page .-parameter .wal .-table table tr:last-child {
    border-bottom: 0;
  }
  .product_detail-page .-parameter .wal .-table table tr:last-child td {
    border-bottom: 0;
  }
  .product_detail-page .-parameter .wal .-table table tr:nth-child(2n+1) {
    background-color: #F5F7F9;
  }
  .product_detail-page .-parameter .wal .-table table tr td {
    padding: 0.27rem 0.28rem 0.24rem;
    text-align: center;
    color: var(--fcolor03);
    font-size: 0.26rem;
    line-height: 0.39rem;
    border: 0.02rem solid #E6E6E6;
  }
  .product_detail-page .-parameter .wal .-table table tr td:first-child {
    text-align: left;
    border-left: 0;
    color: var(--fcolor02);
    width: 50%;
  }
  .product_detail-page .-parameter .wal .-table table tr td:last-child {
    border-right: 0;
  }
  .product_detail-page .-parameter .wal .-button {
    text-align: center;
    margin-top: 0.6rem;
  }
  .product_detail-page .-parameter .wal .phone-table-list {
    margin-top: 0.6rem;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab {
    position: relative;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-arrow-right {
    position: absolute;
    top: 0;
    right: -0.4rem;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-arrow-right .svg-ctx {
    width: 0.4rem;
    height: 0.4rem;
    color: var(--fcolor04);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-scroll {
    overflow: auto;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-scroll ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    width: 100%;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-scroll ul li {
    position: relative;
    margin-right: 0.8rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-bottom: 0.24rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor04);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-scroll ul li:last-child {
    margin-right: 0;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-scroll ul li.on {
    color: var(--sk-global-color);
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-scroll ul li.on::after {
    display: block;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-tab .-scroll ul li::after {
    content: "";
    display: block;
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.03rem;
    background-color: var(--sk-global-color);
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-list {
    margin-top: 0.5rem;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-list .-table-item {
    display: none;
  }
  .product_detail-page .-parameter .wal .phone-table-list .-table-list .-table-item.on {
    display: block;
  }
  .product_detail-page .-button-box {
    margin-top: 0.6rem;
  }
  .product_detail-page .-button-box .wal .-button {
    text-align: center;
  }
  .product_detail-page .-scene .wal {
    padding-top: 1.58rem;
    padding-bottom: 0;
  }
  .product_detail-page .-scene .wal .-body {
    margin-top: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper {
    width: 100%;
    height: auto;
    border-radius: 0;
    overflow: hidden;
    margin-right: 0;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper {
    width: 100%;
    height: auto;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    margin-right: 0.27rem;
    border-radius: 0.2rem;
    overflow: hidden;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-bg {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 75.07%;
    border-radius: 0.36rem;
    overflow: hidden;
    z-index: 0;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-content {
    color: white;
    margin-top: 0.38rem;
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-content .-name {
    font-family: "fontFamily-M";
    font-size: 0.36rem;
    line-height: 0.54rem;
    color: var(--fcolor02);
  }
  .product_detail-page .-scene .wal .-body .-left-swiper .swiper-wrapper .swiper-slide .-content .-text {
    font-size: 0.26rem;
    line-height: 0.34rem;
    margin-top: 0.2rem;
    color: var(--fcolor03);
  }
  .product_detail-page .-scene .wal .-body .-right-swiper {
    display: none;
  }
  .product_detail-page .application-cases-hry {
    padding-bottom: 0;
  }
  .product_detail-page .application-cases-hry .application-hry-pagination {
    position: static;
    margin-top: 0.61rem;
  }
  .product_detail-page .application-cases-hry .application-hry-pagination span {
    opacity: 1;
  }
  .product_detail-page .-hots .wal {
    padding-top: 1.59rem;
    padding-bottom: 0;
  }
  .product_detail-page .-hots .wal .-list {
    margin-top: 0.6rem;
  }
  .product_detail-page .-hots .wal .-list .-container {
    overflow: hidden;
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide {
    width: 100%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border-radius: 0.36rem;
    margin-right: 0.35rem;
    background: #FAFAFA;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0.35rem;
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    padding: 0.7rem;
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .img {
    width: 100%;
    height: 4.6rem;
    margin-bottom: 0.55rem;
    overflow: hidden;
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .-sku {
    font-size: 0.24rem;
    line-height: 0.28rem;
    margin-top: auto;
    text-align: center;
    color: var(--fcolor03);
  }
  .product_detail-page .-hots .wal .-list .-container .swiper-wrapper .swiper-slide a .-name {
    font-size: 0.32rem;
    line-height: 0.38rem;
    text-align: center;
    margin-top: 0.08rem;
    color: var(--fcolor02);
    font-family: "fontFamily-M";
  }
  .product_detail-page .-hots .wal .-list .swiper-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 3.2rem;
    height: 0.01rem;
    margin: 0.9rem auto 0;
  }
  .product_detail-page .-hots .wal .-list .swiper-control .-progress {
    --w: 0%;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #DEDEDE;
  }
  .product_detail-page .-hots .wal .-list .swiper-control .-progress .swiper-pagination-progressbar-fill {
    background: var(--sk-global-color);
  }
  .product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .prev,
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: -0.51rem;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
        -ms-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    border: 0.01rem solid #D8D8D8;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .prev:hover,
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next:hover {
    border-color: var(--sk-global-color);
  }
  .product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .prev svg,
.product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next svg {
    width: 0.06rem;
    height: 0.1rem;
    color: var(--fcolor02);
  }
  .product_detail-page .-hots .wal .-list .swiper-control .swiper-arrow .next {
    left: auto;
    right: -0.51rem;
    -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
  }
  .product_detail-page .contact-us-hry {
    padding-top: 1.59rem;
  }
}
@media screen and (max-width: 800px) {
  .about-page .common__banner .banner_wrapper .banner_main .banner_list {
    height: auto;
  }
  .about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item {
    width: 100%;
    height: 100%;
  }
  .about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a,
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a {
    padding-top: 128%;
  }
  .about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content,
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content {
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .title,
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .title {
    font-family: "fontFamily-B";
    font-size: 0.64rem;
    line-height: 0.84rem;
    text-align: center;
  }
  .about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .-button,
.about-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .-button {
    margin-top: 0.55rem;
  }
  .about-page .-introduce {
    position: relative;
    height: auto;
    overflow: hidden;
  }
  .about-page .-introduce .-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .about-page .-introduce .-bg::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    background: -webkit-linear-gradient(104deg, rgba(255, 255, 255, 0) 0%, #F6F8FA 44%, #EDF2F6 72%);
    background: linear-gradient(346deg, rgba(255, 255, 255, 0) 0%, #F6F8FA 44%, #EDF2F6 72%);
  }
  .about-page .-introduce .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 0.82rem;
    padding-bottom: 1.24rem;
    height: 100%;
  }
  .about-page .-introduce .wal .-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: auto;
    padding: 0.64rem 0.4rem;
    margin-right: 0;
    border-radius: 0.36rem;
    box-shadow: 0rem 0rem 1rem 0rem rgba(153, 153, 153, 0.15);
    overflow: hidden;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .about-page .-introduce .wal .-left .section-title {
    text-align: center;
  }
  .about-page .-introduce .wal .-left .-context {
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
    margin-top: 0.28rem;
  }
  .about-page .-introduce .wal .-year {
    position: relative;
    padding: 0;
    margin-top: 1.27rem;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .about-page .-introduce .wal .-year::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -0.8rem;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    background: url(../../image/shenzhenkehua/about/m-line.svg) center center no-repeat;
    background-size: contain;
  }
  .about-page .-introduce .wal .-year ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .about-page .-introduce .wal .-year ul li {
    width: 40%;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    height: auto;
    color: rgba(51, 51, 51, 0.3);
    -webkit-transition: 0s;
    transition: 0s;
    margin-bottom: 0.2rem;
  }
  .about-page .-introduce .wal .-year ul li.active, .about-page .-introduce .wal .-year ul li.swiper-slide-active {
    color: var(--sk-global-color) !important;
  }
  .about-page .-introduce .wal .-year ul li .inner {
    height: 100%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
  .about-page .-introduce .wal .-year ul li .data-num {
    text-align: center;
    font-size: 0.84rem;
    line-height: 1.26rem;
    font-family: "fontFamily-B";
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  .about-page .-introduce .wal .-year ul li .data-unit {
    text-align: center;
    font-size: 0.24rem;
    line-height: 0.36rem;
    -webkit-transition: 0.1s;
    transition: 0.1s;
  }
  .about-page .-introduce .wal .-right {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2.32rem;
    margin-left: 0;
    z-index: -1;
  }
  .about-page .-introduce .wal .-right::before {
    display: none;
  }
  .about-page .-introduce .wal .-right .-background {
    width: 100%;
    height: 100%;
    -webkit-transform: 0;
        -ms-transform: 0;
            transform: 0;
    margin-right: 0;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
    overflow: hidden;
  }
  .about-page .-introduce .wal .-right .-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about-page .-culture .wal {
    padding-top: 1.44rem;
    padding-bottom: 0;
  }
  .about-page .-culture .wal .-list {
    margin-top: 0.6rem;
    border-radius: 0.2rem;
    overflow: hidden;
  }
  .about-page .-culture .wal .-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .about-page .-culture .wal .-list ul li {
    width: 100%;
    height: 8rem;
    padding: 0;
    border-radius: 0.2rem;
    overflow: hidden;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-right: 0.16rem;
  }
  .about-page .-culture .wal .-list ul li .-inner {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .about-page .-culture .wal .-list ul li .-inner .-content {
    position: absolute;
    width: 100%;
    bottom: 0.59rem;
    left: 50%;
    padding: 0 0.2rem;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    color: white;
    overflow: hidden;
  }
  .about-page .-culture .wal .-list ul li .-inner .-content .-tit {
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    line-height: 0.32rem;
    padding-bottom: 0;
  }
  .about-page .-culture .wal .-list ul li .-inner .-content .-text {
    font-size: 0.36rem;
    line-height: 0.54rem;
    height: auto;
    text-align: center;
    margin-top: 0.28rem;
    letter-spacing: 0.07rem;
  }
  .about-page .-history {
    background: -webkit-linear-gradient(top, #FFFFFF 54%, #F5F7F9 100%);
    background: linear-gradient(180deg, #FFFFFF 54%, #F5F7F9 100%);
    overflow: hidden;
  }
  .about-page .-history .wal {
    padding-top: 1.4rem;
    padding-bottom: 0;
  }
  .about-page .-history .wal .-body {
    margin-top: 0.57rem;
  }
  .about-page .-history .wal .-body .year-swiper {
    margin: 0;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container {
    overflow: visible;
    position: relative;
    padding: 0;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide {
    --c: rgba(51, 51, 51, 0.20);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    min-height: 6.32rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.58rem 0.3rem;
    border-radius: 0.36rem;
    color: var(--c);
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.2;
    border: 0.01rem solid #e0e0e0;
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0px 0px 1rem 0px rgba(153, 153, 153, 0.25);
    border-radius: 0.2rem;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-year {
    font-family: "fontFamily-B";
    font-size: 0.96rem;
    line-height: 1.44rem;
    -webkit-transform: scale(0.6651);
        -ms-transform: scale(0.6651);
            transform: scale(0.6651);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.33rem;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text p {
    position: relative;
    font-size: 0.28rem;
    line-height: 0.36rem;
    padding-left: 0.27rem;
    margin-bottom: 0.28rem;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text p:last-child {
    margin-bottom: 0;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide .-text p::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.13rem;
    width: 0.11rem;
    height: 0.11rem;
    background-color: var(--c);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
    --c: var(--sk-global-color);
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active::after {
    opacity: 0.2;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .-year {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .-text {
    color: rgba(0, 0, 0, 0.7);
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .prev,
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 1rem;
    top: 1.15rem;
    -webkit-transform: translate(0, 0) rotate(180deg);
        -ms-transform: translate(0, 0) rotate(180deg);
            transform: translate(0, 0) rotate(180deg);
    width: 0.15rem;
    height: 0.23rem;
    border-radius: 0;
    border: 0;
    z-index: 10;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .prev:hover,
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next:hover {
    border-color: var(--sk-global-color);
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .prev svg,
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next svg {
    width: 100%;
    height: 100%;
    color: #E8E8E8;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .prev svg path,
.about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next svg path {
    fill: currentColor;
  }
  .about-page .-history .wal .-body .year-swiper .swiper-container .swiper-arrow .next {
    left: auto;
    right: 1rem;
    -webkit-transform: translate(0, 0) rotate(0deg);
        -ms-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg);
  }
  .about-page .-history .wal .-body .mark-year {
    width: 100%;
    overflow: hidden;
    margin: 1.17rem 0 0;
    padding: 0 0.32rem;
  }
  .about-page .-history .wal .-body .mark-year .left-fixed .mark-year-item {
    position: relative;
  }
  .about-page .-history .wal .-body .mark-year .left-fixed .mark-year-item .-mark {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-transform: translate(0%, 0);
        -ms-transform: translate(0%, 0);
            transform: translate(0%, 0);
    padding-left: 0;
  }
  .about-page .-history .wal .-body .mark-year .left-fixed .mark-year-item .-mark span {
    margin-right: 0.13rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .about-page .-history .wal .-body .mark-year .left-fixed .mark-year-item .-mark span:first-child {
    display: none;
  }
  .about-page .-history .wal .-body .mark-year .right-scroll {
    width: 100%;
    padding: 0 0.32rem;
    overflow: hidden;
  }
  .about-page .-history .wal .-body .mark-year .right-scroll .swiper-container {
    width: 100%;
  }
  .about-page .-history .wal .-body .mark-year .right-scroll .swiper-container ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .about-page .-history .wal .-body .mark-year .mark-year-item {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-bottom: 0.4rem;
    width: 1.78rem;
  }
  .about-page .-history .wal .-body .mark-year .mark-year-item.active .-mark span {
    background-color: var(--sk-global-color);
  }
  .about-page .-history .wal .-body .mark-year .mark-year-item.on .-year {
    color: var(--sk-global-color);
  }
  .about-page .-history .wal .-body .mark-year .mark-year-item .-year {
    cursor: pointer;
    width: 0.64rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    color: var(--fcolor02);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "fontFamily-M";
  }
  .about-page .-history .wal .-body .mark-year .mark-year-item .-mark {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    bottom: 0;
    left: 0;
    padding-left: 0.13rem;
    pointer-events: none;
    -webkit-transform: translate(-100%, 0);
        -ms-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
  .about-page .-history .wal .-body .mark-year .mark-year-item .-mark span {
    width: 1px;
    height: 0.16rem;
    background-color: #DBDBDB;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-history .wal .-body .mark-year .mark-year-item .-mark span:last-child {
    height: 0.31rem;
  }
  .about-page .-honors {
    background: -webkit-linear-gradient(top, #F5F7F9 0%, #DDEBF5 100%);
    background: linear-gradient(180deg, #F5F7F9 0%, #DDEBF5 100%);
  }
  .about-page .-honors .wal {
    padding-top: 1.59rem;
    padding-bottom: 0;
  }
  .about-page .-honors .wal .-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    margin-top: 0.54rem;
    border-radius: 0.2rem;
    overflow: hidden;
  }
  .about-page .-honors .wal .-body .-left {
    position: relative;
    width: 100%;
    padding-top: 69.7%;
  }
  .about-page .-honors .wal .-body .-left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about-page .-honors .wal .-body .-list {
    position: relative;
    padding: 0.75rem 0.32rem;
    height: 6.17rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.5);
  }
  .about-page .-honors .wal .-body .-list::after, .about-page .-honors .wal .-body .-list::before {
    display: none;
  }
  .about-page .-honors .wal .-body .-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .about-page .-honors .wal .-body .-list ul li {
    font-family: "fontFamily-M";
    font-size: 0.32rem;
    height: auto;
    line-height: 0.48rem;
    padding: 0.2rem 0;
  }
  .about-page .-honors .wal .-body .-list ul li span {
    color: var(--fcolor02);
  }
  .about-page .-honors .wal .-body .-list .swiper-arrow .prev,
.about-page .-honors .wal .-body .-list .swiper-arrow .next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    left: 50%;
    top: 0.5rem;
    -webkit-transform: translate(-50%, 0) rotate(-90deg);
        -ms-transform: translate(-50%, 0) rotate(-90deg);
            transform: translate(-50%, 0) rotate(-90deg);
    width: 0.15rem;
    height: 0.23rem;
    border-radius: 0;
    border: 0;
    z-index: 10;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-honors .wal .-body .-list .swiper-arrow .prev:hover,
.about-page .-honors .wal .-body .-list .swiper-arrow .next:hover {
    border-color: var(--sk-global-color);
  }
  .about-page .-honors .wal .-body .-list .swiper-arrow .prev svg,
.about-page .-honors .wal .-body .-list .swiper-arrow .next svg {
    width: 100%;
    height: 100%;
    color: #E8E8E8;
  }
  .about-page .-honors .wal .-body .-list .swiper-arrow .prev svg path,
.about-page .-honors .wal .-body .-list .swiper-arrow .next svg path {
    fill: currentColor;
  }
  .about-page .-honors .wal .-body .-list .swiper-arrow .next {
    top: auto;
    bottom: 0.5rem;
    -webkit-transform: translate(-50%, 0) rotate(90deg);
        -ms-transform: translate(-50%, 0) rotate(90deg);
            transform: translate(-50%, 0) rotate(90deg);
  }
  .about-page .-layout {
    background: -webkit-linear-gradient(top, #DDEBF5 4%, #FFFFFF 97%);
    background: linear-gradient(180deg, #DDEBF5 4%, #FFFFFF 97%);
  }
  .about-page .-layout .-wrapper {
    max-width: 100%;
    padding-top: 1.59rem;
    padding-bottom: 0rem;
  }
  .about-page .-layout .-wrapper .num-list {
    margin-top: 0.82rem;
  }
  .about-page .-layout .-wrapper .num-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: -0.86rem;
  }
  .about-page .-layout .-wrapper .num-list ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50%;
    padding: 0 0.32rem;
    margin-top: 0.86rem;
  }
  .about-page .-layout .-wrapper .num-list ul li .data-num {
    font-family: "fontFamily-B";
    font-size: 0.64rem;
    line-height: 0.44rem;
    color: var(--sk-global-color);
    text-align: center;
  }
  .about-page .-layout .-wrapper .num-list ul li .data-text {
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.27rem;
    color: var(--fcolor03);
  }
  .about-page .-layout .-wrapper .-map {
    position: relative;
    margin-top: 1.07rem;
    min-height: auto;
  }
  .about-page .-layout .-wrapper .-map .-bg {
    width: 100%;
  }
  .about-page .-layout .-wrapper .-map .-bg img {
    width: 100%;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  .about-page .-layout .-wrapper .-map .-dots ul li.hasAnimate .animate-dot {
    display: block;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li[dot-layout=right] .animate-dot {
    -webkit-transform: translate(-50%, -50%) rotateX(40deg) rotateY(20deg);
            transform: translate(-50%, -50%) rotateX(40deg) rotateY(20deg);
  }
  .about-page .-layout .-wrapper .-map .-dots ul li[dot-layout=left] .animate-dot {
    -webkit-transform: translate(-50%, -50%) rotateX(40deg) rotateY(-20deg);
            transform: translate(-50%, -50%) rotateX(40deg) rotateY(-20deg);
  }
  .about-page .-layout .-wrapper .-map .-dots ul li .animate-dot {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    display: none;
    width: 1.74rem;
    height: 1.74rem;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotateX(40deg);
            transform: translate(-50%, -50%) rotateX(40deg);
    z-index: -1;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li .animate-dot::before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    width: 1.74rem;
    height: 1.74rem;
    top: 0;
    left: 0;
    background: url(../../image/shenzhenkehua/about/dot_after.svg) center center no-repeat;
    background-size: contain;
    -webkit-animation: qsacle 3s linear infinite;
            animation: qsacle 3s linear infinite;
    z-index: -1;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li .animate-dot::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    width: 1.74rem;
    height: 1.74rem;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    background: url(../../image/shenzhenkehua/about/dot_after.svg) center center no-repeat;
    background-size: contain;
    -webkit-animation: qsacle 3s 1.5s linear infinite;
            animation: qsacle 3s 1.5s linear infinite;
    z-index: -1;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li:hover {
    z-index: 11;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li:hover .-name {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.2s 0.2s;
    transition: 0.2s 0.2s;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li:hover .-icon {
    -webkit-transform: scale(1.75);
        -ms-transform: scale(1.75);
            transform: scale(1.75);
  }
  .about-page .-layout .-wrapper .-map .-dots ul li .-icon {
    width: 0.4rem;
    height: 0.48rem;
    -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li .-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .about-page .-layout .-wrapper .-map .-dots ul li .-name {
    position: absolute;
    top: -0.5rem;
    left: 50%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 1rem;
    text-align: center;
    -webkit-transform: translate(-50%, -100%);
        -ms-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    font-size: 0.28rem;
    line-height: 0.33rem;
    color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
  }
  .about-page .-partner {
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);
  }
  .about-page .-partner .-wrapper {
    max-width: 100%;
    padding-top: 1.59rem;
    padding-bottom: 0;
    overflow: hidden;
  }
  .about-page .-partner .-wrapper .-body {
    position: relative;
    margin-top: 0.7rem;
  }
  .about-page .-partner .-wrapper .-body::before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    left: -0.4rem;
    top: 0;
    width: 2.75rem;
    height: 100%;
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
    z-index: 1;
  }
  .about-page .-partner .-wrapper .-body::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    right: -0.4rem;
    top: 0;
    width: 2.75rem;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%);
    z-index: 1;
  }
  .about-page .-partner .-wrapper .-body .-box {
    --dur: 30s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-top: 0.2rem;
  }
  .about-page .-partner .-wrapper .-body .-box:first-child {
    margin-top: 0;
  }
  .about-page .-partner .-wrapper .-body .-box:nth-child(2) {
    --dur: 30s;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .about-page .-partner .-wrapper .-body .-box:nth-child(2) .box-wrapper {
    -webkit-animation-name: scrollRight;
            animation-name: scrollRight;
  }
  .about-page .-partner .-wrapper .-body .-box:hover .box-wrapper {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  .about-page .-partner .-wrapper .-body .-box .box-wrapper {
    -webkit-animation-name: scrollLeft;
            animation-name: scrollLeft;
    -webkit-animation-duration: var(--dur);
            animation-duration: var(--dur);
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-play-state: running;
            animation-play-state: running;
  }
  .about-page .-partner .-wrapper .-body .-box .box-wrapper ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  .about-page .-partner .-wrapper .-body .-box .box-wrapper ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 2.8rem;
    height: 1.6rem;
    padding: 0.3rem;
    border-radius: 0.16rem;
    border: 0.02rem solid #EFEFEF;
    margin-right: 0.2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .about-page .-partner .-wrapper .-body .-box .box-wrapper ul li:hover {
    box-shadow: 0px 0px 1rem 0px rgba(187, 187, 187, 0.55);
    background-color: rgba(255, 255, 255, 0.6);
  }
  .about-page .-partner .-wrapper .-body .-box .box-wrapper ul li img {
    max-width: 80%;
    max-height: 100%;
  }
  .about-page .-development {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 8.5rem;
    overflow: hidden;
  }
  .about-page .-development .section-background .-svg {
    position: absolute;
    bottom: 0.46rem;
    left: 0;
    width: 100%;
    height: 1.07rem;
  }
  .about-page .-development .section-background .-svg svg {
    width: 100%;
    height: 100%;
  }
  .about-page .-development .section-background .-svg svg path {
    opacity: 0.3;
  }
  .about-page .-development .section-background .-svg svg .-fill {
    --x: 0%;
  }
  .about-page .-development .section-background .-svg svg .-fill rect {
    width: var(--x);
    height: 100%;
  }
  .about-page .-development .wal {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-top: 1.59rem;
    padding-bottom: 3.62rem;
  }
  .about-page .-development .wal .-list {
    margin-top: 0.6rem;
  }
  .about-page .-development .wal .-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: -0.2rem;
  }
  .about-page .-development .wal .-list ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: calc(50% - .1rem);
    width: auto;
    min-height: 2.2rem;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
    padding: 0.45rem 0.4rem 0.35rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border-radius: 0.28rem;
    background: -webkit-linear-gradient(105deg, #82c89c -198%, #f2f6f8 70%);
    background: linear-gradient(345deg, #82c89c -198%, #f2f6f8 70%);
    -webkit-backdrop-filter: blur(0.2rem);
            backdrop-filter: blur(0.2rem);
  }
  .about-page .-development .wal .-list ul li:first-child {
    min-width: 100%;
  }
  .about-page .-development .wal .-list ul li:first-child .-text {
    text-align: center;
  }
  .about-page .-development .wal .-list ul li:first-child .-content .data-num {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .about-page .-development .wal .-list ul li:first-child .-content .icon img {
    height: 1.32rem;
  }
  .about-page .-development .wal .-list ul li:last-child {
    margin-right: 0.2rem;
  }
  .about-page .-development .wal .-list ul li:nth-child(2n-1) {
    margin-right: 0;
  }
  .about-page .-development .wal .-list ul li .-text {
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor02);
  }
  .about-page .-development .wal .-list ul li .-content {
    margin-top: 0.36rem;
  }
  .about-page .-development .wal .-list ul li .-content .data-num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.48rem;
    line-height: 0.72rem;
    color: var(--sk-global-color);
    font-family: "fontFamily-B";
  }
  .about-page .-development .wal .-list ul li .-content .data-num .unit {
    font-family: "fontFamily-R";
    font-size: 0.26rem;
    line-height: 0.28rem;
    color: var(--fcolor03);
    opacity: 0.7;
    margin: auto 0 0.14rem 0.08rem;
  }
  .about-page .-development .wal .-list ul li .-content .icon {
    position: absolute;
    bottom: 0.18rem;
    right: 0.18rem;
  }
  .about-page .-development .wal .-list ul li .-content .icon img {
    height: 0.86rem;
    object-fit: contain;
  }
}
@media screen and (max-width: 800px) {
  .error-page .-container {
    width: 100%;
    height: 100vh;
  }
  .error-page .-container .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .error-page .-container .wal .img img {
    height: 1.74rem;
    object-fit: contain;
  }
  .error-page .-container .wal .-msg {
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.48rem;
    margin-top: 0.37rem;
    color: var(--fcolor02);
  }
  .error-page .-container .wal .-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 0.82rem;
    width: 100%;
  }
  .error-page .-container .wal .-btns .-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 0.32rem;
  }
  .error-page .-container .wal .-btns .-button:first-child {
    margin-left: 0;
  }
  .error-page .-container .wal .-btns .-button a, .error-page .-container .wal .-btns .-button .a {
    width: 100%;
    min-width: 1.8rem;
    padding: 0.25rem 0.32rem;
  }
}
@media screen and (max-width: 800px) {
  .join-us-page {
    color: var(--fcolor02);
  }
  .join-us-page .banner-box {
    color: #fff;
    height: auto;
    position: relative;
    padding-top: 128%;
  }
  .join-us-page .banner-box .bg_video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  .join-us-page .banner-box .bg_video video {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .join-us-page .banner-box .con-txt {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    padding-bottom: 1.75rem;
  }
  .join-us-page .banner-box .con-txt .tit {
    font-family: "fontFamily-M";
    font-size: 0.64rem;
    line-height: 0.96rem;
  }
  .join-us-page .invite-to-job {
    padding-top: 1.6rem;
    padding-bottom: 1.53rem;
  }
  .join-us-page .invite-to-job .job-a-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
    padding-bottom: 1.6rem;
    margin-top: -0.3rem;
  }
  .join-us-page .invite-to-job .job-a-list .job-box {
    display: block;
    width: calc(50% - 0.15rem);
    height: 4.3rem;
    color: #fff;
    border-radius: 0.24rem;
    overflow: hidden;
    position: relative;
    margin-right: 0.3rem;
    margin-top: 0.3rem;
  }
  .join-us-page .invite-to-job .job-a-list .job-box:nth-child(2n) {
    margin-right: 0;
  }
  .join-us-page .invite-to-job .job-a-list .job-box .bg-img {
    height: 100%;
    width: 100%;
  }
  .join-us-page .invite-to-job .job-a-list .job-box .ri-top {
    display: none;
  }
  .join-us-page .invite-to-job .job-a-list .job-box:hover .bg-img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .join-us-page .invite-to-job .job-a-list .job-box:hover .ri-top {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .join-us-page .invite-to-job .job-a-list .job-box .text-con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0.41rem 0.2rem;
  }
  .join-us-page .invite-to-job .job-a-list .job-box .text-con .name {
    font-family: "fontFamily-M";
    text-align: center;
    font-size: 0.36rem;
    line-height: 0.4rem;
  }
  .join-us-page .invite-to-job .job-a-list .job-box .text-con .inx-text {
    text-align: center;
    margin-top: 0.18rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .join-us-page .invite-to-job .training-tit {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
    font-family: "fontFamily-B";
  }
  .join-us-page .invite-to-job .science-class-plan {
    border-radius: 0.36rem;
    overflow: hidden;
    position: relative;
    margin-top: 0.59rem;
  }
  .join-us-page .invite-to-job .science-class-plan .bg-box {
    width: 100%;
    height: 3.77rem;
  }
  .join-us-page .invite-to-job .science-class-plan .bg-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .join-us-page .invite-to-job .science-class-plan .txt-con {
    position: relative;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0.6rem 0.4rem 0.71rem;
    background-color: #F5F7F9;
  }
  .join-us-page .invite-to-job .science-class-plan .txt-con::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2rem;
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
    background: -webkit-linear-gradient(top, rgba(238, 235, 232, 0) 0%, #F5F7F9 100%);
    background: linear-gradient(to bottom, rgba(238, 235, 232, 0) 0%, #F5F7F9 100%);
    z-index: 1;
  }
  .join-us-page .invite-to-job .science-class-plan .txt-con .tit {
    font-size: 0.36rem;
    line-height: 0.54rem;
    font-family: "fontFamily-M";
  }
  .join-us-page .invite-to-job .science-class-plan .txt-con .txt {
    margin-top: 0.24rem;
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.36rem;
    color: var(--fcolor03);
  }
  .join-us-page .invite-to-job .-ner-swiper {
    overflow: hidden;
  }
  .join-us-page .invite-to-job .science-class-ner {
    margin-top: 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    height: auto;
    overflow: visible;
    border: 0;
    border-radius: 0;
  }
  .join-us-page .invite-to-job .science-class-ner .class-li {
    width: calc(50% - .1rem);
    min-height: 2.5rem;
    height: auto;
    padding: 0.53rem 0.2rem 0.3rem;
    border-radius: 0.24rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-right: 0;
    position: relative;
    margin-right: 0.2rem;
  }
  .join-us-page .invite-to-job .science-class-ner .class-li:last-child {
    border-right: none;
    margin-right: 0;
  }
  .join-us-page .invite-to-job .science-class-ner .class-li .index {
    position: relative;
    font-size: 0.56rem;
    line-height: 0.84rem;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .join-us-page .invite-to-job .science-class-ner .class-li .text {
    font-family: "fontFamily-M";
    position: relative;
    margin-top: 0;
    color: #FFFFFF;
    font-size: 0.26rem;
    line-height: 0.39rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .join-us-page .invite-to-job .science-class-ner .class-li .bg-img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
  }
  .join-us-page .employee-welfare {
    padding-top: 1.25rem;
    padding-bottom: 1.59rem;
    background: #F5F7F9;
  }
  .join-us-page .employee-welfare .wal {
    overflow: hidden;
  }
  .join-us-page .employee-welfare .tit {
    text-align: center;
    font-family: "fontFamily-B";
    font-size: 0.42rem;
    line-height: 0.55rem;
  }
  .join-us-page .employee-welfare .mb-ck-swiper {
    overflow: hidden;
    margin-top: 0.61rem;
  }
  .join-us-page .employee-welfare .mb-ck-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    height: auto;
  }
  .join-us-page .employee-welfare .mb-ck-swiper .swiper-wrapper .swiper-slide dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: 0;
    height: 4.14rem;
  }
  .join-us-page .employee-welfare .mb-ck-swiper .swiper-wrapper .swiper-slide dl dd {
    width: calc((50% - .15rem));
    min-height: 1.92rem;
    background: #FFFFFF;
    border-radius: 0.28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 0.3rem;
    margin-top: 0.3rem;
    padding: 0.2rem;
  }
  .join-us-page .employee-welfare .mb-ck-swiper .swiper-wrapper .swiper-slide dl dd:nth-child(2n-1) {
    margin-right: 0;
    margin-top: 0;
  }
  .join-us-page .employee-welfare .mb-ck-swiper .swiper-wrapper .swiper-slide dl dd img {
    width: 0.53rem;
    height: 0.53rem;
    object-fit: contain;
  }
  .join-us-page .employee-welfare .mb-ck-swiper .swiper-wrapper .swiper-slide dl dd .name {
    margin-top: 0.26rem;
    font-size: 0.28rem;
    line-height: 0.24rem;
    font-family: "fontFamily-M";
  }
  .join-us-page .employee-welfare .swper-team {
    margin: 1.2rem auto 0;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 3.65rem;
    object-fit: cover;
  }
  .join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide .text {
    color: #fff;
    z-index: 50;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0.37rem;
    left: 0;
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-family: "fontFamily-M";
  }
  .join-us-page .employee-welfare .swper-team .swiper-wrapper .swiper-slide::after {
    display: none;
  }
  .join-us-page .employee-welfare .swper-team .mb-progress-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    margin: 0.6rem auto 0;
    width: 3rem;
    height: 0.02rem;
    background-color: #DEDEDE;
  }
  .join-us-page .employee-welfare .swper-team .mb-progress-line .swiper-pagination-progressbar-fill {
    position: static;
    background: var(--sk-global-color);
  }
  .join-us-page .employee-welfare .swper-team .swiper-pagination {
    display: none;
  }
  .join-us-page .-recruitment {
    padding: 1.39rem 0 0;
  }
  .join-us-page .-recruitment .-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .join-us-page .-recruitment .-body .-left {
    position: static;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: auto;
    min-height: auto;
    background-color: #F5F7F9;
    padding: 0.68rem 0.4rem;
    border-radius: 0.36rem;
  }
  .join-us-page .-recruitment .-body .-left .-row {
    padding: 0.6rem 0;
    border-bottom: 0.02rem solid #EBEBEB;
  }
  .join-us-page .-recruitment .-body .-left .-row .search-box .-label {
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-family: "fontFamily-M";
  }
  .join-us-page .-recruitment .-body .-left .-row .search-box .-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-top: 0.27rem;
    padding: 0.25rem 0.2rem;
    background-color: white;
    border-radius: 0.12rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .search-box .-input input {
    font-size: 0.26rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .search-box .-input .-search-btn {
    margin-left: 0.12rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .search-box .-input .-search-btn img {
    width: 0.34rem;
    height: 0.34rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .filter-box .-label {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .filter-box .-label .-reset {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .filter-box .-label .-reset img {
    width: 0.3rem;
    height: 0.3rem;
    margin-right: 0.13rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .filter-box ul {
    margin-top: 0.3rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .filter-box ul li {
    margin-top: 0.3rem;
  }
  .join-us-page .-recruitment .-body .-left .-row .filter-box ul li:first-child {
    margin-top: 0;
  }
  .join-us-page .-recruitment .-body .-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: 0.6rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li {
    padding: 0.5rem 0;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-front {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 0.32rem;
    line-height: 0.48rem;
    padding-right: 0.65rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-front > span {
    width: 100%;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag {
    margin-top: 0.18rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag dl dd {
    font-size: 0.28rem;
    line-height: 0.32rem;
    margin-right: 0.3rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-front .-tag dl dd img {
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.08rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-front .-btn {
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content {
    display: none;
    padding-top: 0.88rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner {
    padding-bottom: 0.09rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row {
    margin-top: 0.6rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row:first-child {
    margin-top: 0;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row .row-head {
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row .row-body {
    margin-top: 0.24rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-row .row-body .-text p {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .join-us-page .-recruitment .-body .-right .-list ul li .-content .-inner .-button {
    text-align: center;
    margin-top: 0.6rem;
  }
  .join-us-page .-recruitment .-body .-right .-list .-pagination {
    margin-top: 0.74rem;
  }
  .join-us-page .staff-style {
    padding-top: 1.44rem;
    padding-bottom: 1.6rem;
  }
  .join-us-page .staff-style .tit {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box {
    padding: 0;
    width: 100%;
    overflow: visible;
    margin-top: 0.61rem;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb {
    box-shadow: 0 0 14px rgba(43, 31, 31, 0.1);
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide {
    position: relative;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-box .top-img {
    padding-top: 56.26%;
    position: relative;
    overflow: hidden;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-box .top-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide:hover .con-box .top-img img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne {
    text-align: center;
    padding: 0.51rem 0.4rem 0.92rem;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .name {
    font-size: 0.36rem;
    line-height: 0.54rem;
    color: var(--fcolor01);
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .job {
    margin-top: 0.12rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor04);
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .message {
    margin: 0.39rem auto 0;
    width: 100%;
    font-size: 0.32rem;
    line-height: 0.48rem;
    position: relative;
    padding: 0 0.2rem;
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .message .marks-left-img {
    position: absolute;
    width: 0.81rem;
    height: 0.55rem;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .swiper-wrapper .swiper-slide .con-ne .message .marks-right-img {
    position: absolute;
    width: 0.81rem;
    height: 0.55rem;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(0, 80%);
        -ms-transform: translate(0, 80%);
            transform: translate(0, 80%);
  }
  .join-us-page .staff-style .swiper-staff-styleb-box .swiper-staff-styleb .operate-box {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .investor-relations {
    color: var(--fcolor02);
  }
  .investor-relations .banner-box {
    position: relative;
    height: auto;
    padding-top: 128%;
  }
  .investor-relations .banner-box .bg {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
  .investor-relations .banner-box .bg img {
    height: 100%;
    width: 100%;
  }
  .investor-relations .banner-box .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 1.75rem;
  }
  .investor-relations .banner-box .wal .h1 {
    font-family: "fontFamily-B";
    color: #ffffff;
    font-size: 0.64rem;
    line-height: 0.96rem;
  }
  .investor-relations .banner-box .wal .info-text {
    margin-top: 0.28rem;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .investor-relations .why-invest .tit {
    padding-top: 1.4rem;
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
    font-family: "fontFamily-B";
  }
  .investor-relations .why-invest .con-text {
    text-align: center;
    width: 100%;
    margin: 0.28rem auto 0.6rem;
    color: var(--fcolor03);
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .investor-relations .why-invest .btn-more {
    text-align: center;
  }
  .investor-relations .why-invest .card-box {
    margin-top: 1.19rem;
    background: #F5F7F9;
    border-radius: 0.36rem;
    padding: 0.6rem 0.4rem 0.63rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .investor-relations .why-invest .card-box .left-tol {
    padding-bottom: 0.53rem;
  }
  .investor-relations .why-invest .card-box .left-tol .code {
    font-family: "fontFamily-M";
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .investor-relations .why-invest .card-box .left-tol .count-tol {
    margin-top: 0.38rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .investor-relations .why-invest .card-box .left-tol .count-tol .num {
    color: var(--sk-global-color);
    font-size: 0.64rem;
    line-height: 0.78rem;
    font-family: "fontFamily-NUM";
  }
  .investor-relations .why-invest .card-box .left-tol .count-tol .rmb {
    font-size: 0.24rem;
    line-height: 0.29rem;
    font-family: "fontFamily-M";
    margin-bottom: 0.1rem;
    margin-left: 0.14rem;
  }
  .investor-relations .why-invest .card-box .left-tol .count-tol .top-img {
    margin-left: 0.59rem;
    margin-bottom: 0.06rem;
  }
  .investor-relations .why-invest .card-box .left-tol .count-tol .top-img img {
    height: 0.3rem;
    width: 0.3rem;
  }
  .investor-relations .why-invest .card-box .left-tol .count-tol .percentage {
    margin-left: 0.11rem;
    margin-bottom: 0.1rem;
    color: var(--fcolor03);
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-family: "fontFamily-M";
  }
  .investor-relations .why-invest .card-box .rigth-list-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 0.6rem;
  }
  .investor-relations .why-invest .card-box .rigth-list-box .prompt {
    font-size: 0.24rem;
    line-height: 0.24rem;
    margin-top: 0.6rem;
    color: var(--fcolor04);
  }
  .investor-relations .why-invest .card-box .rigth-list-box .count-list-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-top: -0.63rem;
  }
  .investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li {
    position: relative;
    width: 50%;
    margin-top: 0.63rem;
  }
  .investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li .label {
    font-size: 0.26rem;
    line-height: 0.32rem;
    color: var(--fcolor03);
  }
  .investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li .value {
    margin-top: 0.2rem;
    font-size: 0.48rem;
    line-height: 0.48rem;
    font-family: "fontFamily-NUM";
  }
  .investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li::after {
    display: none;
  }
  .investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li:nth-child(1) .value {
    color: var(--sk-global-color);
  }
  .investor-relations .why-invest .card-box .rigth-list-box .count-list-box .count-li:nth-child(2) .value {
    color: #1BC62F;
  }
  .investor-relations .notice-annual-report {
    width: 100%;
    margin: 1.2rem auto 1.6rem;
  }
  .investor-relations .notice-annual-report .tabs-box {
    margin: 0 auto 0.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
  }
  .investor-relations .notice-annual-report .tabs-box .tab-li {
    font-size: 0.28rem;
    line-height: 0.42rem;
    font-family: "fontFamily-B";
    padding-bottom: 0.24rem;
    color: var(--fcolor04);
    border-bottom: 0.02rem solid rgba(0, 0, 0, 0);
    cursor: pointer;
    margin-right: 0.79rem;
  }
  .investor-relations .notice-annual-report .tabs-box .tab-li:last-child {
    margin-right: 0;
  }
  .investor-relations .notice-annual-report .tabs-box .tab-li.on {
    color: var(--sk-global-color);
    border-bottom: 0.02rem solid var(--sk-global-color);
  }
  .investor-relations .notice-annual-report .list-box {
    display: none;
    padding: 0 0.4rem;
  }
  .investor-relations .notice-annual-report .list-box.on {
    display: block;
  }
  .investor-relations .notice-annual-report .list-box .li-a {
    padding: 0.4rem 0;
    border-top: 1px solid #EBEBEB;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
  .investor-relations .notice-annual-report .list-box .li-a .data {
    color: var(--fcolor04);
    font-size: 0.24rem;
    line-height: 0.29rem;
    display: inline-block;
  }
  .investor-relations .notice-annual-report .list-box .li-a .txt {
    font-size: 0.32rem;
    line-height: 0.46rem;
    margin-top: 0.2rem;
    font-family: "fontFamily-M";
  }
  .investor-relations .notice-annual-report .list-box .li-a:last-child {
    border-bottom: 1px solid #EBEBEB;
  }
  .investor-relations .notice-annual-report .list-box .li-a .downloadBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--fcolor03);
    margin-left: 0;
    margin-top: 0.42rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .investor-relations .notice-annual-report .list-box .li-a .downloadBtn svg {
    height: 0.4rem;
    width: 0.4rem;
    margin-right: 0.15rem;
  }
  .investor-relations .notice-annual-report .list-box .li-a .downloadBtn span {
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .investor-relations .notice-annual-report .list-box .li-a .downloadBtn:hover {
    color: var(--sk-global-color);
  }
  .investor-relations .notice-annual-report .list-box .li-a .downloadBtn:hover svg path {
    fill: var(--sk-global-color);
  }
  .investor-relations .notice-annual-report .more-box {
    margin: 0.6rem auto 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none;
  }
  .investor-relations .notice-annual-report .more-box.on {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .investor-relations .notice-annual-report .more-box .more-anno {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
  }
  .investor-relations .notice-annual-report .more-box .more-anno .txt {
    font-size: 0.26rem;
    line-height: 0.5rem;
    margin-right: 0.1rem;
  }
  .investor-relations .notice-annual-report .more-box .more-anno .img-box {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
  }
  .investor-relations .notice-annual-report .more-box .more-anno .img-box .cur {
    display: none;
  }
  .investor-relations .notice-annual-report .more-box .more-anno .img-box .hover {
    display: block;
  }
  .investor-relations .notice-annual-report .more-box .more-anno:hover .img-box .cur {
    display: none;
  }
  .investor-relations .notice-annual-report .more-box .more-anno:hover .img-box .hover {
    display: block;
  }
  .investor-relations .sustain-develop {
    color: #fff;
    min-height: 6rem;
    height: auto;
    position: relative;
  }
  .investor-relations .sustain-develop .bg-img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
  .investor-relations .sustain-develop .bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .investor-relations .sustain-develop .con-box {
    position: relative;
    padding: 1rem 0.4rem;
  }
  .investor-relations .sustain-develop .con-box .tit {
    padding-top: 0;
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
    font-family: "fontFamily-B";
  }
  .investor-relations .sustain-develop .con-box .con-txt {
    text-align: justify;
    margin: 0.28rem auto 0;
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.39rem;
  }
  .investor-relations .env-soc-gove {
    padding-top: 0.8rem;
    overflow: hidden;
  }
  .investor-relations .env-soc-gove .card-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    gap: 0;
  }
  .investor-relations .env-soc-gove .card-list .card-box {
    border-radius: 0.36rem;
    width: 100%;
    height: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    overflow: hidden;
    background: #F5F7F9;
    margin-right: 0.4rem;
  }
  .investor-relations .env-soc-gove .card-list .card-box:last-child {
    margin-right: 0;
  }
  .investor-relations .env-soc-gove .card-list .card-box .img-box {
    padding-top: 66.71%;
    overflow: hidden;
    position: relative;
  }
  .investor-relations .env-soc-gove .card-list .card-box .img-box img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
  }
  .investor-relations .env-soc-gove .card-list .card-box .con-text-box {
    padding: 0.51rem 0.4rem 0.58rem;
  }
  .investor-relations .env-soc-gove .card-list .card-box .con-text-box .name {
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-family: "fontFamily-M";
  }
  .investor-relations .env-soc-gove .card-list .card-box .con-text-box .text {
    margin-top: 0.18rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
  }
  .investor-relations .env-soc-gove .card-list .card-box:hover .img-box img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .investor-relations .investor-contact {
    padding-top: 1.62rem;
    padding-bottom: 1.62rem;
  }
  .investor-relations .investor-contact .tit {
    margin-top: 0;
    margin-bottom: 0.54rem;
    font-size: 0.48rem;
    line-height: 0.72rem;
    text-align: center;
    font-family: "fontFamily-B";
  }
  .investor-relations .investor-contact .contact-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 0;
    box-shadow: 0rem 0rem 1rem 0rem rgba(153, 153, 153, 0.15);
    padding: 0.6rem 0 0.55rem;
    border-radius: 0.36rem;
  }
  .investor-relations .investor-contact .contact-info .info-li {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0.73rem;
    padding: 0 0.28rem;
  }
  .investor-relations .investor-contact .contact-info .info-li .icon-box {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #F5F7F9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .investor-relations .investor-contact .contact-info .info-li .icon-box img {
    width: 0.6rem !important;
    height: 0.6rem !important;
    object-fit: contain;
  }
  .investor-relations .investor-contact .contact-info .info-li:nth-child(-n+2) {
    margin-top: 0;
  }
  .investor-relations .investor-contact .contact-info .info-li .key {
    text-align: center;
    margin-top: 0.24rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    font-family: "fontFamily-M";
  }
  .investor-relations .investor-contact .contact-info .info-li .value {
    text-align: center;
    margin-top: 0.1rem;
    max-width: 100%;
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: var(--fcolor03);
  }
}
@media screen and (max-width: 800px) {
  .index-page .common__banner .banner_wrapper .banner_main {
    position: relative;
  }
  .index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content,
.index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 25.98vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    z-index: 2;
    color: white;
    padding-bottom: 0;
  }
  .index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box,
.index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .title,
.index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .title {
    font-family: "fontFamily-B";
    font-size: 0.78rem;
    line-height: 1.17rem;
    text-align: center;
  }
  .index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > a .inner_content .inner-box .sub-title,
.index-page .common__banner .banner_wrapper .banner_main .banner_list .banner_item > .a .inner_content .inner-box .sub-title {
    text-align: center;
    font-size: 0.36rem;
    line-height: 0.54rem;
    margin-top: 0.37rem;
    padding: 0 0.5rem;
  }
  .index-page .common__banner .banner_wrapper .banner_main .m-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    bottom: 0.5rem;
    z-index: 10;
  }
  .index-page .common__banner .banner_wrapper .banner_main .m-dots span {
    width: 0.31rem;
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
    margin-right: 0.1rem;
    border-radius: 0;
  }
  .index-page .common__banner .banner_wrapper .banner_main .m-dots span:last-child {
    margin-right: 0;
  }
  .index-page .common__banner .banner_wrapper .banner_main .m-dots span.swiper-pagination-bullet-active {
    background: var(--sk-global-color);
  }
  .index-page .-solution {
    position: relative;
    overflow: hidden;
  }
  .index-page .-solution .section-background::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../image/shenzhenkehua/index/solution-mask.png) center center no-repeat;
    background: transparent;
    background-size: cover;
    z-index: 1;
  }
  .index-page .-solution .-img {
    width: 100%;
    height: 100%;
  }
  .index-page .-solution .-path {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10.58rem;
    height: 10.46rem;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .index-page .-solution .-path svg {
    width: 100%;
    height: 100%;
  }
  .index-page .-solution .-path svg path {
    width: 100%;
    height: 100%;
  }
  .index-page .-solution .-car {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
  }
  .index-page .-solution .-car.reversed svg {
    -webkit-transform: translate(0, 0.05rem) rotate(180deg);
        -ms-transform: translate(0, 0.05rem) rotate(180deg);
            transform: translate(0, 0.05rem) rotate(180deg);
  }
  .index-page .-solution .-car svg {
    width: 1.95rem;
    height: 1.09rem;
    -webkit-transform: translate(0, 0.05rem);
        -ms-transform: translate(0, 0.05rem);
            transform: translate(0, 0.05rem);
  }
  .index-page .-solution .-solution-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 10.46rem;
    padding: 1.69rem 0.4rem;
  }
  .index-page .-solution .-solution-wrapper .-solution-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .index-page .-solution .-solution-wrapper .-solution-body .-solution-title {
    text-align: center;
  }
  .index-page .-solution .-solution-wrapper .-solution-body .-solution-context {
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: #666666;
    margin-top: 0.28rem;
    max-width: 100%;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
  }
  .index-page .long-section {
    overflow: hidden;
  }
  .index-page .long-section .-about {
    --opacity: 0;
    position: relative;
    height: 100vh;
    will-change: transform;
  }
  .index-page .long-section .-about .section-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index-page .long-section .-about .section-background .-circle {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: white;
    --clip: 100%;
    --clip-Y: 70vh;
    overflow-clip-margin: content-box;
    overflow: clip;
    -webkit-clip-path: circle(var(--clip) at 50% var(--clip-Y));
            clip-path: circle(var(--clip) at 50% var(--clip-Y));
  }
  .index-page .long-section .-about .section-background .-circle .-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .index-page .long-section .-about .section-background .-path {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .index-page .long-section .-about .section-background .-path .-mask {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    height: 90%;
    background: url(../../image/shenzhenkehua/index/about-mask.png) center center no-repeat;
    background-size: cover;
    z-index: 1;
  }
  .index-page .long-section .-about .section-background .-path .path-road svg {
    position: absolute;
    top: 25vh;
    left: -5vw;
    width: 60vw;
    height: 64vh;
  }
  .index-page .long-section .-about .section-background .-path .-car {
    position: absolute;
    top: 0;
    right: 0;
  }
  .index-page .long-section .-about .section-background .-path .-car.reversed svg {
    -webkit-transform: translate(0, 0.05rem) rotate(180deg);
        -ms-transform: translate(0, 0.05rem) rotate(180deg);
            transform: translate(0, 0.05rem) rotate(180deg);
  }
  .index-page .long-section .-about .section-background .-path .-car svg {
    width: 1.71rem;
    height: 1.15rem;
    -webkit-transform: translate(0, 0.05rem);
        -ms-transform: translate(0, 0.05rem);
            transform: translate(0, 0.05rem);
  }
  .index-page .long-section .-about .section-background .color-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(../../image/shenzhenkehua/index/section-long_bg.png) center center no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: var(--opacity);
  }
  .index-page .long-section .-about .-about-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;
    z-index: 2;
  }
  .index-page .long-section .-about .-about-wrapper .about-body {
    margin-left: 0;
  }
  .index-page .long-section .-about .-about-wrapper .about-body .-title {
    font-size: 0.48rem;
    line-height: 0.72rem;
    text-align: center;
    color: #333333;
    font-family: "fontFamily-B";
  }
  .index-page .long-section .-about .-about-wrapper .about-body .-context {
    text-align: center;
    font-size: 0.26rem;
    line-height: 0.39rem;
    color: #666666;
    margin-top: 0.28rem;
    max-width: 100%;
  }
  .index-page .long-section .-about .-about-wrapper .about-body .-button {
    margin-top: 0.6rem;
    text-align: center;
  }
  .index-page .long-section .-process {
    --opacity: 0;
    position: relative;
    height: 100vh;
    margin-top: -30vh;
    opacity: 0;
  }
  .index-page .long-section .-process .-process-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: visible;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    height: 100%;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .color-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url(../../image/shenzhenkehua/index/section-long_bg.png) center center no-repeat;
    background-size: cover;
    z-index: 0;
    opacity: var(--opacity);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path {
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner {
    position: relative;
    will-change: transform;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-mask::before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    z-index: 2;
    background: -webkit-linear-gradient(0, rgba(255, 255, 255, 0) 0%, white 60%);
    background: linear-gradient(0, rgba(255, 255, 255, 0) 0%, white 60%);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-mask::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 3rem;
    z-index: 2;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 60%);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .path-road {
    display: none;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .m-path-road {
    display: block;
    position: relative;
    width: 100%;
    height: 16.24rem;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .m-path-road svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car.reversed .small-car {
    -webkit-transform: translate(0, 0.05rem) rotate(180deg);
        -ms-transform: translate(0, 0.05rem) rotate(180deg);
            transform: translate(0, 0.05rem) rotate(180deg);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg {
    width: 1.95rem;
    height: 1.09rem;
    -webkit-transform: translate(0, 0.08rem);
        -ms-transform: translate(0, 0.08rem);
            transform: translate(0, 0.08rem);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg.-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg.-circle.circle-small {
    -webkit-transform: translate(-50%, -50%) scale(0.1);
        -ms-transform: translate(-50%, -50%) scale(0.1);
            transform: translate(-50%, -50%) scale(0.1);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-path .path-inner .-car svg.-battery-line {
    position: absolute;
    top: -90%;
    right: 0.4rem;
    width: 0.39rem;
    height: 1.48rem;
    z-index: -1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(180deg);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    z-index: 2;
    padding: 3.3rem 0.4rem;
    min-width: 100%;
    will-change: transform;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li {
    --titleColor: #999999;
    --textColor: #666666;
    --bgc: #F2F6F8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 2.62rem;
    height: auto;
    min-height: 2.3rem;
    padding: 0.4rem 0.3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 0.24rem;
    background-color: var(--bgc);
    margin: 0 0 3.9rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active {
    --titleColor: #E60012;
    --bgc: white;
    box-shadow: 0px 0px 1.5rem 0px #DBE6ED;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active .-charge,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active .-charge {
    background-color: #f0f5f7;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active .-charge .-inner .-battery,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active .-charge .-inner .-battery {
    color: #15E943;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active-after,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active-after {
    --bgc: #F2F6F8;
    box-shadow: none;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active-after .-charge,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active-after .-charge {
    background-color: #ffffff;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li.active-after .-charge .-inner .-battery,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li.active-after .-charge .-inner .-battery {
    color: #CED8DD;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li:last-child,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li:last-child {
    margin: 0;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-content .-title,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-content .-title {
    font-family: "fontFamily-B";
    font-size: 0.36rem;
    line-height: 0.54rem;
    color: var(--titleColor);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-content .-text,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-content .-text {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.18rem;
    color: var(--textColor);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge {
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    padding: 0 0.15rem 0.15rem 0;
    border-radius: 0.24rem 0 0.12rem 0;
    background-color: #ffffff;
    z-index: 2;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 0.81rem;
    height: 0.71rem;
    background-color: var(--bgc);
    border-radius: 0.24rem 0 0.12rem 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery {
    width: 0.4rem;
    height: 0.4rem;
    color: #CED8DD;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery svg,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery svg path,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery svg path {
    fill: currentColor;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery-line,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery-line {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: translate(-0.5rem, -0.5rem);
        -ms-transform: translate(-0.5rem, -0.5rem);
            transform: translate(-0.5rem, -0.5rem);
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery-line svg.-m-line,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery-line svg.-m-line {
    width: 0.92rem;
    height: 0.5rem;
    object-fit: contain;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-top ul li .-charge .-inner .-battery-line svg.-light,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-charge .-inner .-battery-line svg.-light {
    position: absolute;
    left: 0;
    top: 0;
    width: 0.08rem;
    height: 0.3rem;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom {
    margin-top: 3.1rem;
    margin-left: 0;
  }
  .index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-content .-title,
.index-page .long-section .-process .-process-wrapper .-process-body .-list .-bottom ul li .-content .-text {
    text-align: right;
  }
  .index-page .-news {
    position: relative;
    z-index: 1;
    --fcolor01: #333333;
    --fcolor02: #000000;
    --fcolor03: #666666;
    --fcolor04: #ffffff;
    --fcolor05: #999999;
    --buttonbg01: #F2F2F2;
  }
  .index-page .-news .wal {
    padding-top: 1.09rem;
    padding-bottom: 1.51rem;
  }
  .index-page .-news .wal .-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .index-page .-news .wal .-head .section-title {
    text-align: center;
  }
  .index-page .-news .wal .-head .-more-active {
    display: none;
  }
  .index-page .-news .wal .-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.6rem;
  }
  .index-page .-news .wal .-body .-left ul {
    width: 9.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -0.3rem;
  }
  .index-page .-news .wal .-body .-left ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 0.3rem;
    border-radius: 0.16rem;
    overflow: hidden;
  }
  .index-page .-news .wal .-body .-left ul li a {
    --tagbg: rgba(0,0,0,0.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .index-page .-news .wal .-body .-left ul li a:hover {
    --tagbg: var(--sk-global-color);
    --fcolor03: var(--sk-global-color);
  }
  .index-page .-news .wal .-body .-left ul li a:hover .-img img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .index-page .-news .wal .-body .-left ul li a .-img {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
  }
  .index-page .-news .wal .-body .-left ul li a .-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index-page .-news .wal .-body .-left ul li a .-img .-tag {
    position: absolute;
    right: 0.1rem;
    top: 0.1rem;
    padding: 0.08rem 0.19rem;
    background: var(--tagbg);
    -webkit-backdrop-filter: blur(0.3rem);
            backdrop-filter: blur(0.3rem);
    color: var(--fcolor04);
    border-radius: 0.06rem;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-left ul li a .-content {
    padding: 0.3rem;
    background-color: #f5f7f9;
  }
  .index-page .-news .wal .-body .-left ul li a .-content .-title {
    color: var(--fcolor01);
    line-height: 0.32rem;
    font-size: 0.2rem;
    margin-bottom: auto;
    font-family: "fontFamily-M";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .index-page .-news .wal .-body .-left ul li a .-content .-time {
    color: var(--fcolor02);
    opacity: 0.4;
    font-size: 0.14rem;
    line-height: 0.21rem;
    margin-top: 0.18rem;
  }
  .index-page .-news .wal .-body .-left ul li a .-content .-go {
    font-size: 0.14rem;
    line-height: 0.21rem;
    margin-top: 0.28rem;
    color: var(--fcolor03);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-left ul li a .-content .-go .svg-ctx {
    width: 0.07rem;
    height: 0.11rem;
    margin-left: 0.06rem;
  }
  .index-page .-news .wal .-body .-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    width: 100%;
    margin-left: 0.78rem;
  }
  .index-page .-news .wal .-body .-right .-title {
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: var(--fcolor02);
    margin-bottom: 0.3rem;
  }
  .index-page .-news .wal .-body .-right .-list {
    --scrollheight: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .index-page .-news .wal .-body .-right .-list .-scrollbar {
    content: "";
    display: block;
    position: absolute;
    right: -0.8rem;
    top: 0;
    width: 0.07rem;
    height: 100%;
    border-radius: 0.04rem;
    overflow: hidden;
  }
  .index-page .-news .wal .-body .-right .-list .-scrollbar .-thumb {
    content: "";
    display: block;
    position: absolute;
    cursor: -webkit-grab;
    cursor: grab;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--scrollheight);
    border-radius: 0.04rem;
  }
  .index-page .-news .wal .-body .-right .-list .-scrollbar .-thumb .thumb-inner {
    width: 100%;
    height: 0;
    background-color: var(--scrollBarColor);
  }
  .index-page .-news .wal .-body .-right .-list .-inner {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    position: relative;
    overflow: hidden;
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul li {
    padding: 0.3rem 0;
    position: relative;
    border-bottom: 0.01rem solid rgba(0, 0, 0, 0.09);
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul li:hover {
    --fcolor03: var(--fcolor02);
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul li:hover::after {
    width: 100%;
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul li:first-child {
    border-top: 0.01rem solid rgba(0, 0, 0, 0.09);
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.01rem;
    left: 0;
    width: 0%;
    height: 0.01rem;
    background: -webkit-linear-gradient(left, #ffffff, var(--sk-global-color));
    background: linear-gradient(to right, #ffffff, var(--sk-global-color));
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul li a .-time {
    color: var(--fcolor02);
    opacity: 0.4;
    font-size: 0.14rem;
    line-height: 0.21rem;
  }
  .index-page .-news .wal .-body .-right .-list .-inner ul li a .-name {
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: var(--fcolor03);
    margin-top: 0.08rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-tab dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .index-page .-news .wal .-body .-tab dl dd {
    margin-right: 0.8rem;
    padding-bottom: 0.24rem;
    border-bottom: 0.03rem solid transparent;
    color: var(--fcolor05);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-tab dl dd:last-child {
    margin-right: 0;
  }
  .index-page .-news .wal .-body .-tab dl dd.on {
    border-color: var(--sk-global-color);
    color: var(--sk-global-color);
  }
  .index-page .-news .wal .-body .-tab-content {
    margin-top: 0.6rem;
    display: none;
  }
  .index-page .-news .wal .-body .-tab-content.on {
    display: block;
  }
  .index-page .-news .wal .-body .-tab-content .-top {
    border-radius: 0.36rem;
    overflow: hidden;
  }
  .index-page .-news .wal .-body .-tab-content .-top a {
    --tagbg: rgba(0,0,0,0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-img {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-img .-tag {
    position: absolute;
    right: 0.21rem;
    top: 0.2rem;
    min-width: 1.26rem;
    text-align: center;
    padding: 0.14rem 0.24rem;
    background: var(--tagbg);
    -webkit-backdrop-filter: blur(0.3rem);
            backdrop-filter: blur(0.3rem);
    color: var(--fcolor04);
    border-radius: 0.16rem;
    font-size: 0.22rem;
    line-height: 0.33rem;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-content {
    padding: 0.4rem;
    background-color: #f5f7f9;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-content .-title {
    color: var(--fcolor01);
    line-height: 0.54rem;
    font-size: 0.36rem;
    margin-bottom: auto;
    font-family: "fontFamily-M";
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-content .-time {
    color: var(--fcolor05);
    opacity: 1;
    font-size: 0.24rem;
    line-height: 0.36rem;
    margin-top: 0.24rem;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-content .-go {
    font-size: 0.26rem;
    line-height: 0.39rem;
    margin-top: 0.36rem;
    color: var(--sk-global-color);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-tab-content .-top a .-content .-go .svg-ctx {
    width: 0.14rem;
    height: 0.2rem;
    margin-left: 0.1rem;
  }
  .index-page .-news .wal .-body .-tab-content .-list {
    margin-top: 0.5rem;
  }
  .index-page .-news .wal .-body .-tab-content .-list ul {
    width: 100%;
  }
  .index-page .-news .wal .-body .-tab-content .-list ul li {
    padding: 0.31rem 0;
    position: relative;
    border-bottom: 0.01rem solid rgba(0, 0, 0, 0.09);
  }
  .index-page .-news .wal .-body .-tab-content .-list ul li:first-child {
    border-top: 0.01rem solid rgba(0, 0, 0, 0.09);
  }
  .index-page .-news .wal .-body .-tab-content .-list ul li a .-time {
    color: var(--fcolor02);
    opacity: 0.4;
    font-size: 0.24rem;
    line-height: 0.36rem;
  }
  .index-page .-news .wal .-body .-tab-content .-list ul li a .-name {
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: var(--fcolor03);
    margin-top: 0.16rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-tab-content .-list .-more-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.6rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .index-page .-news .wal .-body .-tab-content .-list .-more-active a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--fcolor01);
    font-size: 0.26rem;
    line-height: 0.42rem;
  }
  .index-page .-news .wal .-body .-tab-content .-list .-more-active a .-icon {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    color: white;
    background-color: var(--sk-global-color);
    margin-left: 0.16rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .index-page .-news .wal .-body .-tab-content .-list .-more-active a .-icon .svg-ctx {
    width: 0.5rem;
    height: 0.5rem;
  }
  .index-page .-contact {
    position: relative;
  }
  .index-page .-contact .wal .-body {
    --fcolor: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 9.6rem;
    padding: 2.47rem 0 1rem;
  }
  .index-page .-contact .wal .-body .-title {
    text-align: center;
  }
  .index-page .-contact .wal .-body .-button {
    margin-top: 0.6rem;
  }
}
.dragging-home:before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: " ";
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

@-webkit-keyframes xia1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 6vw, 0);
    transform: translate3d(0, 6vw, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes xia1 {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 6vw, 0);
    transform: translate3d(0, 6vw, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes xia2 {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 6vw, 0);
    transform: translate3d(0, 6vw, 0);
  }
}
@keyframes xia2 {
  0% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 6vw, 0);
    transform: translate3d(0, 6vw, 0);
  }
}
@-webkit-keyframes mobile_animation {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 6vw, 0);
    transform: translate3d(-50%, 6vw, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes mobile_animation {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 6vw, 0);
    transform: translate3d(-50%, 6vw, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.x-section-outter {
  height: 150vh;
}

.x-section {
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.x-section:before {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  height: 4rem;
  width: 100%;
  background: -webkit-linear-gradient(bottom, rgba(190, 255, 250, 0) 0%, #FFFFFF 90%);
  background: linear-gradient(to top, rgba(190, 255, 250, 0) 0%, #FFFFFF 90%);
  z-index: 1;
}
.x-section:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  left: 0;
  bottom: 0;
  height: 2rem;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(190, 255, 250, 0) 0%, #041507 163%);
  background: linear-gradient(to bottom, rgba(190, 255, 250, 0) 0%, #041507 163%);
  z-index: 1;
}
.x-section .home-scene {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
}
.x-section .home-scene .-diplay {
  height: 100%;
}
.x-section .home-scene .-diplay img {
  -webkit-transition: none !important;
  transition: none !important;
  max-width: none !important;
  height: 100%;
  will-change: transform;
}
.x-section .home-scene .-container {
  box-shadow: inset 0px -20px 200px 0px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.x-section .home-scene .-object {
  position: absolute;
  will-change: transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.x-section .home-scene .-object[data-direction=left] .-product .-action {
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
.x-section .home-scene .-object[data-direction=left] .-product .-arrow-head {
  display: none;
}
.x-section .home-scene .-object .-product {
  font-size: 0.2rem;
  position: relative;
  z-index: 1;
  display: block;
  white-space: nowrap;
}
.x-section .home-scene .-object .-product .-name {
  font-family: "fontFamily-R";
  font-weight: 500;
  color: #ffffff;
}
.x-section .home-scene .-object .-product .-action {
  font-size: 0.2rem;
  font-family: "fontFamily-R";
  font-weight: 500;
  color: #ffffff;
}
.x-section .home-scene .-object .-product .-action-name {
  display: inline-block;
}
.x-section .home-scene .-object .-product .-arrow-tail,
.x-section .home-scene .-object .-product .-arrow-head {
  content: "-";
  display: inline-block;
  opacity: 1;
  width: 10px;
  height: 10px;
  vertical-align: middle;
}
.x-section .home-scene .-object .-arrow {
  position: absolute;
  left: -300px;
  top: 0;
  pointer-events: none;
  will-change: transform;
}
.x-section .home-scene .-object .--editing:before {
  content: " ";
  display: block;
  position: absolute;
  left: -5px;
  top: 0;
  right: -5px;
  bottom: 0;
  pointer-events: none;
}
.x-section ._scene_info {
  position: absolute;
  right: 1.4rem;
  top: 0.8rem;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.x-section ._scene_info.on ._item_close {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.x-section ._scene_info.on ._item_content.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0%, 0);
          transform: translate3d(0, 0%, 0);
  -webkit-animation: xia1 1.5s ease-in-out both;
          animation: xia1 1.5s ease-in-out both;
}
.x-section ._scene_info ._item_close {
  cursor: pointer;
  margin-left: 0.1rem;
  right: 0;
  top: 0;
  width: 0.56rem;
  height: 0.56rem;
  padding: 0.2rem;
  border-radius: 50%;
  background: url(../../image/shenzhenkehua/scene/close.svg) center center no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 0.2rem;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.x-section ._scene_info ._item_content {
  position: absolute;
  top: 0;
  right: 0.66rem;
  background: rgba(255, 255, 255, 0.25);
  box-shadow: 0px 4px 100px 0px rgba(21, 58, 88, 0.25);
  border-radius: 0.16rem;
  width: 4.65rem;
  padding: 0.28rem;
  -webkit-backdrop-filter: blur(0.2rem);
          backdrop-filter: blur(0.2rem);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: translate3d(0, 6vw, 0);
          transform: translate3d(0, 6vw, 0);
}
.x-section ._scene_info ._item_content a {
  -webkit-transition: none;
  transition: none;
}
.x-section ._scene_info ._item_content ._con_tit {
  padding-bottom: 0.24rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: flex-start;
      -ms-flex-direction: flex-start;
          flex-direction: flex-start;
}
.x-section ._scene_info ._item_content ._con_tit > svg {
  color: #E60012;
  margin-right: 0.12rem;
  width: 0.26rem;
  height: 0.26rem;
}
.x-section ._scene_info ._item_content ._con_tit p {
  font-size: 0.24rem;
  line-height: 0.28rem;
  font-weight: 500;
  color: var(--fcolor02);
  font-family: "fontFamily-B";
}
.x-section ._scene_info ._item_content ._con_desc {
  font-size: 0.16rem;
  padding-bottom: 0.3rem;
  color: rgba(102, 102, 102, 0.8);
  font-family: "fontFamily-R";
}
.x-section ._scene_info ._item_content .name {
  position: relative;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.x-section ._scene_info ._item_content .name:hover span {
  color: #E60012;
}
.x-section ._scene_info ._item_content .name:hover::after {
  opacity: 1;
  visibility: visible;
}
.x-section ._scene_info ._item_content .name span {
  font-family: "fontFamily-M";
  color: #666666;
  font-size: 0.14rem;
  color: #E60012;
}
.x-section ._scene_info ._item_content .name::after {
  content: "";
  display: block;
  position: absolute;
  right: -0.08rem;
  top: 50%;
  width: 0.07rem;
  height: 0.11rem;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  background: url(../../image/shenzhenkehua/icon/arrow01.svg) center center no-repeat;
  background-size: contain;
}
.x-section ._scene_container {
  position: absolute;
  bottom: 0.65rem;
  width: 74%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0 0.2rem;
  z-index: 10;
}
.x-section ._scene_container ._con_box {
  position: relative;
  overflow: hidden;
}
.x-section ._scene_container ._con_box .car {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  color: #ffffff;
}
.x-section ._scene_container ._con_box .car img {
  -webkit-transition: none !important;
  transition: none !important;
  max-width: none !important;
}
.x-section ._scene_container ._con_box .mobile_show {
  display: none;
}
.x-section ._scene_container ._con_box ul.swiper-wrapper {
  z-index: 88;
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide {
  height: 100%;
  text-align: center;
  cursor: -webkit-grab;
  cursor: grab;
  margin: 0.1rem 0;
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide a {
  display: block;
  line-height: 0.2rem;
  height: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
  color: rgba(255, 255, 255, 0.6);
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide a span {
  display: inline-block;
  font-size: 0.16rem;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "fontFamily-R";
  cursor: pointer;
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide a::after {
  content: "";
  margin: 0 0.1rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* 横线自适应填充 */
  height: 2px;
  /* 横线高度 */
  background: rgba(255, 255, 255, 0.5);
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide:last-child a::after {
  display: none;
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide.on_prev a::after {
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide.on a {
  color: white;
}
.x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide.on a::after {
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
}
.x-section ._scene_container ._scene_pn {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  height: 0.4rem;
  width: 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: rgba(255, 255, 255, 0.6);
  z-index: 99;
}
.x-section ._scene_container ._scene_pn:hover {
  color: white;
}
.x-section ._scene_container ._scene_pn svg {
  width: 0.08rem;
  height: 0.15rem;
  -webkit-transform: translate(-10%);
      -ms-transform: translate(-10%);
          transform: translate(-10%);
}
.x-section ._scene_container ._scene_pn._scene_prev {
  left: 0;
  box-shadow: 20px 0px 20px 0px rgba(255, 255, 255, 0.2);
}
.x-section ._scene_container ._scene_pn._scene_next {
  right: 0;
  box-shadow: -20px 0px 20px 0px rgba(255, 255, 255, 0.2);
}
.x-section ._scene_container .swiper-button-disabled {
  display: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 1500px) {
  .x-section ._scene_container {
    bottom: 1.2rem;
    width: 80%;
  }
}
@media screen and (max-width: 800px) {
  .x-section {
    height: 100vh;
  }
  .x-section:before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    height: 4rem;
    width: 100%;
    background: -webkit-linear-gradient(bottom, rgba(190, 255, 250, 0) 0%, #FFFFFF 90%);
    background: linear-gradient(to top, rgba(190, 255, 250, 0) 0%, #FFFFFF 90%);
    z-index: 1;
  }
  .x-section .home-scene {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: -webkit-grab;
    cursor: grab;
    overflow: hidden;
  }
  .x-section .home-scene .-diplay {
    height: 100%;
  }
  .x-section .home-scene .-diplay img {
    -webkit-transition: none !important;
    transition: none !important;
    max-width: none !important;
    height: 100%;
    will-change: transform;
  }
  .x-section .home-scene .-container {
    box-shadow: inset 0px -0.2rem 2rem 0px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  .x-section .home-scene .-object {
    position: absolute;
    will-change: transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .x-section .home-scene .-object .-product {
    font-size: 0.2rem;
    position: relative;
    z-index: 1;
    display: block;
    white-space: nowrap;
  }
  .x-section .home-scene .-object .-product .-name {
    font-family: "fontFamily-R";
    font-weight: 500;
    color: #ffffff;
  }
  .x-section .home-scene .-object .-product .-action {
    font-size: 0.3rem;
    font-family: "fontFamily-R";
    font-weight: 500;
    color: #ffffff;
  }
  .x-section .home-scene .-object .-product .-arrow-tail {
    content: "-";
    display: inline-block;
    opacity: 1;
    width: 10px;
    height: 10px;
    vertical-align: middle;
  }
  .x-section .home-scene .-object .-arrow {
    position: absolute;
    left: -300px;
    top: 0;
    pointer-events: none;
    will-change: transform;
  }
  .x-section .home-scene .-object .--editing:before {
    content: " ";
    display: block;
    position: absolute;
    left: -5px;
    top: 0;
    right: -5px;
    bottom: 0;
    pointer-events: none;
  }
  .x-section ._scene_info {
    position: absolute;
    right: 0;
    top: 1.6rem;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  .x-section ._scene_info.on ._item_close {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  .x-section ._scene_info.on ._item_content.active {
    opacity: 1;
    visibility: visible;
  }
  .x-section ._scene_info ._item_close {
    display: none;
    cursor: pointer;
    margin-left: 0.1rem;
    right: 0;
    top: 0;
    width: 0.56rem;
    height: 0.56rem;
    padding: 0.2rem;
    border-radius: 50%;
    background: url(../../image/shenzhenkehua/scene/close.svg) center center no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 0.2rem;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .x-section ._scene_info ._item_content {
    position: absolute;
    top: 0;
    right: 0.4rem;
    left: 0.4rem;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 4px 100px 0px rgba(21, 58, 88, 0.25);
    border-radius: 0.16rem;
    width: calc(100% - 0.8rem);
    padding: 0.45rem;
    -webkit-backdrop-filter: blur(0.2rem);
            backdrop-filter: blur(0.2rem);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .x-section ._scene_info ._item_content ._con_tit {
    padding-bottom: 0.24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: flex-start;
        -ms-flex-direction: flex-start;
            flex-direction: flex-start;
  }
  .x-section ._scene_info ._item_content ._con_tit > svg {
    color: #E60012;
    margin-right: 0.2rem;
    width: 0.36rem;
    height: 0.36rem;
  }
  .x-section ._scene_info ._item_content ._con_tit p {
    font-size: 0.36rem;
    line-height: 0.36rem;
    font-weight: 500;
    color: var(--fcolor02);
    font-family: "fontFamily-B";
  }
  .x-section ._scene_info ._item_content ._con_desc {
    font-size: 0.26rem;
    padding-bottom: 0.3rem;
    color: rgba(102, 102, 102, 0.8);
    font-family: "fontFamily-R";
  }
  .x-section ._scene_info ._item_content .name {
    position: relative;
    font-size: 0.24rem;
    line-height: 0.24rem;
  }
  .x-section ._scene_info ._item_content .name:hover span {
    color: #E60012;
  }
  .x-section ._scene_info ._item_content .name:hover::after {
    opacity: 1;
    visibility: visible;
  }
  .x-section ._scene_info ._item_content .name span {
    font-family: "fontFamily-M";
    color: #666666;
    font-size: 0.26rem;
    color: #E60012;
  }
  .x-section ._scene_info ._item_content .name::after {
    content: "";
    display: block;
    position: absolute;
    right: -0.08rem;
    top: 50%;
    width: 0.14rem;
    height: 0.22rem;
    -webkit-transform: translate(100%, -50%);
        -ms-transform: translate(100%, -50%);
            transform: translate(100%, -50%);
    background: url(../../image/shenzhenkehua/icon/arrow01.svg) center center no-repeat;
    background-size: contain;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .x-section ._scene_container {
    position: absolute;
    bottom: 0.65rem;
    width: 70%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0 0.2rem;
  }
  .x-section ._scene_container ._con_box {
    position: relative;
    overflow: visible;
  }
  .x-section ._scene_container ._con_box .car {
    text-align: center;
    margin-bottom: 10px;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
    color: #ffffff;
  }
  .x-section ._scene_container ._con_box .car img {
    -webkit-transition: none !important;
    transition: none !important;
    max-width: none !important;
  }
  .x-section ._scene_container ._con_box .mobile_show {
    display: block;
    line-height: 0.4rem;
    height: 0.4rem;
    text-align: center;
    cursor: -webkit-grab;
    cursor: grab;
    font-size: 0.32rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "fontFamily-R";
    color: white;
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper {
    z-index: 88;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 0.36rem;
    background: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    width: 70%;
    position: relative;
    left: 50%;
    bottom: 0.28rem;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0.2rem;
    display: none;
    visibility: hidden;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper.on {
    display: block;
    visibility: visible;
    -webkit-transform: translate3d(-50%, 0%, 0);
            transform: translate3d(-50%, 0%, 0);
    -webkit-animation: mobile_animation 1s ease-in-out both;
            animation: mobile_animation 1s ease-in-out both;
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide {
    height: 100%;
    text-align: center;
    cursor: -webkit-grab;
    cursor: grab;
    margin: 0 !important;
    padding: 0.15rem 0;
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide a {
    display: block;
    line-height: 0.4rem;
    height: 0.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    cursor: -webkit-grab;
    cursor: grab;
    color: rgba(255, 255, 255, 0.6);
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide a span {
    display: inline-block;
    font-size: 0.26rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "fontFamily-R";
    cursor: pointer;
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide a::after {
    display: none;
    content: "";
    margin: 0 0.1rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    /* 横线自适应填充 */
    height: 2px;
    /* 横线高度 */
    background: rgba(255, 255, 255, 0.5);
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide:last-child a::after {
    display: none;
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide.on_prev a::after {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide.on a {
    color: white;
  }
  .x-section ._scene_container ._con_box ul.swiper-wrapper li.swiper-slide.on a::after {
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
  }
  .x-section ._scene_container ._scene_pn {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    height: 0.4rem;
    width: 0.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: rgba(255, 255, 255, 0.6);
    z-index: 99;
  }
  .x-section ._scene_container ._scene_pn:hover {
    color: white;
  }
  .x-section ._scene_container ._scene_pn svg {
    width: 0.2rem;
    height: 0.4rem;
    -webkit-transform: translate(-10%);
        -ms-transform: translate(-10%);
            transform: translate(-10%);
  }
  .x-section ._scene_container ._scene_pn._scene_prev {
    left: 0;
    box-shadow: 20px 0px 20px 0px rgba(255, 255, 255, 0.2);
  }
  .x-section ._scene_container ._scene_pn._scene_next {
    right: 0;
    box-shadow: -20px 0px 20px 0px rgba(255, 255, 255, 0.2);
  }
  .x-section ._scene_container .swiper-button-disabled {
    display: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.home-scene .-enter {
  display: block;
  font-family: SofiaPro-Medium, Helvetica, sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 4vh;
  line-height: 2.6vh;
}

.home-scene .-object.--editing .-anchor-handle:before,
.home-scene .-object.--editing:before {
  border: 2px solid #ffd900;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.home-scene .-object .-anchor-handle {
  position: absolute;
  top: -3px;
  left: -4px;
  width: 5px;
  height: 5px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.4);
  width: 8px;
  height: 8px;
  border: 3px solid #ffffff;
  /* 透明边框 */
  border-radius: 50%;
  /* 圆形 */
}

.home-scene .-object .-anchor-handle:before {
  content: " ";
  display: block;
  position: absolute;
  left: -8px;
  right: -8px;
  bottom: -8px;
  top: -8px;
  border-radius: 20px;
}

.home-scene .-object .-section-logo {
  position: relative;
  font-size: 25vh;
  font-weight: 600;
  letter-spacing: -0.035em;
  top: -1em;
}

.home-scene .-object .-polygon-intro-mobile {
  height: 0;
  display: none;
  width: 100%;
}

.home-scene .-object .-polygon-intro-mobile .-logo img {
  display: block;
  width: 100%;
}

.home-scene .-object .-polygon-intro-mobile .-section-names {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.home-scene .-object .-polygon-intro-mobile .-section-names .-side {
  width: 50%;
  padding: 0 7vw;
}

.home-scene .-object .-polygon-intro-mobile .-section-names .-side span {
  display: block;
}

.home-scene .-object .-polygon-intro-mobile .-section-names .-side.--right {
  text-align: right;
}

@media screen and (max-width: 700px) {
  .home-scene .-object .-polygon-intro-mobile {
    display: block;
  }
}
.home-scene .-object .-section-pointers {
  width: 90vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-scene .-object .-section-pointers .--left .arrow {
  margin-right: 30px;
}

.home-scene .-object .-section-pointers .--right .arrow {
  margin-left: 30px;
}

@media screen and (max-width: 700px) {
  .home-scene .-object .-section-pointers {
    display: none;
  }
}
.home-scene .-object .-polygon-intro {
  display: block;
  position: relative;
  width: 51vw;
}

.home-scene .-object .-polygon-intro.--sections {
  padding-top: 19vw;
}

@media screen and (max-width: 700px) {
  .home-scene .-object .-polygon-intro {
    display: none;
  }
}
.home-scene .-object .-polygon-intro .-logo {
  position: relative;
}

.home-scene .-object .-polygon-intro .-logo img {
  width: 100%;
}

.home-scene .-object .-polygon-intro .-sides {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.3vw;
}

.home-scene .-object .-polygon-intro .-sides .-side {
  width: 33%;
}

.home-scene .-object .-polygon-intro .-sides .-side .-section-name {
  font-size: 2.5vw;
  text-transform: uppercase;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.home-scene .-object .-polygon-intro .-sides .-side .-subtitle {
  display: block;
  text-align: center;
  margin-top: 1vw;
  font-size: 19px;
}

.wal {
  max-width: 16rem;
  width: 100%;
  margin: 0 auto;
}

.wal-1000 {
  max-width: 10rem;
  width: 100%;
  margin: 0 auto;
}

.wal-1280 {
  max-width: 12.8rem;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1700px) {
  body {
    font-size: 16px;
  }

  html {
    font-size: 94px;
  }
}
@media screen and (max-width: 1440px) {
  body {
    font-size: 14px;
  }

  html {
    font-size: 82px;
  }
}
@media screen and (max-width: 1300px) {
  html {
    font-size: 74px;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 68px;
  }
}
@media screen and (max-width: 1100px) {
  html {
    font-size: 64px;
  }
}
@media screen and (max-width: 1000px) {
  html {
    font-size: 70px;
  }
}
@media screen and (min-width: 800px) {
  .pc-show {
    display: block;
  }

  .phone-show {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 72px;
  }

  .wal,
.wal-1000,
.wal-1280 {
    width: 100%;
    padding: 0 0.4rem;
  }

  .phone-show {
    display: block;
  }

  .pc-show {
    display: none !important;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 62px;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 50px;
  }
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*
 * 栅格布局
 * @param $col 栅格数
 * @param $gap 栅格间隔
 * @param $colPhone 手机端栅格数
 * @param $gapPhone 手机端栅格间隔
 */
/*
 * 富文本初始化
 */
.channel-cooperation-page .banner-box {
  position: relative;
  height: 6.4rem;
}
@media screen and (max-width: 800px) {
  .channel-cooperation-page .banner-box {
    padding-top: 128%;
    height: 0;
  }
}
.channel-cooperation-page .banner-box .position {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.channel-cooperation-page .banner-box .bg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.channel-cooperation-page .banner-box .bg img {
  height: 100%;
  width: 100%;
}
.channel-cooperation-page .banner-box .wal {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 800px) {
  .channel-cooperation-page .banner-box .wal {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.channel-cooperation-page .banner-box .wal .h1 {
  font-family: "fontFamily-B";
  color: #ffffff;
  font-size: 0.56rem;
  line-height: 0.72rem;
}
@media screen and (max-width: 800px) {
  .channel-cooperation-page .banner-box .wal .h1 {
    margin-top: 3.45rem;
    font-size: 0.64rem;
    line-height: 0.96rem;
    text-align: center;
  }
}
.channel-cooperation-page .banner-box .wal .info-text {
  margin-top: 0.48rem;
  width: 5rem;
  color: #ffffff;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
@media screen and (max-width: 800px) {
  .channel-cooperation-page .banner-box .wal .info-text {
    margin-top: 0.28rem;
    font-size: 0.26rem;
    line-height: 0.39rem;
    width: 100%;
    text-align: center;
  }
}
.channel-cooperation-page .protect-interests {
  display: block;
  background: -webkit-linear-gradient(top, #f5f7f9 71%, #ffffff 100%);
  background: linear-gradient(180deg, #f5f7f9 71%, #ffffff 100%);
}
.channel-cooperation-page .protect-interests .wal {
  padding-top: 1.24rem;
  padding-bottom: 2.03rem;
}
.channel-cooperation-page .protect-interests .wal .section-title {
  text-align: center;
}
.channel-cooperation-page .protect-interests .wal .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.6rem;
  padding: 0 0.75rem;
}
.channel-cooperation-page .protect-interests .wal .list .item {
  width: calc(100% / 4);
}
.channel-cooperation-page .protect-interests .wal .list .item .icon-con {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
}
.channel-cooperation-page .protect-interests .wal .list .item .icon-con .int-icon {
  width: 0.47rem;
  height: 0.47rem;
}
.channel-cooperation-page .protect-interests .wal .list .item .title {
  margin-top: 0.2rem;
  font-size: 0.2rem;
  color: #333333;
  line-height: 0.3rem;
  text-align: center;
}
.channel-cooperation-page .cooperative-partner .pcon {
  position: relative;
  padding-top: calc(600 / 1920 * 100%);
}
.channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper {
  margin-top: 1.76rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .section-title {
  text-align: center;
}
.channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .-button {
  margin-top: 0.6rem;
}

@media screen and (max-width: 800px) {
  .channel-cooperation-page .protect-interests .wal {
    padding-top: 1.41rem;
    padding-bottom: 1.6rem;
  }
  .channel-cooperation-page .protect-interests .wal .section-title {
    text-align: center;
  }
  .channel-cooperation-page .protect-interests .wal .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0.54rem;
    background: #f8f9fb;
    box-shadow: 0px 0px 100px 0px rgba(153, 153, 153, 0.25);
    border-radius: 0.36rem 0.36rem 0.36rem 0.36rem;
    padding: 0.7rem 0.56rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item {
    width: calc((100% - 1rem) / 2);
  }
  .channel-cooperation-page .protect-interests .wal .list .item .icon-con {
    width: 1.6rem;
    height: 1.6rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item .icon-con .int-icon {
    width: 0.6rem;
    height: 0.6rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item .title {
    margin-top: 0.24rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
  }
  .channel-cooperation-page .cooperative-partner .pcon {
    position: relative;
    padding-top: calc(649 / 750 * 100%);
  }
  .channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper {
    margin-top: 0.5rem;
    padding: 0 0.87rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .section-title {
    text-align: center;
    font-size: 0.48rem;
    line-height: 0.72rem;
    letter-spacing: 0.04rem;
  }
  .channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .-button {
    margin-top: 0.6rem;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .-button a {
    padding: 0.24rem 0.68rem;
  }
}
.channel-cooperation-page .protect-interests {
  background: #FFFFFF;
}
.channel-cooperation-page .protect-interests .wal {
  padding-bottom: 0.2rem;
}
.channel-cooperation-page .protect-interests .wal .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 0 1rem;
}
.channel-cooperation-page .protect-interests .wal .list .item {
  width: calc((100% - 0.8rem) / 3);
  /* 3列布局，每个项占 1/3 宽度，减去间距 */
  border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
  margin-right: 0.4rem;
  margin-top: 0.38rem;
  background: #F5F7F9;
}
.channel-cooperation-page .protect-interests .wal .list .item:nth-child(3n) {
  margin-right: 0;
}
.channel-cooperation-page .protect-interests .wal .list .item:nth-child(-n+3) {
  margin-top: 0;
}
.channel-cooperation-page .protect-interests .wal .list .item .item-content {
  padding-left: 0.3rem;
  padding-bottom: 0.61rem;
  padding-top: 0.42rem;
  padding-right: 0.42rem;
}
.channel-cooperation-page .protect-interests .wal .list .item .item-content .item-icon img {
  width: 0.35rem;
  height: 0.35rem;
}
.channel-cooperation-page .protect-interests .wal .list .item .item-content .item-title {
  font-size: 0.24rem;
  color: #333333;
  line-height: 0.28rem;
  margin-top: 0.58rem;
  font-family: "fontFamily-M";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.channel-cooperation-page .protect-interests .wal .list .item .item-content .item-text {
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.24rem;
  margin-top: 0.14rem;
  font-family: "fontFamily-R";
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 800px) {
  .channel-cooperation-page .protect-interests .wal {
    padding-left: 0;
    padding-right: 0;
  }
  .channel-cooperation-page .protect-interests .wal .list {
    background: #FFFFFF;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    box-shadow: none;
    padding-top: 0;
    margin-top: 0.6rem;
    padding: 0 0.4rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item {
    width: 100%;
  }
  .channel-cooperation-page .protect-interests .wal .list .item:nth-child(n+2) {
    margin-top: 0.4rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item .item-content {
    padding-left: 0.4rem;
    padding-bottom: 0.51rem;
    padding-top: 0.52rem;
    padding-right: 0.48rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item .item-content .item-icon img {
    width: 0.5rem;
    height: 0.5rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item .item-content .item-title {
    font-size: 0.36rem;
    line-height: 0.42rem;
    margin-top: 0.73rem;
  }
  .channel-cooperation-page .protect-interests .wal .list .item .item-content .item-text {
    font-size: 0.26rem;
    line-height: 0.3rem;
    margin-top: 0.24rem;
  }
}
.channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper {
  padding-left: 1.12rem;
  padding-right: 1.14rem;
  margin-top: 1.66rem;
}
.channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .section-title {
  margin-bottom: 0.28rem;
  line-height: 0.49rem;
}
.channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .section-text {
  width: 10.02rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  color: #666666;
  padding: 0 1.2rem 0 1.2rem;
  font-family: "fontFamily-R";
}
@media screen and (max-width: 800px) {
  .channel-cooperation-page .cooperative-partner .pcon {
    padding-top: calc(800 / 750* 100%);
  }
  .channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .section-title {
    line-height: 0.56rem;
  }
  .channel-cooperation-page .cooperative-partner .pcon .cooperative-partner-container .cooperative-partner-wrapper .section-text {
    width: 5.96rem;
    font-size: 0.26rem;
    line-height: 0.3rem;
    padding: 0;
  }
}