@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexAuto {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.loader-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 299;
  background: #fff;
}
.load-imgs {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.load-imgs img {
  display: inline-block;
  width: auto;
  height: 1.04rem;
  animation: logo 2s ease infinite;
}
@keyframes logo {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.loader-line {
  position: absolute;
  left: 0;
  bottom: 0.66rem;
  display: flex;
  align-items: center;
  width: 100%;
}
.loader-line .lines {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  width: 0;
}
.loader-info {
  margin-left: 0.13rem;
  display: flex;
  align-items: center;
}
.loader-info video {
  display: block;
  width: 0.84rem;
  height: auto;
}
.load-fixs {
  margin-left: 0.13rem;
  white-space: nowrap;
}
.load-fixs p {
  line-height: 1;
  color: #4363A4;
  font-size: 0.24rem;
  font-weight: bold;
  font-family: "Rajdhani-Regular";
}
.load-fixs span {
  display: block;
  margin-top: 0.08rem;
  line-height: 1;
  color: #868686;
  font-size: 0.18rem;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 0 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 0.8rem;
  z-index: 99;
  background: hsla(0, 0%, 100%, 0.85);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid #f0f0f0;
}
.logo {
  display: block;
  line-height: 1;
}
.logo img {
  display: inline-block;
  width: auto;
  height: 0.42rem;
}
.navs {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
.navs__list {
  display: flex;
}
.navs__list > li {
  padding: 0 0.25rem;
  z-index: 2;
}
.navs__list > li:last-child {
  margin-right: 0;
}
.navs__list > li.active > a {
  color: #E95520;
}
.navs__list > li > a {
  display: inline-block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.3rem;
  white-space: nowrap;
  line-height: 0.8rem;
}
.navs__list > li > a i {
  display: none;
}
.navs__list > li > a:hover {
  color: #E95520;
}
.navs__list > li:hover .navs__menus {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  clip-path: inset(0 0 0 0);
  transition-delay: 0.15s;
}
.navs__menus {
  position: absolute;
  left: 50%;
  margin-left: -50vw;
  top: 100%;
  width: 100vw;
  z-index: 3;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  clip-path: inset(0 0 100% 0);
  transition: 0.6s;
}
.navs__flex {
  display: flex;
  align-items: flex-end;
  padding: 0.18rem 0 0.5rem;
}
.navs-title {
  position: absolute;
  left: 0.77rem;
  bottom: 0.5rem;
}
.navs-title strong {
  display: block;
  line-height: 1.1;
  color: #000000;
  font-size: 0.36rem;
  font-weight: normal;
}
.navs-title p {
  margin-top: 0.1rem;
  color: #2F2F2F;
  font-size: 0.18rem;
}
.navs__menu--list {
  width: 8.88rem;
  margin: auto;
}
.navs__menu--block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
}
.navs__menu--block li figure {
  position: relative;
  display: block;
  padding-bottom: 52.23%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.navs__menu--block li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.navs__menu--block li figure img {
  transition: 0.5s;
}
.navs__menu--block li:hover figure img {
  transform: scale(1.08);
}
.navs__menu--block li:hover strong:before {
  right: auto;
  left: 0;
  width: 100%;
}
.navs__menu--block li strong {
  display: inline-block;
  position: relative;
  z-index: 2;
  line-height: 1.1;
  margin-top: 0.16rem;
  color: #000000;
  font-weight: normal;
  font-size: 0.18rem;
}
.navs__menu--block li strong:before {
  content: "";
  width: 0;
  height: 1px;
  background: #000000;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.navs__menu--block li strong:hover,
.navs__menu--block li strong.active {
  color: #000000;
}
.navs__menu--block li strong:hover:before,
.navs__menu--block li strong.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.navs__menu-leval {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.05rem 0.58rem;
}
.navs__menu-leval li a {
  position: relative;
  z-index: 2;
  height: 0.7rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.navs__menu-leval li a:before {
  content: "";
  width: 0;
  height: 1px;
  background: #E95520;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.navs__menu-leval li a:hover,
.navs__menu-leval li a.active {
  color: #E95520;
}
.navs__menu-leval li a:hover:before,
.navs__menu-leval li a.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.navs__menu-leval li a:before {
  bottom: -1px;
}
.navs__menu-leval li a:hover strong,
.navs__menu-leval li a:hover i {
  color: #E95520;
}
.navs__menu-leval li a strong {
  display: inline-block;
  line-height: 1.2;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
  transition: 0.3s;
}
.navs__menu-leval li a i {
  display: inline-block;
  color: #D9D9D9;
  font-size: 0.12rem;
  font-style: normal;
  transition: 0.3s;
}
.header__right {
  display: flex;
  align-items: center;
}
.header__tel a {
  display: flex;
  align-items: center;
  color: #868686;
  font-size: 0.18rem;
}
.header__tel a span {
  color: #040404;
}
.local {
  position: relative;
  margin-left: 0.38rem;
}
.local:before {
  position: absolute;
  left: -0.19rem;
  top: 50%;
  margin-top: -0.07rem;
  content: "";
  width: 1px;
  height: 0.15rem;
  background: #D9D9D9;
}
.local__default {
  display: flex;
  align-items: center;
}
.local__default:hover i,
.local__default:hover span {
  color: #E95520 !important;
}
.local__default i {
  display: inline-block;
  margin-right: 0.1rem;
  color: #231815;
  font-size: 0.18rem;
  font-weight: normal;
  transition: 0.3s;
}
.local__default span {
  display: inline-block;
  color: #2F2F2F;
  font-size: 0.18rem;
  transition: 0.3s;
}
.mblock {
  height: 0.8rem;
}
.banner {
  box-sizing: border-box;
  padding-top: 0.8rem;
  height: 100vh;
}
.banner__swiper {
  height: 100%;
  overflow: hidden;
}
.banner__swiper .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0.38rem;
  line-height: 1;
}
.banner__swiper .swiper-pagination span {
  display: block;
  margin: 0;
  margin-right: 0.09rem;
  position: relative;
  border-radius: 0;
  width: 0.48rem;
  height: 0.03rem;
  opacity: 1;
  background: rgba(255, 255, 255, 0.4);
}
.banner__swiper .swiper-pagination span.swiper-pagination-bullet-active i {
  width: 100%;
  transition: 4s;
}
.banner__swiper .swiper-pagination span:last-child {
  margin-right: 0;
}
.banner__swiper .swiper-pagination span i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0;
  height: 100%;
  background: #E95520;
  z-index: 2;
  transition: 0.4s;
}
.banner-slide {
  height: calc(100vh - 0.8rem);
  overflow: hidden;
}
.banner-slide figure {
  display: block;
  height: 100%;
  overflow: hidden;
}
.banner-slide img,
.banner-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner__text {
  position: absolute;
  left: 0;
  bottom: 0.77rem;
  z-index: 3;
  width: 100%;
  text-align: center;
}
.banner__title {
  margin-bottom: 0.52rem;
}
.banner__title strong {
  display: block;
  color: #fff;
  font-size: 0.48rem;
  line-height: 1.2;
  font-weight: normal;
}
.banner__btn {
  display: flex;
  justify-content: center;
}
.banner__btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.13rem;
  width: 2.68rem;
  height: 0.44rem;
  border: 1px solid #fff;
  border-radius: 0.05rem;
  color: #fff;
  font-size: 0.18rem;
}
.banner__btn a:hover,
.banner__btn a:first-child {
  background: #E95520;
  border-color: #E95520;
}
.banner__btn a:first-child:hover {
  background: rgba(233, 85, 32, 0.9);
  border-color: rgba(233, 85, 32, 0.9);
}
.banner__btn a:last-child {
  margin-right: 0;
}
.world {
  padding: 1.02rem 0 0.76rem;
  background: linear-gradient(270deg, #ABACAF 0%, #DCDDDF 100%);
}
.world__top {
  margin-bottom: 0.9rem;
}
.common-title {
  text-align: center;
}
.common-title .title-name {
  display: block;
  color: #000000;
  font-size: 0.36rem;
  line-height: 1.1;
  font-weight: normal;
}
.common-title p {
  margin-top: 0.16rem;
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.common-title a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  margin: auto;
  margin-top: 0.32rem;
  width: 2.68rem;
  height: 0.44rem;
  border: 1px solid #A3A4A8;
  border-radius: 0.05rem;
  color: #868686;
  font-size: 0.18rem;
  transition: 0.4s;
  overflow: hidden;
}
.common-title a,
.common-title > span {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.common-title a:before,
.common-title > span:before,
.common-title a:after,
.common-title > span:after {
  --skew: 0.3;
  background: #E95520;
  content: "";
  display: block;
  height: 104%;
  left: calc(-50% - 50% * var(--skew));
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top: -108%;
  transform: skew(calc(150deg * var(--skew))) translateY(var(--progress, 0));
  transition: transform 0.2s ease;
  width: 100%;
}
.common-title a:after,
.common-title > span:after {
  --progress: 0%;
  left: calc(50% + 50% * var(--skew));
  top: 104%;
}
.common-title a:hover,
.common-title > span:hover {
  border-color: #E95520;
  color: #fff;
}
.common-title a:hover:before,
.common-title > span:hover:before {
  --progress: 102%;
}
.common-title a:hover:after,
.common-title > span:hover:after {
  --progress: -102%;
}
.commonbtnmove {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.commonbtnmove:before,
.commonbtnmove:after {
  --skew: 0.3;
  background: #E95520;
  content: "";
  display: block;
  height: 104%;
  left: calc(-50% - 50% * var(--skew));
  pointer-events: none;
  position: absolute;
  z-index: -1;
  top: -108%;
  transform: skew(calc(150deg * var(--skew))) translateY(var(--progress, 0));
  transition: transform 0.2s ease;
  width: 100%;
}
.commonbtnmove:after {
  --progress: 0%;
  left: calc(50% + 50% * var(--skew));
  top: 104%;
}
.commonbtnmove:hover {
  border-color: #E95520;
  color: #fff;
}
.commonbtnmove:hover:before {
  --progress: 102%;
}
.commonbtnmove:hover:after {
  --progress: -102%;
}
.word__form {
  margin: auto;
  position: relative;
  margin-top: 0.36rem;
  width: 6rem;
  max-width: 100%;
}
.word__form .text {
  padding-left: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  height: 0.45rem;
  line-height: 0.43rem;
  border: 1px solid #fff;
  border-radius: 0.05rem;
  background: #fff;
  color: #9B9DA9;
  font-size: 0.16rem;
}
.word__form .text:focus {
  border-color: #E95520;
}
.word__form .text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.word__form .text::-webkit-input-placeholder {
  color: #9B9DA9;
}
.word__form .sub {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 0.22rem;
  padding-right: 0.1rem;
  line-height: 0.45rem;
  color: #9B9DA9;
  font-size: 0.17rem;
  border: none;
  background: none;
  transition: 0.3s;
  cursor: pointer;
}
.word__form .sub:hover {
  color: #E95520;
}
.world__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
}
.world__list li {
  position: relative;
  height: 3.5rem;
}
.world__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0.17rem 0.2rem 0.26rem;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.6);
  transition: 0.5s;
}
.world__wrap:hover {
  transform: translateY(-0.25rem);
  background: #fff;
  box-shadow: 0px 4px 52px 0px rgba(0, 0, 0, 0.12);
}
.world__wrap:hover .world__down {
  opacity: 0;
}
.world__wrap:hover .world__eq figure {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.world__wrap:hover .world__eq p {
  opacity: 1;
  visibility: visible;
}
.world__logo img {
  display: inline-block;
  width: auto;
  height: 0.3rem;
}
.world__down {
  transition: 0.2s;
}
.world__yw {
  position: absolute;
  right: 0;
  left: 0.16rem;
  top: -0.26rem;
}
.world__yw img {
  display: block;
  width: 100%;
  height: auto;
}
.world__infos {
  margin-bottom: 0.36rem;
  height: 0.72rem;
}
.world__infos p {
  display: block;
  color: #868686;
  font-size: 0.18rem;
  line-height: 1.33;
}
.world__infos p span {
  display: block;
  color: #000;
}
.world__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #868686;
  border-radius: 0.05rem;
  height: 0.4rem;
  color: #868686;
  font-size: 0.18rem;
}
.world__eq {
  position: absolute;
  left: 0;
  bottom: 0.4rem;
  text-align: center;
  z-index: 3;
  width: 100%;
}
.world__eq figure {
  display: block;
  margin: auto;
  width: 1.45rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.1rem);
  transition: 0.3s;
}
.world__eq figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.05rem;
}
.world__eq p {
  margin-top: 0.1rem;
  color: #868686;
  font-size: 0.18rem;
  line-height: 0.24rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.world__tel {
  margin-top: 0.85rem;
  text-align: center;
}
.world__tel p {
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.27rem;
}
.world__tel p a {
  display: inline-block;
  text-decoration: underline;
  color: #fff;
}
.world__tel p a:hover {
  color: #E95520;
}
.activity__box {
  background: #EDF1F3;
}
.activity {
  padding: 1rem 0 0;
}
.activity__swiper {
  position: relative;
  margin-top: 0.7rem;
}
.activity__swiper .swiper-pagination {
  bottom: 0.38rem;
  line-height: 1;
}
.activity__swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  margin-right: 0.09rem;
  position: relative;
  border-radius: 0;
  width: 0.48rem;
  height: 0.03rem;
  opacity: 1;
  background: rgba(255, 255, 255, 0.4);
}
.activity__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 100%;
  transition: 4s linear;
}
.activity__swiper .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.activity__swiper .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 0;
  height: 100%;
  background: #fff;
  z-index: 2;
  transition: 0.4s linear;
}
.activity-slide {
  overflow: hidden;
  position: relative;
}
.activity-slide.swiper-slide-active .activity__infos strong,
.activity-slide.swiper-slide-active .activity__link {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0.4s;
}
.activity-slide.swiper-slide-active .activity__link {
  transition-delay: 0.55s;
}
.activity-slide figure {
  position: relative;
  display: block;
  padding-bottom: 45.138%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.activity-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.activity__infos {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 100%;
  text-align: center;
}
.activity__infos strong {
  display: block;
  margin-bottom: 0.32rem;
  color: #fff;
  font-size: 0.32rem;
  line-height: 1.2;
  font-weight: normal;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: 0.5s 1s;
}
.activity__infos a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 2.68rem;
  height: 0.44rem;
  border: 1px solid #fff;
  border-radius: 0.05rem;
  color: #fff;
  font-size: 0.18rem;
  transition: 0.4s;
}
.activity__infos a:hover {
  border-color: #E95520;
  color: #fff;
}
.activity__link {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: 0.5s 1s;
}
.insight {
  padding: 0.78rem 0 1.08rem;
}
.insight__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 0.72rem;
}
.insight__left {
  width: 65.76%;
}
.insight__item {
  position: relative;
}
.insight__item:hover figure img {
  transform: scale(1.04);
}
.insight__item:hover .insight__info strong {
  color: #E95520;
}
.insight__item figure {
  position: relative;
  display: block;
  padding-bottom: 54.48%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.insight__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.insight__item figure img {
  transition: 0.66s;
}
.insight__info {
  margin-top: 0.24rem;
}
.insight__info strong {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
  transition: 0.4s;
}
.insight__info p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
  width: 3.6rem;
  max-width: 100%;
}
.insight__down {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
}
.insight__down .insight__item {
  width: 48.25%;
}
.insight__down .insight__item .insight__info p {
  height: 0.48rem;
}
.insight__right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 31.736%;
}
.insight__right .insight__item .insight__info p {
  height: 0.48rem;
}
.insight__right .insight__item:nth-child(1) figure {
  padding-bottom: 49.015%;
}
.insight__right .insight__item:nth-child(2) figure {
  padding-bottom: 117.06%;
}
@keyframes myminAnimotionPage {
  0% {
    border-radius: 0;
    width: 100vw;
  }
  to {
    border-radius: 12px;
    width: 1440px;
  }
}
.home__about {
  position: relative;
}
.home__about.scrollMove figure {
  width: 1440px;
}
.home__about figure {
  position: static;
  margin: auto;
  width: 100%;
  position: relative;
  display: block;
  padding-bottom: 50.2%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  transition: 0.5s cubic-bezier(0.33, 0, 0.67, 1);
}
.home__about figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home__about .common-title {
  position: absolute;
  left: 0;
  top: 1.14rem;
  width: 100%;
  z-index: 3;
}
.common__color .title-name {
  color: #fff;
}
.common__color p {
  color: rgba(255, 255, 255, 0.54);
}
.common__color a {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.business {
  padding: 0.8rem 0 1.75rem;
}
.business__info {
  position: relative;
  margin-top: 0.66rem;
  margin-bottom: 0.1rem;
  overflow: hidden;
}
.business__info:hover figure img {
  transform: scale(1.04);
}
.business__info figure {
  position: relative;
  display: block;
  padding-bottom: 38.194%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business__info figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business__info figure img {
  transition: 0.78s;
}
.business__info .business__text {
  left: 16.45%;
  margin-left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.about__move {
  position: absolute;
  right: 0.37rem;
  bottom: -7%;
  z-index: 3;
  width: 51.04%;
  line-height: 0;
}
.about__move img {
  display: block;
  width: 100%;
  height: auto;
}
.business__text {
  position: absolute;
  left: 50%;
  margin-left: -1.2rem;
  top: 0.56rem;
  width: 2.4rem;
  text-align: center;
  z-index: 2;
}
.business__text p {
  margin-bottom: 0.2rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: 1;
}
.business__text strong {
  display: block;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: normal;
}
.business__text span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 0.28rem;
  width: 1.98rem;
  height: 0.4rem;
  border: 1px solid #fff;
  border-radius: 0.05rem;
  color: #fff;
  font-size: 0.16rem;
  transition: 0.4s;
}
.business__text span:hover {
  border-color: #E95520;
}
.business__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.1rem;
}
.business__list li {
  position: relative;
}
.business__list li:hover figure img {
  transform: scale(1.05);
}
.business__list li figure {
  position: relative;
  display: block;
  padding-bottom: 76.815%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.business__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.business__list li figure img {
  transition: 0.68s;
}
.cooperate {
  padding: 1.08rem 0 0.36rem;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.cooperate__wrap {
  margin-top: 0.6rem;
  overflow: hidden;
  padding-bottom: 0.66rem;
}
.cooperate__item {
  position: relative;
  display: flex;
  margin-bottom: 0.16rem;
}
.cooperate__item:hover .cooperate__list {
  animation-play-state: paused;
}
.cooperate__item:before,
.cooperate__item:after {
  position: absolute;
  top: 0;
  z-index: 3;
  content: "";
  height: 100%;
  width: calc((100% - 14.5rem) / 2);
  background: rgba(215, 219, 222, 0.75);
}
.cooperate__item:before {
  left: 0;
}
.cooperate__item:after {
  right: 0;
}
.cooperate__item:nth-child(2n+2) .cooperate__list {
  animation-direction: reverse;
}
.cooperate__item:nth-child(2) {
  padding-left: 0.95rem;
}
.cooperate__item:nth-child(2):before,
.cooperate__item:nth-child(2):after {
  width: calc((100% - 12.14rem) / 2);
}
.cooperate__item:nth-child(3):before,
.cooperate__item:nth-child(3):after {
  width: calc((100% - 10.1rem) / 2);
}
.cooperate__item:nth-child(4):before,
.cooperate__item:nth-child(4):after {
  width: calc((100% - 8.2rem) / 2);
}
.cooperate__list {
  display: inline-flex;
  animation: moveScroll 68s infinite linear;
}
.cooperate__list li {
  margin-right: 0.16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.91rem;
  height: 0.82rem;
  background: #fff;
  border-radius: 0.05rem;
  box-shadow: 0px 4px 13.7px 0px rgba(0, 0, 0, 0.03);
  transition: 0.3s;
}
.cooperate__list li:hover {
  box-shadow: 0px 4px 19.8px 0px rgba(0, 0, 0, 0.14);
}
.cooperate__list li:hover img {
  opacity: 1;
  filter: grayscale(0%);
}
.cooperate__list li img {
  max-width: 80%;
  max-height: 80%;
  filter: grayscale(100%);
  opacity: 0.8;
  transition: 0.4s;
}
@keyframes moveScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.cooperate__data {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 1.89rem;
}
.cooperate__data li {
  position: relative;
  padding: 0.24rem 0 0.45rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.cooperate__data li:before {
  position: absolute;
  left: 0;
  top: -1px;
  content: "";
  width: 0.36rem;
  height: 2px;
  background: #E95520;
}
.cooperate__data li span {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.cooperate__data li p {
  color: #E95520;
  font-size: 0.4rem;
  line-height: 1;
  font-family: "OPPOSans-Medium";
}
.cooperate__data li p b {
  font-weight: normal;
}
.network__top {
  padding: 1.14rem 0 0.96rem;
}
.network__top .common-title p {
  font-family: "OPPOSans-L";
}
.network__top .common-title p b {
  font-weight: normal;
  font-family: "OPPOSans-Medium";
}
.network__top .common-title a {
  width: 1.98rem;
}
.network__fix {
  position: relative;
}
.network-in {
  position: relative;
  z-index: 2;
}
#Map {
  position: relative;
  z-index: 2;
  height: 46.88vw;
  max-height: 900px;
}
.network__pop {
  position: absolute;
  left: 0.8rem;
  top: 0.32rem;
  z-index: 3;
  width: 4.15rem;
}
.serves-select {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.13rem;
}
.servies-city {
  position: relative;
}
.servies-city .city-select {
  box-sizing: border-box;
  padding-left: 0.2rem;
  padding-right: 0.3rem;
  width: 100%;
  height: 0.46rem;
  border-radius: 0.05rem;
  background: #fff url(../images/arrow.svg) 90% center no-repeat;
  box-shadow: 0px 4px 7.8px 0px rgba(0, 0, 0, 0.05);
  color: #868686;
  font-size: 0.16rem;
  border: none;
  outline: none;
}
.network__pop.color1 .network__city .city-select {
  color: #4363A4;
}
.network__pop.color1 .network__city .city-ico {
  color: #4363A4;
}
.network__pop.color2 .network__city .city-select {
  color: #E95520;
}
.network__pop.color2 .network__city .city-ico {
  color: #E95520;
}
.network__city {
  margin-bottom: 0.1rem;
}
.network__city .servies-city {
  position: relative;
}
.network__city .servies-city .city-select {
  padding-left: 0.4rem;
  background-position: 97% center;
  color: #36A0D3;
}
.network__city .servies-city .city-ico {
  position: absolute;
  left: 0.17rem;
  top: 0;
  line-height: 0.48rem;
  color: #36A0D3;
  font-size: 0.16rem;
}
.serves-infos {
  margin-top: 0.17rem;
  padding: 0.28rem 0.2rem 0.3rem;
  background: #fff;
  border-radius: 0.05rem;
  box-shadow: 0px 4px 7.8px 0px rgba(0, 0, 0, 0.05);
}
.serves-infos .title {
  display: block;
  margin-bottom: 0.2rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1;
  font-weight: normal;
}
.serves-scroll {
  padding-top: 0.02rem;
  max-height: 5rem;
  margin: 0 -0.1rem;
  padding: 0.1rem 0.1rem;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.serves-item {
  display: none;
}
.serves-item:first-child {
  display: block;
}
.serves-item li {
  margin-bottom: 0.38rem;
  position: relative;
  z-index: 2;
  transition: 0.4s;
}
.serves-item li:before {
  position: absolute;
  left: -0.1rem;
  top: -0.1rem;
  right: -0.1rem;
  bottom: -0.1rem;
  z-index: -1;
  content: "";
  border-radius: 0.05rem;
  background: rgba(233, 85, 32, 0.1);
  opacity: 0;
  transition: 0.4s;
}
.serves-item li.active:before {
  opacity: 1;
}
.serves-item li:last-child {
  margin-bottom: 0;
}
.serves-item li a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.serves-item li .ico {
  color: #36A0D3;
  font-size: 0.16rem;
  line-height: 1;
  width: 0.28rem;
}
[data-marker="1"] .ico {
  color: #4363A4 !important;
}
[data-marker="2"] .ico {
  color: #E95520 !important;
}
.service__text {
  flex: 1;
  width: 0;
}
.service__text .name {
  display: block;
  margin-bottom: 0.12rem;
  margin-top: -0.01rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
}
.service__address {
  color: #868686;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.serves-map-layer {
  position: absolute;
  left: 50%;
  margin-left: -1.22rem;
  bottom: 0;
  padding: 0.2rem 0.26rem 0.26rem;
  box-sizing: border-box;
  background: #fff;
  width: 3.24rem;
  box-shadow: 0px 4px 62px 0px rgba(0, 0, 0, 0.16);
}
.serves-map-layer:before {
  position: absolute;
  left: 50%;
  margin-top: -2px;
  margin-left: -0.445rem;
  top: 100%;
  content: "";
  width: 0.89rem;
  height: 0.57rem;
  background: url(../images/map.png) center top no-repeat;
  background-size: 100% auto;
}
.serves-map-layer .img {
  margin-bottom: 0.14rem;
  position: relative;
  display: block;
  padding-bottom: 61.02%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.05rem;
}
.serves-map-layer .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serves-map-layer .text {
  position: relative;
}
.serves-map-layer .top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.serves-map-layer .top .left {
  color: #000000;
  font-size: 0.16rem;
  line-height: 0.27rem;
}
.serves-map-layer .top a {
  display: inline-flex;
  align-items: center;
  padding: 0 0.07rem;
  height: 0.25rem;
  border: 1px solid #868686;
  border-radius: 0.05rem;
  color: #868686;
  font-size: 0.16rem;
}
.serves-map-layer .top a:hover {
  background: #E95520;
  border-color: #E95520;
  color: #fff;
}
.serves-map-layer .bottom {
  margin-top: 0.1rem;
}
.serves-map-layer .bottom p {
  margin: 0;
  color: #979797;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.serves-map-layer .bottom p a {
  color: #979797;
}
.serves-map-layer .bottom p a:hover {
  color: #E95520;
  text-decoration: underline;
}
.tdt-infowindow-tip-container {
  display: none !important;
}
.more__services {
  padding: 1.05rem 0 0.7rem;
  background: #F6F7F8;
}
.services__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.services__infos {
  padding-top: 0.83rem;
}
.services__infos .common-title {
  text-align: left;
}
.services__infos .common-title a {
  width: 2rem;
  margin-left: 0;
}
.tdt-control-copyright {
  display: none;
}
.service__eq {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.22rem 0.56rem;
}
.service__eq li {
  width: 1.32rem;
}
.service__eq li:hover p {
  color: #E95520;
}
.service__eq li figure {
  display: block;
  align-items: center;
  padding: 0.08rem;
  box-sizing: border-box;
  height: 1.32rem;
  background: #fff;
  border-radius: 0.05rem;
  box-shadow: 0px 4px 32.9px 0px rgba(43, 70, 115, 0.17);
  line-height: 1;
}
.service__eq li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__eq li p {
  margin-top: 0.12rem;
  line-height: 1.2;
  color: #2F2F2F;
  font-size: 0.18rem;
  text-align: center;
  transition: 0.3s;
}
.services__word {
  margin-top: 0.35rem;
  text-align: center;
  color: #868686;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.footer {
  background: #212930;
}
.footer__top {
  display: flex;
}
.footer__navs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  width: 0;
  padding: 0.95rem 1rem 0.3rem 0.8rem;
}
.footer__navs--list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer__navs--item {
  display: block;
}
.footer__navs--item dt {
  display: block;
  margin-bottom: 0.16rem;
}
.footer__navs--item dt a {
  display: inline-block;
  line-height: 1.2;
  color: #FFFFFF;
  font-size: 0.16rem;
  font-weight: normal;
}
.footer__navs--item dt a:hover {
  color: #E95520;
}
.footer__navs--item dd {
  font-weight: normal;
}
.footer__navs--item dd a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.16rem;
  line-height: 0.34rem;
}
.footer__navs--item dd a:hover {
  color: #fff;
}
.links {
  display: flex;
}
.links span {
  display: block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.16rem;
  line-height: 1.5;
}
.link__list {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.link__list li {
  margin-right: 0.3rem;
}
.link__list li:last-child {
  margin-right: 0;
}
.link__list li a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.16rem;
  line-height: 1.5;
}
.link__list li a:hover {
  color: #fff;
}
.footer__contact {
  width: 7.39rem;
  border-left: 1px solid rgba(237, 237, 237, 0.2);
}
.footer__item {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  padding-left: 0.55rem;
  padding-right: 0.8rem;
  height: 2.96rem;
  border-bottom: 1px solid rgba(237, 237, 237, 0.2);
}
.footer__item:last-child {
  border-bottom: none;
}
.footer__line strong {
  display: block;
  margin-bottom: 0.12rem;
  line-height: 1.2;
  color: #fff;
  font-size: 0.24rem;
  font-weight: normal;
}
.footer__line p {
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.footer__line a {
  margin-top: 0.24rem;
  padding: 0 0.28rem;
  height: 0.4rem;
  display: inline-flex;
  align-items: center;
  color: #fff;
  background: #E95520;
  font-size: 0.16rem;
  border-radius: 0.05rem;
}
.footer__line a:hover {
  background: rgba(233, 85, 32, 0.9);
}
.dn {
  position: absolute;
  right: 12.17%;
  bottom: 0;
  z-index: -1;
  width: 35.04%;
}
.dn:before {
  position: absolute;
  left: -40%;
  bottom: 0;
  z-index: -1;
  content: "";
  width: 154.4%;
  height: 100%;
  background: url(../images/bg1.png) center bottom no-repeat;
  background-size: 100% auto;
  animation: opacityMove 1.3s infinite alternate;
}
.dn .typed-cursor {
  display: none !important;
}
.dn img {
  display: block;
  width: 100%;
  height: auto;
}
@keyframes opacityMove {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
.dn__word {
  position: absolute;
  right: 78%;
  top: 0.17rem;
  display: flex;
  align-items: center;
  padding: 0 0.12rem;
  height: 0.38rem;
  background: #fff;
  border-radius: 0.15rem 0.15rem 0 0.15rem;
  width: 1.2rem;
  box-sizing: border-box;
  color: #E95520;
  font-size: 0.16rem;
  font-family: "OPPOSans-Medium";
  white-space: nowrap;
}
.dn__word span {
  display: inline-block;
  width: 0;
  height: auto;
  line-height: 1;
  border-right: 0.04rem solid #E95520;
  overflow: hidden;
  color: #E95520;
  animation: load91371 2.5s linear infinite;
}
@keyframes load91371 {
  0%,
  10%,
  100% {
    width: 0;
  }
  10%,
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90%,
  100% {
    border-right-color: transparent;
  }
  11%,
  21%,
  31%,
  41%,
  51%,
  61%,
  71%,
  81%,
  91% {
    border-right-color: #E95520;
  }
  60%,
  80% {
    width: 100%;
  }
}
.footer__service {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.footer__tels p {
  margin-bottom: 0.18rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.3);
  font-size: 0.16rem;
}
.footer__tels a {
  display: inline-block;
  color: #FFFFFF;
  font-size: 0.32rem;
  font-family: "OPPOSans-Medium";
  line-height: 1;
}
.footer__share {
  display: flex;
}
.footer__share li {
  margin-right: 0.08rem;
  position: relative;
}
.footer__share li:last-child {
  margin-right: 0;
}
.footer__share li:last-child a {
  font-size: 0.12rem;
}
.footer__share li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.18rem;
}
.footer__share li:hover:nth-child(1) a {
  background: #28C445;
}
.footer__share li:hover:nth-child(2) a {
  background: #000000;
}
.footer__share li:hover:nth-child(3) a {
  background: #FF4A08;
}
.footer__share li:hover:nth-child(4) a {
  background: #FA9D3B;
}
.footer__share li:hover:nth-child(5) a {
  background: #FF2442;
}
.footer__share li:hover .footer__eq {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.footer__share li:hover a {
  color: #fff;
}
.footer__eq {
  position: absolute;
  left: 50%;
  width: 1.26rem;
  margin-left: -0.63rem;
  bottom: 100%;
  padding-bottom: 0.22rem;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.2rem);
  transition: 0.4s;
}
.footer__eq figure {
  display: block;
  position: relative;
  line-height: 1;
  background: #fff;
  border-radius: 0.1rem;
  box-shadow: 0px 4px 11.2px 0px rgba(0, 0, 0, 0.07);
  padding: 0.05rem;
}
.footer__eq figure:before {
  position: absolute;
  left: 50%;
  margin-left: -0.13rem;
  top: 100%;
  content: "";
  width: 0.27rem;
  height: 0.23rem;
  background: url(../images/arrow2.png) center no-repeat;
  background-size: cover;
}
.footer__eq figure img {
  width: 100%;
  height: auto;
}
.footer__bottoms {
  margin: 0 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  height: 0.95rem;
}
.footer__bottoms .header__tel a span {
  color: rgba(255, 255, 255, 0.4);
}
.footer__bottoms .local:before {
  background: rgba(255, 255, 255, 0.4);
}
.footer__bottoms .local__default i,
.footer__bottoms .local__default span {
  color: rgba(255, 255, 255, 0.4);
}
.copyright {
  display: flex;
  align-items: center;
}
.copyright p {
  margin-right: 0.3rem;
  position: relative;
}
.copyright p:last-child {
  margin-right: 0;
}
.copyright p b {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -1px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.16rem;
}
.copyright p a {
  display: inline-block;
  margin-right: 0.15rem;
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.16rem;
}
.copyright p a:last-child {
  margin-right: 0;
}
.copyright p a:hover {
  color: #fff;
}
.amap-logo,
.amap-copyright {
  display: none !important;
}
.flexd__menu {
  position: fixed;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  right: -0.5rem;
  transition: 0.5s;
}
.flexd__menu.show {
  opacity: 1;
  visibility: visible;
  right: 0.2rem;
}
.flexd__menu li {
  position: relative;
  margin-bottom: 0.1rem;
  line-height: 1;
}
.flexd__menu li:last-child {
  margin-bottom: 0;
}
.flexd__menu li a span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 0.08rem;
  background: #4363A4;
  color: #fff;
  font-size: 0.18rem;
  transition: 0.4s;
}
.flexd__menu li a:hover .menu__tel {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  clip-path: inset(0 0 0 0);
}
.flexd__menu li a:hover .eqs {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.menu__tel {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.13rem 0 0.14rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  height: 0.46rem;
  background: #E95520;
  border-radius: 0.08rem;
  z-index: 3;
  box-sizing: border-box;
  width: 1.6rem;
  visibility: visible;
  pointer-events: none;
  clip-path: inset(0 0 0 100%);
  transition: 0.4s;
}
.menu__tel i {
  display: inline-block;
  color: #FFFFFF;
  font-size: 0.16rem;
}
.menu__tel p {
  margin-left: 0.1rem;
  color: #FFFFFF;
  font-size: 0.16rem;
}
.eqs {
  position: absolute;
  right: 100%;
  padding-right: 0.12rem;
  top: 50%;
  margin-top: -0.6rem;
  width: 1.2rem;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  pointer-events: none;
}
.eqs figure {
  padding: 0.07rem;
  border-radius: 0.08rem;
  position: relative;
  line-height: 1;
  display: block;
  background: #fff;
  box-shadow: 0px 4px 51.5px 0px rgba(0, 0, 0, 0.12);
}
.eqs figure:before {
  position: absolute;
  top: 50%;
  margin-top: -0.04rem;
  left: 100%;
  content: "";
  border-top: 0.05rem solid transparent;
  border-bottom: 0.05rem solid transparent;
  border-left: 0.08rem solid #fff;
}
.eqs figure img {
  display: block;
  width: 100%;
  height: auto;
}
.pbanner {
  position: relative;
  overflow: hidden;
}
.pbanner figure {
  position: relative;
  display: block;
  padding-bottom: 45.83%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.pbanner figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ptext {
  position: absolute;
  left: 50%;
  margin-left: -45%;
  bottom: 0.78rem;
  width: 90%;
  z-index: 3;
}
.ptext .common-title .title-name {
  font-size: 0.48rem;
}
.common__introduct {
  padding: 0.94rem 0 1.4rem;
}
.common__introduct p {
  margin-top: 0.3rem;
  width: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.about__introduct .introduct__info {
  width: 8rem;
}
.media__introduct .introduct__info {
  width: 8.7rem;
}
.technology__introducts .introduct__info {
  width: 8.65rem;
}
.introduct__info {
  margin: auto;
  width: 9.3rem;
  max-width: 100%;
  text-align: center;
  color: #000000;
  font-size: 0.32rem;
  line-height: 1.375;
}
.introduct__info h3 {
  font-weight: normal;
}
.introduct__info b {
  color: #000000;
  font-weight: normal;
}
.introduct__video {
  margin-top: 1rem;
  position: relative;
}
.introduct__video video,
.introduct__video img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.introduct__btn {
  position: absolute;
  left: 50%;
  margin-left: -1.35rem;
  bottom: 0.65rem;
  z-index: 3;
  width: 2.68rem;
  height: 0.44rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 0.05rem;
  line-height: 1.2;
  cursor: pointer;
  color: #fff;
  font-size: 0.18rem;
  transition: 0.4s;
}
.introduct__btn:hover {
  border-color: #E95520;
}
.culture {
  padding: 0.94rem 0 1.08rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.culture__right {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-end;
}
.culture__flex {
  display: flex;
}
.culture__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 3.18rem;
}
.culture__list li {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  padding: 0.36rem 0.32rem 0.35rem;
  height: 2.25rem;
  background: #fff;
  border-radius: 0.05rem;
  transition: 0.4s;
}
.culture__list li:hover {
  box-shadow: 0px 4px 51.5px 0px rgba(0, 0, 0, 0.12);
}
.culture__list li:hover strong {
  color: #E95520;
}
.culture__list li strong {
  display: block;
  line-height: 1.1;
  color: #000000;
  font-size: 0.32rem;
  font-weight: normal;
  text-transform: uppercase;
  transition: 0.35s;
}
.culture__list li p {
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.culture__list li figure {
  position: absolute;
  right: 0;
  top: 0;
  left: 0.16rem;
  z-index: -1;
}
.culture__list li figure img {
  width: 100%;
  height: auto;
}
.vision {
  margin-left: 0.17rem;
  height: 4.57rem;
}
.vision .culture__list {
  height: 100%;
}
.vision .culture__list li {
  height: 100%;
}
.events {
  padding: 1rem 0 0.6rem;
  background: #E0E8EA;
  overflow: hidden;
}
.events__swiper {
  margin-top: 1rem;
  position: relative;
  z-index: 3;
  padding-bottom: 0.88rem;
}
.events__swiper .swiper-pagination {
  bottom: 0;
  width: 100%;
  height: 26px;
  background: url(../images/line1.png) left bottom repeat-x;
  cursor: all-scroll;
}
.events__swiper .swiper-pagination .swiper-scrollbar-drag {
  background: url(../images/arrow1.svg) center no-repeat;
  background-size: 100% 100%;
  top: 4px;
}
.events-slide {
  display: flex;
  flex-direction: column;
  width: 4.73rem;
  height: auto;
}
.events-slide:hover figure img {
  transform: scale(1.05);
}
.events-slide:hover .events__info strong {
  color: #E95520;
}
.events-slide figure {
  position: relative;
  display: block;
  padding-bottom: 61.86%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.05rem;
}
.events-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events-slide figure img {
  transition: 0.6s;
}
.events__info {
  margin-top: 0.08rem;
  padding: 0.24rem 0.3rem 0.22rem;
  flex: 1;
  border-radius: 0.05rem;
  background: #fff;
}
.events__info time {
  display: block;
  margin-bottom: 0.1rem;
  color: #8E8E8E;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 1.1;
}
.events__info strong {
  color: #000000;
  font-size: 0.18rem;
  line-height: 1.555;
  font-weight: normal;
  transition: 0.35s;
}
.events__yeaer {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: -18px;
}
.events__yeaer li {
  position: relative;
  padding-top: 0.47rem;
  text-align: center;
  cursor: pointer;
}
.events__yeaer li.active span {
  color: #4363A4;
}
.events__yeaer li:first-child:before {
  left: 0;
  margin-left: 0;
}
.events__yeaer li:last-child:before {
  left: auto;
  margin-left: 0;
  right: 0;
}
.events__yeaer li span {
  display: inline-block;
  color: #8E8E8E;
  font-size: 0.18rem;
  transition: 0.3s;
}
.events__yeaer li:before {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
  content: "";
  width: 2px;
  height: 18px;
  background: #8E8E8E;
  transition: 0.3s;
}
.plans__hide {
  overflow: hidden;
}
.plans__box {
  padding: 0.96rem 0 0.48rem;
}
.plans__wrap {
  margin-top: 0.34rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.plans__map {
  position: relative;
  padding-left: 10.9%;
  width: 41.875%;
}
.plans__word {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.plans__word p {
  display: flex;
  align-items: center;
  color: #2F2F2F;
  font-size: 0.18rem;
  padding-left: 0.26rem;
  background: url(../images/map2.svg) left center no-repeat;
  background-size: 0.12rem auto !important;
}
.plans__word p:nth-child(2) {
  background: url(../images/map1.svg) left center no-repeat;
}
.plans__main {
  position: relative;
}
.plans__main svg {
  width: 100%;
  height: auto;
}
.plans__main svg path {
  fill: #f6f7f8;
  transition: 0.4s;
}
.plans__main svg path.active {
  fill: #E95520 !important;
}
.plans__list li {
  position: absolute;
  margin-left: -0.04rem;
  margin-top: -0.065rem;
  z-index: 3;
}
.plans__list li.active {
  z-index: 4;
}
.plans__list li.active .plans__ico {
  background: url(../images/map3.svg) center no-repeat !important;
  background-size: cover !important;
}
.plans__list li.active .plans__pop {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0);
}
.plans__list li:nth-child(1) {
  left: 71.9%;
  top: 66.59%;
}
.plans__list li:nth-child(2) {
  left: 69.9%;
  top: 42.6%;
}
.plans__list li:nth-child(3) {
  left: 54.54%;
  top: 71.24%;
}
.plans__list li:nth-child(4) {
  left: 72.72%;
  top: 80.26%;
}
.plans__list li:nth-child(5) {
  left: 64%;
  top: 86.54%;
}
.plans__list li:nth-child(6) {
  left: 40.82%;
  top: 43.72%;
}
.plans__list li:nth-child(7) {
  left: 58.51%;
  top: 85.2%;
}
.plans__list li:nth-child(8) {
  left: 56.198%;
  top: 77.57%;
}
.plans__list li:nth-child(9) {
  left: 58.84%;
  top: 95%;
}
.plans__list li:nth-child(10) {
  left: 67.76%;
  top: 48.65%;
}
.plans__list li:nth-child(11) {
  left: 65.61%;
  top: 59.41%;
}
.plans__list li:nth-child(13) {
  left: 92.06%;
  top: 26.23%;
}
.plans__list li:nth-child(14) {
  left: 62.64%;
  top: 76.457%;
}
.plans__list li:nth-child(15) {
  left: 64.793%;
  top: 67%;
}
.plans__list li:nth-child(16) {
  left: 82.97%;
  top: 29.14%;
}
.plans__list li:nth-child(17) {
  left: 76.363%;
  top: 64.79%;
}
.plans__list li:nth-child(18) {
  left: 68%;
  top: 76%;
}
.plans__list li:nth-child(19) {
  left: 81%;
  top: 39%;
}
.plans__list li:nth-child(21) {
  left: 68%;
  top: 29.82%;
}
.plans__list li:nth-child(22) {
  left: 53%;
  top: 49.82%;
}
.plans__list li:nth-child(23) {
  left: 39.5%;
  top: 52.46%;
}
.plans__list li:nth-child(24) {
  left: 58.677%;
  top: 54.93%;
}
.plans__list li:nth-child(25) {
  left: 47.6%;
  top: 69.05%;
}
.plans__list li:nth-child(26) {
  left: 71%;
  top: 55.6%;
}
.plans__list li:nth-child(27) {
  left: 78%;
  top: 66%;
}
.plans__list li:nth-child(28) {
  left: 63.96%;
  top: 45.96%;
}
.plans__list li:nth-child(29) {
  left: 71.73%;
  top: 45.51%;
}
.plans__list li:nth-child(30) {
  left: 77%;
  top: 85.51%;
}
.plans__list li:nth-child(31) {
  left: 20.49%;
  top: 40.8%;
}
.plans__list li:nth-child(32) {
  left: 30.08%;
  top: 69%;
}
.plans__list li:nth-child(33) {
  left: 42.97%;
  top: 80.94%;
}
.plans__list li:nth-child(34) {
  left: 75.37%;
  top: 72.869%;
}
.plans__list li .plans__ico {
  display: block;
  width: 0.09rem;
  height: 0.14rem;
  background: url(../images/map1.svg) center no-repeat;
  background-size: 100% 100%;
  transition: 0.3s;
  cursor: pointer;
}
.plans__list li .plans__ico.plans__ico1 {
  background: url(../images/map2.svg) center no-repeat;
  background-size: 100% 100%;
}
.plans__pop {
  position: absolute;
  left: 50%;
  margin-left: -0.75rem;
  bottom: 100%;
  padding-bottom: 0.1rem;
  width: 1.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: 0.3s;
  pointer-events: none;
}
.plans__wr {
  position: relative;
  padding: 0.13rem 0.18rem;
  background: #fff;
  border-radius: 0.08rem;
  box-shadow: 0px 4px 19.6px 0px rgba(0, 0, 0, 0.14);
}
.plans__wr:before {
  position: absolute;
  left: 50%;
  margin-left: -0.09rem;
  top: 100%;
  content: "";
  border-left: 0.09rem solid transparent;
  border-right: 0.09rem solid transparent;
  border-top: 0.08rem solid #fff;
}
.plans__wr strong {
  display: block;
  margin-bottom: 0.08rem;
  color: #2F2F2F;
  font-size: 0.18rem;
  font-weight: normal;
  line-height: 1.1;
}
.plans__wr p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.2rem;
}
.plans__qd {
  position: absolute;
  width: 0.85rem;
  right: -0.41rem;
  bottom: 0.23rem;
}
.plans__qd img {
  width: 100%;
  height: auto;
}
.plans__right {
  width: 32.22%;
}
.plans__right .common-title {
  text-align: left;
}
.plans__right .common-title p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.plans__right .common-title p span {
  color: #2F2F2F;
}
.plans__right .common-title a {
  margin-left: 0;
}
.plans__li {
  display: grid;
  margin-top: 0.41rem;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.25rem;
}
.plans__li li:hover figure img {
  transform: scale(1.06);
}
.plans__li li:hover .plan__in strong {
  color: #E95520;
}
.plans__li figure {
  position: relative;
  display: block;
  padding-bottom: 43.478%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.plans__li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plans__li figure img {
  transition: 0.6s;
}
.plan__in {
  margin-top: 0.15rem;
}
.plan__in strong {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
  transition: 0.4s;
}
.plan__in p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.ecological {
  padding: 0.9rem 0 1.28rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.ecological__wr {
  position: relative;
  margin-top: 1.7rem;
}
.ecological__qq {
  position: relative;
  margin: auto;
  width: 34.72%;
  z-index: 3;
}
.ecological__qq figure {
  display: block;
  position: relative;
  z-index: 1;
  line-height: 1;
}
.ecological__qq figure:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -76%;
  margin-top: -76%;
  z-index: -1;
  content: "";
  width: 152%;
  height: 152%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  animation: ScaleMove 3s infinite;
  opacity: 0;
}
.ecological__qq figure:after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -98%;
  margin-top: -98%;
  z-index: -2;
  content: "";
  width: 196%;
  height: 196%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  animation: ScaleMove 3s 0.2s infinite;
}
.ecological__qq figure > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.ecological-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21.5%;
  margin-top: -21.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43%;
  height: 43%;
  border-radius: 50%;
  background: linear-gradient(180deg, #FFFFFF 9.35%, #D1F2E9 100%);
  box-shadow: 0px 4px 0.2rem 0px #258a67;
  animation: flips 4s infinite;
}
.ecological-logo img {
  display: block;
  width: 58% !important;
  height: auto !important;
}
@keyframes flips {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(360deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes ScaleMove {
  0% {
    transform: scale(0.4);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.ecological__arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -61.4%;
  margin-top: -61.4%;
  width: 122.8%;
  height: 122.8%;
  animation: ecols 10s linear infinite reverse;
}
.ecological__arrow .arrow1 {
  display: block;
  width: 100%;
  height: auto;
}
.ecological__arrow .text1 {
  position: absolute;
  left: 34.6%;
  top: -5.82%;
  width: 29.41%;
}
.ecological__arrow .text2 {
  position: absolute;
  right: 9.47%;
  bottom: 7.28%;
  width: 14.02%;
}
@keyframes ecols {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ecological__list li {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.25rem 0.31rem 0.34rem;
  width: 3.53rem;
  height: 2rem;
  box-sizing: border-box;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0.98) 45.14%, #D6FFF2 100%);
  backdrop-filter: blur(0.22rem);
  border-radius: 0.05rem;
}
.ecological__list li:hover .ecological__text strong {
  color: #E95520;
}
.ecological__list li:nth-child(1) {
  top: 0.4rem;
}
.ecological__list li:nth-child(2) {
  top: 0.4rem;
  left: auto;
  right: 0;
}
.ecological__list li:nth-child(2) .ecological__line {
  left: auto;
  right: 100%;
}
.ecological__list li:nth-child(2) .ecological__line:before {
  left: auto;
  right: -0.07rem;
  background: #FDD32D;
}
.ecological__list li:nth-child(3) {
  bottom: 0.32rem;
  top: auto;
}
.ecological__list li:nth-child(3) .ecological__line {
  top: 0.27rem;
}
.ecological__list li:nth-child(3) .ecological__line:before {
  top: 100%;
  margin-top: -0.07rem;
  background: #57ABD3;
}
.ecological__list li:nth-child(4) {
  top: auto;
  bottom: 0.32rem;
  left: auto;
  right: 0;
}
.ecological__list li:nth-child(4) .ecological__line {
  left: auto;
  right: 100%;
  top: 0.27rem;
}
.ecological__list li:nth-child(4) .ecological__line:before {
  left: 100%;
  top: 100%;
  margin-left: -0.07rem;
  margin-top: -0.07rem;
  background: #F29222;
}
.ecological__line {
  position: absolute;
  left: 100%;
  top: 1rem;
  z-index: 3;
  width: 1.54rem;
}
.ecological__line:before {
  position: absolute;
  left: -0.07rem;
  top: -0.07rem;
  content: "";
  width: 0.14rem;
  height: 0.14rem;
  background: #2FB9B6;
  border-radius: 50%;
}
.ecological__line img {
  display: block;
  width: 100%;
  height: auto;
}
.ecological__logo img {
  display: block;
  width: auto;
  height: 0.37rem;
}
.ecological__text strong {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
  transition: 0.4s;
}
.ecological__text p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.honor {
  padding: 0.9rem 0 0.76rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.honor__swiper {
  margin-top: 0.72rem;
}
.honor-slide {
  box-sizing: border-box;
  width: 4.6rem;
  height: auto;
  background: #FFFFFF;
}
.honor-slide:hover figure img {
  transform: scale(1.08);
}
.honor-slide:hover .honor__info strong {
  color: #E95520;
}
.honor-slide figure {
  position: relative;
  display: block;
  padding-bottom: 69.56%;
}
.honor-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
  transition: 0.6s;
}
.honor__info {
  padding: 0.2rem 0.22rem 0.4rem 0.4rem;
}
.honor__info strong {
  display: block;
  margin-bottom: 0.08rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.3rem;
  font-weight: normal;
  transition: 0.35s;
}
.honor__info time {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 1;
}
.honor__prev {
  display: flex;
  justify-content: center;
  margin-top: 0.49rem;
}
.honor__prev span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.12rem;
  width: 0.45rem;
  height: 0.45rem;
  background: #fff;
  color: #212121;
  font-size: 0.18rem;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.4s;
}
.honor__prev span:hover {
  background: #E95520;
  color: #fff;
}
.honor__prev span:last-child {
  margin-right: 0;
}
.honor__prev span.swiper-button-disabled {
  opacity: 0.5;
}
.inner__banner figure {
  padding-bottom: 36.45%;
}
.inner__banner .ptext {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}
.company {
  padding: 1rem 0 1.5rem;
  margin: auto;
  width: 9rem;
}
.company .company__tt {
  display: block;
  margin-bottom: 0.7rem;
  text-align: center;
  line-height: 1;
  color: #000000;
  font-size: 0.36rem;
  font-weight: normal;
}
.company p {
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.34rem;
}
.hkd {
  padding: 1.8rem 0 1.8rem;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.hkd__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hkd__left {
  padding-right: 0.7rem;
  padding-bottom: 0.55rem;
  border-right: 1px solid #D9D9D9;
}
.hkd__title {
  display: flex;
  align-items: flex-end;
  line-height: 1;
  color: #000000;
  font-size: 0.36rem;
  font-weight: normal;
}
.hkd__title span {
  margin-left: 0.1rem;
  font-size: 0.24rem;
}
.kkd__num {
  margin-top: 0.7rem;
  display: flex;
  align-items: center;
}
.kkd__num strong {
  display: block;
  line-height: 1;
  color: #000000;
  font-size: 0.48rem;
  font-weight: normal;
}
.kkd__num span {
  margin-left: 0.16rem;
  display: block;
  padding-top: 0.25rem;
  text-align: center;
  line-height: 1;
  color: #868686;
  font-size: 0.18rem;
}
.hkd__zz {
  display: flex;
  align-items: center;
  margin-top: 0.24rem;
}
.hkd__zz i {
  display: inline-flex;
  margin-right: 0.05rem;
  color: #F10004;
  font-size: 0.22rem;
  font-style: normal;
  line-height: 1;
}
.hkd__zz p {
  color: #F10004;
  font-size: 0.24rem;
  line-height: 1.1;
}
.hkd__list {
  display: flex;
}
.hkd__list li {
  margin-right: 0.94rem;
}
.hkd__list li:last-child {
  margin-right: 0;
}
.hkd__list li span {
  display: block;
  line-height: 1;
  color: #868686;
  font-size: 0.18rem;
}
.hkd__list li p {
  margin-top: 0.2rem;
  display: flex;
  align-items: flex-end;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1;
}
.hkd__list li p b {
  display: inline-flex;
  position: relative;
  top: 1px;
  margin-right: 0.1rem;
  font-size: 0.36rem;
  font-weight: normal;
}
.hkd__time {
  margin-top: 0.52rem;
  color: #868686;
  font-size: 0.16rem;
  line-height: 0.22rem;
}
.report {
  padding: 1.04rem 0 0.96rem;
}
.report__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report__imgs {
  margin-left: 1.2rem;
  width: 4.51rem;
}
.report__imgs figure {
  display: block;
  line-height: 1;
}
.report__imgs figure img {
  display: block;
  width: 100%;
  height: auto;
}
.report__right {
  width: 50%;
}
.report__right .report__tt {
  display: block;
  color: #000000;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-weight: normal;
}
.report__li {
  margin-top: 0.3rem;
}
.report__li li {
  padding: 0.22rem 0;
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.3rem;
  border-top: 1px solid #EEEEEE;
}
.report__list {
  margin-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.report__list li figure {
  position: relative;
  display: block;
  padding-bottom: 64.377%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.report__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.report__list li figure img {
  transition: 0.56s;
}
.report__list li:hover figure img {
  transform: scale(1.06);
}
.report__list li:hover .report__info span {
  background: #E95520;
  border-color: #E95520;
  color: #fff;
}
.report__info {
  padding-top: 0.22rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report__info strong {
  display: block;
  color: #000000;
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: normal;
}
.report__info span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.98rem;
  height: 0.38rem;
  border: 1px solid #8E8E8E;
  border-radius: 0.05rem;
  color: #8E8E8E;
  font-size: 0.16rem;
  transition: 0.38s;
}
.copywriting {
  padding: 0.95rem 0;
  background: #F9F9F9;
}
.copywriting__wrap {
  display: flex;
  justify-content: space-between;
}
.copywriting__item {
  width: 48.05%;
}
.copywriting__item .copywriting__tt {
  display: block;
  line-height: 1;
  color: #000000;
  font-size: 0.36rem;
  font-weight: normal;
}
.copywriting__list {
  margin-top: 0.32rem;
}
.copywriting__list li a {
  display: block;
  padding: 0.2rem 0;
  border-bottom: 1px solid #D9D9D9;
}
.copywriting__list li a:hover strong {
  color: #E95520;
}
.copywriting__list li a time {
  display: block;
  line-height: 1;
  color: #8E8E8E;
  font-size: 0.18rem;
}
.copywriting__list li a strong {
  display: block;
  margin-top: 0.14rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1.6;
  font-weight: normal;
  transition: 0.3s;
}
.copywriting__list li a strong i {
  display: inline-flex;
  margin-right: 0.06rem;
  color: #4363A4;
  font-size: 0.12rem;
  font-style: normal;
}
.copy__more {
  margin-top: 0.3rem;
}
.copy__more a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 0.4rem;
  background: #E95520;
  color: #fff;
  font-size: 0.16rem;
  border-radius: 0.05rem;
}
.news__posite {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.8rem;
  border-bottom: 1px solid #F0F0F0;
  height: 0.6rem;
}
.news__posite .news__tt {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
}
.news__class {
  display: flex;
  align-items: center;
}
.news__class li {
  margin-right: 0.3rem;
}
.news__class li:last-child {
  margin-right: 0;
}
.news__class li:hover a,
.news__class li.active a {
  color: #E95520;
}
.news__class li a {
  display: inline-block;
  color: #A3A4A8;
  font-size: 0.18rem;
}
.hot__news {
  padding: 0.54rem 0 0.78rem;
  overflow: hidden;
}
.hot__tt {
  display: block;
  margin-bottom: 0.3rem;
  line-height: 1;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.hot__swiper {
  padding-right: 2.97rem;
}
.hot-slide.swiper-slide-active a {
  opacity: 1;
}
.hot-slide a {
  display: flex;
  background: #FAFAFA;
  opacity: 0.18;
  transition: 0.5s;
}
.hot-slide a:hover .hot__imgs figure img {
  transform: scale(1.06);
}
.hot-slide a:hover .hot__wr strong {
  color: #E95520;
}
.hot__imgs {
  width: 50%;
}
.hot__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 67.72%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.hot__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot__imgs figure img {
  transition: 0.68s;
}
.hot__right {
  display: flex;
  align-items: center;
  width: 50%;
}
.hot__wr {
  padding: 0 0.75rem 0 0.68rem;
}
.hot__wr strong {
  display: block;
  color: #000000;
  font-size: 0.24rem;
  line-height: 0.38rem;
  font-weight: normal;
  transition: 0.34s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hot__wr time {
  display: block;
  position: relative;
  padding-left: 0.13rem;
  margin-top: 0.22rem;
  color: #8E8E8E;
  font-size: 0.16rem;
}
.hot__wr time:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.035rem;
  content: "";
  width: 0.07rem;
  height: 0.07rem;
  background: #4363A4;
  border-radius: 50%;
}
.hot__down {
  margin-top: 0.16rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.hot__down .swiper-pagination {
  position: relative;
  bottom: auto;
  margin-bottom: 4px;
  width: 5.67rem;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
}
.hot__down .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #000000;
}
.hot__down .honor__prev {
  margin-top: 0;
}
.hot__down .honor__prev span {
  background: #EBEBEB;
  color: #212121;
}
.hot__down .honor__prev span:hover {
  background: #E95520;
  color: #fff;
}
.dynamic__box {
  padding: 0.7rem 0 0.64rem;
  background: #EDF1F3;
}
.dynamic__info {
  margin-bottom: 0.3rem;
}
.dynamic__info a {
  opacity: 1;
  background: #fff;
}
.dynamic__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.46rem 0.14rem;
}
.dynamic__list li figure {
  position: relative;
  display: block;
  padding-bottom: 61.06%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.dynamic__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dynamic__list li figure img {
  transition: 0.65s;
}
.dynamic__list li:hover figure img {
  transform: scale(1.06);
}
.dynamic__list li:hover .hot__wr strong {
  color: #E95520;
}
.dynamic__list li .hot__wr {
  padding: 0;
  margin-top: 0.18rem;
}
.dynamic__list li .hot__wr strong {
  font-size: 0.18rem;
  padding-right: 0.4rem;
  line-height: 0.24rem;
  height: 0.48rem;
}
.dynamic__list li .hot__wr time {
  margin-top: 0.18rem;
  line-height: 1.2;
}
.dynamic__more {
  margin-top: 0.6rem;
  text-align: center;
}
.dynamic__more a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 1.98rem;
  height: 0.44rem;
  border: 1px solid #D9D9D9;
  border-radius: 0.05rem;
  color: #000000;
  font-size: 0.16rem;
}
.dynamic__more a:hover {
  background: #E95520;
  border-color: #E95520;
  color: #fff;
}
.industry {
  background: #fff;
}
.industry__list li .hot__wr strong {
  height: auto;
}
.industry__list li .hot__wr time {
  padding-left: 0;
}
.industry__list li .hot__wr time:before {
  display: none;
}
.news__view {
  padding: 0.72rem 0 1.04rem;
  margin: auto;
  width: 8.66rem;
  max-width: 90%;
}
.news__view--top {
  margin-bottom: 0.36rem;
}
.news__view--top .hot__wr {
  padding: 0;
}
.news__view--top .hot__wr strong {
  font-size: 0.4rem;
  line-height: 0.53rem;
}
.footer__share1 {
  margin-top: 0.44rem;
}
.footer__share1 li:hover a {
  color: #fff;
}
.footer__share1 li:nth-child(2):hover a {
  background: #d81e06;
}
.footer__share1 li:nth-child(3):hover a {
  background: #1296db;
}
.footer__share1 li a {
  padding: 0 !important;
  background: #EDEDED;
  color: #2F2F2F;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.16rem !important;
}
.news__v {
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.34rem;
}
.news__v img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.share__center {
  justify-content: center;
}
.share__center li:last-child {
  margin-right: 0;
}
.search__box {
  position: absolute;
  left: 50%;
  margin-left: -4.33rem;
  bottom: 0.73rem;
  z-index: 3;
  width: 8.66rem;
}
.search__box .text {
  padding: 0;
  padding-left: 0.24rem;
  border: none;
  width: 100%;
  box-sizing: border-box;
  height: 0.6rem;
  background: #fff;
  line-height: 0.6rem;
  color: #9B9DA9;
  font-size: 0.18rem;
  border-radius: 0.05rem;
}
.search__box .text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.search__box .text::-webkit-input-placeholder {
  color: #9B9DA9;
}
.search__box .sub {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background: #E95520;
  color: #fff;
  font-size: 0.18rem;
  border-radius: 0 0.05rem 0.05rem 0;
  cursor: pointer;
}
.recruitment__info {
  padding: 1.5rem 0 0.94rem;
  display: flex;
  justify-content: space-between;
}
.recruitment__text {
  width: 37%;
}
.recruitment__text strong {
  display: block;
  position: relative;
  padding-bottom: 0.38rem;
  margin-bottom: 0.45rem;
  color: #000000;
  font-size: 0.36rem;
  line-height: 0.49rem;
  font-weight: normal;
}
.recruitment__text strong:before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 0.61rem;
  height: 3px;
  background: #E95520;
}
.recruitment__text p {
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.34rem;
}
.recuite__imgs {
  width: 50.13%;
}
.recuite__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 62.32%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.05rem;
}
.recuite__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.office {
  margin-bottom: 1.04rem;
}
.office__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.office__top .honor__prev {
  margin-top: 0;
}
.office__btn {
  display: flex;
  align-items: center;
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}
.office__btn span {
  display: block;
  margin-right: 0.38rem;
  position: relative;
  z-index: 2;
  padding-bottom: 0.35rem;
  line-height: 1;
  color: #000000;
  font-size: 0.36rem;
  cursor: pointer;
}
.office__btn span:hover:before,
.office__btn span.active:before {
  width: 100%;
}
.office__btn span:before {
  position: absolute;
  left: 0;
  bottom: -3px;
  content: "";
  width: 100%;
  height: 3px;
  background: #000;
  width: 0;
  transition: 0.4s;
}
.office__btn span:last-child {
  margin-right: 0;
}
.color__prev span {
  background: #EBEBEB;
}
.office__swiper {
  margin-top: 0.5rem;
}
.office-slide {
  position: relative;
  width: 4.63rem;
}
.office-slide:hover figure img {
  transform: scale(1.06);
}
.office-slide figure {
  position: relative;
  display: block;
  padding-bottom: 64.79%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.05rem;
}
.office-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.office-slide figure img {
  transition: 0.65s;
}
.office-slide figure:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0.05rem;
  background: linear-gradient(180deg, rgba(233, 85, 32, 0) 72%, rgba(233, 85, 32, 0.71) 100%);
}
.office-slide strong {
  position: absolute;
  left: 0.34rem;
  right: 0.34rem;
  bottom: 0.22rem;
  color: #fff;
  z-index: 3;
  line-height: 1.2;
  font-size: 0.18rem;
  font-weight: normal;
}
.office__item {
  display: none;
}
.office__item:first-child {
  display: block;
}
.position {
  margin-top: 1.04rem;
}
.position .hot__tt {
  margin-bottom: 0.66rem;
  font-size: 0.36rem;
}
.posite__wraps {
  margin-top: 0.64rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.posite__menu {
  width: 2.75rem;
}
.posite__select {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.18rem;
}
.posite__select strong {
  display: block;
  line-height: 1;
  font-weight: normal;
  color: #000000;
  font-size: 0.18rem;
}
.posite__select span {
  display: block;
  color: #979797;
  font-size: 0.16rem;
  line-height: 1.1;
  cursor: pointer;
  transition: 0.3s;
}
.posite__select span:hover {
  color: #E95520;
}
.posite__item {
  padding: 0.32rem 0.24rem 0.3rem;
  border-top: 1px solid #D9D9D9;
}
.posite__class {
  display: block;
  margin-bottom: 0.2rem;
  line-height: 1;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
}
.posite__lable {
  margin-bottom: 0.12rem;
}
.posite__lable label {
  display: inline-flex;
  position: relative;
  align-items: center;
  color: #6A7478;
  font-size: 0.16rem;
  line-height: 0.24rem;
  transition: 0.3s;
  cursor: pointer;
}
.posite__lable label input {
  margin: 0;
  margin-right: 0.08rem;
  width: 0.16rem;
  height: 0.16rem;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
  line-height: 1;
  opacity: 0;
}
.posite__lable label input[type="checkbox"]:checked + span {
  background-color: #2F2F2F;
  color: #000000;
}
.posite__lable label input[type="checkbox"]:checked + span:before {
  opacity: 1;
  transform: scale(1);
}
.posite__lable label span {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.08rem;
  display: block;
  width: 0.14rem;
  height: 0.14rem;
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}
.posite__lable label span:before {
  position: absolute;
  left: 0.01rem;
  top: 0.02rem;
  content: "";
  width: 0.12rem;
  height: 0.09rem;
  background: url(../images/go.svg) center no-repeat;
  background-size: cover;
  opacity: 0;
  transform: scale(0);
  transition: 0.2s;
}
.posite__more {
  display: inline-flex;
  color: #979797;
  font-size: 0.16rem;
  line-height: 0.24rem;
  cursor: pointer;
}
.posite__more:hover {
  color: #E95520;
}
.posite__right {
  flex: 1;
  margin-left: 0.55rem;
  padding-left: 0.6rem;
  padding-bottom: 1.35rem;
  width: 0;
  border-left: 1px solid #D9D9D9;
}
.posite__search {
  position: relative;
}
.posite__search .text {
  box-sizing: border-box;
  padding-left: 0.45rem;
  width: 100%;
  border: 1px solid #DCDFE6;
  background: #FAFAFA;
  border-radius: 0.05rem;
  color: #9B9DA9;
  font-size: 0.18rem;
  line-height: 0.58rem;
  height: 0.6rem;
  transition: 0.3s;
}
.posite__search .text:focus {
  border-color: #E95520;
}
.posite__search .text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.posite__search .sub {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  padding-left: 0.19rem;
  padding-right: 0.1rem;
  line-height: 0.6rem;
  border: none;
  color: #9B9DA9;
  font-size: 0.18rem;
  transition: 0.38s;
  background: none;
  cursor: pointer;
}
.posite__search .sub:hover {
  color: #E95520;
}
.posite__line {
  margin-top: 0.24rem;
  line-height: 1.2;
  color: #000000;
  font-size: 0.18rem;
}
.posite__list li {
  border-bottom: 1px solid #F4F4F4;
}
.posite__list li a {
  display: block;
  position: relative;
  padding: 0.32rem 2.06rem 0.3rem 0;
}
.posite__list li a:hover strong {
  color: #E95520;
}
.posite__list li a strong {
  display: block;
  margin-bottom: 0.18rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.2rem;
  font-weight: normal;
  font-family: "OPPOSans-Medium";
  transition: 0.35s;
}
.posite__list li a time {
  position: absolute;
  right: 0;
  top: 0.35rem;
  color: #6A7478;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.posite__tag {
  display: flex;
  flex-wrap: wrap;
}
.posite__tag span {
  display: inline-block;
  position: relative;
  margin-right: 0.3rem;
  color: #6A7478;
  font-size: 0.16rem;
  line-height: 1.2;
}
.posite__tag span:before {
  position: absolute;
  right: -0.15rem;
  top: 50%;
  margin-top: -0.065rem;
  content: "";
  width: 1px;
  height: 0.13rem;
  background: #D9D9D9;
}
.posite__tag span:last-child {
  margin-right: 0;
}
.posite__tag span:last-child:before {
  display: none;
}
.posite__text {
  margin-top: 0.22rem;
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.posite__page {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.3rem;
}
.page__num {
  color: #8E8E8E;
  font-size: 0.16rem;
}
.page__num .val {
  width: 0.54rem;
  border: 1px solid #e2e4ea;
  border-radius: 3px;
  box-sizing: content-box;
  height: 0.3rem;
  line-height: 0.3rem;
  color: #8E8E8E;
  padding: 0;
  text-align: center;
  font-size: 0.16rem;
  transition: 0.3s;
}
.page__num .val:focus {
  border-color: #E95520;
}
.page__select {
  margin: 0 0.28rem;
  color: #8E8E8E;
  font-size: 0.14rem;
  line-height: 0.32rem;
  padding-left: 0.28rem;
  width: 1.28rem;
  height: 0.32rem;
  border: 1px solid #e2e4ea;
  border-radius: 3px;
  text-align: left;
  outline: none;
  background: url(../images/arrow3.png) 92% center no-repeat;
  background-size: 0.14rem auto;
}
.page__lists {
  display: flex;
  align-items: center;
  margin-right: 0.26rem;
}
.page__lists a {
  margin-right: 0.2rem;
  color: #040000;
  font-size: 0.14rem;
  font-family: "OPPOSans-Medium";
}
.page__lists a:hover {
  color: #E95520;
}
.page__lists a:first-child,
.page__lists a:last-child {
  position: relative;
  top: 2px;
}
.page__lists a:last-child {
  margin-right: 0;
}
.page__lists a.active {
  color: #E95520;
}
.recruites {
  padding: 1rem 0 1.24rem;
}
.recruite__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.recruite__title h3 {
  display: block;
  margin-bottom: 0.3rem;
  line-height: 1.2;
  color: #242424;
  font-size: 0.36rem;
  font-weight: normal;
}
.recruite__btn {
  display: flex;
}
.recruite__btn a {
  display: inline-flex;
  margin-right: 0.17rem;
  width: 1.5rem;
  height: 0.46rem;
  border-radius: 0.05rem;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 0.18rem;
  background: #D9D9D9;
}
.recruite__btn a:hover,
.recruite__btn a:first-child {
  background: #E95520;
}
.recruite__btn a:last-child {
  margin-right: 0;
}
.recruite__info {
  padding: 0.52rem 0 0.45rem;
  color: #6A7478;
  font-size: 0.18rem;
  line-height: 0.32rem;
}
.recruite__info strong {
  margin-bottom: 0.24rem;
  display: block;
  font-family: "OPPOSans-Medium";
  font-weight: normal;
  line-height: 1.2;
  color: #000;
}
.recruite__enmai {
  padding-top: 0.38rem;
  border-top: 1px solid #F4F4F4;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.34rem;
}
.recruite__enmai a {
  text-decoration: underline;
}
.recruite__enmai a:hover {
  color: #E95520;
}
.other__post {
  padding: 0.64rem 0 0.9rem;
  background: #F6F7F8;
}
.post__list li {
  margin-bottom: 0.2rem;
}
.post__list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.3rem 0.33rem;
  background: #fff;
  border-radius: 0.05rem;
  box-shadow: 0px 4px 3.2px 0px rgba(0, 0, 0, 0.02);
}
.post__list li a:hover .post__tt strong {
  color: #E95520;
}
.post__list li a time {
  display: block;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.post__tt strong {
  display: block;
  margin-bottom: 0.16rem;
  color: #000000;
  font-size: 0.24rem;
  line-height: 1.2;
  font-weight: normal;
  transition: 0.4s;
}
.contact__box {
  position: relative;
  z-index: 3;
  padding: 1.3rem 0 0.7rem;
}
.contact__map {
  position: absolute;
  right: 3.0729vw;
  top: 0;
  z-index: -1;
  width: 78.75vw;
  max-width: 15.12rem;
}
.contact__map figure {
  display: block;
}
.contact__map figure img {
  width: 100%;
  height: auto;
}
.contact__pop {
  position: absolute;
  right: 40.54%;
  top: 53.23%;
  margin-right: -0.08rem;
  margin-top: -0.08rem;
}
.contact__pop span {
  display: block;
  width: 0.13rem;
  height: 0.13rem;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #D9D9D9;
}
.contact__pop figure {
  position: absolute;
  left: 50%;
  margin-left: -0.675rem;
  bottom: 100%;
  margin-bottom: 0.17rem;
  display: block;
  box-sizing: border-box;
  padding: 0.11rem 0.15rem;
  width: 1.35rem;
  border-radius: 0.1rem;
  box-shadow: 0px 4px 19.6px 0px rgba(0, 0, 0, 0.14);
  background: #fff;
}
.contact__pop figure:before {
  position: absolute;
  left: 50%;
  margin-left: -0.1rem;
  bottom: -0.09rem;
  content: "";
  border-left: 0.1rem solid transparent;
  border-right: 0.1rem solid transparent;
  border-top: 0.09rem solid #fff;
}
.contact__pop figure img {
  display: block;
  width: 100%;
  height: auto;
}
.contact__in {
  margin-bottom: 1rem;
}
.contact__in strong {
  display: block;
  margin-bottom: 0.4rem;
  color: #000000;
  font-size: 0.36rem;
  line-height: 0.49rem;
  font-weight: normal;
}
.contact__in p {
  color: #868686;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.contact__infos {
  display: flex;
}
.contact__infos li {
  position: relative;
  margin-right: 0.62rem;
  padding-right: 0.6rem;
}
.contact__infos li:last-child {
  padding-right: 0;
}
.contact__infos li:last-child:before {
  display: none;
}
.contact__infos li:before {
  position: absolute;
  right: 0;
  bottom: 0.05rem;
  content: "";
  width: 1px;
  height: 0.48rem;
  background: #EDEDED;
}
.contact__infos li b {
  display: block;
  line-height: 1;
}
.contact__infos li b img {
  display: inline-block;
  width: auto;
  height: 0.24rem;
}
.contact__infos li strong {
  display: block;
  margin-top: 0.18rem;
  margin-bottom: 0.18rem;
  line-height: 1.1;
  color: #868686;
  font-size: 0.18rem;
  font-weight: normal;
}
.contact__infos li p {
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.contact__line {
  margin-top: 0.52rem;
  padding-top: 0.46rem;
  border-top: 1px solid #EDEDED;
}
.contact__topfix {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0.58rem;
}
.contact__topfix strong {
  display: block;
  position: relative;
  margin-right: 0.2rem;
  line-height: 1;
  color: #000000;
  font-size: 0.36rem;
  font-weight: normal;
  width: 1.8rem;
}
.contact__topfix strong img {
  display: inline-block;
  width: auto;
  height: 0.44rem;
}
.contact__topfix strong:before {
  position: absolute;
  right: 0;
  bottom: -0.05rem;
  content: "";
  width: 1px;
  height: 0.36rem;
  background: #EDEDED;
}
.contact__topfix p {
  color: #868686;
  font-size: 0.18rem;
  line-height: 1.1;
}
.contact__list {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.75rem;
}
.contact__list li figure {
  display: block;
  box-sizing: border-box;
  padding: 0.1rem;
  height: 1.4rem;
  background: #fff;
  border-radius: 0.05rem;
  box-shadow: 0px 4px 32.9px 0px rgba(43, 70, 115, 0.17);
}
.contact__list li figure img {
  display: block;
  width: 100%;
  height: auto;
}
.contact__list li strong {
  display: block;
  text-align: center;
  margin-top: 0.16rem;
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
}
.contact__eq {
  padding: 0.1rem 0 0.8rem;
  background: #F6F7F8;
}
.contact__items {
  padding: 0.52rem 0;
  border-bottom: 1px solid #EDEDED;
}
.contact__items .contact__topfix {
  align-items: center;
}
.contact__items .contact__topfix strong:before {
  bottom: 0;
  height: 0.37rem;
}
.contact__items:last-child {
  border-bottom: none;
}
.complaints {
  padding: 1.28rem 0 1.4rem;
  display: flex;
  justify-content: space-between;
}
.complaints__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 31.38%;
}
.complaints__tt {
  padding-bottom: 0.35rem;
  color: #000000;
  font-size: 0.36rem;
  line-height: 1.22;
  font-weight: normal;
  border-bottom: 1px solid #EDEDED;
}
.complaints__tt p {
  margin-top: 0.2rem;
  color: #868686;
  font-size: 0.18rem;
  line-height: 1.4;
}
.address {
  padding-top: 0.32rem;
}
.address__item {
  display: block;
  margin-bottom: 0.35rem;
}
.address__item dt {
  display: block;
  margin-bottom: 0.1rem;
  line-height: 1;
  color: #868686;
  font-size: 0.18rem;
  font-weight: normal;
}
.address__item dd {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1.4;
}
.address__item dd a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.4rem;
  width: 1.28rem;
  height: 0.44rem;
  border: 1px solid #D9D9D9;
  border-radius: 0.05rem;
  color: #868686;
  font-size: 0.18rem;
}
.address__item dd a:hover {
  background: #E95520;
  border-color: #E95520;
  color: #fff;
}
.complaints__eq {
  margin-top: 0.4rem;
  padding-top: 0.46rem;
  border-top: 1px solid #EDEDED;
  display: flex;
  align-items: flex-end;
}
.complaints__eq figure {
  display: block;
  width: 1.3rem;
  box-sizing: border-box;
  padding: 0.05rem;
  border: 1px solid #D9D9D9;
  border-radius: 0.05rem;
  overflow: hidden;
}
.complaints__eq figure img {
  display: block;
  width: 100%;
  height: auto;
}
.complaints__eq p {
  margin-left: 0.14rem;
  color: #868686;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.complaints__right {
  width: 50%;
}
.complaints__form {
  margin-top: 0.32rem;
}
.complaints__row {
  display: flex;
  margin-bottom: 0.38rem;
}
.complaints__item {
  flex: 1;
  margin-right: 0.28rem;
}
.complaints__item:last-child {
  margin-right: 0;
}
.complaints__name {
  color: #000000;
  font-size: 0.18rem;
  margin-bottom: 0.2rem;
  line-height: 1;
}
.complaints__name i {
  margin-left: 0.03rem;
  display: inline-block;
  color: #E95520;
  font-style: normal;
}
.complaints__input {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.complaints__input .posite__lable label {
  color: #868686;
}
.complaints__input .posite__lable label:focus-within {
  color: #000;
}
.complaints__input .posite__lable label input[type="checkbox"]:checked + span {
  background-color: #2F2F2F;
}
.complaints__input .posite__lable label input[type="checkbox"]:checked + span:before {
  opacity: 1;
  transform: scale(1);
}
.complaints__input {
  display: flex;
  position: relative;
}
.complaints__input .text {
  flex: 1;
  margin-right: 0.2rem;
  padding-left: 0.24rem;
  width: 100%;
  height: 0.46rem;
  line-height: 0.44rem;
  color: #868686;
  font-size: 0.16rem;
  border: 1px solid #D9D9D9;
  outline: none;
  border-radius: 0.05rem;
  transition: 0.3s;
  font-family: "OPPOSans-Regular";
}
.complaints__input .text:last-child {
  margin-right: 0;
}
.complaints__input .text::-webkit-input-placeholder {
  color: #868686;
}
.complaints__input .text:focus {
  border-color: #E95520;
}
.complaints__input .text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.complaints__input .textares {
  padding-top: 0.1rem;
  margin-right: 0;
  line-height: 1.6;
  min-height: 1rem;
  resize: none;
}
.complaints__input .com__num {
  position: absolute;
  right: 0.6rem;
  bottom: 0.1rem;
  color: #868686;
  font-size: 0.16rem;
  line-height: 1.3;
}
.complaint__sub .sub {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  cursor: pointer;
  width: 100%;
  background: #E95520;
  color: #fff;
  font-size: 0.18rem;
  border-radius: 0.05rem;
  height: 0.5rem;
  font-family: "OPPOSans-Regular";
  transition: 0.35s;
}
.complaint__sub .sub:hover {
  background: rgba(233, 85, 32, 0.9);
}
.distribute {
  margin-top: -0.7rem;
  padding-bottom: 0.76rem;
}
.distribute__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.22rem;
  margin-top: 0.64rem;
}
.distribute__item {
  padding: 0.4rem 0.3rem 0.6rem;
  background: #F6F7F8;
  border-radius: 0.05rem;
  box-sizing: border-box;
}
.distribute__item:first-child {
  grid-row: 1;
  grid-column: 1 / span 2;
}
.distribute__item:first-child .distribute__li li {
  width: 1.36rem;
}
.distribute__tt {
  display: block;
  text-align: center;
  margin-bottom: 0.27rem;
  line-height: 1;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.distribute__li {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.distribute__li li {
  width: 1.07rem;
  position: relative;
}
.distribute__li li:last-child {
  margin-right: 0;
}
.distribute__default {
  text-align: center;
}
.distribute__default figure {
  display: block;
  margin: auto;
  line-height: 1;
  width: 0.6rem;
  border-radius: 0.1rem;
  overflow: hidden;
}
.distribute__default figure img {
  display: block;
  width: 100%;
  height: auto;
}
.distribute__default span {
  margin-top: 0.12rem;
  display: block;
  line-height: 0.2rem;
  color: #8E8E8E;
  font-size: 0.16rem;
}
.distribute__default strong {
  display: block;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 0.2rem;
  font-weight: normal;
}
.distribute__btn {
  position: relative;
  margin: auto;
  margin-top: 0.1rem;
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #8E8E8E;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 50%;
  transition: 0.3s;
}
.distribute__btn:hover {
  transform: rotate(180deg);
}
.distribute__btn:before {
  position: absolute;
  left: 50%;
  margin-left: -0.04rem;
  top: 50%;
  margin-top: -1px;
  content: "";
  width: 0.08rem;
  height: 2px;
  background: #8E8E8E;
  border-radius: 2px;
}
.distribute__btn:after {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 50%;
  margin-top: -0.04rem;
  content: "";
  width: 2px;
  height: 0.08rem;
  background: #8E8E8E;
  border-radius: 2px;
}
.distribute__pop {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  padding: 0.08rem;
  width: 2.7rem;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(0.22rem);
  box-shadow: 0px 4px 19.3px 0px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.83);
  border-radius: 0.1rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s;
}
.distribute__pop.show {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.distribute__flex {
  display: flex;
  align-items: flex-start;
}
.distribute__name {
  width: 0.6rem;
  text-align: center;
}
.distribute__name img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.1rem;
}
.distribute__name p {
  margin-top: 0.12rem;
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 1.2;
}
.distribute__name .distribute__btn {
  transform: rotate(45deg);
}
.distribute__in {
  flex: 1;
  margin-left: 0.18rem;
  padding-top: 0.04rem;
  width: 0;
}
.distribute__dl {
  display: block;
  margin-bottom: 0.1rem;
}
.distribute__dl dt {
  display: block;
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 0.2rem;
}
.distribute__dl dd {
  display: block;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 0.2rem;
}
.cases {
  padding: 0.9rem 0 0.56rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.cases__wrap {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 0.53rem;
}
.character {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24.722%;
}
.character figure {
  display: block;
  line-height: 1;
}
.character figure img {
  display: block;
  width: 100%;
  height: auto;
}
.character__word {
  position: absolute;
  left: -0.41rem;
  top: -0.1rem;
  text-align: right;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.character__in {
  display: inline-block;
  position: relative;
  right: 0;
  top: 0;
  margin-left: auto;
  margin-bottom: 0.1rem;
  display: flex;
  align-items: center;
  text-align: left;
  width: 1.39rem;
  padding: 0 0.08rem 0 0.14rem;
  box-sizing: border-box;
  background: #fff;
  height: 0.38rem;
  border-radius: 0.1rem 0.1rem 0 0.1rem;
}
.character__in:nth-child(2) {
  width: 1.57rem;
}
.character__in:nth-child(2) p {
  animation-delay: 0.6s;
}
.character__in p {
  display: flex;
  align-items: center;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  animation: load91371 2.8s linear infinite;
  border-right: 0.04rem solid #2F2F2F;
}
.character__in p img {
  display: inline-block;
  margin-left: 0.02rem;
  width: auto;
  height: 0.18rem;
}
.character__center {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
}
.character__item {
  position: relative;
  width: 34.58%;
}
.character__item .layer {
  width: 100%;
  height: 100%;
}
.character__item:last-child {
  margin-left: -15%;
}
.character__item figure {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.character__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.character__imgs {
  position: absolute;
  left: 50%;
  margin-left: -17.2%;
  top: 4.7%;
  width: 40.4%;
  height: 87.6%;
  z-index: 3;
  border-radius: 0.24rem;
  overflow: hidden;
}
.character__imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.character__data {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-bottom: 0.5rem;
  width: 19.166%;
}
.character__data--item {
  display: none;
}
.character__data--item:first-child {
  display: block;
}
.character__dl {
  display: flex;
  align-items: center;
  height: 0.7rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.character__dl:last-child {
  border-bottom: none;
}
.character__dl dt {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  width: 1.4rem;
}
.character__dl dd {
  display: flex;
  flex: 1;
  color: #E95520;
  font-size: 0.24rem;
  font-family: "OPPOSans-Medium";
}
.character__btns {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0.34rem;
}
.character__li {
  padding: 0.18rem 0.24rem 0.06rem;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.18rem);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.58) 100%);
  border-radius: 0.15rem;
  min-height: 0.9rem;
}
.character__li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.character__li li {
  position: relative;
  margin-bottom: 0.12rem;
  z-index: 2;
  width: 0.9rem;
  cursor: pointer;
}
.character__li li.active figure,
.character__li li:hover figure {
  transform: translateY(-0.27rem);
}
.character__li li.active p,
.character__li li:hover p {
  opacity: 1;
  transform: scale(1);
  visibility: visible;
}
.character__li li:last-child {
  margin-right: 0;
}
.character__li li figure {
  margin: auto;
  width: 0.55rem;
  position: relative;
  display: block;
  padding-bottom: 0.55rem;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.1rem;
  transition: 0.3s;
}
.character__li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.character__li li p {
  position: absolute;
  left: 0;
  bottom: -0.04rem;
  z-index: -1;
  width: 100%;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: 0.3s;
}
.character__eq {
  position: relative;
  margin-left: 0.24rem;
}
.character__eq figure {
  display: block;
  box-sizing: border-box;
  padding: 0.09rem;
  width: 1.46rem;
  border: 1px solid rgba(255, 255, 255, 0.58);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.58) 100%);
  backdrop-filter: blur(0.17rem);
  border-radius: 0.15rem;
  line-height: 0;
}
.character__eq figure img {
  box-sizing: border-box;
  padding: 0.05rem;
  width: 100%;
  background-color: #fff;
  border-radius: 0.1rem;
}
.eq__infos {
  position: absolute;
  left: 100%;
  top: 0;
  z-index: 3;
  padding-left: 0.2rem;
  margin-left: -0.1rem;
  padding-top: 0.53rem;
  color: #E95520;
  font-size: 0.18rem;
  line-height: 1.3;
  white-space: nowrap;
}
.eq__infos:before {
  position: absolute;
  left: 0;
  top: 0.06rem;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/eq-arrow.svg) center no-repeat;
  background-size: cover;
}
.collaborate {
  padding: 0 0 1.1rem;
  margin-top: -0.4rem;
}
.collaborate__logo {
  margin-top: 0.58rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.9rem;
}
.collaborate__logo .colleimg1 {
  display: inline-block;
  width: auto;
  height: 0.64rem;
}
.collaborate__logo span {
  margin: 0 0.32rem;
  display: block;
  width: 0.21rem;
  height: 0.26rem;
  background: url(../images/closes.png) center no-repeat;
  background-size: cover;
}
.collaborate__logo .colleimg2 {
  display: inline-block;
  width: auto;
  height: 0.41rem;
}
.collaborate__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  margin-top: 0.7rem;
}
.collaborate__list li {
  padding: 0.44rem 0.2rem 0.55rem;
  box-sizing: border-box;
  background: #F5F5F5;
  border-radius: 0.05rem;
  text-align: center;
}
.collaborate__list li:hover b {
  transform: translateY(-0.06rem);
}
.collaborate__list li b {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 0.74rem;
  height: 0.67rem;
  transition: 0.4s;
}
.collaborate__list li b img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.collaborate__list li span {
  display: block;
  margin-top: 0.2rem;
  margin-bottom: 0.15rem;
  line-height: 1;
  text-align: center;
  color: #000000;
  font-size: 0.24rem;
}
.collaborate__list li p {
  margin: auto;
  width: 2.5rem;
  max-width: 100%;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.equipment {
  padding: 0.95rem 0 1rem;
  background: #F5F5F5;
}
.equipment__tabs .swiper-pagination,
.equipment__swipers .swiper-pagination,
.extended__swiper .swiper-pagination,
.scope__list .swiper-pagination {
  position: relative;
  bottom: 0;
  line-height: 0;
  margin-top: 0.36rem;
}
.equipment__tabs .swiper-pagination .swiper-pagination-bullet,
.equipment__swipers .swiper-pagination .swiper-pagination-bullet,
.extended__swiper .swiper-pagination .swiper-pagination-bullet,
.scope__list .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  margin-right: 0.09rem;
  opacity: 1;
  width: 0.48rem;
  height: 0.03rem;
  background: #DDDDDD;
  border-radius: 0;
  transition: 0.35s;
}
.equipment__tabs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.equipment__swipers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.extended__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.scope__list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000000;
}
.equipment__tabs .swiper-pagination .swiper-pagination-bullet:last-child,
.equipment__swipers .swiper-pagination .swiper-pagination-bullet:last-child,
.extended__swiper .swiper-pagination .swiper-pagination-bullet:last-child,
.scope__list .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.equipment__in {
  padding-top: 0.6rem;
  margin-top: 0.6rem;
  border-top: 1px solid #D9D9D9;
}
.equipment__in .common-title {
  text-align: left;
  width: 11.95rem;
  max-width: 100%;
}
.equipment__imgs {
  margin-top: 0.49rem;
  position: relative;
  display: block;
  padding-bottom: 43.39%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.equipment__imgs img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equipment__flex {
  padding: 0.5rem 0.7rem 0.72rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: #fff;
}
.equipment__tag {
  display: flex;
  flex-wrap: wrap;
}
.equipment__tag p {
  position: relative;
  padding-left: 0.19rem;
  margin-right: 0.34rem;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.equipment__tag p:nth-child(2n+2) {
  margin-right: 0;
}
.equipment__tag p:nth-child(2n+2):before {
  background: #4363A4;
}
.equipment__tag p:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  background: #E95520;
  border-radius: 50%;
}
.equipment__tag p:last-child {
  margin-right: 0;
}
.capability {
  margin-top: 0.35rem;
}
.capability__tt {
  display: block;
  margin-bottom: 0.18rem;
  line-height: 1;
  color: #2F2F2F;
  font-size: 0.18rem;
  font-weight: normal;
}
.capability__item {
  margin-bottom: 0.25rem;
}
.capability__item:last-child {
  margin-bottom: 0;
}
.capability__item:last-child .lines {
  width: 4.49rem;
}
.capability__item:last-child .lines span {
  background: #DADCDE;
}
.capability__item:last-child .capability__line p {
  color: #8E8E8E;
}
.capability__item strong {
  display: block;
  line-height: 1.1;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
}
.capability__line {
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
}
.capability__line p {
  margin-left: 0.18rem;
  color: #4363A4;
  font-size: 0.18rem;
  line-height: 1.1;
}
.lines {
  width: 2.36rem;
  height: 0.08rem;
}
.lines span {
  display: block;
  width: 100%;
  height: 100%;
  background: #4363A4;
}
.equipment__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.8rem;
}
.equipment__list li {
  margin-right: 0.17rem;
  width: 2.04rem;
}
.equipment__list li:last-child {
  margin-right: 0;
}
.equipment__list li:hover figure img {
  transform: scale(1.05);
}
.equipment__list li:hover strong {
  color: #E95520;
}
.equipment__list li figure {
  box-sizing: border-box;
  position: relative;
  display: block;
  padding-bottom: 148.92%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border: 0.08rem solid rgba(255, 255, 255, 0.66);
  box-shadow: 0px 4px 19.4px 0px rgba(0, 0, 0, 0.03);
  backdrop-filter: blur(4px);
}
.equipment__list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equipment__list li figure img {
  display: block;
  transition: 0.58s;
}
.equipment__list li strong {
  display: block;
  margin-top: 0.12rem;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
  font-weight: normal;
  transition: 0.35s;
}
.equipment__li {
  margin-top: 0.4rem;
}
.equipment__li li {
  padding: 0.62rem 0.3rem 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  box-sizing: border-box;
  height: auto;
}
.equipment__li li:hover figure img {
  transform: scale(1.05);
}
.equipment__li li figure {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-top: 0.9rem;
  width: 4.8rem;
  height: 2.7rem;
}
.equipment__li li figure img {
  max-width: 100%;
  max-height: 100%;
  transition: 0.68s;
}
.equipemnt__text {
  margin: auto;
  text-align: center;
  width: 3.65rem;
}
.equipemnt__text strong {
  display: block;
  margin-bottom: 0.2rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.32rem;
  font-weight: 300;
}
.equipemnt__text p {
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.team {
  padding: 0.96rem 0 0.68rem;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.team .common__color p {
  color: #fff;
}
.team__swiper {
  margin-top: 0.48rem;
}
.team__swiper .swiper-pagination {
  position: relative;
  line-height: 1;
  margin-top: 0.56rem;
}
.team__swiper .swiper-pagination .swiper-pagination-bullet {
  width: 0.48rem;
  margin: 0 0.05rem;
  height: 3px;
  background: #fff;
  opacity: 0.4;
  cursor: pointer;
  border-radius: 0;
  transition: 0.38s;
}
.team__swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.team-slide {
  display: flex;
  justify-content: space-between;
  width: 7rem;
}
.team-slide:hover .team__imgs figure img {
  transform: scale(1.06);
}
.team__infos {
  padding: 0.26rem 0.24rem 0.22rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #fff;
  box-sizing: border-box;
  width: 32.85%;
}
.team__imgs {
  width: 66%;
}
.team__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 58.87%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.team__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team__imgs figure img {
  transition: 0.6s;
}
.team__num {
  line-height: 1;
  color: #8E8E8E;
  font-size: 0.18rem;
  font-family: "OPPOSans-L";
}
.team__num span {
  margin-right: 0.04rem;
  color: #000000;
  font-size: 0.36rem;
  font-family: "Rajdhani-Regular";
}
.team__texts {
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.team__texts strong {
  font-weight: normal;
  color: #000000;
}
.honor {
  padding: 1.2rem 0 2rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.honor .common-title {
  margin: auto;
  width: 7.22rem;
}
.honor__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.92rem;
}
.honor__list li {
  margin-right: 0.66rem;
}
.honor__list li:last-child {
  margin-right: 0;
}
.honor__list li figure {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 0.5rem;
}
.honor__list li figure img {
  max-width: 100%;
  max-height: 100%;
}
.honor__list li strong {
  display: block;
  margin: auto;
  margin-top: 0.23rem;
  color: #000000;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: normal;
  text-align: center;
}
.testing {
  padding: 0.9rem 0 1.05rem;
}
.testing__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.15rem;
  margin-top: 0.72rem;
}
.testing__list > li {
  position: relative;
}
.testing__list > li figure {
  position: relative;
  display: block;
  padding-bottom: 127.65%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.testing__list > li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.testing__list > li figure img {
  transition: 0.7s;
}
.testing__wr {
  position: absolute;
  left: 0.1rem;
  right: 0.1rem;
  top: 0.54rem;
}
.testing__wr strong {
  display: block;
  line-height: 1;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
  text-align: center;
}
.testing__info {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.testing__info li {
  width: 32%;
  text-align: center;
}
.testing__info li:last-child {
  margin-right: 0;
}
.testing__info li b {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 0.3rem;
}
.testing__info li b img {
  max-width: 100%;
  max-height: 100%;
}
.testing__info li p {
  margin-top: 0.12rem;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 0.2rem;
}
.meal {
  padding: 0.85rem 0 1.32rem;
  background: #F5F5F5;
}
.meal__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.49rem;
  margin-top: 0.9rem;
}
.meal__list li {
  padding: 0.6rem 0.2rem 0.57rem;
  box-sizing: border-box;
  height: 100%;
  background: #FFFFFF;
  text-align: center;
}
.meal__list li b {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 0.84rem;
  height: 0.63rem;
}
.meal__info {
  padding: 0.52rem 0 0;
  height: 2.3rem;
}
.meal__info strong {
  display: block;
  margin-bottom: 0.35rem;
  color: #000000;
  font-size: 0.24rem;
  line-height: 1.1;
  font-weight: normal;
}
.meal__text {
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.3rem;
}
.meal__btn {
  position: relative;
}
.meal__btn.active span,
.meal__btn:hover span {
  background: #E95520;
  border-color: #E95520;
  color: #fff;
}
.meal__btn.active .meal__pop,
.meal__btn:hover .meal__pop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.meal__btn span {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 2.61rem;
  height: 0.53rem;
  border: 1px solid #D9D9D9;
  color: #868686;
  font-size: 0.18rem;
  line-height: 0.3rem;
  border-radius: 0.05rem;
  transition: 0.4s;
  cursor: pointer;
}
.meal__pop {
  position: absolute;
  left: 50%;
  margin-left: -1.3rem;
  bottom: 100%;
  margin-bottom: 0.04rem;
  padding: 0.26rem 0 0.22rem;
  width: 2.6rem;
  background: #fff;
  border-radius: 0.05rem;
  box-shadow: 0px 4px 51.5px 0px rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.3rem);
  transition: 0.4s;
}
.meal__pop figure {
  margin: auto;
  width: 1.96rem;
  line-height: 1;
}
.meal__pop figure img {
  display: block;
  width: 100%;
  height: auto;
}
.meal__pop p {
  margin-top: 0.06rem;
  color: #868686;
  font-size: 0.16rem;
  line-height: 1.1;
}
.advantages {
  padding: 1.4rem 0 0.6rem;
  background: #E0E8EA;
  backdrop-filter: blur(0.22rem);
}
.advantages__in {
  position: relative;
  margin-top: 0.68rem;
}
.advantages__imgs {
  margin: auto;
  width: 41.66%;
}
.advantages__imgs figure {
  position: relative;
  z-index: 2;
  padding-bottom: 100%;
}
.advantages__imgs figure:before {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.54);
  background: rgba(255, 255, 255, 0.11);
  animation: scaleOpacity 2s infinite linear;
}
.advantages__imgs figure .logos {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50.8%;
  margin-left: -25.4%;
  margin-top: -25.4%;
  z-index: 2;
}
.advantages__imgs figure .bg {
  position: absolute;
  left: 50%;
  margin-left: -45.5%;
  top: 8%;
  width: 91%;
}
@keyframes scaleOpacity {
  0% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1.1);
    opacity: 0;
  }
}
.advantages__list {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
}
.advantages__list li {
  box-sizing: border-box;
  padding: 0.3rem 0.3rem;
  width: 3.55rem;
  height: 1.53rem;
  background: linear-gradient(90deg, #FFFFFF 0%, #F4F8F9 100%);
  border-radius: 0.05rem;
  backdrop-filter: blur(22px);
  box-shadow: 0px 4px 15.7px 0px rgba(0, 0, 0, 0.05);
}
.advantages__list li:nth-child(2n+2) {
  margin-left: auto;
}
.advantages__list li strong {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
}
.advantages__list li strong img {
  display: inline-block;
  margin-right: 0.06rem;
  width: 0.18rem;
}
.advantages__text {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.advantages__text span {
  color: #E95520;
}
.future {
  padding-top: 1.05rem;
  overflow: hidden;
}
.future__list {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.2rem;
  margin-top: 1.48rem;
  transform: translateY(100%);
}
.future-wraps.articleShow .future__list {
  transform: translateY(0);
  transition: transform 1s cubic-bezier(0.435, 0.25, 0.15, 0.965);
}
.future-wraps.articleShow .future__list .future__item {
  opacity: 1 !important;
  transition: transform 1s cubic-bezier(0.435, 0.25, 0.15, 0.965) 0.6s;
  transform: translate(0) !important;
}
.future-wraps.article-block .future__list .future__item:nth-child(1) {
  opacity: 0;
  transform: translate(calc(200% + 2.60417vw));
}
.future-wraps.article-block .future__list .future__item:nth-child(2) {
  opacity: 0;
  transform: translate(calc(100% + 1.30208vw));
}
.future-wraps.article-block .future__list .future__item:nth-child(4) {
  opacity: 0;
  transform: translate(calc(-100% - 1.30208vw));
}
.future-wraps.article-block .future__list .future__item:nth-child(5) {
  opacity: 0;
  transform: translate(calc(-200% - 2.60417vw));
}
.future__item {
  padding: 0.36rem 0.2rem 0.35rem 0.4rem;
  position: relative;
  z-index: 2;
  flex: 1;
  box-sizing: border-box;
  background: #EBEEF3;
  border-radius: 0.1rem 0.1rem 0 0;
  height: 3.42rem;
}
.future__item.future__hei {
  height: 4.1rem;
  background: linear-gradient(180deg, #D3DDEE 0%, #EBEEF3 100%);
  z-index: 3;
}
.future__item:nth-child(3) {
  z-index: 4;
  padding: 0.36rem 0.5rem 0;
  height: 5.2rem;
  background: #EBEEF3 linear-gradient(180deg, rgba(67, 99, 164, 0.75) 0%, rgba(67, 99, 164, 0) 100%);
}
.future__item:nth-child(3) strong {
  margin: auto;
  margin-top: 0.28rem;
  width: 1.54rem;
  color: #fff;
  text-align: center;
}
.future__item b {
  display: block;
  line-height: 1;
}
.future__item b img {
  width: auto;
  height: 0.36rem;
}
.future__item strong {
  display: block;
  margin-top: 0.28rem;
  margin-bottom: 0.22rem;
  color: #2F2F2F;
  font-size: 0.24rem;
  line-height: 0.3rem;
  font-weight: normal;
  font-family: "OPPOSans-Medium";
}
.future__info {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.future__qz {
  position: absolute;
  left: 23.33%;
  margin-bottom: -1px;
  bottom: 100%;
  width: 33.33%;
  line-height: 1;
  z-index: -1;
}
.future__qz img {
  width: 100%;
  height: auto;
}
.capability__item.article-block .lines span {
  width: 0;
  transition: 1.5s linear;
}
.capability__item.articleShow .lines span {
  width: 100%;
}
.range {
  padding-bottom: 1.08rem;
  margin-top: -0.7rem;
}
.range__wr {
  display: flex;
  justify-content: space-between;
  margin-top: 0.72rem;
}
.range__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 49.58%;
}
.range__item {
  position: relative;
}
.range__item:hover figure img {
  transform: scale(1.06);
}
.range__item figure {
  position: relative;
  display: block;
  padding-bottom: 48.03%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.range__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.range__item figure img {
  transition: 0.68s;
}
.range__in {
  position: absolute;
  left: 0.42rem;
  top: 0.36rem;
  display: flex;
  align-items: center;
  z-index: 3;
}
.range__in b {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.54rem;
  height: 0.5rem;
  background: #E95520;
  color: #fff;
  font-size: 0.4rem;
  font-weight: 500;
  font-family: "Rajdhani-Regular";
  border-radius: 0.05rem;
}
.range__text {
  margin-left: 0.12rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: 1.5;
}
.range__right {
  width: 49.58%;
}
.range__right .range__item figure {
  padding-bottom: 98.314%;
}
.employ {
  padding: 1.03rem 0 1.25rem;
  background: #E0E8EA;
}
.employ__top {
  padding-top: 0.5rem;
  margin-top: 0.62rem;
  border-top: 1px solid #D9D9D9;
}
.employ__tt {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1;
  color: #000000;
  font-size: 0.32rem;
  font-weight: normal;
}
.employ__item {
  margin-bottom: 0.7rem;
}
.employ__item:last-child {
  margin-bottom: 0;
}
.employ__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.2rem;
}
.employ__in:hover figure img {
  transform: scale(1.08);
}
.employ__in:hover .employ__infos strong {
  color: #E95520;
}
.employ__in figure {
  position: relative;
  display: block;
  padding-bottom: 57.93%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.employ__in figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.employ__in figure img {
  transition: 0.65s;
}
.employ__infos {
  margin-top: 0.22rem;
}
.employ__infos strong {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
  transition: 0.34s;
}
.employ__infos p {
  width: 3.89rem;
  max-width: 100%;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.employ__flex {
  display: flex;
  justify-content: space-between;
}
.employ__left {
  width: 66%;
}
.employ__left .employ__in figure {
  padding-bottom: 63.09%;
}
.employ__left .employ__in .employ__infos p {
  width: 78%;
}
.employ__right {
  display: flex;
  flex-direction: column;
  width: 32.29%;
}
.employ__right .employ__in {
  margin-bottom: 0.26rem;
}
.employ__right .employ__in figure {
  padding-bottom: 54.4%;
}
.employ__right .employ__in .employ__infos {
  margin-top: 0.2rem;
}
.nationwide {
  padding: 1rem 0 1.44rem;
}
.nationwide__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.7rem;
}
.nationwide__wrap .plans__map {
  margin-top: 0.3rem;
}
.nationwide__right {
  width: 32.56%;
}
.nationwide__right .servies-city .city-select {
  background-color: #F5F5F5;
  border: 1px solid #D9D9D9;
  box-shadow: none;
}
.nationwide__right .serves-infos {
  box-shadow: none;
  border: 1px solid #D9D9D9;
}
.nationwide__right .serves-infos .serves-scroll {
  height: 4.2rem;
}
.repair {
  padding: 1rem 0;
  background: #F5F5F5;
}
.repair__top {
  margin-top: 0.48rem;
  margin-bottom: 0.14rem;
  position: relative;
}
.repair__top:hover figure img {
  transform: scale(1.04);
}
.repair__top figure {
  position: relative;
  display: block;
  padding-bottom: 45.138%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.repair__top figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.repair__top figure img {
  transition: 0.65s;
}
.repair__top--info {
  position: absolute;
  left: 0;
  bottom: 0.38rem;
  z-index: 3;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.repair__list {
  gap: 0.42rem 0.14rem;
}
.repair__list .employ__infos p {
  width: 4rem;
}
.core__wrap {
  margin-top: 0.88rem;
}
.core__btns {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
.common__btns {
  display: inline-flex;
  align-items: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.common__btns span {
  display: inline-block;
  position: relative;
  margin-right: 0.22rem;
  padding-bottom: 0.15rem;
  color: #8E8E8E;
  font-size: 0.24rem;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  transition: 0.3s;
}
.common__btns span:hover,
.common__btns span.active {
  color: #000000;
}
.common__btns span:hover:before,
.common__btns span.active:before {
  width: 100%;
}
.common__btns span:before {
  position: absolute;
  left: 0;
  bottom: -2px;
  content: "";
  width: 100%;
  height: 2px;
  background: #000000;
  width: 0;
  transition: 0.35s;
}
.common__btns span:last-child {
  margin-right: 0;
}
.core__tabs {
  margin-top: 0.6rem;
  position: relative;
}
.core__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  pointer-events: none;
  transition: 0.5s;
}
.core__item.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0);
  transition: 0.5s 0.5s;
}
.core__li {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.15rem;
}
.core__li li {
  display: flex;
  flex-direction: column;
  background: #fff;
}
.core__li li:hover figure img {
  transform: scale(1.08);
}
.core__li li:hover .core__inwrap strong {
  color: #E95520;
}
.core__li li figure {
  position: relative;
  display: block;
  padding-bottom: 57.44%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.core__li li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.core__li li figure img {
  transition: 0.65s;
}
.core__inwrap {
  flex: 1;
  padding: 0.42rem 0.34rem 0.5rem;
  padding-right: 0.8rem;
}
.core__inwrap strong {
  display: block;
  margin-bottom: 0.23rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.24rem;
  font-weight: 300;
  transition: 0.3s;
}
.core__in {
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.standard {
  padding: 1rem 0 1.2rem;
}
.standard__tab {
  margin-top: 0.85rem;
  position: relative;
}
.standard__item {
  transform: translateY(40px);
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  pointer-events: none;
}
.standard__item.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0);
  transition: 0.5s 0.45s !important;
}
.standard__li {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.standard__li li {
  display: flex;
  align-items: flex-end;
  margin-left: -11.8%;
  height: 2.6rem;
  min-width: 23.6%;
  box-sizing: border-box;
  border-bottom: 2px solid #EDEDED;
}
.standard__li li:first-child {
  margin-left: 0;
}
.standard__li li:hover .standard__wr:before {
  background: linear-gradient(180deg, rgba(233, 85, 32, 0.15) 0%, #E95520 100%);
}
.standard__li li:hover .standard__wr:after {
  background: #E95520;
}
.standard__li li:hover .standard__wr strong {
  color: #E95520;
}
.standard__li li:hover .standard__text {
  color: #E95520;
}
.standard__li li:hover:nth-child(2n+2) .standard__wr:before {
  background: linear-gradient(0, rgba(233, 85, 32, 0.15) 0%, #E95520 100%);
}
.standard__li li:nth-child(2n+2) {
  margin-top: 2.6rem;
  transform: translateY(-2px);
  border-top: 2px solid #EDEDED;
  border-bottom: none;
  align-items: flex-start;
}
.standard__li li:nth-child(2n+2) .standard__wr {
  padding: 0.58rem 0.2rem 0 0.4rem;
}
.standard__li li:nth-child(2n+2) .standard__wr:before {
  top: 0;
}
.standard__li li:nth-child(2n+2) .standard__wr:after {
  bottom: auto;
  top: -0.06rem;
}
.standard__wr {
  position: relative;
  padding-left: 0.25rem;
  padding-bottom: 0.3rem;
  min-height: 2rem;
  box-sizing: border-box;
}
.standard__wr:after {
  position: absolute;
  left: -0.05rem;
  bottom: -0.06rem;
  content: "";
  box-sizing: border-box;
  width: 0.12rem;
  height: 0.12rem;
  background: #EDEDED;
  border: 0.02rem solid #fff;
  border-radius: 50%;
  transition: 0.3s;
}
.standard__wr:before {
  position: absolute;
  left: 0;
  top: 0.06rem;
  bottom: 0;
  content: "";
  width: 2px;
  background: #EDEDED;
  transition: 0.3s;
}
.standard__wr strong {
  display: block;
  margin-bottom: 0.2rem;
  line-height: 0.2rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
  transition: 0.3s;
}
.standard__text {
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 0.24rem;
  width: 2.46rem;
  max-width: 100%;
  transition: 0.3s;
}
.patent {
  padding: 0.9rem 0 1.08rem;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.patent__swiper {
  margin-top: 0.8rem;
}
.patent-slide {
  width: 3.4rem;
  background: #fff;
  height: auto;
  border-radius: 0.05rem;
}
.patent-slide a {
  display: block;
  padding: 0.32rem 0.3rem 0.38rem;
}
.patent-slide a:hover figure img {
  transform: scale(1.06);
}
.patent-slide figure {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 3.3rem;
}
.patent-slide figure img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  transition: 0.65s;
}
.patent__text {
  margin-top: 0.22rem;
  text-align: center;
}
.patent__text strong {
  display: block;
  margin-bottom: 0.12rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
}
.patent__text time {
  display: block;
  line-height: 1;
  color: #8E8E8E;
  font-size: 0.18rem;
}
.operate-hide {
  overflow: hidden;
}
.operate {
  padding: 1.03rem 0 1.8rem;
}
.operate .common-title {
  margin: auto;
  width: 4.8rem;
  max-width: 100%;
}
.operate__wrap {
  margin-top: 1.3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.operate__left {
  width: 35.83%;
}
.operate__list {
  border-left: 2px solid rgba(0, 0, 0, 0.1);
}
.operate__list li {
  margin-bottom: 0.2rem;
  position: relative;
  padding-left: 0.38rem;
}
.operate__list li:before {
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  content: "";
  width: 2px;
  background: #000000;
  transition: 0.4s;
  transform-origin: center top;
  transform: scaleY(0);
  transition: 0.5s;
}
.operate__list li.active:before {
  transform: scaleY(1);
}
.operate__list li.active strong {
  color: #000000;
}
.operate__list li:first-child .operate__hide {
  display: block;
}
.operate__list li:last-child {
  margin-bottom: 0;
}
.operate__list li strong {
  display: block;
  color: #8E8E8E;
  font-size: 0.24rem;
  line-height: 1.3;
  font-weight: normal;
  transition: 0.35s;
  cursor: pointer;
}
.operate__hide {
  padding: 0.3rem 0 0.2rem;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.28rem;
  display: none;
}
.operate__hide b {
  font-weight: normal;
  font-family: "OPPOSans-Medium";
  color: #2F2F2F;
}
.operate__right {
  position: relative;
  width: 45.8333%;
}
.operate__imgs {
  line-height: 1;
}
.operate__imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.operate__data {
  position: absolute;
  z-index: 2;
}
.operate__data img {
  display: block;
  width: 100%;
  height: auto;
}
.operate__imgs1 {
  left: -9.833%;
  top: 11%;
  width: 28.59%;
}
.operate__imgs2 {
  left: 6.973%;
  bottom: -19.69%;
  width: 31.01%;
}
.operate__imgs3 {
  right: -10%;
  top: 26.46%;
  width: 21.55%;
}
.partnership {
  padding-bottom: 1.8rem;
}
.partnership .common-title {
  margin: auto;
  width: 4.8rem;
  max-width: 100%;
}
.partnership__wrap {
  margin-top: 1.1rem;
  position: relative;
}
.partnership__arlcle {
  position: relative;
  margin: auto;
  width: 4.95rem;
}
.partnership__arlcle figure {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 0.04rem solid #F2F2F2;
  border-radius: 50%;
  padding-bottom: 100%;
}
.partnership__arlcle figure img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -32.7%;
  transform: translateY(-50%);
  width: 65.4%;
}
.partnership__info {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.87rem;
  width: 3.55rem;
  padding: 0.28rem 0.3rem;
  padding-right: 0.6rem;
  background: #F9F9F9;
  backdrop-filter: blur(0.22rem);
  min-height: 1.38rem;
  box-sizing: border-box;
  transition: 0.35s;
  border-radius: 0.05rem;
}
.partnership__info:before {
  position: absolute;
  right: -0.07rem;
  top: 50%;
  margin-top: -0.075rem;
  content: "";
  width: 0.15rem;
  height: 0.15rem;
  background: #E95520;
  border-radius: 50%;
  transition: 0.35s;
}
.partnership__info strong {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
  transition: 0.3s;
}
.partnership__text li {
  position: relative;
  padding-left: 0.26rem;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
  transition: 0.3s;
}
.partnership__text li:before {
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #8E8E8E;
  transition: 0.3s;
}
.partnership__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 16.19%;
}
.partnership__ico {
  position: absolute;
  z-index: 2;
  margin-left: -0.27rem;
  margin-top: -0.27rem;
}
.partnership__ico:hover span {
  background: #E95520;
  color: #fff;
}
.partnership__ico:hover .partnership__info {
  background: #E95520;
}
.partnership__ico:hover .partnership__info:before {
  opacity: 0;
  transform: scale(0);
}
.partnership__ico:hover .partnership__info strong {
  color: #fff;
}
.partnership__ico:hover .partnership__text li {
  color: #fff;
}
.partnership__ico:hover .partnership__text li:before {
  background: #fff;
}
.partnership__ico:nth-child(2n+2):before {
  right: auto;
  left: 0;
}
.partnership__ico:nth-child(2n+2) .partnership__info {
  right: auto;
  left: 1.87rem;
}
.partnership__ico:nth-child(2n+2) .partnership__info:before {
  right: auto;
  left: -0.07rem;
}
.partnership__ico:before {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  width: 2rem;
  border-top: 1px dashed #D9D9D9;
  z-index: -1;
}
.partnership__ico:nth-child(1) {
  left: 13.7%;
  top: 15.38%;
}
.partnership__ico:nth-child(2) {
  right: 13.7%;
  top: 15.38%;
}
.partnership__ico:nth-child(3) {
  left: 0;
  top: 50%;
}
.partnership__ico:nth-child(3) .partnership__info {
  right: 1.2rem;
}
.partnership__ico:nth-child(4) {
  right: 0;
  top: 50%;
}
.partnership__ico:nth-child(4) .partnership__info {
  left: 1.2rem;
}
.partnership__ico:nth-child(5) {
  left: 13.7%;
  top: 85%;
}
.partnership__ico:nth-child(5) .partnership__info {
  right: 1.9rem;
}
.partnership__ico:nth-child(6) {
  right: 13.7%;
  top: 85%;
}
.partnership__ico:nth-child(6) .partnership__info {
  left: 1.9rem;
}
.partnership__ico:nth-child(2n+2) {
  margin-left: 0;
  left: auto;
  margin-right: -0.27rem;
}
.partnership__ico span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.54rem;
  height: 0.54rem;
  border-radius: 50%;
  background: #F2F2F2;
  color: #868686;
  font-size: 0.24rem;
  transition: 0.4s;
  transition: 0.35s;
}
.partnership__list > li {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 3.55rem;
}
.partnership__list > li:nth-child(1) {
  top: -0.08rem;
}
.partnership__list > li:nth-child(2) {
  top: -0.08rem;
}
.partnership__list > li:nth-child(2n+2) {
  left: auto;
  right: 0;
}
.partnership__list > li:nth-child(2n+2) .partnership__info:before {
  right: auto;
  left: -0.07rem;
}
.partner__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 1rem;
  margin-top: 1.5rem;
}
.partner__list li {
  position: relative;
}
.partner__list li:before {
  position: absolute;
  right: -0.5rem;
  content: "";
  width: 1px;
  height: 2rem;
  background: #D9D9D9;
}
.partner__list li:last-child:before {
  display: none;
}
.partner__list li strong {
  display: block;
  margin-bottom: 0.52rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.32rem;
  font-weight: 300;
}
.partner__text {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.showcase {
  padding: 1rem 0 0.66rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.showcase__wrap .common-title {
  margin: auto;
  max-width: 100%;
  width: 7.62rem;
}
.showcase__list {
  margin-top: 1rem;
  margin-left: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 0;
}
.showcase__list li {
  padding: 0 0.46rem;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.showcase__list li b {
  display: block;
  margin-bottom: 0.32rem;
  width: 0.43rem;
  height: 0.43rem;
}
.showcase__list li b img {
  max-width: 100%;
  max-height: 100%;
}
.showcase__list li strong {
  display: block;
  margin-bottom: 0.4rem;
  line-height: 1;
  color: #fff;
  font-size: 0.4rem;
  font-weight: normal;
  font-family: "OPPOSans-Medium";
}
.showcase__list li p {
  color: #FFFFFF;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.servicing {
  padding: 0.9rem 0 1rem;
  background: #E0E8EA;
  overflow: hidden;
}
.servicing .common-title {
  text-align: left;
}
.servicing__swiper {
  margin-top: 0.55rem;
}
.servicing__swiper .hot__down {
  margin-top: 0.48rem;
}
.servicing__swiper .hot__down .swiper-pagination {
  width: 4.37rem;
}
.servicing-slide {
  width: 4.74rem;
}
.servicing-slide:hover figure img {
  transform: scale(1.06);
}
.servicing-slide:hover .servicing__info strong {
  color: #E95520;
}
.servicing-slide figure {
  position: relative;
  display: block;
  padding-bottom: 63.291%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.servicing-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.servicing-slide figure img {
  transition: 0.6s;
}
.servicing__info {
  margin-top: 0.07rem;
  padding: 0.3rem 0.38rem 0.32rem;
  background: #fff;
  border-radius: 0.08rem;
}
.servicing__info strong {
  display: block;
  margin-bottom: 0.22rem;
  line-height: 1.2;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
  transition: 0.36s;
}
.servicing__info time {
  display: block;
  line-height: 1;
  color: #8E8E8E;
  font-size: 0.18rem;
}
.training__swiper {
  margin-top: 0.68rem;
  position: relative;
}
.training__swiper.hide:before {
  opacity: 0;
  visibility: hidden;
}
.training__swiper:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(270deg, rgba(0, 0, 0, 0.79) 1.73%, rgba(0, 0, 0, 0) 31.44%);
  pointer-events: none;
  transition: 0.4s;
}
.training-slide {
  position: relative;
}
.training-slide figure {
  position: relative;
  display: block;
  padding-bottom: 52.63%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.training-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.training-slide figure video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 3;
}
.training-slide .introduct__btn {
  bottom: 0.9rem;
}
.training__fix {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 3;
  width: 3.3rem;
  transition: 0.5s;
}
.training__fix.hide {
  opacity: 0;
}
.training__fix:hover {
  opacity: 1;
}
.training__li {
  height: 5.36rem;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.training__li::-webkit-scrollbar,
.training__li::-webkit-scrollbar-track {
  background: #F5F5F5;
  width: 2px;
  border-radius: 0;
}
.training__li li {
  padding: 0 0.22rem;
  position: relative;
  z-index: 3;
  height: 1.24rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0.1rem;
  cursor: pointer;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.25rem;
  text-align: right;
}
.training__li li:hover:before,
.training__li li.active:before {
  opacity: 1;
  visibility: visible;
}
.training__li li:hover:after,
.training__li li.active:after {
  transform: scaleY(1);
}
.training__li li:before {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(168, 65, 28, 0.79) 0%, rgba(233, 85, 32, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.training__li li:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  width: 0.05rem;
  height: 100%;
  background: #E95520;
  transform: scaleY(0);
  transition: 0.45s;
}
.training__li li strong {
  font-weight: normal;
}
.more__video {
  display: flex;
  justify-content: flex-end;
  padding-right: 0.3rem;
}
.more__video a {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 0.18rem;
  line-height: 1.5;
}
.more__video a:before {
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: 0.4s;
  z-index: -1;
}
.more__video a:hover,
.more__video a.active {
  color: #fff;
}
.more__video a:hover:before,
.more__video a.active:before {
  width: 100%;
  right: auto;
  left: 0;
}
.more__video a i {
  display: inline-block;
  margin-left: 0.04rem;
  color: #fff;
  font-style: normal;
  font-size: 0.16rem;
}
.faculty {
  padding: 0.84rem 0 1.04rem;
  background: #F5F5F5;
}
.faculty__flex {
  margin-top: 0.78rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.faculty__left {
  width: 30.55%;
}
.faculty__left .honor__prev {
  justify-content: flex-start;
}
.faculty__left .honor__prev span {
  background: #fff;
}
.faculty__left .honor__prev span:hover {
  background: #E95520;
  color: #fff;
}
.faculty__text {
  margin-bottom: 0.5rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.25rem;
}
.faculty__logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-right: 12.27%;
}
.faculty__logo--item {
  text-align: center;
}
.faculty__logo--item figure {
  display: block;
  margin-bottom: 0.16rem;
}
.faculty__logo--item figure img {
  display: inline-block;
  width: auto;
  height: 0.65rem;
}
.faculty__logo--item p {
  color: #8E8E8E;
  font-size: 0.14rem;
  line-height: 1.2;
}
.faculty__line {
  position: relative;
  margin-top: 0.22rem;
}
.faculty__line:before {
  position: absolute;
  left: 0.25rem;
  right: 0;
  top: 50%;
  height: 1px;
  background: #D9D9D9;
  content: "";
}
.faculty__line span {
  display: block;
  width: 0.21rem;
  height: 0.18rem;
  background: url(../images/yf.svg) center no-repeat;
  background-size: cover;
}
.faculty__tab {
  margin-top: 0.25rem;
  position: relative;
}
.faculty__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
}
.faculty__item.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: 0.4s;
  position: relative;
}
.faculty__water {
  display: flex;
  align-items: center;
}
.faculty__water figure {
  display: block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  overflow: hidden;
}
.faculty__water figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faculty__name {
  margin-left: 0.17rem;
}
.faculty__name strong {
  display: block;
  margin-bottom: 0.04rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.faculty__name p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 1.4;
}
.faculty__content {
  margin-top: 0.26rem;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.28rem;
  height: 1.22rem;
}
.faculty__swipers {
  width: 61.04%;
}
.faculty__swipers .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 0.33rem;
  z-index: 3;
  width: 100%;
}
.faculty__swipers .swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  position: relative;
  width: 0.6rem;
  height: 3px;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.faculty__swipers .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 100%;
  transition: 4s linear;
}
.faculty__swipers .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  width: 0;
  transition: 0.4s;
}
.faculty-slide figure {
  position: relative;
  display: block;
  padding-bottom: 68.25%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.faculty-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.scene__swiper .scene__prev {
  position: absolute;
  left: 0;
  bottom: 0.17rem;
  z-index: 3;
}
.scene__swiper .scene__prev span {
  background: #F6F7F8;
  color: #212121;
}
.scene__swiper .scene__prev span:hover {
  background: #E95520;
  color: #fff;
}
.scene__box {
  padding: 0.82rem 0 0.9rem;
}
.scene__wrap {
  margin-top: 0.72rem;
}
.scene__btn {
  width: 38.88%;
  display: flex;
  padding-bottom: 0.24rem;
  border-bottom: 1px solid #EEEEEE;
}
.scene__btn span {
  display: inline-flex;
  margin-right: 0.3rem;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 1.2;
  transition: 0.3s;
  cursor: pointer;
}
.scene__btn span:hover,
.scene__btn span.active {
  color: #000000;
}
.scene-slide {
  display: flex;
  justify-content: space-between;
}
.scene__infos {
  padding-top: 0.35rem;
  width: 38.88%;
}
.scene__infos strong {
  display: block;
  line-height: 1.2;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.scene__text {
  margin-top: 0.34rem;
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.4rem;
}
.scene__text b {
  font-size: 0.24rem;
}
.scene__imgs {
  width: 61.11%;
}
.scene__imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.educate {
  padding-bottom: 1.66rem;
}
.educate__flex {
  display: flex;
  align-items: flex-start;
  margin-top: 0.8rem;
}
.educate__imgs {
  width: 45.14%;
}
.educate__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.educate__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.educate__right {
  flex: 1;
  margin-left: 0.68rem;
  width: 0;
}
.educate__list > li {
  border-bottom: 1px solid #EEEEEE;
}
.educate__list > li:first-child {
  border-top: 1px solid #EEEEEE;
}
.educate__list > li:first-child .educate__hide {
  display: block;
}
.educate__list > li.active .educate__tt strong {
  color: #000000;
}
.educate__list > li.active .educate__tt i {
  transform: rotate(90deg);
  color: #E95520;
}
.educate__tt {
  display: flex;
  align-items: center;
  height: 0.79rem;
  cursor: pointer;
}
.educate__tt strong {
  display: block;
  color: #8E8E8E;
  font-size: 0.24rem;
  font-weight: normal;
  transition: 0.35s;
}
.educate__tt strong b {
  color: #E95520;
  font-weight: normal;
}
.educate__tt i {
  display: inline-block;
  margin-left: 0.06rem;
  color: #8E8E8E;
  font-size: 0.16rem;
  transition: 0.3s;
}
.educate__hide {
  display: none;
}
.educate__text {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.34rem;
}
.educate__ico {
  margin-top: 0.58rem;
  padding-bottom: 0.5rem;
  display: flex;
}
.educate__ico li {
  padding: 0 0.2rem;
  border-right: 1px solid #EEEEEE;
  text-align: center;
  flex: 1;
}
.educate__ico li:last-child {
  border-right: none;
}
.educate__ico li:first-child {
  padding-left: 0;
}
.educate__ico li:last-child {
  padding-right: 0;
}
.educate__ico li b {
  display: block;
  margin: auto;
  width: 0.3rem;
  height: 0.29rem;
}
.educate__ico li b img {
  max-width: 100%;
  max-height: 100%;
}
.educate__ico li p {
  margin-top: 0.15rem;
  color: #2F2F2F;
  font-size: 0.16rem;
  line-height: 1.2;
}
.structures {
  padding: 0.95rem 0 1.24rem;
  position: relative;
  background: #F5F5F5;
}
.structures__flex {
  margin-top: 0.22rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.structures__imgs {
  width: 29.72%;
}
.structures__imgs p {
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.structures__imgs p span {
  color: #2F2F2F;
}
.structures__imgs figure {
  display: block;
  margin-top: 0.22rem;
  line-height: 1;
}
.structures__imgs figure img {
  display: block;
  width: 100%;
  height: auto;
}
.structures__item {
  padding-top: 0.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.6rem;
  width: 62.84%;
}
.structures__item li strong {
  display: block;
  position: relative;
  padding-bottom: 0.12rem;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.structures__item li strong:before {
  position: absolute;
  left: 0;
  bottom: -2px;
  content: "";
  width: 0.48rem;
  height: 2px;
  background: #E95520;
}
.structures__item li p {
  margin-top: 0.13rem;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.structures__down {
  margin-top: 0.35rem;
}
.structures__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.14rem;
}
.structures__list li {
  padding: 0.35rem 0.34rem 0.5rem;
  background: #fff;
}
.structures__list li strong {
  display: block;
  margin-bottom: 0.18rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.structures__text {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.structures__bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 100%;
  max-width: 1920px;
  z-index: 2;
  line-height: 0;
  overflow: hidden;
}
.structures__bg img {
  margin-bottom: -0.8rem;
  width: 100%;
  height: auto;
}
.course {
  padding: 0.82rem 0 0.74rem;
}
.course__tab {
  margin-top: 0.8rem;
}
.course__tab .honor__prev span {
  background: #F6F7F8;
  color: #212121;
}
.course__tab .honor__prev span:hover {
  background: #E95520;
  color: #fff;
}
.course__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  pointer-events: none;
  transition: 0.5s;
}
.course__item.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0);
  transition: 0.5s 0.5s;
}
.course-slide {
  position: relative;
  height: auto;
  padding-bottom: 0.35rem;
  z-index: 2;
  width: 3.47rem;
}
.course-slide:before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  top: 1.14rem;
  z-index: -1;
  content: "";
  background: url(../images/honorbg.jpg) center no-repeat;
  background-size: cover;
}
.course-slide:hover strong {
  color: #E95520;
}
.course-slide:hover .course__imgs figure img {
  transform: scale(1.05);
}
.course-slide strong {
  display: block;
  margin: auto;
  margin-top: 0.28rem;
  width: 2.17rem;
  max-width: 90%;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.27rem;
  text-align: center;
  font-weight: normal;
  transition: 0.35s;
}
.course__imgs {
  margin: auto;
  width: 72.62%;
  max-width: 90%;
  box-shadow: 0px 4px 20.7px 0px rgba(0, 0, 0, 0.09);
  border: 7px solid #ffffff;
}
.course__imgs figure {
  position: relative;
  display: block;
  padding-bottom: 143.69%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.course__imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.course__imgs figure img {
  transition: 0.6s;
  max-width: 100%;
  max-height: 100%;
}
.ecological__bg {
  padding: 0.9rem 0 0.86rem;
  background: #E0E8EA;
  border-radius: 0.05rem;
}
.ecological__flex {
  margin-top: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ecological__infos {
  width: 34.72%;
}
.ecological__item {
  margin-bottom: 0.22rem;
  padding: 0.27rem 0.24rem 0.27rem 0.22rem;
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(0.07rem);
  border-radius: 0.05rem;
}
.ecological__item:nth-child(2):before {
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(221, 255, 236, 0.68) 100%);
}
.ecological__item:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 2.1rem;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(255, 0, 0, 0.17) 100%);
  border-radius: 0.05rem;
  backdrop-filter: blur(0.22rem);
}
.ecological__item h3 {
  display: block;
  padding-left: 0.24rem;
  margin-bottom: 0.16rem;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
  line-height: 1.1;
}
.ecological__item:last-child {
  margin-bottom: 0;
}
.ecological__li li {
  padding: 0 0.24rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
  min-height: 0.69rem;
  line-height: 1.3;
  background: #FFFFFF;
  border-radius: 0.05rem;
  color: #2F2F2F;
  font-size: 0.18rem;
}
.ecological__li li b {
  margin: 0 0.1rem;
  color: #ED0000;
  font-weight: normal;
  font-size: 0.24rem;
}
.ecological__li li:last-child {
  margin-bottom: 0;
}
.ecological__middle {
  flex: 1;
  padding: 0 0.88rem;
  width: 0;
  background: url(../images/line3.png) center no-repeat;
  background-size: 100% auto;
}
.ecological__ar {
  margin: auto;
  width: 0.74rem;
  height: 0.4rem;
  background: url(../images/arrow4.svg) center no-repeat;
  background-size: cover;
}
.ecological__btn {
  margin: 0.33rem 0;
}
.ecological__btn li {
  position: relative;
  z-index: 3;
  margin-bottom: 0.28rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid;
  box-sizing: border-box;
  padding: 0 0.22rem 0 0.38rem;
  border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  background: #0000001A;
  height: 1.02rem;
  border-radius: 0.6rem;
}
.ecological__btn li:nth-child(2) i {
  color: #2FB9B6;
  border-color: #2FB9B6;
}
.ecological__btn li:nth-child(3) i {
  color: #4363A4;
  border-color: #4363A4;
}
.ecological__btn li:before {
  position: absolute;
  left: 0.08rem;
  top: 0.08rem;
  right: 0.08rem;
  bottom: 0.08rem;
  content: "";
  background: #fff;
  z-index: -1;
  border-radius: 0.44rem;
}
.ecological__btn li:last-child {
  margin-bottom: 0;
}
.ecological__btn li span {
  display: block;
  color: #000000;
  font-size: 0.24rem;
  padding-right: 0.1rem;
  line-height: 1.2;
  flex: 1;
  width: 0;
}
.ecological__btn li i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  border: 1px solid #E95520;
  color: #E95520;
  font-weight: 600;
  font-style: normal;
  font-size: 0.18rem;
}
.ecological__rights .ecological__item {
  position: relative;
  z-index: 2;
}
.ecological__rights .ecological__item:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 2.1rem;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(255, 149, 0, 0.17) 100%);
  border-radius: 0.05rem;
  backdrop-filter: blur(0.22rem);
}
.ecological__rights .ecological__item:last-child:before {
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(221, 232, 255, 0.68) 100%);
}
.ecological__rights .ecological__li li {
  min-height: 0.56rem;
}
.actual {
  padding: 0.86rem 0 0.38rem;
  overflow: hidden;
}
.actual__tabs {
  margin: auto;
  margin-top: 0.48rem;
  position: relative;
}
.actual__item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  pointer-events: none;
  transition: 0.5s;
}
.actual__item.active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0);
  transition: 0.5s 0.5s;
}
.actual__li {
  display: flex;
  align-items: flex-start;
  margin-right: 0.07rem;
  animation: moveScoll 20s infinite linear;
}
.actual__left {
  width: 33.125%;
}
.actual__left:hover figure img {
  transform: scale(1.06);
}
.actual__left figure {
  position: relative;
  display: block;
  padding-bottom: 119.49%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.actual__left figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.actual__left figure img {
  transition: 0.68s;
}
@keyframes moveScoll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.actual__row {
  display: inline-flex;
  flex-wrap: nowrap;
  position: relative;
  overflow: hidden;
}
.actual__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex: 1;
  margin-left: 0.07rem;
  gap: 0.07rem 0.95%;
}
.actual__grid li {
  width: 43.18%;
  line-height: 0;
}
.actual__grid li:hover figure img {
  transform: scale(1.06);
}
.actual__grid li figure {
  position: relative;
  display: block;
  padding-bottom: 68.2%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.actual__grid li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.actual__grid li figure img {
  transition: 0.6s;
}
.actual__grid li:nth-child(2),
.actual__grid li:nth-child(3) {
  width: 55.87%;
}
.actual__grid li:nth-child(2) figure,
.actual__grid li:nth-child(3) figure {
  padding-bottom: 52.62%;
}
.introduct__info1 {
  width: 9.6rem;
}
.extended {
  padding: 0.82rem 0 0.96rem;
  background: #F5F5F5;
}
.extended__infos {
  margin-top: 0.6rem;
}
.extended-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.extended-slide img.mb {
  display: none;
}
.extended__item {
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
  background: #fff;
}
.extended__tab {
  flex: 1;
  width: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.extended__tab thead tr th {
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  height: 0.78rem;
  text-align: center;
  font-weight: normal;
}
.extended__tab thead tr th strong {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1.2;
  font-weight: normal;
  font-family: "OPPOSans-Medium";
}
.extended__tab thead tr th p {
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 0.24rem;
}
.extended__tab tbody tr:last-child td {
  border-bottom: none;
}
.extended__tab tbody tr:last-child td .extended__text strong {
  margin-bottom: 0;
  font-weight: normal;
}
.extended__tab tbody tr td {
  border: 1px solid #D9D9D9;
  text-align: center;
}
.extended__tab tbody tr td:first-child {
  border-left: none;
}
.extended__text {
  padding: 0.26rem 0 0.23rem;
  text-align: center;
}
.extended__text strong {
  display: block;
  margin-bottom: 0.06rem;
  color: #E95520;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.extended__text p {
  color: #2F2F2F;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.extended__eq {
  width: 2.13rem;
}
.extended__eq figure {
  display: block;
  margin: auto;
  line-height: 1;
  width: 1.49rem;
}
.extended__eq figure img {
  width: 100%;
  height: auto;
}
.extended__eq p {
  margin-top: 0.06rem;
  color: #8E8E8E;
  font-size: 0.16rem;
  line-height: 0.24rem;
  text-align: center;
}
.extended__tab1 tbody tr td {
  color: #2F2F2F;
  font-size: 0.18rem;
  text-align: left;
  padding-left: 0.6rem;
  height: 0.56rem;
}
.extended__tab1 tbody tr td:first-child {
  padding-left: 0;
  width: 3.1rem;
  text-align: center;
  color: #E95520;
}
.services__content {
  padding: 0.7rem 0 1rem;
}
.test__list1 li .testing__wr {
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  max-width: 90%;
  width: 3.3rem;
  text-align: center;
}
.test__list1 li .testing__wr strong {
  color: #fff;
}
.test__list1 li .testing__wr p {
  margin-top: 0.22rem;
  color: #fff;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.interests {
  padding: 1rem 0 0;
}
.interests__wrap {
  margin-top: 0.72rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.interests__item {
  width: 47.84%;
}
.interests__tts {
  margin-bottom: 0.1rem;
  display: block;
  line-height: 1.2;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.interests__list li {
  display: flex;
  align-items: flex-start;
  padding: 0.28rem 0;
  border-bottom: 1px solid #EEEEEE;
}
.interests__list li:hover p {
  color: #E95520;
}
.interests__list li b {
  display: block;
  color: #E95520;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
  width: 0.76rem;
}
.interests__list li p {
  flex: 1;
  width: 0;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  transition: 0.35s;
}
.matter {
  padding: 0.96rem 0 0;
  background-position: center;
  background-attachment: local;
  background-size: cover;
}
.matter__wrap {
  position: relative;
  margin-top: 0.9rem;
  padding-bottom: 1.06rem;
  z-index: 3;
}
.matter__info {
  width: 50%;
}
.matter__tt {
  display: block;
  line-height: 1;
  color: #2F2F2F;
  font-size: 0.18rem;
  font-weight: normal;
}
.matter__list {
  margin-top: 0.26rem;
}
.matter__list li {
  margin-bottom: 0.12rem;
  position: relative;
  padding: 0.32rem 0.3rem 0.32rem 0.64rem;
  backdrop-filter: blur(0.04rem);
  border-radius: 0.05rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  background: rgba(255, 255, 255, 0.7) url(../images/arrow5.svg) 0.26rem center no-repeat;
  background-size: 0.19rem auto;
}
.matter__imgs {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 62.15%;
  line-height: 1;
}
.matter__imgs img {
  display: block;
  width: 100%;
  height: auto;
}
.scope {
  padding: 0.94rem 0 1.38rem;
  background: #F5F5F5;
}
.scope__list {
  margin-top: 0.74rem;
}
.scope__list li {
  padding: 0 0.28rem 0 0.36rem;
  background: #fff;
  border-radius: 0.05rem;
  box-sizing: border-box;
  height: auto;
}
.scope__top {
  padding: 0.4rem 0 0.28rem;
  box-sizing: border-box;
  padding-bottom: 0.27rem;
  border-bottom: 1px solid #EEEEEE;
}
.scope__top strong {
  display: block;
  margin-bottom: 0.2rem;
  line-height: 1.1;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.scope__top p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.scope__top b {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.24rem;
  height: 0.78rem;
}
.scope__top b img {
  max-width: 0.72rem;
  max-height: 100%;
}
.scope__Info {
  padding: 0.28rem 0 0.34rem;
}
.scope__Info p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
}
.scope__li {
  margin-top: 0.1rem;
}
.scope__li li {
  position: relative;
  padding-left: 0.24rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 2;
}
.scope__li li i {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0.09rem;
  font-style: normal;
  color: #E95520;
  font-size: 0.12rem;
}
.formality {
  padding: 0.75rem 0 0.95rem;
}
.formality__tab {
  margin-top: 0.7rem;
}
.formality__tab table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.formality__tab table thead tr th {
  height: 0.64rem;
  text-align: center;
  border: 1px solid #D9D9D9;
  color: #E95520;
  font-size: 0.18rem;
  font-weight: normal;
  font-family: "OPPOSans-Medium";
}
.formality__tab table thead tr th:nth-child(2) {
  background: #FFF6EF;
}
.formality__tab table thead tr th:nth-child(3) {
  background: #F7FBFF;
}
.formality__tab table thead tr th:last-child {
  color: #4363A4;
}
.formality__tab table thead tr th:first-child {
  width: 2.16rem;
}
.formality__tab table tbody tr td {
  padding: 0.58rem 0.24rem;
  border: 1px solid #D9D9D9;
}
.formality__tab table tbody tr td:nth-child(2) {
  background: #FFF6EF;
}
.formality__tab table tbody tr td:nth-child(3) {
  background: #F7FBFF;
}
.formality__ico {
  text-align: center;
}
.formality__ico b {
  display: block;
  margin: auto;
  width: 0.4rem;
  height: 0.4rem;
}
.formality__ico b img {
  max-width: 100%;
  max-height: 100%;
}
.formality__ico strong {
  display: block;
  margin-top: 0.16rem;
  line-height: 1.2;
  color: #000000;
  font-size: 0.24rem;
  font-weight: normal;
}
.formality__li li {
  margin-bottom: 0.14rem;
  display: flex;
  align-items: flex-start;
}
.formality__li li:last-child {
  margin-bottom: 0;
}
.formality__li li i {
  display: inline-flex;
  position: relative;
  margin-top: 0.03rem;
  justify-content: center;
  align-items: center;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: #FFFFFF;
  color: #E95520;
  font-size: 0.1rem;
}
.formality__li li span {
  display: block;
  margin-left: 0.09rem;
  flex: 1;
  width: 0;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1.5;
}
.formality__li li span b {
  font-weight: normal;
  color: #8E8E8E;
}
.warranty__core {
  padding: 1rem 0 1.8rem;
  background: #E0E8EA;
  position: relative;
  z-index: 2;
}
.warranty__core:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: -1;
  content: "";
  width: 9.49rem;
  height: 4.04rem;
  background: url(../images/warranty.png) center bottom no-repeat;
}
.warranty__core--list {
  margin-top: 0.72rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.28rem;
}
.warranty__core--list li {
  padding: 0.37rem 0.1rem 0.32rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0.05rem;
  text-align: center;
  backdrop-filter: blur(0.08rem);
}
.warranty__core--list li span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 0.7rem;
  height: 0.7rem;
  background: #E95520;
  color: #fff;
  font-size: 0.32rem;
  font-weight: normal;
  border-radius: 50%;
}
.warranty__core--list li p {
  margin-top: 0.18rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.26rem;
}
.warrry__list {
  margin-top: 0.28rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.18rem;
}
.warrry__item {
  display: flex;
  position: relative;
  z-index: 2;
  padding: 0 0.14rem 0.17rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.29rem);
  border-radius: 0.05rem;
}
.warrry__item:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 88%;
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(221, 232, 255, 0.68) 100%);
  border-radius: 0.05rem;
}
.warrry__item:nth-child(2):before {
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(255, 111, 0, 0.17) 100%);
}
.warrry__item:nth-child(2) .warrry__row:last-child .warrry__tt {
  color: #E95520;
}
.warrry__item:nth-child(3):before {
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(145, 255, 120, 0.17) 100%);
}
.warrry__item:nth-child(3) .warrry__row:last-child .warrry__tt {
  color: #00A24C;
}
.warrry__item:nth-child(4):before {
  background: linear-gradient(360deg, rgba(255, 255, 255, 0) 45.14%, rgba(0, 255, 234, 0.17) 100%);
}
.warrry__item:nth-child(4) .warrry__row:last-child .warrry__tt {
  color: #1C7572;
}
.warrry__row {
  flex: 1;
  margin-right: 0.06rem;
}
.warrry__row:last-child {
  margin-right: 0;
}
.warrry__row:last-child .warrry__tt {
  color: #4363A4;
  font-weight: 600;
}
.warrry__row:last-child .warrry__li li {
  background: #fff;
}
.warrry__row:last-child .warrry__li li i {
  color: #00B354;
}
.warrry__row:last-child .warrry__li li p {
  color: #2F2F2F;
  opacity: 1;
}
.warrry__row:last-child .warrry__li li p b {
  color: #06C05D;
}
.warrry__row .warrry__tt {
  display: block;
  padding: 0.2rem 0;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1.1;
  font-weight: normal;
}
.warrry__li li {
  margin-bottom: 0.05rem;
  display: flex;
  align-items: center;
  padding: 0 0.1rem;
  min-height: 0.6rem;
  border-radius: 0.05rem;
  background: rgba(255, 255, 255, 0.5);
}
.warrry__li li i {
  display: inline-block;
  margin-right: 0.08rem;
  color: #ED0000;
  font-size: 0.1rem;
  font-style: normal;
}
.warrry__li li p {
  color: #2F2F2F;
  line-height: 0.24rem;
  font-size: 0.18rem;
  opacity: 0.5;
  flex: 1;
  width: 0;
}
.warrry__li li p b {
  color: #ED0000;
  font-weight: normal;
}
.assistance {
  position: relative;
  z-index: 3;
  margin-top: -0.52rem;
}
.assistance__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.assistance__list li {
  position: relative;
  margin-left: -1px;
  margin-top: -1px;
  padding: 0.5rem 0;
  border: 1px solid #EEEEEE;
  border-radius: 0.05rem;
  background: #fff;
  text-align: center;
}
.assistance__list li:hover .assistance__defaul span {
  background: #E95520;
  border-color: #E95520;
  color: #fff;
}
.assistance__list li:hover .meal__pop {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.assistance__list li:hover .meal__pop figure {
  width: 100%;
}
.assistance__list li .meal__pop {
  bottom: auto;
  box-sizing: border-box;
  padding: 0.18rem;
  margin-left: -1.085rem;
  top: 0.2rem;
  padding: 0.2rem 0.2rem 0.14rem;
  width: 2.17rem;
}
.assistance__list li .meal__pop p {
  margin-top: 0.03rem;
}
.assistance__list li b {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 0.87rem;
  height: 0.73rem;
}
.assistance__list li b img {
  max-height: 100%;
  max-width: 100%;
}
.assistance__defaul {
  margin-top: 0.3rem;
}
.assistance__defaul strong {
  display: block;
  margin-bottom: 0.12rem;
  color: #000000;
  font-size: 0.24rem;
  line-height: 1.1;
  font-weight: normal;
}
.assistance__defaul p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.24rem;
  height: 0.85rem;
}
.assistance__defaul span {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 1.68rem;
  height: 0.38rem;
  border: 1px solid #D9D9D9;
  border-radius: 0.05rem;
  color: #868686;
  font-size: 0.16rem;
  cursor: pointer;
  transition: 0.4s;
}
.service__main {
  padding: 0.9rem 0 0;
}
.market {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0.56rem;
}
.market__left {
  width: 50%;
}
.market__left .market__item figure {
  padding-bottom: 79.1%;
}
.market__item {
  position: relative;
}
.market__item:hover figure img {
  transform: scale(1.05);
}
.market__item figure {
  position: relative;
  display: block;
  padding-bottom: 80%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.05rem;
}
.market__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.market__item figure img {
  transition: 0.65s;
}
.market__item strong {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 0.5rem;
  line-height: 1.2;
  width: 100%;
  z-index: 2;
  text-align: center;
  color: #fff;
  font-size: 0.18rem;
  border-radius: 0 0 0.05rem 0.05rem;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(0.09rem);
  font-weight: normal;
}
.market__list {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.1rem;
  margin-left: 0.1rem;
}
.exciting {
  padding: 0.76rem 0 0;
}
.exciting__row {
  display: flex;
  justify-content: space-between;
}
.exciting__list {
  margin-top: 0.5rem;
}
.exciting__item {
  margin-bottom: 0.1rem;
  width: 57.98%;
  background: #F5F5F5;
  border-radius: 0.05rem;
}
.exciting__item:hover figure img {
  transform: scale(1.05);
}
.exciting__item:hover .exciting__down strong {
  color: #E95520;
}
.exciting__item figure {
  position: relative;
  display: block;
  padding-bottom: 44.19%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0.05rem;
}
.exciting__item figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exciting__item figure img {
  transition: 0.65s;
}
.exciting__item:nth-child(2n+2) {
  width: 41.25%;
}
.exciting__item:nth-child(2n+2) figure {
  padding-bottom: 62.12%;
}
.exciting__row:nth-child(2n+2) {
  flex-direction: row-reverse;
}
.exciting__down {
  padding: 0.25rem 0.36rem 0.32rem;
}
.exciting__down strong {
  display: block;
  color: #000000;
  font-size: 0.18rem;
  line-height: 1.4;
  height: 0.52rem;
  font-weight: normal;
  transition: 0.35s;
}
.exciting__flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exciting__flex time {
  display: block;
  line-height: 1;
  color: #8E8E8E;
  font-size: 0.18rem;
}
.exciting__flex span {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: #8E8E8E;
  font-size: 0.18rem;
}
.exciting__flex span i {
  display: inline-block;
  margin-right: 0.05rem;
  font-style: normal;
  font-size: 0.18rem;
}
.view__flex {
  display: flex;
  flex-wrap: wrap;
}
.view__dl {
  display: block;
  padding: 0 0.4rem;
  border-right: 1px solid #D9D9D9;
  margin-top: 0.38rem;
}
.view__dl:first-child {
  padding-left: 0;
}
.view__dl:first-child dd {
  color: #4363A4;
}
.view__dl:last-child {
  padding-right: 0;
  border-right: none;
}
.view__dl dt {
  display: block;
  margin-bottom: 0.12rem;
  line-height: 1;
  font-weight: normal;
  color: #868686;
  font-size: 0.18rem;
}
.view__dl dd {
  display: block;
  color: #2F2F2F;
  font-size: 0.18rem;
}
.sign-up {
  position: relative;
  margin-top: 0.4rem;
}
.sign-up span {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 0.54rem;
  background: #F5F5F5;
  border-radius: 0.05rem;
  color: #2F2F2F;
  font-size: 0.18rem;
  transition: 0.4s;
}
.sign-up span:hover {
  background: #E95520;
  color: #fff;
}
.sign-up.show span {
  background: #E95520;
  color: #fff;
}
.sign-up.show .sign__pop {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  transform: translateY(0);
}
.sign__pop {
  position: absolute;
  left: 50%;
  margin-left: -1.63rem;
  margin-bottom: 0.3rem;
  bottom: 100%;
  z-index: 2;
  width: 3.27rem;
  background: url(../images/eq.png) center no-repeat;
  background-size: cover;
  border-radius: 0.1rem;
  box-shadow: 0px 4px 18.2px 0px rgba(30, 61, 124, 0.51);
  overflow: hidden;
  padding: 0.42rem 0 0.56rem;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-30px);
  transition: 0.5s;
  pointer-events: none;
}
.sign__pop:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  filter: saturate(100%);
  background: #4363A4;
  mix-blend-mode: multiply;
}
.sign__pop strong {
  display: block;
  margin-bottom: 0.28rem;
  text-align: center;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.34rem;
  font-family: "OPPOSans-Medium";
  font-weight: normal;
}
.sign__pop figure {
  margin: auto;
  max-width: 80%;
  width: 1.9rem;
  padding: 0.14rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.1rem;
}
.sign__pop figure img {
  width: 100%;
  height: auto;
}
.search-box {
  padding: 0.7rem 0 1.26rem;
  margin: auto;
  width: 8.67rem;
  max-width: 90%;
}
.search-top {
  margin-bottom: 0.6rem;
}
.search-top h2 {
  display: block;
  line-height: 1.1;
  color: #000000;
  font-size: 0.36rem;
  font-weight: normal;
  text-align: center;
}
.search-wr {
  margin: auto;
  margin-top: 0.35rem;
  position: relative;
  width: 6rem;
  max-width: 100%;
}
.search-wr .text {
  box-sizing: border-box;
  padding-left: 0.28rem;
  width: 100%;
  height: 0.5rem;
  border: 1px solid #EBEBEB;
  background: #F6F7F8;
  border-radius: 0.05rem;
  outline: none;
  color: #2F2F2F;
  font-size: 0.18rem;
  vertical-align: middle;
  transition: 0.35s;
}
.search-wr .text:focus {
  border-color: #E95520;
}
.search-btn {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
  height: 100%;
  border-radius: 0.05rem;
  background: #E95520;
  cursor: pointer;
}
.search-btn .sub {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.05rem;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.search-btn i {
  display: inline-block;
  margin-right: 0.06rem;
  color: #fff;
  font-size: 0.18rem;
}
.search-btn span {
  display: inline-block;
  color: #fff;
  font-size: 0.18rem;
}
.search-result {
  margin-top: 0.58rem;
  margin-bottom: 0.24rem;
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 1.4;
}
.search-list li {
  border-bottom: 1px solid #E8E8E8;
}
.search-list li:first-child {
  border-top: 1px solid #E8E8E8;
}
.search-list li a {
  display: block;
  padding: 0.28rem 0;
}
.search-list li a:hover strong {
  color: #E95520;
}
.search-list li a strong {
  display: block;
  margin-bottom: 0.12rem;
  line-height: 1.2;
  color: #000000;
  font-size: 0.18rem;
  font-weight: normal;
  font-family: "OPPOSans-Medium";
  transition: 0.35s;
}
.search-list li a strong font {
  color: #E95520;
}
.search-list li a p {
  color: #8E8E8E;
  font-size: 0.18rem;
  line-height: 0.28rem;
}
.search-list li a p font {
  color: #E95520;
}
.search-page {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.6rem;
}
.page_list {
  display: flex;
  align-items: center;
}
.page_list li {
  margin-right: 0.09rem;
}
.page_list li:last-child {
  margin-right: 0;
}
.page_list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.32rem;
  height: 0.32rem;
  border: 1px solid #fff;
  border-radius: 0.05rem;
  color: #8E8E8E;
  font-size: 0.16rem;
}
.page_list li a:hover,
.page_list li a.active {
  border-color: #E95520;
  color: #E95520;
}
.page_list li a.iconfont {
  background: #4363A4;
  border-color: #4363A4;
  color: #fff;
}
.page_list li:first-child .iconfont {
  border-color: #E95520;
  background: #E95520;
  color: #fff;
}
.page_list li span {
  display: inline-block;
  position: relative;
  top: -0.03rem;
  color: #8E8E8E;
  font-size: 0.16rem;
}
.page-targe {
  display: flex;
  align-items: center;
  margin: 0 0.15rem;
  color: #8E8E8E;
  font-size: 0.16rem;
}
.page-targe .text {
  box-sizing: border-box;
  padding: 0;
  margin: 0 0.05rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0.34rem;
  height: 0.34rem;
  border: 1px solid #D9D9D9;
  border-radius: 0.05rem;
  color: #8E8E8E;
  font-size: 0.16rem;
  background: none;
  text-align: center;
}
.page-sure {
  color: #8E8E8E;
  font-size: 0.16rem;
  transition: 0.35s;
  cursor: pointer;
}
.page-sure:hover {
  color: #E95520;
}
.patented {
  padding-top: 1.08rem;
}
.patented-tab {
  position: relative;
  margin-top: 0.5rem;
}
.patented-swiper {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.patented-slide {
  width: 3.49rem;
  height: 2rem;
  box-sizing: border-box;
  border-radius: 0.05rem;
  background: url(../images/patentedbg.png) center no-repeat;
  background-size: 100% 100% !important;
  box-shadow: 0 0.07rem 0.12rem rgba(114, 125, 149, 0.1);
  line-height: 1;
}
.patented-slide b {
  display: block;
  margin: auto;
  position: relative;
  top: -0.08rem;
  width: 0.56rem;
  height: 0.4rem;
  background: url(../images/patented.svg) center no-repeat;
  background-size: cover;
}
.patented-slide strong {
  display: block;
  margin-top: 0.38rem;
  padding: 0 0.4rem;
  color: #000000;
  font-size: 0.18rem;
  line-height: 0.24rem;
  font-weight: normal;
  text-align: center;
}
.patented-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  margin-top: -0.22rem;
  z-index: 3;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  cursor: pointer;
  background: #F5F5F5;
  color: #212121;
  font-size: 0.14rem;
  transition: 0.35s;
}
.patented-prev:hover {
  background: #E95520;
  color: #fff;
}
.patented-prev.prev {
  left: -0.63rem;
}
.patented-prev.next {
  right: -0.63rem;
}