@charset "UTF-8";
:root {
  --mainColor: #025e40;
  --mainLightColor: #cde8d2;
  --mainDarkColor: #01311e;
  --secondaryColor: #013d29;
  --accentColor: #4ecb9e;
  --titleColor: #222;
  --textColor: #555;
  --descColor: #4a5568;
  --mutedColor: #888;
  --borderColor: #e5e5e5;
  --infoColor: #3b82f6;
  --successColor: #10b981;
  --warningColor: #f59e0b;
  --dangerColor: #ef4444;
  --bgColor: #f4f8f6;
  --bgLightColor: #f8f9ff;
  --bgDarkColor: #23263a;
  --bgLinearColor: linear-gradient(135deg, #f8f9ff 0%, #e8f0ff 100%);
  --maxViewWidth: 14.4rem;
  --headerHeight: 0.7rem;
  --footerHeight: auto;
  --bsSize: 0 0.02rem 0.2rem 0 rgba(2, 94, 64, 0.1);
  --bsSizeHover: 0 0.15rem 0.3rem rgba(2, 94, 64, 0.1);
  --brSize: 0.1rem;
  --maxFullViewWidth: 16rem;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  word-break: break-all;
  word-wrap: break-word;
}

html {
  color: #333;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  overflow-x: hidden;
  font: normal normal 0.16rem/1.5 -apple-system, BlinkMacSystemFont, "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Source Han Sans CN DemiLight", sans-serif;
  white-space: normal;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
a:hover, a:active, a:focus {
  opacity: 0.9;
}
a:visited {
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}

h1 {
  font-size: 0.32rem;
}

h2 {
  font-size: 0.28rem;
}

h3 {
  font-size: 0.24rem;
}

h4 {
  font-size: 0.2rem;
}

h5 {
  font-size: 0.16rem;
}

h6 {
  font-size: 0.12rem;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
}

input,
button,
textarea,
select {
  outline: none;
  border: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input::-webkit-input-placeholder {
  color: #999;
}

input::-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder {
  color: #999;
}

input::-ms-input-placeholder {
  color: #999;
}

input::placeholder {
  color: #999;
}

button {
  font-size: 0.14rem;
  cursor: pointer;
  background: transparent;
  border: none;
}

textarea {
  border-radius: 0.04rem;
}

ol,
ul {
  list-style: none;
}

strong {
  font-weight: 700;
}

small {
  font-size: 85%;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th,
td {
  vertical-align: middle;
  border: 0.01rem solid #eee;
}

html,
body {
  scroll-behavior: smooth;
  font-size: 0.16rem;
  line-height: 1.5;
  color: var(--textColor);
  background-color: var(--bgColor);
}

.common-wrapper {
  width: 96%;
  max-width: var(--maxViewWidth, 12.8rem);
  margin: 0 auto;
}

.large-wrapper {
  max-width: var(--maxFullViewWidth);
}

@media screen and (max-width: 1024px) {
  .mpc-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .pad-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 480px) {
  .phone-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.page-app-container {
  min-height: 80vh;
  padding: 1rem 0;
}
@media screen and (max-width: 768px) {
  .page-app-container {
    min-height: auto;
  }
}

@-webkit-keyframes ani-move-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0.05rem);
            transform: translateX(0.05rem);
  }
}

@keyframes ani-move-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0.05rem);
            transform: translateX(0.05rem);
  }
}
.full--img {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  padding-bottom: var(--imgRatio, 100%);
  overflow: var(--imgOverflow, hidden);
  border-radius: var(--imgRadius, var(--brSize, 0));
}
.full--img > video,
.full--img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: var(--imgFit, cover);
     object-fit: var(--imgFit, cover); /* 可选，控制填充方式 */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.full--img:hover {
  cursor: default;
}

.ditems {
  width: 100%;
  overflow: hidden;
  --item-gap: 0.1rem;
  --item-bg: none;
  --item-br: 0;
  --cover-width: 100%;
  --cover-height: 100%;
  --tit-line: 1;
  --desc-line: 2;
}
.ditems .dinners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0 calc(0.0001rem - var(--item-gap));
}
.ditems .ditem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; /* 平分空间 */
  -ms-flex-negative: 0;
      flex-shrink: 0; /* 不允许被压缩 */
  padding: 0 var(--item-gap);
  margin-bottom: calc(var(--item-gap) * 2);
  overflow: hidden;
}
.ditems .dinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--item-br);
}
.ditems .dcov {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: var(--cover-width);
  margin: 0 auto;
  --imgRatio: var(--cover-height);
  font-size: 0;
  line-height: 0;
}
.ditems .dcov .full--img {
  overflow: hidden;
}
.ditems .dcont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--item-bg);
}
.ditems .dtit {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--tit-line);
  -webkit-box-orient: vertical;
}
.ditems .ddesc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: var(--desc-line);
  -webkit-box-orient: vertical;
}
.ditems .dfoot {
  margin-top: auto;
}
.ditems-col1 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
}
.ditems-col2 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 50%;
}
.ditems-col3 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 33.3333333333%;
}
.ditems-col4 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 25%;
}
.ditems-col5 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 20%;
}
.ditems-col6 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 16.6666666667%;
}
.ditems-col7 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 14.2857142857%;
}
.ditems-col8 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 12.5%;
}
.ditems-col9 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 11.1111111111%;
}
.ditems-col10 .ditem {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 10%;
}
@media screen and (max-width: 768px) {
  .ditems-col10 .ditem {
    width: 20%;
  }
  .ditems-col8 .ditem {
    width: 25%;
  }
  .ditems-col6 .ditem {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 480px) {
  .ditems-col3 .ditem, .ditems-col5 .ditem, .ditems-col7 .ditem, .ditems-col9 .ditem {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    margin-bottom: var(--item-gap);
  }
}
.ditems.dcover-items {
  --cover-width: 1rem;
  --cover-height: 100%;
  --cover-gap: 0.2rem;
}
.ditems.dcover-items .ditem {
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding-bottom: 0.1rem;
  margin-bottom: 0.1rem;
  width: 100%;
}
.ditems.dcover-items .dinners {
  margin: 0;
}
.ditems.dcover-items .dinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.ditems.dcover-items .dcov {
  margin-right: var(--cover-gap);
}
.ditems.dcover-items .dcont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/*
<div class="ditems">
  <div class="dinners">
    <div class="ditem">
      <div class="dinner">
        <div class="dcov"></div>
        <div class="dcont">
          <div class="dtit"></div>
          <div class="ddesc"></div>
          <div class="dfoot"></div>
        </div>
      </div>
    </div>
  </div>
</div>
*/
.text-muted {
  color: var(--mutedColor, #6c757d);
}

.text-success {
  color: var(--successColor, #198754);
}

.text-warning {
  color: var(--warningColor, #ffc107);
}

.text-danger {
  color: var(--dangerColor, #dc3545);
}

.loc-box {
  width: 100%;
  font-size: 0.14rem;
  line-height: 1;
  color: var(--titleColor, #222);
}
.loc-box-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.loc-box span,
.loc-box a {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--mutedColor);
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
.loc-box span:hover,
.loc-box a:hover {
  color: var(--mainColor);
  opacity: 1;
}
.loc-box span::after,
.loc-box a::after {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.1rem;
  margin-left: 0.1rem;
  vertical-align: middle;
  content: ">";
  color: var(--mutedColor);
}
.loc-box span:first-child::before,
.loc-box a:first-child::before {
  display: inline-block;
  width: 0.16rem;
  height: 0.16rem;
  margin-right: 0.04rem;
  vertical-align: middle;
  content: "";
  background: url("../images/breadcrumb-home2.svg") center center/0.14rem no-repeat;
}
.loc-box span:last-child::after {
  display: none;
}
.loc-box span:hover {
  cursor: default;
  opacity: 1;
  color: var(--mutedColor);
}

.base-news-detail {
  position: relative;
  padding: 0.7rem 0.6rem;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .base-news-detail {
    padding: 0.6rem 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .base-news-detail {
    padding: 0.5rem 0.4rem;
  }
}
.base-news-detail .base-news-detail-title {
  margin-bottom: 0.19rem;
  font-size: 0.36rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .base-news-detail .base-news-detail-title {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .base-news-detail .base-news-detail-title {
    font-size: 0.28rem;
  }
}
@media screen and (max-width: 480px) {
  .base-news-detail .base-news-detail-title {
    font-size: 0.24rem;
  }
}
.base-news-detail .base-news-detail-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0.36rem;
  margin-bottom: 0.42rem;
  font-size: 0.16rem;
  color: var(--mutedColor);
  border-bottom: 0.01rem solid var(--borderColor);
}
@media screen and (max-width: 1024px) {
  .base-news-detail .base-news-detail-meta {
    padding-bottom: 0.2rem;
    margin-bottom: 0.3rem;
  }
}
.base-news-detail .base-news-detail-content-inner {
  font-size: 0.16rem;
  line-height: 2;
  color: var(--textColor);
}
.base-news-detail .base-news-detail-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
  border-top: 0.01rem solid var(--borderColor);
}
.base-news-detail .base-news-detail-previous {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.12rem;
  overflow: hidden;
  font-size: 0.16rem;
  text-align: left;
}
.base-news-detail .base-news-detail-back {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.3rem;
}
.base-news-detail .base-news-detail-back a {
  padding: 0.17rem 0.5rem;
  font-size: 0.16rem;
  color: #fff;
  background: var(--mainColor);
}

.tabs-box {
  width: 100%;
}
.tabs-box .tabs-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 0.02rem solid #eee;
  margin-bottom: 0.2rem;
}
.tabs-box .tabs-tab {
  position: relative;
  padding: 0.12rem 0.28rem;
  cursor: pointer;
  font-size: 0.16rem;
  color: #666;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  margin-right: 0.1rem;
}
.tabs-box .tabs-tab:hover, .tabs-box .tabs-tab.act, .tabs-box .tabs-tab.active {
  color: var(--mainColor);
}
.tabs-box .tabs-tab:hover::after, .tabs-box .tabs-tab.act::after, .tabs-box .tabs-tab.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.02rem;
  height: 0.03rem;
  background: var(--mainColor);
  border-radius: 0.02rem 0.02rem 0 0;
}
.tabs-box .tabs-content {
  display: none;
}
.tabs-box .tabs-content.act, .tabs-box .tabs-content.active {
  display: block;
}

/*

<div class="tabs-box">
  <div class="tabs-head">
    <div class="tabs-tab act">tab栏目</div>
  </div>
  <div class="tabs-content act">tab内容</div>
</div>

<div class="ditems ditems-col4" style="--item-gap: 0.2rem;">
  <div class="dinners">
    <div class="ditem">
      <div class="dinner">
        <div class="dcov">
          <img src="..." class="full--img" style="--imgRatio: 75%;">
        </div>
        <div class="dcont p-4">
          <h3 class="dtit">产品标题</h3>
          <p class="ddesc text-muted">产品描述内容</p>
          <div class="dfoot flex justify-between align-center mt-3">
            <span class="text-success font-bold">¥999</span>
            <button>查看详情</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
*/
/* stylelint-disable no-descending-specificity */
/* stylelint-disable selector-class-pattern */
a:focus, a:hover {
  color: inherit;
  opacity: 0.8;
}
a:hover .qui_pic {
  overflow: visible;
}
a:hover .qui_pic .qui_img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
a:active {
  color: inherit;
  opacity: 0.6;
}

td,
th {
  border: none;
}

table td {
  border: none;
}

.noData {
  text-align: center;
  padding: 30px;
  color: var(--mutedColor, #999);
}

.qui_banbox {
  position: relative;
  overflow: hidden;
}
.qui_banbox .quiinfo {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 96%;
  font-size: 0.24rem;
  line-height: 1.3;
  color: #fff;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  max-width: var(--maxViewWidth);
  --contentMax: 7.2rem;
}
@media screen and (max-width: 1024px) {
  .qui_banbox .quiinfo {
    margin-top: -0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .qui_banbox .quiinfo {
    margin-top: 0;
  }
}
.qui_banbox .quiinfo .quitit {
  font-size: 0.48rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .qui_banbox .quiinfo .quitit {
    margin: 0 !important;
  }
}
.qui_banbox .quiinfo .quicn {
  max-width: var(--contentMax);
  margin-bottom: 0.3rem;
  font-size: 0.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .qui_banbox .quiinfo .quicn {
    font-size: 0.4rem;
  }
}
.qui_banbox .quiinfo .quien {
  max-width: var(--contentMax);
  margin: 0;
  font-size: 0.18rem;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .qui_banbox .quiinfo .quien {
    font-size: 0.14rem;
  }
}
.qui_banbox.is-covers::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
}

.qui_pc_show {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .qui_pc_show {
    display: none;
  }
}

.qui_wap_show {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .qui_wap_show {
    display: block;
  }
}

.qui_warp {
  max-width: var(--maxViewWidth);
}

.qui_pic .qui_img {
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}
.qui_pic:hover {
  overflow: visible;
}
.qui_pic:hover .qui_img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

/*分页*/
.common-pages {
  padding: 0.4rem 0 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-align: center;
  zoom: 1;
}
.common-pages * {
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
}
.common-pages a {
  padding: 0 0.1rem;
  margin: 0 0.05rem;
  overflow: hidden;
  font-size: 0.16rem;
  text-align: center;
  min-width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  color: var(--mutedColor);
  background: #fff;
  border-radius: var(--brSize);
}
@media screen and (max-width: 768px) {
  .common-pages a {
    min-width: 0.4rem;
    height: 0.4rem;
    font-size: 0.14rem;
    line-height: 0.4rem;
  }
}
.common-pages a:hover, .common-pages a.a_cur {
  color: #fff;
  background-color: var(--mainColor);
  opacity: 1;
}
.common-pages a.a_prev, .common-pages a.a_next {
  min-width: 0.6rem;
  background-image: url("../images/arrow-right-g.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.1rem auto;
}
@media screen and (max-width: 768px) {
  .common-pages a.a_prev, .common-pages a.a_next {
    min-width: 0.7rem;
  }
}
.common-pages a.a_prev:hover, .common-pages a.a_next:hover {
  background-image: url("../images/arrow-right-w.svg");
}
.common-pages a.a_prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.common-pages a.line {
  cursor: default;
  background: none;
}

.common-pages-white .common-pages {
  padding-top: 0.1rem;
}
.common-pages-white .common-pages a {
  background-color: #fff;
}
.common-pages-white .common-pages a.a_cur, .common-pages-white .common-pages a:hover {
  background-color: var(--mainColor);
}
.common-pages-white .common-pages a.line {
  background-color: transparent;
}
.common-pages-white .common-pages a.line:hover {
  color: inherit;
}

.nice-select.selectize {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 0.16rem;
  background: transparent;
  --arrow-color: var(--titleColor);
}
@media screen and (max-width: 768px) {
  .nice-select.selectize {
    font-size: 0.14rem;
  }
}
.nice-select.selectize .current {
  color: var(--titleColor);
}
.nice-select.selectize .current.place {
  color: var(--mutedColor);
}
.nice-select.selectize .nice-select-dropdown {
  min-width: 100%;
}
.nice-select.selectize::after {
  width: 0.08rem;
  height: 0.08rem;
  border-right: 0.015rem solid var(--arrow-color);
  border-bottom: 0.015rem solid var(--arrow-color);
}

body .swal2-actions {
  direction: rtl;
}
body .swal2-container {
  z-index: 9999;
  --swal2-toast-box-shadow: var(--bsSize2);
  --swal2-border-radius: var(--brSize);
}
body .el-button--primary {
  color: #fff;
  background: var(--mainColor);
}
body .el-button--primary:active, body .el-button--primary:focus, body .el-button--primary:hover {
  background: var(--mainColor);
}
body .el-pagination.is-background,
body .el-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.5rem;
  text-align: center;
}
body .el-pagination.is-background .btn-next,
body .el-pagination.is-background .btn-prev,
body .el-pagination .btn-next,
body .el-pagination .btn-prev {
  min-width: 0.8rem;
  height: 0.5rem;
  line-height: 0.5rem;
  color: var(--textColor);
  background: #f3f3f3;
  border-radius: 0.08rem;
}
@media screen and (max-width: 768px) {
  body .el-pagination.is-background .btn-next,
  body .el-pagination.is-background .btn-prev,
  body .el-pagination .btn-next,
  body .el-pagination .btn-prev {
    min-width: 0.6rem;
    height: 0.4rem;
    line-height: 0.4rem;
  }
}
body .el-pagination.is-background .el-pager,
body .el-pagination .el-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.1rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body .el-pagination.is-background .el-pager li,
body .el-pagination .el-pager li {
  width: 0.5rem;
  min-width: 0.5rem;
  height: 0.5rem;
  line-height: 0.5rem;
  color: var(--mutedColor);
  background: #f3f3f3;
  border-radius: 0.08rem;
}
@media screen and (max-width: 768px) {
  body .el-pagination.is-background .el-pager li,
  body .el-pagination .el-pager li {
    min-width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
  }
}
body .el-pagination.is-background .el-pager li.active,
body .el-pagination .el-pager li.active {
  color: #fff;
  background: var(--mainColor);
}
body .el-pagination.is-background.is-background .btn-next,
body .el-pagination.is-background.is-background .btn-prev,
body .el-pagination.is-background .btn-next,
body .el-pagination.is-background .btn-prev {
  background: #fff;
}
body .el-pagination.is-background.is-background .el-pager li,
body .el-pagination.is-background .el-pager li {
  background: #fff;
}
body .el-tooltip__popper {
  max-width: 7.5rem;
}

* {
  word-break: break-word;
}

.base-long-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.18rem 0.5rem;
  font-size: 0.16rem;
  color: var(--titleColor);
  text-decoration: none;
  background: #fff;
  border: 0.01rem solid var(--titleColor);
}
@media screen and (max-width: 1024px) {
  .base-long-btn {
    padding: 0.16rem 0.4rem;
    font-size: 0.14rem;
  }
}
@media screen and (max-width: 768px) {
  .base-long-btn {
    padding: 0.14rem 0.3rem;
    font-size: 0.12rem;
  }
}
.base-long-btn i {
  width: 0.16rem;
  height: 0.12rem;
  margin-left: 0.2rem;
}
.base-long-btn:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}

.loc-box {
  padding: 0.4rem 0;
}

.page-app-container {
  padding-top: 0;
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .page-app-container {
    padding-bottom: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .page-app-container {
    padding-bottom: 0.6rem;
  }
}

.page-head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.01rem solid var(--borderColor);
  min-height: 0.8rem;
}
.page-head .page-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.66rem;
  font-size: 0.16rem;
  color: var(--mutedColor);
}
@media screen and (max-width: 768px) {
  .page-head .page-tabs {
    gap: 0.2rem;
  }
}
.page-head .page-tabs .page-tab {
  padding: 0.27rem 0;
  cursor: pointer;
  border-bottom: 0.02rem solid transparent;
  opacity: 1;
  margin-bottom: -0.01rem;
}
.page-head .page-tabs .page-tab.active, .page-head .page-tabs .page-tab:hover {
  color: var(--mainColor);
  border-bottom-color: var(--mainColor);
}
.page-head .loc-box {
  width: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .page-head .loc-box {
    display: none;
  }
}

.left-solid-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.18rem;
  font-weight: bold;
}
.left-solid-title::before {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.03rem;
  height: 0.18rem;
  margin-right: 0.1rem;
  content: "";
  background: var(--mainColor);
}

.numinput-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: var(--brSize);
}
.numinput-wrapper input {
  width: 0.5rem;
  height: 0.3rem;
  font-size: 0.14rem;
  color: var(--titleColor);
  text-align: center;
  outline: none;
  background: #fff;
  border: none;
  border-radius: var(--brSize);
}
.numinput-wrapper button {
  width: 0.38rem;
  height: 0.38rem;
  font-size: 0.16rem;
  cursor: pointer;
  border: none;
}
.numinput-wrapper button:hover {
  opacity: 0.8;
}
.numinput-wrapper button:active {
  color: var(--mainColor);
}

.table-fixed-container {
  overflow-x: auto;
}
.table-fixed-container.is--sticky-header {
  max-height: 3.66rem;
  overflow: auto;
}
.table-fixed-container.is--sticky-header table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  overflow: visible;
  background-color: #f4f9fc;
}
.table-fixed-container.is--border table {
  border: 0.01rem solid #e7e7e7;
}
.table-fixed-container.is--border th,
.table-fixed-container.is--border td {
  border-right: 0.01rem solid #e7e7e7;
}
.table-fixed-container table.table-fixed {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.table-fixed-container table.table-fixed thead {
  background: #f4f9fc;
}
.table-fixed-container table.table-fixed thead th {
  overflow: visible;
}
.table-fixed-container table.table-fixed thead th.col-2 {
  position: relative;
  background: url("../images/table_col2.svg") center center/100% 100% no-repeat;
}
.table-fixed-container table.table-fixed thead th.col-2 > span:nth-child(1) {
  position: absolute;
  bottom: 0.08rem;
  left: 0.08rem;
  z-index: 2;
  font-size: 0.14rem;
}
.table-fixed-container table.table-fixed thead th.col-2 > span:nth-child(2) {
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
  z-index: 2;
  font-size: 0.14rem;
}
.table-fixed-container table.table-fixed thead th.col-3 {
  position: relative;
  padding: 0;
  background: url("../images/table_col3.svg") center center/100% 100% no-repeat;
}
.table-fixed-container table.table-fixed thead th.col-3 > span:nth-child(1) {
  position: absolute;
  bottom: 0.08rem;
  left: 0.08rem;
  z-index: 2;
  font-size: 0.14rem;
}
.table-fixed-container table.table-fixed thead th.col-3 > span:nth-child(2) {
  position: absolute;
  top: 0.08rem;
  left: calc(50% - 0.52rem);
  z-index: 2;
  font-size: 0.14rem;
}
.table-fixed-container table.table-fixed thead th.col-3 > span:nth-child(3) {
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
  z-index: 2;
  font-size: 0.14rem;
}
.table-fixed-container table.table-fixed th,
.table-fixed-container table.table-fixed td {
  padding: 0.18rem 0.3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
  border-bottom: 0.01rem solid #e7e7e7;
}
.table-fixed-container table.table-fixed th .table--text,
.table-fixed-container table.table-fixed td .table--text {
  display: inline-block;
  white-space: normal;
}
@media screen and (max-width: 768px) {
  .table-fixed-container table.table-fixed th,
  .table-fixed-container table.table-fixed td {
    padding: 0.06rem 0.1rem;
    font-size: 0.14rem;
  }
}
.table-fixed-container table.table-fixed th.w10p,
.table-fixed-container table.table-fixed td.w10p {
  width: 10%;
}
.table-fixed-container table.table-fixed th.w20p,
.table-fixed-container table.table-fixed td.w20p {
  width: 20%;
}
.table-fixed-container table.table-fixed th.w30p,
.table-fixed-container table.table-fixed td.w30p {
  width: 30%;
}
.table-fixed-container table.table-fixed th.w40p,
.table-fixed-container table.table-fixed td.w40p {
  width: 40%;
}
.table-fixed-container table.table-fixed th.w50p,
.table-fixed-container table.table-fixed td.w50p {
  width: 50%;
}
.table-fixed-container table.table-fixed th.w60p,
.table-fixed-container table.table-fixed td.w60p {
  width: 60%;
}
.table-fixed-container table.table-fixed th.w70p,
.table-fixed-container table.table-fixed td.w70p {
  width: 70%;
}
.table-fixed-container table.table-fixed th.w80p,
.table-fixed-container table.table-fixed td.w80p {
  width: 80%;
}
.table-fixed-container table.table-fixed th.w90p,
.table-fixed-container table.table-fixed td.w90p {
  width: 90%;
}
.table-fixed-container table.table-fixed th.w100p,
.table-fixed-container table.table-fixed td.w100p {
  width: 100%;
}
.table-fixed-container table.table-fixed th.w10,
.table-fixed-container table.table-fixed td.w10 {
  width: 0.1rem;
}
.table-fixed-container table.table-fixed th.w20,
.table-fixed-container table.table-fixed td.w20 {
  width: 0.2rem;
}
.table-fixed-container table.table-fixed th.w30,
.table-fixed-container table.table-fixed td.w30 {
  width: 0.3rem;
}
.table-fixed-container table.table-fixed th.w40,
.table-fixed-container table.table-fixed td.w40 {
  width: 0.4rem;
}
.table-fixed-container table.table-fixed th.w50,
.table-fixed-container table.table-fixed td.w50 {
  width: 0.5rem;
}
.table-fixed-container table.table-fixed th.w60,
.table-fixed-container table.table-fixed td.w60 {
  width: 0.6rem;
}
.table-fixed-container table.table-fixed th.w70,
.table-fixed-container table.table-fixed td.w70 {
  width: 0.7rem;
}
.table-fixed-container table.table-fixed th.w80,
.table-fixed-container table.table-fixed td.w80 {
  width: 0.8rem;
}
.table-fixed-container table.table-fixed th.w90,
.table-fixed-container table.table-fixed td.w90 {
  width: 0.9rem;
}
.table-fixed-container table.table-fixed th.w100,
.table-fixed-container table.table-fixed td.w100 {
  width: 1rem;
}
.table-fixed-container table.table-fixed th.w110,
.table-fixed-container table.table-fixed td.w110 {
  width: 1.1rem;
}
.table-fixed-container table.table-fixed th.w120,
.table-fixed-container table.table-fixed td.w120 {
  width: 1.2rem;
}
.table-fixed-container table.table-fixed th.w130,
.table-fixed-container table.table-fixed td.w130 {
  width: 1.3rem;
}
.table-fixed-container table.table-fixed th.w140,
.table-fixed-container table.table-fixed td.w140 {
  width: 1.4rem;
}
.table-fixed-container table.table-fixed th.w150,
.table-fixed-container table.table-fixed td.w150 {
  width: 1.5rem;
}
.table-fixed-container table.table-fixed th.w160,
.table-fixed-container table.table-fixed td.w160 {
  width: 1.6rem;
}
.table-fixed-container table.table-fixed th.w170,
.table-fixed-container table.table-fixed td.w170 {
  width: 1.7rem;
}
.table-fixed-container table.table-fixed th.w180,
.table-fixed-container table.table-fixed td.w180 {
  width: 1.8rem;
}
.table-fixed-container table.table-fixed th.w190,
.table-fixed-container table.table-fixed td.w190 {
  width: 1.9rem;
}
.table-fixed-container table.table-fixed th.w200,
.table-fixed-container table.table-fixed td.w200 {
  width: 2rem;
}
.table-fixed-container table.table-fixed th.w210,
.table-fixed-container table.table-fixed td.w210 {
  width: 2.1rem;
}
.table-fixed-container table.table-fixed th.w220,
.table-fixed-container table.table-fixed td.w220 {
  width: 2.2rem;
}
.table-fixed-container table.table-fixed th.w230,
.table-fixed-container table.table-fixed td.w230 {
  width: 2.3rem;
}
.table-fixed-container table.table-fixed th.w240,
.table-fixed-container table.table-fixed td.w240 {
  width: 2.4rem;
}
.table-fixed-container table.table-fixed th.w250,
.table-fixed-container table.table-fixed td.w250 {
  width: 2.5rem;
}
.table-fixed-container table.table-fixed th.w260,
.table-fixed-container table.table-fixed td.w260 {
  width: 2.6rem;
}
.table-fixed-container table.table-fixed th.w270,
.table-fixed-container table.table-fixed td.w270 {
  width: 2.7rem;
}
.table-fixed-container table.table-fixed th.w280,
.table-fixed-container table.table-fixed td.w280 {
  width: 2.8rem;
}
.table-fixed-container table.table-fixed th.w290,
.table-fixed-container table.table-fixed td.w290 {
  width: 2.9rem;
}
.table-fixed-container table.table-fixed th.w300,
.table-fixed-container table.table-fixed td.w300 {
  width: 3rem;
}
.table-fixed-container table.table-fixed th.w400,
.table-fixed-container table.table-fixed td.w400 {
  width: 4rem;
}
.table-fixed-container table.table-fixed th.w500,
.table-fixed-container table.table-fixed td.w500 {
  width: 5rem;
}
.table-fixed-container table.table-fixed th.w600,
.table-fixed-container table.table-fixed td.w600 {
  width: 6rem;
}
.table-fixed-container table.table-fixed th.w700,
.table-fixed-container table.table-fixed td.w700 {
  width: 7rem;
}
.table-fixed-container table.table-fixed th.w800,
.table-fixed-container table.table-fixed td.w800 {
  width: 8rem;
}
.table-fixed-container table.table-fixed th.w900,
.table-fixed-container table.table-fixed td.w900 {
  width: 9rem;
}
.table-fixed-container table.table-fixed th {
  background: #f4f9fc;
  border-bottom: none;
}

.qui_checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.qui_checkbox > label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}
.qui_checkbox > label > input {
  cursor: pointer;
}
.qui_checkbox > label > span + input {
  margin-left: 0.2rem;
}
.qui_checkbox > label > input + span {
  margin-left: 0.2rem;
}

.qui_popup_wrap.fancybox-content {
  position: relative;
  min-width: 5rem;
  padding: 0.3rem;
  background: #fff;
  border-radius: var(--brSize);
}
.qui_popup_wrap.fancybox-content .qui_popup_box-inner {
  position: relative;
}
.qui_popup_wrap.fancybox-content .qui_popup_box-head {
  padding-top: 0.05rem;
  padding-bottom: 0.25rem;
  font-size: 0.2rem;
  font-weight: bold;
  border-bottom: 0.01rem solid var(--borderColor);
}
.qui_popup_wrap.fancybox-content .qui_popup_box-body {
  padding: 0.3rem 0;
}
.qui_popup_wrap.fancybox-content .qui_popup_box-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.1rem 0;
}
.qui_popup_wrap.fancybox-content .qui_popup_box-btn > button {
  padding: 0.12rem 0.38rem;
  color: #fff;
  background: var(--mainColor);
  border: none;
  border-radius: 0.24rem;
}
.qui_popup_wrap.fancybox-content .qui_popup_box-btn > button:hover {
  opacity: 0.8;
}
.qui_popup_wrap.fancybox-content .qui_popup_box-btn > button:active {
  opacity: 0.6;
}
.qui_popup_wrap.fancybox-content .qui_popup_box--close {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  font-size: 0.18rem;
  line-height: 1;
  cursor: pointer;
}

.el-table__column-filter-trigger {
  display: inline-block;
  margin-top: -0.04rem;
  font-size: 0.2rem;
  line-height: 1;
  vertical-align: middle;
}
.el-table__column-filter-trigger .el-icon-arrow-down {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: inherit;
  line-height: 1;
  vertical-align: top;
  background-image: url("../images/ico_filtera.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.el-table__column-filter-trigger .el-icon-arrow-down::before {
  display: none;
}

.service-booking-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
}
.service-booking-modal__mask {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
}
.service-booking-modal__panel {
  position: relative;
  z-index: 1;
  width: 420px;
  max-width: calc(100% - 32px);
  margin: auto;
  background-color: #fff;
  border-radius: 10px;
  padding: 24px 20px;
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
          box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
  text-align: center;
}
.service-booking-modal__title {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 600;
  color: var(--mainColor);
}
.service-booking-modal__body {
  font-size: 14px;
  line-height: 1.7;
  color: #333;
}
.service-booking-modal__text {
  margin-bottom: 10px;
}
.service-booking-modal__qrcode {
  margin: 14px 0;
}
.service-booking-modal__qrcode-img {
  width: 160px;
  height: 160px;
  border-radius: 6px;
  border: 1px solid #e6f0ff;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-booking-modal__remark {
  margin-bottom: 6px;
  padding: 8px;
  background-color: #f5f9ff;
  border-radius: 6px;
  color: #555;
}
.service-booking-modal__tip {
  margin-top: 4px;
  color: #444;
}
.service-booking-modal__btn {
  margin-top: 16px;
  width: 100%;
  height: 40px;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}
.service-booking-modal__btn--primary {
  background-color: var(--mainColor);
  color: #fff;
}
.service-booking-modal__btn--primary:hover {
  opacity: 0.8;
}

.header-block {
  height: var(--headerHeight);
}

.header-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1005;
  width: 100%;
  color: #fff;
  height: var(--headerHeight);
  -webkit-transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  backdrop-filter: blur(0.2rem);
  background-color: rgba(34, 34, 34, 0.2);
}
.header-box.is--hovered, .header-box:hover {
  -webkit-box-shadow: var(--bsSize);
          box-shadow: var(--bsSize);
  background-color: #222;
}
.header-box .header-bottom {
  width: 100%;
  height: 100%;
}
.header-box .header-bottom-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.header-box .header-logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.3rem;
}
@media screen and (max-width: 1024px) {
  .header-box .header-logo {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.header-box .header-logo img {
  width: auto;
  height: 0.32rem;
}
.header-box .header-search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.36rem;
}
.header-box .header-search::after {
  position: absolute;
  right: -0.18rem;
  top: 20%;
  bottom: 20%;
  content: "";
  opacity: 0.5;
  width: 0.01rem;
  background: #fff;
}
.header-box .header-search-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  font-size: 0.2rem;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 1;
}
.header-box .header-search-icon:hover {
  color: var(--mainColor);
}
.header-box .header-search-pop {
  position: absolute;
  top: 0.4rem;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 0.02rem 0.12rem rgba(0, 0, 0, 0.08);
          box-shadow: 0 0.02rem 0.12rem rgba(0, 0, 0, 0.08);
  border-radius: 0.06rem;
  padding: 0.16rem 0.2rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  z-index: 1100;
  min-width: 2.4rem;
}
.header-box .header-search-pop.active {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header-box .header-search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-box .header-search-input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: 0.01rem solid #e5e6eb;
  border-radius: 0.04rem;
  padding: 0.08rem 0.12rem;
  font-size: 0.14rem;
  outline: none;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}
.header-box .header-search-input:focus {
  border: 0.01rem solid var(--mainColor);
}
.header-box .header-search-btn {
  margin-left: 0.08rem;
  width: 0.36rem;
  height: 0.36rem;
  background: var(--mainColor);
  border-radius: 0.04rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.header-box .header-search-btn:hover {
  background: var(--mainColor);
}
.header-box .header-language {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: var(--headerHeight);
}
@media screen and (max-width: 480px) {
  .header-box .header-language {
    width: auto;
    padding-left: 0.2rem;
  }
}
.header-box .header-language-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: none;
  transition: none;
}
@media screen and (max-width: 480px) {
  .header-box .header-language-icon > span {
    display: none;
  }
}
.header-box .header-language-icon > i:first-child {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.08rem;
}
.header-box .header-language-icon > i:last-child {
  width: 0.09rem;
  height: 0.05rem;
  margin-left: 0.16rem;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-box .header-language .header-language-pop {
  position: absolute;
  top: 100%;
  right: 0;
  display: block;
  opacity: 0;
  visibility: hidden;
  width: 1.2rem;
  list-style: none;
  background: #fff;
  -webkit-box-shadow: var(--bsSize);
          box-shadow: var(--bsSize);
  -webkit-transform: translateY(0.1rem) scale(0.98);
          transform: translateY(0.1rem) scale(0.98);
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.25s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-box .header-language .header-language-pop > li > a {
  display: block;
  padding: 0.15rem 0.2rem;
  font-size: 0.16rem;
  color: #333;
  text-align: right;
}
.header-box .header-language .header-language-pop > li > a.act {
  color: var(--mainColor);
}
.header-box .header-language .header-language-pop > li > a:hover {
  color: var(--mainColor);
  background: #f7f7f7;
}
.header-box .header-language:hover {
  cursor: pointer;
}
.header-box .header-language:hover .header-language-pop {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
  pointer-events: auto;
}
.header-box .header-language:hover > a > i:last-child,
.header-box .header-language:hover > .header-language-icon > i:last-child {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header-box .header-menu {
  width: 100%;
  height: var(--headerHeight);
}
@media screen and (max-width: 1024px) {
  .header-box .header-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    visibility: hidden;
    width: 80%;
    max-width: 4rem;
    height: 100vh;
    overflow: hidden;
    color: #fff;
    background: var(--mainColor);
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  }
  .header-box .header-menu.is--show {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header-box .header-menu .common-wrapper {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}
.header-box .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  gap: 0.7rem;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: auto;
    gap: 0;
    max-height: 100vh;
    overflow: auto;
  }
}
.header-box .menu-list .menu-item {
  position: relative;
  display: inline-block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
.header-box .menu-list .menu-item:hover {
  color: var(--accentColor);
}
.header-box .menu-list .menu-item:hover .menu-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .menu-item:hover .menu-icon {
    -webkit-transform: none;
            transform: none;
  }
}
.header-box .menu-list .menu-item:hover > .submenu {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header-box .menu-list .menu-item.on {
  color: var(--accentColor);
}
.header-box .menu-list .menu-item.menu-all-item {
  position: static;
}
.header-box .menu-list .menu-item.menu-all-item:hover > .submenu-all {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .menu-item.menu-all-item:hover > .submenu-all {
    position: static;
  }
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .menu-item.menu-all-item.on > .submenu-all {
    position: static;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .menu-item {
    position: static;
    display: block;
    width: 100%;
    height: auto;
  }
  .header-box .menu-list .menu-item > .submenu {
    display: none;
    background: rgba(0, 0, 0, 0.15);
  }
  .header-box .menu-list .menu-item.on > .submenu {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .header-box .menu-list .menu-item.on .menu-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.header-box .menu-list .menu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .menu-title {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 0 0.2rem;
    border-bottom: 0.01rem solid rgba(255, 255, 255, 0.15);
  }
  .header-box .menu-list .menu-title > span {
    padding: 0.2rem 0;
  }
}
.header-box .menu-list .menu-icon {
  width: 0.09rem;
  height: 0.05rem;
  margin-left: 0.05rem;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .menu-icon {
    width: 0.32rem;
    height: 0.32rem;
    background-position: center center;
    background-size: 0.09rem 0.05rem;
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
}
.header-box .menu-list .submenu-all {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 99;
  visibility: hidden;
  width: 100%;
  text-align: left;
  -webkit-box-shadow: var(--bsSize);
          box-shadow: var(--bsSize);
  opacity: 0;
  background: #fff;
  -webkit-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all {
    background: transparent;
  }
}
.header-box .menu-list .submenu-all a {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}
.header-box .menu-list .submenu-all a:active {
  opacity: 1;
}
.header-box .menu-list .submenu-all:hover {
  -webkit-box-shadow: var(--bsSizeHover);
          box-shadow: var(--bsSizeHover);
  opacity: 1;
}
.header-box .menu-list .submenu-all-inner {
  max-height: 6rem;
  padding: 0.6rem 0 0.9rem;
  overflow: auto;
  color: var(--textColor);
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all-inner {
    max-height: none;
    padding: 0.2rem 0.3rem;
    overflow: hidden;
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
  }
}
.header-box .menu-list .submenu-all-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3rem 0;
}
.header-box .menu-list .submenu-all-col {
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all-col {
    width: 100%;
  }
}
.header-box .menu-list .submenu-all-row-4 .submenu-all-col {
  width: 25%;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all-row-4 .submenu-all-col {
    width: 50%;
  }
}
.header-box .menu-list .submenu-all-title {
  display: block;
  margin-bottom: 0.3rem;
  padding-bottom: 0.14rem;
  font-size: 0.24rem;
  font-weight: bold;
  color: var(--mainColor);
  border-bottom: 0.01rem solid var(--borderColor);
  opacity: 1;
}
.header-box .menu-list .submenu-all-title[href="#"], .header-box .menu-list .submenu-all-title[href*=javascript] {
  pointer-events: none;
  cursor: default;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all-title {
    font-size: 0.16rem;
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.3);
  }
}
.header-box .menu-list .submenu-all-title:active {
  opacity: 1;
}
.header-box .menu-list .submenu-all-list {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all-list {
    margin-bottom: 0.2rem;
  }
}
.header-box .menu-list .submenu-all-item-title {
  font-size: 0.18rem;
  color: var(--titleColor);
  margin-bottom: 0.06rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all-item-title {
    color: #fff;
  }
}
.header-box .menu-list .submenu-all-item-title:hover {
  color: var(--mainColor);
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-all-item-title:hover {
    color: #fff;
  }
}
.header-box .menu-list .submenu-all-item-desc {
  font-size: 0.16rem;
}
.header-box .menu-list .submenu-all-more {
  margin-top: 0.24rem;
  color: var(--mainColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.08rem;
}
.header-box .menu-list .submenu-all-more i {
  font-size: 0.14rem;
}
.header-box .menu-list .submenu-all-more:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.header-box .menu-list .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  visibility: hidden;
  min-width: 2rem;
  color: var(--titleColor);
  background: #fff;
  -webkit-box-shadow: var(--bsSize);
          box-shadow: var(--bsSize);
  opacity: 0;
  -webkit-transform: translateY(0.1rem);
          transform: translateY(0.1rem);
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu {
    position: static;
    visibility: visible;
    padding-left: 0.3rem;
    color: #fff;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.header-box .menu-list .submenu-item {
  position: relative;
}
.header-box .menu-list .submenu-item .submenu {
  display: none;
}
.header-box .menu-list .submenu-item:hover > .submenu {
  top: 0;
  left: 100%;
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-item:hover > .submenu {
    display: none;
  }
  .header-box .menu-list .submenu-item.open > .submenu {
    display: block;
  }
}
.header-box .menu-list .submenu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.14rem 0.16rem;
}
.header-box .menu-list .submenu-title:hover {
  background: var(--mainColorOp1);
}
@media screen and (max-width: 1024px) {
  .header-box .menu-list .submenu-title {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header-box .menu-list .submenu-title:hover {
    background: transparent;
  }
}
.header-box .header-menu-toggle {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 0.3rem;
  font-size: 0.32rem;
  line-height: 1;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .header-box .header-menu-toggle {
    display: block;
  }
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
}
.menu-overlay.show {
  display: block;
}

.search-popup-container {
  position: fixed;
  top: var(--headerHeight);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
  display: none;
  background: #fff;
}
.search-popup-overlay {
  position: fixed;
  top: var(--headerHeight);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.5);
}
.search-popup-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1002;
  max-height: 8.6rem;
  overflow: auto;
  background: #fff;
}
.search-popup-box-inner {
  max-width: var(--maxFullViewWidth);
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
  margin: 0 auto;
}
.search-popup-box .search-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -0.09rem;
  margin-bottom: 0.3rem;
  font-size: 0.36rem;
}
.search-popup-box .search-info > i {
  cursor: pointer;
}
.search-popup-box .search-info span {
  color: var(--titleColor);
}
.search-popup-box .search-info a {
  color: var(--mainColor);
  text-decoration: underline;
}
.search-popup-box .search-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.01rem solid var(--borderColor);
}
.search-popup-box .search-total {
  font-size: 0.16rem;
  color: var(--mutedColor);
}
.search-popup-box .search-tabs {
  position: relative;
}
.search-popup-box .search-tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-popup-box .search-tabs ul li {
  padding-bottom: 0.2rem;
  color: var(--mutedColor);
  border-bottom: 0.01rem solid var(--borderColor);
}
.search-popup-box .search-tabs ul li.active {
  color: var(--mainColor);
  border-bottom: 0.02rem solid var(--mainColor);
}
.search-popup-box .search-tabs ul li:hover {
  color: var(--mainColor);
}
.search-popup-box .search-list {
  padding: 0.5rem 0;
}
.search-popup-box .search-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  color: var(--mainColor);
}
.search-popup-box .search-more i {
  width: 0.1rem;
  height: 0.07rem;
  margin-left: 0.1rem;
}

.footer-box {
  position: relative;
  width: 100%;
  background: var(--mainColor);
}
.footer-box.footer-white {
  background: #fff;
}
.footer-box.footer-white .footer-top {
  color: var(--textColor);
  border-bottom-color: #e8e8e8;
}
.footer-box.footer-white .footer-top > .lef {
  border-right-color: #e8e8e8;
}
.footer-box.footer-white .footer-top .footer-logo img:nth-child(1) {
  display: none;
}
.footer-box.footer-white .footer-top .footer-logo img:nth-child(2) {
  display: block;
}
.footer-box.footer-white .footer-top .footer-links-title {
  color: var(--titleColor);
}
.footer-box.footer-white .footer-top .footer-social-qrcode {
  background: #e6e6e6;
}
.footer-box.footer-white .footer-top .footer-social-qrcode::after {
  border-top-color: #e6e6e6;
}
.footer-box.footer-white .footer-copyright {
  color: var(--mutedColor);
}
.footer-top {
  color: #fff;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.1);
  padding: 0.6rem 0 0.48rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer-top > .lef {
  width: 50%;
  max-width: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-right: 0.01rem solid rgba(255, 255, 255, 0.1);
  padding-top: 0.2rem;
}
@media screen and (max-width: 768px) {
  .footer-top > .lef {
    max-width: 40%;
  }
}
.footer-top > .rig {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 0.2rem;
}
.footer-top .footer-logo {
  width: auto;
  margin-bottom: 0.4rem;
}
.footer-top .footer-logo img {
  height: 0.4rem;
}
.footer-top .footer-logo img:nth-child(2) {
  display: none;
}
.footer-top .footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  padding-top: 1.2rem;
  cursor: pointer;
}
.footer-top .footer-social-link {
  opacity: 1;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer-top .footer-social-link > img {
  width: 0.33rem;
  height: 0.33rem;
}
.footer-top .footer-social-link:hover > img {
  opacity: 0.8;
}
.footer-top .footer-social-link:hover .footer-social-qrcode, .footer-top .footer-social-link:focus .footer-social-qrcode {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .footer-top .footer-social-link:first-child .footer-social-qrcode {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .footer-top .footer-social-link:first-child .footer-social-qrcode::after {
    left: 0.06rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.footer-top .footer-social-qrcode {
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: -2.1rem;
  width: 2rem;
  height: 2rem;
  border-radius: var(--brSize);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  padding: 0.04rem;
  z-index: 10;
  -webkit-transition: visibility 0.3s ease-in-out;
  transition: visibility 0.3s ease-in-out;
  opacity: 0;
}
.footer-top .footer-social-qrcode::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.06rem;
  width: 0;
  height: 0;
  border-left: 0.06rem solid transparent;
  border-right: 0.06rem solid transparent;
  border-top: 0.06rem solid #fff;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.footer-top .footer-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .footer-top .footer-links {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 0.3rem;
  }
}
.footer-top .footer-links-item {
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer-top .footer-links-item {
    width: 100%;
  }
}
.footer-top .footer-links-title {
  font-size: 0.18rem;
  font-weight: bold;
  margin-bottom: 0.28rem;
  word-break: break-word;
}
.footer-top .footer-links-list {
  font-size: 0.16rem;
}
.footer-top .footer-links-list li {
  margin-bottom: 0.16rem;
}
.footer-top .footer-links-list li:last-child {
  margin-bottom: 0;
}
.footer-top .footer-links-list a {
  display: block;
  word-break: break-word;
}
.footer-top .footer-links-list a:hover {
  text-decoration: underline;
}
.footer-copyright {
  font-size: 0.14rem;
  color: rgba(255, 255, 255, 0.5);
  padding: 0.26rem 0;
}
.footer-copyright-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.06rem;
}
@media screen and (max-width: 1024px) {
  .footer-copyright-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}
.footer-copyright-inner a:hover {
  text-decoration: underline;
}
.footer-copyright-inner img {
  width: 0.14rem;
  height: 0.14rem;
  margin-top: -0.02rem;
}

.backtotop {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.backtotop-item {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.25rem;
  background: var(--mainLightColor);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.backtotop-item i {
  font-size: 0.16rem;
}
.backtotop-item:hover {
  background: var(--mainColor);
}
.backtotop-item:hover i {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.about-page .home-banner-box .pic {
  padding-bottom: 31.25%;
}
@media screen and (max-width: 1024px) {
  .about-page .loc-box {
    display: none;
  }
}
.about-page .about-part {
  margin-bottom: 1rem;
  position: relative;
}
.about-page .about-part-title {
  margin-bottom: 0.4rem;
  font-size: 0.3rem;
  color: var(--titleColor);
  font-weight: 500;
  text-align: center;
}
.about-page .about-part-title div:nth-child(2) {
  font-size: 0.16rem;
  font-weight: 400;
  margin-top: 0.08rem;
  color: var(--textColor);
}
.about-page .about-part:last-child {
  margin-bottom: 0;
}
.about-page .about-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 80%;
  height: 0.8rem;
  padding: 0.05rem;
  border-radius: 0.8rem;
  background-color: rgb(255, 255, 255);
  gap: 0.05rem;
  margin: 1rem auto 0.8rem;
  -webkit-box-shadow: 0rem 0rem 0.21rem 0rem rgba(203, 213, 205, 0.59);
          box-shadow: 0rem 0rem 0.21rem 0rem rgba(203, 213, 205, 0.59);
}
.about-page .about-tabs .about-tab {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  padding: 0.2rem;
  font-size: 0.16rem;
  color: var(--mutedColor);
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .about-page .about-tabs .about-tab {
    padding: 0.2rem 0;
  }
}
.about-page .about-tabs .about-tab.active, .about-page .about-tabs .about-tab:hover {
  color: var(--mainColor);
  background: #d3ebd8;
  border-radius: 0.7rem;
}
.about-page .about-part-hz .ditems {
  --cover-width: auto;
  --cover-height: 0;
  --item-gap: 0.15rem;
}
.about-page .about-part-hz .ditems .dinner {
  background: #fff;
  padding: 0.4rem;
  border-radius: var(--brSize);
}
.about-page .about-part-hz .ditems .dtit {
  text-align: center;
  margin-top: 0.32rem;
  font-size: 0.16rem;
}
.about-page .about-part-hz .ditems .full--img {
  overflow: visible;
}
.about-page .about-part-hz .ditems .full--img img {
  position: relative;
  height: 0.7rem;
  width: auto;
}
.about-page .about-part-qw .ditems {
  --cover-width: auto;
  --cover-height: 0;
  --item-gap: 0.15rem;
}
.about-page .about-part-qw .ditems .dinner {
  background: #fff;
  padding: 0.4rem;
  border-radius: var(--brSize);
}
.about-page .about-part-qw .ditems .dtit {
  text-align: center;
  margin-top: 0.32rem;
  font-size: 0.16rem;
  font-weight: bold;
}
.about-page .about-part-qw .ditems .full--img {
  overflow: visible;
  width: auto;
}
.about-page .about-part-qw .ditems .full--img img {
  position: relative;
  height: 0.9rem;
  width: auto;
}
@media screen and (max-width: 768px) {
  .about-page .about-part-qw .ditems-col4 .ditem {
    width: 50%;
  }
}
.about-page .about-part-fwlm .swiper-slide {
  height: auto;
}
.about-page .about-part-fwlm-item {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 0.4rem;
  border-radius: var(--brSize);
  text-align: center;
  font-size: 0.16rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about-page .about-part-fwlm-item .full--img {
  padding: 0;
  width: auto;
}
.about-page .about-part-fwlm-item .full--img img {
  position: relative;
  height: 0.9rem;
  width: auto;
}
.about-page .about-part-fwlm .swiper-button-next,
.about-page .about-part-fwlm .swiper-button-prev {
  --swiper-navigation-color: var(--mainColor);
  --swiper-navigation-size: 0.16rem;
  width: 0.68rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-top: 0.2rem;
  background: var(--mainLightColor);
}
.about-page .about-part-fwlm .swiper-button-next::after,
.about-page .about-part-fwlm .swiper-button-prev::after {
  display: none;
}
.about-page .about-part-fwlm .swiper-button-next i,
.about-page .about-part-fwlm .swiper-button-prev i {
  font-size: 0.16rem;
}
.about-page .about-part-fwlm .swiper-button-next:hover i,
.about-page .about-part-fwlm .swiper-button-prev:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.about-page .about-part-fwlm .swiper-button-next {
  right: -1.08rem;
  left: auto;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-fwlm .swiper-button-next {
    right: 0.2rem;
  }
}
.about-page .about-part-fwlm .swiper-button-prev {
  left: -1.08rem;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-fwlm .swiper-button-prev {
    left: 0.2rem;
  }
}
.about-page .about-part-jn {
  --imgRatio: calc(670 / 1440 * 100%);
  position: relative;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-jn {
    --imgRatio: calc(1440 / 1440 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-jn {
    --imgRatio: calc(1800 / 1440 * 100%);
  }
}
.about-page .about-part-jn-inner {
  position: absolute;
  inset: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-jn-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    inset: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-jn-inner {
    inset: 0.3rem;
  }
}
.about-page .about-part-jn-tabs {
  background: #f4f8f6;
  border-radius: var(--brSize);
  padding: 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.about-page .about-part-jn-tabs .tabs-head {
  gap: 0.5rem;
  margin-bottom: 0.4rem;
}
.about-page .about-part-jn-tabs .tabs-head .tabs-tab {
  margin: 0;
  font-size: 0.18rem;
  padding: 0;
  padding-bottom: 0.18rem;
}
.about-page .about-part-jn-logo {
  margin-bottom: 0.2rem;
  text-align: center;
}
.about-page .about-part-jn-logo img {
  display: inline-block;
  width: auto;
  height: 0.6rem;
}
.about-page .about-part-jn-form {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 5rem;
  background: #f4f8f6;
  border-radius: var(--brSize);
  padding: 0.3rem;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-jn-form {
    max-width: 100%;
  }
}
.about-page .about-part-jn-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem;
  margin-bottom: 0.1rem;
}
.about-page .about-part-jn-form input {
  width: 100%;
  height: 0.5rem;
  border-radius: var(--brSize);
  background: #fff;
  font-size: 0.16rem;
  color: var(--titleColor);
  padding: 0 0.3rem;
}
.about-page .about-part-jn-form input::-webkit-input-placeholder {
  color: var(--mutedColor);
}
.about-page .about-part-jn-form input::-moz-placeholder {
  color: var(--mutedColor);
}
.about-page .about-part-jn-form input:-ms-input-placeholder {
  color: var(--mutedColor);
}
.about-page .about-part-jn-form input::-ms-input-placeholder {
  color: var(--mutedColor);
}
.about-page .about-part-jn-form input::placeholder {
  color: var(--mutedColor);
}
.about-page .about-part-jn-form button {
  width: 100%;
  max-width: 1.6rem;
  margin: 0 auto;
  margin-top: 0.2rem;
  height: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0.5rem;
  background: var(--mainLightColor);
  color: var(--mainColor);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.about-page .about-part-jn-form button:hover {
  background: var(--mainColor);
  color: #fff;
}
.about-page .about-part-jj-desc {
  text-align: center;
  max-width: 10rem;
  color: var(--textColor);
  font-size: 0.16rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.about-page .about-part-jj .ditems {
  text-align: center;
}
.about-page .about-part-jj .ditems .dtit {
  font-size: 0.6rem;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--mainColor);
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-jj .ditems .dtit {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-jj .ditems .dtit {
    font-size: 0.24rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-jj .ditems .dtit span:first-child {
    white-space: nowrap;
  }
}
.about-page .about-part-jj .ditems .dtit span:last-child {
  font-size: 0.16rem;
  font-weight: normal;
  margin-bottom: 0.06rem;
  margin-left: 0.04rem;
}
.about-page .about-part-jj .ditems .ddesc {
  margin-top: 0.1rem;
  font-size: 0.16rem;
  color: var(--textColor);
}
.about-page .about-part-sg {
  --imgRadius: 0;
  --imgRatio: calc(460 / 1920 * 100%);
}
@media screen and (max-width: 768px) {
  .about-page .about-part-sg {
    --imgRatio: calc(600 / 1920 * 100%);
  }
}
.about-page .about-part-sg-inner {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about-page .about-part-sg-inner .ditems {
  --cover-width: 0.4rem;
  --cover-height: 0.4rem;
  color: #fff;
  text-align: center;
}
.about-page .about-part-sg-inner .ditems .dtit {
  font-size: 0.24rem;
  font-weight: 500;
  margin-top: 0.18rem;
}
.about-page .about-part-sg-inner .ditems .ddesc {
  font-size: 0.16rem;
  margin-top: 0.06rem;
  opacity: 0.6;
}
.about-page .about-part-st-inner .ditems {
  --cover-width: 6.8rem;
  --cover-height: calc(382 / 680 * 100%);
  --cover-gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-st-inner .ditems {
    --cover-width: 5rem;
    --cover-gap: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-st-inner .ditems {
    --cover-width: 100%;
    --cover-gap: 0;
  }
}
.about-page .about-part-st-inner .ditems .ditem {
  padding: 0;
  margin-bottom: 1rem;
}
.about-page .about-part-st-inner .ditems .ditem:last-child {
  margin-bottom: 0;
}
.about-page .about-part-st-inner .ditems .ditem:nth-child(odd) .dcov {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-right: 0;
  margin-left: var(--cover-gap);
}
.about-page .about-part-st-inner .ditems .dcov {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 768px) {
  .about-page .about-part-st-inner .ditems .dinner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.about-page .about-part-st-inner .ditems .dcont {
  padding-top: 0.6rem;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-st-inner .ditems .dcont {
    padding: 0.3rem 0;
    padding-top: 0;
  }
}
.about-page .about-part-st-inner .ditems .dtit {
  font-size: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.3rem;
  color: var(--titleColor);
  display: block;
}
.about-page .about-part-st-inner .ditems .ddesc {
  display: block;
  font-size: 0.16rem;
  line-height: 1.8;
  color: var(--textColor);
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.about-page .about-part-lq {
  position: relative;
}
.about-page .about-part-lq .swiper-slide {
  padding: 0 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .about-page .about-part-lq .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.about-page .about-part-lq .swiper-button-next,
.about-page .about-part-lq .swiper-button-prev {
  --swiper-navigation-color: var(--mainColor);
  --swiper-navigation-size: 0.16rem;
  width: 0.68rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: var(--mainLightColor);
}
.about-page .about-part-lq .swiper-button-next::after,
.about-page .about-part-lq .swiper-button-prev::after {
  display: none;
}
.about-page .about-part-lq .swiper-button-next i,
.about-page .about-part-lq .swiper-button-prev i {
  font-size: 0.16rem;
}
.about-page .about-part-lq .swiper-button-next:hover i,
.about-page .about-part-lq .swiper-button-prev:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.about-page .about-part-lq .swiper-button-next {
  right: -1.08rem;
  left: auto;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-lq .swiper-button-next {
    right: 0.2rem;
  }
}
.about-page .about-part-lq .swiper-button-prev {
  left: -1.08rem;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-lq .swiper-button-prev {
    left: 0.2rem;
  }
}
.about-page .about-part-lq-cont {
  padding-right: 0.3rem;
  padding-top: 0.4rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-lq-cont {
    padding-top: 0;
  }
}
.about-page .about-part-lq-title {
  font-size: 0.6rem;
  font-weight: bold;
  color: var(--mainColor);
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-lq-title {
    font-size: 0.4rem;
  }
}
.about-page .about-part-lq-desc {
  color: var(--textColor);
  font-size: 0.18rem;
  max-width: 80%;
}
.about-page .about-part-lq-desc p {
  margin-bottom: 0.06rem;
}
.about-page .about-part-lq-img {
  width: 6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-lq-img {
    width: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-lq-img {
    margin-top: 0.2rem;
  }
}
.about-page .about-part-lq-img img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--brSize);
}
.about-page .about-course-pagination {
  width: 100%;
  position: relative;
}
.about-page .about-course-pagination::after {
  content: "";
  border-bottom: 0.01rem solid var(--borderColor);
  position: absolute;
  bottom: 0.73rem;
  left: 0;
  right: 0;
  z-index: 0;
}
.about-page .about-course-pagination .pagination-list {
  max-width: var(--maxViewWidth);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.5rem auto 0;
}
.about-page .about-course-pagination .pagination-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 0.18rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  cursor: pointer;
  color: var(--textColor);
}
.about-page .about-course-pagination .pagination-item:hover {
  color: var(--mainColor);
}
.about-page .about-course-pagination .pagination-item::before {
  content: "";
  font-size: 0;
  width: 0.1rem;
  height: 0.1rem;
  background: #777;
  border-radius: 50%;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.about-page .about-course-pagination .pagination-item::after {
  content: "";
  position: absolute;
  top: -0.14rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.1rem;
  height: 0.1rem;
  background: #fff;
  border: 0.11rem solid var(--mainColor);
  border-radius: 50%;
  visibility: hidden;
}
.about-page .about-course-pagination .pagination-item.active::before {
  background: #fff;
}
.about-page .about-course-pagination .pagination-item.active::after {
  visibility: visible;
}
.about-page .about-part-pp {
  position: relative;
  overflow: hidden;
  --imgRatio: calc(610 / 1920 * 100%);
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-pp {
    --imgRatio: calc(1000 / 1920 * 100%);
  }
}
.about-page .about-part-pp-inner {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.about-page .about-part-pp-content {
  padding: 0.9rem 0 0.6rem;
  width: 100%;
  max-width: 8rem;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-pp-content {
    padding: 0.4rem 0;
    max-width: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-pp-content {
    max-width: 64%;
    overflow: auto;
    max-height: 4rem;
  }
}
.about-page .about-part-pp-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  margin-top: 0.3rem;
  line-height: 1;
  padding: 0.18rem 0.36rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.25rem;
  color: var(--mainColor);
  cursor: pointer;
  opacity: 1;
  background: var(--mainLightColor);
}
.about-page .about-part-pp-more i {
  margin-left: 0.1rem;
  font-size: 0.12rem;
}
.about-page .about-part-pp-more:hover {
  color: var(--mainColor);
}
.about-page .about-part-pp-more:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.about-page .about-part-pp .full--img {
  position: absolute;
  inset: 0;
  z-index: 0;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-pp .full--img img {
    -o-object-position: 25% center;
       object-position: 25% center;
  }
}
.about-page .about-part-gs {
  padding-top: 0.2rem;
}
.about-page .about-part-gs .ditems {
  --cover-width: 6.8rem;
  --cover-height: calc(660 / 680 * 100%);
  --item-gap: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-gs .ditems {
    --cover-width: 5rem;
    --item-gap: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-gs .ditems {
    --cover-width: 100%;
    --item-gap: 0;
  }
}
.about-page .about-part-gs .ditems .dtit {
  margin-top: 0.2rem;
  font-size: 0.36rem;
  color: var(--mainColor);
  font-weight: 500;
  margin-bottom: 0.36rem;
  white-space: normal;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-gs .ditems .dtit {
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-gs .ditems .dinner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.4rem;
  }
}
.about-page .about-part-gs .ditems .ditem {
  padding-bottom: 0;
  margin-bottom: 0;
}
.about-page .about-part-gs .ditems .ddesc {
  display: block;
  font-size: 0.16rem;
  color: var(--textColor);
  white-space: normal;
}
.about-page .about-part-gs .ditems .dcov {
  margin-right: 0;
  margin-left: var(--item-gap);
}
.about-page .about-part-jz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .about-page .about-part-jz {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.about-page .about-part-jz-title {
  font-size: 0.3rem;
  color: var(--titleColor);
  margin-bottom: 0.5rem;
}
.about-page .about-part-jz-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.about-page .about-part-jz-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.about-page .about-part-jz-card {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-jz-card {
    width: 50%;
  }
}
.about-page .about-part-jz-card > img {
  width: 0.4rem;
  height: 0.4rem;
  margin-bottom: 0.1rem;
}
.about-page .about-part-jz-num {
  font-size: 0.4rem;
  font-weight: bold;
  color: var(--mainColor);
  margin-bottom: 0.06rem;
}
.about-page .about-part-jz-num .hpn {
  font-size: 0.16rem;
  font-weight: normal;
}
.about-page .about-part-jz-desc {
  font-size: 0.16rem;
  color: var(--textColor);
}
.about-page .about-part-jz-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 5.4rem;
  --imgRatio: calc(400 / 540 * 100%);
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-jz-img {
    width: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .about-part-jz-img {
    width: 100%;
  }
}
.about-page .about-part-ry-item {
  text-align: center;
}
.about-page .about-part-ry-title {
  font-size: 0.3rem;
  color: var(--titleColor);
  margin-bottom: 0.32rem;
  text-align: center;
}
.about-page .about-part-ry-text {
  font-size: 0.16rem;
  color: var(--titleColor);
  margin-top: 0.12rem;
}
.about-page .about-part-ry-img {
  min-height: 3.2rem;
  font-size: 0;
  line-height: 0;
}
.about-page .about-part-ry .swiper-slide {
  --imgFit: contain;
  --imgRatio: 3.2rem;
}
.about-page .about-part-ry .swiper-button-next,
.about-page .about-part-ry .swiper-button-prev {
  --swiper-navigation-color: var(--mainColor);
  --swiper-navigation-size: 0.16rem;
  width: 0.68rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: var(--mainLightColor);
}
.about-page .about-part-ry .swiper-button-next::after,
.about-page .about-part-ry .swiper-button-prev::after {
  display: none;
}
.about-page .about-part-ry .swiper-button-next i,
.about-page .about-part-ry .swiper-button-prev i {
  font-size: 0.16rem;
}
.about-page .about-part-ry .swiper-button-next:hover i,
.about-page .about-part-ry .swiper-button-prev:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.about-page .about-part-ry .swiper-button-next {
  right: -1.08rem;
  left: auto;
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-ry .swiper-button-next {
    right: 0.2rem;
  }
}
.about-page .about-part-ry .swiper-button-prev {
  left: -1.08rem;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .about-page .about-part-ry .swiper-button-prev {
    left: 0.2rem;
  }
}
.about-page .about-part-xw {
  padding-top: 0.8rem;
}
.about-page .about-part-xw .home-news-cards {
  margin-bottom: 0.2rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  .about-page .about-part-xw .home-news-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
.about-page .base-news-detail-back a {
  padding: 0.18rem 0.36rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
  border-radius: 0.25rem;
  font-size: 0.16rem;
  color: var(--mainColor);
  background: var(--mainLightColor);
}
.about-page .base-news-detail-back a i {
  font-size: 0.14rem;
}
.about-page .base-news-detail-back a:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.about-page .about-news-tabs {
  max-width: 90%;
  height: auto;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.about-page .home-news-cards {
  grid-template-columns: repeat(4, 1fr);
  gap: 0.3rem;
}
@media screen and (max-width: 1024px) {
  .about-page .home-news-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .about-page .home-news-cards {
    grid-template-columns: repeat(1, 1fr);
  }
}
.about-page .home-news-card-img {
  --imgRatio: calc(220 / 330 * 100%);
  position: relative;
}
.about-page .home-news-card-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.about-page .home-news-card-play {
  --imgRatio: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.4rem;
  height: 0.4rem;
  line-height: 0;
  font-size: 0;
  pointer-events: none;
}
.about-page .home-news-card-play .full--img {
  overflow: visible;
}
.about-page .home-news-card-body {
  padding: 0.24rem;
}
.about-page .home-news-card-title {
  font-size: 0.16rem;
  margin: 0;
  margin-bottom: 0.3rem;
  font-weight: 500;
  color: var(--titleColor);
}
.about-page .base-news-detail {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .about-page .base-news-detail {
    margin-top: 0.3rem;
  }
}

.contact-page .contact-info {
  padding: 1rem 0 0;
}
.contact-page .contact-info-title {
  font-size: 0.3rem;
  font-weight: 500;
  color: var(--titleColor);
  margin-bottom: 0.32rem;
  text-align: center;
}
.contact-page .contact-info-map {
  margin-bottom: 1rem;
  background: #fff;
  border-radius: var(--brSize);
  overflow: hidden;
  --imgRatio: calc(530 / 1440 * 100%);
}
.contact-page .contact-info-map-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.6rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .contact-page .contact-info-map-inner {
    padding: 0.3rem;
  }
}
.contact-page .contact-info-map-inner .lef {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: var(--textColor);
}
.contact-page .contact-info-map-inner .rig {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.contact-page .contact-info-map-title {
  font-size: 0.3rem;
  color: var(--titleColor);
  margin-bottom: 0.28rem;
}
.contact-page .contact-info-map-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  gap: 0.1rem;
  margin-bottom: 0.1rem;
}
.contact-page .contact-info-map-desc i {
  font-size: 0.14rem;
}
.contact-page .contact-info-map-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem;
  padding-right: 0.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .contact-page .contact-info-map-btns {
    max-width: 3rem;
  }
}
.contact-page .contact-info-map-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.17rem 0.33rem;
  font-size: 0.16rem;
  color: var(--mainColor);
  background: var(--mainLightColor);
  border-radius: 0.25rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 1;
}
.contact-page .contact-info-map-btn:hover {
  background: var(--mainColor);
  color: #fff;
}
.contact-page .contact-info-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  min-height: 3rem;
  width: 100%;
  background: #fff;
  border-radius: var(--brSize);
  overflow: hidden;
}
.contact-page .contact-info-social-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.16rem;
  color: var(--titleColor);
}
.contact-page .contact-info-social-img {
  width: 1.1rem;
  height: 1.1rem;
  font-size: 0;
  line-height: 0;
  padding: 0.04rem;
  background: #f6f6f6;
  border-radius: var(--brSize);
  margin-bottom: 0.2rem;
}
.contact-page .joinus-part {
  position: relative;
  margin-bottom: 1rem;
}
.contact-page .joinus-part:last-child {
  margin-bottom: 0;
}
.contact-page .joinus-part-title {
  font-size: 0.3rem;
  color: var(--titleColor);
  text-align: center;
  margin-bottom: 0.32rem;
  font-weight: 500;
}
.contact-page .joinus-part .joinus-part1-box {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding-top: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part1-box {
    padding-top: 0.6rem;
  }
}
.contact-page .joinus-part .joinus-part1-title {
  text-align: center;
  font-size: 0.36rem;
  color: var(--titleColor);
  margin-bottom: 0.23rem;
}
@media screen and (max-width: 768px) {
  .contact-page .joinus-part .joinus-part1-title {
    font-size: 0.24rem;
  }
}
.contact-page .joinus-part .joinus-part1-content {
  text-align: center;
  font-size: 0.18rem;
  color: var(--textColor);
  line-height: 2;
  max-width: 9rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contact-page .joinus-part .joinus-part1-content {
    font-size: 0.16rem;
  }
}
.contact-page .joinus-part .joinus-part-bg {
  position: relative;
  width: 100%;
}
.contact-page .joinus-part .joinus-part-bg img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part-bg img {
    min-height: 6rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.contact-page .joinus-part .joinus-part2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--brSize);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .contact-page .joinus-part .joinus-part2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.contact-page .joinus-part .joinus-part2-cover {
  --imgRatio: calc(480 / 720 * 100%);
  --imgRadius: 0;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part2-cover {
    --imgRatio: calc(720 / 720 * 100%);
  }
}
.contact-page .joinus-part .joinus-part2-cover {
  width: 100%;
  max-width: 7.2rem;
  font-size: 0;
  line-height: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part2-cover {
    max-width: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .contact-page .joinus-part .joinus-part2-cover {
    max-width: 100%;
  }
}
.contact-page .joinus-part .joinus-part2-content {
  padding: 0.5rem;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part2-content {
    padding: 0.3rem;
    height: 5rem;
    overflow: auto;
  }
}
@media screen and (max-width: 768px) {
  .contact-page .joinus-part .joinus-part2-content {
    height: auto;
  }
}
.contact-page .joinus-part .joinus-part2-title {
  font-size: 0.3rem;
  color: var(--titleColor);
  margin-bottom: 0.16rem;
}
.contact-page .joinus-part .joinus-part2-text {
  font-size: 0.24rem;
  color: var(--titleColor);
  margin-bottom: 0.2rem;
}
.contact-page .joinus-part .joinus-part2-desc {
  margin-top: 0.2rem;
  font-size: 0.16rem;
  color: var(--textColor);
  line-height: 1.65;
}
.contact-page .joinus-part .joinus-part3-box {
  position: absolute;
  inset: 0;
  bottom: auto;
  z-index: 1;
  margin: 1.8rem auto;
  border-radius: var(--brSize);
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part3-box {
    margin: 0.1rem auto;
  }
}
@media screen and (max-width: 768px) {
  .contact-page .joinus-part .joinus-part3-box {
    padding: 0 0.2rem;
  }
  .contact-page .joinus-part .joinus-part3-box + .joinus-part-bg img {
    min-height: 6.8rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.contact-page .joinus-part .joinus-part3-title {
  margin-top: 0.8rem;
  font-size: 0.3rem;
  text-align: center;
  color: var(--titleColor);
  margin-bottom: 0.28rem;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part3-title {
    font-size: 0.24rem;
    margin-top: 0.4rem;
  }
}
.contact-page .joinus-part .joinus-part3-content {
  max-width: 9rem;
  margin: 0 auto;
  font-size: 0.16rem;
  text-align: center;
  color: var(--textColor);
  line-height: 1.65;
  margin-bottom: 0.8rem;
}
.contact-page .joinus-part .joinus-part4-box {
  position: absolute;
  inset: 0;
  bottom: auto;
  z-index: 1;
  margin: 1.8rem auto;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part4-box {
    margin: 0.1rem auto;
  }
  .contact-page .joinus-part .joinus-part4-box + .joinus-part-bg img {
    min-height: 5rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.contact-page .joinus-part .joinus-part4-inner {
  position: relative;
  border-radius: var(--brSize);
  background: rgb(255, 255, 255);
}
.contact-page .joinus-part .joinus-part4-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
}
.contact-page .joinus-part .joinus-part4-item {
  width: 25%;
  padding: 0.2rem;
  position: relative;
  text-align: center;
}
.contact-page .joinus-part .joinus-part4-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-left: 0.01rem solid var(--borderColor);
  pointer-events: none;
}
.contact-page .joinus-part .joinus-part4-item-icon {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 auto;
  margin-bottom: 0.54rem;
}
.contact-page .joinus-part .joinus-part4-item-title {
  font-size: 0.24rem;
  color: var(--mainColor);
  margin-bottom: 0.1rem;
}
.contact-page .joinus-part .joinus-part4-item-desc {
  font-size: 0.16rem;
  color: var(--textColor);
}
.contact-page .joinus-part .joinus-part5-box {
  position: relative;
}
.contact-page .joinus-part .joinus-part5-inner {
  position: relative;
}
.contact-page .joinus-part .joinus-part5-inner .swiper-slide {
  --imgRatio: calc(350 / 460 * 100%);
}
.contact-page .joinus-part .joinus-part5-inner .swiper-button-next,
.contact-page .joinus-part .joinus-part5-inner .swiper-button-prev {
  --swiper-navigation-color: var(--mainColor);
  --swiper-navigation-size: 0.16rem;
  width: 0.68rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: var(--mainLightColor);
}
.contact-page .joinus-part .joinus-part5-inner .swiper-button-next::after,
.contact-page .joinus-part .joinus-part5-inner .swiper-button-prev::after {
  display: none;
}
.contact-page .joinus-part .joinus-part5-inner .swiper-button-next i,
.contact-page .joinus-part .joinus-part5-inner .swiper-button-prev i {
  font-size: 0.16rem;
}
.contact-page .joinus-part .joinus-part5-inner .swiper-button-next:hover i,
.contact-page .joinus-part .joinus-part5-inner .swiper-button-prev:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.contact-page .joinus-part .joinus-part5-inner .swiper-button-next {
  right: -1.08rem;
  left: auto;
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part5-inner .swiper-button-next {
    right: 0.2rem;
  }
}
.contact-page .joinus-part .joinus-part5-inner .swiper-button-prev {
  left: -1.08rem;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .contact-page .joinus-part .joinus-part5-inner .swiper-button-prev {
    left: 0.2rem;
  }
}
.contact-page .joinus-part .joinus-part6-box {
  position: relative;
}
.contact-page .joinus-part .joinus-part6-inner {
  position: relative;
}
.contact-page .joinus-part .joinus-part6-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.2rem;
}
.contact-page .joinus-part .joinus-part6-item {
  width: calc((100% - 0.2rem) / 2);
  background: #fff;
  border-radius: var(--brSize);
  min-height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--titleColor);
}
.contact-page .joinus-part .joinus-part6-item-icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-bottom: 0.4rem;
}
.contact-page .joinus-part .joinus-part6-item-title {
  font-size: 0.24rem;
  margin-bottom: 0.1rem;
  font-weight: bold;
}
.contact-page .joinus-part .joinus-part6-item-desc {
  font-size: 0.16rem;
  font-weight: bold;
}

.contact-form-text {
  margin-top: -0.06rem;
  margin-bottom: 0.02rem;
  font-size: 0.24rem;
  color: var(--mutedColor);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .contact-form-text {
    font-size: 0.16rem;
  }
}
.contact-form-title {
  margin-bottom: 0.28rem;
  font-size: 0.48rem;
  font-weight: bold;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .contact-form-title {
    font-size: 0.32rem;
  }
}

.home-page {
  background: #fff;
}
.home-page .home-about {
  position: relative;
  padding-top: 1.6rem;
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about {
    padding-top: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .home-page .home-about {
    padding-top: 0.6rem;
  }
}
.home-page .home-about-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.8rem;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-top {
    padding-bottom: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .home-page .home-about-top {
    padding-bottom: 0.6rem;
  }
}
.home-page .home-about-top > .lef {
  width: 50%;
  padding-right: 0.8rem;
}
.home-page .home-about-top > .lef .home-about-desc {
  margin-bottom: 0.64rem;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-top > .lef {
    padding-right: 0;
  }
}
.home-page .home-about-top > .rig {
  width: 50%;
  padding-left: 0.4rem;
  padding-top: 0.9rem;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-top > .rig {
    padding-top: 0.6rem;
  }
}
.home-page .home-about-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-bottom {
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .home-page .home-about-bottom {
    margin-bottom: 0.6rem;
  }
}
.home-page .home-about-bottom > .lef {
  width: 50%;
  padding-right: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-bottom > .lef {
    padding-right: 0;
  }
}
.home-page .home-about-bottom > .rig {
  width: 50%;
  padding-left: 0.4rem;
}
.home-page .home-about-title {
  margin-bottom: 0.2rem;
  font-size: 0.52rem;
  margin-top: -0.13rem;
  color: var(--titleColor);
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-title {
    font-size: 0.32rem;
  }
}
@media screen and (max-width: 768px) {
  .home-page .home-about-title {
    font-size: 0.24rem;
  }
}
.home-page .home-about-desc {
  margin-bottom: 0.5rem;
  font-size: 0.18rem;
  line-height: 1.78;
  color: var(--textColor);
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-desc {
    margin-bottom: 0.3rem;
    font-size: 0.14rem;
  }
}
.home-page .home-about-btn {
  margin-top: auto;
  padding: 0.16rem 0.34rem;
  font-size: 0.16rem;
  min-width: 1.6rem;
  color: var(--mainColor);
  border-color: var(--mainLightColor);
  border-radius: 0.25rem;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: var(--mainLightColor);
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-btn {
    font-size: 0.16rem;
  }
}
.home-page .home-about-btn i {
  margin-left: 0.1rem;
  font-size: 0.14rem;
}
.home-page .home-about-btn:hover {
  border-color: var(--mainColor);
}
.home-page .home-about-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  color: var(--mutedColor);
  --bdc: #d0d9d2;
  cursor: pointer;
  opacity: 1;
}
.home-page .home-about-item-icon {
  width: 0.24rem;
  height: 0.24rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-item-icon {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.home-page .home-about-item-title {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 0.24rem;
  line-height: 1;
  border-bottom: 0.01rem solid var(--bdc);
  padding-bottom: 0.25rem;
  margin-bottom: 0.3rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home-page .home-about-item-title i {
  font-size: 0.16rem;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-page .home-about-item-title .ymicon-arrow-right-t {
  display: none;
}
@media screen and (max-width: 1024px) {
  .home-page .home-about-item-title {
    font-size: 0.16rem;
  }
}
.home-page .home-about-item:hover {
  color: var(--mainColor);
}
.home-page .home-about-item:hover .ymicon-arrow-right-g {
  display: none;
}
.home-page .home-about-item:hover .ymicon-arrow-right-t {
  display: block;
}
.home-page .home-about-img {
  width: 100%;
  font-size: 0;
  line-height: 0;
  --imgRatio: calc(380 / 680 * 100%);
}
.home-page .home-product {
  position: relative;
  width: 100%;
  min-height: 8.8rem;
  background: url("../images/px-bg.png") no-repeat center top/100% auto;
  padding-bottom: 1.2rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .home-page .home-product {
    height: auto;
  }
}
.home-page .home-product-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.home-page .home-product .common-wrapper {
  position: relative;
  z-index: 1;
}
.home-page .home-product-title {
  font-size: 0.52rem;
  padding-top: 0.55rem;
  padding-bottom: 0.18rem;
  line-height: 1.2;
  color: var(--titleColor);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .home-page .home-product-title {
    font-size: 0.32rem;
  }
}
.home-page .home-product-desc {
  margin-bottom: 0.35rem;
  font-size: 0.18rem;
  line-height: 1.78;
  color: var(--textColor);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .home-page .home-product-desc {
    margin-bottom: 0.25rem;
    font-size: 0.14rem;
  }
}
.home-page .home-product-cards {
  margin-top: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home-page .home-product-card {
  border-radius: var(--brSize);
  background: #eff6eb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.35rem 0.2rem;
  gap: 0.2rem;
  width: calc((100% - 0.6rem) / 4);
}
@media screen and (max-width: 1024px) {
  .home-page .home-product-card {
    width: calc((100% - 0.4rem) / 2);
    padding: 0.25rem 0.15rem;
    gap: 0.1rem;
  }
}
.home-page .home-product-card > .lef {
  width: 0.4rem;
  height: 0.4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 0.05rem;
}
.home-page .home-product-card > .rig {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home-page .home-product-num {
  font-size: 0.44rem;
  font-weight: bold;
  margin-top: -0.11rem;
  color: var(--titleColor);
  text-align: left;
}
.home-page .home-product-num .hpn {
  font-size: 0.16rem;
  font-weight: normal;
}
.home-page .home-product-desc2 {
  font-size: 0.18rem;
  margin-top: -0.02rem;
  color: var(--textColor);
  text-align: left;
}
.home-page .home-product-box {
  padding: 0 0.7rem;
  position: relative;
}
.home-page .home-product .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-page .home-product .swiper-button-next,
.home-page .home-product .swiper-button-prev {
  --swiper-navigation-color: var(--mainColor);
  --swiper-navigation-size: 0.16rem;
  width: 0.68rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: var(--mainLightColor);
}
.home-page .home-product .swiper-button-next::after,
.home-page .home-product .swiper-button-prev::after {
  display: none;
}
.home-page .home-product .swiper-button-next i,
.home-page .home-product .swiper-button-prev i {
  font-size: 0.16rem;
}
.home-page .home-product .swiper-button-next:hover i,
.home-page .home-product .swiper-button-prev:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.home-page .home-product .swiper-button-next {
  right: 0;
  left: auto;
}
.home-page .home-product .swiper-button-prev {
  left: 0;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home-page .home-product-item {
  width: 100%;
  max-width: 1.06rem;
  color: var(--titleColor);
  cursor: pointer;
  display: block;
}
@media screen and (max-width: 1024px) {
  .home-page .home-product-item {
    max-width: 0.6rem;
  }
}
.home-page .home-product-item:hover {
  color: var(--mainColor);
}
.home-page .home-product-item:hover .home-product-icon::after {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.home-page .home-product-icon {
  height: 1.06rem;
  width: 1.06rem;
  margin-bottom: 0.24rem;
  background-size: 50% auto;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.home-page .home-product-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.06rem;
  height: 1.06rem;
  background-image: url("../images/px-tg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.home-page .home-product-text {
  font-size: 0.18rem;
  text-align: center;
  line-height: 1;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (max-width: 768px) {
  .home-page .home-news-cards {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
}

.home-banner-box {
  position: relative;
}
.home-banner-box .pic {
  display: block;
  opacity: 1;
  line-height: 0;
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.home-banner-box .pic picture {
  font-size: 0;
  line-height: 0;
  position: absolute;
  inset: 0;
}
.home-banner-box .pic .img,
.home-banner-box .pic img {
  width: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.home-banner-item {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0.14rem;
  color: #fff;
}
.home-banner-item h1,
.home-banner-item h2, .home-banner-item-title {
  margin-bottom: 0.1rem;
  font-size: 0.56rem;
  font-weight: bold;
  color: #fff;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .home-banner-item h1,
  .home-banner-item h2, .home-banner-item-title {
    font-size: 0.32rem !important;
  }
}
.home-banner-item p, .home-banner-item-desc {
  font-size: 0.26rem;
  color: #fff;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .home-banner-item p, .home-banner-item-desc {
    font-size: 0.16rem !important;
  }
}
.home-banner-play {
  position: absolute;
  bottom: 0.4rem;
  right: 0;
  left: 0;
  z-index: 10;
  color: #fff;
}
.home-banner-play-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
  line-height: 1;
  padding: 0.12rem 0.22rem;
  min-width: 1.4rem;
  font-size: 0.18rem;
  font-weight: 500;
  border: 0.04rem solid var(--borderColor);
  border-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-banner-play-btn:hover {
  border-color: var(--mainColor);
  background: var(--mainColor);
}
.home-banner-play-btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.home-banner-pagination {
  --swiper-pagination-bullet-width: 0.08rem;
  --swiper-pagination-bullet-height: 0.08rem;
  --swiper-pagination-bullet-horizontal-gap: 0.1rem;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-color: #fff;
  --swiper-pagination-bullet-opacity: 1;
}
.home-banner-pagination .swiper-pagination {
  bottom: 0.3rem;
}
.home-banner-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.home-banner-pagination .swiper-pagination-bullet-active {
  -webkit-box-shadow: 0 0 0 0.01rem #fff;
          box-shadow: 0 0 0 0.01rem #fff;
  background: #fff;
  position: relative;
}
.home-banner-pagination .swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.16rem;
  height: 0.16rem;
  background: transparent;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0.01rem #fff;
          box-shadow: 0 0 0 0.01rem #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.home-news {
  padding-bottom: 1.2rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#eff6eb), to(#fff));
  background: linear-gradient(to top, #eff6eb 0%, #fff 100%);
  position: relative;
  z-index: 2;
}
.home-news-title {
  font-size: 0.52rem;
  color: var(--titleColor);
  margin-bottom: 0.21rem;
  letter-spacing: 0.02rem;
}
@media screen and (max-width: 1024px) {
  .home-news-title {
    font-size: 0.32rem;
  }
}
.home-news-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.32rem;
}
@media screen and (max-width: 768px) {
  .home-news-cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
  }
}
@media screen and (max-width: 480px) {
  .home-news-cards {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
}
.home-news-card {
  background: #fff;
  border-radius: var(--brSize);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.home-news-card:hover {
  opacity: 1;
}
.home-news-card:hover .home-news-card-img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.home-news-card:hover .home-news-card-title {
  color: var(--mainColor);
}
.home-news-card-img {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #eee;
}
.home-news-card-img .full--img {
  cursor: pointer;
}
.home-news-card-img {
  --imgRadius: var(--brSize) var(--brSize) 0 0;
  --imgRatio: 56.52173%;
}
.home-news-card-body {
  padding: 0.4rem 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .home-news-card-body {
    padding: 0.3rem 0.2rem;
  }
}
.home-news-card-date {
  font-size: 0.16rem;
  color: var(--mutedColor);
  margin-bottom: 0.12rem;
}
.home-news-card-title {
  font-size: 0.18rem;
  font-weight: 600;
  color: var(--titleColor);
  margin-bottom: 0.14rem;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  margin-bottom: 0.8rem;
}
.home-news-card-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  margin-top: auto;
  color: var(--mutedColor);
}
.home-news-card-more i {
  margin-left: 0.1rem;
  font-size: 0.12rem;
}
.home-news-card-more:hover {
  color: var(--mainColor);
}
.home-news-card-more:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}

.innovation-part {
  position: relative;
  margin-bottom: 1rem;
}
.innovation-part-title {
  font-size: 0.4rem;
  margin-bottom: 0.4rem;
  color: var(--titleColor);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .innovation-part-title {
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
  }
}

.innovation-page .innovation-part-xq {
  padding-top: 1rem;
  background: #fff;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.innovation-page .innovation-part-xq-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-xq-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.innovation-page .innovation-part-xq .innovation-part-title {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-xq .innovation-part-title {
    text-align: center;
  }
}
.innovation-page .innovation-part-xq-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-top: 0.2rem;
  padding-right: 0.6rem;
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-xq-content {
    padding-right: 0;
    margin-bottom: 0.4rem;
    text-align: center;
  }
}
.innovation-page .innovation-part-xq-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 7rem;
  --imgRatio: calc(460 / 700 * 100%);
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-xq-img {
    max-width: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-xq-img {
    max-width: 100%;
  }
}
.innovation-page .innovation-part-xq-item {
  margin-top: 0.7rem;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-xq-item {
    margin-top: 0.3rem;
  }
}
.innovation-page .innovation-part-xq-icon {
  width: 0.36rem;
  height: 0.36rem;
  margin-bottom: 0.14rem;
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-xq-icon {
    margin: 0 auto 0.14rem;
  }
}
.innovation-page .innovation-part-xq-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.innovation-page .innovation-part-xq-title {
  font-size: 0.24rem;
  color: var(--mainColor);
  margin-bottom: 0.02rem;
}
.innovation-page .innovation-part-xq-desc {
  color: var(--textColor);
  font-size: 0.18rem;
}
.innovation-page .innovation-part-tg {
  --imgRatio: calc(920 / 1920 * 100%);
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-tg {
    --imgRatio: calc(1200 / 1920 * 100%);
  }
}
.innovation-page .innovation-part-tg-box {
  position: absolute;
  inset: 0;
  padding: 1.2rem 0;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-tg-box {
    padding: 0.2rem 0;
  }
}
.innovation-page .innovation-part-tg-title {
  text-align: center;
  color: var(--mainColor);
  font-size: 0.24rem;
  margin-bottom: 0.1rem;
}
.innovation-page .innovation-part-tg-desc {
  color: var(--textColor);
  font-size: 0.16rem;
  text-align: center;
  max-width: 11.1rem;
  margin: 0 auto;
}
.innovation-page .innovation-part-tg-items {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-tg-items {
    margin-top: 0.2rem;
  }
}
.innovation-page .innovation-part-tg-item {
  width: calc((100% - 0.4rem) / 2);
  background: #fff;
  border-radius: var(--brSize);
  overflow: hidden;
  --imgRatio: calc(460 / 700 * 100%);
  position: relative;
}
.innovation-page .innovation-part-tg-text {
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 var(--brSize) var(--brSize);
  color: var(--mainColor);
  font-size: 0.2rem;
  text-align: center;
  padding: 0.3rem;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-tg-text {
    font-size: 0.16rem;
    padding: 0.2rem;
  }
}
.innovation-page .innovation-part-cx {
  --imgRatio: calc(920 / 1920 * 100%);
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-cx {
    --imgRatio: calc(1800 / 1920 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-cx {
    --imgRatio: calc(3000 / 1920 * 100%);
  }
}
.innovation-page .innovation-part-cx-box {
  position: absolute;
  inset: 0;
  padding: 1.2rem 0;
  z-index: 1;
}
.innovation-page .innovation-part-cx-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1rem;
}
.innovation-page .innovation-part-cx-items-col {
  max-width: 50%;
}
.innovation-page .innovation-part-cx-items-col:nth-child(2) {
  direction: rtl;
}
.innovation-page .innovation-part-cx-items-col:nth-child(2) .innovation-part-cx-num {
  margin-left: 0.3rem;
  margin-right: 0;
  border-left: 0.02rem solid var(--mainColor);
  border-right: none;
  padding-left: 0.2rem;
  padding-right: 0;
}
.innovation-page .innovation-part-cx-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.6rem;
}
.innovation-page .innovation-part-cx-num {
  padding-right: 0.2rem;
  margin-right: 0.3rem;
  border-right: 0.02rem solid var(--mainColor);
  font-size: 0.36rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--mainColor);
  font-weight: 500;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.innovation-page .innovation-part-cx-cont {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
  min-width: 0;
}
.innovation-page .innovation-part-cx-title {
  font-size: 0.24rem;
  color: var(--titleColor);
  margin-bottom: 0.08rem;
}
.innovation-page .innovation-part-cx-desc {
  font-size: 0.14rem;
  color: var(--textColor);
  margin-bottom: 0.1rem;
}
.innovation-page .innovation-part-cx-text {
  color: var(--mainColor);
  font-size: 0.14rem;
}
.innovation-page .innovation-part-hl {
  background: #fff;
  padding-top: 1rem;
  margin-top: -1rem;
  padding-bottom: 1rem;
  margin-bottom: 0;
}
.innovation-page .innovation-part-hl-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-hl-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.innovation-page .innovation-part-hl-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 7.2rem;
  --imgRatio: calc(720 / 720 * 100%);
  --imgRadius: var(--brSize) 0 0 var(--brSize);
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-hl-img {
    max-width: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-hl-img {
    max-width: 100%;
    --imgRadius: var(--brSize) var(--brSize) 0 0;
  }
}
.innovation-page .innovation-part-hl-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.6rem;
  background: #f4f8f6;
  border-radius: 0 var(--brSize) var(--brSize) 0;
  overflow: auto;
  max-height: 7.2rem;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-hl-content {
    max-height: 5rem;
    padding: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-hl-content {
    max-height: none;
  }
}
.innovation-page .innovation-part-hl-title {
  font-size: 0.32rem;
  color: var(--mainColor);
  margin-bottom: 0.17rem;
}
.innovation-page .innovation-part-hl-desc {
  font-size: 0.24rem;
  color: var(--mainColor);
  margin-bottom: 0.36rem;
}
.innovation-page .innovation-part-hl-text {
  font-size: 0.16rem;
  color: var(--textColor);
}
.innovation-page .innovation-part-xz {
  --imgRatio: calc(500 / 1920 * 100%);
  margin-bottom: -1.2rem;
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-xz {
    --imgRatio: calc(1000 / 1920 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .innovation-page .innovation-part-xz {
    --imgRatio: calc(1400 / 1920 * 100%);
  }
}
.innovation-page .innovation-part-xz .innovation-part-title {
  color: #fff;
}
.innovation-page .innovation-part-xz-box {
  position: absolute;
  inset: 0;
  padding: 1rem 0;
  z-index: 1;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .innovation-page .innovation-part-xz-box {
    padding: 0.4rem 0;
  }
}
.innovation-page .innovation-part-xz-icon {
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  margin-bottom: 0.36rem;
}
.innovation-page .innovation-part-xz-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.innovation-page .innovation-part-xz-title {
  text-align: center;
  margin: 0 auto;
  max-width: 7.6rem;
  font-size: 0.16rem;
}

.innovation-part-ys {
  background: #fff;
  padding-top: 1rem;
  margin-top: -1rem;
  padding-bottom: 1rem;
}
.innovation-part-ys-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--brSize);
  overflow: hidden;
  gap: 0.02rem;
  margin-top: 0.7rem;
}
.innovation-part-ys-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
  -webkit-transition: -webkit-box-flex 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.3s;
  transition: -webkit-box-flex 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.3s;
  transition: flex 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
  transition: flex 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s, -webkit-box-flex 0.4s cubic-bezier(0.4, 0, 0.2, 1), -ms-flex 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.3s;
  overflow: hidden;
  color: #fff;
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 5.8rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem 0.3rem;
}
@media screen and (max-width: 1024px) {
  .innovation-part-ys-item {
    padding: 0.3rem 0.2rem;
    height: 4rem;
  }
}
.innovation-part-ys-item-icon {
  width: 0.36rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 0.36rem;
  margin-bottom: 0.23rem;
}
.innovation-part-ys-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.innovation-part-ys-item-title {
  font-size: 0.2rem;
  font-weight: 600;
  margin-bottom: 0.11rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .innovation-part-ys-item-title {
    font-size: 0.16rem;
    margin-bottom: 0.08rem;
  }
}
.innovation-part-ys-item-desc {
  font-size: 0.16rem;
  color: #edfaf6;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.innovation-part-ys-item-desc p {
  margin-bottom: 0.06rem;
}
@media screen and (max-width: 1024px) {
  .innovation-part-ys-item-desc {
    font-size: 0.14rem;
  }
}
.innovation-part-ys-item-desc::-webkit-scrollbar {
  width: 0.06rem;
}
.innovation-part-ys-item-desc::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.03rem;
}
.innovation-part-ys-item-desc::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
.innovation-part-ys-item:hover .innovation-part-ys-item-desc {
  visibility: visible;
  opacity: 1;
}
.innovation-part-ys-item:hover {
  -webkit-box-flex: 3;
      -ms-flex: 3 1 0px;
          flex: 3 1 0;
  z-index: 2;
}
.innovation-part-ys-item-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.innovation-part-ys-item-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.loc-box-wrap {
  background: #fff;
}

.diagnosis-part {
  position: relative;
  margin-bottom: 1rem;
}
.diagnosis-part:last-child {
  margin-bottom: 0;
}
.diagnosis-part-title {
  font-size: 0.4rem;
  margin-bottom: 0.32rem;
  color: var(--titleColor);
  text-align: center;
}

.diagnosis-page.no-banner {
  padding-top: var(--headerHeight);
}
.diagnosis-page.no-banner .loc-box {
  margin: 0;
  padding: 0.18rem 0;
  line-height: 1;
}
.diagnosis-page .qui_wap_show {
  min-height: 3.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.diagnosis-page .diagnosis-part-zds {
  margin-top: 1rem;
}
.diagnosis-page .diagnosis-part-zds-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3rem;
}
.diagnosis-page .diagnosis-part-zds-item {
  width: calc((100% - 0.9rem) / 4);
  background: #fff;
  border-radius: var(--brSize);
  overflow: hidden;
  padding: 0.5rem 0.3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-zds-item {
    width: calc((100% - 0.6rem) / 2);
  }
}
.diagnosis-page .diagnosis-part-zds-item:hover {
  opacity: 1;
}
.diagnosis-page .diagnosis-part-zds-item:hover .diagnosis-part-zds-more i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.diagnosis-page .diagnosis-part-zds-icon {
  width: 0.44rem;
  height: 0.44rem;
  margin: 0 auto;
  margin-bottom: 0.4rem;
}
.diagnosis-page .diagnosis-part-zds-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.diagnosis-page .diagnosis-part-zds-title {
  font-size: 0.24rem;
  color: var(--titleColor);
  margin-bottom: 0.1rem;
}
.diagnosis-page .diagnosis-part-zds-desc {
  color: var(--mutedColor);
  font-size: 0.16rem;
  margin-bottom: 0.4rem;
}
.diagnosis-page .diagnosis-part-zds-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
  color: var(--mainColor);
  font-size: 0.16rem;
  gap: 0.1rem;
}
.diagnosis-page .diagnosis-part-zds-more i {
  font-size: 0.14rem;
}
.diagnosis-page .diagnosis-part-zds-more:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.diagnosis-page .diagnosis-part-zdx-box {
  border-radius: var(--brSize);
  background: #fff;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.diagnosis-page .diagnosis-part-zdx-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.diagnosis-page .diagnosis-part-zdx-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 7.2rem;
  --imgRatio: calc(300 / 720 * 100%);
  --imgRadius: 0 var(--brSize) var(--brSize) 0;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-zdx-img {
    max-width: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-zdx-img {
    max-width: 3.5rem;
  }
  .diagnosis-page .diagnosis-part-zdx-img .full--img {
    height: 100%;
  }
}
.diagnosis-page .diagnosis-part-zdx-title {
  font-size: 0.24rem;
  color: var(--titleColor);
  margin-bottom: 0.1rem;
}
.diagnosis-page .diagnosis-part-zdx-desc {
  color: var(--mutedColor);
  font-size: 0.16rem;
  margin-bottom: 0.4rem;
  text-align: center;
  max-width: 5rem;
}
.diagnosis-page .diagnosis-part-zdx-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--mainColor);
  font-size: 0.16rem;
  gap: 0.1rem;
}
.diagnosis-page .diagnosis-part-zdx-more i {
  font-size: 0.14rem;
}
.diagnosis-page .diagnosis-part-zdx-more:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.diagnosis-page .diagnosis-ai-box {
  min-height: calc(100vh - var(--headerHeight) - 0.52rem);
  background-position: center center;
  background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.diagnosis-page .diagnosis-ai-title {
  text-align: center;
  font-size: 0.3rem;
  color: var(--titleColor);
  font-style: 5rem;
  margin-bottom: 0.1rem;
}
.diagnosis-page .diagnosis-ai-subtitle {
  text-align: center;
  font-size: 0.16rem;
  color: var(--mutedColor);
  margin-bottom: 0.34rem;
}
.diagnosis-page .diagnosis-ai-form {
  position: relative;
  max-width: 10rem;
  margin: 0 auto;
  min-height: 1.6rem;
  background: #fff;
  border-radius: var(--brSize);
  border: 0.01rem solid var(--borderColor);
  padding: 0.3rem;
}
.diagnosis-page .diagnosis-ai-form > span {
  color: var(--mutedColor);
}
.diagnosis-page .diagnosis-ai-btn {
  position: absolute;
  right: 0.3rem;
  bottom: 0.3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.13rem 0.36rem;
  line-height: 1;
  font-size: 0.16rem;
  border: none;
  border-radius: 0.25rem;
  background: var(--mainLightColor);
  color: var(--mainColor);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.diagnosis-page .diagnosis-ai-btn:hover {
  background: var(--mainColor);
  color: #fff;
}
.diagnosis-page .diagnosis-ai-btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.diagnosis-page .diagnosis-part-jc {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.diagnosis-page .diagnosis-part-jc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-jc-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.diagnosis-page .diagnosis-part-jc-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  max-height: 4.6rem;
  padding-top: 0.2rem;
  padding-right: 0.6rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-jc-content {
    padding-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-jc-content {
    padding: 0.2rem 0.3rem;
    margin-bottom: 0.4rem;
    max-height: none;
  }
}
.diagnosis-page .diagnosis-part-jc-title {
  font-size: 0.4rem;
  color: var(--titleColor);
  margin-bottom: 0.16rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-jc-title {
    font-size: 0.32rem;
    margin-bottom: 0.1rem;
  }
}
.diagnosis-page .diagnosis-part-jc-desc {
  font-size: 0.16rem;
  color: var(--textColor);
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-jc-desc {
    margin-bottom: 0.4rem;
  }
}
.diagnosis-page .diagnosis-part-jc-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.diagnosis-page .diagnosis-part-jc-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.diagnosis-page .diagnosis-part-jc-item-icon {
  width: 0.36rem;
  height: 0.36rem;
  margin-bottom: 0.09rem;
  font-size: 0;
}
.diagnosis-page .diagnosis-part-jc-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.diagnosis-page .diagnosis-part-jc-item-title {
  font-size: 0.44rem;
  color: var(--mainColor);
  margin-bottom: 0.05rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: bold;
}
.diagnosis-page .diagnosis-part-jc-item-title span:nth-child(2) {
  font-size: 0.14rem;
  font-weight: normal;
}
.diagnosis-page .diagnosis-part-jc-item-desc {
  font-size: 0.16rem;
  color: var(--textColor);
  max-width: 2.2rem;
}
.diagnosis-page .diagnosis-part-jc-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 7rem;
  --imgRatio: calc(460 / 700 * 100%);
  --imgRadius: var(--brSize);
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-jc-img {
    max-width: 5rem;
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-jc-img {
    max-width: 100%;
    padding: 0.2rem;
  }
}
.diagnosis-page .diagnosis-part-pg {
  text-align: center;
}
.diagnosis-page .diagnosis-part-pg-title {
  font-size: 0.16rem;
  color: var(--textColor);
  margin-bottom: 0.66rem;
  padding: 0 0.2rem;
}
.diagnosis-page .diagnosis-part-pg-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-pg-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.diagnosis-page .diagnosis-part-pg-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 7.2rem;
  --imgRatio: calc(460 / 720 * 100%);
  --imgRadius: var(--brSize);
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-pg-img {
    max-width: 5rem;
    --imgRatio: calc(720 / 720 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-pg-img {
    max-width: 100%;
    --imgRadius: var(--brSize) var(--brSize) 0 0;
  }
}
.diagnosis-page .diagnosis-part-pg-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.4rem;
  min-width: 0;
  background: #fff;
  border-radius: 0 var(--brSize) var(--brSize) 0;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-pg-content {
    padding: 0.2rem;
    height: 5rem;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-pg-content {
    height: auto;
    padding: 0.3rem;
  }
}
.diagnosis-page .diagnosis-part-pg-items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4rem;
}
.diagnosis-page .diagnosis-part-pg-item {
  width: calc((100% - 0.4rem) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.4rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f4f8f6;
  border-radius: var(--brSize);
  overflow: hidden;
}
.diagnosis-page .diagnosis-part-pg-item-icon {
  width: 0.32rem;
  height: 0.32rem;
  margin-bottom: 0.26rem;
}
.diagnosis-page .diagnosis-part-pg-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.diagnosis-page .diagnosis-part-pg-item-title {
  font-size: 0.18rem;
  color: var(--textColor);
}
.diagnosis-page .diagnosis-part-ys-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-ys-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.diagnosis-page .diagnosis-part-ys-desc img {
  height: auto !important;
}
.diagnosis-page .diagnosis-part-ys-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.8rem 0.5rem;
  background: #0d382b;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-ys-content {
    padding: 0.3rem;
    height: auto;
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-ys-content {
    height: auto;
    padding: 0.5rem 0.3rem;
  }
}
.diagnosis-page .diagnosis-part-ys-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  font-size: 0;
  max-width: 9.6rem;
  --imgRatio: calc(960 / 960 * 100%);
  --imgRadius: 0;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-ys-img {
    max-width: 5rem;
    --imgRatio: calc(1600 / 960 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-ys-img {
    max-width: 100%;
    --imgRadius: 0;
  }
}
.diagnosis-page .diagnosis-part-ys-img .full--img {
  min-height: 100%;
}
.diagnosis-page .diagnosis-part-lx {
  --imgRatio: calc(200 / 1440 * 100%);
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-lx {
    --imgRatio: calc(400 / 1440 * 100%);
  }
}
.diagnosis-page .diagnosis-part-lx-box {
  position: relative;
  margin-top: 0.7rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-lx-box {
    margin-top: 0.4rem;
  }
}
.diagnosis-page .diagnosis-part-lx-inner {
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 0.4rem 0.5rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.diagnosis-page .diagnosis-part-lx-content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.diagnosis-page .diagnosis-part-lx-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 1rem;
}
.diagnosis-page .diagnosis-part-lx-img img {
  width: auto;
  height: 1rem;
  background: #fff;
  border-radius: 0.02rem;
}
.diagnosis-page .diagnosis-part-lx-title {
  font-size: 0.2rem;
  margin-bottom: 0.25rem;
}
.diagnosis-page .diagnosis-part-lx-more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.16rem;
  gap: 0.1rem;
  padding: 0.18rem 0.36rem;
  line-height: 1;
  border-radius: 0.25rem;
  background: var(--mainLightColor);
  color: var(--mainColor);
}
.diagnosis-page .diagnosis-part-lx-more i {
  font-size: 0.14rem;
}
.diagnosis-page .diagnosis-part-lx-more:hover {
  opacity: 1;
}
.diagnosis-page .diagnosis-part-lx-more:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.diagnosis-page .diagnosis-part-dcb {
  margin-top: 1rem;
  background: #fff;
  border-radius: var(--brSize);
  overflow: hidden;
  margin-bottom: 0;
}
.diagnosis-page .diagnosis-part-dcb-head {
  color: #fff;
  background: var(--mainColor);
  padding: 0.3rem;
  font-size: 0.2rem;
  line-height: 1;
}
.diagnosis-page .diagnosis-part-dcb .dcb-form-title {
  font-size: 0.2rem;
  color: #0d382b;
  margin-bottom: 0.2rem;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
  border-bottom: 0.01rem solid var(--borderColor);
}
.diagnosis-page .diagnosis-part-dcb-form {
  padding: 0.5rem 0.7rem;
}
.diagnosis-page .diagnosis-part-dcb-form .el-form-item {
  margin-bottom: 0.3rem;
}
.diagnosis-page .diagnosis-part-dcb-form .el-form-item__label {
  line-height: 1;
  margin-bottom: 0.2rem;
  padding: 0;
  font-size: 0.16rem;
  color: var(--textColor);
}
.diagnosis-page .diagnosis-part-dcb-form .el-input {
  background: #f5f5f5;
  border-radius: var(--brSize);
  height: 0.6rem;
  font-size: 0.16rem;
}
.diagnosis-page .diagnosis-part-dcb-form .el-input .el-input__inner {
  height: 100%;
  padding: 0 0.3rem;
  background: transparent;
  border: none;
  color: var(--titleColor);
}
.diagnosis-page .diagnosis-part-dcb-form .el-input .el-input__inner:placeholder {
  color: var(--mutedColor);
}
.diagnosis-page .diagnosis-part-dcb-form .el-textarea {
  background: #f5f5f5;
  border-radius: var(--brSize);
  font-size: 0.16rem;
}
.diagnosis-page .diagnosis-part-dcb-form .el-textarea .el-textarea__inner {
  min-height: 1.6rem;
  height: 100%;
  padding: 0.3rem;
  background: transparent;
  border: none;
  color: var(--titleColor);
}
.diagnosis-page .diagnosis-part-dcb-form .el-textarea .el-textarea__inner:placeholder {
  color: var(--mutedColor);
}
.diagnosis-page .diagnosis-part-dcb-form .el-checkbox {
  display: block;
}
.diagnosis-page .diagnosis-part-dcb-form .el-checkbox .el-checkbox__label {
  color: var(--textColor);
  font-size: 0.16rem;
}
.diagnosis-page .diagnosis-part-dcb-form .el-checkbox .el-checkbox__label span {
  color: var(--mutedColor);
}
.diagnosis-page .diagnosis-part-dcb-form .dcb-checkbox-inline {
  line-height: 1;
}
.diagnosis-page .diagnosis-part-dcb-form .dcb-checkbox-inline .el-checkbox {
  display: inline-block;
  line-height: 1;
}
.diagnosis-page .diagnosis-part-dcb-form .dcb-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.18rem 0.36rem;
  border-radius: 0.25rem;
  font-size: 0.16rem;
  color: var(--mainColor);
  background: var(--mainLightColor);
  margin: auto;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.diagnosis-page .diagnosis-part-dcb-form .dcb-submit:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.diagnosis-page .diagnosis-part-dcb-form .dcb-submit:hover {
  background: var(--mainColor);
  color: #fff;
}
.diagnosis-page .diagnosis-part-df {
  --imgRatio: calc(450 / 1440 * 100%);
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-df {
    --imgRatio: calc(600 / 1440 * 100%);
  }
}
.diagnosis-page .diagnosis-part-df-box {
  position: relative;
}
.diagnosis-page .diagnosis-part-df-inner {
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 1rem 0.5rem;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-df-inner {
    padding: 0.5rem 0.3rem;
  }
}
.diagnosis-page .diagnosis-part-df-icon {
  width: 1.1rem;
  height: 1.1rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-df-icon {
    width: 0.8rem;
    height: 0.8rem;
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-df-icon {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.diagnosis-page .diagnosis-part-df-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.diagnosis-page .diagnosis-part-df-title {
  font-size: 0.4rem;
  margin-bottom: 0.26rem;
  color: #00d393;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-df-title {
    font-size: 0.32rem;
    margin-bottom: 0.16rem;
  }
}
.diagnosis-page .diagnosis-part-df-desc {
  font-size: 0.18rem;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-df-desc {
    font-size: 0.16rem;
  }
}
.diagnosis-page .diagnosis-part-ld {
  position: relative;
}
.diagnosis-page .diagnosis-part-ld-title {
  font-size: 0.16rem;
  color: var(--textColor);
  text-align: center;
  margin: -0.14rem auto 0.4rem;
  max-width: 10rem;
}
.diagnosis-page .diagnosis-part-ld-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3rem;
}
.diagnosis-page .diagnosis-part-ld-item {
  width: calc((100% - 0.6rem) / 3);
  background: #fff;
  border-radius: var(--brSize);
  overflow: hidden;
  padding: 0.3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-ld-item {
    width: 100%;
  }
}
.diagnosis-page .diagnosis-part-ld-item-icon {
  width: 0.32rem;
  height: 0.32rem;
  margin: 0 auto;
  margin-bottom: 0.2rem;
}
.diagnosis-page .diagnosis-part-ld-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.diagnosis-page .diagnosis-part-ld-item-title {
  font-size: 0.2rem;
  color: var(--titleColor);
}
.diagnosis-page .diagnosis-part-ld-item-title b {
  font-size: 0.24rem;
}
.diagnosis-page .diagnosis-part-cg {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-bottom: 0;
  padding-bottom: 1rem;
}
.diagnosis-page .diagnosis-part-cg-title {
  font-size: 0.16rem;
  margin-top: 0.26rem;
  color: var(--textColor);
  text-align: center;
}
.diagnosis-page .diagnosis-part-cg-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-image: url("../images/diagnosis-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.diagnosis-page .diagnosis-part-cg-text {
  font-size: 0.24rem;
  color: #0d382b;
  margin-bottom: 0.24rem;
}
.diagnosis-page .diagnosis-part-cg-col {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
  width: 100%;
  max-width: 60%;
  position: relative;
  z-index: 3;
  padding: 0.5rem;
  min-height: 5.7rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-cg-col {
    max-width: none;
  }
}
.diagnosis-page .diagnosis-part-cg-col::-webkit-scrollbar {
  width: 0.06rem;
}
.diagnosis-page .diagnosis-part-cg-col::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.03rem;
}
.diagnosis-page .diagnosis-part-cg-col::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-cg-col {
    overflow: auto;
    background-size: cover;
  }
}
.diagnosis-page .diagnosis-part-cg-col:nth-child(2) {
  right: 0;
  top: 0.4rem;
  z-index: 1;
  background-position: right bottom;
  text-align: right;
  padding-right: 0.2rem;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-cg-col:nth-child(2) {
    padding: 0.5rem 0.2rem;
    text-align: left;
  }
}
.diagnosis-page .diagnosis-part-cg-col:nth-child(2) p {
  line-height: 1.2;
  margin-bottom: 0.15rem;
}
.diagnosis-page .diagnosis-part-cg-col:nth-child(2) > * {
  display: inline-block;
  max-width: 5.5rem;
  text-align: left;
}
@media (min-width: 1024px) and (max-width: 1600px) {
  .diagnosis-page .diagnosis-part-cg-col:nth-child(2) > * {
    max-width: 5rem;
  }
}
.diagnosis-page .diagnosis-part-jy {
  margin-bottom: -1.2rem !important;
}
.diagnosis-page .diagnosis-part-jy-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 0;
  padding-top: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-jy-content {
    padding: 0;
    min-width: 0;
    display: block;
  }
}
.diagnosis-page .diagnosis-part-jy-form {
  max-width: calc(var(--maxViewWidth) / 2);
  padding-right: 0.5rem;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-jy-form {
    padding: 0.3rem;
    max-width: 100%;
  }
}
.diagnosis-page .diagnosis-part-jy-title {
  font-size: 0.4rem;
  color: #00d393;
  font-weight: 500;
  margin-bottom: 0.26rem;
}
.diagnosis-page .diagnosis-part-jy-desc {
  font-size: 0.16rem;
  color: #fff;
  margin-bottom: 0.36rem;
}
.diagnosis-page .diagnosis-part-jy .el-form {
  width: 100%;
}
.diagnosis-page .diagnosis-part-jy .el-form .el-form-item {
  margin-bottom: 0.2rem;
}
.diagnosis-page .diagnosis-part-jy .el-form .el-input,
.diagnosis-page .diagnosis-part-jy .el-form .el-select {
  height: 0.6rem;
  width: 100%;
  background: #f5f5f5;
  border-radius: var(--brSize);
}
.diagnosis-page .diagnosis-part-jy .el-form .el-input .el-input__inner,
.diagnosis-page .diagnosis-part-jy .el-form .el-select .el-input__inner {
  height: 0.6rem;
  border: none;
}
.diagnosis-page .diagnosis-part-jy .el-form .dcb-submit {
  width: 100%;
  background: var(--mainLightColor);
  color: var(--mainColor);
  border: none;
  line-height: 1;
  padding: 0.18rem 0.36rem;
  font-size: 0.16rem;
  border-radius: 0.25rem;
  margin-top: 0.2rem;
}
.diagnosis-page .diagnosis-part-jy .el-form .dcb-submit:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.diagnosis-page .diagnosis-part-jy .el-form .dcb-submit:hover {
  background: var(--mainColor);
  color: #fff;
}
.diagnosis-page .diagnosis-part-jy .el-form .dcb-result {
  min-height: 0.6rem;
  padding: 0.1rem 0.2rem;
  font-size: 0.14rem;
  color: var(--mutedColor);
  border-radius: var(--brSize);
  background: #fff;
}
.diagnosis-page .diagnosis-part-jy .el-form .dcb-result-inner {
  color: var(--titleColor);
}
.diagnosis-page .diagnosis-part-cgq {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1.2rem 0;
}
.diagnosis-page .diagnosis-part-cgq-title {
  font-size: 0.4rem;
  color: #00d393;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.26rem;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-cgq-title {
    font-size: 0.32rem;
    margin-bottom: 0.16rem;
  }
}
.diagnosis-page .diagnosis-part-cgq-desc {
  font-size: 0.18rem;
  color: #fff;
  text-align: center;
  margin-bottom: 1rem;
  max-width: 10rem;
  margin-left: auto;
  margin-right: auto;
}
.diagnosis-page .diagnosis-part-cgq-text {
  font-size: 0.36rem;
  text-align: center;
  color: #00d393;
  margin-bottom: 0.6rem;
}
.diagnosis-page .diagnosis-part-cgq-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem;
}
.diagnosis-page .diagnosis-part-cgq-item {
  width: calc((100% - 1.2rem) / 4);
}
.diagnosis-page .diagnosis-part-cgq-item-icon {
  width: 1.3rem;
  height: 1.3rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
  -webkit-animation: icon-vertical-move 1.2s ease-in-out infinite alternate;
          animation: icon-vertical-move 1.2s ease-in-out infinite alternate;
}
@media screen and (max-width: 768px) {
  .diagnosis-page .diagnosis-part-cgq-item-icon {
    width: 1rem;
    height: 1rem;
  }
}
.diagnosis-page .diagnosis-part-cgq-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@-webkit-keyframes icon-vertical-move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
}
@keyframes icon-vertical-move {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
}
.diagnosis-page .diagnosis-part-cgq-item-title {
  text-align: center;
  color: #fff;
  font-size: 0.16rem;
}
.diagnosis-page .diagnosis-part-cgq-item:nth-child(1) .diagnosis-part-cgq-item-icon {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.diagnosis-page .diagnosis-part-cgq-item:nth-child(2) .diagnosis-part-cgq-item-icon {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.diagnosis-page .diagnosis-part-cgq-item:nth-child(3) .diagnosis-part-cgq-item-icon {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.diagnosis-page .diagnosis-part-cgq-item:nth-child(4) .diagnosis-part-cgq-item-icon {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.diagnosis-page .diagnosis-part-lx2 .diagnosis-part-lx-box {
  margin-top: 0.5rem;
}
.diagnosis-page .diagnosis-part-ksh {
  margin-top: -1rem;
  background: #fff;
  padding: 1.2rem 0;
  position: relative;
}
.diagnosis-page .diagnosis-part-ksh::after, .diagnosis-page .diagnosis-part-ksh::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(10%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0));
  z-index: 2;
}
.diagnosis-page .diagnosis-part-ksh::after {
  right: 0;
  left: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.diagnosis-page .diagnosis-part-ksh-item {
  position: relative;
  text-align: center;
}
.diagnosis-page .diagnosis-part-ksh-title {
  font-size: 0.3rem;
  color: var(--mainColor);
  margin-bottom: 0.16rem;
  font-weight: bold;
  margin-top: 0.32rem;
}
.diagnosis-page .diagnosis-part-ksh-desc {
  font-size: 0.16rem;
  color: var(--textColor);
}
.diagnosis-page .diagnosis-part-ksh .swiper-slide {
  --imgFit: contain;
  --imgRatio: calc(440 / 660 * 100%);
}
.diagnosis-page .diagnosis-part-ksh .swiper-button-next,
.diagnosis-page .diagnosis-part-ksh .swiper-button-prev {
  --swiper-navigation-color: var(--mainColor);
  --swiper-navigation-size: 0.16rem;
  width: 0.68rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: var(--mainLightColor);
}
.diagnosis-page .diagnosis-part-ksh .swiper-button-next::after,
.diagnosis-page .diagnosis-part-ksh .swiper-button-prev::after {
  display: none;
}
.diagnosis-page .diagnosis-part-ksh .swiper-button-next i,
.diagnosis-page .diagnosis-part-ksh .swiper-button-prev i {
  font-size: 0.16rem;
}
.diagnosis-page .diagnosis-part-ksh .swiper-button-next:hover i,
.diagnosis-page .diagnosis-part-ksh .swiper-button-prev:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.diagnosis-page .diagnosis-part-ksh .swiper-button-next {
  right: 1.8rem;
  left: auto;
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-ksh .swiper-button-next {
    right: 0.5rem;
  }
}
.diagnosis-page .diagnosis-part-ksh .swiper-button-prev {
  left: 1.8rem;
  right: auto;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1024px) {
  .diagnosis-page .diagnosis-part-ksh .swiper-button-prev {
    left: 0.5rem;
  }
}

.diagnosis-part-yy-box {
  position: relative;
  margin-top: 1rem;
  border-radius: var(--brSize);
  overflow: hidden;
}
.diagnosis-part-yy-head {
  --imgRatio: calc(240 / 1440 * 100%);
  --imgRadius: 0;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .diagnosis-part-yy-head {
    --imgRatio: calc(320 / 1440 * 100%);
  }
}
@media screen and (max-width: 768px) {
  .diagnosis-part-yy-head {
    --imgRatio: calc(600 / 1440 * 100%);
  }
}
.diagnosis-part-yy-head-inner {
  position: absolute;
  inset: 0;
  z-index: 3;
  padding: 0.2rem 0;
  color: #fff;
  text-align: center;
}
.diagnosis-part-yy-title {
  font-size: 0.4rem;
  margin-bottom: 0.26rem;
}
.diagnosis-part-yy-desc {
  font-size: 0.16rem;
  max-width: 7rem;
  margin: 0 auto;
}
.diagnosis-part-yy-form {
  background: #fff;
  padding: 0.6rem;
}
.diagnosis-part-yy-form form {
  max-width: 7rem;
  margin: 0 auto;
}
.diagnosis-part-yy-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0.2rem;
}
.diagnosis-part-yy-form textarea,
.diagnosis-part-yy-form input {
  width: 100%;
  height: 0.6rem;
  border-radius: var(--brSize);
  background: #f5f5f5;
  color: var(--titleColor);
  font-size: 0.16rem;
  padding: 0 0.3rem;
}
.diagnosis-part-yy-form textarea::-webkit-input-placeholder, .diagnosis-part-yy-form input::-webkit-input-placeholder {
  color: var(--mutedColor);
}
.diagnosis-part-yy-form textarea::-moz-placeholder, .diagnosis-part-yy-form input::-moz-placeholder {
  color: var(--mutedColor);
}
.diagnosis-part-yy-form textarea:-ms-input-placeholder, .diagnosis-part-yy-form input:-ms-input-placeholder {
  color: var(--mutedColor);
}
.diagnosis-part-yy-form textarea::-ms-input-placeholder, .diagnosis-part-yy-form input::-ms-input-placeholder {
  color: var(--mutedColor);
}
.diagnosis-part-yy-form textarea::placeholder,
.diagnosis-part-yy-form input::placeholder {
  color: var(--mutedColor);
}
.diagnosis-part-yy-form textarea {
  height: auto;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  resize: vertical;
  line-height: 1.5;
}
.diagnosis-part-yy-form .form-btn {
  padding: 0.18rem 0.36rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
  border-radius: 0.25rem;
  font-size: 0.16rem;
  color: var(--mainColor);
  background: var(--mainLightColor);
  margin: 0.4rem auto 0.3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.diagnosis-part-yy-form .form-btn i {
  font-size: 0.14rem;
}
.diagnosis-part-yy-form .form-btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.diagnosis-part-yy-form .form-btn:hover i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}

@media (max-width: 1600px) {
  .diagnosis-page .diagnosis-part-cg-col:nth-child(2) {
    top: 0.8rem;
  }
}
@media (max-width: 768px) {
  .diagnosis-page .diagnosis-part-cg-col:nth-child(2) {
    top: 0;
  }
}
.product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.3rem;
}
@media screen and (max-width: 1024px) {
  .product-list {
    gap: 0.2rem;
  }
}
@media screen and (max-width: 768px) {
  .product-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-list-item {
  color: var(--titleColor);
  background: #fff;
  text-align: center;
  padding: 0.6rem 0;
}
.product-list-item-img {
  width: 100%;
  max-width: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 0.4rem;
  --imgFit: contain;
}
.product-list-item-img .full--img {
  cursor: pointer;
}
.product-list-item-title {
  font-size: 0.22rem;
  font-weight: 500;
  margin-bottom: 0.03rem;
  padding: 0 0.2rem;
}
.product-list-item-desc {
  font-size: 0.16rem;
  color: var(--mutedColor);
}
.product-list-item:hover {
  color: var(--mainColor);
}
.product-list .product-list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding-bottom: 0.54rem;
  overflow: hidden;
}
.product-list .product-list-img {
  width: 100%;
}
.product-list .product-list-tag {
  position: relative;
  z-index: 1;
  margin: 0 0.4rem;
  margin-bottom: 0.05rem;
  font-size: 0.16rem;
  color: var(--mainColor);
}
.product-list .product-list-info {
  position: relative;
  z-index: 1;
  margin: 0 0.4rem;
  margin-bottom: 0.26rem;
}
.product-list .product-list-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0.4rem;
  margin-top: auto;
  font-size: 0.16rem;
  color: var(--textColor);
}
.product-list .product-list-title {
  margin-bottom: 0.12rem;
  font-size: 0.3rem;
  font-weight: 500;
}
.product-list .product-list-desc {
  font-size: 0.16rem;
  color: var(--mutedColor);
}
.product-list .product-list-more i {
  width: 0.34rem;
  height: 0.34rem;
  margin-left: 0.1rem;
  background-color: var(--mainColor);
  background-size: 0.14rem;
  border-radius: 50%;
}
.product-list + .common-pages {
  padding-top: 0.6rem;
}

.product-page.no-banner {
  padding-top: var(--headerHeight);
}
@media screen and (max-width: 1024px) {
  .product-page .loc-box {
    display: none;
  }
}
.product-page .product-custom {
  position: relative;
  margin-top: 0.8rem;
}
.product-page .product-custom:hover .product-custom-more i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.product-page .product-custom-inner {
  position: relative;
  z-index: 3;
  padding: 1rem 0.8rem;
  color: var(--titleColor);
  pointer-events: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
  border-radius: var(--brSize);
}
@media screen and (max-width: 1024px) {
  .product-page .product-custom-inner {
    padding: 0.6rem 0.4rem;
  }
}
.product-page .product-custom-title {
  font-size: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.16rem;
}
.product-page .product-custom-desc {
  font-size: 0.16rem;
  max-width: 5rem;
  margin-bottom: 0.8rem;
}
.product-page .product-custom-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
  font-size: 0.16rem;
  color: var(--mainColor);
  margin-top: auto;
  pointer-events: auto;
}
.product-page .product-custom-more i {
  font-size: 0.14rem;
}
.product-page .product-detail .loc-box {
  padding: 0.32rem 0;
}
@media screen and (max-width: 768px) {
  .product-page .product-detail .loc-box {
    padding: 0.16rem 0;
  }
}
.product-page {
  /* 产品详情页自定义样式 */
}
.product-page .product-detail-head {
  background: #fff;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .product-page .product-detail-head {
    padding-bottom: 0.4rem;
    margin-bottom: 0.4rem;
  }
}
.product-page .product-detail-head-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 1024px) {
  .product-page .product-detail-head-inner {
    margin-bottom: 0.2rem;
  }
}
.product-page .product-detail-cov {
  width: 5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .product-page .product-detail-cov {
    width: 2.5rem;
  }
}
.product-page .product-gallery {
  width: 100%;
}
.product-page .gallery-main {
  position: relative;
  width: 100%;
  height: 5rem;
  background: #f7f7f7;
  border-radius: var(--brSize);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .product-page .gallery-main {
    background: transparent;
  }
}
.product-page .gallery-main img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-page .gallery-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem;
  margin-top: 0.18rem;
  overflow-x: auto;
  width: 100%;
}
.product-page .gallery-thumbs .thumb {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: var(--brSize);
  border: 0.02rem solid transparent;
  cursor: pointer;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f7f7f7;
  overflow: hidden;
}
.product-page .gallery-thumbs .thumb img {
  width: 60%;
  height: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-page .gallery-thumbs .thumb.active {
  border-color: var(--mainColor);
}
.product-page .product-detail-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 0.4rem;
}
.product-page .product-title {
  font-size: 0.4rem;
  font-weight: bold;
  margin-bottom: 0.14rem;
  color: #0d382b;
}
.product-page .product-title-tag {
  color: var(--mutedColor);
  font-size: 0.14rem;
  margin-bottom: 0.11rem;
}
.product-page .product-desc {
  color: var(--mainColor);
  font-size: 0.24rem;
  margin-bottom: 0.14rem;
}
.product-page .product-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem;
}
.product-page .product-tags .product-tag {
  display: inline-block;
  padding: 0.11rem 0.12rem;
  border-radius: 0.04rem;
  background: #f4f8f6;
  color: var(--textColor);
  font-size: 0.14rem;
}
.product-page .product-meta {
  margin-top: 0.45rem;
}
.product-page .product-meta-info {
  font-size: 0.16rem;
  color: var(--titleColor);
  line-height: 1.8;
}
.product-page .product-meta-info p {
  margin-bottom: 0.1rem;
}
.product-page .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.1rem;
}
.product-page .tabs .tab {
  padding: 0.22rem 0.22rem;
  cursor: pointer;
  font-size: 0.18rem;
  color: var(--mutedColor);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: var(--brSize) var(--brSize) 0 0;
  background: rgba(255, 255, 255, 0.6);
}
.product-page .tabs .tab.active {
  color: var(--mainColor);
  background: #fff;
}
.product-page .product-detail-content {
  background: #fff;
  padding: 0.3rem 0.4rem;
  min-height: 2.2rem;
  border-radius: 0 0 var(--brSize) var(--brSize);
}
.product-page .tab-content {
  display: none;
  line-height: 2;
}
.product-page .tab-content.active {
  display: block;
}
.product-page .gallery-thumbs .thumb-video-wrap {
  position: relative;
}
.product-page .gallery-thumbs .thumb-video-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.product-page .gallery-thumbs .thumb-video-wrap img.thumb-play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.4rem;
  height: 0.4rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
.product-page .gallery-thumbs .thumb-video-wrap.active {
  border-color: var(--mainColor, #025e40);
}
.product-page .gallery-main video#main-video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.2rem;
  background: #000;
  display: block;
}

.product-solution {
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .product-solution {
    margin-top: 0.6rem;
  }
}
.product-solution-title {
  font-size: 0.3rem;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  margin-bottom: 0.4rem;
  color: var(--titleColor);
}
.product-solution-box {
  width: 100%;
  position: relative;
  padding: 0.43rem 0.2rem 0.52rem;
  border-radius: var(--brSize) var(--brSize) 0 0;
  --imgRatio: calc(160 / 1440 * 100%);
}
.product-solution-box .full--img {
  position: absolute;
  inset: 0;
}
.product-solution-search {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 0.4rem;
}
.product-solution-search-inner {
  width: 100%;
  max-width: 4.6rem;
  height: 0.6rem;
  border-radius: var(--brSize);
  background: #fff;
  overflow: hidden;
  position: relative;
}
.product-solution-search input {
  width: 100%;
  height: 100%;
  font-size: 0.16rem;
  padding: 0 0.5rem 0 0.2rem;
  border: none;
}
.product-solution-search i {
  position: absolute;
  top: 50%;
  right: 0.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 0.2rem;
}
.product-solution-subtitle {
  font-size: 0.2rem;
  color: var(--titleColor);
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.11rem;
  position: relative;
  z-index: 1;
}
.product-solution-desc {
  position: relative;
  z-index: 1;
  font-size: 0.16rem;
  color: var(--textColor);
  text-align: center;
}
.product-solution-items {
  position: relative;
  z-index: 1;
  padding: 0.6rem;
  background: #fff;
  border-radius: 0 0 var(--brSize) var(--brSize);
}
.product-solution-row {
  margin-bottom: 0.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.product-solution-row-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.6rem;
          flex: 0 0 2.6rem;
  font-size: 0.18rem;
  color: var(--mainColor);
  font-weight: bold;
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .product-solution-row-label {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2rem;
            flex: 0 0 2rem;
  }
}
.product-solution-row-label span {
  display: inline-block;
  position: relative;
  margin-left: 0.55rem;
  padding-right: 0.2rem;
}
.product-solution-row-label span::before {
  content: "";
  position: absolute;
  left: -0.55rem;
  top: 0.1rem;
  width: 0.4rem;
  height: 0.03rem;
  background-color: var(--mainColor);
  border-radius: 1.5rem;
}
.product-solution-row-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .product-solution-row-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.product-solution-item {
  position: relative;
  width: calc((100% - 0.4rem) / 3);
  border-radius: var(--brSize);
  overflow: hidden;
  color: #fff;
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .product-solution-item {
    width: calc((100% - 0.2rem) / 2);
  }
}
.product-solution-item:hover .product-solution-item-more i {
  -webkit-animation: ani-move-right 0.75s ease-in-out infinite alternate;
          animation: ani-move-right 0.75s ease-in-out infinite alternate;
}
.product-solution-item-inner {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: none;
  padding: 0.4rem;
  font-size: 0;
}
@media screen and (max-width: 1024px) {
  .product-solution-item-inner {
    padding: 0.3rem;
  }
}
@media screen and (max-width: 768px) {
  .product-solution-item-inner {
    padding: 0.2rem;
  }
}
.product-solution-item-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 0.45rem;
  height: 0.45rem;
  margin-bottom: 0.2rem;
  margin-top: 0.3rem;
}
.product-solution-item-title {
  font-size: 0.3rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
}
.product-solution-item-more {
  margin-top: auto;
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1rem;
}
.product-solution-item-more i {
  font-size: 0.14rem;
}
.product-solution-item::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  font-size: 0;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.4);
}

.soil-compare-section {
  background: #fff;
  border-radius: var(--brSize);
  padding: 0.4rem;
  margin-bottom: 0.3rem;
  width: 100%;
  overflow: hidden;
}
.soil-compare-section:last-child {
  margin-bottom: 0;
}
.soil-compare-section .soil-compare-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .soil-compare-section .soil-compare-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.soil-compare-section .soil-compare-col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 3.4rem;
          flex: 1 1 3.4rem;
  min-width: 3.2rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .soil-compare-section .soil-compare-col {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    min-width: auto;
  }
  .soil-compare-section .soil-compare-col:not(:last-child) {
    margin-bottom: 0.4rem;
  }
}
.soil-compare-section .soil-compare-img {
  display: block;
  position: relative;
  width: 100%;
  max-width: 5rem;
  font-size: 0;
  --imgRatio: calc(330 / 500 * 100%);
}
@media screen and (max-width: 768px) {
  .soil-compare-section .soil-compare-img {
    max-width: 100%;
    margin: auto;
  }
}
.soil-compare-section .soil-compare-img:hover {
  opacity: 1;
}
.soil-compare-section .soil-compare-video {
  cursor: pointer;
  position: relative;
}
.soil-compare-section .soil-compare-video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  pointer-events: none;
}
.soil-compare-section .soil-compare-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.4rem;
  height: 0.4rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.92;
  z-index: 3;
  pointer-events: none;
}
.soil-compare-section .soil-compare-play .full--img {
  overflow: visible;
  --imgRatio: 100%;
}
.soil-compare-section .soil-compare-title {
  font-size: 0.2rem;
  font-weight: bold;
  margin: 0.4rem 0 0.3rem;
  color: var(--titleColor);
  position: relative;
}
.soil-compare-section .soil-compare-title span {
  position: relative;
  z-index: 1;
}
.soil-compare-section .soil-compare-title::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 0.89rem;
  height: 0.13rem;
  background: url("../images/ico_al-tt.png") no-repeat center center/contain;
}
.soil-compare-section .soil-compare-title.after {
  color: var(--mainColor);
}
.soil-compare-section .soil-compare-title.after::after {
  background: url("../images/ico_ar-tt.png") no-repeat center center/contain;
}
.soil-compare-section .soil-compare-desc {
  color: #888;
  font-size: 0.16rem;
  text-align: center;
}
.soil-compare-section .soil-compare-desc.after {
  color: var(--mainColor);
}
.soil-compare-section .soil-compare-center {
  position: relative;
  z-index: 3;
  width: 3.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .soil-compare-section .soil-compare-center {
    width: 100%;
  }
}
.soil-compare-section .soil-compare-center .soil-compare-case-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-fail,
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-success {
  color: var(--titleColor);
  background: #f4f8f6;
  font-size: 0.18rem;
  padding: 0.11rem;
  border-radius: 0.25rem;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 4rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
  position: relative;
  left: -40%;
}
@media screen and (max-width: 768px) {
  .soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-fail,
  .soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-success {
    left: 0;
    right: auto;
  }
}
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-fail span,
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-success span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-fail img,
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-success img {
  width: 0.34rem;
  height: 0.34rem;
  margin-right: 0.2rem;
}
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-success {
  left: auto;
  right: -40%;
}
@media screen and (max-width: 768px) {
  .soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-success {
    right: 0;
    left: auto;
  }
}
.soil-compare-section .soil-compare-center .soil-compare-case-bar .soil-compare-case-bar-success img {
  margin-left: 0.2rem;
  margin-right: 0;
}
.soil-compare-section .soil-compare-center .soil-compare-case {
  height: 3.3rem;
}
.soil-compare-section .soil-compare-center .soil-compare-case-label {
  font-size: 0.28rem;
  font-weight: bold;
  color: var(--mainColor);
  margin-bottom: 0.44rem;
  text-align: center;
  padding-top: 0.4rem;
}
.soil-compare-section .soil-compare-center .soil-compare-case-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.4rem;
}
.soil-compare-section .soil-compare-center .soil-compare-case-arrows .arrow-r,
.soil-compare-section .soil-compare-center .soil-compare-case-arrows .arrow-l {
  position: relative;
  z-index: 1;
}
.soil-compare-section .soil-compare-center .soil-compare-case-arrows .arrow-r img,
.soil-compare-section .soil-compare-center .soil-compare-case-arrows .arrow-l img {
  width: 0.38rem;
  height: 0.3rem;
}
.soil-compare-section .soil-compare-center .soil-compare-case-arrows .arrow-l {
  left: -0.38rem;
}
.soil-compare-section .soil-compare-center .soil-compare-case-arrows .arrow-r {
  right: -0.38rem;
}
.soil-compare-section .soil-compare-center .soil-compare-case-arrows .case-text {
  font-size: 0.2rem;
  font-weight: bold;
  color: var(--titleColor);
}
.soil-compare-section .soil-compare-video-wrap {
  position: relative;
  display: inline-block;
}
.soil-compare-section .soil-compare-video-wrap .soil-compare-img {
  display: block;
}
.soil-compare-section .soil-compare-video-wrap .soil-compare-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.56rem;
  height: 0.56rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0.92;
  pointer-events: none;
}

.about-crop-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.2rem;
  margin-bottom: 0.4rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .about-crop-items {
    margin-top: 0.6rem;
  }
}
.about-crop-items .about-crop-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.12rem;
  cursor: pointer;
  font-size: 0.16rem;
  width: calc((100% - 0.8rem) / 5);
  min-height: 0.8rem;
  color: var(--mutedColor);
  border-radius: var(--brSize);
}
@media screen and (max-width: 768px) {
  .about-crop-items .about-crop-item {
    width: calc((100% - 0.8rem) / 4);
  }
}
.about-crop-items .about-crop-item-icon {
  width: 0.32rem;
  height: 0.32rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.about-crop-items .about-crop-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-crop-items .about-crop-item-icon img.active {
  display: none;
}
.about-crop-items .about-crop-item.active, .about-crop-items .about-crop-item:hover {
  color: var(--mainColor);
  background: rgba(2, 94, 63, 0.1);
}
.about-crop-items .about-crop-item.active img, .about-crop-items .about-crop-item:hover img {
  display: none;
}
.about-crop-items .about-crop-item.active img.active, .about-crop-items .about-crop-item:hover img.active {
  display: block;
}

.about-crop-covs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  --imgRatio: calc(550 / 1440 * 100%);
  position: relative;
  color: var(--mainColor);
}
.about-crop-covs-btn {
  position: absolute;
  bottom: 0.4rem;
  right: 0.4rem;
  z-index: 1;
  color: var(--mainColor);
  line-height: 1;
  min-width: 1.6rem;
  padding: 0.18rem 0.36rem;
  border-radius: 0.25rem;
  background: var(--mainLightColor);
  font-size: 0.16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.08rem;
}
.about-crop-covs-btn:hover {
  opacity: 1;
}
.about-crop-covs-btn:active {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}/*# sourceMappingURL=extUI.css.map */