@charset "utf-8";
@font-face {
  font-family: "HarmonyOS_Sans_SC_Light";
  src: url('../font/HarmonyOS_Sans_SC_Light.ttf');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Regular";
  src: url('../font/HarmonyOS_Sans_SC_Regular.ttf');
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Bold";
  src: url('../font/HarmonyOS_Sans_SC_Bold.ttf');
  font-display: swap;
}
@font-face {
  font-family: "HarmonyOS_Sans_SC_Medium";
  src: url('../font/HarmonyOS_Sans_SC_Medium.ttf');
  font-display: swap;
}
/* 视频弹窗 */
#hi-video-pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop .hi-close {
  position: fixed;
  top: 85%;
  left: 50%;
  z-index: 5;
  margin-left: -25px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #fff;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
  background: #333;
  transition: .3s;
}
#hi-video-pop .hi-close:hover {
  background: #005CE6;
}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {
  background: #fff;
}
#hi-video-pop .hi-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hi-video-pop .hi-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hi-video-pop .hi-video-box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hi-video-pop .hi-video-box .hi-video-wrap {
  max-width: 90vh;
  border: 2px solid #fff;
}
#hi-video-pop.spe .hi-video-box .hi-video-wrap {
  max-width: 60vw;
}
#hi-video-pop .hi-video-box .hi-video-wrap video {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
        .solution-swiper{
                overflow: inherit;
        }
}
@media (max-width: 991px){
	#hi-video-pop .hi-video-box .hi-video-wrap video{
		max-height: 60vh;
	}
}
@media (max-width: 767px) {
  #hi-video-pop .hi-video-box .hi-video-wrap {
    max-width: 90%;
  }
}
/*
插件：图片弹窗
版本：
官网：
*/
/* 视频弹窗 */
#hi-video-pop {
  color: var(--color-active);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-video-pop .hi-close {
  position: fixed;
  top: 85%;
  left: 50%;
  z-index: 5;
  margin-left: -25px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #fff;
  border-radius: 50%;
  transition: .4s;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
  background: #333;
  transition: .4s;
}
#hi-video-pop .hi-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hi-video-pop .hi-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hi-video-pop .hi-close:hover {
  background: var(--color-active);
}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {
  background: #fff;
}
#hi-video-pop .hi-video-box {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#hi-video-pop .hi-video-box .hi-video-wrap {
  position: relative;
  max-width: 90vh;
  border: 2px solid #fff;
}
@media screen and (max-width: 767px) {
  #hi-video-pop .hi-video-box .hi-video-wrap {
    max-width: 90%;
  }
}
#hi-video-pop .hi-video-box .hi-video-wrap video {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
/* iframe视频弹窗 */
#hi-iframe-video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-iframe-video * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-iframe-video .hi-close {
  position: fixed;
  top: 85%;
  left: 50%;
  z-index: 5;
  margin-left: -25px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #fff;
  border-radius: 50%;
  transition: .4s;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
#hi-iframe-video .hi-close:after,
#hi-iframe-video .hi-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
  background: #333;
  transition: .4s;
}
#hi-iframe-video .hi-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hi-iframe-video .hi-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hi-iframe-video .hi-close:hover {
  background: var(--color-active);
}
#hi-iframe-video .hi-close:hover:after,
#hi-iframe-video .hi-close:hover:before {
  background: #fff;
}
#hi-iframe-video iframe {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100vh;
  height: 60vh;
  max-width: 90%;
  max-height: 70%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  #hi-iframe-video iframe {
    width: 90vw;
    height: 60vw;
  }
}
/*
插件：视频全屏
版本：
官网：
*/
#hi-video-pop2 {
  display: none;
  height: 0;
  width: 0;
}
.c-close {
  max-width: .24rem;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: .3rem;
  margin-right: .3rem;
  cursor: pointer;
  z-index: 2;
}
.c-close img,
.c-close svg {
  width: 100%;
  height: auto;
}
.c-close.c-close-white {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 1024px) {
  .c-close {
    top: -1rem;
  }
}
#hi-resume-pop {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-resume-pop * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hi-resume-pop form {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 500px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#hi-resume-pop .hi-title-box {
  position: relative;
  padding: 0 .4rem;
  background: #005CE6;
}
#hi-resume-pop .hi-title-box .hi-title {
  line-height: .8rem;
  font-size: 20px;
  color: #fff;
}
#hi-resume-pop .hi-title-box .hi-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 1.05rem;
  height: .8rem;
  cursor: pointer;
}
#hi-resume-pop .hi-title-box .hi-close::before,
#hi-resume-pop .hi-title-box .hi-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -0.13rem;
  width: .25rem;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#hi-resume-pop .hi-title-box .hi-close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#hi-resume-pop .hi-box {
  padding: .4rem;
  line-height: .6rem;
}
#hi-resume-pop input {
  margin-bottom: .2rem;
  padding: 0 .15rem;
  width: 100%;
  height: .6rem;
  border: 1px solid #ccc;
}
#hi-resume-pop button {
  width: 100%;
  height: .6rem;
  background: #005CE6;
  color: #fff;
  cursor: pointer;
  border: 0;
}
#hi-resume-pop .hi-file-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: .2rem;
}
#hi-resume-pop .hi-file-box .hi-input-box {
  position: relative;
  display: inline-block;
  margin-right: .15rem;
  padding: .05rem .15rem;
  line-height: .3rem;
  background: #005CE6;
}
#hi-resume-pop .hi-file-box input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  cursor: pointer;
}
#hi-resume-pop .hi-file-box .hi-text {
  color: #fff;
}
#hi-resume-pop .hi-file-box .hi-text2 {
  line-height: .4rem;
}
#hi-resume-pop .hi-code-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#hi-resume-pop .hi-code-box {
  margin-bottom: .2rem;
}
#hi-resume-pop .hi-code-box input {
  margin-bottom: 0;
  width: calc(98.6%) !important;
}
#hi-resume-pop .hi-code-box img {
  max-width: 1.3rem;
  max-height: .6rem;
  cursor: pointer;
}
@media screen and (max-width: 1580px) {
  #hi-resume-pop form {
    max-width: 400px;
  }
}
@media screen and (max-width: 767px) {
  #hi-resume-pop .hi-box {
    line-height: .6rem;
  }
  #hi-resume-pop .hi-title-box .hi-title {
    line-height: 1rem;
    font-size: .4rem;
  }
  #hi-resume-pop .hi-title-box .hi-close {
    width: 1.05rem;
    height: 1rem;
  }
  #hi-resume-pop .hi-title-box .hi-close::before,
  #hi-resume-pop .hi-title-box .hi-close::after {
    margin: -1px 0 0 -0.2rem;
    width: .4rem;
  }
  #hi-resume-pop input {
    height: .8rem;
  }
  #hi-resume-pop .hi-file-box .hi-input-box {
    padding: .1rem .15rem;
    line-height: .4rem;
  }
  #hi-resume-pop .hi-file-box .hi-text2 {
    padding: .1rem 0;
  }
  #hi-resume-pop .hi-code-box input {
    width: calc(97.8%) !important;
  }
  #hi-resume-pop .hi-code-box img {
    max-width: 2rem;
    max-height: .8rem;
  }
  #hi-resume-pop button {
    height: .8rem;
  }
}
.ones-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.twos-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.picture {
  /*position: relative;*/
  overflow: hidden;
  /*z-index: 10;*/
}
.picture img {
  transition: all 1.8s ease-in-out;
}
.each-item:hover .picture img {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  zoom: 1.1 \9;
}
/*flex 布局*/
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inline-flex {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.flex-hc {
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-zBetween {
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-zEnd {
  -webkit-box-pack: end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.flex-zStart {
  -webkit-box-pack: start;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.flex-ac {
  -webkit-box-align: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  align-items: center;
}
.flex-cStart {
  -webkit-box-align: start;
  -moz-align-items: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.flex-cEnd {
  -webkit-box-align: end;
  -moz-align-items: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.flex-cBaseline {
  -webkit-box-align: baseline;
  -moz-align-items: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}
.flex-cStretch {
  -webkit-box-align: stretch;
  -moz-align-items: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.flex-zTopBottom {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.flex-zBottomTop {
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.flex-zLeftRight {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.flex-zRightLeft {
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flex-shrink {
  -webkit-box-flex: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.flex-center {
  -webkit-align-content: center;
  align-content: center;
}
.flex-start {
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
.flex-end {
  -webkit-align-content: flex-end;
  align-content: flex-end;
}
.flex-between {
  -webkit-align-content: space-between;
  align-content: space-between;
}
.flex-container {
  -webkit-align-content: space-around;
  align-content: space-around;
}
.flex-wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.flex_bd {
  -prefix-box-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
* {
  padding: 0;
  margin: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: calc(100vw / 19.2);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "HarmonyOS_Sans_SC_Light", "Microsoft YaHei", "PingFang SC";
}
@media screen and (min-width: 1901px) {
  html {
    font-size: 100px;
  }
}
@media screen and (max-width: 1580px) {
  html {
    font-size: 66px;
  }
}
@media screen and (max-width: 480px) {
  html {
    font-size: calc(100vw / 7.5);
  }
}
body {
  min-height: 100%;
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  background: #fff;
  font-family: "HarmonyOS_Sans_SC_Light", "Microsoft YaHei", "PingFang SC";
}
@media screen and (max-width: 1580px) {
  body {
    font-size: 14px;
  }
}
@media screen and (max-width: 1580px) and screen and (max-width: 1580px) {
  body {
    font-size: 12px;
  }
}
@media screen and (max-width: 1580px) and screen and (max-width: 991px) {
  body {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: .28rem;
  }
}
img {
  max-width: 100%;
  border: 0;
  vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
input,
button {
  -webkit-appearance: none;
  border-radius: 0;
}
button {
  cursor: pointer;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
textarea {
  overflow: auto;
}
input,
button,
textarea,
select {
  border: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
  background: transparent;
}
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
table {
  border-collapse: collapse;
}
.overflow {
  overflow: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  zoom: 1;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
.contain {
  max-width: 1440px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1900px) {
  .contain {
    max-width: 75%;
    width: 75%;
  }
}
@media screen and (max-width: 1260px) {
  .contain {
    max-width: 85%;
    width: 85%;
  }
}
.bg-color {
  background-color: #fff;
}
.pt80 {
  padding-top: 0.8rem;
}
@media screen and (max-width: 1900px) {
  .pt80 {
    padding-top: 4.1667vw;
  }
}
@media screen and (max-width: 991px) {
  .pt80 {
    padding-top: 1rem;
  }
}
.pb80 {
  padding-bottom: 0.8rem;
}
@media screen and (max-width: 1900px) {
  .pb80 {
    padding-bottom: 4.1667vw;
  }
}
@media screen and (max-width: 991px) {
  .pb80 {
    padding-bottom: 1rem;
  }
}
.pt90 {
  padding-top: 0.9rem;
}
@media screen and (max-width: 1900px) {
  .pt90 {
    padding-top: 4.6875vw;
  }
}
@media screen and (max-width: 991px) {
  .pt90 {
    padding-top: 1rem;
  }
}
.pb90 {
  padding-bottom: 0.9rem;
}
@media screen and (max-width: 1900px) {
  .pb90 {
    padding-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 991px) {
  .pb90 {
    padding-bottom: 1rem;
  }
}
.pt100 {
  padding-top: 1rem;
}
@media screen and (max-width: 1900px) {
  .pt100 {
    padding-top: 5.208333333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .pt100 {
    padding-top: 1rem;
  }
}
.pb100 {
  padding-bottom: 1rem;
}
@media screen and (max-width: 1900px) {
  .pb100 {
    padding-bottom: 5.208333333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .pb100 {
    padding-bottom: 1rem;
  }
}
.pt110 {
  padding-top: 1rem;
}
@media screen and (max-width: 1900px) {
  .pt110 {
    padding-top: 5.729166666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .pt110 {
    padding-top: 1.1rem;
  }
}
.pb110 {
  padding-bottom: 1.1rem;
}
@media screen and (max-width: 1900px) {
  .pb110 {
    padding-bottom: 5.729166666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .pb110 {
    padding-bottom: 1.1rem;
  }
}
.pt120 {
  padding-top: 1.2rem;
}
@media screen and (max-width: 1900px) {
  .pt120 {
    padding-top: 6.25vw;
  }
}
@media screen and (max-width: 991px) {
  .pt120 {
    padding-top: 1rem;
  }
}
.pb120 {
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 1900px) {
  .pb120 {
    padding-bottom: 6.25vw;
  }
}
@media screen and (max-width: 991px) {
  .pb120 {
    padding-bottom: 1rem;
  }
}
.pt150 {
  padding-top: 1.5rem;
}
@media screen and (max-width: 1900px) {
  .pt150 {
    padding-top: 7.8125vw;
  }
}
@media screen and (max-width: 991px) {
  .pt150 {
    padding-top: 1rem;
  }
}
.pb150 {
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 1900px) {
  .pb150 {
    padding-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 991px) {
  .pb150 {
    padding-bottom: 1rem;
  }
}
.pt170 {
  padding-top: 1.7rem;
}
@media screen and (max-width: 1900px) {
  .pt170 {
    padding-top: 8.854166666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .pt170 {
    padding-top: 1.2rem;
  }
}
.pb170 {
  padding-bottom: 1.7rem;
}
@media screen and (max-width: 1900px) {
  .pb170 {
    padding-bottom: 8.854166666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .pb170 {
    padding-bottom: 1.2rem;
  }
}
.font12 {
  font-size: 12px;
}
.font14 {
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .font14 {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .font14 {
    font-size: 13px;
  }
}
.hfont16 {
  font-size: 16px;
}
@media screen and (max-width: 1580px) {
  .hfont16 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .hfont16 {
    font-size: 14px;
  }
}
.font16 {
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .font16 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .font16 {
    font-size: 14px;
  }
}
.font18 {
  font-size: 16px;
}
@media screen and (max-width: 1580px) {
  .font18 {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .font18 {
    font-size: 15px;
  }
}
.font20 {
  font-size: 18px;
}
@media screen and (max-width: 1580px) {
  .font20 {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .font20 {
    font-size: 16px;
  }
}
.font24 {
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .font24 {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .font24 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .font24 {
    font-size: 18px;
  }
}
.font26 {
  font-size: 24px;
}
@media screen and (max-width: 1580px) {
  .font26 {
    font-size: .26rem;
  }
}
@media screen and (max-width: 991px) {
  .font26 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .font26 {
    font-size: 20px;
  }
}
.font32 {
  font-size: 30px;
}
@media screen and (max-width: 1580px) {
  .font32 {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .font32 {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .font32 {
    font-size: 20px;
  }
}
.font48 {
  font-size: 44px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .font48 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 991px) {
  .font48 {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .font48 {
    font-size: 25px;
  }
}
@media screen and (max-width: 480px) {
  .font48 {
    font-size: 22px;
  }
}
.font52 {
  font-size: 48px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .font52 {
    font-size: 2.708333333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .font52 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .font52 {
    font-size: 26px;
  }
}
@media screen and (max-width: 480px) {
  .font52 {
    font-size: 24px;
  }
}
.font56 {
  font-size: 54px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .font56 {
    font-size: 2.916666666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .font56 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .font56 {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  .font56 {
    font-size: 24px;
  }
}
.font62 {
  font-size: 60px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .font62 {
    font-size: 3.229166666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .font62 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .font62 {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  .font62 {
    font-size: 24px;
  }
}
.font68 {
  font-size: 64px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .font68 {
    font-size: 3.541666666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .font68 {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .font68 {
    font-size: 30px;
  }
}
@media screen and (max-width: 480px) {
  .font68 {
    font-size: 26px;
  }
}
.font106 {
  font-size: 100px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .font106 {
    font-size: 5.520833333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .font106 {
    font-size: 56px;
  }
}
@media screen and (max-width: 480px) {
  .font106 {
    font-size: 40px;
  }
}
#interval {
  height: 0;
}
.public-btn span,
.public-btn a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 1.2rem;
  height: 0.44rem;
  color: #FFFFFF;
  font-size: 14px;
  transition: all 0.4s ease-in-out;
  background: #006CFF;
  padding: 0 0.2rem;
  border-radius: 0.22rem;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 1580px) {
  .public-btn span,
  .public-btn a {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .public-btn span,
  .public-btn a {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .public-btn span,
  .public-btn a {
    padding: 0 0.25rem;
    height: 0.6rem;
    border-radius: 0.3rem;
  }
}
@media screen and (max-width: 480px) {
  .public-btn span,
  .public-btn a {
    padding: 0 0.3rem;
    height: 0.7rem;
    border-radius: 0.35rem;
  }
}
.public-btn span img,
.public-btn a img {
  display: inline-block;
  margin-left: 0.15rem;
  width: 0.14rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 991px) {
  .public-btn span img,
  .public-btn a img {
    width: 12px;
  }
}
.public-btn span:before,
.public-btn a:before {
  content: '';
  position: absolute;
  top: 50%;
  min-width: calc(480px);
  min-height: calc(480px);
  background-color: transparent;
  animation-name: wave-animation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all 1s linear;
  opacity: .3;
  left: -35px;
  border-radius: 35%;
  animation-duration: 10s;
}
.public-btn span:after,
.public-btn a:after {
  content: '';
  position: absolute;
  top: 50%;
  min-width: calc(480px);
  min-height: calc(480px);
  background-color: transparent;
  animation-name: wave-animation;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all 1s linear;
  left: -10px;
  opacity: .5;
  border-radius: 37%;
  animation-duration: 10s;
}
.public-btn span:after:after,
.public-btn a:after:after {
  background: #FFFFFF;
  left: 128%;
}
.public-btn span:hover,
.public-btn a:hover {
  color: #ffffff;
  background: #006CFF;
}
.public-btn span:hover:before,
.public-btn a:hover:before {
  background: #FFFFFF;
  left: 125%;
  opacity: 1;
}
.public-btn span:hover:after,
.public-btn a:hover:after {
  background: #FFFFFF;
  left: 128%;
  opacity: 1;
}
.public-btn span:hover img,
.public-btn a:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.public-btn.white span,
.public-btn.white a {
  color: #FFFFFF;
  background: none;
  border: #ffffff solid 1px;
}
.public-btn.whitebg span,
.public-btn.whitebg a {
  color: #006CFF;
  background: #FFFFFF;
  border: #FFFFFF solid 1px;
}
.public-btn.whitebg span:hover,
.public-btn.whitebg a:hover {
  color: #ffffff;
  background: #006CFF;
  border-color: #006CFF;
}
.public-btn.black span,
.public-btn.black a {
  color: #FFFFFF;
  background: #050505;
  border: #050505 solid 1px;
}
@keyframes wave-animation {
  0% {
    transform: translate(0, -50%) rotateZ(0deg);
  }
  50% {
    transform: translate(-2%, -50%) rotateZ(180deg);
  }
  100% {
    transform: translate(0, -50%) rotateZ(360deg);
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
}
.header.displace {
  top: -100%;
}
@media screen and (max-width: 1260px) {
  .header .box {
    height: 60px;
  }
}
.header .box .logo a {
  position: relative;
}
.header .box .logo a img {
  width: 1.52rem;
}
@media screen and (max-width: 1580px) {
  .header .box .logo a img {
    width: 1.8rem;
  }
}
@media screen and (max-width: 1260px) {
  .header .box .logo a img {
    width: 2rem;
  }
}
@media screen and (max-width: 480px) {
  .header .box .logo a img {
    width: 2.2rem;
  }
}
.header .box .logo a img.ic2 {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1260px) {
  .header .box .headright .nav {
    display: none;
  }
}
.header .box .headright .nav ul {
  padding: 0;
}
.header .box .headright .nav ul li {
  position: relative;
  padding: 0 0.22rem;
  list-style: none;
}
@media screen and (max-width: 1900px) and (min-width: 1261px) {
  .header .box .headright .nav ul li {
    padding: 0 1.458333333333333vw;
  }
}
.header .box .headright .nav ul li.productcolumn {
  position: static;
}
.header .box .headright .nav ul li > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.9rem;
  color: #FFFFFF;
  font-size: 16px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .header .box .headright .nav ul li > a {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .header .box .headright .nav ul li > a {
    font-size: 14px;
  }
}
.header .box .headright .nav ul li > a::before {
  content: '';
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 2px;
  background: #ffffff;
  transition: all 0.5s ease;
}
.header .box .headright .nav ul li:hover > a {
  color: #ffffff;
  font-weight: bold;
}
.header .box .headright .nav ul li:hover > a::before {
  width: 100%;
}
.header .box .headright .nav ul li.on > a {
  color: #ffffff;
  font-weight: bold;
}
.header .box .headright .nav ul li.on > a::before {
  width: 100%;
}
.header .box .headright .nav ul li .navcell {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 12;
  min-width: 1.2rem;
}
.header .box .headright .nav ul li .navcell::before {
  content: '';
  display: block;
  width: 100%;
  height: 10px;
}
.header .box .headright .nav ul li .navcell .cell {
  padding: 0.12rem 0;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
.header .box .headright .nav ul li .navcell .cell a {
  display: block;
  color: #333333;
  font-size: 14px;
  line-height: 1.7;
  white-space: nowrap;
  padding: 0.05rem 0.25rem;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .header .box .headright .nav ul li .navcell .cell a {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .header .box .headright .nav ul li .navcell .cell a {
    font-size: 13px;
  }
}
@media screen and (max-width: 1900px) and (min-width: 1261px) {
  .header .box .headright .nav ul li .navcell .cell a {
    padding: 0.260416vw 1.3020833vw;
  }
}
.header .box .headright .nav ul li .navcell .cell a:hover {
  color: #006CFF;
}
.header .box .headright .head_search {
  margin-right: 0.1rem;
}
@media screen and (max-width: 1260px) {
  .header .box .headright .head_search {
    margin-right: 10px;
  }
}
.header .box .headright .head_search .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .header .box .headright .head_search .icon {
    width: 36px;
    height: 36px;
  }
}
.header .box .headright .head_search .icon img {
  width: 33.33333333333333%;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1260px) {
  .header .box .headright .head_search .icon img {
    width: 43.75%;
  }
}
.header .box .headright .head-nation {
  position: relative;
}
.header .box .headright .head-nation .title {
  display: flex;
  align-items: center;
  height: 0.5rem;
  padding-right: 15px;
  background: url(../images/arrow1.png) center right no-repeat;
  background-size: 8px auto;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .header .box .headright .head-nation .title {
    height: 36px;
  }
}
.header .box .headright .head-nation .title img {
  display: inline-block;
  margin-right: 6px;
  width: 0.16rem;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1260px) {
  .header .box .headright .head-nation .title img {
    width: 16px;
    margin-right: 6px;
  }
}
.header .box .headright .head-nation .title span {
  color: #FFFFFF;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .header .box .headright .head-nation .title span {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .header .box .headright .head-nation .title span {
    font-size: 13px;
  }
}
.header .box .headright .head-nation .dropdown {
  position: absolute;
  left: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0.1rem);
  transform: translate(-50%, 0.1rem);
  top: 100%;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .header .box .headright .head-nation .dropdown {
    top: 100%;
    min-width: 90px;
  }
}
.header .box .headright .head-nation .dropdown ul {
  margin-top: 0.2rem;
  background: #FFFFFF;
  padding: 0.1rem 0px;
  text-align: left;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .header .box .headright .head-nation .dropdown ul {
    margin-top: 1.04167vw;
    padding: 0.52083vw 0;
  }
}
.header .box .headright .head-nation .dropdown ul li {
  list-style: none;
}
.header .box .headright .head-nation .dropdown ul li a {
  display: block;
  font-size: 14px;
  color: #333333;
  line-height: 2.2;
  min-width: 0.9rem;
  text-align: center;
  padding: 0 0.2rem;
  white-space: nowrap;
  box-sizing: border-box;
  list-style: none;
}
@media screen and (max-width: 1580px) {
  .header .box .headright .head-nation .dropdown ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .header .box .headright .head-nation .dropdown ul li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .header .box .headright .head-nation .dropdown ul li a {
    min-width: 4.6875vw;
    padding: 0 1.04167vw;
  }
}
.header .box .headright .head-nation .dropdown ul li a:hover {
  color: #174696;
}
.header .box .headright .head-nation:hover .dropdown {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.header .search-form {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #f8f8f8;
  text-align: center;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 10px 10px -13px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .header .search-form {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
  }
}
.header .search-form.active {
  opacity: 1;
  visibility: visible;
}
.header .search-form .form-body {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 90%;
  border: 1px solid #eee;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  border-radius: 0.6rem;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .header .search-form .form-body {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .header .search-form .form-body {
    width: 90%;
  }
}
.header .search-form .form-body input {
  width: 6rem;
  height: 0.54rem;
  font-size: 14px;
  color: #000000;
  text-align: left;
}
@media screen and (max-width: 1580px) {
  .header .search-form .form-body input {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .header .search-form .form-body input {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .header .search-form .form-body input {
    height: 0.64rem;
  }
}
@media screen and (max-width: 767px) {
  .header .search-form .form-body input {
    width: auto;
    flex: 1;
  }
}
@media screen and (max-width: 480px) {
  .header .search-form .form-body input {
    height: 0.7rem;
  }
}
.header .search-form .form-body .icon {
  line-height: 1;
  margin-right: 0.2rem;
  flex-shrink: 0;
  width: 0.2rem;
}
@media screen and (max-width: 991px) {
  .header .search-form .form-body .icon {
    width: 0.24rem;
  }
}
@media screen and (max-width: 480px) {
  .header .search-form .form-body .icon {
    width: 0.28rem;
  }
}
.header .search-form .form-body .icon img {
  max-width: 100%;
}
.header .search-form .form-body .close {
  width: 0.2rem;
  cursor: pointer;
  margin-left: 0.2rem;
  flex-shrink: 0;
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .header .search-form .form-body .close {
    width: 0.24rem;
  }
}
@media screen and (max-width: 480px) {
  .header .search-form .form-body .close {
    width: 0.28rem;
  }
}
.header .search-form .form-body .close img {
  max-width: 100%;
}
.header .phone-toggle {
  margin-left: 20px;
  user-select: none;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 1260px) {
  .header .phone-toggle {
    display: block;
  }
}
.header .phone-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #ffffff;
  margin-bottom: 5px;
  transition: all 0.45s ease;
}
.header .phone-toggle span:last-of-type {
  margin-bottom: 0;
}
.header.white {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}
.header.white .box .logo a img.ic1 {
  opacity: 0;
}
.header.white .box .logo a img.ic2 {
  opacity: 1;
}
.header.white .box .headright .nav ul li a {
  color: #050505;
}
.header.white .box .headright .nav ul li:hover > a {
  color: #006CFF;
}
.header.white .box .headright .nav ul li:hover > a::before {
  background: #006CFF;
}
.header.white .box .headright .nav ul li.on > a {
  color: #006CFF;
}
.header.white .box .headright .nav ul li.on > a::before {
  background: #006CFF;
}
.header.white .box .headright .head_search .icon img {
  -webkit-filter: none;
  filter: none;
}
.header.white .box .headright .head-nation::before {
  background: #333333;
}
.header.white .box .headright .head-nation .title {
  background: url(../images/arrow.png) center right no-repeat;
  background-size: 8px auto;
}
.header.white .box .headright .head-nation .title img {
  -webkit-filter: none;
  filter: none;
}
.header.white .box .headright .head-nation .title span {
  color: #666666;
}
.header.white .phone-toggle span {
  background-color: #333333;
}
.header.whitebg {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}
.header.whitebg .box .logo a img.ic1 {
  opacity: 0;
}
.header.whitebg .box .logo a img.ic2 {
  opacity: 1;
}
.header.whitebg .box .headright .nav ul li a {
  color: #050505;
}
.header.whitebg .box .headright .nav ul li:hover > a {
  color: #006CFF;
}
.header.whitebg .box .headright .nav ul li:hover > a::before {
  background: #006CFF;
}
.header.whitebg .box .headright .nav ul li.on > a {
  color: #006CFF;
}
.header.whitebg .box .headright .nav ul li.on > a::before {
  background: #006CFF;
}
.header.whitebg .box .headright .head_search .icon img {
  -webkit-filter: none;
  filter: none;
}
.header.whitebg .box .headright .head-nation::before {
  background: #333333;
}
.header.whitebg .box .headright .head-nation .title {
  background: url(../images/arrow.png) center right no-repeat;
  background-size: 8px auto;
}
.header.whitebg .box .headright .head-nation .title img {
  -webkit-filter: none;
  filter: none;
}
.header.whitebg .box .headright .head-nation .title span {
  color: #666666;
}
.header.whitebg .phone-toggle span {
  background-color: #333333;
}
.header.blacktext {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12);
}
.header.blacktext .box .logo a img.ic1 {
  opacity: 0;
}
.header.blacktext .box .logo a img.ic2 {
  opacity: 1;
}
.header.blacktext .box .headright .nav ul li a {
  color: #050505;
}
.header.blacktext .box .headright .head_search .icon img {
  -webkit-filter: none;
  filter: none;
}
.header.blacktext .box .headright .head-nation::before {
  background: #333333;
}
.header.blacktext .box .headright .head-nation .title {
  background: url(../images/arrow.png) center right no-repeat;
  background-size: 8px auto;
}
.header.blacktext .box .headright .head-nation .title img {
  -webkit-filter: none;
  filter: none;
}
.header.blacktext .box .headright .head-nation .title span {
  color: #666666;
}
.header.blacktext .phone-toggle span {
  background-color: #000000;
}
.m-nav {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: 0px;
  z-index: 99;
  background-color: #FFFFFF;
  overflow-y: scroll;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.m-nav > ul {
  padding-top: 10px;
  padding-left: 5%;
  padding-right: 5%;
}
.m-nav > ul > li {
  position: relative;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  list-style: none;
  border-bottom: #e5e5e5 solid 1px;
}
.m-nav > ul > li a {
  display: block;
  line-height: 1.7;
  color: #000000;
  font-size: 17px;
  padding: 14px 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.m-nav > ul > li .headtitle {
  position: relative;
  display: block;
  line-height: 1.7;
  color: #000000;
  font-size: 17px;
  padding: 14px 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.m-nav > ul > li .headtitle a {
  display: inline-block;
  padding: 0;
}
.m-nav > ul > li .headtitle i {
  position: absolute;
  right: 0;
  top: 0;
  width: 28px;
  height: 100%;
  background: url(../images/icon11.png) center no-repeat;
  background-size: 8px auto;
  transition: all 0.4s ease;
}
.m-nav > ul > li .headtitle.on {
  color: #174696;
}
.m-nav > ul > li .headtitle.on i {
  background: url(../images/icon11.png) center no-repeat;
  background-size: 8px auto;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.m-nav > ul > li ul {
  display: none;
  padding-left: 20px;
  border-top: #e5e5e5 solid 1px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.m-nav > ul > li ul li {
  list-style: none;
}
.m-nav > ul > li ul li a {
  display: block;
  font-size: 16px;
  padding: 7px 0px;
}
.m-nav > ul > li ul li:hover > a {
  color: #174696;
}
.m-nav > ul > li ul li ul li ul li a {
  font-size: 14px;
}
.m-nav > ul > li:hover > a {
  color: #174696;
}
.mbox .header {
  background: #FFFFFF;
}
.mbox .header .box .logo a img.ic1 {
  opacity: 0;
}
.mbox .header .box .logo a img.ic2 {
  opacity: 1;
}
.mbox .header .box .headright .nav ul li a {
  color: #050505;
}
.mbox .header .box .headright .head_search .icon img {
  -webkit-filter: none;
  filter: none;
}
.mbox .header .box .headright .head-nation::before {
  background: #333333;
}
.mbox .header .box .headright .head-nation .title {
  background: url(../images/arrow.png) center right no-repeat;
  background-size: 8px auto;
}
.mbox .header .box .headright .head-nation .title img {
  -webkit-filter: none;
  filter: none;
}
.mbox .header .box .headright .head-nation .title span {
  color: #666666;
}
.mbox .m-nav {
  height: calc(100vh - 60px);
}
.mbox .phone-toggle span {
  background-color: #333333;
}
.mbox .phone-toggle span:nth-child(1) {
  transform: rotate(-45deg) translate(-5px, 5px);
}
.mbox .phone-toggle span:nth-child(2) {
  display: none;
}
.mbox .phone-toggle span:nth-child(3) {
  transform: rotate(45deg);
}
@media screen and (min-width: 1261px) {
  .phone-toggle {
    display: none !important;
  }
}
.sidebar {
  position: fixed;
  bottom: 3vw;
  right: 3.5%;
  z-index: 12;
}
@media screen and (min-width: 992px) {
  .sidebar {
    right: 3.125vw;
  }
}
@media screen and (max-width: 991px) {
  .sidebar {
    right: 0.2rem;
    bottom: 5vw;
  }
}
.sidebar ul {
  padding-left: 0;
}
.sidebar ul li {
  position: relative;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0.1rem;
  list-style: none;
}
@media screen and (min-width: 992px) {
  .sidebar ul li {
    margin-bottom: 0.5208333vw;
  }
}
@media screen and (max-width: 991px) {
  .sidebar ul li {
    margin-bottom: 6px;
  }
}
.sidebar ul li.istop {
  transform: translateX(100%);
  transition: all 0.4s ease;
  opacity: 0;
}
.sidebar ul li.istop.on {
  opacity: 1;
  transform: translateX(0);
}
.sidebar ul li span,
.sidebar ul li a {
  display: block;
}
.sidebar ul li span .img,
.sidebar ul li a .img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1260px) {
  .sidebar ul li span .img,
  .sidebar ul li a .img {
    width: 0.7rem;
    height: 0.7rem;
  }
}
@media screen and (max-width: 480px) {
  .sidebar ul li span .img,
  .sidebar ul li a .img {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.sidebar ul li span .img img,
.sidebar ul li a .img img {
  display: block;
  margin: auto;
  width: 36%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1260px) {
  .sidebar ul li span .img img,
  .sidebar ul li a .img img {
    width: 40%;
  }
}
.sidebar ul li:hover a .img,
.sidebar ul li:hover span .img {
  background: #006CFF;
  box-shadow: 0 2px 24px rgba(255, 255, 255, 0.25);
}
.sidebar ul li:hover a .img img,
.sidebar ul li:hover span .img img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.footer {
  padding-top: 0.8rem;
  background: #ffffff;
  border-top: #006CFF solid 0.4rem;
}
@media screen and (max-width: 1260px) {
  .footer .box {
    flex-wrap: wrap;
  }
}
.footer .box .footer-nav {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.4rem;
  min-width: 62.5%;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-nav {
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
  }
}
.footer .box .footer-nav .row {
  display: flex;
  flex-direction: column;
  min-width: 25%;
  row-gap: 0.3rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-nav .row {
    gap: 20px;
    width: 100%;
  }
}
.footer .box .footer-nav .item.on .title i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.footer .box .footer-nav .item .title {
  position: relative;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #000000;
  font-size: 22px;
  margin-bottom: 0.1rem;
}
@media screen and (max-width: 1580px) {
  .footer .box .footer-nav .item .title {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .footer .box .footer-nav .item .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .footer .box .footer-nav .item .title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-nav .item .title {
    display: flex;
    align-items: center;
    border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
    padding-bottom: 22px;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 480px) {
  .footer .box .footer-nav .item .title {
    font-size: 16px;
  }
}
.footer .box .footer-nav .item .title i {
  width: 40px;
  height: 40px;
  position: absolute;
  right: -10px;
  top: -8px;
  cursor: pointer;
  transition: all 0.5s;
  display: none;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-nav .item .title i {
    display: block;
  }
}
.footer .box .footer-nav .item .title i::before {
  content: '';
  width: 12px;
  position: absolute;
  height: 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #000000;
}
.footer .box .footer-nav .item .title i::after {
  content: '';
  height: 12px;
  position: absolute;
  width: 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #000000;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-nav .item ul {
    display: none;
    padding-top: 25px;
    margin-top: 0;
    margin-bottom: 12px;
  }
}
.footer .box .footer-nav .item ul li {
  margin-bottom: 0.12rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-nav .item ul li {
    margin-bottom: 12px;
  }
}
.footer .box .footer-nav .item ul li a {
  color: rgba(0, 0, 0, 0.7);
  font-size: 14px;
  line-height: 1.7;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .footer .box .footer-nav .item ul li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .footer .box .footer-nav .item ul li a {
    font-size: 14px;
  }
}
.footer .box .footer-nav .item ul li a:hover {
  color: #006CFF;
}
.footer .box .footer-info {
  flex-shrink: 0;
  margin-left: 5%;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info {
    width: 100%;
    margin-left: 0;
    margin-top: 0.6rem;
  }
}
.footer .box .footer-info .f-share {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share {
    gap: 25px;
    margin-bottom: 30px;
    flex-wrap: wrap;
  }
}
.footer .box .footer-info .f-share .codebox {
  flex-shrink: 0;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .codebox {
    width: 100%;
  }
}
.footer .box .footer-info .f-share .codebox ul {
  display: flex;
  align-items: flex-start;
  gap: 0.2rem;
  padding-left: 0;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .codebox ul {
    gap: 20px;
  }
}
.footer .box .footer-info .f-share .codebox ul li {
  list-style: none;
  text-align: center;
}
.footer .box .footer-info .f-share .codebox ul li .img {
  border-radius: 5px;
  overflow: hidden;
}
.footer .box .footer-info .f-share .codebox ul li .img img {
  width: 0.85rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .codebox ul li .img img {
    width: 85px;
  }
}
.footer .box .footer-info .f-share .codebox ul li .text {
  margin-top: 0.12rem;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .codebox ul li .text {
    margin-top: 12px;
  }
}
.footer .box .footer-info .f-share .follow {
  flex: 1;
  /*overflow: hidden;*/
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .follow {
    margin-bottom: 0px;
    flex: auto;
    width: 100%;
  }
}
.footer .box .footer-info .f-share .follow .title {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #000000;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .footer .box .footer-info .f-share .follow .title {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .footer .box .footer-info .f-share .follow .title {
    font-size: 14px;
  }
}
.footer .box .footer-info .f-share .follow ul {
  display: flex;
  align-items: center;
  column-gap: 0.1rem;
  padding: 0;
  margin-top: 0.12rem;
}
@media screen and (min-width: 1261px) {
  .footer .box .footer-info .f-share .follow ul {
    column-gap: 0.5208333333333333vw;
  }
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .follow ul {
    column-gap: 10px;
    margin-top: 12px;
  }
}
.footer .box .footer-info .f-share .follow ul li {
  position: relative;
  list-style: none;
}
.footer .box .footer-info .f-share .follow ul li a {
  display: inline-block;
  text-align: center;
}
.footer .box .footer-info .f-share .follow ul li a img {
  width: 0.2rem;
  opacity: 0.5;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .follow ul li a img {
    width: 20px;
  }
}
.footer .box .footer-info .f-share .follow ul li .qrcode {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
  width: 1.03rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-share .follow ul li .qrcode {
    width: 96px;
  }
}

.footer .box .footer-info .f-share .follow ul li .qrcode .img {
  overflow: hidden;
  background-color: #FFFFFF;
}
.footer .box .footer-info .f-share .follow ul li .qrcode .img img {
  width: 100%;
}
.footer .box .footer-info .f-share .follow ul li .qrcode .sjx {
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-style: solid;
  border-width: 8px;
  border-color: #FFFFFF transparent transparent transparent;
}
@media screen and (max-width: 991px){
	.footer .box .footer-info .f-share .follow ul li:nth-child(1) .qrcode{
		margin-left: 24px;
	}
	.footer .box .footer-info .f-share .follow ul li:nth-child(1) .qrcode .sjx{
		margin-left: 16px;
	}
}
.footer .box .footer-info .f-share .follow ul li:hover a img {
  opacity: 1;
}
.footer .box .footer-info .f-share .follow ul li:hover .qrcode {
  opacity: 1;
  visibility: visible;
}
.footer .box .footer-info .f-phone {
  padding: 0.18rem 0;
  display: flex;
  align-items: center;
  border-top: rgba(0, 0, 0, 0.1) solid 1px;
  border-bottom: rgba(0, 0, 0, 0.1) solid 1px;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-phone {
    padding: 18px 0;
  }
}
.footer .box .footer-info .f-phone .icon {
  display: inline-flex;
  align-items: center;
  margin-right: 0.1rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-phone .icon {
    margin-right: 10px;
  }
}
.footer .box .footer-info .f-phone .icon img {
  width: 0.37rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-phone .icon img {
    width: 32px;
  }
}
.footer .box .footer-info .f-phone .text {
  flex: 1;
  overflow: hidden;
}
.footer .box .footer-info .f-phone .text .sp1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #000000;
  font-size: 22px;
  line-height: 1.2;
}
@media screen and (max-width: 1580px) {
  .footer .box .footer-info .f-phone .text .sp1 {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .footer .box .footer-info .f-phone .text .sp1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .footer .box .footer-info .f-phone .text .sp1 {
    font-size: 18px;
  }
}
.footer .box .footer-info .f-phone .text .sp2 {
  color: #000000;
  font-size: 16px;
}
@media screen and (max-width: 1580px) {
  .footer .box .footer-info .f-phone .text .sp2 {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .footer .box .footer-info .f-phone .text .sp2 {
    font-size: 15px;
  }
}
.footer .box .footer-info .f-contact {
  margin-top: 0.12rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-contact {
    margin-top: 18px;
  }
}
.footer .box .footer-info .f-contact ul {
  padding-left: 0;
}
.footer .box .footer-info .f-contact ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.08rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-contact ul li {
    margin-bottom: 8px;
  }
}
.footer .box .footer-info .f-contact ul li .icon {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 0.08rem;
  min-height: 18px;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-contact ul li .icon {
    margin-right: 10px;
  }
}
.footer .box .footer-info .f-contact ul li .icon img {
  width: 0.12rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-contact ul li .icon img {
    width: 12px;
  }
}
.footer .box .footer-info .f-contact ul li .txt {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  font-size: 12px;
  color: #000000;
}
.footer .box .footer-info .f-contact ul li .txt .t1 {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 0.08rem;
}
@media screen and (max-width: 1260px) {
  .footer .box .footer-info .f-contact ul li .txt .t1 {
    margin-right: 5px;
  }
}
.footer .footerbottom {
  margin-top: 0.5rem;
  padding: 0.6rem 0;
  border-top: rgba(0, 0, 0, 0.1) solid 1px;
}
@media screen and (max-width: 1260px) {
  .footer .footerbottom {
    flex-wrap: wrap;
  }
}
.footer .footerbottom .footer-logo a img {
  width: 2.35rem;
}
@media screen and (max-width: 1260px) {
  .footer .footerbottom .footer-logo a img {
    width: 2.7rem;
  }
}
.footer .footerbottom .copylink {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.7;
  column-gap: 0.4rem;
  text-align: right;
}
@media screen and (max-width: 1580px) {
  .footer .footerbottom .copylink {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .footer .footerbottom .copylink {
    font-size: 13px;
  }
}
@media screen and (max-width: 1260px) {
  .footer .footerbottom .copylink {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 100%;
    margin-top: 40px;
  }
}
.footer .footerbottom .copylink a {
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer .footerbottom .copylink a:hover {
  color: #006CFF;
}
.footer .footerbottom .copylink .copyright .txt {
  display: inline-block;
}
.footer .footerbottom .copylink .poweredBy {
  margin-top: 0.08rem;
  color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1260px) {
  .footer .footerbottom .copylink .poweredBy {
    display: block;
    width: 100%;
    margin-top: 5px;
  }
}
.footer .footerbottom .copylink .poweredBy a {
  color: rgba(0, 0, 0, 0.4);
}
.footer .footerbottom .copylink .poweredBy:hover {
  color: #006CFF;
}
.footer .footerbottom .copylink .poweredBy:hover a {
  color: #006CFF;
}
.lunbotu {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: all 0.4s ease;
}
.lunbotu .swiper-wrapper .swiper-slide {
  position: relative;
}
.lunbotu .swiper-wrapper .swiper-slide a {
  position: relative;
  display: block;
  width: 100%;
}
.lunbotu .swiper-wrapper .swiper-slide a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 1rem;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  pointer-events: none;
}
@media screen and (min-width: 1261px){
	.lunbotu .swiper-wrapper .swiper-slide a::before{
		height: 60px;
	}
}
.lunbotu .swiper-wrapper .swiper-slide a > img {
  width: 100%;
}

@media screen and (min-width: 1261px) {
  .lunbotu .swiper-wrapper .swiper-slide a > img {
    height: 100vh;
    object-fit: cover;
  }
}
.lunbotu .swiper-wrapper .swiper-slide > img {
  width: 100%;
}
@media screen and (min-width: 1261px) {
  .lunbotu .swiper-wrapper .swiper-slide > img {
    height: 100vh;
    object-fit: cover;
  }
}
.lunbotu .swiper-wrapper .swiper-slide .video-box {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.lunbotu .swiper-wrapper .swiper-slide .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lunbotu .swiper-wrapper .swiper-slide .i-banner {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 100%;
}
.lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .title {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 44px;
  color: #FFFFFF;
  line-height: 1.2;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .title {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 991px) {
  .lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 480px) {
  .lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .title {
    font-size: 22px;
  }
}
.lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .text {
  margin-top: 0.3rem;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 1580px) {
  .lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .text {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .lunbotu .swiper-wrapper .swiper-slide .i-banner .textbox .text {
    margin-top: 1.5625vw;
  }
}
.lunbotu .swiper-button-prev,
.lunbotu .swiper-button-next {
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.25rem;
  border-radius: 50%;
  margin-top: 0;
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .lunbotu .swiper-button-prev,
  .lunbotu .swiper-button-next {
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    display: none;
  }
}
.lunbotu .swiper-button-prev:after,
.lunbotu .swiper-button-next:after {
  display: none;
}
.lunbotu .swiper-button-prev {
  left: 0.6rem;
  background: rgba(255, 255, 255, 0.5) url(../images/icon37.png) center no-repeat;
  background-size: 24% auto;
}
@media screen and (max-width: 991px) {
  .lunbotu .swiper-button-prev {
    left: 0.4rem;
  }
}
.lunbotu .swiper-button-prev:hover {
  background: #006CFF url(../images/icon37a.png) center no-repeat;
  background-size: 24% auto;
}
.lunbotu .swiper-button-next {
  right: 0.6rem;
  background: rgba(255, 255, 255, 0.5) url(../images/icon38.png) center no-repeat;
  background-size: 24% auto;
}
@media screen and (max-width: 991px) {
  .lunbotu .swiper-button-next {
    right: 0.4rem;
  }
}
.lunbotu .swiper-button-next:hover {
  background: #006CFF url(../images/icon38a.png) center no-repeat;
  background-size: 24% auto;
}
.progress-pagination.swiper-pagination {
  bottom: 1.5625vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .progress-pagination.swiper-pagination {
    bottom: 0.4rem;
  }
}
.progress-pagination.swiper-pagination .swiper-pagination-bullet {
  position: relative;
  width: 0.68rem;
  height: 10px;
  margin: 0 5px;
  opacity: 1;
  background: none;
  border-radius: 50%;
}
@media screen and (max-width: 1580px) screen and (min-width: 992px) {
  .progress-pagination.swiper-pagination .swiper-pagination-bullet {
    width: 3.541666666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .progress-pagination.swiper-pagination .swiper-pagination-bullet {
    width: 30px;
  }
}
@media screen and (max-width: 767px) {
  .progress-pagination.swiper-pagination .swiper-pagination-bullet {
    width: 24px;
  }
}
.progress-pagination.swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: 0.02rem;
  background: #FFFFFF;
}
@media screen and (max-width: 991px) {
  .progress-pagination.swiper-pagination .swiper-pagination-bullet::before {
    height: 2px;
  }
}
.progress-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.progress-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active span {
  background: #006CFF;
  animation: animate 4s linear forwards;
}
.progress-pagination.swiper-pagination .swiper-pagination-bullet span {
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0.02rem;
  border-radius: 5px;
}
@media screen and (max-width: 991px) {
  .progress-pagination.swiper-pagination .swiper-pagination-bullet span {
    height: 2px;
  }
}
@keyframes animate {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.mImg {
  display: none;
}
@media screen and (max-width: 991px) {
  .mImg {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  .pImg {
    display: none;
  }
}
.obanner {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 5;
}
.obanner > img {
  width: 100%;
}
@media screen and (min-width: 1261px) {
  .obanner > img {
    height: 100vh;
    object-fit: cover;
  }
}
.obanner .bannerImg {
  display: none;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.obanner .bannerTitle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100%;
}
@media screen and (max-width: 991px){
	.obanner .bannerTitle{
		top: auto;
		bottom: 1rem;
		-webkit-transform: translate(-50%, 0%);
  	transform: translate(-50%, 0%);
	}
}
@media screen and (max-width: 767px){
	.obanner .bannerTitle{
		bottom: 0.6rem;
	}
}
.obanner .bannerTitle .box .headline {
  line-height: 1.2;
  font-family: "HarmonyOS_Sans_SC_Medium";
  font-size: 60px;
  color: #ffffff;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .obanner .bannerTitle .box .headline {
    font-size: 3.229166666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .obanner .bannerTitle .box .headline {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .obanner .bannerTitle .box .headline {
    font-size: 28px;
  }
}
@media screen and (max-width: 480px) {
  .obanner .bannerTitle .box .headline {
    font-size: 24px;
  }
}
.obanner .bannerTitle .box .text {
  margin-top: 0.15rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #ffffff;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .obanner .bannerTitle .box .text {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .obanner .bannerTitle .box .text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .obanner .bannerTitle .box .text {
    font-size: 18px;
  }
}
.obanner .bannerTitle .box .txt {
  margin-top: 0.15rem;
  font-family: "HarmonyOS_Sans_SC_Medium";
  color: #ffffff;
  font-size: 30px;
}
@media screen and (max-width: 1580px) {
  .obanner .bannerTitle .box .txt {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .obanner .bannerTitle .box .txt {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .obanner .bannerTitle .box .txt {
    font-size: 20px;
  }
}
.i-title.white .headline {
  color: #ffffff;
}
.i-title.white .title {
  color: #ffffff;
}
.i-title.white .text {
  color: #ffffff;
}
.i-title .headline {
  font-family: "HarmonyOS_Sans_SC_Medium";
  color: #050505;
  font-size: 44px;
  line-height: 1.3;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .i-title .headline {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 991px) {
  .i-title .headline {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .i-title .headline {
    font-size: 25px;
  }
}
@media screen and (max-width: 480px) {
  .i-title .headline {
    font-size: 22px;
  }
}
.i-title .title {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 30px;
  color: #050505;
}
@media screen and (max-width: 1580px) {
  .i-title .title {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .i-title .title {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .i-title .title {
    font-size: 20px;
  }
}
.i-title .text {
  margin-top: 0.1rem;
  color: #050505;
  font-size: 16px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .i-title .text {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .i-title .text {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .i-title .text {
    margin-top: 10px;
  }
}
.i-title .txt {
  margin-top: 0.1rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .i-title .txt {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .i-title .txt {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .i-title .txt {
    margin-top: 10px;
  }
}
.i-title .sp {
  margin-top: 0.1rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .i-title .sp {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .i-title .sp {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .i-title .sp {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .i-title .sp {
    margin-top: 10px;
  }
}
@media screen and (max-width: 991px) {
  .index_detection .box {
    flex-wrap: wrap;
  }
}
.index_detection .box .textbox {
  width: 40.625%;
}
@media screen and (max-width: 1260px) {
  .index_detection .box .textbox {
    width: 46%;
  }
}
@media screen and (max-width: 991px) {
  .index_detection .box .textbox {
    width: 100%;
  }
}
.index_detection .box .textbox .title {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #006CFF;
  font-size: 44px;
  margin-bottom: 0.45rem;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .index_detection .box .textbox .title {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 991px) {
  .index_detection .box .textbox .title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .index_detection .box .textbox .title {
    font-size: 25px;
  }
}
@media screen and (max-width: 480px) {
  .index_detection .box .textbox .title {
    font-size: 22px;
  }
}
.index_detection .box .textbox .text {
  color: #050505;
  font-size: 16px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .index_detection .box .textbox .text {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .index_detection .box .textbox .text {
    font-size: 15px;
  }
}
.index_detection .box .textbox .text p {
  margin-bottom: 0.2rem;
}
.index_detection .box .textbox .public-btn {
  margin-top: 0.5rem;
}
.index_detection .box .imgbox {
  width: 48.75%;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .index_detection .box .imgbox {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.index_detection .box .imgbox img {
  display: block;
  width: 100%;
}
.index_product .wrap {
  margin-bottom: 0.6rem;
}
.index_product .box {
  position: relative;
}
@media screen and (max-width: 991px) {
  .index_product .box {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
@media screen and (max-width: 767px) {
  .index_product .box {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.index_product .box .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.index_product .box .swiper .swiper-wrapper {
  align-items: stretch;
}
.index_product .box .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.index_product .box .swiper .swiper-wrapper .swiper-slide .item {
	display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
}
.index_product .box .swiper .swiper-wrapper .swiper-slide .item:hover .imgbox img {
  transform: translate(-50%, -50%) scale(1.1);
}
.index_product .box .swiper .swiper-wrapper .swiper-slide .item:hover .textbox .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #006CFF;
}
.index_product .box .swiper .swiper-wrapper .swiper-slide .item .imgbox {
	position: relative;
  width: 100%;
  padding-bottom: 114.8809523809524%;
  overflow: hidden;
}
.index_product .box .swiper .swiper-wrapper .swiper-slide .item .imgbox img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.5s ease;
}
.index_product .box .swiper .swiper-wrapper .swiper-slide .item .textbox {
  padding: 0.18rem 0.1rem 0.45rem;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .index_product .box .swiper .swiper-wrapper .swiper-slide .item .textbox {
    padding: 0.18rem 0.18rem 0.45rem;
  }
}
.index_product .box .swiper .swiper-wrapper .swiper-slide .item .textbox .subtit {
  color: #050505;
  font-size: 16px;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .index_product .box .swiper .swiper-wrapper .swiper-slide .item .textbox .subtit {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .index_product .box .swiper .swiper-wrapper .swiper-slide .item .textbox .subtit {
    font-size: 15px;
  }
}
.index_product .box .swiper-button-next,
.index_product .box .swiper-button-prev {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.3rem;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .index_product .box .swiper-button-next,
  .index_product .box .swiper-button-prev {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.index_product .box .swiper-button-next::after,
.index_product .box .swiper-button-prev::after {
  display: none;
}
.index_product .box .swiper-button-prev {
  background: url(../images/icon8.png) center no-repeat;
  background-size: 20% auto;
  right: auto;
  left: -0.65rem;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .index_product .box .swiper-button-prev {
    left: -0.35rem;
    background: url(../images/icon8.png) center no-repeat;
    background-size: 25% auto;
  }
}
@media screen and (max-width: 767px) {
  .index_product .box .swiper-button-prev {
    left: -0.2rem;
  }
}
.index_product .box .swiper-button-next {
  background: url(../images/icon9.png) center no-repeat;
  background-size: 20% auto;
  right: -0.65rem;
  left: auto;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .index_product .box .swiper-button-next {
    right: -0.35rem;
    background: url(../images/icon9.png) center no-repeat;
    background-size: 25% auto;
  }
}
@media screen and (max-width: 767px) {
  .index_product .box .swiper-button-next {
    right: -0.2rem;
  }
}
.index_solution .wrap {
  margin-bottom: 0.6rem;
}
.solution-swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.solution-swiper .solution-wrapper {
  display: flex;
  align-items: stretch;
}
@media screen and (min-width: 992px) {
  .solution-swiper .solution-wrapper {
    flex-wrap: wrap;
    gap: 0.32rem;
  }
}
.solution-swiper .solution-wrapper .solution-slide {
  height: auto;
}
@media screen and (min-width: 992px) {
  .solution-swiper .solution-wrapper .solution-slide {
    width: 23.33333333333333%;
  }
  .solution-swiper .solution-wrapper .solution-slide.wide {
    width: calc(53.33333333333334% - 0.64rem);
  }
}
@media screen and (max-width: 991px) {
  .solution-swiper .solution-wrapper .solution-slide {
    flex-shrink: 0;
  }
}
.solution-swiper .solution-wrapper .solution-slide .item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.solution-swiper .solution-wrapper .solution-slide .item:hover .imgbox img {
  transform: scale(1.1);
}
.solution-swiper .solution-wrapper .solution-slide .item .imgbox {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 992px){
	.solution-swiper .solution-wrapper .solution-slide .item .imgbox{
		max-height: 3.38rem;
	}
}
@media screen and (max-width: 991px){
	.solution-swiper .solution-wrapper .solution-slide .item .imgbox{
		max-height: 338px;
	}
}
.solution-swiper .solution-wrapper .solution-slide .item .imgbox::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.solution-swiper .solution-wrapper .solution-slide .item .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.solution-swiper .solution-wrapper .solution-slide .item .textbox {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  padding: 0.3rem;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .solution-swiper .solution-wrapper .solution-slide .item .textbox {
    padding: 0.4rem;
  }
}
.solution-swiper .solution-wrapper .solution-slide .item .textbox .subtit {
  color: #ffffff;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .solution-swiper .solution-wrapper .solution-slide .item .textbox .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .solution-swiper .solution-wrapper .solution-slide .item .textbox .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .solution-swiper .solution-wrapper .solution-slide .item .textbox .subtit {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  .solution-swiper .swiper-pagination {
    display: none !important;
  }
}
.partner-section {
  background: #f8f8f8;
}
.partner-section.about_partner .box {
  flex-direction: row-reverse;
}
.partner-section.about_partner .box .left_w {
  width: 35.5%;
}
@media screen and (max-width: 1260px) {
  .partner-section.about_partner .box .left_w {
    width: 42%;
  }
}
@media screen and (max-width: 991px) {
  .partner-section.about_partner .box .left_w {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box {
    flex-wrap: wrap;
  }
}
.partner-section .box .left_w {
  width: 42%;
}
@media screen and (max-width: 1260px) {
  .partner-section .box .left_w {
    width: 45%;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box .left_w {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .partner-section .box .left_w .i-title {
    min-height: 1.8rem;
  }
}
.partner-section .box .left_w .textbox {
  margin-top: 0.4rem;
  margin-bottom: 0.45rem;
}
@media screen and (max-width: 991px) {
  .partner-section .box .left_w .textbox {
    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
  }
}
.partner-section .box .left_w .textbox ul {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  .partner-section .box .left_w .textbox ul {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
  }
}
.partner-section .box .left_w .textbox ul li {
  list-style: none;
  margin-bottom: 0.4rem;
}
.partner-section .box .left_w .textbox ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .partner-section .box .left_w .textbox ul li {
    width: calc((100% - 0.4rem) / 2);
    margin-bottom: 0;
  }
}
.partner-section .box .left_w .textbox ul li .t1 {
  display: flex;
  align-items: flex-start;
  color: #006CFF;
}
.partner-section .box .left_w .textbox ul li .t1 .timer {
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-size: 48px;
  font-weight: bold;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .partner-section .box .left_w .textbox ul li .t1 .timer {
    font-size: 2.708333333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box .left_w .textbox ul li .t1 .timer {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .partner-section .box .left_w .textbox ul li .t1 .timer {
    font-size: 26px;
  }
}
@media screen and (max-width: 480px) {
  .partner-section .box .left_w .textbox ul li .t1 .timer {
    font-size: 24px;
  }
}
.partner-section .box .left_w .textbox ul li .t1 .p-sign {
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-size: 22px;
  font-weight: bold;
}
@media screen and (max-width: 1580px) {
  .partner-section .box .left_w .textbox ul li .t1 .p-sign {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box .left_w .textbox ul li .t1 .p-sign {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .partner-section .box .left_w .textbox ul li .t1 .p-sign {
    font-size: 18px;
  }
}
.partner-section .box .left_w .textbox ul li .t2 {
  color: #050505;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .partner-section .box .left_w .textbox ul li .t2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box .left_w .textbox ul li .t2 {
    font-size: 14px;
  }
}
.partner-section .box .right_w {
  position: relative;
  width: 52.08333333333333%;
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w {
    width: 100%;
  }
}
.partner-section .box .right_w .mySwiper2 {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper {
  align-items: stretch;
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide {
  height: auto;
  background: #006CFF;
  border-radius: 10px;
  overflow: hidden;
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 4.4rem;
  padding: 12% 13%;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item {
    padding: 0.5rem;
  }
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .subtit {
  flex-shrink: 0;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #ffffff;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .subtit {
    font-size: 18px;
  }
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .desc {
  margin-top: 0.2rem;
  color: #FFFFFF;
  font-size: 14px;
  flex: 1;
  overflow: hidden;
}
@media screen and (max-width: 1580px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .desc {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .desc {
    font-size: 14px;
  }
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person {
  flex-shrink: 0;
  margin-top: 0.4rem;
  display: flex;
  align-items: center;
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .icon {
  display: inline-block;
  margin-right: 0.2rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  overflow: hidden;
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt {
  flex: 1;
  overflow: hidden;
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt .post {
  color: #ffffff;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt .post {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt .post {
    font-size: 14px;
  }
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt .ic {
  margin-top: 0.05rem;
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt .ic {
    margin-top: 5px;
  }
}
.partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt .ic img {
  max-height: 0.12rem;
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper2 .swiper-wrapper .swiper-slide .item .person .txt .ic img {
    max-height: 10px;
  }
}
.partner-section .box .right_w .mySwiper2 .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}
.partner-section .box .right_w .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
  width: 0.4rem;
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
  }
}
@media screen and (max-width: 767px) {
  .partner-section .box .right_w .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
    width: 24px;
  }
}
.partner-section .box .right_w .mySwiper2 .swiper-pagination .swiper-pagination-bullet::before {
  background: #d3d3d3;
}
.partner-section .box .right_w .mySwiper1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: auto;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .partner-section .box .right_w .mySwiper1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.partner-section .box .right_w .mySwiper1::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 0.4rem;
  height: 100%;
  background: #f8f8f8;
}
.partner-section .box .right_w .mySwiper1::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  width: 0.4rem;
  height: 100%;
  background: #f8f8f8;
}
.partner-section .box .right_w .mySwiper1 .swiper-wrapper {
  align-items: stretch;
}
.partner-section .box .right_w .mySwiper1 .swiper-wrapper .swiper-slide {
  height: auto;
  padding: 0.45rem 0;
  opacity: 0.5;
  transition: all 0.5s ease;
}
.partner-section .box .right_w .mySwiper1 .swiper-wrapper .swiper-slide:hover,
.partner-section .box .right_w .mySwiper1 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
.partner-section .box .right_w .mySwiper1 .swiper-wrapper .swiper-slide:hover .item,
.partner-section .box .right_w .mySwiper1 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .item {
  transform: translateY(-0.12rem);
  box-shadow: 0px 2px 84px rgba(0, 0, 0, 0.06);
}
.partner-section .box .right_w .mySwiper1 .swiper-wrapper .swiper-slide .item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 10px;
  background: #FFFFFF;
  overflow: hidden;
  transition: all 0.5s ease;
  cursor: pointer;
}
.partner-section .box .right_w .mySwiper1 .swiper-wrapper .swiper-slide .item img {
  max-width: 100%;
}
.partner-section .box .right_w .mySwiper1 .swiper-button-next,
.partner-section .box .right_w .mySwiper1 .swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  width: 10px;
  height: 0.6rem;
  margin-top: 0;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1260px) {
  .partner-section .box .right_w .mySwiper1 .swiper-button-next,
  .partner-section .box .right_w .mySwiper1 .swiper-button-prev {
    height: 100%;
  }
}
.partner-section .box .right_w .mySwiper1 .swiper-button-next::after,
.partner-section .box .right_w .mySwiper1 .swiper-button-prev::after {
  display: none;
}
.partner-section .box .right_w .mySwiper1 .swiper-button-prev {
  background: url(../images/icon10.png) center no-repeat;
  background-size: 100% auto;
  right: auto;
  left: 0;
  transition: opacity 0.5s ease;
}
.partner-section .box .right_w .mySwiper1 .swiper-button-next {
  background: url(../images/icon11.png) center no-repeat;
  background-size: 100% auto;
  right: 0;
  left: auto;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .index_contact .box {
    flex-wrap: wrap;
  }
}
.index_contact .box .left_w {
  width: 40.41666666666667%;
}
@media screen and (max-width: 991px) {
  .index_contact .box .left_w {
    width: 100%;
  }
}
.index_contact .box .left_w .imgbox {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.index_contact .box .left_w .imgbox img {
  display: block;
  width: 100%;
}
.index_contact .box .left_w .enquiry {
  margin-top: 0.3rem;
}
.index_contact .box .left_w .enquiry a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
  padding: 0.7rem 0.3rem;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .index_contact .box .left_w .enquiry a {
    margin-top: 20px;
  }
}
.index_contact .box .left_w .enquiry a .icon {
  display: inline-block;
  margin-right: 0.5rem;
}
@media screen and (max-width: 991px) {
  .index_contact .box .left_w .enquiry a .icon {
    margin-right: 0.3rem;
  }
}
.index_contact .box .left_w .enquiry a .icon img {
  max-width: 0.4rem;
}
@media screen and (max-width: 991px) {
  .index_contact .box .left_w .enquiry a .icon img {
    max-width: 28px;
  }
}
.index_contact .box .left_w .enquiry a .txt .t1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 30px;
  color: #333333;
  line-height: 1.1;
}
@media screen and (max-width: 1580px) {
  .index_contact .box .left_w .enquiry a .txt .t1 {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .index_contact .box .left_w .enquiry a .txt .t1 {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .index_contact .box .left_w .enquiry a .txt .t1 {
    font-size: 20px;
  }
}
.index_contact .box .left_w .enquiry a .txt .t2 {
  color: #333333;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .index_contact .box .left_w .enquiry a .txt .t2 {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .index_contact .box .left_w .enquiry a .txt .t2 {
    font-size: 13px;
  }
}
.index_contact .box .right_w {
  width: 49.3%;
  overflow: hidden;
}
@media screen and (max-width: 1260px) {
  .index_contact .box .right_w {
    width: 55%;
  }
}
@media screen and (max-width: 991px) {
  .index_contact .box .right_w {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.index_contact .box .right_w .i-title {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 991px) {
  .index_contact .box .right_w .i-title {
    margin-bottom: 0.4rem;
  }
}
.index_contact .box .right_w .i-title .title {
  color: #006CFF;
}
.index_contact .box .right_w .textbox {
  padding-top: 0.5rem;
  border-top: #e5e5e5 solid 1px;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
@media screen and (max-width: 991px) {
  .index_contact .box .right_w .textbox {
    padding-top: 0.4rem;
  }
}
.index_contact .box .right_w .textbox .item {
  color: #666666;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .index_contact .box .right_w .textbox .item {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .index_contact .box .right_w .textbox .item {
    font-size: 14px;
  }
}
.index_contact .box .right_w .textbox .item .c-name {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .index_contact .box .right_w .textbox .item .c-name {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .index_contact .box .right_w .textbox .item .c-name {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .index_contact .box .right_w .textbox .item .c-name {
    font-size: 18px;
  }
}
.index_contact .box .right_w .textbox .item ul {
  margin-top: 0.2rem;
  padding-left: 0;
}
.index_contact .box .right_w .textbox .item ul li {
  list-style: none;
  display: flex;
  align-items: baseline;
  margin-bottom: 0.1rem;
}
.index_contact .box .right_w .textbox .item ul li img {
  flex-shrink: 0;
  display: inline-block;
  margin-right: 0.1rem;
  width: 0.19rem;
  position: relative;
  top: 0.02rem;
}
@media screen and (max-width: 991px) {
  .index_contact .box .right_w .textbox .item ul li img {
    width: 14px;
    margin-right: 10px;
  }
}
.index_contact .box .right_w .textbox .item ul li span {
  display: block;
  flex: 1;
  overflow: hidden;
}
.public-crumbs.white .box {
  color: #ffffff;
  border-bottom: #ffffff solid 1px;
}
.public-crumbs.white .box span,
.public-crumbs.white .box a {
  color: #ffffff;
}
.public-crumbs.white .box span:hover,
.public-crumbs.white .box a:hover {
  color: #ffffff;
}
.public-crumbs.white .box span.on,
.public-crumbs.white .box a.on {
  color: #ffffff;
}
.public-crumbs.white .box span img,
.public-crumbs.white .box a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.public-crumbs .box {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding-top: 0.28rem;
  padding-bottom: 0.28rem;
  box-sizing: border-box;
  color: #050505;
  font-size: 14px;
  overflow: hidden;
  border-bottom: #cdcdcd solid 1px;
}
@media screen and (max-width: 1580px) {
  .public-crumbs .box {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .public-crumbs .box {
    font-size: 14px;
  }
}
@media screen and (max-width: 1900px) and (min-width: 992px) {
  .public-crumbs .box {
    padding-top: 1.458333333333333vw;
    padding-bottom: 1.458333333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .public-crumbs .box {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .public-crumbs .box {
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 5px;
  }
}
.public-crumbs .box span,
.public-crumbs .box a {
  display: inline-flex;
  align-items: baseline;
  flex-shrink: 0;
  color: #050505;
  transition: all 0.4s ease;
}
.public-crumbs .box span:hover,
.public-crumbs .box a:hover {
  color: #006CFF;
}
.public-crumbs .box span.on,
.public-crumbs .box a.on {
  flex: 1;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666666;
}
.public-crumbs .box a img {
  display: inline-block;
  margin-right: 0.1rem;
  width: 0.12rem;
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .public-crumbs .box a img {
    width: 12px;
  }
}
.public-crumbs .box span {
  margin: 0 4px;
}
@media screen and (min-width: 992px) {
  .public-crumbs .box span {
    margin: 0 0.208333vw;
  }
}
.public-crumbs .box span img {
  display: inline-block;
  width: 0.05rem;
}
@media screen and (max-width: 991px) {
  .public-crumbs .box span img {
    width: 5px;
  }
}
@media screen and (max-width: 1260px) {
  .product .wrap {
    flex-wrap: wrap;
  }
}
.product .wrap .title {
  width: 48.89%;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 64px;
  line-height: 1.1;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .product .wrap .title {
    font-size: 3.541666666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .product .wrap .title {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .product .wrap .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 480px) {
  .product .wrap .title {
    font-size: 26px;
  }
}
@media screen and (max-width: 1260px) {
  .product .wrap .title {
    width: 100%;
  }
}
.product .wrap .text {
  width: 48.89%;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .product .wrap .text {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .product .wrap .text {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .product .wrap .text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1260px) {
  .product .wrap .text {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.product .box {
  margin-top: 7%;
}
@media screen and (max-width: 767px) {
  .product .box {
    margin-top: 0.6rem;
  }
}
.product .box .item {
  width: 48.89%;
  margin-right: 2.22%;
  margin-bottom: 2.22%;
  text-align: center;
  background: #f8f8f8;
  border-radius: 10px;
  overflow: hidden;
}
.product .box .item:nth-child(2n) {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .product .box .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.product .box .item:hover {
  transform: scale(1.02);
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  transition: all 0.5s ease;
}
.product .box .item:hover .imgbox img {
  transform: translate(-50%, -50%) scale(1.1);
}
.product .box .item .imgbox {
  position: relative;
  width: 100%;
  padding-bottom: 65.483%;
  overflow: hidden;
}
.product .box .item .imgbox img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: all 0.5s ease;
}
.product .box .item .textbox {
  margin-top: 0.4rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-bottom: 0.6rem;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .product .box .item .textbox {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.product .box .item .textbox .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .product .box .item .textbox .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .product .box .item .textbox .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .product .box .item .textbox .subtit {
    font-size: 18px;
  }
}
.product .box .item .textbox .txt {
  margin-top: 0.15rem;
  color: #050505;
  font-size: 14px;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .product .box .item .textbox .txt {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .product .box .item .textbox .txt {
    font-size: 14px;
  }
}
.product .box .item .textbox .public-btn {
  position: relative;
  z-index: 5;
  margin-top: 0.25rem;
  transition: all 0.5s ease;
}
.product .box .item .textbox .public-btn img {
  -webkit-filter: none;
  filter: none;
}
.product-info {
  position: relative;
}
.product-info .bar-content {
  top: 0.9rem;
}
@media screen and (max-width: 991px) {
  .product-info .bar-content {
    top: 60px;
  }
}
.product-info .content .item {
  background: #FFFFFF;
}
.product-info .content .item.principle .box {
  margin-top: 0.4rem;
}
.product-info .content .item.pattern {
  position: relative;
  z-index: 1;
}
.product-info .content .item.pattern::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 16.66666666666667vw;
  background: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
.product-info .content .item.pattern1 {
  background: #f5f5f7;
}
.product-info .content .item .box {
  position: relative;
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box {
    margin-top: 0.6rem;
  }
}
.product-info .content .item .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info .content .item .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .c-desp {
    font-size: 16px;
  }
}
.product-info .content .item .box .imgbox {
  border-radius: 0.2rem;
  overflow: hidden;
  background: #000000;
}
.product-info .content .item .box .imgbox video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-info .content .item .box .imgbox img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.product-info .content .item .box .sequence {
  gap: 0.32rem;
}
.product-info .content .item .box .sequence .piece {
  width: calc((100% - 0.64rem) / 3);
  background: rgba(245, 245, 247, 0.5);
  border-radius: 0.2rem;
  overflow: hidden;
  padding: 4%;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .sequence .piece {
    width: calc((100% - 0.32rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .product-info .content .item .box .sequence .piece {
    width: 100%;
    padding: 0.4rem;
  }
}
.product-info .content .item .box .sequence .piece .icon {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.product-info .content .item .box .sequence .piece .icon img {
  max-width: 60%;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .sequence .piece .icon img {
    max-width: 2rem;
  }
}
.product-info .content .item .box .sequence .piece .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 30px;
  padding-bottom: 0.25rem;
  margin-top: 0.6rem;
  margin-bottom: 0.25rem;
  border-bottom: rgba(5, 5, 5, 0.2) solid 1px;
}
@media screen and (max-width: 1580px) {
  .product-info .content .item .box .sequence .piece .subtit {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .sequence .piece .subtit {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .product-info .content .item .box .sequence .piece .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 1900px) and (min-width: 992px) {
  .product-info .content .item .box .sequence .piece .subtit {
    margin-top: 18%;
  }
}
.product-info .content .item .box .sequence .piece .text {
  color: #050505;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .product-info .content .item .box .sequence .piece .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .sequence .piece .text {
    font-size: 14px;
  }
}
.product-info .content .item .box .atlas {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding: 0.2rem;
  box-sizing: border-box;
}
.product-info .content .item .box .atlas .swiper-wrapper {
  align-items: stretch;
}
.product-info .content .item .box .atlas .swiper-wrapper .swiper-slide {
  height: auto;
  background: #f8f8f8;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.product-info .content .item .box .atlas .swiper-wrapper .swiper-slide .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product-info .content .item .box .atlas .swiper-wrapper .swiper-slide .img img {
  max-width: 100%;
}
.product-info .content .item .box .a-type .flex {
  position: relative;
  background: #FFFFFF;
  border-radius: 0.2rem;
  overflow: hidden;
  padding: 0.36rem 0.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex {
    flex-wrap: wrap;
    padding: 0.4rem;
  }
}
.product-info .content .item .box .a-type .flex .textbox {
  width: 38%;
  padding: 0 4%;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex .textbox {
    width: 100%;
    padding: 0;
  }
}
.product-info .content .item .box .a-type .flex .textbox .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 4.5rem;
}
@media screen and (max-width: 1900px) {
  .product-info .content .item .box .a-type .flex .textbox .swiper {
    height: 25vw;
  }
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .a-type .flex .textbox .swiper {
    height: 30vw;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex .textbox .swiper {
    height: auto;
  }
}
.product-info .content .item .box .a-type .flex .textbox .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.product-info .content .item .box .a-type .flex .textbox ul li {
  list-style: none;
}
.product-info .content .item .box .a-type .flex .textbox ul li.swiper-slide-thumb-active a,
.product-info .content .item .box .a-type .flex .textbox ul li.active a,
.product-info .content .item .box .a-type .flex .textbox ul li.swiper-slide-thumb-active span,
.product-info .content .item .box .a-type .flex .textbox ul li.active span {
  color: #FFFFFF;
  background: #006CFF;
}
.product-info .content .item .box .a-type .flex .textbox ul li.swiper-slide-thumb-active a i,
.product-info .content .item .box .a-type .flex .textbox ul li.active a i,
.product-info .content .item .box .a-type .flex .textbox ul li.swiper-slide-thumb-active span i,
.product-info .content .item .box .a-type .flex .textbox ul li.active span i {
  background: url(../images/icon18c.png) center no-repeat;
  background-size: 100% auto;
}
.product-info .content .item .box .a-type .flex .textbox ul li.swiper-slide-thumb-active a img,
.product-info .content .item .box .a-type .flex .textbox ul li.active a img,
.product-info .content .item .box .a-type .flex .textbox ul li.swiper-slide-thumb-active span img,
.product-info .content .item .box .a-type .flex .textbox ul li.active span img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.product-info .content .item .box .a-type .flex .textbox ul li a,
.product-info .content .item .box .a-type .flex .textbox ul li span {
  display: inline-flex;
  align-items: baseline;
  min-width: 1.7rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.2rem;
  padding-right: 0.3rem;
  box-sizing: border-box;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 16px;
  background: #f5f5f7;
  border-radius: 0.24rem;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .product-info .content .item .box .a-type .flex .textbox ul li a,
  .product-info .content .item .box .a-type .flex .textbox ul li span {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex .textbox ul li a,
  .product-info .content .item .box .a-type .flex .textbox ul li span {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex .textbox ul li a,
  .product-info .content .item .box .a-type .flex .textbox ul li span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .product-info .content .item .box .a-type .flex .textbox ul li a,
  .product-info .content .item .box .a-type .flex .textbox ul li span {
    font-size: 15px;
  }
}
.product-info .content .item .box .a-type .flex .textbox ul li a i,
.product-info .content .item .box .a-type .flex .textbox ul li span i {
  display: inline-block;
  margin-right: 0.12rem;
  position: relative;
  top: 0.03rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/icon18.png) center no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex .textbox ul li a i,
  .product-info .content .item .box .a-type .flex .textbox ul li span i {
    top: 2px;
    width: 16px;
    height: 16px;
  }
}
.product-info .content .item .box .a-type .flex .textbox ul li a img,
.product-info .content .item .box .a-type .flex .textbox ul li span img {
  display: inline-block;
  position: relative;
  top: 0.02rem;
  margin-right: 0.16rem;
  flex-shrink: 0;
  width: 0.22rem;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex .textbox ul li a img,
  .product-info .content .item .box .a-type .flex .textbox ul li span img {
    top: 2px;
    width: 16px;
  }
}
.product-info .content .item .box .a-type .flex .imgbox {
  width: 60%;
  overflow: hidden;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .a-type .flex .imgbox {
    width: 100%;
    margin-top: 0.7rem;
  }
}
.product-info .content .item .box .a-type .flex .imgbox img {
  display: inline-block;
  width: auto;
  max-width: 100%;
}
.product-info .content .item .box .a-type .flex .imgbox .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.product-info .content .item .box .a-type .flex .imgbox .swiper .swiper-wrapper {
  align-items: stretch;
}
.product-info .content .item .box .a-type .flex .imgbox .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.product-info .content .item .box .a-type .flex .imgbox .swiper .swiper-wrapper .swiper-slide .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.product-info .content .item .box .a-type .flex .imgbox .swiper .swiper-wrapper .swiper-slide .img img {
  max-width: 100%;
}
.product-info .content .item .box .c-video {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 1900px) and (min-width: 992px) {
  .product-info .content .item .box .c-video {
    margin-top: 8.333333333333333%;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .c-video {
    margin-top: 0.6rem;
  }
}
.product-info .content .item .box .c-video .videoimg {
  display: block;
  width: 100%;
}
.product-info .content .item .box .c-video .movie video {
  width: 100%;
}
.product-info .content .item .box .c-video .btns {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .c-video .btns.playButton {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .product-info .content .item .box .c-video .btns.c-play {
    display: none;
  }
}
.product-info .content .item .box .c-video .btns img {
  width: 0.54rem;
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .c-video .btns img {
    width: 0.64rem;
  }
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .parameter {
    flex-wrap: wrap;
  }
}
.product-info .content .item .box .parameter .c-table {
  width: 63.33%;
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .parameter .c-table {
    width: 100%;
  }
}
.product-info .content .item .box .parameter .c-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: #050505 solid 2px;
  border-bottom: #050505 solid 2px;
}
.product-info .content .item .box .parameter .c-table table tr td {
  height: 0.52rem;
  border-bottom: rgba(204, 204, 204, 0.5) solid 1px;
  color: #050505;
  font-size: 14px;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .product-info .content .item .box .parameter .c-table table tr td {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .parameter .c-table table tr td {
    font-size: 14px;
  }
}
.product-info .content .item .box .parameter .c-table table tr td:nth-child(1) {
  min-width: 1.4rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
}
.product-info .content .item .box .parameter .c-table table tr td:nth-child(2) {
  text-align: right;
  padding-left: 0.1rem;
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .parameter .c-table table tr td {
    height: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .product-info .content .item .box .parameter .c-table table tr td {
    height: 0.7rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
  .product-info .content .item .box .parameter .c-table table tr td:nth-child(1) {
    min-width: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .product-info .content .item .box .parameter .c-table table tr td {
    height: 0.8rem;
  }
}
.product-info .content .item .box .parameter .operation {
  width: 32%;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .parameter .operation {
    width: 100%;
    margin-top: 0.5rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.product-info .content .item .box .parameter .operation .part {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f7;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
  padding: 0.7rem 0.3rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .parameter .operation .part {
    width: calc((100% - 0.3rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .product-info .content .item .box .parameter .operation .part {
    width: 100%;
  }
}
.product-info .content .item .box .parameter .operation .part .icon {
  display: inline-block;
  margin-right: 0.5rem;
}
@media screen and (max-width: 1260px) {
  .product-info .content .item .box .parameter .operation .part .icon {
    margin-right: 0.3rem;
  }
}
.product-info .content .item .box .parameter .operation .part .icon img {
  max-width: 0.4rem;
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .parameter .operation .part .icon img {
    max-width: 28px;
  }
}
.product-info .content .item .box .parameter .operation .part .txt {
  min-width: 2rem;
}
.product-info .content .item .box .parameter .operation .part .txt .t1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 30px;
  color: #333333;
  line-height: 1.1;
}
@media screen and (max-width: 1580px) {
  .product-info .content .item .box .parameter .operation .part .txt .t1 {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .parameter .operation .part .txt .t1 {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .product-info .content .item .box .parameter .operation .part .txt .t1 {
    font-size: 20px;
  }
}
.product-info .content .item .box .parameter .operation .part .txt .t2 {
  color: #333333;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .product-info .content .item .box .parameter .operation .part .txt .t2 {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .product-info .content .item .box .parameter .operation .part .txt .t2 {
    font-size: 13px;
  }
}
.a-type .swiper-button-next,
.a-type .swiper-button-prev {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .a-type .swiper-button-next,
  .a-type .swiper-button-prev {
    width: 0.6rem;
    height: 0.6rem;
    transform: rotate(-90deg);
  }
}
.a-type .swiper-button-next::after,
.a-type .swiper-button-prev::after {
  display: none;
}
.a-type .swiper-button-prev {
  margin-top: -0.5rem;
  background: #f5f5f7 url(../images/icon50.png) center no-repeat;
  background-size: 35% auto;
  right: auto;
  left: 0.4rem;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .a-type .swiper-button-prev {
    margin-top: 0;
    left: 0;
  }
}
.a-type .swiper-button-prev:hover {
  background: #006CFF url(../images/icon50a.png) center no-repeat;
  background-size: 35% auto;
}
.a-type .swiper-button-next {
  margin-top: 0.1rem;
  background: #f5f5f7 url(../images/icon51.png) center no-repeat;
  background-size: 35% auto;
  right: auto;
  left: 0.4rem;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .a-type .swiper-button-next {
    margin-top: 0;
    left: auto;
    right: 0;
  }
}
.a-type .swiper-button-next:hover {
  background: #006CFF url(../images/icon51a.png) center no-repeat;
  background-size: 35% auto;
}
.product-info-section1 {
  background: #FFFFFF;
}
.product-info-section1 .box {
  margin-top: 0.4rem;
}
.product-info-section1 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section1 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section1 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section1 .box .imgbox {
  border-radius: 0.2rem;
  overflow: hidden;
  background: #000000;
}
.product-info-section1 .box .imgbox video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-info-section1 .box .imgbox img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.product-info-section2 {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}
.product-info-section2::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 16.66666666666667vw;
  background: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
.product-info-section2 .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info-section2 .box {
    margin-top: 0.6rem;
  }
}
.product-info-section2 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section2 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section2 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section2 .box .sequence {
  gap: 0.32rem;
}
.product-info-section2 .box .sequence .piece {
  width: calc((100% - 0.64rem) / 3);
  background: rgba(245, 245, 247, 0.5);
  border-radius: 0.2rem;
  overflow: hidden;
  padding: 4%;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .product-info-section2 .box .sequence .piece {
    width: calc((100% - 0.32rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .product-info-section2 .box .sequence .piece {
    width: 100%;
    padding: 0.4rem;
  }
}
.product-info-section2 .box .sequence .piece .icon {
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.product-info-section2 .box .sequence .piece .icon img {
  max-width: 90%;
}
@media screen and (max-width: 991px) {
  .product-info-section2 .box .sequence .piece .icon img {
    max-width: 3rem;
  }
}
.product-info-section2 .box .sequence .piece .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 30px;
  padding-bottom: 0.25rem;
  margin-top: 0.6rem;
  margin-bottom: 0.25rem;
  border-bottom: rgba(5, 5, 5, 0.2) solid 1px;
  text-align: center;
}
@media screen and (max-width: 1580px) {
  .product-info-section2 .box .sequence .piece .subtit {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section2 .box .sequence .piece .subtit {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .product-info-section2 .box .sequence .piece .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 1900px) and (min-width: 992px) {
  .product-info-section2 .box .sequence .piece .subtit {
    margin-top: 18%;
  }
}
.product-info-section2 .box .sequence .piece .text {
  color: #050505;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .product-info-section2 .box .sequence .piece .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section2 .box .sequence .piece .text {
    font-size: 14px;
  }
}
.product-info-section3 {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}
.product-info-section3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 16.66666666666667vw;
  background: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
.product-info-section3 .box {
  position: relative;
  margin-top: 5.2%;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .product-info-section3 .box {
    margin-top: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .product-info-section3 .box {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
}
.product-info-section3 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section3 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section3 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section3 .box .atlas {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  padding: 0.2rem;
  box-sizing: border-box;
}
.product-info-section3 .box .atlas .swiper-wrapper {
  align-items: stretch;
}
.product-info-section3 .box .atlas .swiper-wrapper .swiper-slide {
  height: auto;
  background: #f8f8f8;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.product-info-section3 .box .atlas .swiper-wrapper .swiper-slide .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.product-info-section3 .box .atlas .swiper-wrapper .swiper-slide .img img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .product-info-section3 .box .swiper-button-next {
    right: -0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .product-info-section3 .box .swiper-button-next {
    right: -0.4rem;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section3 .box .swiper-button-prev {
    left: -0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .product-info-section3 .box .swiper-button-prev {
    left: -0.4rem;
  }
}
.info-button {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.65rem;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .info-button {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.info-button::after {
  display: none;
}
.info-button.swiper-button-prev {
  background: url(../images/icon10.png) center no-repeat;
  background-size: 20% auto;
  right: auto;
  left: -0.65rem;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .info-button.swiper-button-prev {
    left: -0.35rem;
    background: url(../images/icon10.png) center no-repeat;
    background-size: 25% auto;
  }
}
@media screen and (max-width: 767px) {
  .info-button.swiper-button-prev {
    left: -0.2rem;
  }
}
.info-button.swiper-button-next {
  background: url(../images/icon11.png) center no-repeat;
  background-size: 20% auto;
  right: -0.65rem;
  left: auto;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .info-button.swiper-button-next {
    right: -0.35rem;
    background: url(../images/icon11.png) center no-repeat;
    background-size: 25% auto;
  }
}
@media screen and (max-width: 767px) {
  .info-button.swiper-button-next {
    right: -0.2rem;
  }
}
.product-info-section4 {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}
.product-info-section4::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 16.66666666666667vw;
  background: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
.product-info-section4 .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info-section4 .box {
    margin-top: 0.6rem;
  }
}
.product-info-section4 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section4 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section4 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section4 .box .imgbox {
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.product-info-section4 .box .imgbox img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.product-info-section5 {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}
.product-info-section5::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 16.66666666666667vw;
  background: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
.product-info-section5 .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info-section5 .box {
    margin-top: 0.6rem;
  }
}
.product-info-section5 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section5 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section5 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section6 {
  background: #f5f5f7;
}
.product-info-section6 .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box {
    margin-top: 0.6rem;
  }
}
.product-info-section6 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section6 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section6 .box .a-type .flex {
  position: relative;
  background: #FFFFFF;
  border-radius: 0.2rem;
  overflow: hidden;
  padding: 0.36rem 0.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex {
    flex-wrap: wrap;
    padding: 0.4rem;
  }
}
.product-info-section6 .box .a-type .flex .textbox {
  width: 38%;
  padding: 0 4%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .textbox {
    width: 100%;
    padding: 0;
  }
}
.product-info-section6 .box .a-type .flex .textbox .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*height: 4.5rem;*/
}
/*@media screen and (max-width: 1900px) {
  .product-info-section6 .box .a-type .flex .textbox .swiper {
    height: 25vw;
  }
}
@media screen and (max-width: 1260px) {
  .product-info-section6 .box .a-type .flex .textbox .swiper {
    height: 30vw;
  }
}*/
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .textbox .swiper {
    height: auto;
  }
}
.product-info-section6 .box .a-type .flex .textbox .swiper .swiper-wrapper .swiper-slide {
  /*height: auto;
  min-height: 0.46rem;*/
 	height: 0.46rem !important;
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .textbox .swiper .swiper-wrapper .swiper-slide {
    width: auto;
    height: auto !important;
  }
}
.product-info-section6 .box .a-type .flex .textbox ul li {
  list-style: none;
}
.product-info-section6 .box .a-type .flex .textbox ul li.swiper-slide-thumb-active a,
.product-info-section6 .box .a-type .flex .textbox ul li.active a,
.product-info-section6 .box .a-type .flex .textbox ul li.swiper-slide-thumb-active span,
.product-info-section6 .box .a-type .flex .textbox ul li.active span {
  color: #FFFFFF;
  background: #006CFF;
}
.product-info-section6 .box .a-type .flex .textbox ul li.swiper-slide-thumb-active a i,
.product-info-section6 .box .a-type .flex .textbox ul li.active a i,
.product-info-section6 .box .a-type .flex .textbox ul li.swiper-slide-thumb-active span i,
.product-info-section6 .box .a-type .flex .textbox ul li.active span i {
  background: url(../images/icon18c.png) center no-repeat;
  background-size: 100% auto;
}
.product-info-section6 .box .a-type .flex .textbox ul li.swiper-slide-thumb-active a img,
.product-info-section6 .box .a-type .flex .textbox ul li.active a img,
.product-info-section6 .box .a-type .flex .textbox ul li.swiper-slide-thumb-active span img,
.product-info-section6 .box .a-type .flex .textbox ul li.active span img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.product-info-section6 .box .a-type .flex .textbox ul li a,
.product-info-section6 .box .a-type .flex .textbox ul li span {
  display: inline-flex;
  align-items: baseline;
  min-width: 1.7rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  box-sizing: border-box;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 16px;
  background: #f5f5f7;
  border-radius: 0.24rem;
  cursor: pointer;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .product-info-section6 .box .a-type .flex .textbox ul li a,
  .product-info-section6 .box .a-type .flex .textbox ul li span {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .textbox ul li a,
  .product-info-section6 .box .a-type .flex .textbox ul li span {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .textbox ul li a,
  .product-info-section6 .box .a-type .flex .textbox ul li span {
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .product-info-section6 .box .a-type .flex .textbox ul li a,
  .product-info-section6 .box .a-type .flex .textbox ul li span {
    font-size: 15px;
  }
}
.product-info-section6 .box .a-type .flex .textbox ul li a i,
.product-info-section6 .box .a-type .flex .textbox ul li span i {
  display: inline-block;
  margin-right: 0.12rem;
  position: relative;
  top: 0.03rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images/icon18.png) center no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .textbox ul li a i,
  .product-info-section6 .box .a-type .flex .textbox ul li span i {
    top: 2px;
    width: 16px;
    height: 16px;
  }
}
.product-info-section6 .box .a-type .flex .textbox ul li a img,
.product-info-section6 .box .a-type .flex .textbox ul li span img {
  display: inline-block;
  position: relative;
  top: 0.02rem;
  margin-right: 0.16rem;
  flex-shrink: 0;
  width: 0.22rem;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .textbox ul li a img,
  .product-info-section6 .box .a-type .flex .textbox ul li span img {
    top: 2px;
    width: 16px;
  }
}
.product-info-section6 .box .a-type .flex .imgbox {
  width: 60%;
  overflow: hidden;
  text-align: right;
}
@media screen and (max-width: 991px) {
  .product-info-section6 .box .a-type .flex .imgbox {
    width: 100%;
    margin-top: 0.7rem;
  }
}
.product-info-section6 .box .a-type .flex .imgbox img {
  display: inline-block;
  width: auto;
  max-width: 100%;
}
.product-info-section6 .box .a-type .flex .imgbox .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
@media screen and (min-width: 992px) {
	.product-info-section6 .box .a-type .flex .imgbox .swiper{
		height: 5rem;
	}
}
.product-info-section6 .box .a-type .flex .imgbox .swiper .swiper-wrapper {
  align-items: stretch;
}
.product-info-section6 .box .a-type .flex .imgbox .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.product-info-section6 .box .a-type .flex .imgbox .swiper .swiper-wrapper .swiper-slide .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.product-info-section6 .box .a-type .flex .imgbox .swiper .swiper-wrapper .swiper-slide .img img {
  max-width: 100%;
}
.product-info-section7 {
  background: #FFFFFF;
}
.product-info-section7 .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info-section7 .box {
    margin-top: 0.6rem;
  }
}
.product-info-section7 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section7 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section7 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section7 .box .imgbox {
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.product-info-section7 .box .imgbox img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.product-info-section8 {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
}
.product-info-section8::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 16.66666666666667vw;
  background: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
.product-info-section8 .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info-section8 .box {
    margin-top: 0.6rem;
  }
}
.product-info-section8 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section8 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section8 .box .c-desp {
    font-size: 16px;
  }
}
.product-info-section8 .box .imgbox {
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.product-info-section8 .box .imgbox img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.product-info-section8 .box .c-video {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
  margin-top: 1.6rem;
}
@media screen and (max-width: 1900px) and (min-width: 992px) {
  .product-info-section8 .box .c-video {
    margin-top: 8.333333333333333%;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section8 .box .c-video {
    margin-top: 0.6rem;
  }
}
.product-info-section8 .box .c-video .videoimg {
  display: block;
  width: 100%;
}
.product-info-section8 .box .c-video .movie video {
  width: 100%;
  border-radius: 0.2rem;
}
.product-info-section8 .box .c-video .btns {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@media screen and (max-width: 991px) {
  .product-info-section8 .box .c-video .btns.playButton {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .product-info-section8 .box .c-video .btns.c-play {
    display: none;
  }
}
.product-info-section8 .box .c-video .btns img {
  width: 0.54rem;
}
@media screen and (max-width: 1260px) {
  .product-info-section8 .box .c-video .btns img {
    width: 0.64rem;
  }
}
.product-info-section9 {
  background: #FFFFFF;
}
.product-info-section9 .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .product-info-section9 .box {
    margin-top: 0.6rem;
  }
}
.product-info-section9 .box .c-desp {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 0.35rem;
}
@media screen and (max-width: 1580px) {
  .product-info-section9 .box .c-desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section9 .box .c-desp {
    font-size: 16px;
  }
}
@media screen and (max-width: 1260px) {
  .product-info-section9 .box .parameter {
    flex-wrap: wrap;
  }
}
.product-info-section9 .box .parameter .c-table {
  width: 63.33%;
}
@media screen and (max-width: 1260px) {
  .product-info-section9 .box .parameter .c-table {
    width: 100%;
  }
}
.product-info-section9 .box .parameter .c-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: #050505 solid 2px;
  border-bottom: #050505 solid 2px;
}
.product-info-section9 .box .parameter .c-table table tr td {
  height: 0.52rem;
  border-bottom: rgba(204, 204, 204, 0.5) solid 1px;
  color: #050505;
  font-size: 14px;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .product-info-section9 .box .parameter .c-table table tr td {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section9 .box .parameter .c-table table tr td {
    font-size: 14px;
  }
}
.product-info-section9 .box .parameter .c-table table tr td:nth-child(1) {
  min-width: 1.4rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
}
/*.product-info-section9 .box .parameter .c-table table tr td:nth-child(2) {
  text-align: right;
  padding-left: 0.1rem;
}*/
@media screen and (max-width: 1260px) {
  .product-info-section9 .box .parameter .c-table table tr td {
    height: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  .product-info-section9 .box .parameter .c-table table tr td {
    height: 0.7rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
  .product-info-section9 .box .parameter .c-table table tr td:nth-child(1) {
    min-width: 1.8rem;
  }
}
@media screen and (max-width: 480px) {
  .product-info-section9 .box .parameter .c-table table tr td {
    height: 0.8rem;
  }
}
.product-info-section9 .box .parameter .operation {
  width: 32%;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media screen and (max-width: 1260px) {
  .product-info-section9 .box .parameter .operation {
    width: 100%;
    margin-top: 0.5rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.product-info-section9 .box .parameter .operation .part {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f7;
  border-radius: 10px;
  width: 100%;
  overflow: hidden;
  padding: 0.7rem 0.3rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1260px) {
  .product-info-section9 .box .parameter .operation .part {
    width: calc((100% - 0.3rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .product-info-section9 .box .parameter .operation .part {
    width: 100%;
  }
}
.product-info-section9 .box .parameter .operation .part .icon {
  display: inline-block;
  margin-right: 0.5rem;
}
@media screen and (max-width: 1260px) {
  .product-info-section9 .box .parameter .operation .part .icon {
    margin-right: 0.3rem;
  }
}
.product-info-section9 .box .parameter .operation .part .icon img {
  max-width: 0.4rem;
}
@media screen and (max-width: 991px) {
  .product-info-section9 .box .parameter .operation .part .icon img {
    max-width: 28px;
  }
}
.product-info-section9 .box .parameter .operation .part .txt {
  min-width: 2rem;
}
.product-info-section9 .box .parameter .operation .part .txt .t1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 30px;
  color: #333333;
  line-height: 1.1;
}
@media screen and (max-width: 1580px) {
  .product-info-section9 .box .parameter .operation .part .txt .t1 {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section9 .box .parameter .operation .part .txt .t1 {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .product-info-section9 .box .parameter .operation .part .txt .t1 {
    font-size: 20px;
  }
}
.product-info-section9 .box .parameter .operation .part .txt .t2 {
  color: #333333;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .product-info-section9 .box .parameter .operation .part .txt .t2 {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .product-info-section9 .box .parameter .operation .part .txt .t2 {
    font-size: 13px;
  }
}
.common-pagination.swiper-pagination {
  position: static;
  margin-top: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  min-width: 1.6rem;
  padding: 0.1rem;
  border-radius: 0.25rem;
  background: #f8f8f8;
}
@media screen and (max-width: 991px) {
  .common-pagination.swiper-pagination {
    padding: 0.15rem;
  }
}
.common-pagination.swiper-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  background: #050505;
  opacity: 0.2;
  margin: 0 0.07rem;
  transition: all 0.5s ease;
  border-radius: 0.06rem;
}
@media screen and (max-width: 991px) {
  .common-pagination.swiper-pagination .swiper-pagination-bullet {
    width: 0.12rem;
    height: 0.12rem;
  }
}
.common-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 0.35rem;
  background: #050505;
  opacity: 1;
}
@media screen and (max-width: 991px) {
  .common-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.45rem;
  }
}
.common-pagination.swiper-pagination-lock {
  padding: 0;
  background: none;
}
.prompt {
  margin-top: 0.3rem;
  color: #050505;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .prompt {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .prompt {
    font-size: 14px;
  }
}
@media screen and (max-width: 1260px) {
  .prompt {
    margin-top: 20px;
  }
}
.prompt a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.12rem;
  color: #ffffff;
  font-size: 14px;
  background: #006CFF;
  padding: 0 0.12rem;
  border-radius: 14px;
  border: #006CFF solid 1px;
  box-sizing: border-box;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .prompt a {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .prompt a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1260px) {
  .prompt a {
    padding: 1px 10px;
  }
}
.prompt a:hover {
  color: #006CFF;
  background: transparent;
}
.prompt a:hover img {
  -webkit-filter: none;
  filter: none;
}
.prompt a img {
  display: inline-block;
  margin-right: 3px;
  width: 13px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  transition: all 0.4s ease;
}
.common-tab {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border-bottom: rgba(204, 204, 204, 0.5) solid 1px;
}
@media screen and (max-width: 1900px) {
  .common-tab {
    gap: 2.60416667vw;
  }
}
@media screen and (max-width: 991px) {
  .common-tab {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 0;
  }
  .common-tab::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .common-tab::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
  }
  .common-tab::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }
  .common-tab::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
  }
  .common-tab::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }
  .common-tab::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
  }
  .common-tab::-webkit-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
  }
}
.common-tab span {
  position: relative;
  display: inline-block;
  padding-right: 0.6rem;
  padding-bottom: 0.25rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
  cursor: pointer;
}
@media screen and (max-width: 1580px) {
  .common-tab span {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .common-tab span {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .common-tab span {
    font-size: 18px;
  }
}
@media screen and (max-width: 1900px) {
  .common-tab span {
    padding-right: 3.125vw;
    padding-bottom: 1.30208333vw;
  }
}
@media screen and (max-width: 991px) {
  .common-tab span {
    padding-right: 0rem;
    margin-right: 0.4rem;
    padding-bottom: 0.25rem;
    font-size: 16px;
  }
}
.common-tab span::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #006CFF;
  transition: all 0.5s ease;
}
.common-tab span:hover {
 
  color: #006CFF;
}
.common-tab span.on {
 
  color: #006CFF;
}
.common-tab span.on::before {
  width: 100%;
}
.common-switch .switchli {
  display: none;
}
.common-switch .switchli.on {
  display: block;
}
.common-switch .switchli .text {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  color: #050505;
  font-size: 18px;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .common-switch .switchli .text {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .common-switch .switchli .text {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .common-switch .switchli .text {
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
  }
}
.common-switch .switchli .img {
  width: 100%;
  text-align: center;
  overflow: hidden;
  border-radius: 0.2rem;
  background: #f5f5f7;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
.common-switch .switchli .img img {
  max-width: 100%;
}
.bar-content {
  position: absolute;
  left: 0;
  top: 0.9rem;
  z-index: 10;
  width: 100%;
}
@media screen and (max-width: 991px) {
  .bar-content {
    position: static;
  }
}
.bar-content .contain {
  border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
}
@media screen and (max-width: 991px) {
  .bar-content .contain {
    flex-wrap: wrap;
    border-bottom: none;
  }
}
.bar-content .contain .public-crumbs {
  flex: 1;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .bar-content .contain .public-crumbs {
    flex: auto;
  }
}
@media screen and (max-width: 991px) {
  .bar-content .contain .public-crumbs.white .box {
    color: #050505;
    border-bottom: #ffffff solid 1px;
  }
  .bar-content .contain .public-crumbs.white .box span,
  .bar-content .contain .public-crumbs.white .box a {
    color: #050505;
  }
  .bar-content .contain .public-crumbs.white .box span:hover,
  .bar-content .contain .public-crumbs.white .box a:hover {
    color: #006CFF;
  }
  .bar-content .contain .public-crumbs.white .box span.on,
  .bar-content .contain .public-crumbs.white .box a.on {
    color: #666666;
  }
  .bar-content .contain .public-crumbs.white .box span img,
  .bar-content .contain .public-crumbs.white .box a img {
    -webkit-filter: none;
    filter: none;
  }
}
.bar-content .contain .public-crumbs .box {
  border-bottom-color: transparent;
}
@media screen and (max-width: 991px) {
  .bar-content .contain .public-crumbs .box {
    border-bottom-color: rgba(255, 255, 255, 0.2);
  }
}
.bar-content .contain .box-opration {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  margin-left: 0.2rem;
}
@media screen and (max-width: 991px) {
  .bar-content .contain .box-opration {
    width: 100%;
    margin-top: 0.4rem;
    padding-bottom: 0.5rem;
    margin-left: 0;
    gap: 0.2rem 0.3rem;
    justify-content: center;
  }
}
.bar-content .contain .box-opration .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 0.4rem;
  border-radius: 0.2rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #ffffff;
  font-size: 14px;
  padding: 0 0.3rem;
  box-sizing: border-box;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .bar-content .contain .box-opration .btn {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .bar-content .contain .box-opration .btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 1260px) {
  .bar-content .contain .box-opration .btn {
    height: 0.45rem;
    border-radius: 0.25rem;
  }
}
@media screen and (max-width: 991px) {
  .bar-content .contain .box-opration .btn {
    height: 0.56rem;
    border-radius: 0.3rem;
  }
}
@media screen and (max-width: 480px) {
  .bar-content .contain .box-opration .btn {
    height: 0.64rem;
    border-radius: 0.32rem;
  }
}
.bar-content .contain .box-opration .btn.dlbtn {
  background: #FFFFFF;
  color: #006CFF;
  border: #FFFFFF solid 2px;
}
.bar-content .contain .box-opration .btn.dlbtn img {
  -webkit-filter: none;
  filter: none;
}
.bar-content .contain .box-opration .btn.dlbtn:hover {
  background: rgba(255, 255, 255, 0.85);
}
.bar-content .contain .box-opration .btn.csbtn {
  background: #006CFF;
  border: #006CFF solid 2px;
}
.bar-content .contain .box-opration .btn.csbtn:hover {
  background: rgba(0, 74, 154, 0.8);
}
.bar-content .contain .box-opration .btn img {
  display: inline-block;
  margin-right: 0.08rem;
  max-height: 0.17rem;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .bar-content .contain .box-opration .btn img {
    margin-right: 6px;
    max-height: 14px;
  }
}
.service-support {
  position: relative;
}
.on-site-support .i-title {
  margin-bottom: 4.2%;
}
.on-site-support .i-title .title {
  margin-top: 0.2rem;
}
.on-site-support .box .text {
  color: #050505;
  font-size: 18px;
}
@media screen and (max-width: 1580px) {
  .on-site-support .box .text {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .on-site-support .box .text {
    font-size: 16px;
  }
}
.on-site-support .box .text p {
  margin-bottom: 0.15rem;
}
.on-site-support .box .text span {
  color: #006CFF;
}
.on-site-support .box .wrap {
  margin-top: 7.5%;
  gap: 0.32rem;
}
.on-site-support .box .wrap .item {
  width: calc((100% - 0.64rem) / 3);
  text-align: center;
  border-radius: 0.2rem;
  overflow: hidden;
  background: #f8f8f8;
  padding: 0.5rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1900px) {
  .on-site-support .box .wrap .item {
    padding: 2.6041666vw;
  }
}
@media screen and (max-width: 991px) {
  .on-site-support .box .wrap .item {
    width: calc((100% - 0.32rem) / 2);
    padding: 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .on-site-support .box .wrap .item {
    width: 100%;
  }
}
.on-site-support .box .wrap .item .icon {
  margin-bottom: 0.25rem;
}
.on-site-support .box .wrap .item .icon img {
  max-width: 0.76rem;
}
.on-site-support .box .wrap .item .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #006CFF;
  font-size: 22px;
  margin-bottom: 0.12rem;
}
@media screen and (max-width: 1580px) {
  .on-site-support .box .wrap .item .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .on-site-support .box .wrap .item .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .on-site-support .box .wrap .item .subtit {
    font-size: 18px;
  }
}
.on-site-support .box .wrap .item .desp {
  color: #050505;
  font-size: 16px;
}
@media screen and (max-width: 1580px) {
  .on-site-support .box .wrap .item .desp {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .on-site-support .box .wrap .item .desp {
    font-size: 15px;
  }
}
.consult {
  position: relative;
  z-index: 1;
}
.consult::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 16.66666666666667vw;
  background: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
.consult .i-title {
  margin-bottom: 4.2%;
}
@media screen and (max-width: 767px) {
  .consult .i-title {
    margin-bottom: 0.5rem;
  }
}
.consult .i-title .title {
  margin-top: 0.2rem;
}
.consult .box .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .consult .box .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .consult .box .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .consult .box .subtit {
    font-size: 18px;
  }
}
.consult .box .c-form {
  margin-top: 0.25rem;
}
.c-form {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.3rem 0.32rem;
}
.c-form .layui-form-item {
  position: relative;
  width: calc((100% - 0.64rem) / 3);
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item {
    width: calc((100% - 0.32rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .c-form .layui-form-item {
    width: 100%;
  }
}
.c-form .layui-form-item.w100 {
  width: 100%;
}
.c-form .layui-form-item.select-item {
  z-index: 5;
}
.c-form .layui-form-item .layui-input-block {
  margin-left: 0;
  min-height: 1px;
}
.c-form .layui-form-item .layui-input-block .layui-input {
  height: 0.58rem;
  border: #cccccc solid 1px;
  background-color: #fff;
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #333333;
  font-size: 14px;
  border-radius: 0.1rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .c-form .layui-form-item .layui-input-block .layui-input {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-input {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-input {
    height: 0.64rem;
    padding: 0 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .c-form .layui-form-item .layui-input-block .layui-input {
    height: 0.8rem;
    padding: 0 0.3rem;
  }
}
.c-form .layui-form-item .layui-input-block .layui-input::-webkit-input-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-input::-moz-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-input:-moz-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-input:-ms-input-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-textarea {
  height: 1.75rem;
  border: #cccccc solid 1px;
  background-color: #fff;
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #333333;
  font-size: 14px;
  border-radius: 0.1rem;
  resize: none;
  padding: 0.2rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .c-form .layui-form-item .layui-input-block .layui-textarea {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-textarea {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-textarea {
    padding: 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .c-form .layui-form-item .layui-input-block .layui-textarea {
    height: 2.5rem;
    padding: 0.3rem;
  }
}
.c-form .layui-form-item .layui-input-block .layui-textarea::-webkit-input-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-textarea::-moz-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-textarea:-moz-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-textarea:-ms-input-placeholder {
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
}
.c-form .layui-form-item .layui-input-block .layui-form-select.layui-form-selected .layui-select-title .layui-edge {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c-form .layui-form-item .layui-input-block .layui-form-select .layui-select-title {
  position: relative;
}
.c-form .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
  padding-right: 0.4rem;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 480px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-input {
    padding-right: 0.6rem;
  }
}
.c-form .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-edge {
  top: 0;
  right: 0.2rem;
  margin-top: 0;
  width: 0.15rem;
  height: 100%;
  border: none;
  background: url(../images/icon28.png) center no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-edge {
    right: 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select .layui-select-title .layui-edge {
    right: 0.3rem;
  }
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl {
  top: 100%;
  bottom: auto !important;
  max-width: 100%;
  padding: 0.2rem;
  box-sizing: border-box;
  max-height: 400px;
  border-radius: 0.1rem;
  border-color: #cccccc;
  /* 修改滚动条的轨道样式 */
  /* 修改滚动条的滑块样式 */
  /* 修改滑块的 hover 样式 */
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select dl {
    padding: 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select dl {
    padding: 0.3rem;
  }
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl::-webkit-scrollbar {
  width: 0.02rem;
  /* 垂直滚动条的宽度 */
  height: 0.02rem;
  /* 水平滚动条的高度 */
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl::-webkit-scrollbar-track {
  background: #cccccc;
  /* 轨道背景颜色 */
  border-radius: 0.02rem;
  /* 轨道的圆角 */
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl::-webkit-scrollbar-thumb {
  background: #006CFF;
  /* 滑块背景颜色 */
  border-radius: 0.02rem;
  /* 滑块圆角 */
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl::-webkit-scrollbar-thumb:hover {
  background: #006CFF;
  /* 当鼠标悬停时滑块的颜色 */
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl dd {
  white-space: normal;
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #666666;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.15rem;
  padding: 0 !important;
}
@media screen and (max-width: 1580px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-form-select dl dd {
    font-size: 14px;
  }
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl dd:hover {
  color: #006CFF;
  background: none;
}
.c-form .layui-form-item .layui-input-block .layui-form-select dl dd.layui-this {
  background: none;
  color: #006CFF;
}
.c-form .layui-form-item .layui-input-block .layui-btn {
  width: 2.2rem;
  height: 0.58rem;
  background: #006CFF;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #FFFFFF;
  font-size: 16px;
  border: #006CFF solid 1px;
  border-radius: 0.1rem;
  box-sizing: border-box;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .c-form .layui-form-item .layui-input-block .layui-btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-btn {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-input-block .layui-btn {
    height: 0.64rem;
  }
}
@media screen and (max-width: 480px) {
  .c-form .layui-form-item .layui-input-block .layui-btn {
    height: 0.8rem;
  }
}
.c-form .layui-form-item .layui-input-block .layui-btn:hover {
  background: transparent;
  color: #006CFF;
}
.c-form .layui-form-item .layui-form-label {
  position: absolute;
  left: 0;
  top: 0;
  float: none;
  display: block;
  padding: 0;
  width: 100%;
  height: 0.58rem;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 0 0.2rem;
  box-sizing: border-box;
  font-family: "HarmonyOS_Sans_SC_Light";
  color: #999999;
  font-size: 14px;
  pointer-events: none;
}
@media screen and (max-width: 1580px) {
  .c-form .layui-form-item .layui-form-label {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-form-label {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .c-form .layui-form-item .layui-form-label {
    padding: 0 0.25rem;
    height: 0.64rem;
  }
}
@media screen and (max-width: 480px) {
  .c-form .layui-form-item .layui-form-label {
    padding: 0 0.3rem;
    height: 0.8rem;
  }
}
.c-form .layui-form-item .layui-form-label span {
  display: inline-block;
  margin-left: 0.1rem;
  color: #fe0000;
}
.c-form .layui-form-item .layui-form-label.hidden {
  display: none;
}
.about {
  position: relative;
}
@media screen and (max-width: 1260px) {
  .about .intro .box {
    flex-wrap: wrap;
  }
}
.about .intro .box .imgbox {
  width: 48.89%;
  border-radius: 0.2rem;
  overflow: hidden;
}
@media screen and (max-width: 1260px) {
  .about .intro .box .imgbox {
    width: 100%;
  }
}
.about .intro .box .imgbox img {
  display: block;
  width: 100%;
}
.about .intro .box .textbox {
  width: 45.89%;
  color: #050505;
  font-size: 18px;
  line-height: 2;
}
@media screen and (max-width: 1580px) {
  .about .intro .box .textbox {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .about .intro .box .textbox {
    font-size: 16px;
  }
}
@media screen and (max-width: 1260px) {
  .about .intro .box .textbox {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.about .intro .box .textbox p {
  margin-bottom: 0.2rem;
}
.about .intro .box .textbox .c-name {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 30px;
}
@media screen and (max-width: 1580px) {
  .about .intro .box .textbox .c-name {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .about .intro .box .textbox .c-name {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .about .intro .box .textbox .c-name {
    font-size: 20px;
  }
}
.about .intro .box .wrap {
  margin-top: 5.2%;
  width: 100%;
  row-gap: 1rem;
}
.about .intro .box .wrap .item {
  position: relative;
  width: 25%;
  text-align: center;
  padding: 0.4rem 0.2rem;
  box-sizing: border-box;
}
.about .intro .box .wrap .item::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(204, 204, 204, 0.5);
}
.about .intro .box .wrap .item::after {
  display: none;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -0.5rem;
  width: 50%;
  height: 1px;
  margin: auto;
  background: rgba(204, 204, 204, 0.5);
}
.about .intro .box .wrap .item:nth-child(4n)::before {
  display: none;
}
@media screen and (max-width: 991px) {
  .about .intro .box .wrap .item {
    width: 50%;
    padding: 0;
  }
  .about .intro .box .wrap .item:nth-child(odd) {
    padding-right: 0.3rem;
  }
  .about .intro .box .wrap .item:nth-child(even) {
    padding-left: 0.3rem;
  }
  .about .intro .box .wrap .item:nth-child(2n)::before {
    display: none;
  }
  .about .intro .box .wrap .item:nth-child(1)::after {
    display: none;
  }
  .about .intro .box .wrap .item:nth-child(2)::after {
    display: none;
  }
  .about .intro .box .wrap .item::after {
    display: block;
  }
}
.about .intro .box .wrap .item .icon img {
  max-width: 0.6rem;
}
.about .intro .box .wrap .item .subtit {
  margin-top: 0.3rem;
  color: #333333;
  font-size: 24px;
}
@media screen and (max-width: 1580px) {
  .about .intro .box .wrap .item .subtit {
    font-size: .26rem;
  }
}
@media screen and (max-width: 991px) {
  .about .intro .box .wrap .item .subtit {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .about .intro .box .wrap .item .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .about .intro .box .wrap .item .subtit {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .about .intro .box .wrap .item .subtit {
    font-size: 16px;
  }
}
.about .intro .about_data {
  margin-top: 10%;
}
.about .intro .about_data .img {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.about .intro .about_data .img img {
  display: block;
  width: 100%;
}
.about .intro .about_data ul {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .about .intro .about_data ul {
    flex-wrap: wrap;
    gap: 0.5rem 0.3rem;
    margin-top: 0.6rem;
  }
}
.about .intro .about_data ul li {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  .about .intro .about_data ul li {
    width: calc((100% - 0.3rem) / 2);
  }
}
@media screen and (max-width: 991px) {
  .about .intro .about_data ul li.line {
    display: none;
  }
}
.about .intro .about_data ul li.line::before {
  content: '';
  display: block;
  margin: auto;
  width: 1px;
  height: 75%;
  background: rgba(204, 204, 204, 0.5);
}
.about .intro .about_data ul li .icon {
  display: inline-block;
  margin-right: 0.15rem;
  margin-top: 0.1rem;
}
.about .intro .about_data ul li .icon img {
  max-width: 0.41rem;
}
.about .intro .about_data ul li .text .t1 {
  display: flex;
  align-items: flex-start;
  gap: 0.05rem;
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-weight: bold;
  color: #006CFF;
  font-size: 22px;
  line-height: 1;
}
@media screen and (max-width: 1580px) {
  .about .intro .about_data ul li .text .t1 {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .about .intro .about_data ul li .text .t1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .about .intro .about_data ul li .text .t1 {
    font-size: 18px;
  }
}
.about .intro .about_data ul li .text .t1 .timer {
  font-size: 48px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .about .intro .about_data ul li .text .t1 .timer {
    font-size: 2.708333333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .about .intro .about_data ul li .text .t1 .timer {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .about .intro .about_data ul li .text .t1 .timer {
    font-size: 26px;
  }
}
@media screen and (max-width: 480px) {
  .about .intro .about_data ul li .text .t1 .timer {
    font-size: 24px;
  }
}
.about .intro .about_data ul li .text .t2 {
  margin-top: 0.12rem;
  color: #050505;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .about .intro .about_data ul li .text .t2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .about .intro .about_data ul li .text .t2 {
    font-size: 14px;
  }
}
.about .brand-vision {
  background: #f8f8f8;
}
.about .brand-vision .contain {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.about .brand-vision .contain .box {
  display: flex;
  flex-direction: column;
  row-gap: 0.7rem;
}
.about .brand-vision .contain .box .wrap .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 30px;
}
@media screen and (max-width: 1580px) {
  .about .brand-vision .contain .box .wrap .subtit {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .subtit {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .about .brand-vision .contain .box .wrap .subtit {
    font-size: 20px;
  }
}
.about .brand-vision .contain .box .wrap .desp {
  margin-top: 0.25rem;
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .about .brand-vision .contain .box .wrap .desp {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .desp {
    font-size: 16px;
  }
}
.about .brand-vision .contain .box .wrap .imgbox {
  position: relative;
  margin-top: 0.3rem;
}
@media screen and (max-width: 1260px) {
  .about .brand-vision .contain .box .wrap .imgbox {
    margin-top: 0.4rem;
  }
}
.about .brand-vision .contain .box .wrap .imgbox .img {
  position: relative;
  z-index: 1;
  border-radius: 0.2rem;
  overflow: hidden;
}
.about .brand-vision .contain .box .wrap .imgbox .img::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: linear-gradient(to bottom, rgba(0, 0, 3, 0), #000003);
}
.about .brand-vision .contain .box .wrap .imgbox .img img {
  display: block;
  width: 100%;
}
.about .brand-vision .contain .box .wrap .imgbox .textbox {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  box-sizing: border-box;
  padding: 0.4rem;
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox {
    position: static;
    padding: 0.6rem 0 0 0;
  }
}
.about .brand-vision .contain .box .wrap .imgbox .textbox ul {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.9rem;
}
@media screen and (max-width: 1900px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul {
    gap: 4.6875vw;
  }
}
@media screen and (max-width: 1260px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul {
    gap: 0.35rem;
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul {
    flex-wrap: wrap;
  }
}
.about .brand-vision .contain .box .wrap .imgbox .textbox ul li {
  width: 24.64%;
  border-top: rgba(204, 204, 204, 0.3) solid 1px;
  padding-top: 0.18rem;
}
@media screen and (max-width: 1260px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li {
    width: calc((100% - 1rem) / 3);
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li {
    width: 100%;
    padding-top: 0.35rem;
  }
}
.about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 18px;
  color: #ffffff;
}
@media screen and (max-width: 1580px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t1 {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t1 {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t1 {
    color: #333333;
  }
}
.about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t2 {
  margin-top: 0.12rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t2 {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .about .brand-vision .contain .box .wrap .imgbox .textbox ul li .t2 {
    color: #666666;
  }
}
.achievement {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 46.875vw;
}
@media screen and (max-width: 991px) {
  .achievement .box {
    flex-wrap: wrap;
  }
}
.achievement .box .textbox {
  width: 28.5%;
}
@media screen and (max-width: 1260px) {
  .achievement .box .textbox {
    width: 42.5%;
  }
}
@media screen and (max-width: 991px) {
  .achievement .box .textbox {
    width: 100%;
  }
}
.achievement .box .textbox .i-title {
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 991px) {
  .achievement .box .textbox .i-title {
    margin-bottom: 0.5rem;
  }
}
.achievement .box .textbox .text {
  color: #050505;
  font-size: 18px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .achievement .box .textbox .text {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .achievement .box .textbox .text {
    font-size: 16px;
  }
}
.achievement .box .textbox .text p {
  margin-bottom: 0.2rem;
}
.achievement .box .imgbox {
  position: relative;
  width: 48.89%;
}
@media screen and (max-width: 991px) {
  .achievement .box .imgbox {
    width: 100%;
    margin-top: 0.5rem;
    box-sizing: border-box;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
@media screen and (max-width: 767px) {
  .achievement .box .imgbox {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
.achievement .box .imgbox .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.achievement .box .imgbox .swiper .swiper-wrapper {
  align-items: stretch;
}
.achievement .box .imgbox .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.achievement .box .imgbox .swiper .swiper-wrapper .swiper-slide .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0.3rem;
  border-radius: 10px;
  box-sizing: border-box;
  background: #f8f8f8;
  text-align: center;
}
.achievement .box .imgbox .swiper .swiper-wrapper .swiper-slide .item .img {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.achievement .box .imgbox .swiper .swiper-wrapper .swiper-slide .item .img img {
  max-width: 100%;
}
.achievement .box .imgbox .swiper .swiper-wrapper .swiper-slide .item .text {
  margin-top: 0.25rem;
  color: #333333;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .achievement .box .imgbox .swiper .swiper-wrapper .swiper-slide .item .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .achievement .box .imgbox .swiper .swiper-wrapper .swiper-slide .item .text {
    font-size: 14px;
  }
}
.achievement .box .imgbox .swiper-button-next,
.achievement .box .imgbox .swiper-button-prev {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.3rem;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .achievement .box .imgbox .swiper-button-next,
  .achievement .box .imgbox .swiper-button-prev {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.achievement .box .imgbox .swiper-button-next::after,
.achievement .box .imgbox .swiper-button-prev::after {
  display: none;
}
.achievement .box .imgbox .swiper-button-prev {
  background: url(../images/icon37.png) center no-repeat;
  background-size: 20% auto;
  right: auto;
  left: -0.65rem;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .achievement .box .imgbox .swiper-button-prev {
    left: -0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .achievement .box .imgbox .swiper-button-prev {
    left: -0.35rem;
  }
}
.achievement .box .imgbox .swiper-button-next {
  background: url(../images/icon38.png) center no-repeat;
  background-size: 20% auto;
  right: -0.65rem;
  left: auto;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .achievement .box .imgbox .swiper-button-next {
    right: -0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .achievement .box .imgbox .swiper-button-next {
    right: -0.35rem;
  }
}
.online-message .i-title .title {
  margin-top: 0.2rem;
}
.online-message .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .online-message .box {
    margin-top: 0.6rem;
  }
}
.online-message .box .c-form .layui-form-item {
  width: calc((100% - 0.32rem) / 2);
}
.online-message .box .c-form .layui-form-item.w100 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .online-message .box .c-form .layui-form-item {
    width: 100%;
  }
}
.join-description .content .item {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-bottom: 0.65rem;
}
.join-description .content .item:last-child {
  margin-bottom: 0;
}
.join-description .content .item .box {
  color: #333333;
  font-size: 16px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .join-description .content .item .box {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .join-description .content .item .box {
    font-size: 15px;
  }
}
.join-description .team {
  margin-top: 10%;
  padding-top: 10%;
  border-top: rgba(5, 5, 5, 0.2) solid 1px;
}
.join-description .team .item-swiper {
  margin-top: 5.2%;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 991px) {
  .join-description .team .item-swiper {
    margin-top: 0.6rem;
  }
}
.join-description .team .item-swiper .item-wrapper {
  display: flex;
  align-items: stretch;
}
@media screen and (min-width: 992px) {
  .join-description .team .item-swiper .item-wrapper {
    flex-wrap: wrap;
    gap: 0.32rem;
  }
}
.join-description .team .item-swiper .item-wrapper .item-slide {
  position: relative;
  width: calc((100% - 0.32rem) / 2);
  height: auto;
  border-radius: 0.2rem;
  overflow: hidden;
}
.join-description .team .item-swiper .item-wrapper .item-slide.w1 {
  width: calc((57.22% - 0.64rem) / 2);
}
.join-description .team .item-swiper .item-wrapper .item-slide.w2 {
  width: 42.78%;
}
@media screen and (max-width: 991px) {
  .join-description .team .item-swiper .item-wrapper .item-slide {
    flex-shrink: 0;
  }
}
.join-description .team .item-swiper .item-wrapper .item-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.join-description .team .item-swiper .item-wrapper .item-slide:hover .imgbox img {
  transform: scale(1.1);
}
.join-description .team .item-swiper .item-wrapper .item-slide .imgbox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.join-description .team .item-swiper .item-wrapper .item-slide .imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease;
}
.join-description .team .item-swiper .item-wrapper .item-slide .textbox {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  text-align: left;
  padding: 0.35rem 0.4rem;
  box-sizing: border-box;
}
.join-description .team .item-swiper .item-wrapper .item-slide .textbox .t1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #ffffff;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .join-description .team .item-swiper .item-wrapper .item-slide .textbox .t1 {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .join-description .team .item-swiper .item-wrapper .item-slide .textbox .t1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .join-description .team .item-swiper .item-wrapper .item-slide .textbox .t1 {
    font-size: 18px;
  }
}
.join-description .team .item-swiper .item-wrapper .item-slide .textbox .t2 {
  margin-top: 0.06rem;
  color: #ffffff;
  font-size: 16px;
}
@media screen and (max-width: 1580px) {
  .join-description .team .item-swiper .item-wrapper .item-slide .textbox .t2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .join-description .team .item-swiper .item-wrapper .item-slide .textbox .t2 {
    font-size: 14px;
  }
}
@media screen and (min-width: 992px) {
  .join-description .team .item-swiper .swiper-pagination {
    display: none !important;
  }
}
.join-us {
  background: linear-gradient(to bottom, #f5f5f7, #ffffff);
}
.join-us .box {
  margin-top: 5.2%;
  gap: 0.32rem;
}
@media screen and (max-width: 991px) {
  .join-us .box {
    margin-top: 0.6rem;
    gap: 0.4rem;
  }
}
.join-us .box .item {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  width: calc((100% - 0.32rem) / 2);
}
@media screen and (max-width: 991px) {
  .join-us .box .item {
    width: 100%;
  }
}
.join-us .box .item:hover .textbox .btns img {
  transform: rotate(90deg);
}
.join-us .box .item .imgbox {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.join-us .box .item .imgbox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.join-us .box .item .imgbox img {
  display: block;
  width: 100%;
}
.join-us .box .item .textbox {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1260px) {
  .join-us .box .item .textbox {
    padding: 0 0.2rem;
  }
}
@media screen and (max-width: 991px) {
  .join-us .box .item .textbox {
    padding: 0 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .join-us .box .item .textbox {
    padding: 0 0.3rem;
  }
}
@media screen and (max-width: 480px) {
  .join-us .box .item .textbox {
    padding: 0 0.15rem;
  }
}
.join-us .box .item .textbox .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #ffffff;
  font-size: 30px;
}
@media screen and (max-width: 1580px) {
  .join-us .box .item .textbox .subtit {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .join-us .box .item .textbox .subtit {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .join-us .box .item .textbox .subtit {
    font-size: 20px;
  }
}
.join-us .box .item .textbox .btns {
  margin-top: 0.2rem;
  margin-bottom: 0.35rem;
}
.join-us .box .item .textbox .btns span,
.join-us .box .item .textbox .btns a {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
  cursor: pointer;
}
@media screen and (max-width: 1580px) {
  .join-us .box .item .textbox .btns span,
  .join-us .box .item .textbox .btns a {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .join-us .box .item .textbox .btns span,
  .join-us .box .item .textbox .btns a {
    font-size: 16px;
  }
}
.join-us .box .item .textbox .btns span img,
.join-us .box .item .textbox .btns a img {
  display: inline-block;
  margin-left: 0.1rem;
  transition: all 0.5s ease;
  width: 0.08rem;
}
@media screen and (max-width: 991px) {
  .join-us .box .item .textbox .btns span img,
  .join-us .box .item .textbox .btns a img {
    transform: rotate(90deg);
  }
}
.join-us .box .item .textbox .direct {
  margin-bottom: 0.6rem;
  overflow: hidden;
  transition: all 0.5s ease;
}
@media screen and (min-width: 992px) {
  .join-us .box .item .textbox .direct {
    height: 0;
  }
}
.join-us .box .item .textbox .direct ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem;
  padding: 6px;
}
@media screen and (max-width: 991px) {
  .join-us .box .item .textbox .direct ul {
    gap: 0.3rem;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .join-us .box .item .textbox .direct ul {
    gap: 0.25rem;
  }
}
@media screen and (max-width: 480px) {
  .join-us .box .item .textbox .direct ul {
    gap: 0.2rem 0.15rem;
  }
}
.join-us .box .item .textbox .direct ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24.85%;
  background: #FFFFFF;
  border-radius: 0.1rem;
  overflow: hidden;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1260px) {
  .join-us .box .item .textbox .direct ul li {
    width: calc((100% - 0.4rem) / 3);
  }
}
@media screen and (max-width: 991px) {
  .join-us .box .item .textbox .direct ul li {
    width: calc((100% - 0.6rem) / 3);
  }
}
.join-us .box .item .textbox .direct ul li:hover {
  transform: translateY(-6px);
}
.join-us .box .item .textbox .direct ul li img {
  max-width: 100%;
}
.join-us .box .item .textbox .direct ul li .t1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 12px;
  line-height: 1.2;
  padding: 0 0.05rem;
  word-break: break-word;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .join-us .box .item .textbox .direct ul li .t1 {
    font-size: 2.5vmin;
    padding: 0 0.5vmin;
  }
}
.join-us .box .item .textbox .direct ul li .t2 {
  margin-top: 0.05rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 12px;
  word-break: break-word;
  padding: 0 0.05rem;
  box-sizing: border-box;
}
@media screen and (max-width: 480px) {
  .join-us .box .item .textbox .direct ul li .t2 {
    margin-top: 0;
    font-size: 2.5vmin;
    padding: 0 0.5vmin;
  }
}
.contact-info {
  background: #f8f8f8;
}
@media screen and (max-width: 991px) {
  .contact-info {
    flex-wrap: wrap;
    padding-top: 0.7rem;
  }
}
.contact-info .content {
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .contact-info .content {
    flex-wrap: wrap;
  }
}
.contact-info .textbox {
  width: 40.3125%;
  padding-left: calc((100% - 1440px) / 2);
}
@media screen and (max-width: 1900px) {
  .contact-info .textbox {
    padding-left: 12.5%;
  }
}
@media screen and (max-width: 1260px) {
  .contact-info .textbox {
    padding-left: 7.5%;
  }
}
@media screen and (max-width: 991px) {
  .contact-info .textbox {
    padding-right: 7.5%;
    width: 100%;
    margin-right: 0;
  }
}
.contact-info .textbox .box .item {
  position: relative;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  cursor: pointer;
}
.contact-info .textbox .box .item::before {
  content: '';
  position: absolute;
  left: 0.4rem;
  bottom: 0;
  width: calc(100% - 0.4rem);
  height: 1px;
  background: #cccccc;
}
.contact-info .textbox .box .item.active::before {
  background: #006CFF;
}
.contact-info .textbox .box .item.active .subtit {
  color: #006CFF;
}
.contact-info .textbox .box .item.active .subtit::before {
  background: url('../images/icon43.png') center no-repeat;
  background-size: 100% auto;
}
.contact-info .textbox .box .item.active .text {
  height: auto;
}
.contact-info .textbox .box .item .subtit {
  position: relative;
  padding-left: 0.4rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .contact-info .textbox .box .item .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .contact-info .textbox .box .item .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact-info .textbox .box .item .subtit {
    font-size: 18px;
  }
}
.contact-info .textbox .box .item .subtit::before {
  content: '';
  position: absolute;
  left: 0.05rem;
  top: 0.12rem;
  width: 0.07rem;
  height: 0.12rem;
  background: url('../images/icon42.png') center no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 991px) {
  .contact-info .textbox .box .item .subtit::before {
    width: 6px;
    height: 10px;
  }
}
.contact-info .textbox .box .item .text {
  font-size: 16px;
  color: #050505;
  height: 0;
  transition: all 0.5s ease;
  overflow: hidden;
}
@media screen and (max-width: 1580px) {
  .contact-info .textbox .box .item .text {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .contact-info .textbox .box .item .text {
    font-size: 15px;
  }
}
.contact-info .textbox .box .item .text ul {
  padding-left: 0;
  padding-top: 0.2rem;
}
.contact-info .textbox .box .item .text ul li {
  list-style: none;
  position: relative;
  padding-left: 0.4rem;
  margin-bottom: 0.2rem;
}
.contact-info .textbox .box .item .text ul li:last-child {
  margin-bottom: 0;
}
.contact-info .textbox .box .item .text ul li img {
  position: absolute;
  left: 0;
  top: 0.05rem;
  width: 0.19rem;
}
@media screen and (max-width: 991px) {
  .contact-info .textbox .box .item .text ul li img {
    width: 14px;
  }
}
.contact-info .textbox .wrap {
  margin-top: 0.7rem;
  padding-left: 0;
  box-sizing: border-box;
  gap: 0.2rem;
}
@media screen and (max-width: 767px) {
  .contact-info .textbox .wrap {
    flex-wrap: wrap;
  }
}
.contact-info .textbox .wrap .qrcode {
  max-width: 65.5%;
}
@media screen and (max-width: 767px) {
  .contact-info .textbox .wrap .qrcode {
    max-width: 100%;
    width: 100%;
  }
}
.contact-info .textbox .wrap .qrcode ul {
  display: inline-flex;
  padding-left: 0;
  gap: 0.2rem;
}
.contact-info .textbox .wrap .qrcode ul li {
  flex: 1;
  overflow: hidden;
  list-style: none;
  text-align: center;
}
.contact-info .textbox .wrap .qrcode ul li .img {
  width: 100%;
  border-radius: 0.1rem;
  box-sizing: border-box;
  background: #FFFFFF;
}
.contact-info .textbox .wrap .qrcode ul li .img img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .contact-info .textbox .wrap .qrcode ul li .img img {
    max-width: 120px;
  }
}
@media screen and (max-width: 480px) {
  .contact-info .textbox .wrap .qrcode ul li .img img {
    max-width: 100px;
  }
}
.contact-info .textbox .wrap .qrcode ul li .text {
  margin-top: 0.1rem;
  color: #050505;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .contact-info .textbox .wrap .qrcode ul li .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .contact-info .textbox .wrap .qrcode ul li .text {
    font-size: 14px;
  }
}
.contact-info .textbox .wrap .share {
  max-width: 34.5%;
}
@media screen and (max-width: 767px) {
  .contact-info .textbox .wrap .share {
    max-width: 100%;
    width: 100%;
    margin-top: 0.3rem;
  }
}
.contact-info .textbox .wrap .share ul {
  padding-left: 0;
  display: inline-flex;
  flex-direction: column;
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .contact-info .textbox .wrap .share ul {
    flex-direction: row;
  }
}
.contact-info .textbox .wrap .share ul li {
  list-style: none;
  border-radius: 0.1rem;
  background: #FFFFFF;
}
.contact-info .textbox .wrap .share ul li a {
  display: block;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.contact-info .textbox .wrap .share ul li a img {
  max-width: 100%;
}
@media screen and (max-width: 991px) {
  .contact-info .textbox .wrap .share ul li a img {
    max-width: 120px;
  }
}
@media screen and (max-width: 480px) {
  .contact-info .textbox .wrap .share ul li a img {
    max-width: 100px;
  }
}
.contact-info .imgbox {
  width: 51.875%;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .contact-info .imgbox {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.contact-info .imgbox .mapbox {
  position: relative;
  width: 100%;
  padding-bottom: 72.00402819738167%;
}
.contact-info .imgbox .mapbox #layout-map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.news-banner .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.news-banner .swiper .swiper-wrapper {
  align-items: stretch;
}
.news-banner .swiper .swiper-wrapper .swiper-slide {
  position: relative;
  height: auto;
}
.news-banner .swiper .swiper-wrapper .swiper-slide::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/img68.png) left center no-repeat;
  background-size: cover;
}
.news-banner .swiper .swiper-wrapper .swiper-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1261px) {
  .news-banner .swiper .swiper-wrapper .swiper-slide > img {
    height: 100vh;
  }
}
.news-banner .swiper .swiper-wrapper .swiper-slide .textbox {
  position: absolute;
  bottom: 8.3333333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  width: 100%;
}
.news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box {
  max-width: 950px;
  width: 100%;
}
.news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .title {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 30px;
  line-height: 1.2;
  color: #ffffff;
  /* overflow: hidden; */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1580px) {
  .news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .title {
    font-size: .32rem;
  }
}
@media screen and (max-width: 991px) {
  .news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .title {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .title {
    font-size: 20px;
  }
}
.news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .text {
  margin-top: 0.2rem;
  font-size: 16px;
  color: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1580px) {
  .news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .text {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .text {
    font-size: 15px;
  }
}
.news-banner .swiper .swiper-wrapper .swiper-slide .textbox .box .public-btn {
  margin-top: 0.5rem;
}
.news .n-title {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 64px;
  color: #050505;
  padding-bottom: 4.5%;
  margin-bottom: 5.2%;
  border-bottom: #cdcdcd solid 1px;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .news .n-title {
    font-size: 3.541666666666667vw;
  }
}
@media screen and (max-width: 991px) {
  .news .n-title {
    font-size: 34px;
  }
}
@media screen and (max-width: 767px) {
  .news .n-title {
    font-size: 30px;
  }
}
@media screen and (max-width: 480px) {
  .news .n-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 480px) {
  .news .n-title {
    padding-bottom: 0.4rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 991px) {
  .news .box {
    flex-wrap: wrap;
  }
}
.news .box .release_text {
  color: #050505;
  font-size: 14px;
  margin-bottom: 17.6%;
  padding-bottom: 11.7%;
  border-bottom: rgba(5, 5, 5, 0.1) solid 1px;
}
@media screen and (max-width: 1580px) {
  .news .box .release_text {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .news .box .release_text {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .news .box .release_text {
    margin-top: 0.3rem;
    padding-bottom: 0.3rem;
    margin-bottom: 0;
    gap: 0.1rem 0.3rem;
  }
}
.news .box .release_text span {
  display: block;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 991px) {
  .news .box .release_text span {
    display: inline-block;
    margin-bottom: 0;
  }
}
.news .box .sidebox {
  width: 23%;
}
@media screen and (max-width: 991px) {
  .news .box .sidebox {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .news .box .sidebox .release_text {
    display: none;
  }
}
.news .box .sidebox .side-navbar ul {
  padding-left: 0;
}
.news .box .sidebox .side-navbar ul li {
  list-style: none;
  margin-bottom: 0.15rem;
}
.news .box .sidebox .side-navbar ul li.on a {
  color: #006CFF;
}
.news .box .sidebox .side-navbar ul li.on a::before {
  left: -0.2rem;
  opacity: 1;
}
.news .box .sidebox .side-navbar ul li a {
  position: relative;
  padding: 0.05rem 0;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 16px;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .news .box .sidebox .side-navbar ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .news .box .sidebox .side-navbar ul li a {
    font-size: 15px;
  }
}
.news .box .sidebox .side-navbar ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.07rem;
  height: 0.12rem;
  background: url(../images/icon44.png) center no-repeat;
  background-size: 100% auto;
  transition: all 0.5s ease;
  opacity: 0;
}
.news .box .sidebox .side-navbar ul li a:hover {
  color: #006CFF;
}
.news .box .wrap {
  width: 74.5%;
}
@media screen and (max-width: 991px) {
  .news .box .wrap {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.news .box .wrap .newlist {
  gap: 0.6rem 0.32rem;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 767px) {
  .news .box .wrap .newlist {
    gap: 0.5rem;
    margin-bottom: 0.7rem;
  }
}
.news .box .wrap .details .release_text {
  display: none;
}
@media screen and (max-width: 991px) {
  .news .box .wrap .details .release_text {
    display: flex;
    flex-wrap: wrap;
  }
}
.news .box .wrap .details .content {
  margin-top: 0.5rem;
  color: #050505;
  font-size: 16px;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .news .box .wrap .details .content {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .news .box .wrap .details .content {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  .news .box .wrap .details .content {
    margin-top: 0.4rem;
  }
}
.news .box .wrap .details .content p {
  margin-bottom: 0.2rem;
}
.news .box .wrap .details .article-operate {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: rgba(5, 5, 5, 0.1) solid 1px;
}
.news .box .wrap .details .article-operate .item {
  margin-bottom: 0.2rem;
}
.news .box .wrap .details .article-operate .item:last-child {
  margin-bottom: 0;
}
.news .box .wrap .details .article-operate .item a {
  display: inline-flex;
  align-items: flex-start;
  color: #050505;
  font-size: 16px;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .news .box .wrap .details .article-operate .item a {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .news .box .wrap .details .article-operate .item a {
    font-size: 15px;
  }
}
.news .box .wrap .details .article-operate .item a .sp1 {
  flex-shrink: 0;
  margin-right: 0.1rem;
}
.news .box .wrap .details .article-operate .item a .sp2 {
  flex: 1;
  overflow: hidden;
}
.news .box .wrap .details .article-operate .item a:hover {
  color: #c12017;
}
.news .box .wrap .details .article-operate .item a.disabled {
  pointer-events: none;
}
.news .box .wrap .interested {
  margin-top: 0.6rem;
  padding: 5.2% 6.3%;
  background: #f8f8f8;
}
@media screen and (max-width: 991px) {
  .news .box .wrap .interested {
    padding: 0.4rem;
  }
}
.news .box .wrap .interested .subheadline {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .news .box .wrap .interested .subheadline {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .news .box .wrap .interested .subheadline {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .news .box .wrap .interested .subheadline {
    font-size: 18px;
  }
}
.news .box .wrap .interested ul {
  margin-top: 0.4rem;
  padding-left: 0;
}
.news .box .wrap .interested ul li {
  list-style: none;
  margin-bottom: 0.15rem;
}
.news .box .wrap .interested ul li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  padding-left: 0.2rem;
  color: #050505;
  font-size: 16px;
  text-decoration: underline;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .news .box .wrap .interested ul li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .news .box .wrap .interested ul li a {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .news .box .wrap .interested ul li a {
    padding-left: 13px;
  }
}
.news .box .wrap .interested ul li a:hover {
  color: #006CFF;
}
.news .box .wrap .interested ul li a:hover::before {
  background: #006CFF;
}
.news .box .wrap .interested ul li a:hover::after {
  background: url(../images/icon49.png) center no-repeat;
  background-size: 100% auto;
}
.news .box .wrap .interested ul li a span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news .box .wrap .interested ul li a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 0.07rem;
  height: 0.07rem;
  background: #050505;
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .news .box .wrap .interested ul li a::before {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
.news .box .wrap .interested ul li a::after {
  content: '';
  display: inline-block;
  margin-left: 0.1rem;
  flex-shrink: 0;
  width: 0.07rem;
  height: 0.2rem;
  background: url(../images/icon48.png) center no-repeat;
  background-size: 100% auto;
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .news .box .wrap .interested ul li a::after {
    width: 5px;
    height: 20px;
  }
}
.newitem {
  display: block;
  width: calc((100% - 0.64rem) / 3);
  overflow: hidden;
}
@media screen and (max-width: 1260px) {
  .newitem {
    width: calc((100% - 0.32rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .newitem {
    width: 100%;
  }
}
.newitem:hover .imgbox img {
  transform: scale(1.1);
}
.newitem:hover .textbox .subtit {
  color: #006CFF;
}
.newitem .imgbox {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.newitem .imgbox img {
  display: block;
  width: 100%;
  transition: all 0.5s ease;
}
.newitem .textbox {
  margin-top: 0.2rem;
}
@media screen and (max-width: 767px) {
  .newitem .textbox {
    margin-top: 20px;
  }
}
.newitem .textbox .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
  line-height: 1.35;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .newitem .textbox .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .newitem .textbox .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .newitem .textbox .subtit {
    font-size: 18px;
  }
}
.newitem .textbox .date {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
  color: #050505;
  font-size: 14px;
  gap: 0.1rem;
}
@media screen and (max-width: 1580px) {
  .newitem .textbox .date {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .newitem .textbox .date {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .newitem .textbox .date {
    margin-top: 15px;
  }
}
.newitem .textbox .date span {
  display: inline-block;
  padding: 1px 5px;
  background: #5f5f5f;
  color: #ffffff;
  border-radius: 5px;
}
.page {
  width: 100%;
  text-align: center;
}
.page .page-list {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}
.page .page-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.1rem;
  min-width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.06rem;
  margin-bottom: 0.05rem;
  text-align: center;
  font-size: 14px;
  color: #666666;
  background-color: #f4f4f4;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .page .page-list a {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list a {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list a {
    min-width: 0.5rem;
    height: 0.5rem;
    margin-bottom: 0.1rem;
    margin-right: 0.1rem;
  }
}
.page .page-list a.fyprev {
  min-width: 0.98rem;
}
@media screen and (max-width: 991px) {
  .page .page-list a.fyprev {
    min-width: 1.2rem;
  }
}
.page .page-list a.fyprev i {
  display: inline-block;
  margin-right: 0.08rem;
  width: 0.05rem;
  height: 0.09rem;
  background: url(../images/icon45.png) center no-repeat;
  background-size: 100% auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .page .page-list a.fyprev i {
    width: 4px;
    height: 7px;
  }
}
.page .page-list a.fyprev:hover i {
  background: url(../images/icon45a.png) center no-repeat;
  background-size: 100% auto;
}
.page .page-list a.fynext {
  min-width: 0.98rem;
}
.page .page-list a.fynext i {
  display: inline-block;
  margin-left: 0.08rem;
  width: 0.05rem;
  height: 0.09rem;
  background: url(../images/icon46.png) center no-repeat;
  background-size: 100% auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
  .page .page-list a.fynext i {
    width: 4px;
    height: 7px;
  }
}
.page .page-list a.fynext:hover i {
  background: url(../images/icon46a.png) center no-repeat;
  background-size: 100% auto;
}
.page .page-list a:hover {
  color: #ffffff;
  background-color: #050505;
}
.page .page-list a.on {
  color: #ffffff;
  background-color: #050505;
}
.page .page-list .omit {
  display: flex;
  align-items: center;
  margin-left: 0.04rem;
  margin-right: 0.1rem;
  color: #999999;
  font-size: 16px;
}
@media screen and (max-width: 1580px) {
  .page .page-list .omit {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list .omit {
    font-size: 15px;
  }
}
.page .page-list .allpage {
  color: #666666;
  font-size: 14px;
  margin-left: 0.15rem;
  margin-right: 0.25rem;
}
@media screen and (max-width: 1580px) {
  .page .page-list .allpage {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list .allpage {
    font-size: 13px;
  }
}
.page .page-list .jump {
  display: flex;
}
.page .page-list .jump .nums {
  width: 0.6rem;
  height: 0.4rem;
  border: #f9f9f9 solid 1px;
  box-sizing: border-box;
  background: none;
  outline: none;
  text-align: center;
  margin-right: 0.06rem;
}
.page .page-list .jump .gobtn {
  width: 0.4rem;
  height: 0.4rem;
  color: #666666;
  font-size: 14px;
  background: #f5f5f5;
  border: none;
  outline: none;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media screen and (max-width: 1580px) {
  .page .page-list .jump .gobtn {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list .jump .gobtn {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list .jump .gobtn {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.page .page-list .jump .gobtn:hover {
  color: #FFFFFF;
  background: #c12017;
}
.page .page-list .jump .exhibit {
  display: inline-block;
  vertical-align: top;
  width: 0.6rem;
  font-size: 14px;
  color: #666666;
  margin-bottom: 0.05rem;
  margin-right: 0.06rem;
}
@media screen and (max-width: 1580px) {
  .page .page-list .jump .exhibit {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list .jump .exhibit {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list .jump .exhibit {
    width: 0.8rem;
    margin-bottom: 0.1rem;
    margin-right: 0.1rem;
  }
}
.page .page-list .jump .exhibit select {
  width: 100%;
  padding: 0px 5px;
  height: 0.4rem;
  font-size: 14px;
  color: #666666;
  text-align: center;
  text-align-last: center;
  border: none;
  outline: none;
  padding-right: 0.15rem;
  border: rgba(235, 235, 235, 0.5) solid 1px;
  background: rgba(255, 255, 255, 0.5) url(../images/icon47.png) center right 0.08rem no-repeat;
  background-size: 0.09rem auto;
  box-sizing: border-box;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 1580px) {
  .page .page-list .jump .exhibit select {
    font-size: 12px;
  }
}
@media screen and (max-width: 991px) {
  .page .page-list .jump .exhibit select {
    font-size: 13px;
  }
}
.page .page-list .jump .exhibit .layui-form-select .layui-select-title {
  position: relative;
}
.page .page-list .jump .exhibit .layui-form-select .layui-select-title .layui-input {
  padding-right: 0.24rem;
  text-align: center;
  color: #666666;
  height: 0.4rem;
}
@media screen and (max-width: 991px) {
  .page .page-list .jump .exhibit .layui-form-select .layui-select-title .layui-input {
    height: 0.5rem;
  }
}
.page .page-list .jump .exhibit .layui-form-select .layui-select-title .layui-edge {
  right: 0.08rem;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  width: 0.09rem;
  height: 0.09rem;
  border-width: 0;
  background: url(../images/icon47.png) center no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 991px) {
  .page .page-list .jump .exhibit .layui-form-select .layui-select-title .layui-edge {
    width: 8px;
    height: 8px;
  }
}
.page .page-list .jump .exhibit .layui-form-select dl dd {
  height: 0.32rem;
  line-height: 0.32rem;
  color: #666666;
}
.page .page-list .jump .exhibit .layui-form-select dl dd.layui-this {
  color: #ffffff;
  background: #050505;
}
.solution {
  position: relative;
}
.solution .bar-content {
  top: 0.9rem;
}
@media screen and (max-width: 991px) {
  .solution .bar-content {
    top: 60px;
  }
}
.solution .substance .intro {
  padding-bottom: 10%;
  margin-bottom: 10%;
  border-bottom: #cdcdcd solid 1px;
}
.solution .substance .intro .i-title .txt {
  margin-top: 4.1666667%;
  font-family: "HarmonyOS_Sans_SC_Light";
}
.solution .substance .scenario .i-title {
  margin-bottom: 0.5rem;
}
.solution .content .section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.solution .content .section::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 40.88541666666667vw;
  background: linear-gradient(to bottom, #f5f5f7, #ffffff);
}
.solution .content .section .i-title .title {
  margin-top: 0.15rem;
}
@media screen and (max-width: 991px) {
  .solution .content .section .i-title .title {
    margin-top: 10px;
    font-size: 18px;
  }
}
@media screen and (max-width: 480px) {
  .solution .content .section .i-title .title {
    font-size: 16px;
  }
}
.solution .content .section .box {
  margin-top: 6.25%;
}
.solution .create-value {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.solution .create-value::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 40.88541666666667vw;
  background: linear-gradient(to bottom, #f5f5f7, #ffffff);
}
.solution .create-value .box {
  margin-top: 0.6rem;
}
.solution .create-value .box .item {
  display: flex;
  flex-direction: column;
  margin-right: 0.5rem;
}
@media screen and (max-width: 1260px) {
  .solution .create-value .box .item {
    width: calc((100% - 1.2rem) / 4);
    margin-right: 0.4rem;
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: rgba(5, 5, 5, 0.2) solid 1px;
  }
}
.solution .create-value .box .item.w1 {
  max-width: 43.4%;
}
@media screen and (max-width: 1260px) {
  .solution .create-value .box .item.w1 {
    max-width: calc(((100% - 1.2rem) / 4) * 2);
    width: calc(((100% - 1.2rem) / 4) * 2);
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item.w1 {
    max-width: 100%;
    width: 100%;
  }
}
.solution .create-value .box .item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
.solution .create-value .box .item:last-child .wrap {
  border: none;
  padding-right: 0;
}
.solution .create-value .box .item .subtit {
  flex-shrink: 0;
  margin-bottom: 0.3rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
}
@media screen and (max-width: 1580px) {
  .solution .create-value .box .item .subtit {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item .subtit {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .solution .create-value .box .item .subtit {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item .subtit {
    margin-bottom: 0.2rem;
  }
}
.solution .create-value .box .item .wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
  gap: 0.2rem 0.4rem;
  padding-right: 0.5rem;
  border-right: rgba(5, 5, 5, 0.2) solid 1px;
  box-sizing: border-box;
}
@media screen and (min-width: 992px) {
  .solution .create-value .box .item .wrap {
    flex: 1;
  }
}
@media screen and (max-width: 1260px) {
  .solution .create-value .box .item .wrap {
    gap: 0.2rem 0.3rem;
    padding-right: 0.3rem;
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item .wrap {
    padding-right: 0;
    border-right: none;
  }
}
@media screen and (min-width: 992px) {
  .solution .create-value .box .item .wrap .row {
    max-width: 2.2rem;
    min-width: calc((100% - 0.4rem) / 2);
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item .wrap .row {
    flex: 1 1 calc((100% / 3) - 0.4rem);
    min-width: 0;
  }
}
@media screen and (max-width: 767px) {
  .solution .create-value .box .item .wrap .row {
    flex: 1 1 calc(50% - 0.4rem);
  }
}
@media screen and (max-width: 480px) {
  .solution .create-value .box .item .wrap .row {
    flex: auto;
    width: 100%;
  }
}
.solution .create-value .box .item .wrap .row .t1 {
  display: flex;
  align-items: center;
  font-family: "HarmonyOS_Sans_SC_Bold";
  font-weight: bold;
  font-size: 48px;
  color: #006CFF;
  line-height: 1.5;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .solution .create-value .box .item .wrap .row .t1 {
    font-size: 2.708333333333333vw;
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item .wrap .row .t1 {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  .solution .create-value .box .item .wrap .row .t1 {
    font-size: 26px;
  }
}
@media screen and (max-width: 480px) {
  .solution .create-value .box .item .wrap .row .t1 {
    font-size: 24px;
  }
}
.solution .create-value .box .item .wrap .row .t2 {
  color: #050505;
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .solution .create-value .box .item .wrap .row .t2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .solution .create-value .box .item .wrap .row .t2 {
    font-size: 14px;
  }
}
.detection {
  margin-top: 0.6rem;
}
@media screen and (max-width: 991px) {
  .detection {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.detection .textbox {
  width: 36%;
}
@media screen and (max-width: 991px) {
  .detection .textbox {
    width: 100%;
  }
}
.detection .textbox ul {
  padding-left: 0;
}
.detection .textbox ul li {
  display: flex;
  flex-direction: column;
  row-gap: 0.1rem;
  list-style: none;
  padding-bottom: 0.32rem;
  margin-bottom: 0.32rem;
  border-bottom: rgba(204, 204, 204, 0.3) solid 1px;
}
.detection .textbox ul li .t1 {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 18px;
}
@media screen and (max-width: 1580px) {
  .detection .textbox ul li .t1 {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .detection .textbox ul li .t1 {
    font-size: 16px;
  }
}
.detection .textbox ul li .t2 {
  font-size: 14px;
  color: rgba(5, 5, 5, 0.6);
}
@media screen and (max-width: 1580px) {
  .detection .textbox ul li .t2 {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .detection .textbox ul li .t2 {
    font-size: 14px;
  }
}
.detection .imgbox {
  width: 48.89%;
  overflow: hidden;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 991px) {
  .detection .imgbox {
    width: 100%;
    /*margin-top: 0.4rem;*/
   margin-bottom: 0.4rem;
  }
}
.detection .imgbox img {
  display: block;
  width: 100%;
}
.material {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.material::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 40.88541666666667vw;
  background: linear-gradient(to bottom, #f5f5f7, #ffffff);
}
.material .box {
  margin-top: 5.2%;
  border-top: rgba(5, 5, 5, 0.3) solid 1px;
  border-bottom: rgba(5, 5, 5, 0.3) solid 1px;
}
@media screen and (max-width: 991px) {
  .material .box {
    width: 100%;
    margin-top: 0.6rem;
    overflow-x: auto;
  }
}
.material .box table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
@media screen and (max-width: 991px) {
  .material .box table {
    min-width: 1000px;
  }
}
.material .box table tr th {
  text-align: left;
  padding-right: 0.15rem;
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 22px;
  font-weight: normal;
  height: 0.86rem;
  border-bottom: rgba(5, 5, 5, 0.3) solid 1px;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .material .box table tr th {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .material .box table tr th {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .material .box table tr th {
    font-size: 18px;
  }
}
@media screen and (max-width: 991px) {
  .material .box table tr th {
    padding-right: 15px;
    height: 1rem;
  }
}
.material .box table tr td {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  padding-right: 0.15rem;
  color: #666666;
  font-size: 14px;
  line-height: 1.7;
  height: 0.5rem;
  box-sizing: border-box;
  vertical-align: top;
}
@media screen and (max-width: 1580px) {
  .material .box table tr td {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .material .box table tr td {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .material .box table tr td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    height: 0.7rem;
  }
}
.material .box table tr td .item .subtit {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 18px;
  margin-bottom: 0.15rem;
}
@media screen and (max-width: 1580px) {
  .material .box table tr td .item .subtit {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .material .box table tr td .item .subtit {
    font-size: 16px;
  }
}
.material .box table tr td .item ul li {
  margin-bottom: 0.05rem;
}
.search-section {
  position: relative;
}
.search-section .search-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 5;
}
.search-section .search-banner > img {
  width: 100%;
}
@media screen and (max-width: 1260px) {
  .search-section .search-banner > img {
    height: 28vh;
    object-fit: cover;
  }
}
@media screen and (max-width: 991px) {
  .search-section .search-banner > img {
    height: 320px;
  }
}
@media screen and (max-width: 480px) {
  .search-section .search-banner > img {
    height: 280px;
  }
}
.search-section .search-banner .wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.search-section .search-banner .wrap .headline {
  font-family: "HarmonyOS_Sans_SC_Medium";
  font-size: 44px;
  color: #FFFFFF;
  text-align: center;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 1580px) and (min-width: 992px) {
  .search-section .search-banner .wrap .headline {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 991px) {
  .search-section .search-banner .wrap .headline {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .search-section .search-banner .wrap .headline {
    font-size: 25px;
  }
}
@media screen and (max-width: 480px) {
  .search-section .search-banner .wrap .headline {
    font-size: 22px;
  }
}
.search-section .search-banner .wrap .searchbox {
  max-width: 5.6rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 991px) {
  .search-section .search-banner .wrap .searchbox {
    max-width: 6.4rem;
  }
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row {
  width: 100%;
  border: rgba(255, 255, 255, 0.6) solid 1px;
  box-sizing: border-box;
  border-radius: 0.4rem;
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input {
  flex: 1;
  color: #FFFFFF;
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 16px;
  height: 0.58rem;
  border: none;
  outline: none;
  background: none;
  padding: 0 0.3rem;
  box-sizing: border-box;
}
@media screen and (max-width: 1580px) {
  .search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input {
    font-size: 14px;
  }
}
@media screen and (max-width: 991px) {
  .search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input {
    height: 0.7rem;
    padding: 0 0.4rem;
    border-radius: 0.5rem;
  }
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input::-webkit-input-placeholder {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: rgba(255, 255, 255, 0.6);
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input::-moz-placeholder {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: rgba(255, 255, 255, 0.6);
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input:-moz-placeholder {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: rgba(255, 255, 255, 0.6);
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-input:-ms-input-placeholder {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: rgba(255, 255, 255, 0.6);
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-btn {
  width: 1rem;
  background: #006CFF;
  border-radius: 0.3rem;
  height: 0.58rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
@media screen and (max-width: 991px) {
  .search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-btn {
    width: 1.25rem;
    height: 0.7rem;
    border-radius: 0.5rem;
  }
}
.search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-btn img {
  max-width: 18%;
}
@media screen and (max-width: 991px) {
  .search-section .search-banner .wrap .searchbox .layui-form .layui-row .layui-btn img {
    max-width: 22%;
  }
}
.search-section .search-result .res-text {
  font-family: "HarmonyOS_Sans_SC_Regular";
  font-size: 18px;
  color: #666666;
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 1580px) {
  .search-section .search-result .res-text {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .search-section .search-result .res-text {
    font-size: 16px;
  }
}
.search-section .search-result .res-text span {
  color: #006CFF;
}
.search-section .search-result .box {
  padding-bottom: 0.7rem;
  gap: 0.6rem 0.32rem;
}
@media screen and (max-width: 767px) {
  .search-section .search-result .box {
    gap: 0.5rem;
  }
}
.jitter {
  transition: all 0.5s ease;
}
.jitter:hover {
  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
  transform: scale(1.02);
}


.myedit h1,
.myedit h2,
.myedit h3,
.myedit h4,
.myedit h5,
.myedit h6 {
  font-family: revert;
  font-style: revert;
  font-size: revert;
  font-weight: revert;
}
.myedit blockquote,
.myedit body,
.myedit button,
.myedit dd,
.myedit div,
.myedit dl,
.myedit dt,
.myedit form,
.myedit h1,
.myedit h2,
.myedit h3,
.myedit h4,
.myedit h5,
.myedit h6,
.myedit input,
.myedit li,
.myedit ol,
.myedit p,
.myedit pre,
.myedit td,
.myedit textarea,
.myedit th,
.myedit ul {
  margin: revert;
  padding: revert;
  -webkit-tap-highlight-color: revert;
}
.myedit li {
  list-style: revert;
  margin-bottom: 0.12rem;
}




/*20260130*/
.index_news .wrap {
  margin-bottom: 0.6rem;
}
.index_news .box {
  position: relative;
}
@media screen and (max-width: 991px) {
  .index_news .box {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
}
@media screen and (max-width: 767px) {
  .index_news .box {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.index_news .box .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.index_news .box .swiper .swiper-wrapper {
  align-items: stretch;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide {
  height: auto;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item {
  display: block;
  width: 100%;
  overflow: hidden;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item:hover .imgbox img {
  transform: scale(1.1);
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item:hover .textbox .title {
  color: #006CFF;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .imgbox {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .imgbox img {
  display: block;
  width: 100%;
  transition: all 0.5s ease;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox {
  padding: 0.3rem 0;
  box-sizing: border-box;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .title {
  font-family: "HarmonyOS_Sans_SC_Regular";
  color: #050505;
  font-size: 18px;
  line-height: 1.35;
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .title {
    font-size: 15px;
  }
}
@media screen and (max-width: 991px) {
  .index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .title {
    font-size: 16px;
  }
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .text {
  margin-top: 0.15rem;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .text a,
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .text span {
  color: #006CFF;
  font-size: 14px;
  text-decoration: underline;
}
@media screen and (max-width: 1580px) {
  .index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .text a,
  .index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .text span {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .text a,
  .index_news .box .swiper .swiper-wrapper .swiper-slide .item .textbox .text span {
    font-size: 14px;
  }
}
.index_news .box .swiper-button-next,
.index_news .box .swiper-button-prev {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: -0.3rem;
  border-radius: 50%;
  transition: all 0.5s ease;
}
@media screen and (max-width: 991px) {
  .index_news .box .swiper-button-next,
  .index_news .box .swiper-button-prev {
    width: 0.64rem;
    height: 0.64rem;
  }
}
.index_news .box .swiper-button-next::after,
.index_news .box .swiper-button-prev::after {
  display: none;
}
.index_news .box .swiper-button-prev {
  background: url(../images/icon10.png) center no-repeat;
  background-size: 20% auto;
  right: auto;
  left: -0.65rem;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .index_news .box .swiper-button-prev {
    left: -0.35rem;
    background: url(../images/icon10.png) center no-repeat;
    background-size: 25% auto;
  }
}
@media screen and (max-width: 767px) {
  .index_news .box .swiper-button-prev {
    left: -0.2rem;
  }
}
.index_news .box .swiper-button-next {
  background: url(../images/icon11.png) center no-repeat;
  background-size: 20% auto;
  right: -0.65rem;
  left: auto;
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 991px) {
  .index_news .box .swiper-button-next {
    right: -0.35rem;
    background: url(../images/icon11.png) center no-repeat;
    background-size: 25% auto;
  }
}
@media screen and (max-width: 767px) {
  .index_news .box .swiper-button-next {
    right: -0.2rem;
  }
}
.index_contact {
  background: linear-gradient(to bottom, #f5f5f7, #ffffff);
}
.recruitment .contain {
  border-top: rgba(5, 5, 5, 0.2) solid 1px;
}
.recruitment .contain .box {
  margin-top: 5.2%;
}
@media screen and (max-width: 991px) {
  .recruitment .contain .box {
    margin-top: 0.6rem;
  }
}
.recruitment .contain .box .item {
  display: block;
  width: 100%;
  padding: 0.4rem;
  box-sizing: border-box;
  background: #f5f5f5;
  margin-bottom: 0.2rem;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .recruitment .contain .box .item {
    margin-bottom: 0.4rem;
  }
}
.recruitment .contain .box .item:last-child {
  margin-bottom: 0;
}
.recruitment .contain .box .item:hover .title {
  color: #006CFF;
}
.recruitment .contain .box .item .title {
  font-size: 22px;
  color: #000000;
  font-family: "HarmonyOS_Sans_SC_Regular";
  transition: all 0.5s ease;
}
@media screen and (max-width: 1580px) {
  .recruitment .contain .box .item .title {
    font-size: .24rem;
  }
}
@media screen and (max-width: 991px) {
  .recruitment .contain .box .item .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .recruitment .contain .box .item .title {
    font-size: 18px;
  }
}
.recruitment .contain .box .item .info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #333333;
  font-size: 14px;
  margin-top: 0.15rem;
}
@media screen and (max-width: 1580px) {
  .recruitment .contain .box .item .info {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .recruitment .contain .box .item .info {
    font-size: 14px;
  }
}
.recruitment .contain .box .item .info span {
  display: inline-block;
  margin: 0 3px;
}
.recruitment .contain .box .item .desc {
  position: relative;
  margin-top: 0.15rem;
  font-size: 14px;
  color: #666666;
  line-height: 1.7;
}
@media screen and (max-width: 1580px) {
  .recruitment .contain .box .item .desc {
    font-size: 13px;
  }
}
@media screen and (max-width: 991px) {
  .recruitment .contain .box .item .desc {
    font-size: 14px;
  }
}
.recruitment .contain .box .item .desc::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(245, 245, 245, 0), rgba(245, 245, 245, 0.7));
  pointer-events: none;
}
.about-video {
  background: linear-gradient(to bottom, #f5f5f7, #ffffff);
}
.about-video .box {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
}
.about-video .box .videoimg {
  display: block;
  width: 100%;
}
.about-video .box .movie video {
  width: 100%;
  border-radius: 0.2rem;
}
.about-video .box .btns {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@media screen and (max-width: 991px) {
  .about-video .box .btns.playButton {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .about-video .box .btns.c-play {
    display: none;
  }
}
.about-video .box .btns img {
  width: 0.54rem;
}
@media screen and (max-width: 1260px) {
  .about-video .box .btns img {
    width: 0.64rem;
  }
}



/*20260202*/
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .imgbox,
.newitem .imgbox{
        position: relative;
        padding-bottom: 66.56804733727811%;
}
.index_news .box .swiper .swiper-wrapper .swiper-slide .item .imgbox img,
.newitem .imgbox img{
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
}

.common-switch .switchli .text{
  margin-left: 0 !important;
}
.footer .footerbottom .copylink a:hover{
    color: rgba(0, 0, 0, 0.4);
}
.footer .footerbottom .copylink .poweredBy,
.footer .footerbottom .copylink .poweredBy a,
.footer .footerbottom .copylink .poweredBy:hover,
.footer .footerbottom .copylink .poweredBy:hover a{
    color: #ffffff;
}