@charset "UTF-8";
/************/
@media (min-width: 992px) {
  .head-place {
    height: 5em;
  }
}
.news-list .item:first-child .box {
  padding-top: 0;
}
.news-list .box {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 3em 0;
  border-bottom: 1px solid #d9d9d9;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.news-list .imgs {
  width: 30%;
  position: relative;
  overflow: hidden;
  padding-top: 20%;
}
.news-list .imgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
}
.news-list .desc {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 64.33%;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
.news-list .time {
  font-family: "HarmonyOS";
  font-weight: initial;
  margin-right: 5.5em;
  -webkit-flex: none;
          flex: none;
  white-space: nowrap;
}
.news-list .day {
  font-size: 4.8em;
  line-height: 1.14;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.news-list .year-month {
  font-size: 0.9em;
  line-height: 1;
  color: #817F7F;
}
.news-list .doc-box {
  -webkit-flex: 1;
          flex: 1;
}
.news-list .title {
  max-height: 3em;
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-family: "HarmonyOS";
  font-weight: initial;
  color: #2D2929;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-list .doc {
  font-size: 0.8em;
  line-height: 1.875;
  color: #817F7F;
  margin: 2.5em 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

@media (min-width: 991.98px) {
  .notice-list .item:hover .title,
  .news-list .item:hover .title {
    color: #012C7C;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .notice-list .item:hover .imgs img,
  .news-list .item:hover .imgs img {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
@media (max-width: 991.98px) {
  .p-newslist .main-box-end {
    background: #fff;
    padding: 1rem 0 1.4rem;
  }
  .news-list .item {
    margin-bottom: 0.6rem;
  }
  .news-list .item:first-child .box {
    padding-top: 0.6rem;
  }
  .news-list .item:last-child {
    margin-bottom: 0;
  }
  .news-list .box {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    background: #fff;
    padding: 0.6rem 0.4rem 0.3rem;
    border-bottom: 0;
  }
  .news-list .desc {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    width: 100%;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .news-list .time {
    padding: 0.2rem 0 0;
    margin-right: 0em;
    margin: 0.8rem 0 0;
    border-top: 1px solid #dcdcdc;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-align-items: flex-start;
            align-items: flex-start;
  }
  .news-list .day {
    font-size: 0.64rem;
    line-height: 0.74rem;
    background: none;
    color: #F18A38;
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
  }
  .news-list .year-month {
    font-size: 0.9em;
    line-height: 1;
  }
  .news-list .title {
    max-height: 0.8rem;
    font-size: 0.34rem;
    line-height: 0.4rem;
  }
}
.notice-list .item:first-child .box {
  padding-top: 0;
}
.notice-list .box {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 2em 0;
  border-bottom: 1px solid #D9D9D9;
}
.notice-list .title {
  width: 100%;
  -webkit-flex: 1;
          flex: 1;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #2D2929;
  font-weight: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.notice-list .time {
  font-size: 0.9em;
  line-height: 1;
  color: #817F7F;
  text-align: right;
  white-space: nowrap;
  margin-left: 2.5em;
}

@media (max-width: 991.98px) {
  .notice-list .box {
    display: block;
    padding: 0.56rem 0;
  }
  .notice-list .title {
    width: 100%;
    font-size: 0.34rem;
    line-height: 0.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    max-height: 0.8rem;
    overflow: hidden;
  }
  .notice-list .time {
    width: 100%;
    font-size: 0.28rem;
    line-height: 1;
    text-align: left;
    margin: 0.34rem 0 0;
  }
}
.newsdel-top {
  margin: 0 0 1.7rem;
}
.newsdel-top .title {
  font-size: 2rem;
  line-height: 2.5rem;
  color: #2D2929;
  text-align: center;
  max-width: 1312px;
  margin: 0 auto;
}
.newsdel-top .tip {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  margin: 1.5rem -1.5rem 0;
}
.newsdel-top .item {
  position: relative;
  font-size: 0.8rem;
  line-height: 1rem;
  color: #817f7f;
  color: #817F7F;
  padding: 0 1.5rem;
}
.newsdel-top .item::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 75%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #CED3D9;
}
.newsdel-top .item:last-child::before {
  display: none;
}

.newsdel-element {
  position: relative;
  padding: 4em 18% 3.2em;
  min-height: 20em;
}
.newsdel-element::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}
.newsdel-element::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}

.newsdel-editor {
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #2D2929;
}
.newsdel-editor p {
  margin-bottom: 0.67em;
}
.newsdel-editor p:last-child {
  margin-bottom: 0;
}
.newsdel-editor img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 1.56em 0;
}

@media (min-width: 991.98px) {
  .newsdel-top .item:hover {
    color: #012C7C;
  }
}
.p-newsdel .head-place {
  width: 100%;
  height: 5em;
}
.p-newsdel .header {
  border-bottom: 1px solid #e1e4e6;
}
.p-newsdel .main-box-end {
  padding-top: 4.25em;
}

@media (max-width: 991.98px) {
  .p-newsdel .head-place {
    height: 1.2rem;
  }
  .p-newsdel .header {
    border-bottom: 0;
  }
  .p-newsdel .main-box-end {
    padding-top: 0.43rem;
  }
  .news-back-list {
    font-size: 0.28rem;
    line-height: 1;
    color: #817F7F;
  }
  .news-back-list .box {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-justify-content: left;
            justify-content: left;
  }
  .news-back-list img {
    width: 0.3rem;
    height: 0.24rem;
    object-fit: contain;
    margin-right: 0.14rem;
  }
  .newsdel-top {
    margin: 0.5rem 0 0.68rem;
  }
  .newsdel-top .title {
    font-size: 0.4rem;
    line-height: 0.52rem;
    text-align: left;
    max-width: none;
  }
  .newsdel-top .tip {
    margin: 0.4rem 0 0;
    display: block;
  }
  .newsdel-top .item {
    position: relative;
    font-size: 0.28rem;
    line-height: 1em;
    color: #817f7f;
    color: #817F7F;
    padding: 0;
    margin: 0 0 0.1rem;
  }
  .newsdel-top .item:last-child {
    margin-bottom: 0;
  }
  .newsdel-top .item::before {
    display: none;
  }
  .newsdel-element {
    position: relative;
    min-height: 6rem;
    padding: 0.7rem 0 0.8rem;
  }
  .newsdel-editor {
    font-size: 0.32rem;
    line-height: 0.46rem;
  }
  .newsdel-editor p {
    margin-bottom: 0.4rem;
  }
  .newsdel-editor img {
    padding: 0.2rem 0;
  }
}
.p-product .base-title-box {
  position: relative;
}
.p-product .base-title-box::before {
  position: absolute;
  content: "";
  left: 50%;
  top: -2.75em;
  width: 58%;
  width: 43.6em;
  height: 15em;
  background: url(/img/common/p-product-title-bgk.png) no-repeat center center;
  background-size: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  pointer-events: none;
}

.product-leading-swiper {
  padding: 0;
  margin: 0 0 5.25em;
}
.product-leading-swiper .swiper-pagination {
  bottom: 0;
  position: static;
  margin: 3.4em 0 0;
}
.product-leading-swiper .swiper-pagination-bullet {
  width: 0.6em;
  height: 0.6em;
  margin: 0 0.5em !important;
  background: #fff;
  border: 1px solid #012C7C;
}
.product-leading-swiper .swiper-pagination-bullet-active {
  background: #012C7C;
}
.product-leading-swiper .imgs {
  position: relative;
  overflow: hidden;
  padding: 66.66% 0 0;
  border-radius: 0.5em;
}
.product-leading-swiper .imgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
}
.product-leading-swiper .bd {
  padding: 1.7em 3.25em 0;
}
.product-leading-swiper .title {
  max-width: 14.4em;
  font-size: 1em;
  line-height: 1.2;
  margin: 0 auto;
  font-family: "HarmonyOS";
  font-weight: initial;
  background: -webkit-linear-gradient(270deg, #164999 23%, #F1923D 55.15%, #F7B423 88%);
  background: -webkit-linear-gradient(right, #164999 23%, #F1923D 55.15%, #F7B423 88%);
  background: linear-gradient(270deg, #164999 23%, #F1923D 55.15%, #F7B423 88%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-leading-swiper .doc {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #2D2929;
  margin: 1em 0 0;
}
.product-leading-swiper .doc p {
  margin-bottom: 0.6em;
}
.product-leading-swiper .doc p:last-child {
  margin-bottom: 0;
}

.product-tabnav {
  border-bottom: 3px solid #f1f1f1;
  margin: 0 0 4em;
}

.product-tabnav-swiper {
  overflow: initial;
}
.product-tabnav-swiper .swiper-wrapper {
  -webkit-justify-content: center;
          justify-content: center;
}
.product-tabnav-swiper .swiper-slide {
  position: relative;
  width: auto;
  font-size: 0.9em;
  line-height: 1.33;
  color: #012C7C;
  padding: 0 2.77em 1.38em;
}
.product-tabnav-swiper .active::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}
.product-tabnav-swiper a {
  width: 100%;
  height: 100%;
  display: block;
}

.product-repotr-list {
  margin: -2em -0.75em -2em;
}
.product-repotr-list .item {
  padding: 2em 0.75em 2em;
}
.product-repotr-list .box {
  width: 100%;
  height: 100%;
  display: block;
}
.product-repotr-list .imgs {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding: 66.66% 0 0;
  background: #F5F5F5;
}
.product-repotr-list .imgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: contain;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  width: 66.66%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: auto;
  bottom: 0;
  object-fit: cover;
  object-position: center bottom;
}
.product-repotr-list .imgs .img1 {
  z-index: 3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.product-repotr-list .imgs .img2 {
  z-index: 2;
  height: 0;
}
.product-repotr-list .title {
  width: 100%;
  font-size: 1.2em;
  line-height: 1.5;
  font-family: "HarmonyOS";
  font-weight: initial;
  font-weight: normal;
  color: #2D2929;
  text-align: center;
  padding: 0 10%;
  margin: 1.25em 0 0;
}

.repotr-pane {
  display: none;
}
.repotr-pane.active {
  display: block;
}

@media (min-width: 992px) {
  .p-product .base-title-box {
    text-align: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
    margin-bottom: 3.5em;
  }
  .p-product .base-title-box .doc {
    width: 100%;
  }
  .product-repotr-list .box:hover .img1 {
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .product-repotr-list .box:hover .img2 {
    height: 100%;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
  }
  .p-product-list .base-title {
    max-width: 49.5em;
  }
}
@media (max-width: 991.98px) {
  .product-leading-swiper {
    padding: 0;
    margin: 0 0 1.3rem;
  }
  .product-leading-swiper .swiper-pagination {
    bottom: 0;
    margin: 0.4rem 0 0;
  }
  .product-leading-swiper .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem !important;
  }
  .product-leading-swiper .imgs {
    position: relative;
    overflow: hidden;
    padding: 66.66% 0 0;
    border-radius: 0.5em;
  }
  .product-leading-swiper .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  }
  .product-leading-swiper .bd {
    text-align: center;
    padding: 0.44rem 0.54rem 0;
  }
  .product-leading-swiper .title {
    font-size: 0.36rem;
    line-height: 0.4rem;
    margin-bottom: 0.26rem;
    max-width: none;
  }
  .product-leading-swiper .doc {
    font-size: 0.28rem;
    line-height: 0.34rem;
    margin: 0;
  }
  .product-tabnav {
    border-bottom: 0.03rem solid #f1f1f1;
    margin: 0 0 0.8rem;
  }
  .product-tabnav-swiper {
    overflow: hidden;
  }
  .product-tabnav-swiper .swiper-wrapper {
    -webkit-justify-content: center;
            justify-content: center;
  }
  .product-tabnav-swiper .swiper-slide {
    font-size: 0.28rem;
    line-height: 0.28rem;
    padding: 0 0.3rem 0.22rem;
  }
  .product-tabnav-swiper .active::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0rem;
    width: 100%;
    height: 0.03rem;
  }
  .product-repotr-list {
    margin: 0 0 0rem;
  }
  .product-repotr-list .item {
    padding: 0;
    margin: 0 0 0.7rem;
  }
  .product-repotr-list .item:last-child {
    margin-bottom: 0;
  }
  .product-repotr-list .imgs {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding: 66.66% 0 0;
    background: #F5F5F5;
  }
  .product-repotr-list .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: contain;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    width: 66.66%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: auto;
    bottom: 0;
    object-fit: cover;
    object-position: center bottom;
  }
  .product-repotr-list .imgs .img1 {
    z-index: 3;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .product-repotr-list .imgs .img2 {
    z-index: 2;
    height: 0;
  }
  .product-repotr-list .title {
    width: 100%;
    font-size: 0.36rem;
    line-height: 0.44rem;
    padding: 0 5%;
    margin: 0.42rem 0 0;
  }
  .repotr-pane {
    display: none;
  }
  .repotr-pane.active {
    display: block;
  }
  .p-product .main-box-end {
    padding: 1.2rem 0 1.4rem;
  }
  .p-product .base-title-box {
    position: relative;
    margin: 0 auto 0.58rem;
  }
  .p-product .base-title-box::before {
    display: none;
  }
  .p-product-list .base-title-box {
    margin-bottom: 0.68rem;
  }
  .p-product-list .main-box-end {
    padding-bottom: 1.6rem;
  }
  .p-product-list .product-leading-swiper {
    margin-bottom: 0.6rem;
  }
  .p-product-list .product-leading-swiper .bd {
    padding: 0.44rem 0.5rem 0;
  }
  .p-product-list .product-leading-swiper .swiper-pagination {
    margin: 0.6rem 0 0;
  }
}
.product-advancement {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0 4em;
}
.product-advancement::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45.6em;
  background: url(/img/common/xjx-bgk.webp) no-repeat center center;
  background-size: cover;
}

.product-advancement .product-leading-swiper .bd {
  padding: 1.3em 2em 0;
}
.product-advancement .product-leading-swiper .bd span {
  color: #012C7C;
}

.product-advancement-list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 0 12.6%;
}
.product-advancement-list .item {
  position: relative;
  width: 27.32%;
}
.product-advancement-list .box {
  position: relative;
  border-radius: 50%;
  padding-top: 100%;
}
.product-advancement-list .line1 {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/img/images/product-advancement-list1-jd.png) no-repeat center center;
  background-size: cover;
}
.product-advancement-list .line1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-advancement-list .line2 {
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  padding: 3px;
  border-radius: 50%;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  z-index: 2;
}
.product-advancement-list .content {
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  padding: 13% 0 0;
}
.product-advancement-list .icon {
  width: 3.4em;
  height: 3.4em;
  margin: 0 auto;
}
.product-advancement-list .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
.product-advancement-list .num {
  height: 0.9em;
  font-size: 2.5em;
  line-height: 1em;
  font-weight: bold;
  font-family: "HarmonyOS";
  font-weight: initial;
  color: #012C7C;
  margin: 0.6em 0 0;
  white-space: nowrap;
}
.product-advancement-list .title {
  font-size: 0.8em;
  line-height: 1.25em;
  margin: 0.625em 0 0;
  padding: 0 16%;
}
.product-advancement-list .item {
  position: relative;
}
.product-advancement-list .item:nth-child(1)::before {
  position: absolute;
  content: "";
  left: -7%;
  top: -6%;
  width: 111%;
  height: 110%;
  background: url(/img/images/yuanquan2.png) no-repeat center center;
  /* background-repeat: no-repeat; */
  background-size: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.product-advancement-list .item:nth-child(3)::before {
  position: absolute;
  content: "";
  left: -7%;
  top: -6%;
  width: 111%;
  height: 110%;
  background: url(/img/images/yuanquan3.png) no-repeat center center;
  /* background-repeat: no-repeat; */
  background-size: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.product-advancement-list .big-item {
  width: 29.46%;
  width: 30.35%;
  position: relative;
}
.product-advancement-list .big-item::before {
  position: absolute;
  content: "";
  left: -7%;
  top: -6%;
  width: 111%;
  height: 110%;
  background: url(/img/images/yuanquan1.png) no-repeat center center;
  /* background-repeat: no-repeat; */
  background-size: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.product-advancement-list .big-item .num {
  margin: 0.8em 0 0;
}
.product-advancement-list .big-item .box {
  position: relative;
}

@media (max-width: 991.98px) {
  .product-advancement {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 0 5.5em;
  }
  .product-advancement::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5.58rem;
    background: url(/img/common/xjx-bgk-mob.webp) no-repeat center center;
    background-size: cover;
  }
  .product-advancement .product-leading-swiper .bd {
    padding: 1.3em 2em 0;
  }
  .product-advancement .product-leading-swiper .bd span {
    color: #012C7C;
  }
  .product-advancement-list {
    width: 100%;
    height: 100%;
    display: block;
    padding: 0 0.3rem;
  }
  .product-advancement-list .item {
    position: relative;
    width: 100%;
    margin-bottom: 0.52rem;
  }
  .product-advancement-list .item:last-child {
    margin-bottom: 0;
  }
  .product-advancement-list .item::before {
    display: none;
  }
  .product-advancement-list .box {
    position: relative;
    border-radius: 0%;
    padding-top: 0%;
  }
  .product-advancement-list .line1 {
    display: none;
  }
  .product-advancement-list .line1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .product-advancement-list .line2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0%;
    background: 0;
    z-index: 2;
  }
  .product-advancement-list .content {
    position: relative;
    text-align: left;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background: transparent;
    padding: 0 0 -webkit-calc(0.2rem + 1px);
    padding: 0 0 calc(0.2rem + 1px);
    display: block;
  }
  .product-advancement-list .content::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-linear-gradient(right, rgba(22, 73, 153, 0.3) 0%, rgba(241, 146, 61, 0.3) 66.15%, rgba(247, 180, 35, 0.3) 100%);
    background: linear-gradient(270deg, rgba(22, 73, 153, 0.3) 0%, rgba(241, 146, 61, 0.3) 66.15%, rgba(247, 180, 35, 0.3) 100%);
  }
  .product-advancement-list .content-top {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
  }
  .product-advancement-list .icon {
    width: 0.7rem;
    height: 0.7rem;
    margin: 0 auto 0;
    -webkit-flex: none;
            flex: none;
    margin: 0 0.24rem 0 0;
  }
  .product-advancement-list .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }
  .product-advancement-list .num {
    -webkit-flex: 1;
            flex: 1;
    font-size: 0.5rem;
    line-height: 0.58rem;
    font-weight: bold;
    font-family: "HarmonyOS";
    font-weight: initial;
    color: #012C7C;
    margin: 0 !important;
  }
  .product-advancement-list .title {
    font-size: 0.28rem;
    line-height: 0.34rem;
    margin: 0.17rem 0 0;
    padding: 0;
  }
}
.product-show {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 6.5em 0 4em;
  background: url(/img/images/business-9.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

.product-show-box {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 8.25em 0 6.75em;
  padding: 13em 8.25em 0 6.75em;
}

.product-show-fixed-img {
  position: relative;
  width: 26.5em;
  height: 26.95em;
  margin: 0 auto;
  z-index: 10;
}
.product-show-fixed-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-show-list {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  padding: 0 8.25em 0 6.75em;
  padding: 13em 8.25em 0 6.75em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.product-show-list-box {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 20;
}
.product-show-list-box .item-icon,
.product-show-list-box .item-title {
  opacity: 0;
}
.product-show-list-box .item1 {
  top: 11.87%;
  left: 2.5%;
  width: 44.61%;
}
.product-show-list-box .item1 .item-line {
  width: 99%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-show-list-box .item2 {
  top: 20.07%;
  right: 0;
  width: 33.4%;
}
.product-show-list-box .item2 .item-box {
  -webkit-justify-content: right;
          justify-content: right;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.product-show-list-box .item2 .item-box .item-icon {
  margin-left: 0em;
  margin-right: 1.2em;
}
.product-show-list-box .item2 .item-line {
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}
.product-show-list-box .item3 {
  bottom: 33.45%;
  left: 0;
  width: 34.5%;
}
.product-show-list-box .item3 .item-line {
  width: 99%;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-show-list-box .item4 {
  bottom: 28.43%;
  right: 8.58%;
  width: 38.33%;
}
.product-show-list-box .item4 .item-box {
  -webkit-justify-content: right;
          justify-content: right;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.product-show-list-box .item4 .item-box .item-icon {
  margin-left: 0em;
  margin-right: 1.2em;
}
.product-show-list-box .item4 .item-line {
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}
.product-show-list-box .product-show-item .item-line {
  width: 0%;
}

.product-show-item {
  position: absolute;
  width: 100%;
}
.product-show-item .item-box {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 0 1.4em;
}
.product-show-item .item-title {
  font-size: 1.2em;
  line-height: 1.08em;
  color: #2D2929;
}
.product-show-item .item-icon {
  -webkit-flex: none;
          flex: none;
  width: 2.5em;
  height: 2.25em;
  margin-left: 1.25em;
}
.product-show-item .item-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-show-item .item-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}

@media (min-width: 992px) {
  .product-show-item.item3 .item-icon {
    margin: 0 1em 0 0.5em;
  }
}
@media (max-width: 991.98px) {
  .product-show {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 1.2rem 0 0.78rem;
  }
  .product-show .global-inner {
    padding: 0 !important;
  }
  .product-show-box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .product-show-fixed-img {
    position: relative;
    width: 100%;
    height: 8.33rem;
    margin: 0 auto;
  }
  .product-show-fixed-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .product-show-list {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    padding: 0 0.5rem;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .product-show-list-box {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 20;
  }
  .product-show-list-box .item1 {
    top: 0%;
    left: 17.69%;
    height: 3.87rem;
    width: auto;
  }
  .product-show-list-box .item1 .item-box {
    height: 100%;
    -webkit-justify-content: left;
            justify-content: left;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .product-show-list-box .item1 .item-line {
    width: 1px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .product-show-list-box .item2 {
    top: auto;
    bottom: 0.8rem;
    right: 11.84%;
    width: auto;
    height: 2.88rem;
  }
  .product-show-list-box .item2 .item-box {
    height: 100%;
    -webkit-justify-content: end;
            justify-content: end;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .product-show-list-box .item2 .item-box .item-icon {
    margin-left: 0em;
    margin-right: 0em;
    margin-bottom: 0.3rem;
  }
  .product-show-list-box .item2 .item-line {
    top: auto;
    bottom: 0;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .product-show-list-box .item3,
  .product-show-list-box .item4 {
    display: none;
  }
  .product-show-item {
    position: absolute;
    width: 100%;
  }
  .product-show-item .item-box {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    padding: 0 0 0em 0.26rem;
  }
  .product-show-item .item-title {
    font-size: 0.28rem;
    line-height: 0.32rem;
    text-align: right;
    max-width: 2.86rem;
  }
  .product-show-item .item-icon {
    width: 0.5rem;
    height: 0.45rem;
    margin-left: 0em;
    margin-bottom: 0.22rem;
  }
  .product-show-item .item-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
}
.product-stretch-swiper {
  height: 32em;
}
.product-stretch-swiper .swiper-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.product-stretch-swiper .bgk-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.product-stretch-swiper .bgk-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-stretch-swiper .bgk-img .img1 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product-stretch-swiper .bgk-img .img2 {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}
.product-stretch-swiper .swiper-slide {
  width: 33.33%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
.product-stretch-swiper.active-max .swiper-slide {
  width: 0%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product-stretch-swiper.active-max .top {
  opacity: 0;
}
.product-stretch-swiper .active {
  width: 100% !important;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product-stretch-swiper .active .img1 {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-stretch-swiper .active .img2 {
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.product-stretch-swiper .active .end {
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.product-stretch-swiper .box {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
}
.product-stretch-swiper .top {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.product-stretch-swiper .title {
  position: relative;
  font-size: 1.5em;
  line-height: 1.2em;
  color: #fff;
  text-align: center;
  padding: 0 2.1em -webkit-calc(1.2em + 4px);
  padding: 0 2.1em calc(1.2em + 4px);
}
.product-stretch-swiper .title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 2.4em;
  height: 4px;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.product-stretch-swiper .end {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: 2em;
  left: 0;
  width: 100%;
  padding: 0 5%;
}
.product-stretch-swiper .end .title {
  font-size: 1.6rem;
  line-height: 2rem;
  text-align: left;
  padding: 0 0 -webkit-calc(1.2rem + 3px);
  padding: 0 0 calc(1.2rem + 3px);
}
.product-stretch-swiper .end .title::before {
  left: 0%;
  background: #fff;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.product-stretch-swiper .list {
  margin: 2.9rem 0 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: baseline;
          align-items: baseline;
}
.product-stretch-swiper .list .item {
  -webkit-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}
.product-stretch-swiper .doc {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #fff;
}
.product-stretch-swiper .doc-num {
  font-size: 2.4rem;
  line-height: 2.5rem;
  height: 2.5rem;
  font-family: "HarmonyOS";
  font-weight: initial;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  margin: 0 0 1.15rem;
}
.product-stretch-swiper .doc-num .num {
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-stretch-swiper .doc-num .unit {
  font-size: 37.5%;
  line-height: 1;
  color: #fff;
  background: 0;
  margin: 0 0 0.2em 5px;
  font-weight: initial;
}
.product-stretch-swiper .doc-title {
  width: 100%;
  max-width: 12.2em;
}

@media (max-width: 991.98px) {
  .product-stretch-swiper {
    height: auto;
  }
  .product-stretch-swiper .swiper-wrapper {
    display: inline;
  }
  .product-stretch-swiper .bgk-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .product-stretch-swiper .bgk-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .product-stretch-swiper .bgk-img .img1 {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .product-stretch-swiper .bgk-img .img2 {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
  }
  .product-stretch-swiper .swiper-slide {
    width: 100%;
    -webkit-transition: 0;
    transition: 0;
  }
  .product-stretch-swiper .box {
    width: 100%;
    position: relative;
    min-height: 8.3rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
            align-items: flex-end;
    padding: 1.2rem 0 0.68rem;
    z-index: 5;
  }
  .product-stretch-swiper .box::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 14.12%, rgba(0, 0, 0, 0.56) 78.39%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 14.12%, rgba(0, 0, 0, 0.56) 78.39%);
    z-index: 6;
  }
  .product-stretch-swiper .title {
    position: relative;
    font-size: 0.46rem;
    line-height: 0.5rem;
    color: #fff;
    text-align: center;
    padding: 0 0 -webkit-calc(0.32rem + 2px);
    padding: 0 0 calc(0.32rem + 2px);
  }
  .product-stretch-swiper .title::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: 0.72rem;
    height: 2px;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .product-stretch-swiper .end {
    opacity: 1;
    -webkit-transition: 0s;
    transition: 0s;
    position: relative;
    bottom: unset;
    width: 100%;
    z-index: 8;
    padding: 0 0.56rem;
  }
  .product-stretch-swiper .end .title {
    text-align: left;
    font-size: 0.46rem;
    line-height: 0.5rem;
    padding: 0 0 -webkit-calc(0.32rem + 2px);
    padding: 0 0 calc(0.32rem + 2px);
  }
  .product-stretch-swiper .end .title::before {
    left: 0%;
    background: #fff;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .product-stretch-swiper .list {
    margin: 0.5rem 0 0;
    display: block;
  }
  .product-stretch-swiper .list .item {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .product-stretch-swiper .list .item:last-child {
    margin-bottom: 0;
  }
  .product-stretch-swiper .doc {
    font-size: 0.28rem;
    line-height: 0.32rem;
    color: #fff;
    -webkit-justify-content: left;
            justify-content: left;
    text-align: left;
    -webkit-align-items: center;
            align-items: center;
    padding: 0.1rem 0;
    min-height: 1.1rem;
    display: -webkit-flex;
    display: flex;
  }
  .product-stretch-swiper .doc-num {
    -webkit-flex: none;
            flex: none;
    width: 2.12rem;
    font-size: 0.64rem;
    line-height: 1em;
    height: 1em;
    white-space: nowrap;
    margin: 0;
  }
  .product-stretch-swiper .doc-title {
    -webkit-flex: 1;
            flex: 1;
  }
}
.notice-list,
.newsdel-element,
.news-list {
  opacity: 0;
}

.p-hr .main-box-end {
  padding-top: 0;
  background: #F0F1F2;
}

.occupation-content-del-box {
  margin-top: 0em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  min-height: 10em;
}
.occupation-content-del-box .left {
  position: sticky;
  top: 4.5em;
  margin: 0;
  width: 32%;
  height: -webkit-max-content;
  height: max-content;
}
.occupation-content-del-box .right {
  -webkit-flex: 1;
          flex: 1;
  padding-left: 2%;
}

.occupation-noval {
  width: 100%;
  padding: 3em 0 0;
}
.occupation-noval .title {
  font-family: "HarmonyOS";
  font-weight: initial;
  font-size: 1.5em;
  line-height: 1.2;
  color: #0052B7;
  text-align: center;
}

.p-occupationedl .occupation-content-del-box .right {
  width: 100%;
  padding-left: 0em;
}

.occupation-content-del .left {
  max-height: -webkit-calc(100vh - 4.5em);
  max-height: calc(100vh - 4.5em);
  border-top: 2.8em solid #fff;
  overflow: hidden;
}
.occupation-content-del .left .mCSB_draggerContainer {
  width: 4px;
  border-radius: 4px;
  background: #F7F7F7;
}
.occupation-content-del .right {
  position: relative;
  -webkit-flex: none;
          flex: none;
  width: 66%;
  padding: 2.6em 3em 6.2em;
  background: #fff;
}
.occupation-content-del .right::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 11.3em;
  height: 17.6em;
  background: url(/img/common/hr-content-bgk.png) no-repeat center center;
  background-size: contain;
}

.occupation-list {
  height: 100%;
}
.occupation-list .item:first-child .box {
  border-top: 1px solid #CED3D9;
}
.occupation-list .item:last-child .box {
  border-bottom: none;
}
.occupation-list .box {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  padding: 2rem 6.5rem 1.75rem 1.5rem;
  background: #fff;
  border-bottom: 1px solid #CED3D9;
}
.occupation-list .tit {
  font-size: 1.2rem;
  line-height: 1.2em;
  color: #2D2929;
  margin-bottom: 0.8rem;
}
.occupation-list .people,
.occupation-list .time {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #817F7F;
}
.occupation-list .active .box {
  background: #fbfbfb;
}
.occupation-list .active .box::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 6.5em;
  height: 5.8em;
  background: url(/img/common/hr-active-bgk.svg) no-repeat center center;
  background-size: contain;
}
.occupation-list .active .tit {
  color: #004098;
}

.occupation-content-box {
  width: 100%;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #DBDBDB;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
}

.occupationdel-top .title {
  font-size: 1.6em;
  line-height: 1.5em;
  color: #0052B7;
  font-family: "HarmonyOS";
  font-weight: initial;
}
.occupationdel-top .to-more {
  margin-top: 1rem;
}

.occupation-content {
  padding: 2em 0 0em;
  border-top: 0;
  border-bottom: 0;
}
.occupation-content .rocket-content__inner {
  max-width: 100%;
}

.hr-society-editor {
  padding: 2rem 0 0;
  font-size: 0.8rem;
  line-height: 1.5em;
  color: #2D2929;
}
.hr-society-editor h5 {
  line-height: 1.625em;
  font-family: "HarmonyOS";
  font-weight: initial;
  margin: 1.25em 0 0.625em;
}
.hr-society-editor h5:first-child {
  margin-top: 0;
}

.hr-email {
  margin: 3.5rem 0 0;
  font-size: 0.8rem;
  line-height: 1.625em;
  color: #012C7C;
}
.hr-email a {
  position: relative;
}
.hr-email a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #012C7C;
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width: 991.98px) {
  .p-hr .main-box-end {
    background: #fff;
    padding: 1rem 0 1.4rem;
  }
  .p-hr .news-back-list {
    padding: 0.32rem 0 0;
    margin-bottom: 0.85rem;
  }
  .occupation-content-del-box {
    margin-top: 0em;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    min-height: auto;
  }
  .occupation-content-del-box .left {
    position: relative;
    top: 0;
    margin: 0;
    width: 100%;
    height: -webkit-max-content;
    height: max-content;
  }
  .occupation-content-del-box .right {
    -webkit-flex: 1;
            flex: 1;
    padding-left: 2%;
  }
  .occupation-noval {
    width: 100%;
    padding: 3em 0 0;
  }
  .occupation-noval .title {
    font-family: "HarmonyOS";
    font-weight: initial;
    font-size: 1.5em;
    line-height: 1.2;
    color: #0052B7;
    text-align: center;
  }
  .p-occupationedl .occupation-content-del-box .right {
    width: 100%;
    padding-left: 0em;
  }
  .occupation-content-del .left {
    height: auto;
    border-top: 0 solid #fff;
  }
  .occupation-content-del .left .mCSB_draggerContainer {
    width: 4px;
    border-radius: 4px;
    background: #F7F7F7;
  }
  .occupation-content-del .right {
    position: relative;
    -webkit-flex: none;
            flex: none;
    width: 100%;
    padding: 0;
    background: #fff;
  }
  .occupation-content-del .right::before {
    display: none;
  }
  .occupation-list {
    height: 20em;
    height: 100vh;
    height: 100%;
  }
  .occupation-list .item:first-child .box {
    padding-top: 0;
    border-top: 0px solid #CED3D9;
  }
  .occupation-list .box {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0.45rem 0 0.58rem;
    background: #fff;
    border-bottom: 1px solid #CED3D9;
  }
  .occupation-list .tit {
    font-size: 0.36rem;
    line-height: 0.46rem;
    margin-bottom: 0.26rem;
  }
  .occupation-list .people,
  .occupation-list .time {
    font-size: 0.28rem;
    line-height: 0.28rem;
    margin-top: 0.14rem;
  }
  .occupation-list .active .box {
    background: #fff;
  }
  .occupation-list .active .box::before {
    display: none;
  }
  .occupation-list .active .tit {
    color: #2D2929;
  }
  .occupation-content-box {
    position: relative;
    width: 100%;
    padding-bottom: 0.66rem;
    border-bottom: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
  }
  .occupation-content-box::before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .occupationdel-top .title {
    font-size: 0.46rem;
    line-height: 1em;
    margin-bottom: 0.32rem;
  }
  .occupationdel-top .people,
  .occupationdel-top .time {
    font-size: 0.28rem;
    line-height: 1;
    color: #817F7F;
    margin-top: 0.14rem;
  }
  .occupation-content {
    padding: 2em 0 0em;
    border-top: 0;
    border-bottom: 0;
  }
  .occupation-content .rocket-content__inner {
    max-width: 100%;
  }
  .hr-society-editor {
    padding: 0.65rem 0 0;
    font-size: 0.28rem;
    line-height: 0.42rem;
  }
  .hr-society-editor h5 {
    font-size: 0.36rem;
    line-height: 1em;
    margin: 0.62rem 0 0.24rem;
  }
  .hr-email {
    margin: 0.42rem 0 0;
    font-size: 0.28rem;
    line-height: 0.36rem;
  }
}
.hr-search {
  padding: 2em 0;
  margin: 0 0 1.5em;
  background: #fff;
}

.hr-search-box {
  position: relative;
  width: 40%;
}
.hr-search-box .left {
  width: 100%;
  position: relative;
}
.hr-search-box .left img {
  width: 0.9em;
  height: 0.9em;
  display: block;
  object-fit: contain;
  position: absolute;
  left: 1.1rem;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  z-index: 20;
}
.hr-search-box input {
  width: 100%;
  height: 2rem;
  font-size: 0.7em;
  line-height: 1.28;
  color: #2D2929;
  background: #F0F1F2;
  border-radius: 1rem;
  padding: 0 4.5rem 0 2.6rem;
}
.hr-search-box input::-webkit-input-placeholder {
  color: #2D2929;
}
.hr-search-box input::placeholder {
  color: #2D2929;
}
.hr-search-box input::-webkit-input-placeholder {
  color: #2D2929;
}
.hr-search-box .button {
  white-space: nowrap;
  position: absolute;
  right: 0;
  top: 0;
  height: 2em;
  min-width: 6em;
  transform: translateX(50%);
  -webkit-transform: translateX(50%);
  border-radius: 1em;
}
.hr-search-box .button a {
  width: 100%;
  height: 100%;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 0.7em;
  line-height: 1.43;
  color: #fff;
  border-radius: inherit;
  padding: 0 2.43em;
}

@media (max-width: 991.98px) {
  .hr-search {
    padding: 0;
    margin: 0 0 0.8rem;
    background: #fff;
  }
  .hr-search-box {
    position: relative;
    width: 100%;
    height: 0.9rem;
    display: -webkit-flex;
    display: flex;
    border-radius: 0.6rem;
    background: #F0F1F2;
  }
  .hr-search-box .left {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .hr-search-box .left img {
    width: 0.24rem;
    height: 0.24rem;
    left: 0.28rem;
  }
  .hr-search-box input {
    width: 100%;
    height: 0.9rem;
    display: block;
    position: relative;
    font-size: 0.28rem;
    line-height: 1;
    padding: 0 3rem 0 0.72rem;
  }
  .hr-search-box .button {
    position: absolute;
    right: 0;
    top: 0;
    height: 0.9rem;
    width: 2.84rem;
    min-width: 0;
    border-radius: 0.6rem;
    transform: none;
    -webkit-transform: none;
  }
  .hr-search-box .button a {
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    font-size: 0.28rem;
    line-height: 1;
    padding: 0;
  }
}
.occupation-content-del-box {
  opacity: 0;
}

/* 招聘详情-移动端 */
.p-hrdel .main-box-end {
  padding: 0 0 1.2rem;
}
.p-hrdel .occupation-content-del .right {
  width: 100%;
}

@media (min-width: 991.98px) {
  .p-hrdel .head-place {
    height: 5em;
  }
  .p-hrdel .main-box-end {
    padding: 5em 0 6em;
  }
}
.p-product-del .head-place {
  position: relative;
  width: 100%;
  height: 5em;
}

.special-banner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 5em 0;
}
.special-banner .bgk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.special-banner .left {
  width: 46.66%;
}
.special-banner .special-banner-box {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.special-banner .right {
  width: 48%;
}
.special-banner .right .top {
  padding: 0 0 2em;
  border-bottom: 1px solid #c1c1c1;
}
.special-banner .right .top .sm-title {
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: #f18a38;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.special-banner .right .top .title {
  font-size: 2.8rem;
  line-height: 1.28;
  color: #012C7C;
  font-family: "HarmonyOS";
  font-weight: initial;
}
.special-banner .right .end {
  padding: 2.85em 13.88% 0 0;
}
.special-banner .right .end .list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -3rem -2.1em;
}
.special-banner .right .end .item {
  width: 50%;
  padding: 0 3rem;
  margin-bottom: 2.1em;
}
.special-banner .right .end .box {
  position: relative;
  width: 100%;
  padding: 0 0 -webkit-calc(0.8rem + 2px);
  padding: 0 0 calc(0.8rem + 2px);
}
.special-banner .right .end .box::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}
.special-banner .right .end .tit {
  font-size: 2.25rem;
  line-height: 1.16em;
  color: #2D2929;
  white-space: nowrap;
  font-family: "HarmonyOSBold";
}
.special-banner .right .end .doc {
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: #817F7F;
}
.special-banner .to-more {
  margin: 5em 0 0;
}
.special-banner .to-more img {
  width: 0.9em;
  height: 0.9em;
  margin-left: 0.2em;
  object-fit: contain;
}

.productDel-one-swiper {
  padding: 0 10.85%;
  margin: 0 0 1em;
}
.productDel-one-swiper .imgs {
  position: relative;
  overflow: hidden;
  padding: 100% 0 0;
}
.productDel-one-swiper .imgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
}
.productDel-one-swiper .productDel-one-swiper-next {
  width: 2em;
  height: 2em;
  background: url(/img/common/productDel-one-swiper-next.png) no-repeat center center;
  background-size: contain;
}
.productDel-one-swiper .productDel-one-swiper-next::after {
  content: "";
}
.productDel-one-swiper .productDel-one-swiper-prev {
  width: 2em;
  height: 2em;
  background: url(/img/common/productDel-one-swiper-prev.png) no-repeat center center;
  background-size: contain;
}
.productDel-one-swiper .productDel-one-swiper-prev::after {
  content: "";
}

.productDel-two-swiper {
  padding: 0 10.85%;
}
.productDel-two-swiper .swiper-slide {
  width: 2.5em;
  background: #fff;
  border: 1px solid #fff;
  cursor: pointer;
}
.productDel-two-swiper .swiper-slide-thumb-active {
  border: 1px solid transparent;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}
.productDel-two-swiper .imgs {
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 100% 0 0;
}
.productDel-two-swiper .imgs img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: center center;
  object-fit: cover;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
}

@media (max-width: 991.98px) {
  .p-product-del .head-place {
    height: 1.2rem;
  }
  .special-banner {
    padding: 0.46rem 0 0.7rem;
  }
  .special-banner .left {
    width: 100%;
  }
  .special-banner .special-banner-box {
    width: 100%;
    height: 100%;
    display: block;
  }
  .special-banner .right {
    width: 100%;
  }
  .special-banner .right .top {
    padding: 0 0 0.37rem;
  }
  .special-banner .right .top .sm-title {
    font-size: 0.36rem;
    line-height: 0.54rem;
    margin-bottom: 0.04rem;
  }
  .special-banner .right .top .title {
    font-size: 0.56rem;
    line-height: 0.72rem;
  }
  .special-banner .right .end {
    padding: 0.8rem 0 0 0;
  }
  .special-banner .right .end .list {
    margin: 0 -0.14rem -0.64rem;
  }
  .special-banner .right .end .item {
    padding: 0 0.14rem;
    margin-bottom: 0.64rem;
  }
  .special-banner .right .end .box {
    position: relative;
    width: 100%;
    padding: 0;
  }
  .special-banner .right .end .box::before {
    display: none;
  }
  .special-banner .right .end .tit {
    font-size: 0.5rem;
    line-height: 0.58rem;
  }
  .special-banner .right .end .doc {
    font-size: 0.28rem;
    line-height: 0.34rem;
    margin: 0.16rem 0 0;
  }
  .special-banner .to-more {
    margin: 0.5rem 0 0;
  }
  .special-banner .to-more img {
    width: 0.38rem;
    height: 0.38rem;
    margin-left: 5px;
    object-fit: contain;
  }
  .special-banner .to-more span {
    line-height: 1em;
  }
  .special-banner .public-button {
    padding: 0.28rem 0.36rem;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .productDel-one-swiper {
    padding: 0 0.5rem 1rem;
    margin: 0;
  }
  .productDel-one-swiper .imgs {
    position: relative;
    overflow: hidden;
    padding: 100% 0 0;
  }
  .productDel-one-swiper .imgs img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: cover;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms, opacity 1s cubic-bezier(0.4, 0, 0.25, 1) 0ms, -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;
  }
  .productDel-one-swiper .productDel-one-swiper-next {
    width: 0.4rem;
    height: 0.4rem;
  }
  .productDel-one-swiper .productDel-one-swiper-prev {
    width: 0.4rem;
    height: 0.4rem;
  }
  .productDel-one-swiper .swiper-pagination {
    bottom: 0.55rem;
  }
  .productDel-one-swiper .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0 0.1rem;
    border: 1px solid #012C7C;
    background: transparent;
  }
  .productDel-one-swiper .swiper-pagination-bullet-active {
    background: #012C7C;
  }
}
.public-table {
  width: 100%;
  margin: 5em 0;
}
.public-table:last-child {
  margin-bottom: 0;
}
.public-table .top {
  text-align: center;
}
.public-table .top .title {
  font-size: 1.6rem;
  line-height: 2.5rem;
  color: #2D2929;
  font-family: "HarmonyOS";
  font-weight: initial;
}
.public-table .top .doc {
  font-size: 0.8em;
  line-height: 1.5;
  color: #58595B;
  margin: 0.625em 0 0;
}
.public-table table {
  width: 100% !important;
  border: 0;
}
.public-table td,
.public-table th {
  font-size: 0.8rem;
  line-height: 1.5em;
  height: 3rem;
  color: #2D2929;
  border: 0;
  padding: 0.5rem 1rem;
}
.public-table .is-thead thead {
  background: #F5F5F5;
}
.public-table .is-thead tbody tr:nth-child(even) {
  background: #F5F5F5;
}
.public-table .no-thead tbody tr:nth-child(odd) {
  background: #F5F5F5;
}
.public-table .table-box {
  position: relative;
  width: 100%;
  margin: 1.5em 0 0;
}
.public-table .table-box::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}

@media (max-width: 991.98px) {
  td {
    word-break: auto-phrase;
  }
  .table-choose {
    position: relative;
    z-index: 20;
    margin-top: 1.84rem;
  }
  .table-choose .byted-popover-wrapper {
    border-radius: 0;
  }
  .table-choose .byted-popover-wrapper::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 0.04rem;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .table-choose .byted-select-input {
    border: 0;
    padding: 0;
  }
  .table-choose .byted-select-arrow {
    right: 0;
  }
  .table-choose .is-open .byted-select-input {
    background: transparent;
  }
  .table-choose .current {
    color: #012C7C;
  }
  .table-choose .byted-select-input {
    height: auto;
    font-size: 0.3rem;
    line-height: 0.36rem;
    padding: 0 0.6rem 0 0;
  }
  .table-choose .byted-option-list {
    position: relative;
  }
  .public-table {
    width: 100%;
    margin: 0 0 0em;
    display: none;
  }
  .public-table:first-child {
    margin-top: 0.2rem;
  }
  .public-table.active {
    display: block;
  }
  .public-table .table-box {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
  }
  .public-table table {
    width: 100%;
    border: 0;
    position: relative;
    margin: 0em 0 0;
  }
  .public-table table::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .public-table thead th {
    width: 15.2%;
  }
  .public-table thead th:first-child {
    width: 24%;
  }
  .public-table td,
  .public-table th {
    font-size: 0.28rem;
    line-height: 0.32rem;
    height: 1.64rem;
    border: 0;
    padding: 0.2rem;
  }
  .public-table .is-thead thead {
    background: #F5F5F5;
  }
  .public-table .is-thead tbody tr:nth-child(even) {
    background: #F5F5F5;
  }
  .public-table .no-thead tbody tr:nth-child(odd) {
    background: #F5F5F5;
  }
  .public-table .table-box::before {
    display: none;
  }
  .public-table .table-more {
    width: 200% !important;
  }
  .public-table .table-col2 td:first-child {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
  }
  .public-table.table3 thead th, .public-table.table4 thead th {
    width: 50%;
  }
  .public-table.table3 td, .public-table.table4 td {
    width: 50%;
  }
}
.p-product-del .main-box-end {
  padding-top: 0;
}

.charact-product-list {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: center;
          justify-content: center;
}

.charact-product-item {
  position: relative;
  width: 100%;
}
.charact-product-item::before {
  opacity: 0.3;
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  width: 1px;
  height: 100%;
  background: #272324;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.charact-product-item:last-child::before {
  display: none;
}

.charact-product-item-box {
  position: relative;
}
.charact-product-item-box .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9em;
  height: 9em;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.charact-product-item-box .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.charact-product-item-box .bd {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  z-index: 5;
}
.charact-product-item-box .title {
  font-size: 4em;
  line-height: 1.05;
  text-align: center;
  font-family: "HarmonyOS";
  font-weight: initial;
  font-weight: bold;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.charact-product-item-box .doc {
  font-size: 0.9rem;
  line-height: 1.2rem;
  color: #333;
  text-align: center;
  max-width: 14em;
  margin: 0 auto;
}

@media (max-width: 991.98px) {
  .p-product-del .main-box-end {
    padding-bottom: 1.2rem;
  }
  .charact-product-list {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 1rem 0 1.1rem;
    background: url(/img/images/business-101.jpg) no-repeat bottom center;
    background-size: contain;
  }
  .charact-product-item {
    position: relative;
    width: 50%;
    margin-bottom: 0.3rem;
  }
  .charact-product-item::before {
    opacity: 0.3;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 1px;
    height: 64%;
    background: #272324;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .charact-product-item:last-child::before {
    display: none;
  }
  .charact-product-item:nth-child(odd) {
    padding: 0 0.44rem 0 0.5rem;
  }
  .charact-product-item:nth-child(even) {
    padding: 0 0.5rem 0 0.44rem;
  }
  .charact-product-item-box {
    width: 100%;
    min-height: 2.5rem;
    position: relative;
  }
  .charact-product-item-box .icon {
    position: absolute;
    top: 0.1rem;
    left: 50%;
    width: 2rem;
    height: 2rem;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .charact-product-item-box .bd {
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-flex-direction: column;
            flex-direction: column;
    position: relative;
    left: 0;
    top: 0;
    z-index: 5;
  }
  .charact-product-item-box .title {
    font-size: 0.9rem;
    line-height: 0.9rem;
    padding: 0.6rem 0.1rem 0;
  }
  .charact-product-item-box .doc {
    font-size: 0.28rem;
    line-height: 0.28rem;
  }
}
.p-product-del .header {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-product-del.scroll-down .header {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-product-del.scroll-up .header {
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 991.98px) {
  .special-banner .right .end .tit {
    margin-bottom: 0.5rem;
  }
  .charact-product-item-box .title {
    margin-bottom: 0.4rem;
  }
  .swiper-backface-hidden .swiper-slide img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .swiper-backface-hidden .swiper-slide:hover img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.table-choose,
.charact-product-list.hidden-lg-up,
.product-advancement-list,
.product-stretch,
.product-tabnav,
.repotr-content,
.product-leading-swiper,
.public-table {
  opacity: 0;
}

.base-title-box {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 1.9em;
}
.base-title-box .title {
  font-size: 2em;
  line-height: 1.2em;
  color: #2D2929;
  font-weight: 400;
  position: relative;
  z-index: 10;
}

.base-title {
  position: relative;
}

.petal-one {
  position: absolute;
  left: -1.5em;
  top: -0.45em;
}
.petal-one img {
  width: 1em;
  height: 1.15em;
}

.petal-two {
  position: absolute;
  right: -0.85em;
  bottom: -1.05em;
}
.petal-two img {
  width: 0.7em;
  height: 1.1em;
}

.petal-three {
  position: absolute;
  right: -2.2em;
  bottom: 0.05em;
}
.petal-three span {
  width: 1em;
  height: 1em;
  background: #00A0E9;
  border-radius: 100%;
  display: block;
}

.yth-content {
  width: 86%;
  max-width: 1200px;
  font-size: 0.9em;
  line-height: 1.6666666667em;
  color: #2D2929;
  font-weight: 400;
  text-align: center;
  margin: 0 auto 3.5rem;
}

.p-green .main-box-end {
  padding-top: 5em;
  padding-bottom: 4.8em;
}

.yth-swiper-box {
  overflow: hidden;
}
.yth-swiper-box .box {
  position: relative;
}
.yth-swiper-box .imgwrap {
  position: relative;
  padding-top: 100%;
  height: 0;
  border-radius: 0.5em;
  overflow: hidden;
}
.yth-swiper-box .imgwrap img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-width: 475px;
  max-height: 475px;
}
.yth-swiper-box .zhezhao-icon {
  position: absolute;
  top: 28.2105263158%;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.yth-swiper-box .zhezhao-icon img {
  width: 4.5em;
  height: 4.5em;
}
.yth-swiper-box .zhezhao-title {
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  font-size: 1.2em;
  line-height: 1.1666666667em;
  color: #fff;
  font-weight: 400;
  padding: 0 14.3157894737%;
  text-align: center;
  font-family: "HarmonyOS";
  font-weight: initial;
}

.yth-navigation {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-align-items: center;
          align-items: center;
  padding-top: 1.25em;
}
.yth-navigation > div {
  margin: 0 1.5em;
}

.yth-navigation-prev {
  background: url(/img/images/base-06.svg) no-repeat center;
  background-size: 0.6em 1em;
  width: 0.6em;
  height: 1em;
  padding: 0.5em 0.5em;
  box-sizing: content-box;
}
.yth-navigation-prev:not(.swiper-button-disabled):hover {
  background: url(/img/images/base-06_cur.svg) no-repeat center;
}
.yth-navigation-prev.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.yth-navigation-next {
  background: url(/img/images/base-07.svg) no-repeat center;
  background-size: 0.6em 1em;
  width: 0.6em;
  height: 1em;
  padding: 0.5em 0.5em;
  box-sizing: content-box;
}
.yth-navigation-next:not(.swiper-button-disabled):hover {
  background: url(/img/images/base-07_cur.svg) no-repeat center;
}
.yth-navigation-next.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}

@media (min-width: 992px) {
  .base-title {
    max-width: 50.25em;
  }
  .yth-swiper-box .imgwrap img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .yth-swiper-box .swiper-slide:hover .imgwrap img {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
@media (max-width: 991.98px) {
  .base-title-box {
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.54rem;
    display: block;
  }
  .base-title-box .title {
    font-size: 0.48rem;
    line-height: 0.58rem;
  }
  .petal-one {
    top: -0.38rem;
    left: -0.4rem;
  }
  .petal-one img {
    width: 0.2rem;
    height: 0.23rem;
  }
  .petal-two {
    right: -0.14rem;
    bottom: -0.28rem;
  }
  .petal-two img {
    width: 0.14rem;
    height: 0.22rem;
  }
  .petal-three {
    bottom: 0.03rem;
    right: -0.5rem;
  }
  .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
  .p-green .main-box-end {
    padding: 1.2rem 0;
  }
  .p-green .base-title-box {
    margin-bottom: 0.62rem;
  }
  .yth-content {
    width: 100%;
    max-width: none;
    padding: 0;
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #2D2929;
    font-weight: 400;
    text-align: left;
    margin-bottom: 1.16rem;
  }
  .yth-swiper-box .swiper-slide {
    margin-bottom: 0.42rem;
  }
  .yth-swiper-box .swiper-slide:nth-last-child(-n+1) {
    margin-bottom: 0;
  }
  .yth-swiper-box .imgwrap {
    padding-top: 41.5384615385%;
    border-radius: 0.1rem;
  }
  .yth-swiper-box .zhezhao-icon {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    margin-right: 0.38rem;
  }
  .yth-swiper-box .zhezhao-icon img {
    width: 1.1rem;
    height: 1.1rem;
  }
  .yth-swiper-box .zhezhao-wrap {
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    padding: 0 0.75rem;
  }
  .yth-swiper-box .zhezhao-title {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    font-size: 0.36rem;
    line-height: 0.4rem;
    padding: 0;
    text-align: left;
  }
  .yth-box .swiper-wrapper {
    display: block;
  }
}
.p-running .petal-one {
  left: -1.2em;
  top: 3.05em;
}
.p-running .petal-three {
  right: -0.3em;
  bottom: 3.65em;
  right: -2.9em;
  bottom: 1.2em;
}
.p-running .petal-three span {
  width: 1.4em;
  height: 1.4em;
}
.p-running .petal-two {
  right: -1.55em;
  bottom: 2.6em;
  right: -1.55em;
  bottom: -1.4em;
}
.p-running .petal-two img {
  width: 0.95em;
  height: 1.1em;
}

.p-make .main-box-end {
  padding-bottom: 5.5em;
  position: relative;
}
.p-make .main-box-end::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 5.6em;
  background: #F9FAFF;
  width: 100%;
}
.p-make .petal-one {
  left: -3em;
  top: -0.45em;
}
.p-make .petal-one img {
  width: 1.3em;
  height: 1.35em;
}
.p-make .petal-two {
  right: -2em;
  bottom: -0.7em;
}
.p-make .petal-two img {
  width: 0.9em;
  height: 0.7em;
}
.p-make .petal-three {
  right: -3.1em;
  bottom: 1em;
}
.p-make .petal-three img {
  width: 1em;
  height: 1.15em;
}
.p-make .yth-content {
  margin-bottom: 3.3333333333em;
}

.make-h-list {
  margin: 0em -0.5em;
  padding-bottom: 6em;
}

.make-h-item.col-3 {
  padding: 0em 0.5em;
}
.make-h-item .box {
  padding: 3.5em 0em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  background: #FEF7E9;
  border-radius: 0.5em;
  position: relative;
  overflow: hidden;
}
.make-h-item .item-bg {
  width: 100%;
  height: 100%;
  display: block;
  background: no-repeat center center #FEF7E9;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.make-h-item .svgwrap {
  margin-bottom: 2.2em;
  position: relative;
  z-index: 5;
}
.make-h-item .svgwrap img {
  width: 4em;
  height: 4em;
}
.make-h-item .yuan {
  width: 11.5em;
  height: 10.3em;
  position: absolute;
  z-index: 1;
}
.make-h-item:nth-child(1) .box .yuan {
  right: 0;
  bottom: 0;
  background: url(/img/images/base-17.svg) no-repeat;
}

.make-h-title {
  position: relative;
  z-index: 5;
  font-size: 1.3em;
  line-height: 1.5em;
  color: #2D2929;
  font-weight: 400;
}

.make-h-text {
  font-size: 0.8em;
  line-height: 1.875em;
  color: #2D2929;
  font-weight: 400;
  margin-top: 0.375em;
  opacity: 0.5;
  position: relative;
  z-index: 5;
}

.make-z-item {
  display: -webkit-flex;
  display: flex;
  padding: 0em 2em;
  position: relative;
  margin-bottom: 4.5em;
}
.make-z-item .imgleft {
  width: 54.9295774648%;
  border-radius: 0.5em;
  z-index: 9;
  overflow: hidden;
}
.make-z-item .imgwrap {
  width: 100%;
  padding-top: 60.8974358974%;
  position: relative;
  height: 0;
}
.make-z-item .imgwrap img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
.make-z-item:nth-child(even) {
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.make-z-item:nth-child(even) .content-right {
  padding: 0em 3.5em 0em 1em;
}
.make-z-item:last-child {
  margin-bottom: 0;
}
.make-z-item:last-child::after {
  position: absolute;
  content: "";
  left: -210px;
  width: -webkit-calc(100% + 420px);
  width: calc(100% + 420px);
  top: 1.25em;
  height: 100%;
  background: #F9FAFF;
  z-index: 1;
}

.content-right {
  -webkit-flex: 1;
          flex: 1;
  padding: 0 1em 0 3.4em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  margin-top: -1em;
  z-index: 9;
}

.text-right-title {
  font-size: 1.8em;
  line-height: 1.5em;
}
.text-right-title h4 {
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.text-right-content {
  font-size: 0.9em;
  line-height: 2em;
  color: #2D2929;
  font-weight: 400;
  margin: 1em 0 0;
}

@media (max-width: 991.98px) {
  .text-right-title {
    font-size: 0.46rem;
    line-height: 0.69rem;
    font-weight: 500;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    margin-bottom: 0.4rem;
  }
  .text-right-content {
    padding: 0 0.35rem;
    font-size: 0.28rem;
    line-height: 0.46rem;
    text-align: center;
    margin: 0;
  }
  .make-z-item {
    -webkit-flex-direction: column;
            flex-direction: column;
    padding: 0rem 0rem;
    margin-bottom: 1.05rem;
  }
  .make-z-item:nth-child(even) {
    -webkit-flex-direction: column;
            flex-direction: column;
  }
  .make-z-item:nth-child(even) .content-right {
    padding: 0;
  }
  .make-z-item:last-child::after {
    display: none;
  }
  .make-z-item .imgleft {
    width: 100%;
    border-radius: 0.1rem;
    margin-bottom: 0.5rem;
  }
  .content-right {
    margin-top: 0rem;
    padding: 0 0rem 0rem 0rem;
  }
  .make-h-list {
    margin: 0 -0.25rem;
    padding-bottom: 1.29rem;
  }
  .make-h-title {
    font-size: 0.36rem;
    line-height: 0.54rem;
  }
  .make-h-text {
    font-size: 0.28rem;
    line-height: 0.36rem;
    text-align: center;
    opacity: 0.5;
  }
  .make-h-item .svgwrap {
    margin-bottom: 0.22rem;
  }
  .make-h-item .svgwrap img {
    width: 1.2rem;
    height: 1.2rem;
  }
  .make-h-item.col-3 {
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0 0.25rem;
    margin-bottom: 0.9rem;
  }
  .make-h-item.col-3:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
  .make-h-item .box {
    padding: 0 0rem;
    background: none;
  }
  .p-make .main-box-end::after {
    display: none;
  }
  .p-make .yth-content {
    margin-bottom: 0.83rem;
  }
  .p-make .main-box-end {
    padding: 0 0 1.2rem;
  }
  .p-make .petal-one {
    left: -0.61rem;
    top: -0.13rem;
  }
  .p-make .petal-one img {
    width: 0.26rem;
    height: 0.27rem;
  }
  .p-make .petal-two {
    right: -0.36rem;
    bottom: -0.16rem;
  }
  .p-make .petal-two img {
    width: 0.18rem;
    height: 0.14rem;
  }
  .p-make .petal-three {
    right: -0.62rem;
    bottom: 0.2rem;
  }
  .p-make .petal-three img {
    width: 0.2rem;
    height: 0.23rem;
  }
}
.p-quality .main-box-end {
  padding-bottom: 0;
}
.p-quality .petal-one {
  left: -1.85em;
  top: 2.25em;
}
.p-quality .petal-three {
  right: -1em;
  bottom: 4.1em;
}
.p-quality .petal-three span {
  width: 1.4em;
  height: 1.4em;
}
.p-quality .petal-two {
  right: -2.1em;
  bottom: 3.2em;
}
.p-quality .petal-two img {
  width: 0.95em;
  height: 1.1em;
}
.p-quality .yth-content {
  margin-bottom: 4.2777777778em;
}

.quality-main-box {
  display: -webkit-flex;
  display: flex;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.quality-more {
  display: none;
}

.quality-item {
  -webkit-flex: 1;
          flex: 1;
  height: 100vh;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  margin-top: 0.4em;
  cursor: pointer;
}

.quality-navbar {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2.25em;
}
.quality-navbar .svgwrap {
  margin-bottom: 1em;
}
.quality-navbar .svgwrap img {
  width: 6em;
  height: 6em;
}

.quality-navbar-title {
  font-size: 1.8em;
  line-height: 1.5em;
  color: #fff;
  font-weight: 400;
}

.quality-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.quality-more-text {
  font-size: 0.9em;
  line-height: 1.7777777778em;
  color: #fff;
  font-weight: 400;
  padding: 0 5.3888888889em 0;
  text-align: center;
}

.quality-img-list {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.quality-img-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quality-img-list.active {
  display: block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
  z-index: 1;
}

@media (max-width: 991.98px) {
  .p-quality .main-box {
    padding-bottom: 1.2rem;
  }
  .p-quality .yth-content {
    margin-bottom: 1.04rem;
  }
  .p-quality .main-box-end {
    padding: 0;
  }
  .p-quality .petal-three {
    right: -0.27rem;
    bottom: 0.84rem;
  }
  .p-quality .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
  .p-quality .petal-two {
    right: -0.52rem;
    bottom: 0.65rem;
  }
  .p-quality .petal-two img {
    width: 0.19rem;
    height: 0.22rem;
  }
  .p-quality .petal-one {
    left: -0.35rem;
    top: 0.5rem;
  }
  .quality-main-box {
    -webkit-flex-direction: column;
            flex-direction: column;
    padding: 0 0.5rem;
  }
  .quality-navbar {
    background: #F7F7F8;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0rem;
    border-radius: 0.1rem;
    padding: 0.28rem 0.4rem;
    position: relative;
  }
  .quality-navbar-title {
    font-size: 0.36rem;
    line-height: 0.54rem;
    color: #2D2929;
  }
  .quality-item {
    margin-top: 0;
    margin-bottom: 0.3rem;
  }
  .quality-item.open .quality-navbar {
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .quality-item.open .quality-navbar-title {
    color: #fff;
  }
  .quality-item.open .more-button span::before {
    display: none;
  }
  .quality-item.open .more-button span::after {
    background: #fff;
  }
  .quality-more-text {
    padding: 0rem 0rem 0rem;
    font-size: 0.28rem;
    line-height: 0.46rem;
    color: #272324;
    text-align: left;
    margin-bottom: 0.47rem;
  }
  .quality-more-text p {
    display: inline;
  }
  .quality-more {
    padding: 0.57rem 0.4rem 0.2rem;
  }
  .quality-more .imgwrap {
    padding: 50% 0rem 0;
    height: 0;
    position: relative;
    border-radius: 0.04rem;
    overflow: hidden;
  }
  .quality-more .imgwrap img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .more-button {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .more-button span {
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    position: relative;
  }
  .more-button span::after {
    position: absolute;
    content: "";
    height: 0.32rem;
    width: 0.04rem;
    background: #bbb;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
  }
  .more-button span::before {
    position: absolute;
    content: "";
    width: 0.32rem;
    height: 0.04rem;
    background: #bbb;
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    left: 0;
    top: 50%;
  }
}
.p-serve .petal-one {
  left: -2.25em;
  top: -0.55em;
}
.p-serve .petal-one img {
  width: 1.3em;
  height: 1.35em;
}
.p-serve .petal-three {
  right: -2.75em;
  bottom: 0.75em;
}
.p-serve .petal-three span {
  width: 1.4em;
  height: 1.4em;
}
.p-serve .petal-two {
  right: -1.25em;
  bottom: -0.2em;
}
.p-serve .petal-two img {
  width: 0.9em;
  height: 0.7em;
}

.khfw-img {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.khfw-img img {
  max-width: 100%;
  object-fit: contain;
}

.p-serve .main-box-end {
  padding: 5em 0 8.85em;
  position: relative;
}
.p-serve .main-box-end::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  background: url(/img/images/base02.webp) no-repeat center;
  height: 26.8em;
}

@media (max-width: 991.98px) {
  .p-serve .main-box-end {
    padding: 0 0 1.7rem;
  }
  .p-serve .petal-one {
    left: -0.5rem;
    top: -0.17rem;
  }
  .p-serve .petal-one img {
    width: 0.26rem;
    height: 0.27rem;
  }
  .p-serve .petal-three {
    right: -0.65rem;
    bottom: 0.08rem;
  }
  .p-serve .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
  .p-serve .petal-two {
    bottom: -0.15rem;
    right: -0.35rem;
  }
  .p-serve .petal-two img {
    width: 0.18rem;
    height: 0.14rem;
  }
}
.runing-time {
  position: relative;
  padding-top: 4.25em;
}

.time-zhou-wrap {
  left: 50%;
  top: 0;
  height: 100%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.time-zhou-wrap .box {
  position: relative;
  height: 100%;
  width: 6px;
}

.zhou1 {
  position: relative;
  height: 100%;
  width: 6px;
  background: -webkit-linear-gradient(bottom, #1B4B97 30%, #F39B36 70%, rgba(247, 178, 37, 0.55) 100%);
  background: linear-gradient(0deg, #1B4B97 30%, #F39B36 70%, rgba(247, 178, 37, 0.55) 100%);
}
.zhou1 .zhou-header {
  position: absolute;
  top: -0.9em;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 1em;
  height: 1em;
  background: url(/img/images/base04.jpg) no-repeat;
}
.zhou1 .zhou-bottom {
  position: absolute;
  bottom: -0.9em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1em;
  height: 1em;
  background: #1B4B97;
  border-radius: 100%;
}

.time-zhou-wrap2 {
  left: -webkit-calc(50% + 0.6em);
  left: calc(50% + 0.6em);
  top: 50%;
  height: -webkit-calc(100% - 0.75em);
  height: calc(100% - 0.75em);
  opacity: 0.2;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.time-zhou-wrap2 .box {
  position: relative;
  height: 100%;
  width: 2px;
}

.time-zhou-wrap2-left {
  left: -webkit-calc(50% - 0.6em);
  left: calc(50% - 0.6em);
  top: 50%;
  height: -webkit-calc(100% - 0.75em);
  height: calc(100% - 0.75em);
  opacity: 0.2;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.time-zhou-wrap2-left .box {
  position: relative;
  height: 100%;
  width: 2px;
}

.zhou2 {
  position: relative;
  height: 100%;
  width: 2px;
  background: -webkit-linear-gradient(bottom, #1B4B97 30%, #EE9938 70%, #F5A62E 80%, #F7B225 100%);
  background: linear-gradient(0deg, #1B4B97 30%, #EE9938 70%, #F5A62E 80%, #F7B225 100%);
}
.zhou2 .zhou-header {
  position: absolute;
  top: -0.4em;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 0.4em;
  height: 0.4em;
  background: #F7B225;
}
.zhou2 .zhou-bottom {
  position: absolute;
  bottom: -0.4em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.5em;
  height: 0.5em;
  background: #1B4B97;
  border-radius: 100%;
}

.time-zhou-wrap3 {
  left: -webkit-calc(50% + 1.1em);
  left: calc(50% + 1.1em);
  top: -webkit-calc(50% - 1.5em);
  top: calc(50% - 1.5em);
  height: -webkit-calc(100% - 4.1em);
  height: calc(100% - 4.1em);
  opacity: 0.1;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.time-zhou-wrap3 .box {
  position: relative;
  height: 100%;
  width: 1px;
}

.time-zhou-wrap3-right {
  left: -webkit-calc(50% - 1.1em);
  left: calc(50% - 1.1em);
  top: -webkit-calc(50% - 1.5em);
  top: calc(50% - 1.5em);
  height: -webkit-calc(100% - 4.1em);
  height: calc(100% - 4.1em);
  opacity: 0.1;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.time-zhou-wrap3-right .box {
  position: relative;
  height: 100%;
  width: 1px;
}

.zhou3 {
  position: relative;
  height: 100%;
  width: 1px;
  background: -webkit-linear-gradient(bottom, #1B4B97 30%, #F39B36 70%, #F7B225 100%);
  background: linear-gradient(0deg, #1B4B97 30%, #F39B36 70%, #F7B225 100%);
}
.zhou3 .zhou-header {
  position: absolute;
  top: -0.1em;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 0.2em;
  height: 0.2em;
  background: #F7B225;
}
.zhou3 .zhou-bottom {
  position: absolute;
  bottom: -0.1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0.2em;
  height: 0.2em;
  background: #1B4B97;
  border-radius: 100%;
}

.running-list {
  padding-bottom: 7em;
}

.running-list-item {
  padding-left: -webkit-calc(50% - 0.4em);
  padding-left: calc(50% - 0.4em);
  display: -webkit-flex;
  display: flex;
}

.running-list-item-left {
  width: 0.8em;
  height: 0.8em;
  background: #ACACAC;
  border-radius: 100%;
  position: relative;
  margin-top: 2.1em;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.running-list-item-left::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  width: 0.4em;
  height: 0.4em;
  border-radius: 100%;
}

.running-list-item-right {
  margin-left: 3.45em;
  position: relative;
}
.running-list-item-right .content {
  font-size: 1.4em;
  line-height: 1.2857142857em;
  color: #2D2929;
  font-weight: 400;
  margin-top: 1.25em;
  margin-right: 2.0714285714em;
  width: 7em;
}
.running-list-item-right .imgwrap {
  width: 14em;
  height: 8.75em;
  position: relative;
}
.running-list-item-right .imgwrap img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
  z-index: 1;
}
.running-list-item-right .box {
  position: relative;
  background: #FEF7E9;
  border-radius: 1em 1em 0 0;
  border-image-slice: 1;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding-left: 4.95em;
}
.running-list-item-right .box::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.25em;
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}
.running-list-item-right .tip {
  position: absolute;
  background: url(/img/common/fang.svg) no-repeat;
  background-size: contain;
  width: 2.7em;
  height: 2.7em;
  left: -1.35em;
  top: 1.15em;
}
.running-list-item-right .numer {
  font-size: 10em;
  font-family: "HarmonyOS";
  font-weight: initial;
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #FEF7E9;
  -webkit-text-stroke: 3px transparent;
  position: relative;
  position: absolute;
  left: -0.115em;
  top: -0.265em;
}

@media (min-width: 992px) {
  .running-list-item:nth-child(even) {
    padding-right: -webkit-calc(50% - 0.4em);
    padding-right: calc(50% - 0.4em);
    padding-left: 0;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .running-list-item:nth-child(even) .running-list-item-right {
    margin-left: 0;
    margin-right: 3.45em;
  }
  .running-list-item:nth-child(even) .running-list-item-right .content {
    margin-right: 5em;
    margin-left: 1.6428571429em;
    width: 6em;
  }
  .running-list-item:nth-child(even) .running-list-item-right .box {
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-left: 0;
  }
  .running-list-item:nth-child(even) .running-list-item-right .tip {
    left: auto;
    right: -1.35em;
  }
  .running-list-item:nth-child(even) .running-list-item-right .numer {
    left: auto;
    right: -0.16em;
  }
}
@media (max-width: 991.98px) {
  .running-list-item {
    padding-left: 0.07rem;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 0.95rem;
  }
  .running-list-item:last-child {
    margin-bottom: 0;
  }
  .running-list-item-right {
    margin-left: 0.5rem;
  }
  .running-list-item-right .imgwrap {
    width: 2.8rem;
    height: 1.75rem;
  }
  .running-list-item-right .tip {
    width: 0.27rem;
    height: 0.52rem;
    background-size: 0.27rem 0.52rem;
    left: -0.26rem;
    top: 0.23rem;
  }
  .running-list-item-right .box {
    background: #FEF7E9;
    border-radius: 0.2rem 0.2rem 0 0;
    border-image-slice: 1;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-align-items: center;
            align-items: center;
    padding-left: 0.4rem;
  }
  .running-list-item-right .content {
    font-size: 0.32rem;
    line-height: 0.36rem;
    width: 2.5rem;
    margin-right: 0;
    margin-top: 0;
    height: 0.72rem;
    font-weight: 500;
  }
  .running-list-item-left {
    width: 0.2rem;
    height: 0.2rem;
    margin-top: 0.35rem;
  }
  .running-list-item-left::after {
    width: 0.1rem;
    height: 0.1rem;
  }
  .running-list {
    padding-bottom: 1.4rem;
    padding-top: 0.54rem;
  }
  .time-zhou-wrap3-right {
    left: 0rem;
    height: -webkit-calc(100% - 0.5rem);
    height: calc(100% - 0.5rem);
    top: -webkit-calc(50% - 0.08rem);
    top: calc(50% - 0.08rem);
  }
  .time-zhou-wrap3 {
    left: 0.34rem;
    height: -webkit-calc(100% - 0.5rem);
    height: calc(100% - 0.5rem);
    top: -webkit-calc(50% - 0.08rem);
    top: calc(50% - 0.08rem);
  }
  .time-zhou-wrap3 .box {
    width: 0.01rem;
  }
  .zhou2 {
    width: 0.02rem;
  }
  .zhou2 .zhou-header {
    width: 0.04rem;
    height: 0.04rem;
    top: -0.02rem;
  }
  .zhou2 .zhou-bottom {
    bottom: -0.08rem;
    width: 0.1rem;
    height: 0.1rem;
  }
  .time-zhou-wrap2-left {
    left: 0.07rem;
    height: -webkit-calc(100% - 0.3rem);
    height: calc(100% - 0.3rem);
    top: -webkit-calc(50% - 0.08rem);
    top: calc(50% - 0.08rem);
  }
  .time-zhou-wrap2 {
    left: 0.27rem;
    height: -webkit-calc(100% - 0.3rem);
    height: calc(100% - 0.3rem);
    top: -webkit-calc(50% - 0.08rem);
    top: calc(50% - 0.08rem);
  }
  .time-zhou-wrap2 .box {
    width: 0.02rem;
  }
  .zhou2 {
    width: 0.02rem;
  }
  .zhou2 .zhou-header {
    width: 0.08rem;
    height: 0.08rem;
    top: -0.06rem;
  }
  .zhou2 .zhou-bottom {
    bottom: -0.08rem;
    width: 0.1rem;
    height: 0.1rem;
  }
  .time-zhou-wrap {
    left: 0.17rem;
  }
  .time-zhou-wrap .box {
    width: 0.05rem;
  }
  .zhou1 {
    width: 0.05rem;
  }
  .zhou1 .zhou-header {
    width: 0.2rem;
    height: 0.2rem;
    top: -0.18rem;
  }
  .zhou1 .zhou-bottom {
    bottom: -0.18rem;
    width: 0.3rem;
    height: 0.3rem;
  }
  .runing-time {
    padding-top: 0;
  }
  .p-running .main-box-end {
    padding: 1rem 0 1.23rem;
  }
  .p-running .base-title-box {
    padding: 0;
  }
  .p-running .petal-one {
    left: 0.03rem;
    top: -0.49rem;
  }
  .p-running .petal-one img {
    width: 0.2rem;
    height: 0.23rem;
  }
  .p-running .petal-three {
    right: -0.5rem;
    bottom: -0.06rem;
  }
  .p-running .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
  .p-running .petal-two {
    right: -0.23rem;
    bottom: -0.22rem;
  }
  .p-running .petal-two img {
    width: 0.19rem;
    height: 0.22rem;
  }
}
@media (max-width: 991.98px) {
  .yth-swiper-box .imgwrap img {
    max-width: 100%;
    max-height: 100%;
  }
  .quality-more-text img {
    display: block;
    margin-top: 0.47rem;
    width: 100%;
    object-fit: contain;
  }
}
@media (max-width: 1500px) and (min-width: 991.98px) {
  .quality-more-text {
    padding: 0 2.7777777778em 0;
  }
}
.public-button {
  padding: 0.7em 1.5em;
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  border-radius: 1.2em;
  display: -webkit-flex;
  display: flex;
}
.public-button span {
  font-size: 0.8em;
  line-height: 1.25em;
  color: #fff;
  font-weight: 400;
}

@media (min-width: 992px) {
  .public-button:hover {
    background: -webkit-linear-gradient(left, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(90deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
}
@media (max-width: 991.98px) {
  .public-button {
    padding: 0.25rem 0.3rem;
    border-radius: 1.2rem;
  }
  .public-button span {
    font-size: 0.28rem;
    line-height: 0.2rem;
  }
}
.to-more {
  display: -webkit-flex;
  display: flex;
}

.p-product-b .main-box-end {
  background: url(/img/common/sczz-bg.webp) center bottom no-repeat;
  background-size: 100%;
  padding: 5.6em 0 6em;
}
.p-product-b .flower-one img {
  width: 1.45em;
  height: 1.15em;
}
.p-product-b .flower-two img {
  width: 1.15em;
  height: 1.25em;
}

.product-box .box {
  display: -webkit-flex;
  display: flex;
  position: relative;
}
.product-box .box::after {
  content: "";
  position: absolute;
  right: 1.5em;
  top: 25.95em;
  width: 0.95em;
  height: 1.1em;
  background: url(/img/images/base-08.svg) no-repeat;
  background-size: 0.95em 1.1em;
}
.product-box .box::before {
  content: "";
  position: absolute;
  right: -0.45em;
  top: 25em;
  width: 1.4em;
  height: 1.4em;
  background: #00A0E9;
  border-radius: 100%;
}

.product-l {
  width: 44.6666666667%;
}
.product-l .imgwrap {
  width: 100%;
  position: relative;
  padding-top: 111.1940298507%;
  height: 0;
  border-radius: 0.5em;
  overflow: hidden;
}
.product-l .imgwrap img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-r {
  -webkit-flex: 1;
          flex: 1;
  padding: 0.75em 0 0 4em;
}

.product-r-tit {
  font-size: 2em;
  line-height: 1.2em;
  color: #2D2929;
  font-weight: 400;
}

.product-r-titwrap {
  position: relative;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 1.4em;
}

.flower-one {
  position: absolute;
  right: -0.25em;
  top: -1.35em;
}

.flower-two {
  position: absolute;
  right: -2.2em;
  top: 0.3em;
}

.title-box {
  position: relative;
}

.product-r-content {
  font-size: 0.9em;
  line-height: 1.6666666667em;
  color: #2D2929;
  font-weight: 400;
}

@media screen and (max-width: 991.98px) {
  .to-more {
    -webkit-justify-content: center;
            justify-content: center;
  }
  .product-r {
    padding: 0.4rem 0.25rem 0;
  }
  .product-r-content {
    font-size: 0.3rem;
    line-height: 0.48rem;
    margin-bottom: 0;
  }
  .product-l-titwrap {
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    margin-bottom: 0.48rem;
  }
  .product-l-titwrap .title-box {
    width: 100%;
    position: relative;
  }
  .product-l-tit {
    font-size: 0.48rem;
    line-height: 0.58rem;
    color: #2D2929;
  }
  .p-product-b .product-l-tit {
    text-align: center;
  }
  .p-product-b .main-box-end {
    background: url(/img/images/business-2.png) left bottom no-repeat;
    background-size: 100%;
    padding: 1.2rem 0;
  }
  .p-product-b .flower-one {
    right: 0.16rem;
    top: -0.7rem;
  }
  .p-product-b .flower-one img {
    width: 0.26rem;
    height: 0.24rem;
  }
  .p-product-b .flower-two {
    right: -0.23rem;
    top: -0.37rem;
  }
  .p-product-b .flower-two img {
    width: 0.23rem;
    height: 0.24rem;
  }
  .product-l {
    width: 100%;
  }
  .product-l .imgwrap {
    padding-top: 56.1538461538%;
    border-radius: 0.1rem;
  }
  .product-box .box {
    -webkit-flex-direction: column;
            flex-direction: column;
  }
  .product-box .box::before, .product-box .box::after {
    display: none;
  }
}
.resource-box {
  background: url(/img/images/business-9.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.resource-box::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 15em;
  background: #fff;
  top: 0;
}

.p-resource .base-title-box {
  margin-bottom: 3em;
}
.p-resource .main-box-end {
  padding-top: 5em;
  position: relative;
}
.p-resource .main-box-end::after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  background: url(/img/images/business-10.jpg) no-repeat center;
  background-size: cover;
  height: 24.15em;
}
.p-resource .petal-one {
  left: -2.65em;
  top: -0.6em;
}
.p-resource .petal-one img {
  width: 1.3em;
  height: 1.35em;
}
.p-resource .petal-two {
  right: -1.7em;
  bottom: -0.75em;
  display: -webkit-flex;
  display: flex;
}
.p-resource .petal-two img {
  width: 0.9em;
  height: 0.7em;
}
.p-resource .petal-three {
  right: -2.8em;
  bottom: 0.95em;
}
.p-resource .petal-three img {
  width: 1em;
  height: 1.15em;
}

.intrduce-box {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 5.25em;
}

.intrduce-box-l {
  width: 47.6666666667%;
}
.intrduce-box-l .imgwrap {
  width: 100%;
  height: 0;
  padding-top: 65.7342657343%;
  position: relative;
  border-radius: 0.5em;
  overflow: hidden;
}
.intrduce-box-l .imgwrap img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.intrduce-box-r {
  -webkit-flex: 1;
          flex: 1;
  padding: 0.3rem 0 0 3.4rem;
}

.intrduce-r-tit {
  display: -webkit-flex;
  display: flex;
  font-size: 1.5em;
  line-height: 1em;
  color: #2D2929;
  font-weight: 400;
  margin-bottom: 0.9333333333em;
}

.intrduce-r-content {
  font-size: 0.9em;
  line-height: 1.6666666667em;
  color: #2D2929;
  font-weight: 400;
}

.advantage-box {
  margin: 0 -1em;
}

.advantage-list .imgwrap {
  position: relative;
  z-index: 3;
  width: 5em;
  height: 5em;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 2.25em;
}
.advantage-list .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.advantage-list.col-4 {
  padding: 0 1em 0;
}
.advantage-list .box {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  padding: 3.4em 0 5.1em;
  border-radius: 0.5em;
  overflow: hidden;
  background: #FEF7E9;
}
.advantage-list .bgk-imgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 8em;
  object-fit: cover;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (min-width: 991.98px) {
  .hovertop .box:hover .bgk-imgs {
    -webkit-transform: scale(3.3);
            transform: scale(3.3);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.advantage-tit {
  position: relative;
  z-index: 3;
  font-size: 1.2em;
  line-height: 1.1666666667em;
  color: #2D2929;
  font-weight: 400;
}

@media (max-width: 991.98px) {
  .resource-box {
    background: url(/img/images/business-11.jpg) no-repeat;
    background-size: contain;
    background-attachment: fixed;
    position: relative;
  }
  .resource-box::after {
    height: 9rem;
  }
  .intrduce-r-content {
    font-size: 0.3rem;
    line-height: 0.48rem;
  }
  .advantage-box {
    margin: 0;
  }
  .advantage-tit {
    font-size: 0.34rem;
    line-height: 0.46rem;
    font-family: "HarmonyOS";
    font-weight: initial;
  }
  .advantage-list .addvent-list-item {
    margin-bottom: 0.4rem;
  }
  .advantage-list .addvent-list-item:last-child {
    margin-bottom: 0;
  }
  .advantage-list .addvent-list-item:nth-child(1) .box {
    background: url(/img/images/business-6-mob.jpg);
    background-size: 100% 100%;
  }
  .advantage-list .addvent-list-item:nth-child(2) .box {
    background: url(/img/images/business-7-mob.jpg);
    background-size: 100% 100%;
  }
  .advantage-list .addvent-list-item:nth-child(3) .box {
    background: url(/img/images/business-8-mob.jpg);
    background-size: 100% 100%;
  }
  .advantage-list .addvent-list-item .imgwrap {
    width: 1.1rem;
    height: 1.1rem;
    margin-bottom: 0;
    margin-right: 0.38rem;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
  }
  .advantage-list .addvent-list-item .box {
    -webkit-flex-direction: row;
            flex-direction: row;
    padding: 0.76rem 0.86rem;
    border-radius: 0.1rem;
  }
  .advantage-list .addvent-list-item.col-4 {
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .intrduce-box {
    -webkit-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1.2rem;
  }
  .intrduce-box-r {
    padding: 0 0.25rem 0;
    margin-top: 3.65em;
    margin-top: 0.4rem;
  }
  .intrduce-box-l {
    width: 100%;
  }
  .intrduce-box-l .imgwrap {
    border-radius: 0.1rem;
  }
  .p-resource .main-box-end {
    padding: 0 0 1.54rem;
  }
  .p-resource .base-title-box {
    margin-bottom: 0.58rem;
  }
  .p-resource .petal-one {
    left: -0.56rem;
    top: -0.2rem;
  }
  .p-resource .petal-one img {
    width: 0.26rem;
    height: 0.27rem;
  }
  .p-resource .petal-two {
    right: -0.32rem;
    bottom: -0.15rem;
  }
  .p-resource .petal-two img {
    width: 0.18rem;
    height: 0.14rem;
  }
  .p-resource .petal-three {
    right: -0.5rem;
    bottom: 0.19rem;
  }
  .p-resource .petal-three img {
    width: 0.2rem;
    height: 0.23rem;
  }
}
.p-project .petal-one {
  display: -webkit-flex;
  display: flex;
  left: -3.7em;
  top: -0.55em;
}
.p-project .petal-one img {
  width: 1.3em;
  height: 1.35em;
}
.p-project .petal-two {
  display: -webkit-flex;
  display: flex;
  right: -2em;
  bottom: -0.25em;
}
.p-project .petal-two img {
  width: 0.9em;
  height: 0.7em;
}
.p-project .petal-three {
  display: -webkit-flex;
  display: flex;
  right: -4em;
  bottom: -0.2em;
}
.p-project .petal-three span {
  width: 1.4em;
  height: 1.4em;
}

.defalutContent {
  position: absolute;
  left: 2.4em;
  bottom: 2.3em;
  font-size: 1em;
  line-height: 1.3em;
  color: #fff;
  font-weight: 400;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.resource-swiper .swiper-slide {
  width: 43.3%;
  max-width: 830px;
  opacity: 0;
}
.resource-swiper .swiper-slide.swiper-slide-prev, .resource-swiper .swiper-slide.swiper-slide-next {
  opacity: 1;
}
.resource-swiper .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.resource-swiper .swiper-slide.swiper-slide-active .activeContent {
  display: block;
}
.resource-swiper .swiper-slide.swiper-slide-active .defalutContent {
  opacity: 0;
}
.resource-swiper .slide-box {
  position: relative;
}
.resource-swiper .slide-box-bac-wrap {
  position: relative;
  padding-top: 60.2409638554%;
  height: 0;
  overflow: hidden;
  border-radius: 0.5em;
}

.resource-navigation {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  position: relative;
  top: -1.5em;
  z-index: 9;
}
.resource-navigation > div {
  margin: 0em 0.75em;
}

.resource-prev {
  width: 3em;
  height: 3em;
  border-radius: 100%;
  overflow: hidden;
  background: #004098;
  position: relative;
}
.resource-prev::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(/img/images/bussess-10.svg) no-repeat;
  background-size: 0.9em 0.8em;
  width: 0.9em;
  height: 0.8em;
}

.resource-next {
  width: 3em;
  height: 3em;
  border-radius: 100%;
  overflow: hidden;
  background: #004098;
  position: relative;
}
.resource-next::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(/img/images/bussess-11.svg) no-repeat;
  background-size: 0.9em 0.8em;
  width: 0.9em;
  height: 0.8em;
}

.slide-box-bac {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.activeContent-tit {
  font-size: 1.8em;
  line-height: 1.1388888889em;
  color: #fff;
  font-weight: 400;
}

.activeContent {
  position: absolute;
  left: 50%;
  top: 47%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}
.activeContent .svgwrap {
  margin-bottom: 0.85em;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.activeContent img {
  width: 5em;
  height: 5em;
}

.zznl-swiper {
  overflow: hidden;
  padding: 0 1em;
  margin: 0 -1em;
}
.zznl-swiper .swiper-wrapper {
  margin-bottom: 3.7em;
}
.zznl-swiper .swiper-slide {
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 100%;
}

.box-line {
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  border-radius: 100%;
  padding: 0.3em;
  position: relative;
}
.box-line .box {
  padding-top: 100%;
  height: 0;
  position: relative;
  background: #fff;
  border-radius: 100%;
}

.zznl-scrollbar-wrap {
  margin-bottom: 3.1em;
}

.z-number-year {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-flex;
  display: flex;
}
.z-number-year span {
  font-size: 4.8em;
  line-height: 1.1458333333em;
  color: #504F4E;
  font-weight: 700;
  position: relative;
  opacity: 0.06;
}

.z-zhezhao {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.z-zhezhao .svgwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.z-zhezhao .svgwrap img {
  width: 4em;
  height: 3.5em;
  object-fit: contain;
  object-position: center;
}

.z-zhezhao-tit {
  font-size: 0.9em;
  line-height: 1.2222222222em;
  color: #2D2929;
  font-weight: 400;
  padding: 0 2.3em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.z-zhezhao-tit span {
  text-align: center;
  font-weight: 500;
}

.zznl-wrap {
  background: url(/img/images/business-16.webp) no-repeat;
  background-size: 100% 100%;
  padding: 5em 0 5.9em;
}

.zznl-scrollbar {
  width: 100%;
  height: 0.1em;
  background: rgba(255, 255, 255, 0.5);
}
.zznl-scrollbar .swiper-scrollbar-drag {
  border-radius: 0.5em;
  background: #fff;
  height: 0.3em;
  position: relative;
  top: -0.1em;
}

.zznl-prev {
  width: 2.5em;
  height: 2.5em;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  position: relative;
  margin-right: 1em;
}
.zznl-prev::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/img/images/bussess-13.svg) no-repeat;
  width: 0.45em;
  height: 0.75em;
}

.zznl-tit {
  font-size: 2em;
  line-height: 1.2em;
  color: #fff;
  font-weight: 400;
  text-align: center;
  margin-bottom: 2.1em;
}

.zznl-next {
  width: 2.5em;
  height: 2.5em;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  position: relative;
}
.zznl-next::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/img/images/bussess-14.svg) no-repeat;
  width: 0.45em;
  height: 0.75em;
}

.zznl-navigation {
  display: -webkit-flex;
  display: flex;
}

.project-box {
  padding-bottom: 7.8em;
  background: url(/img/images/business-17.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.project-box .middel-bottom,
.project-box .middel-top {
  background: #fff;
}

.item-img-pop {
  display: block;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  width: 25vw;
  max-width: 480px;
  display: none;
}
.item-img-pop .imgwrap {
  padding-top: 68.75%;
  height: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  position: relative;
  background: rgba(0, 0, 0, 0.4);
}
.item-img-pop .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  position: absolute;
  top: 0;
  left: 0;
}

.resource-swiper,
.zznl-wrap,
.resource-navigation {
  opacity: 0;
}

@media (max-width: 991.98px) {
  .box-has-img {
    width: 100%;
  }
  .box-has-img .imgwrap {
    padding-top: 68.9655172414%;
    position: relative;
    height: 0;
    background: rgba(0, 0, 0, 0.4);
  }
  .box-has-img .imgwrap img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    object-fit: scale-down;
  }
  .zznl-pagination {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    margin: 0.46rem 0 0;
  }
  .zznl-pagination span {
    margin: 0rem 0.1rem !important;
    width: 0.2rem;
    height: 0.2rem;
    border: 0.02rem solid #fff;
    border-radius: 100%;
    background: none;
  }
  .zznl-pagination span.swiper-pagination-bullet-active {
    background: #fff;
  }
  .z-zhezhao {
    position: relative;
    top: unset;
    bottom: auto;
  }
  .z-zhezhao .svgwrap {
    margin-bottom: 0.45rem;
  }
  .z-zhezhao-tit {
    -webkit-flex: none;
            flex: none;
    padding: 0;
    font-size: 0.34rem;
    line-height: 0.46rem;
    color: #2D2929;
    font-weight: 500;
  }
  .z-number-year {
    top: 67%;
  }
  .z-number-year span {
    font-size: 1.28rem;
    line-height: 1.47rem;
    color: #504F4E;
    font-weight: 700;
  }
  .z-zhezhao .svgwrap img {
    width: 1.58rem;
    height: 1.3rem;
  }
  .box-line {
    border-radius: 0.2rem;
    padding: 0.02rem;
    margin-bottom: 0.4rem;
    box-shadow: 0px 0.1rem 0.2rem 0px rgba(0, 0, 0, 0.25);
    background: none;
    position: relative;
    overflow: hidden;
  }
  .box-line::after {
    background: url(/img/images/business-7.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
  }
  .box-line .box {
    border-radius: 0.2rem;
    background: none;
    padding-top: 68.9655172414%;
    margin: 0rem;
    background: rgba(255, 255, 255, 0.9);
  }
  .zznl-wrap {
    width: 100%;
    overflow: hidden;
    background: url(/img/common/gcjs-zzbg.webp) no-repeat;
    background-size: 100% 100%;
    padding: 1.2rem 0 1.94rem;
  }
  .zznl-wrap .global-inner {
    padding: 0 0.85rem !important;
  }
  .zznl-tit {
    font-size: 0.48rem;
    line-height: 0.58rem;
    color: #fff;
    font-weight: 350;
    margin-bottom: 0.54rem;
  }
  .zznl-swiper {
    height: 10.66rem;
    padding: 0;
    margin: 0;
  }
  .zznl-swiper .swiper-slide {
    height: 5.1rem;
    box-shadow: none;
    border-radius: 0.2rem;
  }
  .zznl-swiper .swiper-wrapper {
    margin-bottom: 0;
  }
  .zznl-swiper .box-line {
    padding: 0;
    height: 5.1rem;
    margin-bottom: 0.46rem;
  }
  .zznl-swiper .box-line .box {
    width: 100%;
    height: 100%;
    padding: 0.72rem 0.56rem 0.8rem;
    position: relative;
  }
  .resource-pagination {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
  }
  .resource-pagination-doc {
    width: auto;
    font-family: "HarmonyOS";
    font-weight: initial;
    color: rgba(88, 89, 91, 0.5);
    font-size: 0.28rem;
    line-height: 0.46rem;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    position: relative;
    font-style: normal;
    font-weight: 400;
    margin: 0.42rem 0 0;
  }
  .resource-prev {
    -webkit-flex: none;
            flex: none;
    width: 0.74rem;
    height: 0.74rem;
    background: none;
    border: 1px solid #CED3D9;
  }
  .resource-prev::after {
    background: url(/img/images/bussess-15.svg) no-repeat;
    background-size: 0.22rem 0.16rem;
    width: 0.22rem;
    height: 0.16rem;
  }
  .resource-next {
    -webkit-flex: none;
            flex: none;
    width: 0.74rem;
    height: 0.74rem;
    background: none;
    border: 1px solid #CED3D9;
  }
  .resource-next::after {
    background: url(/img/images/bussess-16.svg) no-repeat;
    background-size: 0.22rem 0.16rem;
    width: 0.22rem;
    height: 0.16rem;
  }
  .resource-navigation {
    top: 0;
    -webkit-align-items: center;
            align-items: center;
    padding: 0 0.5rem;
    margin: 0;
  }
  .resource-navigation > div {
    margin: 0;
  }
  .resource-swiper-title {
    font-size: 0.34rem;
    line-height: 0.42rem;
    color: #2D2929;
    margin: 0 0.2rem !important;
    -webkit-flex: 1;
            flex: 1;
    text-align: center;
    height: 0.84rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
  }
  .activeContent {
    top: 50%;
  }
  .activeContent .svgwrap {
    margin-bottom: 0;
  }
  .activeContent .svgwrap img {
    width: 1.24rem;
    height: 1.24rem;
  }
  .resource-swiper .slide-box-bac-wrap {
    border-radius: 0;
  }
  .project-box {
    padding-top: 0;
    background: none;
    padding-bottom: 1.17rem;
  }
  .project-box .middel-bottom {
    margin: 0 0.5rem 0.6rem;
    overflow: hidden;
    border-radius: 0.1rem;
  }
  .p-project .main-box-end {
    padding: 1rem 0 0rem;
  }
  .p-project .petal-three {
    right: -0.6rem;
    bottom: -0.2rem;
  }
  .p-project .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
  .p-project .petal-one {
    left: -0.7rem;
    top: -0.13rem;
    display: -webkit-flex;
    display: flex;
  }
  .p-project .petal-one img {
    width: 0.26rem;
    height: 0.27rem;
  }
  .p-project .petal-two {
    display: -webkit-flex;
    display: flex;
    right: -0.2rem;
    bottom: -0.19rem;
  }
  .p-project .petal-two img {
    width: 0.18rem;
    height: 0.14rem;
  }
  .p-project .base-title-box {
    padding: 0;
  }
}
.p-wisdom .main-box-end {
  padding: 5em 0 7.1em;
}
.p-wisdom .main-box-end::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url(/img/images/business-22.webp) no-repeat;
  background-size: 100% 100%;
  height: 29em;
}
.p-wisdom .yth-content {
  margin-bottom: 4.1666666667em;
}
.p-wisdom .petal-one {
  left: -3.2em;
  top: -0.5em;
  display: -webkit-flex;
  display: flex;
}
.p-wisdom .petal-one img {
  width: 1em;
  height: 1.15em;
}
.p-wisdom .petal-two {
  right: -0.65em;
  bottom: -0.75em;
  display: -webkit-flex;
  display: flex;
}
.p-wisdom .petal-two img {
  width: 0.9em;
  height: 0.7em;
}
.p-wisdom .petal-three {
  right: -3.2em;
  bottom: 0.45em;
  display: -webkit-flex;
  display: flex;
}
.p-wisdom .petal-three span {
  width: 1.4em;
  height: 1.4em;
}

.zhyw-img-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 7em;
}
.zhyw-img-wrap:last-child {
  margin-bottom: 0;
}
.zhyw-img-wrap img {
  max-width: 100%;
  display: block;
}

.wisdom-box {
  padding-bottom: 0;
  background: url(/img/images/business-21.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.wisdom-box::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  height: 45em;
  background: #fff;
  width: 100%;
}

.zhyw-img-wrap {
  opacity: 0;
}

@media (max-width: 991.98px) {
  .wisdom-box {
    background: none;
  }
  .zhyw-img-wrap {
    margin-bottom: 1.15rem;
  }
  .p-wisdom .main-box-end::after {
    background: url(/img/images/business-23.webp) no-repeat;
    background-size: 100% 100%;
    height: 5.4rem;
  }
  .p-wisdom .main-box-end {
    padding: 0rem 0 1.54rem;
  }
  .p-wisdom .yth-content {
    font-size: 0.28rem;
    line-height: 0.46rem;
    color: #2D2929;
    font-weight: 350;
    margin-bottom: 0.62rem;
  }
  .p-wisdom .petal-one {
    left: -0.6rem;
    top: -0.07rem;
  }
  .p-wisdom .petal-one img {
    width: 0.26rem;
    height: 0.27rem;
  }
  .p-wisdom .petal-two {
    right: -0.17rem;
    bottom: -0.21rem;
  }
  .p-wisdom .petal-two img {
    width: 0.18rem;
    height: 0.14rem;
  }
  .p-wisdom .petal-three {
    right: -0.58rem;
    bottom: -0.2rem;
  }
  .p-wisdom .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
}
.p-carbon .yth-content {
  margin-bottom: 5.5555555556em;
}
.p-carbon .main-box-end {
  position: relative;
}
.p-carbon .main-box-end::after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  left: 0;
  background: url(/img/images/business-24.webp) no-repeat;
  background-size: 100% 16.45em;
  height: 16.45em;
}
.p-carbon .petal-one {
  display: -webkit-flex;
  display: flex;
  left: -2.25em;
  top: -0.5em;
}
.p-carbon .petal-two {
  right: 4.5em;
  bottom: -1.3em;
}
.p-carbon .petal-two img {
  width: 0.9em;
  height: 0.7em;
}
.p-carbon .petal-three {
  right: -0.7em;
  bottom: 1em;
}
.p-carbon .petal-three span {
  width: 1.4em;
  height: 1.4em;
}

@media (min-width: 992px) {
  .p-carbon .main-box-end {
    padding: 5em 0 9.95em;
  }
  .p-carbon .yth-content {
    width: 80%;
  }
}
@media (max-width: 991.98px) {
  .p-carbon .yth-content {
    margin-bottom: 0.34rem;
  }
  .p-carbon .main-box-end {
    padding: 1rem 0rem 1.14rem;
  }
  .p-carbon .main-box-end::after {
    background: url(/img/images/business-25.webp) no-repeat;
    background-size: 100% 3.43rem;
    height: 3.43rem;
  }
  .p-carbon .petal-three {
    right: 0rem;
    bottom: -0.18rem;
  }
  .p-carbon .petal-three span {
    width: 0.28rem;
    height: 0.28rem;
  }
  .p-carbon .petal-one {
    left: -0.21rem;
    top: -0.35rem;
  }
  .p-carbon .petal-one img {
    width: 0.2rem;
    height: 0.2rem;
  }
  .p-carbon .petal-two {
    right: 0.44rem;
    bottom: -0.4rem;
  }
  .p-carbon .petal-two img {
    width: 0.18rem;
    height: 0.14rem;
  }
}
.scene-navbar-box {
  position: relative;
  padding: 3.9rem 3.2rem 0;
  background: url("/img/ru/scene-circle.webp") no-repeat center top;
  background-size: 100% auto;
  margin-bottom: 2rem;
}

.scene-list {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  font-size: 0.9em;
  line-height: 2em;
  color: #2D2929;
  font-weight: 350;
  display: none;
  padding-bottom: 7.3333333333em;
}
.scene-list .text-content {
  padding: 0em 6.75em;
  text-align: center;
  margin-bottom: 1.6666666667em;
}
.scene-list img {
  max-width: 100%;
  object-fit: cover;
  height: 100%;
  width: 100%;
  margin-bottom: 1.5em;
  border-radius: 10px;
}
.scene-list > *:last-child {
  margin-bottom: 0 !important;
}

.scene-navbar {
  border-radius: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
}

.scene-navbarlist {
  max-width: 25%;
  padding: 0 0.5rem;
  text-align: center;
  position: relative;
  cursor: pointer;
}
.scene-navbarlist span {
  width: 16rem;
  max-width: 100%;
  display: -webkit-flex;
  display: flex;
  height: 4.2rem;
  font-size: 0.8em;
  line-height: 1.25em;
  color: #2D2929;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0 0.6rem;
  border-radius: 10px;
  background: #F7F7F8;
}
.scene-navbarlist.active span {
  color: #fff !important;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
}

.scene-contentbox {
  position: relative;
}
.scene-contentbox::after {
  position: absolute;
  content: "";
  width: 100vw;
  bottom: 0;
  top: 7.35rem;
  left: 50%;
  margin: 0 0 0 -50vw;
  background: #f7f7f7;
}

@media (min-width: 992px) {
  .p-scene .main-box-end {
    padding-bottom: 0;
  }
  .p-scene .base-title-box {
    margin-bottom: 2.7em;
  }
  .p-scene .petal-one {
    display: -webkit-flex;
    display: flex;
    left: 0;
    top: 0;
    left: -2.3em;
    top: 2.15em;
  }
  .p-scene .petal-one img {
    width: 0.95em;
    height: 1.1em;
  }
  .p-scene .petal-two {
    display: -webkit-flex;
    display: flex;
    right: -1.25em;
    bottom: 4em;
  }
  .p-scene .petal-two img {
    width: 0.75em;
    height: 1em;
  }
  .p-scene .petal-three {
    display: -webkit-flex;
    display: flex;
    right: -2em;
    bottom: 2.5em;
  }
  .p-scene .petal-three img {
    width: 1em;
    height: 1.15em;
  }
}
@media (max-width: 991.98px) {
  .p-scene .main-box {
    background: url("/img/ru/scene-bg_m.webp") no-repeat center bottom #fff;
    background-size: 100% auto;
  }
  .p-scene .petal-one {
    left: -0.39rem;
    top: 0.43rem;
  }
  .p-scene .petal-one img {
    width: 0.19rem;
    height: 0.22rem;
  }
  .p-scene .petal-two {
    right: -0.32rem;
    top: -0.22rem;
  }
  .p-scene .petal-two img {
    width: 0.15rem;
    height: 0.2rem;
  }
  .p-scene .petal-three {
    right: -0.5rem;
    top: 0.05rem;
  }
  .p-scene .petal-three img {
    width: 0.2rem;
    height: 0.23rem;
  }
  .p-scene .base-title-box {
    margin-bottom: 0.85rem;
  }
  .scene-contentbox {
    margin: 0 -0.5rem;
    padding: 0 0.5rem;
    overflow: hidden;
  }
  .scene-contentbox::after {
    display: none;
  }
  .scene-list {
    display: block;
    padding-bottom: 0rem;
  }
  .scene-list img {
    border-radius: 5px;
    margin: 0;
  }
  .scene-list .imgs {
    margin-bottom: 0.6rem;
  }
  .scene-list .title {
    font-size: 0.4rem;
    line-height: 1em;
    font-family: "HarmonyOS";
    font-weight: initial;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-align: center;
  }
  .scene-list .text-content {
    padding: 0 0.4rem;
    font-size: 0.32rem;
    line-height: 0.48rem;
    color: #2D2929;
    font-weight: 350;
    margin: 0.4rem 0 0;
    text-align: left;
  }
  .scene-paging {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    position: relative;
    margin: 0.68rem 0 0;
  }
  .scene-paging .bullet {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
    border: solid 1px #012C7C;
    margin: 0 0.1rem;
  }
  .scene-paging .bullet.active {
    background: #012C7C;
  }
  .scene-navbar-box {
    height: 1.18rem;
  }
  .scene-navbar {
    width: 82.7692307692%;
  }
  .scene-navbar::after {
    height: 0.7rem;
    top: 0.5rem;
  }
  .scene-navbarlist span {
    font-size: 0.28rem;
    font-weight: 350;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .scene-navbarlist.active span {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    font-weight: 500;
  }
}
.p-relation .main-box-end {
  background: url(/img/images/base09.webp) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
.p-relation .main-box-end::after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 0;
  height: 31em;
  background: #fff;
}
.p-relation .petal-two {
  display: -webkit-flex;
  display: flex;
  position: absolute;
  right: -0.5em;
  top: -0.7em;
  bottom: auto;
}
.p-relation .petal-two span {
  width: 1.4em;
  height: 1.4em;
  background: #00A0E9;
  border-radius: 100%;
}
.p-relation .petal-one {
  left: auto;
  top: 0.2em;
  right: -2.45em;
}
.p-relation .petal-one img {
  width: 1.25em;
  height: 0.8em;
}
.p-relation .base-title-box .title {
  font-size: 2.4em;
  line-height: 1.0416666667em;
  color: #2D2929;
  font-weight: 350;
}
.p-relation .base-title-box .en-title {
  font-size: 1.5em;
  line-height: 1.6666666667em;
  color: #2D2929;
  font-weight: 350;
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  display: -webkit-inline-flex;
  display: inline-flex;
}

.relation-address {
  display: -webkit-flex;
  display: flex;
}

.relation-contact-l {
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  width: 38.4057971014%;
  margin-right: 0.5em;
  background: url(/img/images/rec-08.jpg) no-repeat;
  background-size: 100% 100%;
}
.relation-contact-l .box-l {
  padding: 3.6em 3em;
}

.contact-tit {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #fff;
  font-weight: 500;
}

.contact-content {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #fff;
  font-weight: 350;
  margin-top: 0.375em;
}

.relation-address-r {
  -webkit-flex: 1;
          flex: 1;
}

.contact-list {
  margin-bottom: 4em;
}

.qrd-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}

.contact-item {
  margin-bottom: 2em;
}
.contact-item:last-child {
  margin-bottom: 0 !important;
}

.relation-box .box-wrap {
  padding: 0 3em;
}

.map-box {
  position: relative;
  padding-top: 84.7619047619%;
  height: 0;
}
.map-box .map {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.map-box .map img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.introduce-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}

.introduce-f-title {
  font-size: 0.8em;
  line-height: 1.25em;
  color: #012C7C;
  font-weight: 500;
  margin-bottom: 0.875em;
}

.introduce-name-title {
  font-size: 2em;
  line-height: 1.2em;
  color: #2D2929;
  font-weight: 350;
  margin-bottom: 1.3rem;
}

.introduce-content {
  font-size: 0.9em;
  line-height: 1.6666666667em;
  color: #2D2929;
  font-weight: 350;
  padding: 0 5.5555555556em;
  margin-bottom: 2.4444444444em;
}

.introduce-tuwen {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  padding: 0 7.5em;
}
.introduce-tuwen > div {
  padding: 4.9em 0;
}

.introduce-tuwen-l {
  -webkit-flex: 1;
          flex: 1;
  position: relative;
}
.introduce-tuwen-l .imgwrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.introduce-tuwen-l .imgwrap img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.introduce-tuwen-l .flower-one {
  position: absolute;
  left: -4.4em;
  top: 1.6em;
  display: -webkit-flex;
  display: flex;
}
.introduce-tuwen-l .flower-one span {
  width: 1.2em;
  height: 1.2em;
  border-radius: 100%;
  background: #00A0E9;
}
.introduce-tuwen-l .flower-two {
  position: absolute;
  left: -0.45em;
  top: -1.65em;
  z-index: 9;
}
.introduce-tuwen-l .flower-two img {
  width: 1.15em;
  height: 1.2em;
}
.introduce-tuwen-l .flower-three {
  position: absolute;
  left: 0.3em;
  top: -1.6em;
}
.introduce-tuwen-l .flower-three img {
  width: 1em;
  height: 0.75em;
}
.introduce-tuwen-l .flower-four {
  position: absolute;
  right: -1.3em;
  bottom: 1.9em;
}
.introduce-tuwen-l .flower-four img {
  width: 0.9em;
  height: 0.7em;
}
.introduce-tuwen-l .flower-five {
  position: absolute;
  right: -1.8em;
  bottom: 1em;
  z-index: 9;
}
.introduce-tuwen-l .flower-five img {
  width: 1.3em;
  height: 1.25em;
}

.introduce-tuwen-r {
  -webkit-flex: 1;
          flex: 1;
  position: relative;
}
.introduce-tuwen-r .imgwrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.introduce-tuwen-r .imgwrap img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}
.introduce-tuwen-r .flower-three {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  right: 1.35em;
  bottom: 0.95em;
  z-index: -1;
}
.introduce-tuwen-r .flower-three img {
  width: 1.3em;
  height: 1.25em;
}
.introduce-tuwen-r .flower-two {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  right: 3.9em;
  top: -1.5em;
}
.introduce-tuwen-r .flower-two img {
  width: 1.2em;
  height: 1em;
}
.introduce-tuwen-r .flower-one {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  left: -3em;
  top: 0.45em;
}
.introduce-tuwen-r .flower-one img {
  width: 0.95em;
  height: 1.1em;
}

.introduce-tuwen-title {
  font-size: 4.5em;
  line-height: 0.9333333333em;
  color: #012C7C;
  font-weight: 400;
  font-family: "HarmonyOSBold";
  position: relative;
  z-index: 5;
}

.introduce-tuwen-title-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.introduce-tuwen-title-wrap .box {
  position: relative;
}
.introduce-tuwen-title-wrap .imgwrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.introduce-tuwen-ftitle {
  font-size: 0.8em;
  line-height: 1.25em;
  color: #333;
  font-weight: 350;
  text-align: center;
  width: 18.9em;
  margin: 0.65rem auto 0;
}

.introduce-part-box {
  background: url(/img/images/about.png) no-repeat right bottom;
  background-size: 33.85em 16.4em;
  padding-bottom: 2.15em;
}

.layout-img {
  padding-top: 51.3020833333%;
  height: 0;
  position: relative;
}
.layout-img img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 5s;
  transition: all 5s;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.layout-content-wrap {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.layout-ftit {
  font-size: 0.8em;
  line-height: 1.25em;
  color: #F18A38;
  font-weight: 500;
  margin-bottom: 0.75em;
  text-align: center;
}

.layout-part-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 9%;
  left: 0;
  right: 0;
  bottom: 15%;
}

.layout-tit {
  width: 79%;
  font-size: 2em;
  line-height: 1.2em;
  color: #fff;
  font-weight: 350;
  margin: 0 auto 2.25rem;
  text-align: center;
  max-width: 1178px;
}

.layout-content {
  font-size: 0.9em;
  line-height: 1.6666666667em;
  color: #fff;
  font-weight: 350;
  text-align: center;
  width: 87%;
  max-width: 1300px;
  margin: 0 auto;
}

.layout-part-foot {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
          flex: 1;
  padding: 0em 4em;
  margin: 0 -2.5em;
  -webkit-align-items: end;
          align-items: end;
}
.layout-part-foot > div {
  -webkit-flex: 1;
          flex: 1;
  padding: 0em 2.5em;
}

.layout-foot-titwrap {
  position: relative;
  padding: 0 0 1.25em;
}
.layout-foot-titwrap::after {
  content: "";
  bottom: 0;
  width: 0%;
  height: 1px;
  position: absolute;
  background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}

.layout-foot-tit {
  font-size: 1.2em;
  line-height: 1.1666666667em;
  color: #fff;
  font-weight: 500;
}
.layout-foot-tit span {
  color: #F18A38;
  font-weight: 350;
}

.f-1 {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  left: -1.3em;
  top: -0.6em;
}
.f-1 img {
  width: 0.9em;
  height: 0.7em;
}

.f-2 {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  left: -0.35em;
  top: -1.1em;
}
.f-2 img {
  width: 1.05em;
  height: 1.1em;
}

.layout-foot-r .f-1 {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  top: auto;
  left: -1.4em;
  bottom: -0.45em;
}
.layout-foot-r .f-1 img {
  width: 0.75em;
  height: 0.85em;
}
.layout-foot-r .f-2 {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  left: -0.9em;
  top: auto;
  bottom: -0.55em;
}
.layout-foot-r .f-2 img {
  width: 0.85em;
  height: 0.7em;
}

.layout-box {
  position: relative;
  overflow: hidden;
}
.layout-box.ani .layout-img img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.layout-box.ani .layout-foot-titwrap::after {
  width: 100%;
}

.addvent {
  padding: 5.5em 0 0;
}

.addvent-box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
}

.addvent-ftit {
  text-align: center;
  font-size: 0.8em;
  line-height: 1.25em;
  color: #012C7C;
  font-weight: 500;
  margin-bottom: 0.75em;
}

.addvent-titwrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
  margin-bottom: 4.7rem;
}
.addvent-titwrap .box {
  position: relative;
}

.addvent-tit {
  font-size: 2em;
  line-height: 1.2em;
  color: #2D2929;
  font-weight: 350;
  text-align: center;
}

.af-1 {
  position: absolute;
  left: -3.3em;
  top: 0.55em;
  display: -webkit-flex;
  display: flex;
}
.af-1 img {
  width: 1.15em;
  height: 1.2em;
}

.af-2 {
  position: absolute;
  right: -1.35em;
  bottom: -0.65em;
  display: -webkit-flex;
  display: flex;
}
.af-2 img {
  width: 1.3em;
  height: 1.25em;
}

.af-3 {
  position: absolute;
  right: -3.75em;
  bottom: 0.25em;
  display: -webkit-flex;
  display: flex;
}
.af-3 img {
  width: 0.9em;
  height: 0.7em;
}

.af-4 {
  position: absolute;
  left: 8.75em;
  top: -3em;
  display: -webkit-flex;
  display: flex;
}
.af-4 span {
  width: 1.4em;
  height: 1.4em;
  border-radius: 100%;
  background: #00A0E9;
}

.addvent-list {
  margin: 0 -1em;
}
.addvent-list .col-4 {
  padding: 0 1em;
}

.addvent-list-item .svgwrap {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 2.1em;
}
.addvent-list-item .svgwrap img {
  width: 3.2em;
  height: 3.2em;
}
.addvent-list-item .box {
  height: 100%;
  border-radius: 0.5em;
  overflow: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
  padding: 2.8em 2.2em 3.8em;
  position: relative;
  background: #FEF7E9;
}
.addvent-list-item .bgk-imgs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 8em;
  object-fit: cover;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.addvent-title {
  font-size: 1em;
  line-height: 1.3em;
  color: #2D2929;
  font-weight: 700;
  font-family: "HarmonyOS";
  font-weight: initial;
  text-align: center;
}

.addvent-f-content {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #2D2929;
  font-weight: 350;
  margin: 1em auto 0;
  text-align: center;
}

@media (min-width: 991.98px) {
  .addvent-list-item .box:hover .bgk-imgs {
    -webkit-transform: scale(3.3);
            transform: scale(3.3);
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
}
.addvent-future {
  display: -webkit-flex;
  display: flex;
}

.addvent-foot {
  padding-top: 7.25em;
}

.addvent-future-l {
  -webkit-flex: 1;
          flex: 1;
  margin-top: 4.1em;
}

.addvent-future-r {
  width: 38.6666666667%;
  position: relative;
  margin: 0 3.85em 0 2.75em;
}
.addvent-future-r .img-deco {
  position: absolute;
  display: -webkit-flex;
  display: flex;
  bottom: 36%;
  left: -1em;
  z-index: 9;
}
.addvent-future-r .img-deco span {
  width: 1.4em;
  height: 1.4em;
  border-radius: 100%;
  overflow: hidden;
  background: #00A0E9;
}
.addvent-future-r .imgwrap {
  padding-top: 111.2068965517%;
  height: 0;
  position: relative;
  overflow: hidden;
  border-radius: 0.5em;
}
.addvent-future-r .imgwrap img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.future-item-tit {
  font-size: 1.8em;
  line-height: 1.3333333333em;
  color: #2D2929;
  font-weight: 500;
  display: -webkit-flex;
  display: flex;
}

.future-item-content {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #2D2929;
  font-weight: 300;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-top: 0.6rem;
}

.future-item {
  padding: 1.7em 18.6% 1.75em 11%;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.future-item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.future-item::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.future-item .future-item-content {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.future-list {
  position: relative;
}
.future-list::after {
  position: absolute;
  content: "";
  background: url(/img/images/about-4.svg) no-repeat;
  width: 1.3em;
  height: 1.25em;
  top: -0.75em;
  right: 32.6%;
}
.future-list::before {
  position: absolute;
  content: "";
  background: url(/img/images/about-1.svg) no-repeat;
  width: 1.15em;
  height: 1.2em;
  left: -5em;
  left: 0;
  bottom: 3.2em;
  z-index: 9;
}

.p-about .main-box-end {
  background: url(/img/images/about-10.webp) no-repeat bottom;
  background-size: 100% 22.45em;
}

@media (max-width: 991.98px) {
  .future-list::after {
    display: none;
  }
  .f-2 {
    left: auto;
    right: -0.76rem;
    top: -0.1rem;
  }
  .f-2 img {
    width: 0.21rem;
    height: 0.22rem;
  }
  .f-1 {
    left: auto;
    right: -0.36rem;
    top: 0.06rem;
  }
  .f-1 img {
    width: 0.12rem;
    height: 0.1rem;
  }
  .layout-foot-r .f-1 {
    top: auto;
    left: auto;
    bottom: 0.16rem;
    right: 1.78rem;
  }
  .layout-foot-r .f-1 img {
    width: 0.15rem;
    height: 0.17rem;
  }
  .layout-foot-r .f-2 {
    top: auto;
    left: auto;
    bottom: -0.11rem;
    right: 1.37rem;
  }
  .layout-foot-r .f-2 img {
    width: 0.17rem;
    height: 0.14rem;
  }
  .layout-img {
    padding-top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .layout-content-wrap {
    position: relative;
    padding: 1.2rem 0 0.88rem;
    z-index: 10;
  }
  .layout-part-box {
    position: relative;
    top: unset;
    bottom: unset;
  }
  .layout-ftit {
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #F18A38;
    font-weight: 400;
    margin-bottom: 0.22rem;
  }
  .layout-tit {
    width: 100%;
    max-width: none;
    font-size: 0.52rem;
    line-height: 0.64rem;
    color: #fff;
    font-weight: 350;
    margin-bottom: 0.42rem;
  }
  .layout-content {
    width: 100%;
    max-width: none;
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 350;
    margin-bottom: 0rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    max-height: 3.36rem;
  }
  .about-layout-btnbox {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    margin: 0.46rem 0 0;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .about-layout-btnbox .btn-viewdet {
    min-width: 2.16rem;
    height: 0.75rem;
    padding: 0 0.4rem;
    background: -webkit-linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    position: relative;
    font-size: 0.28rem;
    line-height: 1em;
    color: #fff;
    cursor: pointer;
    border-radius: 0.4rem;
  }
  .about-layout-btnbox .btn-viewdet > * {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
            align-items: center;
    -webkit-justify-content: center;
            justify-content: center;
    position: relative;
  }
  .layout-part-foot {
    padding: 0em 0;
    margin: 3.1rem 0 0;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: end;
            justify-content: end;
  }
  .layout-part-foot > div {
    padding: 0 0 0 0.3rem;
    -webkit-flex: none;
            flex: none;
    margin-bottom: 0.56rem;
    position: relative;
  }
  .layout-part-foot > div::before {
    content: "";
    display: block;
    width: 2px;
    background: -webkit-linear-gradient(0deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(bottom, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: linear-gradient(0deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    position: absolute;
    left: 0;
    top: 0.05rem;
    bottom: 0.05rem;
  }
  .layout-part-foot > div:last-child {
    margin-bottom: 0;
  }
  .layout-foot-titwrap {
    padding: 0;
  }
  .layout-foot-titwrap::after {
    bottom: 0.15rem;
    height: -webkit-calc(100% - 0.37rem);
    height: calc(100% - 0.37rem);
    width: 0.02rem;
    left: -0.29rem;
  }
  .layout-foot-tit {
    font-size: 0.34rem;
    line-height: 0.46rem;
    color: #fff;
    font-weight: 400;
  }
  .layout-box.ani .layout-foot-titwrap::after {
    height: -webkit-calc(100% - 0.37rem);
    height: calc(100% - 0.37rem);
    width: 0.02rem;
  }
  .p-about .main-box-end {
    padding: 0.9rem 0 2.08rem;
    background: url(/img/images/about-11.jpg) no-repeat bottom;
    background-size: contain;
  }
  .introduce-f-title {
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #012C7C;
    font-weight: 500;
    margin-bottom: 0.22rem;
  }
  .introduce-name-title {
    font-size: 0.52rem;
    line-height: 0.64rem;
    color: #2D2929;
    font-weight: 350;
    margin-bottom: 0.46rem;
    text-align: center;
    white-space: nowrap;
  }
  .introduce-part-box {
    background: none;
    padding-bottom: 1.16rem;
  }
  .introduce-content {
    font-size: 0.3rem;
    line-height: 0.48rem;
    color: #2D2929;
    font-weight: 350;
    padding: 0;
    margin-bottom: 0;
  }
  .introduce-tuwen {
    padding: 1.45rem 0rem 0;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
  .introduce-tuwen > div {
    padding: 0;
    margin-bottom: 0.85rem;
  }
  .introduce-tuwen > div:last-child {
    margin-bottom: 0;
  }
  .introduce-tuwen-r .flower-three {
    right: -0.13rem;
    bottom: 0.1rem;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  .introduce-tuwen-r .flower-three img {
    width: 0.26rem;
    height: 0.25rem;
  }
  .introduce-tuwen-r .flower-two {
    display: none;
  }
  .introduce-tuwen-r .flower-one {
    left: -0.36rem;
    top: -0.16rem;
  }
  .introduce-tuwen-r .flower-one img {
    width: 0.19rem;
    height: 0.22rem;
  }
  .introduce-tuwen-title {
    font-size: 1.06rem;
    line-height: 1.06rem;
    color: #004098;
    font-weight: 400;
  }
  .introduce-tuwen-ftitle {
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #333;
    font-weight: 400;
    margin-top: 0.14rem;
  }
  .introduce-tuwen-l .flower-one,
  .introduce-tuwen-l .flower-two {
    display: none;
  }
  .introduce-tuwen-l .flower-three {
    left: -0.38rem;
    top: -0.42rem;
    display: -webkit-flex;
    display: flex;
  }
  .introduce-tuwen-l .flower-three img {
    width: 0.2rem;
    height: 0.25rem;
  }
  .introduce-tuwen-l .flower-four {
    right: -0.15rem;
    bottom: 0.11rem;
    display: -webkit-flex;
    display: flex;
  }
  .introduce-tuwen-l .flower-four img {
    width: 0.18rem;
    height: 0.14rem;
  }
  .introduce-tuwen-l .flower-five {
    right: -0.3rem;
    bottom: 0.3rem;
  }
  .introduce-tuwen-l .flower-five img {
    width: 0.26rem;
    height: 0.25rem;
  }
  .addvent {
    padding: 1.2rem 0 0;
  }
  .addvent-list-item {
    margin-bottom: 0.46rem;
  }
  .addvent-list-item:last-child {
    margin-bottom: 0 !important;
  }
  .addvent-list-item .svgwrap {
    margin-bottom: 0.4rem;
  }
  .addvent-list-item .svgwrap img {
    width: 0.8rem;
    height: 0.8rem;
  }
  .addvent-list-item .box {
    border-radius: 0.1rem;
    padding: 0.48rem 0.45rem 0.54rem;
  }
  .addvent-title {
    font-size: 0.36rem;
    line-height: 0.38rem;
    color: #2D2929;
    font-weight: inherit;
    font-family: "HarmonyOS";
    font-weight: initial;
  }
  .addvent-f-content {
    font-size: 0.28rem;
    line-height: 0.36rem;
    color: #817F7F;
    font-weight: 350;
    margin-top: 0.22rem;
    width: 100%;
  }
  .addvent-future {
    -webkit-flex-direction: column;
            flex-direction: column;
  }
  .addvent-future-l {
    margin-top: 0;
  }
  .future-list::before {
    display: none;
  }
  .future-item-tit {
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #012C7C;
    font-weight: 350;
  }
  .future-item-content {
    height: auto;
    margin-top: 0.18rem;
    font-size: 0.3rem;
    line-height: 0.36rem;
    color: #58595B;
    font-weight: 350;
  }
  .future-item {
    padding: 0.06rem 0 0.48rem;
    position: relative;
    border: none;
    margin-bottom: 0.46rem;
  }
  .future-item:last-child {
    margin-bottom: 0;
  }
  .future-item::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: -webkit-linear-gradient(top, rgba(22, 73, 153, 0.3) 0%, rgba(241, 146, 61, 0.3) 66.15%, rgba(247, 180, 35, 0.3) 100%);
    background: linear-gradient(180deg, rgba(22, 73, 153, 0.3) 0%, rgba(241, 146, 61, 0.3) 66.15%, rgba(247, 180, 35, 0.3) 100%);
    background: -webkit-linear-gradient(180deg, rgba(22, 73, 153, 0.3) 0%, rgba(241, 146, 61, 0.3) 66.15%, rgba(247, 180, 35, 0.3) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    top: unset;
  }
  .future-item:nth-child(1) .future-item-tit span {
    position: relative;
  }
  .future-item:nth-child(1) .future-item-tit span::after {
    position: absolute;
    content: "";
    right: -1.18rem;
    top: -0.03rem;
    background: url(/img/images/about-1.svg);
    background-size: 0.23rem 0.24rem;
    width: 0.23rem;
    height: 0.24rem;
  }
  .future-item:nth-child(1) .future-item-tit span::before {
    position: absolute;
    content: "";
    right: -1.46rem;
    top: -0.05rem;
    background: url(/img/images/about-15.svg);
    background-size: 0.11rem 0.08rem;
    width: 0.11rem;
    height: 0.08rem;
  }
  .future-item:nth-child(2) .future-item-tit span {
    position: relative;
  }
  .future-item:nth-child(2) .future-item-tit span::before {
    position: absolute;
    content: "";
    right: -0.53rem;
    top: 0rem;
    background: url(/img/images/about-15.svg);
    background-size: 0.11rem 0.08rem;
    width: 0.11rem;
    height: 0.08rem;
  }
  .future-item:nth-child(3) .future-item-tit span {
    position: relative;
  }
  .future-item:nth-child(3) .future-item-tit span::after {
    position: absolute;
    content: "";
    right: -1rem;
    top: 0.2rem;
    background: url(/img/images/about-1.svg);
    background-size: 0.23rem 0.24rem;
    width: 0.23rem;
    height: 0.24rem;
  }
  .future-item:nth-child(3) .future-item-tit span::before {
    position: absolute;
    content: "";
    right: -0.37rem;
    top: -0.08rem;
    background: url(/img/images/about-15.svg);
    background-size: 0.11rem 0.08rem;
    width: 0.11rem;
    height: 0.08rem;
  }
  .addvent-foot {
    padding-top: 1rem;
  }
  .addvent-list {
    -webkit-flex-direction: column;
            flex-direction: column;
    margin: 0 0rem;
  }
  .addvent-list .col-4 {
    padding: 0 0rem;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .addvent-ftit {
    font-size: 0.28rem;
    line-height: 0.28rem;
    color: #012C7C;
    font-weight: 400;
    margin-bottom: 0.22rem;
    position: relative;
    z-index: 10;
  }
  .addvent-tit {
    font-size: 0.52rem;
    line-height: 0.64rem;
    color: #2D2929;
    font-weight: 350;
    position: relative;
    z-index: 10;
  }
  .addvent-titwrap {
    margin-bottom: 0.46rem;
  }
  .af-1 {
    display: none;
  }
  .af-2 {
    right: 0.68rem;
    bottom: 0rem;
  }
  .af-2 img {
    width: 0.25rem;
    height: 0.25rem;
  }
  .af-3 {
    right: 0.22rem;
    bottom: 0.18rem;
  }
  .af-3 img {
    width: 0.18rem;
    height: 0.14rem;
  }
  .af-4 {
    left: 2.32rem;
    top: -0.62rem;
  }
  .af-4 span {
    width: 0.28rem;
    height: 0.28rem;
  }
}
.relation-list-item {
  opacity: 0;
}

.relation-list-l {
  width: 48.55%;
  max-width: 670px;
}
.relation-list-l .imgwrap {
  position: relative;
  padding-top: 59.7014925373%;
  overflow: hidden;
}
.relation-list-l .imgwrap img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.relation-list-r {
  width: 100%;
  -webkit-flex: 1;
          flex: 1;
  padding: 0 1.5em 0em 3em;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
          justify-content: center;
  position: relative;
  top: -0.7em;
}

.relation-r-tit {
  position: relative;
}
.relation-r-tit span {
  font-size: 1.6em;
  line-height: 1.5625em;
  font-weight: 500;
  background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  background: linear-gradient(270deg, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
}

.relation-r-ftit {
  font-size: 0.8em;
  line-height: 1.5em;
  color: #817F7F;
  font-weight: 350;
}

.relation-r-titwrap {
  border-bottom: 1px solid #CED3D9;
  padding-bottom: 1.6em;
}

.relation-r-bottom {
  padding-top: 2.1em;
}

.relation-bottom-item {
  font-size: 0.9em;
  line-height: 1.6666666667em;
  color: #2D2929;
  font-weight: 400;
  margin-bottom: 0.4444444444em;
  width: 100%;
  display: -webkit-flex;
  display: flex;
}
.relation-bottom-item:last-child {
  margin-bottom: 0;
}
.relation-bottom-item > * {
  display: block;
}
.relation-bottom-item > *:first-child {
  white-space: nowrap;
}

.r-addess {
  font-weight: 350;
}

.relation-list-item {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 6.5em;
}
.relation-list-item:last-child {
  margin-bottom: 0;
}
.relation-list-item:nth-child(even) {
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.relation-list-item:nth-child(even) .relation-list-r {
  padding: 0 3em 0em 2em;
}
.relation-list-item:nth-child(4n+1) .relation-r-tit span::after {
  position: absolute;
  content: "";
  width: 0.5555555556em;
  height: 0.5555555556em;
  background: #F18A38;
  border-radius: 100%;
  right: -4.1111111111em;
  top: -0.4722222222em;
  -webkit-animation: donghua5 12s linear infinite;
          animation: donghua5 12s linear infinite;
}
.relation-list-item:nth-child(4n+1) .relation-r-tit span::before {
  position: absolute;
  content: "";
  width: 0.3611111111em;
  height: 0.4166666667em;
  background: url(/img/images/about-16.svg);
  background-size: 0.3611111111em 0.4166666667em;
  right: -4.7777777778em;
  top: -0.0833333333em;
  -webkit-animation: donghua4 8s linear infinite;
          animation: donghua4 8s linear infinite;
}
.relation-list-item:nth-child(4n+2) .relation-r-tit span::after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.3888888889em;
  background: url(/img/images/about-17.svg);
  background-size: 0.5em 0.3888888889em;
  border-radius: 100%;
  right: -0.8333333333em;
  top: 0.4166666667em;
  -webkit-animation: donghua4 8s linear infinite;
          animation: donghua4 8s linear infinite;
}
.relation-list-item:nth-child(4n+2) .relation-r-tit span::before {
  position: absolute;
  content: "";
  width: 0.3888888889em;
  height: 0.6111111111em;
  background: url(/img/images/about-18.svg);
  background-size: 0.3888888889em 0.6111111111em;
  right: -1.3611111111em;
  top: 0.1111111111em;
  -webkit-animation: donghua5 12s linear infinite;
          animation: donghua5 12s linear infinite;
}
.relation-list-item:nth-child(4n+3) .relation-r-tit span::after {
  position: absolute;
  content: "";
  width: 0.4166666667em;
  height: 0.3611111111em;
  background: url(/img/images/about-19.svg);
  background-size: 0.4166666667em 0.3611111111em;
  border-radius: 100%;
  left: -0.5555555556em;
  top: 1em;
  -webkit-animation: donghua5 12s linear infinite;
          animation: donghua5 12s linear infinite;
}
.relation-list-item:nth-child(4n+3) .relation-r-tit span::before {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.3888888889em;
  background: url(/img/images/about-20.svg);
  background-size: 0.5em 0.3888888889em;
  left: -0.3611111111em;
  top: 1.1666666667em;
  -webkit-animation: donghua4 8s linear infinite;
          animation: donghua4 8s linear infinite;
}
.relation-list-item:nth-child(4n) .relation-r-tit span::after {
  position: absolute;
  content: "";
  width: 0.5em;
  height: 0.3888888889em;
  background: url(/img/images/about-17.svg);
  background-size: 0.5em 0.3888888889em;
  border-radius: 100%;
  right: -1.3888888889em;
  top: -0.4444444444em;
  -webkit-animation: donghua4 8s linear infinite;
          animation: donghua4 8s linear infinite;
}
.relation-list-item:nth-child(4n) .relation-r-tit span::before {
  position: absolute;
  content: "";
  width: 0.3888888889em;
  height: 0.6111111111em;
  background: url(/img/images/about-18.svg);
  background-size: 0.3888888889em 0.6111111111em;
  right: -0.8333333333em;
  top: -0.1666666667em;
  -webkit-animation: donghua5 12s linear infinite;
          animation: donghua5 12s linear infinite;
}

@media (min-width: 992px) {
  .p-relation .relation-box > .global-inner {
    max-width: 1380px;
  }
}
@media screen and (max-width: 991.98px) {
  .information-select {
    position: fixed;
    top: 1.2rem;
    width: 100%;
    left: 0;
    background: #fff;
    border: none;
    z-index: 1;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.11);
  }
  .information-select .byted-select-input {
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    font-size: 0.28rem;
    line-height: 0.37rem;
    width: 100%;
    height: 1rem;
    -webkit-align-items: center;
            align-items: center;
    border-radius: 0;
    padding: 0;
    border: none;
  }
  .p-relation .main-box-end {
    background: url(/img/images/about-12.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
  }
  .p-relation .main-box-end::after {
    height: 6rem;
  }
  .p-relation.sys-mac .main-box-end {
    background: url(/img/images/about-12.jpg) no-repeat center center;
    background-size: 100% auto;
  }
  .relation-list-item {
    margin-bottom: 1rem;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
  .relation-list-item:nth-child(even) {
    -webkit-flex-direction: column;
            flex-direction: column;
  }
  .relation-list-item:nth-child(even) .relation-list-r {
    padding: 0;
  }
  .relation-list-item:nth-child(4n+1) .relation-r-tit::after {
    position: absolute;
    content: "";
    width: 0.2rem;
    height: 0.2rem;
    background: #F18A38;
    border-radius: 100%;
    right: 0.25rem;
    top: 0.18rem;
    -webkit-animation: donghua5 12s linear infinite;
            animation: donghua5 12s linear infinite;
  }
  .relation-list-item:nth-child(4n+1) .relation-r-tit::before {
    position: absolute;
    content: "";
    width: 0.13rem;
    height: 0.15rem;
    background: url(/img/images/about-16.svg);
    background-size: 0.13rem 0.15rem;
    right: 0.55rem;
    top: 0.02rem;
    -webkit-animation: donghua4 8s linear infinite;
            animation: donghua4 8s linear infinite;
  }
  .relation-list-item:nth-child(4n+2) .relation-r-tit::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 0.14rem;
    background: url(/img/images/about-17.svg);
    background-size: 0.18rem 0.14rem;
    border-radius: 100%;
    right: 0.66rem;
    top: -0.07rem;
    -webkit-animation: donghua4 8s linear infinite;
            animation: donghua4 8s linear infinite;
  }
  .relation-list-item:nth-child(4n+2) .relation-r-tit::before {
    position: absolute;
    content: "";
    width: 0.14rem;
    height: 0.22rem;
    background: url(/img/images/about-18.svg);
    background-size: 0.14rem 0.22rem;
    right: 0.36rem;
    top: 0.07rem;
    -webkit-animation: donghua5 12s linear infinite;
            animation: donghua5 12s linear infinite;
  }
  .relation-list-item:nth-child(4n+3) .relation-r-tit::after {
    position: absolute;
    content: "";
    width: 0.15rem;
    height: 0.13rem;
    background: url(/img/images/about-19.svg);
    background-size: 0.15rem 0.13rem;
    border-radius: 100%;
    right: 0.73rem;
    top: -0.14rem;
    -webkit-animation: donghua5 12s linear infinite;
            animation: donghua5 12s linear infinite;
  }
  .relation-list-item:nth-child(4n+3) .relation-r-tit::before {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 0.14rem;
    background: url(/img/images/about-20.svg);
    background-size: 0.18rem 0.14rem;
    right: 0.49rem;
    top: -0.09rem;
    -webkit-animation: donghua4 8s linear infinite;
            animation: donghua4 8s linear infinite;
  }
  .relation-list-item:nth-child(4n) .relation-r-tit::after {
    position: absolute;
    content: "";
    width: 0.18rem;
    height: 0.14rem;
    background: url(/img/images/about-17.svg);
    background-size: 0.18rem 0.14rem;
    border-radius: 100%;
    right: 0.72rem;
    top: 0.6rem;
    -webkit-animation: donghua4 8s linear infinite;
            animation: donghua4 8s linear infinite;
  }
  .relation-list-item:nth-child(4n) .relation-r-tit::before {
    position: absolute;
    content: "";
    width: 0.14rem;
    height: 0.22rem;
    background: url(/img/images/about-18.svg);
    background-size: 0.14rem 0.22rem;
    right: 0.93rem;
    top: 0.68rem;
    -webkit-animation: donghua5 12s linear infinite;
            animation: donghua5 12s linear infinite;
  }
  .relation-list-l {
    width: 100%;
    max-width: none;
  }
  .relation-list-r {
    width: 100%;
    padding: 0;
    top: 0;
    -webkit-justify-content: normal;
            justify-content: normal;
  }
  .relation-box-r {
    padding: 0.5rem 0.25rem 0rem 0.25rem;
  }
  .relation-r-titwrap {
    padding-bottom: 0.3rem;
  }
  .relation-r-tit {
    position: relative;
    font-family: "HarmonyOS";
    font-weight: initial;
  }
  .relation-r-tit span {
    font-size: 0.36rem;
    line-height: 1em;
  }
  .relation-r-tit span::after, .relation-r-tit span::before {
    display: none;
  }
  .relation-r-ftit {
    font-size: 0.28rem;
    line-height: 0.42rem;
    color: #817F7f;
    font-weight: 350;
    margin-top: 0.12rem;
  }
  .relation-r-bottom {
    padding-top: 0.32rem;
  }
  .relation-bottom-item {
    font-size: 0.28rem;
    line-height: 0.34rem;
    margin-bottom: 0.18rem;
  }
}
@media (min-width: 992px) {
  .addvent-future-r .imgwrap img {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .addvent-future-r .imgwrap img.show {
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .zznl-prev,
  .zznl-next {
    border: none;
    position: relative;
  }
  .zznl-prev::before,
  .zznl-next::before {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    left: 0;
    top: 0;
    border: 1px solid rgba(255, 255, 255, 0.6);
    content: "";
    -webkit-transform: none;
            transform: none;
    z-index: -1;
  }
  .z-zhezhao .z-zhezhao-tit {
    height: 6.1111111111em;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex: none;
            flex: none;
  }
  .z-zhezhao .svgwrap {
    margin-bottom: 1.1em;
  }
  .introduce-tuwen {
    position: relative;
  }
  .introduce-tuwen::after {
    position: absolute;
    content: "";
    height: 10rem;
    width: 1px;
    background: rgba(206, 211, 217, 0.5);
    left: 50%;
    top: -webkit-calc(50% - 0.5rem);
    top: calc(50% - 0.5rem);
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .introduce-content {
    text-align: center;
  }
  .result-list li:hover .item-arrow {
    background: rgb(1, 44, 124);
  }
  .future-item {
    cursor: pointer;
  }
  .future-item.active {
    padding-top: 0.4em;
    padding-bottom: 2.4em;
    background: #FBFBFB;
  }
  .future-item.active::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: url(/img/common/about01.svg) no-repeat;
    background-size: 6.45em 5.8em;
    width: 6.45em;
    height: 5.8em;
  }
  .future-item.active .future-item-tit {
    color: #012C7C;
  }
  .future-item.active .future-item-content {
    height: auto;
    overflow: initial;
  }
  .introduce-tuwen-item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
  }
  .introduce-tuwen-l:hover .imgwrap,
  .introduce-tuwen-r:hover .imgwrap {
    opacity: 1;
  }
  .scene-navbarlist:hover span {
    color: #012C7C;
  }
  .p-scene .main-box-end {
    position: relative;
  }
  .p-scene .main-box-end::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: url(/img/images/rec.png) no-repeat;
    width: 14.05em;
    height: 11.3em;
    background-size: 14.05em 11.3em;
  }
  .p-project .main-box-end {
    padding-bottom: 0;
    padding-top: 5em;
  }
  .p-project .yth-content {
    margin-bottom: 4.1111111111em;
  }
  .resource-prev:not(.swiper-button-disabled):hover,
  .resource-next:not(.swiper-button-disabled):hover {
    background: linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .zznl-prev:not(.swiper-button-disabled):hover,
  .zznl-next:not(.swiper-button-disabled):hover {
    background: linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
    background: -webkit-linear-gradient(right, #164999 0%, #F1923D 66.15%, #F7B423 100%);
  }
  .intrduce-box-l .imgwrap:hover img,
  .product-l .imgwrap:hover img,
  .addvent-future-r .imgwrap:hover img,
  .relation-list-l .imgwrap:hover img {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  .yth-box {
    position: relative;
    z-index: 9;
  }
  .p-running .running-box {
    background: url(/img/images/base09.webp) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
  }
  .p-running .running-box::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 10em;
    background: #fff;
  }
  .make-z-item .imgwrap {
    overflow: hidden;
  }
  .make-z-item .imgwrap img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .make-z-item .imgwrap:hover img {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  .hovertop > div {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .hovertop .box {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .hovertop:hover > div {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  .hovertop:hover .box {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-size: 130%;
  }
  .quality-more-text img {
    display: none;
  }
  .swiper-button-disabled {
    cursor: default;
  }
  .quality-item {
    border-right: 1px solid rgba(255, 255, 255, 0.3);
  }
  .quality-item:last-child {
    border-right: none;
  }
  .make-z-list {
    background-image: url(/img/images/base10.webp);
    background-size: cover;
    background-attachment: fixed;
  }
  .p-running .main-box-end {
    position: relative;
    padding-bottom: 6.7em;
  }
  .p-running .main-box-end::after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: url(/img/images/base-25.png) no-repeat;
    width: 22.85em;
    height: 16.05em;
  }
  .make-h-item:nth-child(1) .item-bg {
    background-image: url(/img/images/base05.webp);
  }
  .make-h-item:nth-child(2) .item-bg {
    background-image: url(/img/images/base06.webp);
  }
  .make-h-item:nth-child(3) .item-bg {
    background-image: url(/img/images/base07.webp);
  }
  .make-h-item:nth-child(4) .item-bg {
    background-image: url(/img/images/base08.webp);
  }
  .make-h-item:hover .item-bg {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }
  .p-green .main-box {
    position: relative;
  }
  .p-green .main-box::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(/img/images/base03.webp);
    height: 5.2em;
  }
  .running-list-item:nth-child(n+11) .numer {
    left: -0.34375em;
    font-size: 8em;
    line-height: 1.875em;
    top: -0.5875em;
  }
  .running-list-item:nth-child(n+10):nth-child(even) .running-list-item-right .numer {
    left: auto;
    right: -0.335em;
  }
}
.advantage-list,
.intrduce-box,
.product-box,
.addvent,
.introduce-part-box,
.layout-box,
.yth-box,
.make-z-list,
.make-h-list,
.scene-contentbox,
.scene-navbar-box,
.base-title-box,
.khfw-img,
.make-z-list,
.running-list-item,
.make-z-item {
  opacity: 0;
}

.p-make .running-box,
.p-make .make-z-list,
.p-make .make-h-list {
  opacity: 1;
}

@media (min-width: 991.98px) {
  .product-advancement .petal-one {
    left: -2em;
  }
  .product-advancement .petal-one img {
    width: 1em;
    height: 1em;
  }
  .product-advancement .petal-three {
    right: -2.5em;
  }
  .product-advancement .petal-three span {
    width: 1.4em;
    height: 1.4em;
  }
  .product-advancement .petal-two {
    right: -0.5em;
  }
  .product-advancement .petal-two img {
    -webkit-transform: rotate(-42deg);
            transform: rotate(-42deg);
  }
}
@media (max-width: 991.98px) {
  .byted-option-list {
    white-space: wrap;
  }
}
@media (min-width: 991.98px) {
  .table2 .no-thead td {
    width: 10%;
  }
  .table2 .no-thead td:first-child {
    width: 30%;
  }
}
@media (min-width: 991.98px) {
  .p-about .introduce-tuwen-l .flower-two {
    z-index: -2;
  }
  .p-running .resource-box {
    background-position: center;
  }
  .p-newslist .news-list .title {
    height: auto;
    margin-top: -0.15em;
  }
  .occupation-list .box:hover .tit {
    color: #004098;
  }
}
@media (max-width: 991.98px) {
  .p-newslist .main-box-end {
    background: #fff;
  }
  .p-newslist .news-list .item {
    margin-bottom: 0;
  }
  .p-newslist .news-list .item .box {
    padding: 0.46rem 0 0.56rem;
    background: transparent;
    border-bottom: 1px solid #D9D9D9;
  }
  .p-newslist .news-list .item:first-child .box {
    padding-top: 0;
  }
  .p-newslist .title {
    height: auto;
  }
  .p-newslist .time-mob {
    width: 100%;
    font-size: 0.28rem;
    line-height: 1;
    text-align: left;
    margin: 0.34rem 0 0;
  }
}
.addvent-f-content,
.addvent-title,
.addvent-list-item .svgwrap {
  position: relative;
  z-index: 5;
}

/* 2024.3.9修改 */
.addvent-list-item .item-bg {
  width: 100%;
  height: 100%;
  display: block;
  background: no-repeat center center #FEF7E9;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
.addvent-list-item:nth-child(1) .item-bg {
  background-image: url("/img/common/c-rb.svg");
}
.addvent-list-item:nth-child(2) .item-bg {
  background-image: url("/img/common/c-tl.svg");
}
.addvent-list-item:nth-child(3) .item-bg {
  background-image: url("/img/common/c-bl.svg");
}

.advantage-list .addvent-list-item:nth-child(2) .item-bg {
  background-image: url("/img/common/c-tr.svg");
}

@media (min-width: 992px) {
  .addvent-list-item:hover .item-bg {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  .p-zykf .base-title-box {
    margin-bottom: 3.5em;
  }
  .p-zykf .petal-one {
    left: -1.6rem;
    top: -0.625rem;
  }
  .p-zykf .petal-two {
    right: 0;
    bottom: unset;
    top: -webkit-calc(100% - 0.35rem);
    top: calc(100% - 0.35rem);
  }
  .p-zykf .petal-three {
    right: -3.1rem;
    bottom: unset;
    top: -0.1rem;
  }
  .p-zykf .main-box-end::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/common/zykf-bbg.webp") no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .p-zykf .crumbs-channel .list .item .box {
    color: #fff;
  }
  .p-zykf .crumbs-channel .list .item::before {
    color: rgba(255, 255, 255, 0.8);
  }
  .p-zhyw .main-box-end::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/common/zhyw-bg.webp") no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .p-zhyw .crumbs-channel .list .item .box {
    color: #fff;
  }
  .p-zhyw .crumbs-channel .list .item::before {
    color: rgba(255, 255, 255, 0.8);
  }
  .p-zhyw .petal-one {
    left: -1.3em;
    top: -0.5em;
  }
  .p-zhyw .petal-two {
    right: 0;
    bottom: -0.7em;
  }
  .p-zhyw .petal-three {
    right: -2.05em;
    bottom: 3px;
  }
}
@media (max-width: 991.98px) {
  .p-zykf .petal-one {
    left: -0.53rem;
    top: -0.12rem;
  }
  .p-zykf .petal-one img {
    width: 0.26rem;
    height: auto;
  }
  .p-zykf .petal-two {
    right: -0.3rem;
    bottom: unset;
    top: 0.72rem;
  }
  .p-zykf .petal-two img {
    width: 0.18rem;
    height: auto;
  }
  .p-zykf .petal-three {
    right: -0.55rem;
    bottom: unset;
    top: 0.32rem;
  }
  .p-zykf .petal-three img {
    width: 0.21rem;
    height: auto;
  }
  .p-zykf .main-box-end {
    padding: 1.2rem 0 2rem;
  }
  .p-zykf .main-box-end::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/common/zykf-bbg_m.webp") no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .p-zhyw .main-box-end {
    padding-bottom: 1.54rem;
  }
  .p-zhyw .main-box-end::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/common/zhyw-bg_m.webp") no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .p-zhyw .yth-content {
    margin-bottom: 1.24rem;
  }
  .p-serve .main-box-end {
    padding-bottom: 1.54rem;
  }
  .p-serve .main-box-end::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url("/img/common/khfw-bg_m.webp") no-repeat center bottom;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .addvent-list-item:nth-child(1) .item-bg {
    background-image: url("/img/common/c-rb_m.svg");
  }
  .addvent-list-item:nth-child(2) .item-bg {
    background-image: url("/img/common/c-tl_m.svg");
  }
  .addvent-list-item:nth-child(3) .item-bg {
    background-image: url("/img/common/c-bl_m.svg");
  }
  .advantage-list {
    margin: 0;
  }
  .advantage-list .addvent-list-item {
    padding: 0;
  }
  .advantage-list .addvent-list-item .box {
    -webkit-flex-direction: row;
            flex-direction: row;
    padding-left: 0.87rem;
  }
  .advantage-list .addvent-list-item:nth-child(2) .item-bg {
    background-image: url("/img/common/c-tr_m.svg");
  }
  .public-table .top {
    text-align: left;
  }
  .public-table .top .doc {
    font-size: 0.28rem;
    line-height: 0.34rem;
    text-align: left;
    margin: 0.4rem 0 0.25rem;
  }
  .public-table .table-box {
    margin: 0.45rem 0 0;
  }
}
/* 2024.3.18新增 */
@media (max-width: 991.98px) {
  /* 生产基地-全面质量管理体系 */
  .p-scQmzl .main-box {
    background: url("/img/common/qmzl-bg_m.webp") no-repeat center bottom;
    background-size: 100% auto;
  }
}
/*****************************************
************ 2024.3.28 俄语版新增 *********
******************************************/
/* about */
.modal-about {
  background: url("/img/ru/about-bg_m.webp") no-repeat center center;
  background-size: cover;
}
.modal-about .modal-dialog {
  width: 100%;
  height: 100%;
  padding: 1.44rem 0.1rem 0.65rem;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.modal-about .modal-close {
  display: block;
  padding: 0.2rem;
  position: absolute;
  right: 0.4rem;
  top: 0.3rem;
  z-index: 1060;
}
.modal-about .modal-close .bi {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  background: url("/img/common/close-white.svg") no-repeat center center;
  background-size: contain;
  position: relative;
}
.modal-about .modal-content {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 0.4rem;
  color: #fff;
}
.modal-about .modal-content::-webkit-scrollbar {
  width: 4px;
}
.modal-about .modal-content::-webkit-scrollbar-track {
  background: none;
}
.modal-about .modal-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
}
.modal-about .modal-title {
  font-size: 0.52rem;
  line-height: 0.64rem;
  margin-bottom: 0.42rem;
  text-align: center;
}
.modal-about .modal-detbox {
  font-size: 0.3rem;
  line-height: 0.48rem;
}

.p-about .addvent-title {
  font-family: "Acumin Pro Bold";
  font-weight: 500;
  font-weight: 900;
}

.future-item-tit {
  font-family: "Acumin Pro Bold";
  font-weight: 500;
  font-weight: 900;
}

.product-advancement-list .num {
  font-family: "HarmonyOSBold";
  font-weight: 900;
}

.product-leading-swiper .title {
  font-family: "Acumin Pro Bold";
  font-weight: 500;
  font-weight: 900;
}

.relation-r-tit span {
  font-family: "Acumin Pro Bold";
  font-weight: 500;
  font-weight: 900;
}

@media (min-width: 992px) {
  .addvent-list-item .box {
    min-height: 16.25em;
  }
  .activeContent-tit {
    text-align: center;
  }
  .activeContent {
    width: 100%;
  }
}
@media (min-width: 1361px) and (max-width: 1560px) {
  .z-zhezhao {
    top: 9%;
  }
}
@media (min-width: 1275px) and (max-width: 1360px) {
  .z-zhezhao {
    top: 7%;
  }
}
@media (min-width: 1175px) and (max-width: 1274px) {
  .z-zhezhao {
    top: 10%;
  }
}
@media (min-width: 992px) and (max-width: 1174px) {
  .z-zhezhao {
    top: 3%;
  }
  .z-zhezhao-tit {
    font-size: 0.8em;
  }
}
@media (max-width: 991.98px) {
  .p-product-del .table-choose .byted-popover-wrapper {
    width: 100%;
  }
  .p-product-del .byted-option-list {
    white-space: initial;
  }
}
@media (min-width: 1461px) and (max-width: 1560px) {
  .product-advancement-list .content {
    padding: 10% 0 0;
  }
  .product-advancement-list .num {
    margin: 0.4em 0 0;
  }
}
@media (min-width: 1361px) and (max-width: 1460px) {
  .product-advancement-list .content {
    padding: 10% 0 0;
  }
  .product-advancement-list .num {
    margin: 0.4em 0 0;
    font-size: 2.2em;
  }
}
@media (min-width: 1146px) and (max-width: 1360px) {
  .product-advancement-list .content {
    padding: 10% 0 0;
  }
  .product-advancement-list .num {
    margin: 0.4em 0 0;
    font-size: 2em;
  }
}
@media (min-width: 1047px) and (max-width: 1145.91px) {
  .product-advancement-list .content {
    padding: 10% 0 0;
  }
  .product-advancement-list .num {
    margin: 0.4em 0 0;
    font-size: 1.5em;
  }
}
@media (min-width: 992px) and (max-width: 1146.91px) {
  .product-advancement-list .content {
    padding: 10% 0 0;
  }
  .product-advancement-list .num {
    margin: 0.4em 0 0;
    font-size: 1em;
  }
}
@media (min-width: 992px) {
  .product-leading-swiper .title {
    max-width: 15.4em;
  }
  .future-item.active {
    padding-top: 2.4em;
  }
}
@media (max-width: 991.98px) {
  .p-result .result-topbox .t-heading {
    margin-bottom: 0.4rem;
  }
  .public-table .table-col2 td {
    min-width: 2rem;
  }
  .public-table .table-more {
    width: auto !important;
  }
  .p-product-del .public-table td, .public-table th {
    min-width: 2rem;
  }
  .p-product-del .public-table th:first-child {
    min-width: 50vw !important;
  }
}